@charset "utf-8";

/********************
로그인 Stylesheet
**********************/

.login_article {display:block; position:relative; margin:0 0 40px 0; padding:0 0 60px 0; border:solid #ddd 1px; border-top:none}
.login_article .login_case {display:table; position:absolute; margin:0; padding:0; right:40px; top:16px; z-index:10;}
.login_article .login_case li {float:left; display:inline-block; position:relative; height:15px; line-height:15px; margin:0; padding:0;}
.login_article .login_case li + li {margin-left:15px; padding-left:15px; border-left:solid #ddd 1px;}
.login_article .login_case button {display:inline-block; position:relative; margin:0; padding:0 0 0 20px; color:#444; background:url(/ux/images/login/login_case_icon.png) no-repeat; border:none; top:-2px;}
.login_article .login_case li.current button {color:#0977c9; font-weight:600;}
.login_article .login_case button.person {background-position:0 2px;}
.login_article .login_case li.current button.person {background-position:0 -28px;}
.login_article .login_case button.pension {background-position:0 -58px;}
.login_article .login_case li.current button.pension {background-position:0 -88px;}
.login_article .login_case button.company {background-position:0 -118px;}
.login_article .login_case li.current button.company {background-position:0 -148px;}

.login_article .loginCase {display:table; position:relative; margin:0; padding:0;}
.loginCase .forTrade {display:table-cell; position:relative; width:478px; margin:0; padding:0; border-top:solid #0977c9 4px; border-right:solid #ddd 1px; vertical-align:top;}
.loginCase .forEnquiry {display:table-cell; position:relative; width:479px; margin:0; padding:0; border-top:solid #747474 4px; vertical-align:top;}
.loginCase h2 {display:block; position:relative; margin:0; padding:10px 0 14px 40px; background-color:#f4f5f7; font-size:18px; color:#222; font-weight:600; border-bottom:solid #ddd 1px;}
.loginCase .inner {display:block; position:relative; margin:0; padding:40px 30px 30px 30px;}
.login_article .auto_logout {display:table; position:absolute;width:100%; height:46px; margin:0; padding:13px 0 0 0; background-color:#fafafa; border-top:solid #ddd 1px; left:0; bottom:0;}
.login_article .auto_logout dt {display:inline-block; position:relative; margin:0 20px 0 40px; padding:0;}
.login_article .auto_logout dd {display:inline-block; position:relative; margin:0; padding:0;}
.forTrade .certificateBtn {display:inline-block; position:relative; width:136px; height:85px; margin:0; padding:0; font-size:18px; color:#fff; font-weight:600; text-align:center; border:none; background:#005c9b;}
.forTrade .certificateBtn>strong{display:block; /* padding-top:12px */}
.forTrade .certificateBtn>p{display:block;font-size:13px;font-weight:normal;padding-top:12px}
.forTrade .cloudcateBtn {display:inline-block; position:relative; width:136px; height:85px; margin:0 !important; padding:0; font-size:18px; color:#fff; font-weight:600; text-align:center; border:none; background:#0978ca;}
.forTrade .fincateBtn {display:inline-block; position:relative; width:136px; height:85px; margin:0 !important; padding:0; font-size:18px; color:#fff; font-weight:600; text-align:center; border:none; background:#1797e0;}
.forTrade .fincateBtn>p{display:block;font-size:13px;font-weight:normal;padding-top:12px}
.forTrade .Btn>p{display:block;font-size:13px;font-weight:normal}

.forTrade .autoPop {display:table; position:relative; margin:0 auto 34px auto; padding:14px 0 0 0;}
.forTrade .autoPop dt {float:left; display:inline-block; position:relative; margin:0 25px 0 0; padding:0;}
.forTrade .autoPop dd {float:left; display:inline-block; position:relative; margin:0; padding:0;}
.forTrade .autoPop dd .radio {margin-right:5px;}
.forTrade .autoPop dd + dd {margin-left:20px;}
.forTrade .btnLIst {display:table; position:relative; width:100%; margin:0 0 15px 0; padding:0 0 15px 0; /* background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom; */}
.forTrade .btnLIst li {float:left; display:block; position:relative; margin:0; padding:0;}
.forTrade .btnLIst li + li {margin-left:6px;}
.forTrade .btnLIst .btnMid {text-align:left;}
.forTrade .btnLIst .btnMid.grayM {background-color:#ececec}

.forTrade .certificate_guide {display:block; position:relative; margin:0; padding:0 140px 0 0; color:#747474;}
.forTrade .certificate_guide .btnMid {position:absolute; right:1px; top:0;}

.forViewer {display:table-cell; position:relative; width:438px; margin:0; padding:0 20px 20px 20px; border-top:solid #0977c9 4px; border-right:solid #ddd 1px; background-color:#f4f5f7;}
.forViewer h2 {display:block; position:relative; margin:0; padding:165px 0 15px 0; background:url(/ux/images/login/forViewer.png) no-repeat 50% 40px; border:none; text-align:center;}
.forViewer .message {display:block; position:relative; margin:0; padding:0 0 20px 0; text-align:center;}
.forViewer .hint {display:block; position:relative; margin:0; padding:20px 0 0 0; color:#747474; text-align:left; border-top:solid #ddd 1px;}
.forViewer.onlyCV {border-top-color:#747474 !important;}
.forViewer.onlyCV {width:439px !important;}
.forViewer.onlyCV h2 {background:url(/ux/images/login/onlyCV.png) no-repeat 50% 40px !important;}

.forEnquiry .inner {display:none;}
.forEnquiry .inner.current {display:block;}
.forEnquiry .loginBox {display:block; position:relative; margin:0 0 10px 0; padding:0 109px 0 0;}
.forEnquiry .loginBox.bizBox {padding-bottom:0px;}
.forEnquiry .loginBox dl {display:table; position:relative; width:100%; margin:0; padding:0;}
.forEnquiry .loginBox dt {float:left; display:block; position:relative; width:120px; height:40px; margin:0 0 5px 0; padding:0;}
.forEnquiry .loginBox dt label {line-height:40px;}
.forEnquiry .loginBox dd {float:left; display:block; position:relative; width:190px; height:40px; margin:0 0 5px 0; padding:0;}
.forEnquiry .loginBox dd input[type="text"], .forEnquiry .loginBox dd input[type="password"] {width:188px;}
.forEnquiry .loginBox button.enquiryLogin {display:block; position:absolute; width:99px; height:85px; background:url(/ux/images/login/enquiryLoginBg.png) no-repeat; font-size:18px; color:#FFF; font-weight:600; right:0; top:0;}
.forEnquiry .loginBox button.enquiryLogin2 {display:block; position:absolute; width:99px; height:129px; background:url(/ux/images/login/enquiryLoginBg2.png) no-repeat; font-size:18px; color:#FFF; font-weight:600; right:0; top:0;}
.forEnquiry .loginBox button.enquiryLogin.pension, .forEnquiry .loginBox button.enquiryLogin2.pension {top:0;}
.forEnquiry .loginBox .saveID {display:inline-block; position:relative; margin:0; padding:8px 0 0 120px;}
.forEnquiry .loginBox dl.incase dt, .forEnquiry .loginBox dl.incase dd {height:30px;}
.forEnquiry .loginBox .bizNum {display:none;}
.forEnquiry .viewOnly {display:none; position:relative; margin:0; padding:0 120px 10px 0; color:#747474; font-size:13px; background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;}
.forEnquiry .viewOnly a {position:absolute; right:0; top:0;}
.forEnquiry .pensionCase {display:table; position:relative; width:100%; margin:0; padding:0;}
.forEnquiry .pensionCase dt {float:left; display:block; position:relative; width:120px; height:40px; margin:0; padding:0;}
.forEnquiry .pensionCase dt label {line-height:40px;}
.forEnquiry .pensionCase dd {float:left; display:block; position:relative; width:270px; height:40px; margin:0; padding:0;}
.forEnquiry .fnGuide {padding:25px 0 0 0;}
.forEnquiry .fnGuide li{float:left;display:block}
.forEnquiry .fnGuide li~li{margin-left:6px}
.forEnquiry .fnGuide .btnMid {text-align:left;}
.forEnquiry .fnGuide .btnMid.pension1 {width:168px;}
.forEnquiry .fnGuide .btnMid.pension2 {width:161px;}

.login_guideBox {display:table; position:relative; width:100%; margin:0 0 40px 0; padding:15px 0; border-top:solid #747474 1px; border-bottom:solid #ddd 1px;}
.login_guideBox dl {display:table-cell; position:relative; width:33%; margin:0; padding:0 0 60px 0; background-image:url(/ux/images/login/login_guideBox.png); background-repeat:no-repeat;}
.login_guideBox dl.chat01 {background-position:250px 15px;}
.login_guideBox dl.chat02 {background-position:-60px 15px;}
.login_guideBox dl.chat03 {background-position:-380px 15px;}
.login_guideBox dl + dl {border-left:solid #ddd 1px;}
.login_guideBox dt {display:block; position:relative; margin:0 0 15px 0; padding:10px 25px 0 25px; font-size:18px; font-weight:600; color:#222;}
.login_guideBox dd {display:block; postion:relatvie; margin:0; padding:0 25px; font-size:14px;}
.login_guideBox dd.btn {display:block; position:absolute; width:100%; margin:0; padding:0 0 0 25px; left:0; bottom:10px;}

.pensionLoginChange {display:none; position:relative; margin:0 0 40px 0; padding:30px; background-color:#fafafa; border-top:solid #747474 1px; border-bottom:solid #ddd 1px;}
.pensionLoginChange h3 {display:block; position:relative; margin:0 0 10px 0; padding:0; font-size:18px; color:#222; font-weight:600;}

.forEnquiry ._pensionPerson{padding-bottom:10px}

.overlapID {display:block; position:relative; margin:0; padding:0; border:solid #ddd 1px;}
.overlapID .wrapArticle {display:block; position:relative; width:340px; margin:0 auto; padding:25px 0;}
.overlapID .wrapArticle dl {display:table; position:relative; width:100%; margin:0 0 15px 0; padding:0;}
.overlapID .wrapArticle dt {float:left; display:table; position:relative; width:120px; margin:0 0 5px 0; padding:0;}
.overlapID .wrapArticle dt label {position:relative; top:10px;}
.overlapID .wrapArticle dd {float:left; display:table; position:relative; width:218px; margin:0 0 5px 0; padding:0;}
.overlapID .wrapArticle dd input {width:216px;}
.overlapID .wrapArticle .loginBtn {display:block; position:relative; width:315px; height:61px; margin:0 auto 15px auto; padding:0 0 0 25px; line-height:59px; font-weight:600; color:#FFF; font-size:18px; background:url(/ux/images/login/certificate_overlap.png) no-repeat left top;}
.overlapID .wrapArticle .btnWrap {display:block; position:relative; padding:15px 0 0 0; text-align:left; background:url(/ux/images/common/bg_dot_line.gif) repeat-x left top;}
.overlapID .wrapArticle .btnWrap .btnMid.grayM {background-color:#ececec;}

.overlapID .autoTimer {display:table; position:relative; width:100%; margin:0; padding:15px 0; border-top:solid #ddd 1px; background-color:#fafafa}
.overlapID .autoTimer dt {display:table-cell; position:relative; width:45%; margin:0; padding:0 10px 0 0; text-align:right;}
.overlapID .autoTimer dd {display:table-cell; position:relative; margin:0; padding:0;}

/* 보안프로그램 설치 */
.program_setting .bgArea {background-image:url(/ux/images/login/program_setting_top.png);background-repeat:no-repeat;}
.pc_contact_info {padding:27px 0 50px 255px;background:url(/ux/images/login/pc_contact_info.png) 61px 31px no-repeat;}
.program_setting_box {padding:27px 0 27px 105px;background:#7891af url(/ux/images/login/program_setting_bot.png) 39px 39px no-repeat;}
.program_setting_box p {color:#fff;font-size:18px;font-weight:bold;}

/* (LP)최근 접속정보 */
.popSection.wide340 {padding:10px 20px 20px 20px;}
.trade_sTitle {text-align:center;font-size:18px;color:#222;font-weight:bold;}
.time_info_box {margin:20px 0 10px 0;border:1px solid #ddd;background:#fafafa;}
.time_info_box p {color:#222;font-size:18px;text-align:center;}
.time_info_box p span {color:#c75414;}
.time_info_box dl {display:block;position:relative;padding:5px 0  5px 60px;}
.time_info_box dl:after {content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:url(/ux/images/common/bg_dot_line.gif) repeat-x 0 top;}
.time_info_box dl dt {font-size:14px;color:#747474;font-weight:bold;}
.time_info_box dl dd {font-size:14px;color:#444;font-weight:bold;}
.time_info_box dl dd span {display:block;font-size:18px;color:#c75414;}
.time_info_box dl.time_info_icon1 {background:url(/ux/images/common/login_pop_icon01.png) no-repeat 0 0;}
.time_info_box dl.time_info_icon1:after {display:none;}
.time_info_box dl.time_info_icon2 {background:url(/ux/images/common/login_pop_icon02.png) no-repeat 0 0;}
.time_info_txt {background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;padding-left:10px;font-size:13px;color:#222;}

/* 신규고객 이용절차 가이드 */
ol.step_list {border-top:1px solid #747474;}
ol.step_list li {display:block;position:relative;padding:20px;border-bottom:1px solid #ddd;background:#fafafa;}
ol.step_list li:after {display:block;content:"";clear:both;}
ol.step_list li span {float:left;width:85px;color:#0977c9;font-size:16px;}
ol.step_list li span strong {font-weight:bold;}
ol.step_list li p {padding-left:85px;color:#444;}
ol.step_list li p strong {display:block;margin-bottom:5px;color:#222;font-size:16px;font-weight:normal;}
ol.step_list li a {position:absolute;right:20px;top:50%;margin-top:-15px;}

/* 공인인증서확인 */
.btnArea.topLine_gray2 {padding-bottom:20px;margin-bottom:5px;border-bottom:1px solid #ddd;}
.more_infoBox.certificate {margin:10px 0;}
.more_infoBox.certificate.col2 .col {width:40%;padding:4%;}

/* 세무법인 탭 추가 (2022 tax)*/
.login_article .forEnquiry.type2 .login_case {top: 17px;right: 15px;}
.login_article .forEnquiry.type2 .login_case li + li {margin-left:8px;padding-left:8px;}
.login_article .forEnquiry.type2 .login_case button {height:20px;font-size: 13px;}
.login_article .forEnquiry.type2 .login_case button.taxcompany {background:url(/ux/images/login/icon_login_wwm.png) no-repeat;}
.login_article .forEnquiry.type2 .login_case li.current button.taxcompany {background-image:url(/ux/images/login/icon_login_wwm_on.png);}

/* wwm 법인 */
.login_article .forEnquiry.type2 .login_case button.wwm {background:url(/ux/images/login/icon_login_wwm.png) no-repeat;}
.login_article .forEnquiry.type2 .login_case li.current button.wwm {background-image:url(/ux/images/login/icon_login_wwm_on.png);}