@charset "UTF-8";
@import url("common.css");
/*** 로딩 ******************************************************************************/
.loader {
	position: absolute;
	  left: 45%;
	  top:45%;
	  border: 2px solid #ccc; /* Light grey */
	   border-top: 2px solid #ff6600; /* Blue */
	   border-radius: 50%;
	   width: 40px;
	   height: 40px;
	-webkit-animation: spin 0.7s linear infinite;
	 animation: spin 0.7s linear infinite;
	 z-index:1001;
   }
   @-webkit-keyframes spin {
	 0% { -webkit-transform: rotate(0deg); }
	 100% { -webkit-transform: rotate(360deg); }
   }
   @keyframes spin {
	 0% { transform: rotate(0deg); }
	 100% { transform: rotate(360deg); }
   }
   /* 로딩 - 화면 전체를 어둡게 */

   #wrap-loading{ 
	   position: fixed;
	   left:0;
	   right:0;
	   top:0;
	   bottom:0;
	   background: rgba(0,0,0,0.2); /*not in ie */
	   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
	   z-index:555;
   }
   #wrap-loading div{ /*로딩 이미지*/
	   position: fixed;
	   top:50%;
	   left:50%;
	   margin-left: -21px;
	   margin-top: -31px;
	   z-index:1000 !important;
   }
   /************************************************************************************/

html, body{width:100%; height:100%; /*min-width:1180px;*/}
body{width:100%; height:100%; background:#f3f3f3; font-size:14px; line-height:.9; word-wrap:break-word; word-break:break-all; letter-spacing:-0.9px; overflow-x:auto; overflow-y:auto;}

.contentsWrap{width:100%; height:100%;}
.contentsWrap header{height:75px; border-bottom:1px solid #e8e8e8}

.contents,.stepTit,.boBtnAreaWrap .btnBox{clear:both;/*width:1280px; margin:0 auto; */text-align:center;}

.contents {height:calc(100% - 155px);} /* 컨텐츠 안에서 스크롤되는 경우 */
.contents.type02 {height:auto; padding-bottom:80px;}

.contents.type03 {height:auto;}
.contents.type04 {height:calc(100% - 385px);}
.contents.type04 .conBoxWrap{height:calc(100% - 70px); overflow-y:auto; padding-bottom:10px}
.contents.type04 .conBox{}

.conBox{background:#fff; width:500px; margin:0 auto; padding:15px 20px 10px 20px; border:1px solid #ccc; border-radius:10px; text-align:left;}
.conBox.hFull{height:calc(100% - 80px);}
.conBox.hFull.hasBtn{padding:20px 30px;}
.conBox.hFull.hasBtn .conBoxIn{height:calc(100% - 80px); background:#fff; margin-bottom:10px;}
.conBox.hFull.hasBtn .conBoxIn.type02{height:calc(100% - 250px);}
.conBox .conBoxIn{height:100%; overflow-y:auto; overflow-x: hidden;}
.agreeform{ padding:15px 20px 15px 20px!important; }
.conBox .info{border:2px solid #ccc; margin-bottom:10px; padding:2px 10px 4px;}
.conBox .info.selectOn{border:2px solid #0064fe;}
.conBox .inTbl.on{display:block;}
.conBox .inTbl .tbl{margin-bottom:4px;}
.conBox .infoBox{padding:5px 0; background:#f9f9f9; font-size:12px; margin-bottom:10px; text-align:center; line-height:18px; color:#0064FE;}
.conBox .btnGroup button{width:100%; margin-bottom:10px;}
.conBox .btnGroup button:first-child{margin-bottom:18px;}

.contents .conBox_pop{background:#fff; width:500px; margin:0 auto; padding:15px 30px 15px 30px; border:1px solid #ccc; border-radius:10px; text-align:left;}
.contents .conBox_pop .conBoxIn{height:100%; overflow-y:auto; overflow-x:hidden;}

.conBoxMulti{}
.conBoxMulti .conBox{margin-bottom:10px;}  
.boConWrap .conBox{margin-bottom:10px;}
.boConWrap .inTbl{display:none;}

.regiName{font-size:15px; padding:12px 0 10px;}
.regiName > a{width:100%; background:url("../../img/common/arrow_02.png") no-repeat right 0; }
.regiName.on > a{background:url("../../img/common/arrow_01.png") no-repeat right 0;}
.regiName:focus{background:url("../../img/common/arrow_01.png") no-repeat right 14px;}
.regiName:hover{cursor:pointer;}
.regiName span.url{font-size:12px; color:#999}

.regiCheck{font-size:15px; padding:12px 0 10px; margin-bottom:5px; border-bottom:1px solid #e4e4e4}
.regiCheck:last-child{border-bottom:0; border:1px solid red}
.regiCheck {width:100%; background:url("../../img/common/arrow_01.png") no-repeat right 14px;}
.regiCheck.on{background:url("../../img/common/arrow_02.png") no-repeat right 14px;}
.regiCheck:focus{background:url("../../img/common/arrow_02.png") no-repeat right 14px;}
.regiCheck:hover{cursor:pointer;}
.regiCheck a.view{font-size:12px; color:#999; display:inline-block; text-decoration:underline; margin-left:10px;}
.inTbl .check.type02{padding:10px 0 0 20px;}

.inTbl .check.type02 label{font-size:14px}

.inTbl .infoCheck{padding:10px 0 0 10px;}
.inTbl .infoCheck li{font-size:14px; display:inline;}
.inTbl .infoCheck label	{padding-right:10x;font-size:14px!important;}
.inTbl .check_long{ padding-left:36px;}

.checkBoxWrap {width:460px; margin:0 auto; border:1px solid #ddd; border-radius:5px; padding:28px 0 0; margin-bottom:20px}
.checkBoxWrap .checkBoxIn{width:330px; margin:0 auto; position:relative; left:-10px}
.checkTxt{position:relative;}
.checkTxt label em{position:relative; top:-18px; left:25px; margin-top:-2px;}

.txtWrap {width:460px; height:140px; margin:0 auto; background:#e8e8e8; border:1px solid #dbd8d8; border-radius:5px; padding:25px 27px 25px; margin-bottom:10px; overflow-y:auto;}
.txtWrap p{font-size:14px; line-height:22px;}

.memberWrap{display:table; width:100%; height:100%;}
.memberBox{display:table-cell; vertical-align:middle;}


.submitBox{width:100%}
.submitBox.type02{border-bottom:1px solid #e4e4e4; padding:10px 20px;}
.submitBox.type02:first-child{padding:10px 20px 10px;}
.submitBox.type03{padding:10px 20px 0;}
.submitBox dl{display:flex; margin-bottom:7px;}
.submitBox dt{width:150px; font-size:16px; line-height:40px;}
.submitBox dd{width:calc(100% - 100px);}
.submitBox a.descTip {color:#666; margin:10px 0 0; float:right;}
.submitBox a.descTip > span{padding:0 15px 0 0; }

/*사업자명,성별 합치는 경우 추가된 css*/
.submitBox_merge{width:100%}
.submitBox_merge dl{display:flex; margin-bottom:7px;}
.submitBox_merge dt{width:100px; font-size:16px; line-height:40px;}
.submitBox_merge dd{width:130px;}
.submitBox_merge dt.txt_center{text-align: center;}

.regiBox{width:420px; margin:0 auto; text-align:left; font-size:14px;}
.regiBox ul li{margin-bottom:12px;}
.regiBox ul li label{display:block; margin:20px 0 16px;}
.regiBox ul li label.type02{font-size:16px;}

.regiBox dl{ margin-bottom:7px;}
.regiBox dt{font-size:14px; line-height:26px;}
.regiBox dd{font-size:12px; line-height:22px; color:#999999;}

.etcInfo{text-align:center; line-height:18px; font-size:12px; margin-top:25px;}
.etcInfo a{color:#1772fe;}

.ipList input[type="text"]{margin-bottom:7px;}
.ipList input[type="text"]:last-child{margin-bottom:0;}
.ipList.type02 input[type="text"]{margin:7px 0 0;}

.stepTit{}
.stepTit ul{height:75px; display:flex; justify-content:center; align-items:center;}
.stepTit ul li{position:relative; font-size:20px; width:165px}
.stepTit ul li.on{color:#0064FE}
.stepTit ul li.on::after{display:block; content:''; background:#0064FE; width:100%; height:2px; position:absolute; top:45px}

.memberTitle{text-align:center;}
.memberTitle h1{font-size:30px;	line-height:42px; font-weight:600; color:#333; padding:80px 0 15px 0;}
.memberTitle p{font-size:20px;	color:#666;	line-height:1.3; margin:20px 0 40px;}

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

/*원효재 추가 2021-07-20*/
.memberTitle2{text-align:center;}
.memberTitle2 h1{font-size:34px;	line-height:42px; font-weight:600; color:#333; padding:80px 0 15px 0;}
.memberTitle2 p{font-size:20px;	color:#666;	line-height:1.3; margin:20px 0 40px;}

.memberTitle2.type02 h1{padding:32px 0 48px 0;}
.memberTitle2.type03 h1{padding:0px 0 60px 0;}

.memSelBox{background:#fff; width:500px; /*height:450px;*/ margin:0 auto; padding:20px 40px 40px; border:1px solid #ddd; border-radius:5px;}
.memSelBox > ul {height:290px; margin-top:75px;}



.memSelBox > ul > li{float:left; width:50%; text-align:center;}
.memSelBox > ul > li:first-child{border-right:1px solid #ddd}
.memSelBox > ul > li > div{width:150px; height:150px; border-radius:100%; margin:0 auto;}
.memSelBox > ul > li > div.memPerson{background:#ffffff url("../../img/common/icon_per.png") no-repeat center center;border: 1px solid #ececec;}
.memSelBox > ul > li > div.memBusi{background:#ffffff url("../../img/common/icon_busi.png") no-repeat center center;border: 1px solid #ececec;}
.memSelBox > ul > li > div[class^="certi"]{border:1px solid #707070}
.memSelBox > ul > li > div.certiPhone{background:#fff url("../../img/common/phone.png") no-repeat center center;}
.memSelBox > ul > li > div.certiCard{background:#fff url("../../img/common/card.png") no-repeat center center;}
.memSelBox > ul > li > div.certiverisign{background:#fff url("../../img/common/Profile.png") no-repeat center center;}
.memSelBox > ul > li p{font-size:18px; margin:27px 0 25px}
.memSelBox > ul > li p.info{font-size:16px; line-height:22px;}
.memSelBox > ul > li button{width:170px}
.memSelBox.type02 > ul{margin-top:35px;}

/*.memSelBox.complete{background:#fff url("../../img/common/finish.png") no-repeat center 100px; margin-top:70px; text-align:center;}*/
.memSelBox.complete{background:#fff url("../../img/common/finish.png") no-repeat center 48px; margin-top:50px; text-align:center;}
/*.memSelBox.complete p{height:20px; font-size:20px; color:#0064fe; margin:220px 0 37px; font-weight:bold;}*/
.memSelBox.complete p{height:20px; font-size:20px; color:#0064fe; margin:158px 0 37px; font-weight:bold;}
.memSelBox.complete span.txt{color:#0064fe;}



.agreeWrap{width:710px; margin:15px auto 0;}/*jin20210720*/
.agreeWrap.type01 {height:auto; padding-bottom:70px;}
.checkWrap{margin-bottom:10px;}
.allCheck{margin:0 0 16px 0;font-size:16px; font-weight: 700;;}
.allCheck_2step	{margin:10px 0 0 0; padding:12px;
	border-top-left-radius:5px;border-top-right-radius:5px;
	border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-left:1px solid #cccccc; }
.allCheck a.view{font-size:14px; color:#999; display:inline-block; text-decoration:underline; margin-left:10px;}
ul.check li{margin-bottom:15px;}
ul.check li label{font-size:14px}
ul.check li .check_long{ padding-left:22px;}
ul.check li .check_alert{font-size:16px;color:#333; }
ul.check li .smallinfo{font-size:14px;color:#999;}
ul.check a.termsView{position:relative; top:3px; left:5px}

.agreeWrap.type02{width:500px; margin:24px auto 0; text-align:left;}
.agreeWrap.type03{width:500px; text-align:center; margin:12px auto 22px;}
.agreeWrap.type04{width:500px; margin:24px text-align:center; margin:12px auto 22px;}


.contentBox{background:#fff; width:710px; margin:0 auto; padding:20px 30px 10px; 
	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;}

.foInfo{width:100%; text-align:center; margin-top:24px;}
.foInfo a{margin:0 10px}

/* title */
h2.subTit{font-size:30px; padding:20px 0; font-family: NotoKR bold;}
h3.subTit{font-size:18px; padding:0px 0 7px; font-weight:300;}
h3.subTit.type02{font-size:16px; padding:15px 0 0; font-family: NotoKR bold;}
h3.subTit.type04{font-size:14px; padding:10px 0 10px;}
h4.subTit{font-size:30px; padding: 14px;px 0; font-family: NotoKR bold; line-height:30px;}/*jin20210720*/

span.unit{width:80px; line-height:28px;}
span.divi{width:40px; line-height:28px;}
span.div2{width:28px; line-height:28px;}

/* top sub title */
.subTitle{height:100px; line-height:100px; background:#d5b5a1; font-size:22px; color:#fff; text-align:center}

/* titleArea */
.titleArea{width:100%; display:flex; position:relative;}

.dim{position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.4); left:0; top:0; z-index:250;}
.layerPopWrap{position:absolute; width:320px; height:auto; background:#fff; text-align:center; border-radius:5px; z-index:500;}
.layerPopWrap header h3{height:50px; line-height:50px; padding:0 10px 0 24px; text-align:left; border-bottom:1px solid #ddd;}
.layerPopWrap header h3 .btnClose{float:right; position:relative; top:18px; right:5px}
/* .layerPopWrap .popCon{overflow: hidden; height:500px} */
.layerPopWrap .popCon.type02{padding:20px 22px;}
.layerPopWrap .popCon.type03{text-align:left;}
.layerPopWrap .popCon.type04{text-align:left;}
.layerPopWrap .popCon.type04 h3{font-size:16px; line-height:24px; padding:12px 10px 8px 15px; border-bottom:1px solid #efefef; margin-bottom:0;}
.layerPopWrap .popCon > p{font-size:16px; line-height:24px; padding:30px 22px;}
.layerPopWrap .popCon h3{text-align:left; margin-bottom:10px; }
.layerPopWrap .popCon h3 .btnClose{float:right; position:relative; top:2px}
.layerPopWrap .popCon .info{padding:10px 30px;}
.layerPopWrap .popCon .info .regiName{text-align:left; border-bottom:1px solid #ddd;}
.layerPopWrap .popCon .info .ipList{margin-top:7px;}
.layerPopWrap .btnBox{display:flex; height:48px; border-top:1px solid #ddd;}
.layerPopWrap .btnBox.type02{border-top:0; height:auto; margin-top:10px;}
.layerPopWrap .btnBox.type02.one button:last-child{border-right:1px solid #ddd;}
.layerPopWrap .btnBox button:last-child{border-right:0}
.layerPopWrap .btnBox button{width:100%; text-align:center; border-right:1px solid #ddd;}
.layerPopWrap .btnBox button[class^="btn"]{height:47px; line-height:48px;}
.layerPopWrap .btnBox button:last-child{border-right:0}
.layerPopWrap .btnBox .btnCancel{font-size:14px; color:#333333}
.layerPopWrap .btnBox .btnOk{font-size:14px; color:#0064FE}

.layerPopWrap .termsBox{height:400px; padding:20px; overflow-y:auto; margin-bottom:10px;}
.layerPopWrap .termsBox h4{margin-bottom:10px;}
.layerPopWrap .termsBox p{line-height:20px; margin-bottom:10px;}



/*  button align type */
.btnArea{display:flex; justify-content:center}
.btnArea.type02{margin:0 0 20px;}


.boBtnAreaWrap{width:100%; height:80px; position:fixed; bottom:0; background:#f3f3f3; margin-top:0; left:0;}/* 20210721 */
.boBtnAreaWrap .btnBox{padding:15px 0 15px;}
.boBtnAreaWrap button{margin-right:5px;}
.boBtnAreaWrap button:last-child{margin-right:0;}

.boBtnAreaWrapT{width:100%; height:60px; /*position:fixed*/; bottom:0; background:#f3f3f3; }
.boBtnAreaWrapT .btnBox{padding:15px 0 15px;}
.boBtnAreaWrapT button{margin-right:5px;}
.boBtnAreaWrapT button:last-child{margin-right:0;}


.boTermsWrap {position:fixed; bottom:0; width:100%; height:310px; padding-bottom:60px; background:#f3f3f3; border-top:1px solid #e8e8e8; overflow-x:hidden; overflow-y:auto;}
.boTermsWrap .boTerms{width:500px; /*height:250px;*/ margin:0 auto; }
.boTermsWrap .btnBox{width:100%; height:70px; padding:10px 0; position:fixed; bottom:0; text-align:center; background:#f3f3f3;}
.boTermsWrap .conBox .conBoxIn{overflow-y:hidden}
.boTermsWrap .conBox p.txt{display:inline-block; line-height:22px; width:90%; margin-bottom:0}

.boTermsWrap.type02{height:500px;}
.boTermsWrap.type02 .boTerms{height:430px;}

/*  약관 popup으로 바뀌면서 추가 */
.ConWrap_pop { padding-bottom:10px; }
.ConWrap_pop .boTerms{width:500px; margin:0 auto; }
.ConWrap_pop .btnBox{width:100%; height:70px; padding:10px 0; position:fixed; bottom:0; text-align:center; background:#f3f3f3;}
.ConWrap_pop .conBox .conBoxIn{overflow-y:hidden}
.ConWrap_pop .conBox p.txt{display:inline-block; line-height:22px; width:90%; margin-bottom:0}

.ConWrap_pop.type02{height:500px;}
.ConWrap_pop.type02 .boTerms{height:430px;}


.checkBoxWrap{width:100%}
.checkBoxWrap .checkBoxIn{width:80%;}
.check .long label > span{position:relative; top:-20px}

.infoCheck{padding-left:20px;}
.infoCheck li{float:left; margin-right:10px;}
.infoCheck li .smallinfo{font-size:14px;color:#999;padding-top:10px;padding-bottom:10px;}

/* footer */
footer{width:100%; height:180px; color:#e1e1e2; background:#393c44; clear:both;}


/* table */
.tbl {width:100%; clear:both;}
.tbl thead th {text-align:center; font-size:13px; height:25px; line-height:25px; background:#f3f3f3; border-top:1px solid #e0e2e2; border-bottom:1px solid #ccc; padding:0 5px; color:#666}
.tbl thead th.tLeft{text-align:left; padding-left:10px;}
.tbl tbody td {position:relative; text-align:left; vertical-align:middle; background:transparent; border-bottom:1px solid #ccc; padding:7px 5px 7px; color:#333}
.tbl tbody tr:last-child th,.tbl tbody tr:last-child td{border-bottom:0;}
 
.tbl tbody td p{font-size:14px; font-family:'NotoKR', 'Sans-serif'; line-height:18px;}
.tbl tbody td p.buyer{font-size:12px;}
.tbl tbody td p.birth{font-size:12px;}
.tbl tbody td p.selectcell	{color:#0064FE;}
.tbl tbody td.tCenter{text-align:center;}
.tbl tbody td.tRight{text-align:right;}

.tblView {width:100%; clear:both; border-top:1px solid #333; border-bottom:1px solid #333}
.tblView tbody th {text-align:left; font-size:14px; padding:0 8px; vertical-align:middle; background:#f3f3f3; border-bottom:1px solid #e5e5e5; padding:7px 5px 7px; color:#333}
.tblView tbody td{text-align:left; font-size:14px; border-bottom:1px solid #e5e5e5; padding:4px 8px;}
.tblView tbody td.tCenter{text-align:center;}
.tblView tbody td.tRight{text-align:right;}

.cursor_def	{cursor:default!important;}

/* popup */
.alertBox{display:none; position:absolute; top:600px; left:50%; width:430px; padding:35px; background:#000; font-size:20px; color:#fff; text-align:center; opacity:.5; border-radius:150px 150px; transform:translate(-50%, 0)}

/* layer popup */
.popupWrap{width:576px; padding:34px 40px 50px;  background:#fff; position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); -moz-box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); box-shadow: 6px 7px 16px -7px rgba(0,0,0,0.75); z-index:6000;}


/* box style */

.colWrap{display:flex; flex-wrap:wrap;}
.colWrap dl{width:100%}

.formWrap{display:flex; align-items:center; height:40px;}
.formWrap input[type="text"],.formWrap select{margin-right:5px;}
.formWrap.type02 .chkrdo02{width:50%}
.formWrap.type02 .chkrdo02 label{width:100%;}
.formWrap.type02 .chkrdo02:nth-child(1) label{border-radius:5px 0 0 5px;}
.formWrap.type02 .chkrdo02:nth-child(2) label{border-radius:0 5px 5px 0;}

/*jin 210719*/
.formWrap1{display:flex; align-items:center; height:40px;}
.formWrap1 input[type="text"],.formWrap1 select{margin-right:5px;}
.formWrap1.type03 {width:500px; margin:0 auto; padding-bottom:20px;}
.formWrap1.type03 .chkrdo02{width:50%}
.formWrap1.type03 .chkrdo02 label{width:100%;}
.formWrap1.type03 .chkrdo02:nth-child(1) label{border-radius:5px 0 0 5px;}
.formWrap1.type03 .chkrdo02:nth-child(2) label{border-radius:0 5px 5px 0;}
/*jin 210719*/




span.chkrdo em{margin:0 12px 0 5px;}
span.chkrdo02 em{margin:0}
span.txtVal{margin:7px 0 2px; font-size:12px; color:#4BAF50}
span.txtVal.error{color:#FF7B7B}


p.txt{font-size:14px; line-height:20px; color:#666; margin-bottom:14px;}
p.txt.type01{margin-bottom:30px;}
p.txt.type02{margin:30px 0; text-align:center;}
p.txt.type03{margin:10px 0 30px;}
p.txt.type04{margin:10px 0 20px; text-align:center;}
p.txt.type05{margin:10px 0 10px;}/*210715jin*/
p.txt.type06{margin:10px 0 20px;}/*210715jin*/

/* Checkbox */
input[type="checkbox"] {display:none;}
input[type="checkbox"].type01 + label{color:#000; font-size:16px; cursor:pointer;}
input[type="checkbox"].type01 + label > span{display:inline-block; width:18px; height:18px; margin:-4px 5px 0 0; vertical-align:middle; background:url('../../img/common/ckeck_01.png') no-repeat 0 0}
input[type="checkbox"]:checked.type01 + label > span{background:url('../../img/common/ckeck_01.png') no-repeat 0 -18px}
/*908012*/
/*input[type="checkbox"].type01 + label > span:focus{background:url('../../img/common/ckeck_01.png') no-repeat 0 -18px}*/
/*908012*/
input[type="checkbox"].type01 + label em{font-size:14px; line-height:18px}
input[type="checkbox"].type01 + label em span{display:inline}

/* radio */
input[type="radio"]{overflow:hidden; clip:rect(0 0 0 0); position:absolute; height:1px; width:1px; margin: -1px; padding:0; border:0; z-index:1;}
input[type="radio"] + label{height:19px; display:inline-block; background:url('../../img/common/radio_01.png') no-repeat 0 0;  line-height:18px; padding-left:18px; cursor:pointer}
input[type="radio"]:checked + label{background:url('../../img/common/radio_01.png') no-repeat 0 -19px;}
input[type="radio"] + label:focus {border:1px solid #333}

input[type="radio"].type02 + label{height:40px; line-height:40px; display:inline-block; background:none; text-align:center; padding-left:0; cursor:pointer; border:1px solid #ddd;}
input[type="radio"].type02 + label span.chkrdo em{height:40px; margin:0}
input[type="radio"].type02:checked + label{background:none; border:1px solid #0064fe;}
input[type="radio"].type02:checked + label em{color:#0064fe}
input[type="radio"].type02 + label:focus {border:1px solid #333}



/* input style */
input[type="text"],input[type="password"]{width:100%; height:40px; line-height:40px; padding:0 10px 0 10px; color:#333; background:#fff; font-weight:normal; border:1px solid #ddd; border-radius:5px;}
input[type="text"]:read-only{background:#f9f9f9; color:#000000;}
input[type="text"].type01:focus{outline:none; border:1px solid #0064fe;}
input[type="text"].type01.disabled{background:#ebebeb; color:#000000;}  /* 827012 */
input[type="text"].type02{background-image:none; background:#fff; height:50px; line-height:50px;}
input[type="text"].type02:focus,input[type="password"].type01:checked{outline:none; border:1px solid #0064fe; background-image:none; background:#fff;}
input[type="text"].type02.disabled{background:#ebebeb;color:#000000;}  /* 827012 */
input[type="password"].type01{background:#fff url('../../img/common/pw_default.png') no-repeat right 12px;}
input[type="password"].type01_safe	{outline:none;  background:#fff url('../../img/common/pw_pass.png') no-repeat right 12px;}
input[type="password"].type01.disabled {background:#ebebeb url('../../img/common/pw_default.png') no-repeat right 12px; color:#000000;}  /* 827012 */

input[type="password"].type02{background-image:none; background:#fff; height:50px; line-height:50px;}
input[type="password"].type02:focus,input[type="password"].type01:checked{outline:none; border:1px solid #0064fe; background-image:none; background:#fff;}

input[type="password"].type03{background-image:none; border:1px solid #FF7B7B;background:#fff; height:50px; line-height:50px;}
input[type="password"].type03:focus,input[type="password"].type01:checked{outline:none; border:1px solid #FA2929; background-image:none; background:#fff;}

/* select style */
select.type01{height:22px; line-height:22px; border:1px solid #717379; color:#717379; font-weight:bold; background:transparent url('../img/common/arrow_01.png') no-repeat right 6px}
select.type02{height:50px; line-height:50px; background:#fff url('../../img/common/arrow_03.png') no-repeat right 20px; font-size:16px}



/* textarea style */
textarea{width:100%; height:100px; background:#fff; border-radius:5px; border:1px solid #ddd; padding:10px;}

.cetiNum{position:relative;}
.cetiNum span.time{position:absolute;  right:158px; top:13px; font-size:16px; color:#ffb451}
.cetiNum span.time2{position:absolute; right:130px; top:14px; font-size:16px; color:#ffb451}

/* Badge */
[class^="state"]{text-align:center;}
span.state01{width:29px; height:18px; line-height:16px; color:#ff7b7b; border:1px solid #ff7b7b; font-size:10px; border-radius:4px;}



/* button */
button{text-transform:uppercase; font-weight:bold; letter-spacing:-.3px; text-align:center; border-radius:5px;}
button.type01{width:100%; background:#0064FE; height:37px; color:#fff; font-size:16px;}
button.type02{min-width:140px; background:#ffffff; height:50px; color:#fff; font-size:16px; color:#333; border:1px solid #ddd}
button.type03 {min-width:140px; background:#0064FE; height:50px; color:#fff; font-size:16px; border:0}
button.type04{min-width:110px; background:#ffffff; height:40px; color:#fff; font-size:16px; color:#0064FE; border:1px solid #0064FE}
button.type04_done{min-width:110px; background:#ffffff; height:40px; color:#fff; font-size:16px; color:#333333; border:1px solid #666666}
button.type05{width:100%; background:#ffffff; height:37px; font-size:16px; color:#333; border:1px solid #ddd; }
button.type06{width:100%; background:#f9f9f9; height:40px; font-size:14px; color:#999;  border:1px solid #ddd; font-weight:bold;}
button.type07{min-width:140px; background:#ffb451; height:50px; color:#fff; font-size:16px; border:0}
button.type08{min-width:140px; background:#ffffff; height:50px; color:#fff; font-size:16px; border:1px solid #0064FE; color:#0064FE;}
button.type09{min-width:140px; background:#4BAF50; height:50px; color:#fff; font-size:16px; border:1px solid #4BAF50; color:#fff;}
button.type10{min-width:140px; background:#ffffff; height:37px; color:#fff; font-size:16px; color:#333; border:1px solid #ddd}
button.type11{min-width:140px; background:#4BAF50; height:50px; color:#fff; font-size:16px; border:0}
/*718012*/
button.type18_mc{min-width:100%; background:#4BAF50; height:45px; color:#fff; font-size:18px; border:1px solid #4BAF50; color:#fff;}
/*718012*/
/*gate버튼 추가*/
button.type12{min-width:140px; background:#6993ff; height:37px; color:#fff; font-size:16px; border:1px solid #6993ff}
button.type13{min-width:140px; background:#16A39D; height:37px; color:#fff; font-size:16px; border:1px solid #16A39D}
button.type14{min-width:140px; background:#F64E60; height:37px; color:#fff; font-size:16px; border:1px solid #F64E60}
button.type15{min-width:140px; background:#FFA800; height:37px; color:#fff; font-size:16px; border:1px solid #FFA800}
button.type16{min-width:140px; background:#8950FC; height:37px; color:#fff; font-size:16px; border:1px solid #8950FC}
button.btnClose.delimg{background:url("../images/del_01.png") no-repeat 0 0; width:13px; height:12px;}

/* 주소검색용 small button */
button.type02_zipcode{min-width:90px; background:#ffffff; height:37px; font-size:13px; color:#0064FE; border:1px solid #0064FE}
/* 업태검색용 small button */
button.type12{min-width:80px; background:#ffffff; height:40px; color:#fff; font-size:16px; color:#0064FE; border:1px solid #0064FE}

/* 03701202 */
button.type29{min-width:100%; background:#4BAF50; height:40px; color:#fff; font-size:16px; border:1px solid #4BAF50; color:#fff;}

button.btnClose.delimg{background:url("../../img/common/btn_menu_close.png") no-repeat 0 0; width:13px; height:12px;}

button:disabled,button[disabled]{background:#a7a8ac; color:#fff; pointer-events:none}

/* icon */
i.ico01{background:url("../../img/common/icon_info.png") no-repeat 0 0;}
i.ico01{background-position:0px 0px; width:21px; height:21px;}

a.descTip{background:url("../../img/common/arrow_04.png") no-repeat right 2px;}
a.termsView{background:url("../../img/common/icon_linkpop.png") no-repeat 0 0; width:16px; height:15px;}

/* align */
.ml10{margin-left:10px}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

.mt20{margin-top:20px;}


.alCenter{text-align:center}
.alRight{text-align:right}

.vtop{vertical-align:top}
.vmid{vertical-align:middle}
.vbottom{vertical-align:bottom}

.po_m01{position:relative; top:-1px}

.fl{float:left;}

.po_ab{position:absolute}
.cb{clear:both}

/* font */
.fb{font-weight:bold;}
.funder{text-decoration:underline}
.f_ell{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.f_upper{text-transform:uppercase}



/* point color */
.f_point01{color:#0064FE} 
.f_point02{color:#f05d79} 
.f_point03{color:#908dff} 

/* size */
.w50per{width:50%}
.w100per{width:100%}
.w50{width:50px!important;}
.w70{width:70px!important;}
.w100{width:100px!important;}
.w200{width:100px!important;}
.w350{width:350px!important;}
.w500{width:500px;}
.w540{width:540px;}

.h500{height:500px}
.h16{height:16px}

/* 여하경 추가 */

.NH_slo_txt{
    display: inline-flex;
	font-size:14px;
	color:#666666;   
    font-weight: normal;
}

.info_form_bottom	{
    margin:0 auto;  background:#f3f3f3;
    text-align: center;
}
.info_form_bottom .txtBox{
    text-align: center;
    padding:15px 0 15px; color: #333333; }

.sub_txt_link{
	font-size:14px;
	color:#666;
    margin-top:10px;
    font-weight: normal;
    line-height: 18px;
}
 
.sub_txt_link_blue a {
	color:#0064FE;
	font-size:14px;	font
    weight: 600;
}
.sub_txt_link_blue a:hover {
	color:#4BAF50;
}
.sub_txt_link_gray a {
	color:#333; 
	font-size:14px;
}
.sub_txt_link_gray  a:hover {
	color:#4BAF50;
}

.linkicon	{
    vertical-align: middle;
	padding-bottom:2px;
    padding-left:4px;
}

.inlineblock	{	
	width:100%;
	display: inline-block;
}

.group_partline	{margin-top:10px;
	padding-bottom:10px;
	border-top: 1px solid #dddddd;}

/* //모달 레이어 팝업창  */

/* tooltip */
[class*="hint--"] {
	position: relative;
	display: inline-block;
	/**
	   * tooltip arrow
	   */
	/**
	   * tooltip body
	   */ }
	[class*="hint--"]:before, [class*="hint--"]:after {
	  position: absolute;
	  -webkit-transform: translate3d(0, 0, 0);
	  -moz-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  visibility: hidden;
	  opacity: 0;
	  z-index: 1000000;
	  pointer-events: none;
	  -webkit-transition: 0.3s ease;
	  -moz-transition: 0.3s ease;
	  transition: 0.3s ease;
	  -webkit-transition-delay: 0ms;
	  -moz-transition-delay: 0ms;
	  transition-delay: 0ms; }
	[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
	  visibility: visible;
	  opacity: 1; }
	[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
	  -webkit-transition-delay: 100ms;
	  -moz-transition-delay: 100ms;
	  transition-delay: 100ms; }
	[class*="hint--"]:before {
	  content: '';
	  position: absolute;
	  background: transparent;
	  border: 6px solid transparent;
	  z-index: 1000001; }
	[class*="hint--"]:after {
	  background: #383838;
	  color: white;
	  width:150px;
	  padding: 8px 8px;
	  margin-right:150px;
	  font-size: 0.7rem;
	  line-height: 15px;
	  white-space: ; }
	[class*="hint--"][aria-label]:after {
	  content: attr(aria-label); }
	[class*="hint--"][data-hint]:after {
	  content: attr(data-hint); }
  
  [aria-label='']:before, [aria-label='']:after,
  [data-hint='']:before,
  [data-hint='']:after {
	display: none !important; }
  
  /**
   * bottom tooltip
   */
  .hint--bottom:before {
	margin-top: -11px; }
  
  .hint--bottom:before, .hint--bottom:after {
	top: 70%;
	left: 50%; }
  
  .hint--bottom:before {
	left: calc(50% - 6px); }
  
  .hint--bottom:after {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%); }
  
  .hint--bottom:hover:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px); }
  
  .hint--bottom:hover:after {
	-webkit-transform: translateX(-50%) translateY(8px);
	-moz-transform: translateX(-50%) translateY(8px);
	transform: translateX(-50%) translateY(8px); }
  
.hint--rounded:after {
  border-radius: 3px; }


/* 회원정보입력>주소검색 */
.submitBox_add{width:100%}
.submitBox_add.type02{border-bottom:1px solid #e4e4e4; padding:10px 20px;}
.submitBox_add.type02:first-child{padding:10px 20px 10px;}
.submitBox_add.type03{padding:10px 20px 0;}
.submitBox_add dl{display:flex; margin-bottom:7px;}
.submitBox_add dt{width:150px; font-size:16px; line-height:40px;}
.submitBox_add dd{width:calc(100% - 100px);}
.submitBox_add a.descTip {color:#666; margin:10px 0 0; float:right;}
.submitBox_add a.descTip > span{padding:0 15px 0 0; }


.layerPopWrap .zipcode_sch{min-height:40px; padding:15px;}
.layerPopWrap .zipcode_add{min-height:30px; padding:10px;}

.layerPopWrap .zipcodeBox{height:160px; padding:0px 20px;  margin-bottom:10px;}
.layerPopWrap .zipcodeBox .gray_box	{background: #F3F3F3;padding:10px;line-height:20px;}
.layerPopWrap .zipcodeBox h4{margin-bottom:10px;}
.layerPopWrap .zipcodeBox p{line-height:20px; margin-bottom:10px;}
.layerPopWrap .zipcodeBox .road_txt	{color:#999999;}
.layerPopWrap .zipcodeBox .zipcode_list	{padding:10px 0;line-height:20px;}

.layerPopWrap .zipcodeBox_scroll{height:207px; padding:0px 20px; overflow-y:auto; margin-bottom:20px;}
.layerPopWrap .zipcodeBox_scroll .gray_box	{background: #F3F3F3;padding:10px;line-height:20px;}
.layerPopWrap .zipcodeBox_scroll h4{margin-bottom:10px;}
.layerPopWrap .zipcodeBox_scroll p{line-height:20px; margin-bottom:10px;}
.layerPopWrap .zipcodeBox_scroll .road_txt	{color:#999999;}
.layerPopWrap .zipcodeBox_scroll .zipcode_list	{padding:10px 0;line-height:20px;}


.zipcode_list{width:100%;
	padding:10px 0 0 0;}
.shadow_line	{ border-top:1px solid #e4e4e4;
	height:1px;
	-webkit-box-shadow:0px 0px 6px 0px rgba(21, 18, 24, 0.09);
	box-shadow:0px 0px 6px 0px rgba(21, 18, 24, 0.09);}

.zipcode_list ul {border-bottom:1px solid #cccccc;line-height:15px;}
.zipcode_list dl{ display:flex; padding-top:10px;padding-bottom:10px; border-bottom:1px dotted #ebe9e9;}
.zipcode_list dt{width:60px; font-size:16px;}
.zipcode_list dt .road_span	{background: #0294d8;padding:4px 8px 4px 8px;border-radius: 14px;; font-size:12px;color:#fff;}
.zipcode_list dt .zip_span	{background: #15cffd;padding:4px 8px 4px 8px;border-radius: 14px;; font-size:12px;color:#fff;}
.zipcode_list dd{width:calc(100% - 60px);}
.zipcode_list dl.last_noline{border-bottom:0px; }




/* //여하경 추가 */






/* chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
	
}

/* firefox */
@-moz-document url-prefix(){
		
        
}



/* >= IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    
}
/*jin 210719 */
.memSelBox > ul > p.txt.type02{padding:30px 0; text-align:center;}
/*jin 210719 */


.gateWrap{height:100%;}
.gateLeft{float:left; width:calc(100% - 480px); height:100%; background:#f8f8f8 url("../../img/common/bg_gateway_01.png") no-repeat center 50%}
.gateLeft h1{width:220px; height:55px; background:url("../../img/common/login_logo.png") no-repeat 0 0; margin:30px 0 0 30px}
.gateBox{float:right; width:480px; height:100%; background:#fff; padding:100px 55px 0;}
.gateBox h1 {display:none;}
.gateBox h3{font-size:30px; margin-bottom:14px;}
.gateBox h3 span{display:block; font-size:18px; margin-top:15px; line-height:11px;}

/*.helpTip{height:73px; border-radius:5px; background:#e7e4ff; margin:50px 0 25px; font-size:14px; color:#7569EC; padding:13px;}*/
.helpTip{height:50px; }

.gateList {}
.gateList li{margin-top:12px;}

/* title */
h2.subTit{font-size:30px; padding:20px 0; font-family: NotoKR bold;}
h3.subTit{font-size:18px; padding:0px 0 7px; font-weight:300;}
h3.subTit.type02{font-size:16px; padding:15px 0 0; font-family: NotoKR bold;}
h3.subTit.type04{font-size:14px; padding:10px 0 10px;}

span.unit{width:80px; line-height:28px;}
span.divi{width:40px; line-height:28px;}

/* Checkbox2 원효재 추가 2021-07-14*/
input[type="checkbox"] {display:none;}
input[type="checkbox"].type02 + label{color:#000; font-size:16px; cursor:pointer;}
input[type="checkbox"].type02 + label > span{display:inline-block; width:18px; height:18px; margin:-4px 5px 0 0; vertical-align:middle; background:url('/img/common/ckeck_01.png') no-repeat 0 0}
input[type="checkbox"]:checked.type02 + label > span{background:url('/img/common/ckeck_01.png') no-repeat 0 -18px}
/* input[type="checkbox"].type01 + label > span:focus{background:url('/img/common/ckeck_01.png') no-repeat 0 -18px} *//* IE에서 checkbox 해지안됨.. 용도를 알수 없으므로 일단 주석 2021-07-01 16:00 */
input[type="checkbox"].type02 + label em{font-size:12px; line-height:14px}
input[type="checkbox"].type02 + label em span{display:inline}

.regiBox .infoBox {padding: 5px 0;background: #f9f9f9;font-size: 12px;margin-bottom: 10px;text-align: center;line-height: 18px;color: #0064FE;}
.regiBox .infoBox p{padding: 5px 0;background: #f9f9f9;font-size: 12px;margin-bottom: 10px;text-align: center;line-height: 18px;color: #0064FE;}

/*210721*/
body.bg021{background-image: linear-gradient(160deg, #0c6fec 30%, #0e99c7);}

.gateWrap21{height:100%;}
.gateLeft21{float:left; width:calc(100% - 480px); height:100%; background:#f8f8f8 url("../../img/common/bg_gateway_01.png") no-repeat center 100%;}
.gateLeft21 h1{width:116px; height:55px; background:url("../images/nh_logo.png") no-repeat 0 0; margin:30px 0 0 30px}

.gateBox21{float:right; width:480px; height:100%;  padding: 130px 55px 0; background-image: linear-gradient(160deg, #6BF6C3 30%, #3D79F8); background-size:100% auto;}
.gateBox21 h1 {display:none;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; text-align: center;color:#ffffff;text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);line-height: 20px;}
.gateBox21 h3 span{display:block; font-size:1.0rem; margin-top:15px;;color:#ffffff; ;line-height: 20px;}
.gateBox21 span{font-size:0.8rem; margin-top:20px; text-align: center;text-shadow: none}
.gateBox21 p{font-size:0.8rem; margin-bottom:20px; color:#ffffff; text-align: center;position: fixed;bottom: 0;}

.helpTip{height:73px; border-radius:5px; background:#e7e4ff; margin:50px 0 25px; font-size:14px; color:#7569EC; padding:13px;}



.gateList21 {margin-top:60px;}
.gateList21 li{margin-top:20px;}
/*210721*/

/*210721*/
.contentsWrap1{width:100%; height:100%;background: linear-gradient(to bottom right, #5fb5ce 10%, #3182f7 80%);}
/*210721*/

/*210721*/
button.type1221{min-width:80px; background:#ffffff; height:50px; color:#fff; font-size:16px; color:#0064FE; border-radius: 25px;box-shadow:  1px 1px 1px 0px rgb(0 0 0 / 30%);}
button.type1321{min-width:80px;  height:50px; color:#ffffff; font-size:16px; color:#ffffff; background:#6CC5DE;border-radius: 25px;box-shadow:  1px 1px 1px 0px rgb(0 0 0 / 30%);}
/*210721*/

.memSelBox.complete span.infobox21 { padding:20px; font-size:0.8rem; background-color:#f9f9f9; text-align:center; line-height:18px; color:#333333; width:80%;margin-top:20px;}
.memSelBox.complete span.infobox21 a{ color:#ffa800;}
.memSelBox.complete span.infobox21 span { font-size:0.7rem;line-height:12px; margin-top:10px;color:#999999;}
.memSelBox.complete span.infobox22 { padding:20px; font-size:0.8rem; text-align:center; line-height:18px; color:#333333; }

/*210723*/
.helpTip22{height:auto; border-radius:5px; background:#E4F3FF; margin:25px 0 25px; font-size:0.8rem; color:#1B74B6; padding:13px;line-height: 16px;}
.helpTip22 span{margin:8px 0; font-size:0.85rem; color:#1B74B6; line-height: 20px;}
/*210723*/

/*jin210726*/
.submitBox_merge dt.w150 {width:150px;}

/*210728*/
input[type="password"].type04{background-image:none; background:#fff; height:40px; line-height:50px;}
input[type="password"].type04:focus,input[type="password"].type01:checked{outline:none; border:1px solid #0064fe; background-image:none; background:#fff;}
/*210728*/

/*210730*/
.contents,.stepTit,.footerAreaWrap .footer30{clear:both;/*width:1280px; margin:0 auto; */text-align:center;}
.footerAreaWrap{width:100%; height:auto; /*position:fixed;*/ bottom:0; background:#f3f3f3;line-height: 14px;font-size: 0.8em; }
.footerAreaWrap .footer30{padding:15px 0 15px;color:#666666;}
.footerAreaWrap .footer30 a{color:#999999;}
/*210730*/ 

/*408012*/
.layerPopWrap .popupBox{padding:0px 20px;  margin-bottom:10px;}
.layerPopWrap .popupBox .gray_box	{background: #F3F3F3;padding:10px;line-height:20px;}
.layerPopWrap .popupBox h4{margin-bottom:10px;}
.layerPopWrap .popupBox p{line-height:20px; margin-bottom:10px;}
.layerPopWrap .popupBox .road_txt	{color:#999999;margin-top: 10px;}
.layerPopWrap .popupBox .popupBox_list	{padding:10px 0;line-height:20px;}

.layerPopWrap .popupBox_scroll{height:207px; padding:0px 20px; overflow-y:auto; margin-bottom:20px;}
.layerPopWrap .popupBox_scroll .gray_box	{background: #F3F3F3;padding:10px;line-height:20px;}
.layerPopWrap .popupBox_scroll h4{margin-bottom:10px;}
.layerPopWrap .popupBox_scroll p{line-height:20px; margin-bottom:10px;}
.layerPopWrap .popupBox_scroll .road_txt	{color:#999999;}
.layerPopWrap .popupBox_scroll .popupBox_list	{padding:10px 0;line-height:20px;}
.w450{width:450px!important;}
.alcenter {text-align: center;}
/*408012*/
/*908012*/
select::-ms-expand{ display:none; }
/*908012*/