@charset "utf-8";

/* 반응형 */
@media screen and (max-width: 1620px) { /* 저해상도 1441 ~ 1620 */
    .memberTitle.type02 h1{padding:30px 0 30px 0;}
}

/* 반응형 */
@media screen and (max-width: 1440px) { /* 저해상도 1024 ~ 1440 */
    html, body{width:100%; height:100%; min-width:100%;}
/*210721*/
    .gateLeft21{float:left; width:calc(100% - 480px); height:100%; background:#f8f8f8 url("../../img/common/bg_gateway_01.png") no-repeat center 100%}
/*210721*/
}



@media screen and (max-width: 1023px) { /* 태블릿 768 ~ 1023 */
    .contentsWrap{overflow-y:auto; /*padding-bottom:50px;*/}
    .contents {width:100%;}

    .memberTitle.type02 h1{padding:50px 0 50px 0;}
    .memberTitle h1{font-size:32px;	line-height:40px;  padding:50px 0 15px 0;}
    .memberTitle p{font-size:20px;	color:#666;	line-height:1.3; margin:20px 0 40px;}
    
    .contentBox{padding:22px 30px 7px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;
        border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;border-left:1px solid #cccccc;}

    .agreeWrap .checkWrap{margin-bottom:20px;}
    .agreeWrap ul.check li{margin-bottom:12px;}
}

@media screen and (max-width: 767px) { /* 모바일 320 ~ 767 */
    .contentsWrap header{ display:none; }   

    .contents .conBox .conBoxIn{height:100%; overflow-y:auto; margin-bottom:0px; /*padding:30px 0 0)*/}
    .contents .conBox.hFull.hasBtn .conBoxIn.type02{height:calc(100% - 240px);}
    .contents {height:calc(100% - 80px);}
    .contents,.stepTit{width:100%;}
    .contents,.stepTit,.boBtnAreaWrap .btnBox{width:100%;}    
     
    .contents.type02 {height:auto; padding-bottom:50px; background:#fff}
    .contents.type02 .conBox .conBoxIn{padding:0px 0 0;} 
    .contents.type03 {height:auto; /* padding-bottom:30px;*/}
    .contents.type04{height:auto;}

    .contents .conBoxWrap{margin-top:30px; height:100%;} 
    .contents .conBoxMulti{margin-top:30px;} /* 박스 두개로 나눠질때 */
    .contents .conBox{width:100%; padding:0px; border:0; border-radius:0px; background:#fff;}
    .contents .conBoxMulti .conBox{margin-bottom:0;}
    .contents .conBox.hFull{height:100%}
    .contents .conBox.hFull.hasBtn{background:#fff; padding:10px 20px 0; margin-top:35px}
    .contents .conBox.hFull.hasBtn .conBoxIn{height:calc(100% - 90px)}

    .agreeform{ padding:2px 10px 2px 10px!important; }

    .boConWrap{width:100%; padding:0px}
    .boConWrap .conBox{width:100%; margin-bottom:0; border-radius:0; margin-bottom:5px; padding:5px 10px; border-left:0; border-color:#ddd; border-right:0;}

    .submitBox{padding:10px 20px; border-top:1px solid #ebebeb; border-bottom:5px solid #ebebeb; background:#fff;}
    .submitBox:last-child{border-bottom:0px;}
    .submitBox dl{flex-wrap:wrap; margin-bottom:5px;}
    .submitBox dt{width:100%; font-size:0.93rem; line-height:30px;}
    .submitBox dd{width:100%;}
    .submitBox label{padding-left:0; font-size:14px;}
    .submitBox label.essen:before{left:-10px}
    .submitBox.type04{border-bottom:0; padding: 0 20px 5px;  margin-bottom:0}

    /*사업자명,성별 합치는 경우 추가된 css*/
    .submitBox_merge{padding:10px 20px; border-top:1px solid #ebebeb; border-bottom:5px solid #ebebeb; background:#fff;}
    .submitBox_merge dl{flex-wrap:wrap; margin-bottom:5px;}
    .submitBox_merge dt{width:100%; font-size:0.93rem; line-height:30px;}
    .submitBox_merge dd{width:100%;}
    .submitBox_merge label{padding-left:0; font-size:14px;}
    .submitBox_merge dt.txt_center{text-align: left;}
    .submitBox_merge.type04{border-bottom:0; padding: 0 20px 5px; margin-bottom:0}

    .submitBox_add{padding:10px 20px; border-top:1px solid #ebebeb; border-bottom:5px solid #ebebeb; background:#fff;}
    .submitBox_add:last-child{border-bottom:0px;}
    .submitBox_add.type03{padding:10px 20px 10px 20px;border-bottom:1px solid #e4e4e4;}
    .submitBox_add dl{flex-wrap:wrap; margin-bottom:5px;}
    .submitBox_add dt{width:100%; font-size:0.93rem; line-height:30px;}
    .submitBox_add dd{width:100%;}
    .submitBox_add label{padding-left:0; font-size:14px;}
    .submitBox_add label.essen:before{left:-10px}
    
    .colWrap{display:flex; flex-wrap:wrap; flex-direction:row; margin-bottom:5px;}
    .colWrap dl{width:49%; margin-right:2%;}
    .colWrap dl:last-child{margin-right:0}

    .memberTitle h1{font-size:20px;	line-height:25px; padding:25px 0 5px 0;}
    .memberTitle p{font-size:15px; margin:10px 0 20px;}

    .memberTitle.type02 h1{padding:50px 0 30px 0;font-size:1.9rem;}/*jin20210721*/
    .memberTitle.type02 i.ico01{position:relative; top:3px}

    .memSelBox{width:100%; /*height:320px;*/ height:auto; padding:10px 0px 20px; border-radius:0; border-left:0; border-right:0;}
    .memSelBox ul {overflow:hidden; /*height:150px;*/ height:auto; margin-top:18px;}/*jin20210720*/
    .memSelBox ul li > div{width:80px; height:80px;}
    
    .memSelBox ul li > div.formWrap{width:100%; height:30px}/*210715jin*/
    .memSelBox ul li > div.formWrap1{width:100%; height:30px}/*210715jin*/
    
/*     .memSelBox ul li > div.memPerson{background:#3B4E5B url("../../img/common/icon_per.png") no-repeat center center; background-size:70% auto;} */
    .memSelBox ul li > div.memPerson{background:#ffffff url("../../img/common/icon_per.png") no-repeat center center;border: 1px solid #ececec; background-size:45% auto;}  /* 20210721 */
/*     .memSelBox ul li > div.memBusi{background:#3B4E5B url("../../img/common/icon_busi.png") no-repeat center center; background-size:70% auto;} */
    .memSelBox ul li > div.memBusi{background:background:#ffffff url("../../img/common/icon_busi.png") no-repeat center center;border: 1px solid #ececec; background-size:60% auto;}  /* 20210721 */
    .memSelBox ul li > div.certiPhone{background:#fff url("../../img/common/phone.png") no-repeat center center; background-size:30% auto}
    .memSelBox ul li > div.certiCard{background:#fff url("../../img/common/card.png") no-repeat center center; background-size:40% auto}
    .memSelBox ul li > div.certiverisign{background:#fff url("../../img/common/Profile.png") no-repeat center center; background-size:50% auto}
    .memSelBox ul li p{font-size:16px; margin:20px 0 20px}
    .memSelBox ul li button{width:120px}
    .memSelBox ul li p.info{font-size:14px; line-height:20px;}

    .memSelBox.complete{background:#fff url("../../img/common/finish.png") no-repeat center 50px; margin-top:70px; padding:0 0 50px;}
    .memSelBox.complete p{height:20px; font-size:20px; color:#0064fe; margin:180px 0 25px}
    .memSelBox.complete span.txt{color:#0064fe;}
    
    /*210721*/
    .memSelBox2{width:100%; /*height:320px;*/ height:auto; padding:10px 0px 20px; border-radius:0; border-left:0; border-right:0;}
    .memSelBox2 ul {overflow:hidden; /*height:150px;*/ height:auto; margin-top:35px;}
    .memSelBox2 ul li > div{width:80px; height:80px;}
    
    .memSelBox2 ul li > div.formWrap{width:100%; height:30px}/*210715jin*/
    .memSelBox2 ul li > div.formWrap1{width:100%; height:30px}/*210715jin*/
    
    .memSelBox2 ul li > div.memPerson{background:#3B4E5B url("../../img/common/icon_per.png") no-repeat center center; background-size:70% auto;}
    .memSelBox2 ul li > div.memBusi{background:#3B4E5B url("../../img/common/icon_busi.png") no-repeat center center; background-size:70% auto;}
    .memSelBox2 ul li > div.certiPhone{background:#fff url("../../img/common/phone.png") no-repeat center center; background-size:30% auto}
    .memSelBox2 ul li > div.certiCard{background:#fff url("../../img/common/card.png") no-repeat center center; background-size:40% auto}
    .memSelBox2 ul li > div.certiverisign{background:#fff url("../../img/common/Profile.png") no-repeat center center; background-size:50% auto}
    .memSelBox2 ul li p{font-size:16px; margin:20px 0 20px}
    .memSelBox2 ul li button{width:120px}
    .memSelBox2 ul li p.info{font-size:14px; line-height:20px;}

    .memSelBox2.complete{background:#fff url("../../img/common/finish.png") no-repeat center 50px; margin-top:70px; padding:0 0 50px;}
    .memSelBox2.complete p{height:20px; font-size:20px; color:#0064fe; margin:180px 0 25px}
    .memSelBox2.complete span.txt{color:#0064fe;}
    /*210721*/



   /*210730 방성원*/ 
   .infoCheck {font-size:12px}
   .infoCheck input[type="checkbox"].type01 + label{font-size:12px}
   .inTbl .check.type02{padding:10px 0 0 10px;}
   .inTbl .check.type02 label{font-size:13px;}
   .gateLeft{display:none;}
   .gateBox{width:100%; padding:25px 25px 0; background:#fff url("/img/common/bg_gateway_01.png") no-repeat center bottom; background-size:100% auto;}
   .gateBox h1 {display:block; width:116px; height:65px; background:url("/img/common/nh_logo_mo.png") no-repeat 0 0; margin:0; background-size:80px auto;}
   .gateBox h3{font-size:26px; margin-bottom:7px;}
   .gateBox h3 span{font-size:14px; margin-top:10px;    line-height: 10px; }
   .helpTip{height:64px; margin:20px 0 15px; font-size:12px; padding:10px;}
   #agree_nais{display:none;}
   
   
   /*210730*/
   
   
    
    .contentBox{width:100%; padding:15px 15px 5px; border-radius:0; border-top:1px solid #ddd; border-right:0; border-bottom:1px solid #ddd; border-left:0;}

    .regiBox{width:100%; font-size:14px;}
    .regiBox ul li{margin-bottom:6px;}
    .regiBox ul li label{font-size:13px; margin:10px 0 8px;}
    .regiBox ul li label.type02{font-size:13px;}

    .regiBox dl{ margin-bottom:7px;}
    .regiBox dt{font-size:12px; line-height:23px;}
    .regiBox dd{font-size:11px; line-height:20px;}

    .etcInfo{margin-top:10px;}

    .agreeWrap{width:100%; margin:20px auto 0;}
    .agreeWrap .allCheck{margin:0 12px 5px 10px;}
    .agreeWrap .checkWrap{margin-bottom:10px;}
    .agreeWrap ul.check li{margin-bottom:8px;}/*jin20210720*/
    .agreeWrap ul.check li label{font-size:13px;}
    .agreeWrap.type02{width:100%; margin:15px 0 0;}
    .agreeWrap.type03{width:100%;}

    ul.check li .check_long{ padding-left:25px; line-height:21px;}
    .agreeWrap ul.check li .check_alert{font-size:13px;color:#333;}
    .agreeWrap ul.check li .smallinfo{font-size:12px;color:#999;}
    
    .allCheck_2step	{margin:10px 0 0 0; padding:10px; border-radius:0;
        border-right:0; border-left:0; border-top:1px solid #cccccc!important;}

    .inTbl .infoCheck{padding:0 0 0 10px;}
    .inTbl .infoCheck li{font-size:13px; display:inline;}
    .inTbl .infoCheck label	{padding-right:2px;font-size:12px!important;}
    .inTbl .check_long{ padding-left:30px;line-height:21px;}

    /*210721*/
    .gateLeft21{display:none;background:#f8f8f8 url("../../img/common/bg_gateway_01.png") no-repeat center 100%;}
    .gateBox21{width:100%; padding:25px 25px 0; background-image: linear-gradient(160deg, #6BF6C3 30%, #3D79F8); background-size:100% auto;}
    .gateBox21 h1 {display:block; width:116px; height:65px; background:url("../../img/common/logo_qr.png") no-repeat 0 0; margin:0; background-size:80px auto;}
    .gateBox21 h3{font-size:2.0rem; margin:30px 0 7px;color:#ffffff;text-align: center;text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);line-height: 20px;}
    .gateBox21 h3 span{font-size:0.9rem; margin-top:20px; color:#ffffff;text-shadow: none;}
    .gateBox21 p{font-size:0.8rem; margin-bottom:20px; color:#ffffff; text-align: center;position: fixed;bottom: 0;}
    /*210721*/
    
    .infoCheck li .smallinfo{font-size:13px;color:#999;padding-top:10px;padding-bottom:10px;}

    .regiBox{width:80%;}
    
    .formWrap{width:100%; height:30px}
    .formWrap1{width:100%; height:30px}/*jin 210719 */
    .formWrap1.type03 {width:100%; margin:0 auto;}/*jin 210719 */

    .boTermsWrap{position:relative;top:0; height:auto;}
    .boTermsWrap .boTerms{width:100%; height:auto; overflow-y:hidden;}

    .layerPopWrap.w500{width:80%}
    .layerPopWrap{width:50%;}
    .layerPopWrap .popCon > p{font-size:14px; line-height:21px; padding:15px 15px;}
    .layerPopWrap .btnBox .btnCancel{font-size:14px;}
    .layerPopWrap .btnBox .btnOk{font-size:14px;}
    
   /* 회원탈퇴 인증 시간 */
    .cetiNum span.time2{position:absolute; right:110px; top:8px; font-size:16px; color:#ffb451}


   /* .memberTitle.type02 h1{padding:60px 0 80px 0;} */
   .memberTitle.type03 h1{padding:0px 0 20px 0;}

   h2.subTit{width:100%; font-size:1.12rem; padding:10px 0 10px; background:#f3f3f3; position:fixed; top:0; z-index:200;}
   h2.subTit i.ico01{position:absolute; top:7px; margin-left:5px;}
   h3.subTit{font-size:16px;}

   .boBtnAreaWrap{height:60px;}
   .boBtnAreaWrap .btnBox{padding:10px 0 10px;}

   .checkBoxWrap{width:100%}
   .checkBoxWrap .checkBoxIn{width:80%;}

   .txtWrap {width:100%; padding:25px 27px 25px; margin-bottom:10px}
   .txtWrap p{font-size:14px; line-height:22px;}

   p.txt.type02{margin-bottom:15px;}

   button{letter-spacing:-1px;}
   button.type02{min-width:120px; height:40px; font-size:1rem;}
   button.type03{min-width:120px; height:40px; font-size:1rem;}
   button.type04{min-width:90px; font-size:0.83rem; height:30px;}
   button.type04_done{min-width:90px; font-size:0.83rem; height:30px;}
   button.type05 {min-width:70px; font-size:0.83rem; height:30px;}
   button.type06{height:30px; font-size:0.83rem;}
   button.type07{min-width:120px; height:37px; font-size:0.83rem;}
   button.type08{min-width:120px; height:40px; font-size:1rem;}
   button.type09{min-width:120px; height:40px;font-size:1rem;}
   button.type10{min-width:120px; height:37px; font-size:0.83rem;}
   button.type11{min-width:120px; height:40px; font-size:1rem;}
   button.type02_zipcode{min-width:70px; font-size:0.83rem; height:30px;}
   button.type12{min-width:70px; font-size:0.83rem; height:30px;}

   input[type="text"].type01,input[type="password"].type01{height:30px; line-height:30px; padding:0 5px 0 5px;}
   input[type="text"].type02,input[type="password"].type02{height:30px; line-height:30px; padding:0 5px 0 5px;}
   input[type="password"].type01{background:#fff url('../../img/common/pw_default.png') no-repeat right 7px;}
   input[type="password"].type01_safe{background:#fff url('../../img/common/pw_pass.png') no-repeat right 7px;height:30px; line-height:30px; padding:0 5px 0 5px;}
   input[type="password"].type01.disabled {background:#ebebeb url('../../img/common/pw_default.png') no-repeat right 7px; color:#000000;}  /* 827012 */
   input[type="password"].type01:focus,input[type="password"].type01:checked{background:#fff url('../../img/common/pw_pass.png') no-repeat right 7px;}
   input[type="password"].type03{ border:1px solid #FF7B7B;background:#fff; height:30px;  line-height:30px; padding:0 5px 0 5px;}

   input[type="radio"].type02 + label{height:30px; line-height:30px}
   input[type="radio"].type02 + label span.chkrdo em{height:30px;}

   input[type="checkbox"].type01 + label{font-size:13px;font-weight:normal;}
   input[type="checkbox"].type01 + label em{font-size:12px; line-height:16px}

   select.type02{height:40px; line-height:40px; font-size:14px; background:#fff url('../../img/common/arrow_03.png') no-repeat right 15px;}

   p.txt{font-size:14px; line-height:20px; color:#666; margin-bottom:14px;}
   p.txt.type01{margin-bottom:30px;}
   p.txt.type02{margin:17px 0 20px; text-align:center;}
   p.txt.type03{margin:10px 0 30px;}

   .cetiNum span.time{position:absolute; right:10px; top:8px; font-size:14px;}
   
}

@media screen and (max-width:480px) {
   .memberTitle h1{font-size:24px;	line-height:18px; padding:25px 0 5px 0;}/*jin20210720*/
   .memberTitle p{font-size:14px; margin:10px 0 20px;}

   .layerPopWrap{width:85%;}
   
   p.txt{font-size:12px; line-height:18px; margin-bottom:7px;}

}


@media screen and (max-width:360px) { 
   
   
  
}