.common .wrap{overflow:visible;} #content>.titleImg{right:19px;} #content .page p.boxTitle{margin-left:-10px;padding:0 5px;font-family:"NaGoBo";font-size:14px;text-align:center;line-height:55px;background-color:#f1f1f1;} #content .page .boxTitle>.blue{font-size:18px;color:#2c3985;} #content .page .boxTitle>.green{font-size:18px;color:#377e88;} #content .page .contentInfo{position:relative;margin-bottom:40px;*margin-bottom:5px;}/*20201222 ������ */ #content .page .contentInfo.last ul.joinInfo{padding:43px 0;overflow:hidden;} #content .page .contentInfo.last ul.joinInfo>li{width:271px;padding-left:60px;text-align:center;border-left:1px dashed #ccc;float:left;} #content .page .contentInfo.last ul.joinInfo>li:first-child{border-left:none;padding-right:61px;padding-left:0;} #content .page .contentInfo.last ul.joinInfo>li>p{width:85%;margin:auto;padding:15px 0;*padding:0;} #content .page .contentInfo>.process{width:703px;height:63px;margin-left:-13px;margin-top:5px;margin-bottom:24px;text-indent:-9999px;} #content .page .contentInfo>.process.privateJoin1{background:url(/ei/images/common/btnsBg.png) no-repeat 0 -500px;} #content .page .contentInfo>.process.privateJoin2{background:url(/ei/images/common/btnsBg.png) no-repeat 0 -563px;} #content .page .contentInfo>.process.privateJoin3{background:url(/ei/images/common/btnsBg.png) no-repeat 0 -626px;} #content .page .contentInfo>.process.privateJoin4{background:url(/ei/images/common/btnsBg.png) no-repeat 0 -689px;} #content .page .contentInfo>.process.privateJoin5{background:url(/ei/images/common/btnsBg.png) no-repeat 0 -752px;} #content .page .contentInfo>.process.private14Join1{background:url(/ei/images/common/14_step.png) no-repeat 0 -0px;} #content .page .contentInfo>.process.private14Join2{background:url(/ei/images/common/14_step.png) no-repeat 0 -63px;} #content .page .contentInfo>.process.private14Join3{background:url(/ei/images/common/14_step.png) no-repeat 0 -126px;} #content .page .contentInfo>.process.private14Join4{background:url(/ei/images/common/14_step.png) no-repeat 0 -189px;} #content .page .contentInfo>.process.private14Join5{background:url(/ei/images/common/14_step.png) no-repeat 0 -252px;} #content .page .contentInfo>.process.private14Join6{background:url(/ei/images/common/14_step.png) no-repeat 0 -315px;} #content .page .contentInfo>.process.businessJoin1{background:url(/ei/images/common/btnsBg.png) no-repeat 0 -857px;} #content .page .contentInfo>.process.businessJoin2{background:url(/ei/images/common/btnsBg.png) no-repeat 0 -920px;} #content .page .contentInfo>.process.businessJoin3{background:url(/ei/images/common/btnsBg.png) no-repeat 0 -983px;} #content .page .contentInfo>.process.businessJoin4{background:url(/ei/images/common/btnsBg.png) no-repeat 0 -1046px;} #content .page .contentInfo>.process+p{padding-left:10px;} #content .page .contentInfo>.process+p+p{padding-left:10px;margin-top:15px;} #content .page .contentInfo>.joinInfoBg{position:relative;width:529px;height:920px;margin:12px 0 50px 95px;background:url(/ei/images/common/privateJoinInfo.png) no-repeat 0 0;} #content .page .contentInfo>.joinInfoBg_14{position:relative;width:529px;height:1082px;margin:12px 0 50px 95px;background:url(/ei/images/common/privateJoinInfo_14.png) no-repeat 0 0;} #content .page .contentInfo>.joinInfoBusiBg{position:relative;width:529px;height:1246px;margin:12px 0 50px 95px;background:url(/ei/images/common/businessJoinInfo.png) no-repeat 0 0;} #content .page .contentInfo ol{list-style:decimal; padding-left:18px;}/*20201222 ������*/ #content .page .contentInfo ol>li{background:none !important; line-height:18px; padding:0 0 6px 5px;}/*20201222 ������*/ #content .page .contentInfo ol>li+li{top:155px;} #content .page .contentInfo ol>li+li+li{top:319px;} #content .page .contentInfo ol>li+li+li+li{top:484px;} #content .page .contentInfo ol>li+li+li+li+li{top:649px} #content .page .contentInfo ol>li+li+li+li+li+li{top:813px;} #content .page .contentInfo ol>li+li+li+li+li+li+li{top:975px;} #content .page .contentInfo ol.businessMap1>li+li+li+li{top:504px;} #content .page .contentInfo ol.businessMap1>li+li+li+li+li{top:655px;} #content .page .contentInfo ol.businessMap1>li+li+li+li+li+li{top:814px;} #content .page .contentInfo ol.businessMap1>li+li+li+li+li+li+li{top:983px;} #content .page .contentInfo ol.businessMap1>li+li+li+li+li+li+li+li{top:1140px;} #content .page .contentInfo ol>li>dl{width:250px;} #content .page .contentInfo ol>li dt{font-family:"NaGoBo";font-size:18px;line-height:28px;color:#333;} #content .page .contentInfo a.certifyJoin{position:absolute;left:370px;top:15px;} #content .page .contentInfo a.certifyJoin+div{position:absolute;top:-67px;left:167px;display:none;width:195px;height:187px;padding:25px;text-align:center;background:url(/ei/images/common/privateJoinHiddenPopBg.png) no-repeat 0 0;z-index:111;} #content .page .contentInfo ol ol{list-style:hangul; padding-left:20px;}/*20201222 ������ */ #content .page .contentInfo ol ol li{line-height:16px !important;}/*20201222 ������ */ #content .page .contentInfo a.employJoin+div{position:absolute;top:-67px;left:137px;display:none;width:226px;height:131px;padding:25px;text-align:center;background:url(/ei/images/common/businessJoinHiddenPopBg1.png) no-repeat 0 0;} #content .page .contentInfo a.certifyJoinBusiness+div{position:absolute;top:-67px;left:137px;display:none;width:226px;height:215px;padding:25px;text-align:center;background:url(/ei/images/common/businessJoinHiddenPopBg2.png) no-repeat 0 0;} #content .page .contentInfo a.hiddenPop+div>p{margin-bottom:15px;line-height:16px;text-align:left;} #content .page .contentInfo a.hiddenPop+div>p.title{font-family:"NaGoBo";font-size:15px;line-height:15px;color:#333;} #content .page .contentInfo a.employJoin{position:absolute;left:370px;top:-10px;} #content .page .contentInfo a.certifyJoinBusiness{position:absolute;left:370px;top:10px;} #content .page .contentInfo p.boldp{margin-top:20px;} #content .page .contentInfo .printAreabg{margin-top:10px;margin-bottom:5px;padding:22px;background-color:#f0f0f0;} #content .page .contentInfo .printAreabg>.img{text-align:center;margin-bottom:5px;} #content .page .agreeArea{margin-bottom:50px;} #content .page .agreeArea>.agreeWrap{height:246px;padding:25px;border:1px solid #c7c7c7;margin-bottom:16px;overflow-y:auto;}/*20201222 ������*/ #content .page .agreeArea>.agreeWrap>p{margin-bottom:20px;} #content .page .agreeArea>.agreeWrap>p.agreeTitle{color:#2c3985;} #content .page .agreeArea>.agreeWrap>ul{margin-bottom:18px;} #content .page .agreeArea>.agreeWrap>ul.hili>li{margin-bottom:18px;} #content .page .agreeArea>.agreeWrap>dl{margin-bottom:20px;} #content .page .agreeArea>.agreeWrap>dl>dt{padding-left:10px;color:#2c3985;background:url(/ei/images/common/bluebullet.gif) no-repeat 0 7px;} #content .page .agreeArea>.agreeWrap.business1{text-align:center;height:20px;overflow:hidden;} #content .page .agreeArea>.agreeWrap.business1>ul{display:inline-block;*display:inline;*zoom:1;overflow:hidden;} #content .page .agreeArea>.agreeWrap.business1>ul>li{margin-left:40px;float:left;} #content .page .agreeArea>.agreeWrap.business1>ul>li:first-child{margin-left:0;} #content .page .agreeArea>.agreeWrap.business2{height:404px;overflow-y:auto;} #content .page .agreeArea>.agreeWrap.business2>p.top{} #content .page .agreeArea>.agreeWrap.business2>p.centerTitle{margin:26px auto 35px;text-align:center;} #content .page .agreeArea>.agreeWrap.business2>p.centerTitle>strong{font-size:14px;color:#2c3985;} #content .page .contentInfo .joinchkArea{padding:20px 150px;margin-bottom:20px;border:1px solid #c7c7c7;overflow:hidden;}/*20201126 ������*/ #content .page .contentInfo .joinchkArea>.info{width:400px;float:left;} #content .page .contentInfo .joinchkArea>.info label{display:inline-block;width:90px;} #content .page .contentInfo .joinchkArea>.info label+input{margin-left:12px;} #content .page .contentInfo .joinchkArea>.info p{margin-top:5px;} #content .page .contentInfo .joinchkArea>.info p:first-child{margin-top:0;} #content .page .contentInfo .joinchkArea>.info p.foreignerChk{margin-left:70px;} #content .page .contentInfo .joinchkArea>.info p.foreignerChk label{width:120px;} #content .page .contentInfo .joinchkArea>a{position:relative;top:0px;} html.no-smil #content .page .contentInfo table td>input[type="radio"]:first-child{margin-left:-3px;} #content .page .contentInfo table p.blueBullet{margin-left:2px;} /* 20201222 ������*/ #content .loginArea{position:relative; margin:20px auto 20px; text-align:center;} #content .loginArea .textInfo{font-size:17px; text-align:center; line-height:25px; letter-spacing:-0.8px; color:#777;} #content .loginArea>.area{padding:10px 20px; display:inline-block;} #content .loginArea>.area .inputB{width: 108px; padding:7px 10px !important; margin:7px 0px; height:24px !important; font-size:18px;} /*20210129 허규리 수정*/ #content .loginArea>.area .inputB.wName{width:250px !important;} /*20210129 허규리 수정*/ #content .loginArea>.area>ul{padding:10px;overflow:hidden;} #content .loginArea.notab{margin-top:30px;} #content .loginArea.notab>.area{position:relative;top:0;} #content .loginArea>.area:first-child{border-left:none;} #content .loginArea>.area>.inputBox{display:inline-block;} #content .loginArea>.area>.inputBox > ul li {margin-bottom: -10px;}/*20210129 허규리 수정*/ #content .loginArea>.area>.inputBox>p:first-child{margin-bottom:12px;} #content .loginArea>.area a.btns{vertical-align: middle; margin: 7px 16px; padding:15px 0px 15px 109px; font-size:18px; text-align:left; font-weight:900;}/*20210129 허규리 수정*/ #content .loginArea>.area>.inputBox label{display:inline-block;width:120px; margin:0 5px; font-size:18px; line-height: 60px; font-weight:700; text-align:left; color:#333333;}/*20210129 허규리 수정*/ #content .loginArea>.area>.inputBox > ul li.select-telecom label.fs20 {width: 109px; margin: 0 0;} #content .loginArea>.area>.inputBox > ul li.select-telecom label img {width: 80px;} #content .loginArea>.area>.inputBox > ul li.select-telecom input[type="radio"] {position: absolute; width: 0; height: 0; border: 0;} #content .loginArea>.area>.inputBox > ul li.select-telecom input[type="radio"] + label {overflow: hidden; vertical-align: middle; height: 46px; margin: 0 0 0 14px; text-align: center; border: 1px solid #ddd; cursor: pointer;} #content .loginArea>.area>.inputBox > ul li.select-telecom input[type="radio"] + label img {margin-top: -18px;} #content .loginArea>.area>.inputBox > ul li.select-telecom input[type="radio"]:checked + label {border: 1px solid #2f98ce;} #content .loginArea>.area>.idsave{clear:both;padding-top:10px;margin-left:55px;} #content .loginArea>.area>.idsave>label{left:5px;top:-2px;} #content .loginArea>.area>.searchInfo{position:relative;margin-top:5px;margin-left:55px;} .searchInfo>a{color:#666;margin-left:10px;padding-right:6px;background:url(/ei/images/common/loginArrowR.png) no-repeat 100% 2px;} .searchInfo>a:first-child{margin-left:0;} .searchInfo>a.memberJoin{position:absolute;top:-4px;right:-4px;display:inline-block;width:83px;height:26px;line-height:26px;padding-left:25px;margin-right:-25px;background:url(/ei/images/common/joinBg.png) no-repeat 0 0;} #content .loginArea>.area>ul>li>.btns.btn_authLogin{margin:auto;margin-bottom:3px;} #content .loginArea>.area>ul>li>.btns.btn_authLogin2{margin:auto;margin-bottom:15px;} #content .loginArea>.area>ul>li>.btns.btn_phoneLogin{margin:auto;margin-bottom:5px;} #content .loginArea>.area>ul>li>.btns.btn_ipinLogin{margin:auto;margin-bottom:15px;} #content .loginArea>.area>ul>li>p+p{margin-top:15px;} #content .loginArea>.area h4+div.business{padding-left:17px;margin-bottom:20px;overflow:hidden;} #content .loginArea>.area h4+div.business>input{margin-top:6px;height:22px;float:left;} #content .loginArea>.area a.btns.btn_smallLogin{margin-left:10px;float:left;} /* #content .loginArea>.area .idArea{height:100px;margin-top:10px;*margin-top:0px;*padding-bottom:10px;margin-top:5px} #content .loginArea>.area .idArea.long{height:135px;} #content .loginArea>.area .idArea>p:first-child{margin-bottom:12px;} #content .loginArea>.area .idArea>p>label{display:inline-block;width:75px;margin-right:20px;} #content .loginArea>.area .idArea.long>p{margin-left:5px;} #content .loginArea>.area .idArea.long>p>label{margin-right:10px;} #content .loginArea>.area .idArea>p>input{height:22px;position:relative\0/IE8+9;top:-5px\0/IE8+9;*position:relative;*top:5px;} #content .loginArea>.area .idArea>p>.inputs{width:60px;} #content .loginArea>.area .idArea>p>.inputb{width:166px;} #content .loginArea>.area a.btns.btn_idsearch{margin:auto;} #content .loginArea>.area .idArea.long.one{position:relative;} #content .loginArea>.area .idArea.long.one>p{position:relative;top:43px;left:0;} #content .loginArea>.area .idArea.long.one>p>label{text-align:center;} */ #content .loginArea>.area1{width:650px;padding:30px 20px;text-align:center;} #content .loginArea>.area1>h4{text-align:left;} #content .loginArea>.area1>.searchId{font-size:16px;margin:35px 0 40px;color:#333;} #content .loginArea>.area1>p+p{margin:25px 0 40px;} #content .loginArea>.area1>.searchId>strong{font-size:16px;} #content .loginArea>.area1>.btns.c{margin:0 auto 20px;} #content .loginArea>.area1>.btns.c>a{display:inline-block;} #content .loginArea>.area1>.btns.c>a:first-child{margin-right:15px;} #content .loginArea>.area1 label{margin-right:10px;} #content .loginArea>.area1 input{width:156px;height:18px;} #content .loginArea>.area1>strong{display:inline-block;margin-bottom:4px;} #content .loginArea>.area1>strong+p+p{margin:20px 0 25px;} #content .loginArea .area .rname{} #content .loginArea .area .rname li{width:650px;border-left:none;border-top:1px dotted #c7c7c7;float:none;} #content .loginArea .area .rname li:first-child{border-top:none;} .rnamein{width:440px;float:left;} .rnamein p{margin-left:15px;margin-top:10px;} .rnamein p:first-child{margin-top:0;} .rnamein .foreichk{margin-left:90px;} .rnamein .foreichk label{position:relative;top:-2px;} #content .passNoTitle{margin-top:30px;margin-bottom:10px;} #login-types {border: 0; border-radius: 0;} #login-types .PUtab ul {padding: 0 0; border: 0; background: #fff;} #login-types.ui-tabs .ui-tabs-nav li {margin: 0 0; border-bottom-width: 1px; margin-left: -1px;} #login-types.ui-tabs .ui-tabs-nav li:first-child {margin-left: 0;} #login-types.ui-tabs .ui-tabs-nav li.ui-state-active + li {margin-left: 0;} #login-types.ui-tabs .ui-tabs-nav li a {padding: 0 0; float: none;} #login-types.ui-tabs .ui-tabs-nav li.ui-state-default, #login-types.ui-tabs .ui-tabs-nav li.ui-widget-content .ui-state-default, #login-types.ui-tabs .ui-tabs-nav li.ui-widget-header .ui-state-default {border-radius: 0; background: #fff; } #content p.tablep{line-height:16px;margin-top:5px;} p.tablep+a{margin-left:5px;margin-top:5px;} div.table{margin-bottom:20px;}/*20201222 ������ */ div.btns.c{text-align:center;line-height:0;} div.btns.r{text-align:right;} div.btns>a{display:inline-block;width:99px;height:33px;background:url(/ei/images/common/btnsBg.png) no-repeat 0 0;} div.btns>a>span{position:absolute;left:-9999px;visibility:hidden;line-height:0;width:0;height:0;} div.btns>a.btn_next{background-position:0 -100px;} div.btns>a.btn_cancle{background-position:-198px -100px;margin-left:10px;} div.btns>a.btn_agree{background-position:-99px -100px;} div.btns>a.btn_save{background-position:-297px -100px;} div.btns>a.btn_reset{background-position:-396px -100px;;margin-left:10px;} div.btns>a.btn_loginGo{width:115px;height:35px;background-position:-115px -400px;} div.btns>a.btn_findpassword{width:115px;height:35px;background-position:-230px -400px;} div.btns>a.btn_moveMain{width:115px;height:35px;background-position:-345px -400px;} div.btns>a.btn_memberJoin{width:115px;height:35px;background-position:-460px -400px;} div.btns>a.btn_passwordReGet{width:175px;height:35px;background-position:-575px -400px;} /*20201222 ������~~*/ #content a.btns{width:144px; display: block; background-color:#2f55a7 !important; color: #fff;} /*20210129 허규리 수정*/ #content .bgCf{background:url(/ei/images/common/bg-cf.png) no-repeat center left 46px !important;}/*20210129 허규리 수정*/ #content .bgHp{background:url(/ei/images/common/bg-hp.png) no-repeat center left 46px !important;} #content .bgIp{background:url(/ei/images/common/bg-ip.png) no-repeat center left 46px !important;} #content .bgDi{background:url(/ei/images/common/bg-di.png) no-repeat center left 46px !important;} #content .bgUp{background:url(/ei/images/common/bg-up.png) no-repeat center left 30px !important;}/*20210201 허규리 수정*/ #content a.btn_privateJoin{width:271px; background-position:0 0;} #content a.btn_businessJoin{width:271px; background-position:-271px 0;} #content a.btn_namecheck{width:171px;background-position:0 -200px;} #content a.btn_ipincheck{width:171px;background-position:-171px -200px;} #content a.btn_phonecheck{width:171px;background-position:-342px -200px;}/*~~20201222 ������*/ #content a.btn_ipinLogin{width:143px;height:41px;background-position:-386px -300px;} #content a.btn_phoneLogin{width:143px;height:41px;background-position:-529px -300px;} #content a.btn_login{width:106px;height:72px;background-position:0 -300px; padding-top: 40px;} #content a.btn_smallLogin{width:103px;height:41px;background-position:-283px -300px;} #content a.btn_authLogin{width:173px;height:41px;background-position:-110px -300px;} #content a.btn_authLogin2{width:173px;height:41px;background-position:-110px -341px;} #content a.btn_idsearch{width:115px;height:35px;background-position:0 -400px;} #content a.btn_findpassword{width:115px;height:35px;background-position:-230px -400px;} #content a.btn_privateJoinInfo{width:271px;height:65px;background-position:0 -1150px;} #content a.btn_businessJoinInfo{width:271px;height:65px;background-position:-271px -1150px;} #content a.btn_unityJoin{width:271px;height:67px;background-position:0 -1254px;} #content a.btn_NonUnityJoin{width:271px;height:67px;background-position:-271px -1254px;} #content a.btn_14AgeOboveJoin{width:271px;height:67px;background-position:0 -1363px;} #content a.btn_14AgeBeloJoin{width:271px;height:67px;background-position:-271px -1363px;} /* join end. s. */ #content .contents.end{padding-left:0;} #content .contents.end .process{margin-left:-3px;} .joinend{text-align:center;} .joinend>img,.joinend>span{display:inline-block;vertical-align:middle;} #content .joinend>span{font-family:"NaGoBo";font-size:14px;line-height:140%;color:#2c3985;} .colTxt{border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;} .colTxt>.colL{width:350px;float:left;} .colTxt>.colR{width:349px;border-left:1px dashed #ccc;float:left;} .txtbg{width:336px;height:55px;margin:10px 0 30px;background-image:url(/ei/images/common/joinengtxtbg.png);} #content .txtbg>div{position:relative;left:90px;top:10px;display:inline-block;} #content .txtbg>div>p.title{font-family:"NaGoBo";font-size:16px;line-height:17px;color:#2c3985;margin-bottom:3px;} .bdash{border-bottom:1px dashed #ccc;} .colTxt .rowlist{margin-top:15px;padding-bottom:10px;margin-right:18px;} .colTxt .rowlist dd{letter-spacing:-1px;} .colR .rowlist{margin-left:24px;} .colR .txtbg{margin-left:13px;} .page>div .table>table.view td{padding-left:10px;} .joinvsignbg{position:relative;width:650px;height:81px;padding:15px 25px;margin:20px 0 25px -10px;background-image:url(/ei/images/eih/cm/join_vsign_bg.png);overflow:hidden;} .joinvsignbg>p{display:inline-block;*display:inline;*zoom:1;margin-top:10px;vertical-align:top;} #content .joinvsignbg>div{position:absolute;right:25px;*right:15px;bottom:15px;} /* join end. e. */ h3+p.fr{margin-top:-25px;} input+a+span.pointStrongBlue{margin-left:10px;} input+span.pointStrongBlue{margin-right:10px;} #content input+span.pointStrongBlue+input+label{left:5px;top:-2px;} #content .titleb+p>a{color:#666;} a.searchCenter{margin-left:5px;margin-top:7px;} a.link{color:#666;} .mb12{margin-bottom:12px!important;} /* mypage. s. */ #content .contents.mypage{padding-left:0;} #content .mypage .page table.default2 td>a{display:block;font-weight:bold;color:#2c3985;} .rowlist{padding-left:80px;min-height:60px;margin-left:10px;background:url(/ei/images/common/icon.png) no-repeat 0 0;} .myicon2{background-position:0 -100px;} .myicon3{background-position:0 -200px;} .myicon4{background-position:0 -300px;} .myicon5{background-position:0 -400px;} .myicon6{background-position:0 -500px;} .myicon7{background-position:0 -595px;} .myicon8{background-position:0 -695px;} .myicon9{background-position:0 -800px;} .myicon10{background-position:0 -900px;} .myicon11{background-position:0 -1000px;} .myicon12{background-position:0 -1100px;} .myicon13{background-position:0 -1200px;} .myicon14{background-position:0 -1300px;} .myicon15{background-position:0 -1400px;} .myicon16{background-position:0 -1500px;} .myicon17{background-position:0 -1600px;} .myicon18{background-position:0 -1700px;} #content .mypageTitle,#content .rowlist dt, #content .rowlist dt a{font-family:"NaGoBo";font-size:16px;line-height:100%;color:#333;margin-bottom:5px;} /* .myicon1{background:;} */ .mypage .gbg>.mypageTitle{margin:10px 0 0 10px;} .mypage .gbg>.blueDot{padding:10px 30px;} .mypage .gbg>.blueDot p.margin{width:90%;} .mypage table.default2 td>label{display:inline-block;width:100%;} .mypage div.tr.btn{margin-right:25px;} /* mypage. e. */ /* etc. s. */ .clauseArea{height:278px;padding:20px 26px;margin-top:40px;margin-bottom:15px;border:1px solid #c7c7c7;overflow-y:scroll;} .clauseArea a{color:#666;} .clauseArea>ul{margin-top:12px;margin-bottom:22px;} .clauseArea>ul>li{margin-top:18px;} .clauseArea>ul>li:first-child{margin-top:0;} .clauseArea .d2{margin-left:20px;margin-top:5px;} .clauseArea .d2>li{margin-top:5px;} .clauseArea .d2>li:first-child{margin-top:0;} .clauseArea .titleInfo{margin-top:15px;} .clauseArea .titleInfo+ul{margin-left:5px;} .clauseChk{text-align:center;} #content .clauseChk label{top:0;} .clauseChk label,.clauseChk select{vertical-align:middle;} #content .clauseChk a{top:1px;*top:4px} /* etc. e. */ .page .contentInfo .txtBox {border: 1px solid #c7c7c7; margin-top: 10px; padding: 20px;} .page .contentInfo .txtBox table td {line-height: 20px;} #content .contents .page .bgmail {background: url(/ei/images/eih/cm/bg_bannedmail.png) no-repeat 510px center;} /* 20201222 ������ �߰� */ /*���հ˻�*/ .searchBox{margin:0 auto; padding:30px 0; background:#f9fbff; width:100%; } .searchBox .search{margin:auto; width:80%; text-align:center;} .searchBox input{padding:5px 10px; height:30px;} .searchBox .bntSearch{background:#2f55a7; color:#fff; margin:0 5px; line-height:45px; padding:11px 30px 12px 30px; font-size:16px;} .searchWrap{border-top:1px solid #e5e5e5; margin-top:10px; } .searchA{} .searchT{background-color:#fafafb; padding:10px 15px; line-height:18px; font-size:18px; color:#555; font-weight:700;} .searchT span{font-weight:normal;} .searchL{padding:15px 15px 20px 15px; border-bottom:1px solid #e5e5e5;} .searchL p{padding:0px 0 8px 0;} .searchL li{width:100%; line-height:21px; clear:both; display:inline-block;} .searchL .category{width:25%; float:left; padding-right:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .searchL .headline{width:70%; float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .searchL img{padding-right:10px;} /*��ȣ ����Ʈ*/ ol.blueDot>li{line-height:20px;} ol.grayDot>li{background:url(/ei/images/common/graydot.gif) no-repeat 0 7px;padding-left:10px;line-height:20px;} ol.basicDot>li{width:95%;background:url(/ei/images/common/basicDot.gif) no-repeat 0 7px;padding-left:7px;margin-left:13px;line-height:20px;} ol.decimal{list-style-type:decimal;padding:7px 8px 7px 17px;*padding-left:23px;} ol.none{list-style-type:none;} /** 20210111 PASS인증서 관련 추가 **/ .pass-layer {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;} .pass-layer .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} .pass-layer .pass-apply-contents {position: absolute; top: 30px; left: 50%; width: 600px; margin-left: -300px; background: #fff;} .page_title{padding: 23px 32px 23px 32px;border-bottom: 2px solid #f5f5f5;position:relative;border-top:4px solid #8951ff;} .page_title h2{font-size: 17px;font-weight: bold;color: #000;} .page_title h2 em {overflow: hidden; position: absolute; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;} .page_title h2:before{content: ""; display: inline-block; vertical-align:top; width:111px;height:18.87px; background: url('/ei/images/common/pass/logo_passauth.png') no-repeat;background-size: 100% auto} .page_title h2 span{font-size: 14px;font-weight: 300;color: #666;} .page_title h2 span:before{content: ""; display: inline-block; width: 1px; height: 12px; background-color: #ddd;vertical-align: middle; margin:0 5px;} .page_title p{margin-top:2px;color:#222;font-size: 16px;font-weight: 700;transform:skew(-0.03deg);line-height:1;} .page_title p span {color:#8951ff; vertical-align:top; word-break:break-all; letter-spacing:-0.025em;} .page_title .btn_close, .sub_title .btn_close {position: absolute;right:18px;top: 23px;border: 0;cursor: pointer;} /* join */ .join_section{padding: 32px 0 0 0;} .join_section .inner {padding: 0 32px;} .join_step {padding:0 0 32px 0;} .join_step li{font-size:16px;color: #000;} .join_step li span{display: inline-block;margin-right: 5px; font-family:'Roboto';font-size:16px;color: #bbb;} .join_step li img{display:block;max-width:100%;margin: 0 auto 20px;} .join_step li:first-child img {width: 200px;} .join_step li:nth-child(2) img {width: 200px;} .join_step li strong {color:#8951ff;font-size: 16px;} .join_step_btm {padding:8px 0 24px 0;border-top:3px solid #8951ff;} .join_step_btm p{color: #222;font-size: 16px;line-height:20px;} /* 하단 고정 버튼 */ .btnG {display:flex; bottom:0; left:0; margin: 0 -32px; z-index:2;} .btnG::after {content:""; display:block; height:0; clear:both;} .btnG div {min-width:50%; width:50%; /* width:100%; */} .btnG div:first-child {} .btnG div:last-child {width:100%; flex:1;} .btnG div button {width:100%; height:52px; border: 0; font-size:18px; font-weight:700; cursor: pointer;} .btnG div button.cancel {background-color:#ddd; color:#222;} .btnG div button.again {background-color:#666; color:#fff;} .btnG div button.ok {background-color:#8951ff; color:#fff;} .btnG div button span {color: #fff; font-size: 18px;} /* login */ .login_section{padding:30px 0 62px;} .input_row .col {display:table; width:100%; border:1px solid #eee; border-radius:5px; overflow:hidden;} .input_row .col * {vertical-align:top;} .input_row .col span {display:table-cell;} .input_row .col input {border:0 none;} .input_row .col label{display:block; font-size:12px; color:#000; margin-bottom:6px;} .input_row .col input[type="text"]{display: block;width: 100%; height:68px; border-radius:4px; font-size:14px;} .input_row .col input#name {font-size:22px;} .input_row .col select {box-sizing:border-box; display:block; width:100%; min-width:80px; height:68px; padding:0 10px; border:0 none; background:url('../images/ico_sel.png') no-repeat right center; background-size:25px auto; font-size:16px; font-weight:700; -webkit-appearance:none; appearance:none;} .input_row.focus .col {border-color:#8951ff;} .input_row.error .col {border-color:#ff0000;} .input_row .error_txt{display:none; font-size:11px; color:#ff0000; margin-top:8px;} .input_row.error .error_txt{display:block;} .login_section .input_row + .input_row{margin-top:12px;} .login_section .btn{position:fixed; right:0; bottom:0; left:0; height:52px; font-weight:bold;} .login_section .info_txt{font-size: 14px;color: #8951ff;text-align: center;margin-top: 18px} .login_section .telecom {margin:0 auto; overflow:hidden;} .login_section .telecom p {color:#333; font-size:16px; font-weight:bold; padding-bottom:13px; padding-left:3px;} .login_section .telecom .radio {width:100%; overflow:hidden;} .login_section .telecom .radio li {display:block; box-sizing:border-box; position:relative; float:left; width:33.3%; height:70px; padding:1px; font-size:14px; z-index:1; border:1px solid #ccc; overflow:hidden;} .login_section .telecom .radio li + li {width:calc(33.3% + 1px);margin-left:-1px;} .login_section .telecom .radio li.on {z-index:2; border-color:#8951ff; border-width:2px; padding:0;} .login_section .telecom .radio li:first-child {border-top-left-radius:4px; border-bottom-left-radius:4px;} .login_section .telecom .radio li:last-child {border-top-right-radius:4px; border-bottom-right-radius:4px;} .login_section .telecom .radio li:first-child {margin-left:0;} .login_section .telecom .radio li input {width:20px; height:20px;} .login_section .telecom .radio li input + label {text-align:center; line-height:66px;} .login_section .telecom .radio li input[type=radio].telCdRadioSkt {display:none;} .login_section .telecom .radio li input[type=radio].telCdRadioSkt + label {display:inline-block; width:100%; height:100%; vertical-align: middle; background: url('../images/SKT_ON.png') 50% no-repeat; cursor:pointer; background-size:auto 66px;} /* .login_section .telecom .radio li input[type=radio].telCdRadioSkt:checked + label {width:100%; height:100%; background: #fff url('../images/SKT_ON.png') 50% no-repeat; cursor:pointer; background-size:85px 43px;} */ .login_section .telecom .radio li input[type=radio].telCdRadioKt {display:none;} .login_section .telecom .radio li input[type=radio].telCdRadioKt + label {display:inline-block; width:100%; height:100%; vertical-align: middle; background: url('../images/KT_ON.png') 50% no-repeat; cursor:pointer; background-size:auto 66px;} /* .login_section .telecom .radio li input[type=radio].telCdRadioKt:checked + label {width:100%; height:100%; background: #fff url('../images/KT_ON.png') 50% no-repeat; cursor:pointer; background-size:85px 43px;} */ .login_section .telecom .radio li input[type=radio].telCdRadioLgt {display:none;} .login_section .telecom .radio li input[type=radio].telCdRadioLgt + label {display:inline-block; width:100%; height:100%; vertical-align: middle; background: url('../images/LGT_ON.png') 50% no-repeat; cursor:pointer; background-size:auto 66px;} /* .login_section .telecom .radio li input[type=radio].telCdRadioLgt:checked + label {width:100%; height:100%; background: #fff url('../images/LGT_ON.png') 50% no-repeat; cursor:pointer; background-size:85px 43px;} */ /* 로그인창 텍스트 추가. */ .login_section h2.tit {font-size:18px; font-weight:bold;} .login_section p.txt {margin-top:5px; padding-bottom:20px; font-size:14px;} .login_section p.txt span {color:#8951ff; font-weight:bold;} /* 로그인 개인정보 제공 동의 */ .agree-area {padding: 10px 0 0 0; text-align: left;} .agree-area .is_chkbox {position:relative;} .agree-area .is_chkbox * {vertical-align:top;} .agree-area .is_chkbox input[type="checkbox"] + span.checkmark {display:inline-block; width:24px; height:24px; background:url('../images/btn_check_on.png') no-repeat left top; background-size:24px 24px; border-radius:100%;} .agree-area .is_chkbox input[type="checkbox"]:checked + span.checkmark {content:""; background-image:url('../images/btn_check_off.png')} .agree-area .is_chkbox input[type="checkbox"] ~ label {display:inline-block; height:24px; line-height:24px; font-size:14px; letter-spacing:-0.025em;} .agree-area .is_chkbox p {color: #EB6428; display: inline;} .agree-area .is_chkbox a {position:relative; float:right; font-weight: 700; right: 20px; height:24px; line-height:24px; color:#333333; font-size:14px; text-decoration: none; letter-spacing:-0.05em;} .agree-area .is_chkbox a:after{position: absolute; left: 55px; top: 8px; content: ''; width: 7px; height: 7px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); -webkit-transform: rotate(45deg);} #content .loginArea>.area>.inputBox .agree-area .is_chkbox input[type="checkbox"] ~ label {display:inline-block; width: auto; height:24px; line-height:24px; font-size:14px; letter-spacing:-0.05em;} .sub_title {position:sticky; top:0; padding:60px 30px 0; background-color:#fff; border-top:4px solid #8951ff; z-index:1;} .sub_title .inner {padding:0 0 12px; border-bottom:2px solid #222;} .sub_title .inner h3 {font-size:22px; font-weight:bold;} /* 개인정보보호 */ .private_wrap {height: 400px; padding-bottom: 20px; overflow: hidden; overflow-y: auto;} .private_wrap .private {padding: 16px 32px 16px 32px; font-size:14px; line-height:1.7; word-break:keep-all;} /* 팝업 닫기 */ .btn_close {display:block; box-sizing:border-box; position: absolute; top:16px; right:16px; width:40px; height:40px; padding:10px; background-color:#fff; z-index:100;} .btn_close img {width:100%;} /*스페셜탭 추가 20210129 허규리*/ #login-typesA {border: 0; border-radius: 0;} #login-typesA .SPtab ul {padding: 0 0; border: 0; background: #fff;} #login-typesA.ui-tabs .ui-tabs-nav li {margin: 0 0; border-bottom-width: 1px; margin-left: -1px;} #login-typesA.ui-tabs .ui-tabs-nav li:first-child {margin-left: 0;} #login-typesA.ui-tabs .ui-tabs-nav li.ui-state-active + li {margin-left: 0;} #login-typesA.ui-tabs .ui-tabs-nav li a {padding: 0 0; float: none;} #login-typesA.ui-tabs .ui-tabs-nav li.ui-state-default, #login-typesA.ui-tabs .ui-tabs-nav li.ui-widget-content .ui-state-default, #login-typesA.ui-tabs .ui-tabs-nav li.ui-widget-header .ui-state-default {border-radius: 0; background: #F8FBFF; } /*20210129 로그인 넘버 인풋 사이 라인 허규리 추가*/ .log_number_line {margin:0 2px;} /* 20220913 로그인 화면 수정*/ #content .page .contentInfo.last .selectInfo {font-size: 17px; text-align: center; line-height: 25px; letter-spacing: -0.8px;} .login-title-position {margin: 10px auto; width: 35%;} .login-title-position .login-title {position: relative; height: 46px; margin-bottom: 25px; display: flex;} .login-title-position .login-title:after {content: ""; width: 100%; height: 3px; background-color: #d1d7dd; position: absolute; bottom: 0; left: 0; border-radius: 3px;} .login-title-position .login-title li:first-child {margin-left: 0;} .login-title-position .login-title li .title {font-family: NanumGothic, "나눔고딕", NanumGothicWeb, Dotum, Tahoma !important; display: block; padding: 0 2px; height: 43px; line-height: 43px; color: #8f949a; font-size: 20px; font-weight: 700; position: relative;} .login-title-position .login-title li.on .title {color: #2f68c2; border-bottom: 3px solid #2f68c2; z-index: 1;} .login-title-position .login-title li.on .title:after {content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; top: 43px; border-top: 10px solid #2f68c2; border-left: 10px solid transparent; border-right: 10px solid transparent;} .login-title-position .login-title li a {display: flex !important; justify-content: center;} .login-title-position .login-title li a:hover {text-decoration: none;} .login-card-position {position: relative; left: 140px;} .login-card-position .loginCardDetail {border: 3px solid #2f68c2; border-radius: 20px; margin-right: 10px; padding: 40px; box-shadow: rgb(0 0 0 / 10%) 0px 7px 29px 0px; width: 550px; height: 280px; float: left; background: url(/ei/images/common/bg-card-main.png) no-repeat center;} .login-card-position .loginCardDetail .loginArea {position: relative; margin: 0px !important; text-align: left !important;} .login-card-position .loginCardDetail .loginArea .area {padding: 0 !important;} .login-card-position .loginCardDetail .loginArea > h2 > p {display: inline; font-size: 22px; font-weight: 200; color: #333;} .login-card-position .loginCardDetail .loginArea>.area a.btns {padding: 15px 15px !important; border-radius: 10px; text-align: center !important; margin: 3px 0 0px 15px !important;} .login-card-position .loginCardDetail .textInfo{font-size: 14px !important; font-family: NanumGothic, "나눔고딕", NanumGothicWeb, Dotum, Tahoma !important; font-weight: 500;} .scrty_btnChk {display:flex; padding-top: 5px; height: 30px;} .scrty_btnChk .ahnFwChk {flex: 1; background-color: #d5e1f3; margin-right: 5px; text-align: center; border-radius: 10px 0 0 10px;} .scrty_btnChk .touchEnKeyChk {flex: 1; background-color: #d5e1f3; margin-right: 5px; text-align: center;} .scrty_btnChk .authManual {flex: 1; background-color: #d5e1f3; text-align: center; border-radius: 0 10px 10px 0;} .scrty_btnChk .scrtyLayer {vertical-align: middle; color: #333; font-weight: 700; line-height: 30px;} .scrty_btnChk .bg2.scrtyLayer {background: url(/ei/images/icon/icon-download.png) no-repeat center right 18px; padding: 0px 44px 0px 18px; background-size: 18px;} .loginCardBar {border-radius: 25px; margin-right: 10px; text-align: center; position: relative; width: 100px; height: 360px; float: left; box-shadow: rgb(0 0 0 / 10%) 0px 7px 29px 0px;} .loginCardBar > p {position: relative; top: 100px; color: white; display: inline-block; font-size: 15px; font-family: NanumGothic, "나눔고딕", NanumGothicWeb, Dotum, Tahoma !important; font-weight: 500;} .loginCardBar > a { position: relative; display: inline-block; width: 50px; height: 50px; text-decoration: none; color: #555; line-height: 28px; border-radius: 50%; padding: 0; top: 100px; background: #213d82; border: 1px solid #213d82;} #cert2 {border:3px solid #2f68c2; color: white; background-image: url(/ei/images/common/bg-card-bar1.png);} #fincert2 {border:3px solid #3e5ead; color: white; background-image: url(/ei/images/common/bg-card-bar2.png);} #esign2 {border:3px solid #775ab1; color: white; background-image: url(/ei/images/common/bg-card-bar3.png);} #basicBar {border:3px solid #f4f7fc; color: white; background-image: url(/ei/images/common/bg-card-bar4.png); box-shadow: none !important;} #certArrow:after {position: absolute; left: 10px; top: 14px; content: ''; width: 20px; height: 20px; border-top: 4px solid #2f68c2; border-right: 4px solid #2f68c2; transform: rotate(45deg); -webkit-transform: rotate(45deg);} #fincertArrow:after{position: absolute; left: 10px; top: 14px; content: ''; width: 20px; height: 20px; border-top: 4px solid #3e5ead; border-right: 4px solid #3e5ead; transform: rotate(45deg); -webkit-transform: rotate(45deg);} #esignArrow:after{position: absolute; left: 10px; top: 14px; content: ''; width: 20px; height: 20px; border-top: 4px solid #775ab1; border-right: 4px solid #775ab1; transform: rotate(45deg); -webkit-transform: rotate(45deg);} .authTypeTable {border: 3px solid #f1f1f1; border-radius: 20px; text-align: initial; margin: 40px 0; padding: 30px 0 30px 50px; position: relative;} .authTypeTable li label {font-weight: bold;} .authTypeTable .authSebtn {padding: 30px 65px; border-radius: 10px; position: absolute; right: 50px; top: 35px;} .boxBottomText {background: #f1f1f1;} .authTargetTable {width: 100%; border-top: 3px solid #9b9b9b !important;} .authTargetTable th {color: #424242; border-bottom: 1px solid #e1e1e1; text-align: left; line-height: 1.9; padding: 12px 10px 11px 16px;} .authTargetTable td {padding-left: 10px;} .authTargetTable td {border-bottom: 1px solid #e1e1e1; padding: 12px 10px 11px 10px; line-height: 1.9; color: #666666; vertical-align: top;} .authBtns {vertical-align: middle; margin: 7px 16px; padding: 15px 46px; font-size: 18px; text-align: left; font-weight: 900; display: block; background-color: #0065c7 !important; color: #fff; border-radius: 10px;}