@charset "utf-8";

/*** gnb ***/
header {margin: 0;padding: 0; font-family: 'Roboto','Droid Sans','sans-serif','Malgun Gothic','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림'; font-weight: normal;}
header.fix {position:fixed !important; top:0 !important;}
header.main_menugnb {position:fixed; background:transparent; top:0px;}  /*2020-03-26 상단수정*/
header.main_menugnb .gnb_Wrap {background:transparent; height:60px; -webkit-transition:background-color 0.3s; transition:background-color 0.3s;}
header.main_menugnb .gnb_Wrap > a {width:100px; height:24px; background:url("../images/gnb/gnb_logo.png?v=221102") no-repeat center center; background-size:100% auto; position:absolute; top:18px; left:20px; padding:0;}
header.sub_menugnb .gnbWrap > a {width:100px; height:24px; background:url("../images/gnb/gnb_logo.png?v=221102") no-repeat center center; background-size:100% auto; position:absolute; top:18px; left:20px;}
header.main_menugnbCh .gnb_Wrap {background-color:rgba(17, 17, 17, 0.95); -webkit-transition:background-color 0.3s; transition:background-color 0.3s;}
header.sub_menugnb {background:rgba(17, 17, 17,  0.95); position:absolute; top:-60px; left:0;}
header.detail h1 {position:unset; text-align:left; font-size:1.25em; margin:20px; font-weight:bold; color:#fff; text-indent:0; background:none; width:75%; overflow: hidden; text-overflow: ellipsis; word-wrap:break-all;  white-space: nowrap; line-height:22px;}
[class*="_menugnb"] {z-index:1000; left:0; top:0; width:100%; height:60px;}
[class*="_menugnb"] a h1 {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);}
[class*="_menugnb"] .logo {position:absolute; left:20px; top:18px; width:100px; height:24px; background:url("../images/gnb/gnb_logo.png") no-repeat center center; background-size:100% auto; }
[class*="_menugnb"] .logo h1 {font-size: 1px;color:transparent;}
[class*="_menugnb"] .btnMenu {display:block; position:absolute; right:20px; top:21px; width:22px; height:18px; background:url(../images/gnb/btn_menu.png) no-repeat; background-size:100% auto;}
[class*="_menugnb"] .btnSearch {display:block; position:absolute; right:62px; top:19px; width:23px; height:23px; background:url(../images/gnb/btn_search.png) no-repeat; background-size:100% auto;}
[class*="_menugnb"] .btnHome {display:block; position:absolute; right:62px; top:18px; width:23px; height:23px; background:url(../images/gnb/btn_home.png) no-repeat; background-size:100% auto;}
[class*="_menugnb"] .btnCloseBack {display:block; position:absolute; right:20px; top:15px; width:25px; height:25px; background:url(../images/join/btn_popclose.png) no-repeat; background-size:100% auto;}
[class*="_menugnb"] .btnClose {display:block; position:absolute; right:25px; top:20px; width:19px; height:19px; background:url(../images/gnb/lnb_close.png) no-repeat; background-size:100% auto;}
.btnClose {display:block; position:absolute; right:20px; top:20px; width:23px; height:23px; background:url(../images/gnb/lnb_close.png) no-repeat; background-size:100% auto;}		/* 2020-04-20 추가 */
[class*="_menugnb"] .page_cover, .page_cover {position:fixed; overflow:visible; display:none; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; z-index: 100;} /* 2020-04-20 추가 */
#leftmenu {display:none; position:fixed; overflow:hidden; right:-999px; top:0; width:75%; height:100%;  background:#fff; text-align: left; z-index:99999;}
#leftmenu .top {position:absolute; padding:17px 0; width:100%; left:0; top:0; background:#fff; z-index:999999; }		/* 2018-11-05 수정 */
#leftmenu h2 {background:url(../images/gnb/lnb_logo.png?v=221102) no-repeat; background-size:100% auto; margin-left:20px; width:90px; height:22px; font-size:19px; color:transparent;}
#leftmenu .top a {display:inline-block; vertical-align:top;}
#leftmenu p {color:#666; font-size:1em; margin-top:25px;}
#leftmenu .leftMenuLayer {overflow-y:scroll; height:100%; visibility:visible; }		/* 2018-11-05 추가 */
#leftmenu .login_after, #leftmenu .login_before {margin-top:60px; padding:10px 25px 20px 25px; border-bottom:1px solid #ecebeb;}		/* 2018-11-05 수정 */
#leftmenu .login_after p, #leftmenu .login_before p {font-size:1em; text-align:center;}
#leftmenu .login_after p em {color:#000; font-weight:bold;}
#leftmenu .login_after span {color:#666;}
#leftmenu .loginbtn_Wrap {width:100%; text-align:center; margin-top:15px;}
#leftmenu .loginbtn_Wrap li {float:left; width:50%; margin:0;}
#leftmenu .loginbtn_Wrap li + li {margin-left:-1px;}
#leftmenu .loginbtn_Wrap li a {display:block; padding:7px 0px; width:100%; border:1px solid #555; color:#000; border-radius:30px; font-weight:bold; margin-left:-10px;}
#leftmenu .loginbtn_Wrap li + li a {border:1px solid #627be0; color:#000; color:#627be0; margin-left:10px;}
#leftmenu .lnb_link {margin:60px 20px 0 20px; padding-top:27px; color:#000; font-size:16px;} /* 2020-04-21 상단간격수정 */
#leftmenu .lnb_link li {margin-bottom:30px;}
#leftmenu .lnb_link li a {margin: 0; padding: 0; font-family: 'Roboto','Droid Sans','sans-serif','Malgun Gothic','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림'; font-weight: normal; font-size:17px; text-decoration: none;color: #333; line-height: 20px; letter-spacing: -1px;}
#leftmenu .lnb_search {display:block; margin:30px 25px 0 25px; padding-bottom:8px; border-bottom:1px solid #e1e1e1;}
#leftmenu .lnb_search a {display:block; position:relative; padding-left:28px;font-size: 15px;color: #333;line-height: 20px; letter-spacing: 0;}
#leftmenu .lnb_search a:before {display:block; content:''; position:absolute; left:0; top:0; width:23px; height:23px; background:url(../images/gnb/lnb_search.png) no-repeat; background-size:23px auto;}
#leftmenu .lnb_btbtnWrap {position:absolute; display:block; bottom:0; width:100%; background-color:#c4c4d6;}
#leftmenu .lnb_btbtnWrap a {display:block;}
#leftmenu .lnb_btbtnWrap img {vertical-align:middle;}
#leftmenu .lnb_btbtnWrap p {position:absolute; color:#fff; left:15px; top:15px; margin:0;}
#leftmenu .lnb_btbtnWrap strong {color:#fff;}
.hd_txt {position: absolute;height: 0;overflow: hidden;}
legend, .hidden {overflow: hidden;position: absolute;width: 1px;height: 1px; margin: -1px;clip: rect(0 0 0 0);}
.topBan {margin-top: 60px;}
.topBan a {display: block;}

/*** lnb new ***/
#leftmenu.tbiz_lnb h2 {width:100px; height:24px; margin-left:22px; font-size:20px;}
#leftmenu.tbiz_lnb .lnb_etc {display:flex; margin-top:58px; background-color:#697adb;}
#leftmenu.tbiz_lnb .lnb_etc a {position:relative; width:50%; padding:16px 0 14px; font-size:15px; color:#fff; text-align:center;}
#leftmenu.tbiz_lnb .lnb_etc a + a:before {content:""; position:absolute; top:16px; left:0; width:1px; height:18px; background-color:#8b98e2;}
#leftmenu.tbiz_lnb .lnb_sol {margin:0 22px; padding:30px 0 10px; border-bottom:1px solid #e6e6e6;}
#leftmenu.tbiz_lnb .lnb_sol > strong {display:block; margin-bottom:10px; font-size:18px; font-weight:bold;}
#leftmenu.tbiz_lnb .lnb_sol ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
#leftmenu.tbiz_lnb .lnb_sol li {width:80px; text-align:center;}
#leftmenu.tbiz_lnb .lnb_sol li a {display:block; height:60px; padding:15px 0; font-size:11px; line-height:14px; color:#666; letter-spacing:-.5px;}
#leftmenu.tbiz_lnb .lnb_sol li a:before {content:""; display:block; width:40px; height:40px; margin:0 auto 6px; border-radius:50%; background:#f7f7f7 url("../images/gnb/lnb_icons.png") no-repeat 0 0/120px auto;}
#leftmenu.tbiz_lnb .lnb_sol li:nth-child(2) a:before {background-position:-40px 0;}
#leftmenu.tbiz_lnb .lnb_sol li:nth-child(3) a:before {background-position:-80px 0;}
#leftmenu.tbiz_lnb .lnb_sol li:nth-child(4) a:before {background-position:0 -40px;}
#leftmenu.tbiz_lnb .lnb_sol li:nth-child(5) a:before {background-position:-40px -40px;}
#leftmenu.tbiz_lnb .lnb_sol li:nth-child(6) a:before {background-position:-80px -40px;}
#leftmenu.tbiz_lnb .lnb_link {padding-top:23px; margin:0 0 0 22px;}
#leftmenu.tbiz_lnb .lnb_link li {margin-bottom:12px;}
#leftmenu.tbiz_lnb .lnb_link a {font-size:15px; color:#111;}
#leftmenu.tbiz_lnb .lnb_search {position:absolute; bottom:0; left:0; width:calc(100% - 50px); margin:30px 25px;}
@media all and (max-width:767px) {
    #leftmenu.tbiz_lnb .lnb_sol ul {max-width:248px; justify-content:space-between;}
    #leftmenu.tbiz_lnb .lnb_sol li {width:33.3%; min-width:58px; max-width:80px;}
}
@media all and (max-height:590px) {
    #leftmenu.tbiz_lnb .lnb_search {position:static;}
}

/*** footer ***/
footer {position:relative; background:#fff; border-top:1px solid #e0e0e0; padding:20px; font-size: 13px; color: #333; letter-spacing: 0;line-height: 20px; font-family: 'Roboto','Droid Sans','sans-serif','Malgun Gothic','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림'; font-weight: normal;}
footer .footer_toplink {padding-bottom:15px; text-align:center;}
footer .footer_toplink li {display:inline-block;}
footer .footer_toplink li a {position:relative; padding-right:25px;}
footer .footer_toplink li a:after {display:block; content:''; top:6px; right:8px; width:4px; height:4px; border-radius:10px; background-size:2px 2px; position:absolute; background:url(../images/sub/dot.png) no-repeat center;}
footer .footer_toplink li:last-child a {padding:0;}
footer .footer_toplink li:last-child a:after {display:none;}

footer .foot_link {display:block; text-align:center; margin-top:20px;}
footer .foot_link li {display:inline-block; text-align:center; background:url(../images/login/sp_login_line.gif) no-repeat 0 4px; margin-left:3%; padding-left:3%;}
footer .foot_link li:first-child {margin:0; background:none; padding:0;}
footer .foot_link li:last-child {padding-right:0;}

footer .more_view {position:relative; display:block; width:70px; padding-right:17px; background-size:11px auto; margin:0 auto 10px;}
footer .more_view:after {display:block; content:''; position:absolute; top:7px; right:0; width:13px; height:8px; background:url('../images/sub/sub_iconset.png') no-repeat 0px -171px; background-size:200px 200px;}
footer .more_view.more_close:after {background-position:-13px -171px;}
footer .more_view_txt {font-size:0.95em; width:100%; display:none; padding:20px 0 0;}
footer .more_view_txt .footAacc {display:flex;flex-wrap:wrap;max-width:360px;margin:0 auto;padding-left:15px;box-sizing:border-box;}
footer .more_view_txt .footAacc li {min-width:50%;margin-bottom:12px;}
footer .more_view_txt .footAacc li a {display:block; padding-left:43px; font-size:10px; line-height:12px; color:#666; background:url(../images/footer/footaac_01.png) no-repeat; background-size:34px auto;}
footer .more_view_txt .footAacc li.i2 a {background-image:url(../images/footer/footaac_02.png);}
footer .more_view_txt .footAacc li.i3 a {background-image:url(../images/footer/footaac_03.png);}
footer .more_view_txt .footAacc li.i4 a {background-image:url(../images/footer/footaac_04.png); height:34px;}
footer .more_view_txt .footAddr{max-width:313px;margin:10px auto 0;}

footer .foot_snslink {display:flex; align-items:center; justify-content:center; margin-top:15px;}
footer .foot_snslink li {margin-right:25px;}
footer .foot_snslink li:last-child {margin:0;}
footer .foot_snslink li a {overflow:hidden; display:block; width:28px; height:28px; background:url(../images/footer/footsnsbtn_t.png) no-repeat center center; background-size:auto 28px;}
footer .foot_snslink li:nth-child(2) a {background:url(../images/footer/footsnsbtn_f.png) no-repeat center center; background-size:auto 28px;}
footer .foot_snslink li:nth-child(3) a {background:url(../images/footer/footsnsbtn_n.png) no-repeat center center; background-size:28px auto;}
footer .foot_snslink li:nth-child(4) a {background:url(../images/footer/footsnsbtn_y.png) no-repeat center center; background-size:28px auto;}
footer .foot_snslink li:nth-child(5) a {background:url(../images/footer/footsnsbtn_k.png) no-repeat center center; background-size:28px auto;}
footer .foot_snslink li:nth-child(6) a {background:url(../images/footer/footsnsbtn_i.png) no-repeat center center; background-size:28px auto;}
footer .foot_snslink li a .hd_txt {position:static; line-height:1px; font-size:1px; color:transparent;}

footer .foot_btn {margin-top:20px; text-align:center;}
footer .foot_btn li {display:inline-block; margin-right:1.5%;}
footer .foot_btn li:last-child {margin:0;}
footer .foot_btn li a {display:block; padding:0 25px; height:3.2em; line-height:3.2em; font-weight:bold; color:#777; border:1px solid #b9b9b9;}
footer .foot_btn li:last-child a {color:#fff; border:none; padding-right:35px; background:url(../images/footer/btn_top.png) no-repeat right 15px center #666; background-size:12px auto;}
.center_txt {text-align: center;}
footer a {text-decoration: none; color: #333;}

/*** layer popup ***/
.layerpop {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/join/pop_dim.png') repeat 0 0; z-index: 99999; overflow:hidden;}
.layerpop .layercont {position: relative; margin: 0 auto; width: 90%; background:#fff;}
.layerpop .layercont .btn_topclose {position:absolute; background:none; width:20px; height:20px; z-index:999;}
.layerpop .layercont .btn_topclose img {width:20px;}
.agree_pop {margin-top:-20px; padding-bottom:20px;}
.agree_pop .layercont {width:100% !important; height:100%; margin:0 !important;}
.agree_pop h2 {padding:22px; border-bottom:1px solid #e9e9e9; font-size: 1.35em; font-weight: bold; text-align: center; letter-spacing: -0.08em; color:#333; background-color:#fff;}
.agree_pop .btn_topclose {top:20px; right:15px;}
.agree_pop .txt {padding:15px; height:75%; overflow-y:auto; -webkit-overflow-scrolling:touch; color:#666; font-size:0.85em;}
.agree_pop .btn_ok_1bt {position:absolute; bottom:0; width:100%; background:#3b3a40;}
.agree_pop .privacy {height:calc(100% - 168px); overflow-y:auto; -webkit-overflow-scrolling:touch;}
.agree_pop h2 + .btn_topclose {position:absolute; background:none; width:20px; z-index:999;}
.agree_pop h2 + .btn_topclose img {width:20px;}
.layerpop#iframeAgree .layercont .btn_topclose {background:url("../images/join/btn_popclose2.png") no-repeat 0 0/20px;}

/*** button ***/
[class*="_1bt"], [class*="_2bt"] {display:block; text-align:center; color:#fff; padding:15px 0; font-size:1.125em; letter-spacing:-0.05em; font-weight:bold; box-sizing:border-box;}
.btn_ok_1bt {width:100%;background:#3b3a40;}
.btn_red_1bt {width:100%; background:#3b3a40;}
.btn_savecancel_2bt {display:inline-block; width:45%; color:#3b3a40; border:1px solid #3b3a40;}
.btn_save_2bt {display:inline-block; width:45%; background:#3b3a40;}
.btn_more_1bt {width:100%; color:#222; background:#fff;}

/* floating layer */
#floatingLayer {display:none; position:fixed; z-index:99; bottom:15px; right:15px; text-align:center;}
#floatingLayer.on {display:block;}
#floatingLayer .fLyCon a {display:block; width:144px; height:76px; padding-top:68px; font-size:16px; color:transparent; letter-spacing:-1px; line-height:22px; border-radius:50%; box-shadow:5px 5px 30px rgba(0,0,0,.3); background-color:#0babe5; background:url("../images/sub/floatLayer_survey.png") no-repeat 50% 40%/76px auto, linear-gradient(130deg, #0babe5, #1d74da);}
#floatingLayer .fLyClose {position:absolute; top:0; right:7px; width:28px; height:28px; color:transparent; background:url("../images/sub/floatLayer_close.png") no-repeat 0 0; background-size:28px auto;}

/* chatting cs service */
#floating_chatCs {position:fixed; z-index:99; right:15px; bottom:30px; width:190px; height:55px;}
#floating_chatCs button {overflow:hidden; position:absolute; right:-5px; top:-10px; width:21px; height:21px; border:0; background:url("/cs/images/mobile/combine/img/btn_floating_close.png") no-repeat 0 0/21px;}
#chatCsLyPop .inr {overflow:auto; height:100%;}
#chatCsLyPop .con1 {min-height:263px; padding:25px 15px; background:#f7f7f7 url("/cs/images/mobile/combine/img/chatCs_bg.jpg") no-repeat 100% 100%/375px auto;}
#chatCsLyPop h3 {margin-bottom:20px; color:transparent; font-size:25px; font-weight:bold; letter-spacing:-2px; line-height:25px; background:url("/cs/images/mobile/combine/img/chatCs_tit.png") no-repeat 0 0/255px auto;}
#chatCsLyPop .txt1 {margin-bottom:40px; color:#666; line-height:18px; font-size:13px; letter-spacing:-1px;}
#chatCsLyPop .txt1 span {display:inline-block; line-height:14px; color:#111; border-bottom:1px solid #111;}
#chatCsLyPop .txt2 {width:133px; color:transparent; font-size:14px; line-height:17px; letter-spacing:-1.5px; background:url("/cs/images/mobile/combine/img/chatCs_txt1.png") no-repeat 0 0/133px auto;}
#chatCsLyPop .txt2 strong {display:block; line-height:42px; letter-spacing:18px; text-indent:10px;}
#chatCsLyPop h4 {padding:11px 15px 10px; color:#fff; font-size:17px; letter-spacing:-1px; background:linear-gradient(90deg, #ff934c, #fc686f);}
#chatCsLyPop ol {padding:18px 15px 20px 60px;}
#chatCsLyPop ol li {position:relative; padding:9px 0 7px 10px; border-top:1px solid #f3f3f3; font-size:14px; line-height:18px; color:#333; letter-spacing:-1px;}
#chatCsLyPop ol li span {position:absolute; top:-3px; left:-44px; width:40px; line-height:40px; padding-right:7px; text-align:center; color:#fc6f69; background:url("/cs/images/mobile/combine/img/chatCs_circle.png") no-repeat 0 0/47px auto;}
#chatCsLyPop ol li:first-child {border-top:0;}
#chatCsLyPop .chatCsTime {margin-bottom:50px; padding:17px 15px 15px 88px; font-size:12px; color:#666; line-height:18px; letter-spacing:-1px; background:#f7f7f7 url("/cs/images/mobile/combine/img/chatCs_ico.png") no-repeat 19px 25px/54px auto;}
#chatCsLyPop .chatCsTime strong {display:block; margin:5px 0 10px; font-size:16px; color:#111;}

.CorpchatCounselInfo .con1 {min-height:263px; padding:25px 15px; background:#f7f7f7 url("/cs/images/mobile/combine/img/chatCs_bg.jpg") no-repeat 100% 100%/375px auto;}
.CorpchatCounselInfo h3 {margin-bottom:20px; color:transparent; font-size:25px; font-weight:bold; letter-spacing:-2px; line-height:25px; background:url("/cs/images/mobile/combine/img/chatCs_tit.png") no-repeat 0 0/255px auto;}
.CorpchatCounselInfo .txt1 {margin-bottom:40px; color:#666; line-height:18px; font-size:13px; letter-spacing:-1px;}
.CorpchatCounselInfo .txt1 span {display:inline-block; line-height:14px; color:#111; border-bottom:1px solid #111;}
.CorpchatCounselInfo .txt2 {width:133px; color:transparent; font-size:14px; line-height:17px; letter-spacing:-1.5px; background:url("/cs/images/mobile/combine/img/chatCs_txt1.png") no-repeat 0 0/133px auto;}
.CorpchatCounselInfo .txt2 strong {display:block; line-height:42px; letter-spacing:18px; text-indent:10px;}
.CorpchatCounselInfo h4 {padding:11px 15px 10px; color:#fff; font-size:17px; letter-spacing:-1px; background:linear-gradient(90deg, #ff934c, #fc686f);}
.CorpchatCounselInfo ol {padding:18px 15px 20px 60px;}
.CorpchatCounselInfo ol li {position:relative; padding:9px 0 7px 10px; border-top:1px solid #f3f3f3; font-size:14px; line-height:18px; color:#333; letter-spacing:-1px;}
.CorpchatCounselInfo ol li span {position:absolute; top:-3px; left:-44px; width:40px; line-height:40px; padding-right:7px; text-align:center; color:#fc6f69; background:url("/cs/images/mobile/combine/img/chatCs_circle.png") no-repeat 0 0/47px auto;}
.CorpchatCounselInfo ol li:first-child {border-top:0;}
.CorpchatCounselInfo .chatCsTime {padding:17px 15px 15px 88px; font-size:12px; color:#666; line-height:18px; letter-spacing:-1px; background:#f7f7f7 url("/cs/images/mobile/combine/img/chatCs_ico.png") no-repeat 19px 25px/54px auto;}
.CorpchatCounselInfo .chatCsTime strong {display:block; margin:5px 0 10px; font-size:16px; color:#111;}