/* 로그인 */
.loginArea {width: 100%; margin: auto;}
.login-form{max-width: 54.5rem; margin: auto; padding-bottom: 3rem; }
.top_box{ text-align:center; margin:0 auto;}
.top_box h3{font-size:var(--krds-pc-font-size-heading-large); font-weight:normal; color:#222; position:relative; margin-bottom:1rem;}
.top_box h3 b{position:relative;font-weight:bold; color:#18A792; z-index:0}
.top_box h3 b:before{content:''; position:absolute; left:-4rem; top:-3rem; width:8rem; height:8rem; border-radius:50%; background: linear-gradient(135deg, #c6ffee , #f3fffb); z-index:-1;}
.top_box p{margin:0 0 5rem; color:#555;}
.login-form dt label {  position: absolute;  top: -999em;  height: 0;  line-height: 0;  font-size: 0;}
.login-form dt label { position: absolute;  top: -999em;  height: 0;  line-height: 0;  font-size: 0;}
.login-form dd{position: relative;}
.login-form input.i_text {position: relative; width:100%; height:6.5rem; line-height:6.5rem; padding-left: 5rem; border: 1px solid #f5f5f5;    border-radius: inherit; background-clip: padding-box;    -webkit-appearance: none; box-sizing: border-box;background-color:#f5f5f5; transition: all 0.3s ease 0s;}
.login-form dd:after{position: absolute;  content: '';  display: block;  left: 2rem;  top: 50%;  transform: translateY(-50%);  width: 2rem;  height: 2rem;  background: url(../images/skin/istd/main/id.svg) 50% 50% / contain no-repeat;}
.login-form dd.inputPw:after{background: url(../images/skin/istd/main/password.svg) 50% 50% / contain no-repeat;}
.login-form input.i_text:focus{border-color:#18A792; background-color:#fff;}
.login-form dd.inputPw { margin-top:1rem;}
.login-form input.btnLogin { width: 100%;    height: 8rem;    border: inherit;  font-size: 2rem;color: #FFF; cursor: pointer;  transition:all 0.5s cubic-bezier(0, 0, 0.21, 0.87) 0s;margin-top:2rem; background-color: #18A792;}
.login-form input.btnLogin:hover{ opacity: 1;  box-shadow:0.5rem 1.5rem 2rem rgba(0,0,0,0.15);}
.login-form input.btnLogin:focus-visible{outline-color:#E84033}
.lost_box{width: 100%; margin-top:2rem; text-align:right;}
.joinTxt{margin-top:4rem; display:flex; justify-content: center}
.joinTxt .join_btn{display:inline-block; margin-left:2rem; color:#18A792; font-weight:500; text-decoration:underline; text-underline-position: under;}
.loginFail{position: relative; clear:both; }
.loginFail input{ height: 2.8rem; border: 1px solid #b4b4b4;}
.loginFail p{margin-top:0.5rem;}
.error{color: #ff0000; padding-top:0.5rem;  }

@media (max-width: 768px){
	.top_box h3{font-size:var(--krds-mobile-font-size-heading-large); }
	.login,
	.lost_box{width:100%;}
	.login-form input.i_text{height: 5rem; line-height: 5rem;}
	.login-form input.btnLogin{height:6rem;}
	.joinTxt{justify-content: space-between}
}

/* 회원가입, 회원가입완료 */
div.ico_title{position: relative; padding: 0 28rem; margin-bottom:4rem;}
div.ico_title p {position: relative; padding-left: 11rem; font-size:1.8rem; color:#444;}
div.ico_title p:before {content: ''; position: absolute; left: 0; top: 0; width: 9.2rem; height: 9.2rem; background: url('../images/default/content/ico_mem.gif') no-repeat 0 0;  }
div.ico_title em{font-size:3.5rem; font-weight:400;}
div.ico_title:before {content: ''; position: absolute; left: 0; top: 3.5rem; width: 25rem; height: 1px; background: #3c3c3c; transition-duration: 0.4s;}
div.ico_title:after {content: ''; position: absolute; right: 0; top: 3.5rem; width: 25rem; height: 1px; background: #3c3c3c; transition-duration: 0.4s;}

ul.sign_select{overflow:hidden;}
ul.sign_select li{float:left; width:50%;}
ul.sign_select li a{display:block; height: 49.6rem; box-sizing:border-box; padding:8rem;}
ul.sign_select li.s01 a{background: url('../images/default/content/m_bg01.jpg') no-repeat 0 0; }
ul.sign_select li.s02 a{background: url('../images/default/content/m_bg02.jpg') no-repeat 0 0; }
ul.sign_select li a div{height:100%; color:#fff; text-align:center; box-sizing:border-box; padding-top:5rem;}
ul.sign_select li a div h3{font-size: 3.5rem; font-weight:800; margin-bottom:3rem;}
ul.sign_select li a div p.more{background: url('../images/default/content/btn_arrow.png') no-repeat right center; padding-right: 8rem; padding-bottom:1rem; border-bottom:3px solid #fff; display:inline-block; margin-top:4rem;}
ul.sign_select li.s01 a div{background: url('../images/default/content/coverBlue.png') repeat 0 0;}
ul.sign_select li.s02 a div{background: url('../images/default/content/coverBlack.png') repeat 0 0;}

.signup03{text-align:center; font-size:2.3rem;}
.signup03 b{margin-bottom:3rem; font-size:3.5rem; font-weight:700; color:#222; display:block; text-decoration:underline;}
.signup03 em{color:#5D95F8; font-size:2.6rem; font-weight:500;}
.signup03 p{margin-top:7rem;}
.signup03 p a{padding:1.8rem 6rem; background-color:#BA1200; color:#fff; font-weight:500;}

/* 멤버 Step */
.sign_step{margin-bottom:3rem; text-align:center;}
.sign_step ol{display:inline-block;position:relative; z-index: 0;}
.sign_step ol:before{content: ""; position: absolute; left: 3rem;  top: 33%;  width: calc(100% - 6rem); height: 2px; background: #ededed; z-index: -1;}
.sign_step ol li{float:left; width:7rem; margin:0 3rem; }
.sign_step ol li .num{position:relative; width:7rem; height:7rem; line-height:7rem; color:#999; font-size:2rem; font-weight:600; text-align:center; background-color:#F7F7F7;border-radius:50%; margin-bottom:1rem;}
.sign_step ol li p{color:#999; font-size:1.6rem; font-weight:400;}
.sign_step ol li.on .num{font-size:0; }
.sign_step ol li.on .num:before{content: ""; position: absolute; left:50%; top:50%; font-family: 'remixicon' !important; color:#fff; font-size:3rem; font-weight:400; transform:translate(-50%,-50%);}
.sign_step ol li.on.step1 .num{background-color:#0dc8a9;}
.sign_step ol li.on.step2 .num{background-color:#00b496;}
.sign_step ol li.on.step3 .num{background-color:#019179;}
.sign_step ol li.on.step4 .num{background-color:#007461;}
.sign_step ol li.on.step5 .num{background-color:#015547;}
.sign_step ol li.on.step1 .num:before{content: "\f261";  }
.sign_step ol li.on.step2 .num:before{content: "\ed0f"; }
.sign_step ol li.on.step3 .num:before{content: "\f100"; }
.sign_step ol li.on.step4 .num:before{content: "\ec86";}
.sign_step ol li.on.step5 .num:before{content: "\eb79"; }
.sign_step ol li.on p{color:#111;}

@media (max-width:768px){
	.sign_step ol li{width:auto; margin:0 1rem; text-align:center;}
	.sign_step ol li p{font-size: 1.3rem;}
	.sign_step ol li:not(.on) p{display:none;}
	.sign_step ol li .num{width: 4rem; height: 4rem; line-height: 4rem; margin:0 auto 0.5rem; font-size:1.5rem;}
	.sign_step ol li.on .num:before{font-size:2rem;}
}

.user_agree input{vertical-align:middle;}
.user_agree dt{font-size:var(--krds-pc-font-size-heading-medium); margin-bottom:1rem; margin-top:6rem; font-weight:500;}
.user_agree dd textarea{color:#848C8E;}
.user_agree div.chks{margin-top:2rem; color:#333; font-weight:500; }
.btnChkUnique{ display:inline-block; width:9rem;  font-size: 1.5rem;  height:4rem; line-height:4rem; text-align:center;  background-color: #bababa;  color: #fff; }

/* 회원가입유형 */
.join_select{display:flex; justify-content: space-between; flex-wrap:wrap; gap:2rem;}
.join_select a{flex:0 0 calc((100% - 2rem * 3) / 3); display:flex; align-items: center; flex-direction: column; justify-content: center; border-radius:1rem; border:1px solid  #dddddd; box-shadow:0 0 2rem rgba(0,0,0,0.05); padding:4rem 2rem; transition: border 0.2s, box-shadow 0.2s, ease-out 0s;}
.join_select.item2 a{flex:0 0 calc((100% - 2rem * 1) / 2);}
.join_select a .div{display:block; width: 100%; text-align: center; color:var(--black); font-size:2.6rem; font-weight:700; margin-top:3rem;}
.join_select a .jtxt{color:#888; font-size:2rem;}
.join_select a .jtxt em{color:var(--darkGreen);}
.join_select a .jBtn{margin-top:3rem; display:block; width:16rem; height:5rem; line-height:5rem; border:1px solid #ddd; border-radius:3rem; text-align:center; background:#fff; transition: all 0.2s ease-out 0s;}
.join_select a:hover,
.join_select a:focus-visible,
.join_select a:active{border-color:var(--green2);  box-shadow:0 0 2rem rgba(66,120,220,0.15);}
.join_select a:focus,
.join_select a:focus-visible{background:#F5F8F6; color:var(--green2); font-weight:700; box-shadow:0.5rem 0.5rem 1.5rem rgba(0,0,0,0.1);}
.join_select a:hover .jBtn,
.join_select a:focus-visible .jBtn,
.join_select a:hover .jBtn{ background:var(--green2); color:#fff; box-shadow:0.5rem 0.5rem 1.5rem rgba(0,0,0,0.1);}
.roundBox{background:#F5F8F6; margin-top:6rem; padding:1.5rem 2rem; border-radius:3rem; font-weight:500;}
.roundBox p{ text-align:center; margin-bottom:2rem;}
.roundBox em{color:var(--green2)}
.roundBox .dot li{position:relative; padding-left:1rem; }
.roundBox .dot li:before{content:""; position:absolute; left:0px; top:0.5em; width:0.4rem; height:0.4rem; background:var(--green2); border-radius:50%;}
.roundBox .dot li:not(:first-child){margin-top:1rem;}

@media (max-width:1600px){
	.join_select a .div{font-size:2.2rem;}
}
@media (max-width:1440px){
	.join_select a{flex:0 0 calc((100% - 2rem) / 2);}
}
@media (max-width:768px){
	.user_agree dd textarea{height: 24rem;}
	.join_select a,
	.join_select.item2 a{position:relative; flex:0 0 100%; padding:2rem;}
	.join_select img{position:absolute; left:4rem; top:3.4rem; width: 6rem;}
	.join_select a .div{display:block; padding-left:8rem; margin-top:2rem; }
	.join_select a .jtxt{display:block;padding-left:8rem; text-align:center; width: 100%; font-size:1.7rem;}
	.join_select a .jBtn{width:100%; border-radius:1rem;  margin-top:6rem; height:5rem; line-height:5rem; }
	.join_select a .jtxt + .jBtn{margin-top:3rem;}
	.roundBox{margin-top:2rem;}

}

/* 본인인증 */
.agree_box_wrap{border-top:2px solid #000;  padding:3rem 0 2rem;}
.agree_box_wrap .agree_box{padding:3rem; background:#F5F8F6;}
.agree_box_wrap .agree_box:first-child{margin-bottom:2rem;}
.agree_box_wrap .agree_box h4{font-size:2.4rem; margin-bottom:1rem; color:#333;}
.agree_box_wrap .agree_box div{text-align:right; margin-top:.5rem;}
.agree_box_wrap .agree_box .chks{display:inline-block;}
.agree_box_wrap p{color:#D42E1D; margin-top:1rem; font-size:1.5rem;}
.fact_box_wrap{padding:8rem 0 4rem;}
.fact_box_wrap .fact_box{border-radius:1.5rem; padding:3rem 2rem; box-shadow:0 0 20px rgba(142,142,142,0.15);  background:#fff;}
.fact_box_wrap .fact_box h4{text-align:center; font-size:2.4rem; color:#333; margin-bottom:3rem; }
.fact_box_wrap .fact_box h4 b{background: linear-gradient(#fff 50%, #d9f1e8 50%);}
.fact_box_wrap .fact_box p.okMsg{text-align:center;font-weight:bold;color:red;margin-top:7px;}
.fact_box_wrap .varif_li li{display:block; padding:0; border:none; text-align:center; box-shadow:none;}
.fact_box_wrap .varif_li li .btn_confirm{margin:0;}
.fact_box_wrap .varif_li li span{display: flex; margin: 0 0 2rem; gap:2rem; background:#F5F8F6; width:100%; padding:2rem 0; border-radius:2rem;}
.fact_box_wrap.half{display:flex; justify-content: space-between; flex-wrap:wrap;}
.fact_box_wrap.half .fact_box{width:48%;}
.fact_box_wrap.half .fact_box:nth-of-type(2)  h4 b{ background: linear-gradient(#fff 50%, #FFF8E3 50%);}
.fact_box_wrap.half .fact_box:nth-of-type(2) .btn_confirm{background:#FFDC61; border:#FFDC61;color:#353535}

.verif{padding-top:4rem;  }
.verif .verif_txt{background:#F5F8F6; padding:2rem 4rem;}
.verif .verif_txt p{position:relative; padding-left:1rem; }
.verif .verif_txt p + p{margin-top:1rem;}
.verif .verif_txt p:before{content:''; position:absolute; left:0px; top:0.5em; width:0.4rem; height:0.4rem; background:var(--green2);}
.varif_li{max-width:60rem; margin:0 auto;}
.varif_li li img{width:4.2rem;}
.varif_li li{display: flex; align-items: center; justify-content: space-between; margin-top:1.5rem; border:1px solid #ddd; padding:1rem; border-radius:1.2rem; box-shadow:0 0 1rem rgba(0,0,0,0.1);}
.varif_li li span{display: flex; align-items: center;  justify-content: center; flex-shrink: 0; width:28rem; padding:0 2rem; font-weight:500; font-size:1.9rem; color:#888;}
.varif_li li span i{color:#000; font-size:2.4rem; }
.varif_li li .btn_confirm{ color: #fff; border: 1px solid var(--darkGreen); background-color: var(--green2);width: 100%; height: 6rem; border-radius:0.8rem; font-size: 1.9rem; }

.varif_li.flex{display:flex; gap:6rem; max-width:80rem;}
.varif_li.flex li{flex:1;}
.varif_li.flex li img{width:auto;}
.varif_li.flex li .btn_confirm{background:#595959; border-color:#595959;} 
.varif_li.flex li:focus-within span,
.varif_li.flex li:hover span{box-shadow:inset 0 0 1rem rgba(104,143,113,0.1); color:var(--green2);}
.varif_li.flex li .btn_confirm:focus{background-color: var(--green2); border-color:var(--darkGreen);}
.varif_li.flex li:hover .btn_confirm{background-color: var(--green2); border-color:var(--darkGreen); box-shadow:0 1rem 2rem rgba(0,0,0,0.2);}
@media (max-width:1280px){
	.varif_li.flex{gap:2rem;}
	
}
@media (max-width:768px){
	
	.agree_box_wrap .agree_box{padding:1rem;}
	.agree_box_wrap .agree_box div{text-align:center; }
	.agree_box_wrap .agree_box h4{font-size:2rem;}
	.fact_box_wrap .fact_box{padding:1.5rem;}
	.fact_box_wrap.half .fact_box{width:100%;}
	.fact_box_wrap.half .fact_box:nth-of-type(2){margin-top:3rem;}
	
	.verif .verif_txt{padding:1.5rem;}
	.varif_li li span{width:18rem;}
	
	.varif_li.flex{flex-direction: column;}
}

/* 회원탈퇴 */
.withdraw{width: 100%;margin: 0 auto; text-align:center; line-height:1.6; font-size:2rem; border-bottom:1px solid #eee; padding-bottom:3rem;}
.withdraw p{margin-bottom:3rem; background:#F3FCFF; padding:2rem 0;}
.withdrawBtn{margin-top:5rem; text-align:center; }

/* 개인정보처리방침 이용약관 */
.agree-conts{line-height:1.5; word-break:keep-all;}
.agree-conts h3{font-size:2.2rem;color: #016253;font-weight:700;margin-top:7rem;margin-bottom:1.5rem;}
.agree-conts h3:first-child{margin-top:0;}
.agree-conts h4{font-size:var(--krds-pc-font-size-body-large); margin-top:4rem;color:#333;}
.agree-conts h5{font-size:var(--krds-pc-font-size-body-medium); margin-bottom:1.5rem; margin-top:2.5rem;}
.agree-conts p {margin-bottom:1rem;margin-top:1rem;color:#333;}
.agree-conts ul.list li{margin-left:1.8rem; text-indent:-1.8rem; margin-top:0.63rem;}
.agree-conts ul.list li:first-child{margin-top:0;}
.agree-conts ul li.list2{padding:1.5rem; margin-left:0; text-indent:0; margin-top:0rem;}
.agree-conts ul.list2{padding-left:1.5rem;}
.agree-conts ul.list2 li{margin-left:1.8rem; text-indent:-1.8rem;}
.mem_title{font-size:2.3rem;color: #016253;font-weight:700;margin-bottom:1.5rem;}

/* 쇼트컷 */
.shortcut {display:flex; flex-wrap:wrap; border: 1px solid #b4b4b4; border-right:none; border-radius: 0.5rem;}
.shortcut > li {width:calc(100%/6); border-right:1px solid #b4b4b4;}
.shortcut > li a {display:block; width:100%; height:100%;}
.shortcut > li a .img_zone {padding: 2rem 1.5rem; width: 100%; display: flex;  justify-content: center;  align-items: center; }
.shortcut > li a .img_zone img {width:6rem; height:auto;}
.shortcut > li a .text_zone { text-align: center;  padding: 1rem;  display: flex;   justify-content: center;  align-items: center; border-top:1px solid #b4b4b4;}
.shortcut > li a .text {font-size: 1.6rem;}
.shortcut_notice { font-size: 1.6rem; color: #555;  margin-top: 1rem;  display: block;}
@media (max-width: 1280px){
	.shortcut  {border-bottom:none;}
	.shortcut > li {width:calc(100% / 3); border-bottom:1px solid #b4b4b4;}
}
@media (max-width: 390px){
	.shortcut > li {width:calc(100% / 2);}
	.shortcut > li:nth-child(4) {border-bottom: 1px solid #b4b4b4;}
}
/*이메일무단수집거부*/
div.emailPolicy {width:100%;margin:0 auto;border:1px solid #d9d9d9;padding:3rem 5rem 3rem 3rem;
background:#f9f9f9 url('../images/default/content/email_ico.png') no-repeat 5rem 2.5rem;box-sizing:border-box;}
div.emailPolicy div.email_desc {margin-left:20rem;padding-left:2rem;border-left:1px solid #e8e8e8;}
div.emailPolicy li.law_tit {color:#000;margin-bottom:1rem;font-weight:bold;}
div.emailPolicy li.list2 {padding-left:1rem;margin-top:1rem;}
div.emailPolicy p {margin-bottom:1rem;}
div.emailPolicy p span.point {font-weight:bold;color:#1546ac;}

@media (max-width: 1440px){
	.agree-conts{width:100%; }
}
@media (max-width: 768px){
	/*개인정보 이용약관*/
	.pro_box .pro_btn{position: relative; top:auto; right:auto; }
	.ova{position: relative; width: 100%; overflow: auto;}
	.ova .scr{display: inline-block; position: sticky; left:0; top: 0; color: #747474;}
	.ova .scr span{display: inline-block; transform: rotate(-90deg);}
	.ova table{ width: 73.6rem;}

	.agree-conts .pro_btn a{width:100%; text-align:center; background:#0D1C40; color:#fff; box-shadow: 0 20px 60px rgba(74,73,72,0.1);}
}


.mem_tb h4{border-bottom:2px solid #000; color:#191919; font-size:2.4rem; padding-bottom:.5rem;}
.mem_tb h4:first-child{margin-top:0rem;}
.mem_tb ul{width:100%; }
.mem_tb ul li{display:flex; align-items: stretch;}
.mem_tb ul li input,
.mem_tb ul li select{width: 40rem;}
.mem_tb ul li input:focus{ border-color:#426FE0;}
.mem_tb ul li .th,
.mem_tb ul li .td{ border-bottom:1px solid #ddd; display:flex; padding:2rem;}
.mem_tb ul li .th{ text-align:center; flex-basis: 20rem; align-items: center; justify-content: flex-end; font-weight: 700;}
.mem_tb ul li .td{flex-basis: calc(100% - 20rem); flex-direction: column;}
.mem_tb ul li .arBtn{display:flex;}
.mem_tb ul li .td p{margin-top:1rem; font-size:1.5rem; color:#666;}
.mem_tb ul li .td p em{color:#D41A08; margin-right:0.5rem;}
.mem_tb ul li .th em{color:#D41A08; margin-left:0.5rem;}
.mem_tb ul li.phone .td > div{display:flex; flex-direction: row;align-items: center; }
.mem_tb ul li.phone .td input{vertical-align:middle; width:10rem;}
.mem_tb ul li.phone .td span{margin:0 1rem;}
.mem_tb ul li.tel .td > div{display:flex; flex-direction: row;align-items: center; }
.mem_tb ul li.tel .td input{vertical-align:middle; width:10rem;}
.mem_tb ul li.tel .td span{margin:0 1rem;}
.mem_tb ul li input[name="memberCompanyAddrState"] {display: inline-block;margin-bottom: 0.5rem;}
.btnChkUnique{ display:inline-block; font-size: 1.4rem; width:12rem; height:4rem; line-height:4rem; text-align:center; border:1px solid #242424;  background-color: #242424;  color: #fff; flex-shrink: 0;}
.btnChkUnique:focus-visible{outline-color:#E84033}

@media (max-width:1024px){
	.mem_tb ul li{display:block; border-bottom:1px solid #ddd; padding-bottom:2rem;}
	.mem_tb ul li .th, .mem_tb ul li .td{border:none;padding:0;}
	.mem_tb ul li .th{margin-top:2rem; margin-bottom:5px; font-weight:500; justify-content: flex-start;}
	.mem_tb ul li:first-child .th{margin-top:1rem;}
	.mem_tb ul li input,
	.mem_tb ul li select{width: 100%;}
	.mem_tb ul li.phone .td > div{display:flex; flex-direction: row;align-items: center; }
	.mem_tb ul li.phone .td input{width:100%;}
}
@media (max-width:768px){
	.member_form{width: 100%;}
}

/*아이디찾기*/
.idTab ul{display:flex;}
.idTab ul li{ width:50%;}
.idTab li a{display: flex; align-items: center;  justify-content: center; height:6rem; color: #333; border: 1px solid #fff; border-bottom-color: #18A792; text-align: center; cursor:pointer;}
.idTab li.on a{position: relative;  font-weight: 600;  color: #18A792; border-color: #18A792; border-bottom-color: #fff;}
.idTab li:hover a{position: relative;  font-weight: 600;  color: #18A792;  background:#F5F8F6;}
.idTab li.on:hover a{ background:#fff;}

.btnAction{margin-top:1.5rem;text-align:center; }
.searchWrap h3{ color: var(--black);  font-size: 2.4rem;  padding-left: 7rem;  background: url(../images/skin/istd/content/bullet.png)no-repeat 0 50%; margin:3rem 0;}
.searchWrap p{margin-bottom:1rem;}
.searchWrap p em{color:#E51A1A;}


.find{border-top:2px solid #000; text-align:center; padding:3rem 0 0; font-size:var(--krds-pc-font-size-heading-medium); }
.bul{font-size:2.4rem; color:#000; font-weight:bold; padding-left:35px; background: url("../images/default/content/h3.gif") no-repeat left center; margin-top:4.8rem; margin-bottom:2rem; line-height:2.5rem;}

@media (max-width:768px){

	.find{font-size:1.9rem; }
	
}

/********************************************************
개인정보처리방침
********************************************************/
.agree-conts-new .flex {display:flex; gap:0.4rem;}
.agree-conts-new b, .agree-conts-new strong {font-weight:700;}
.important_box{padding:2rem; background:#fafafa; border:1px solid #b4b4b4; border-radius:0.5rem; }
.agree-conts-agree-conts-newnew .important_box p+p{margin-top:2rem;}
.agree-conts-new .icon_flex {display:flex; gap: 0 0.4rem; width: auto; height: auto; flex-shrink: 0;}

.agree-conts-new .agree-box{margin-top:9rem;}
.agree-conts-new .agree-box h3{ display: flex;  gap: 1rem;font-size:2.4rem; font-weight:700; color: #016253; margin-bottom:1rem;}
.agree-conts-new .agree-box h3 + p:not(.list){font-weight:500;  margin-bottom:1rem;}
.agree-conts-new .agree-box .bar{position:relative; margin-top:0.5rem; padding-left:1rem; }
.agree-conts-new .agree-box .bar:before{content:'-'; position:absolute; left:0px; top:0px;}
.agree-conts-new .agree-box .emp{display:flex; margin-top:1rem; }
.agree-conts-new .agree-box .emp em{color: #27447a;}

.agree-conts-new .na_chart{display:flex; flex-wrap:wrap; border:1px solid #b4b4b4; border-radius:0.5rem; margin-top:2rem;}
.agree-conts-new .na_chart > li{flex:1 0 49%; font-size: 1.9rem; font-weight:500;}
.agree-conts-new .na_chart > li a{padding: 1.6rem 2rem;  position:relative; display: flex; align-items: center; gap: 0rem 1.2rem; line-height: 1;}
.agree-conts-new .na_chart > li a [class*="priIcon"]{aspect-ratio: 1;}


@media (max-width: 1030px){
	.agree-conts-new .na_chart > li a {gap: 1rem;}
}
@media (max-width: 767px){
	.agree-conts-new .na_chart > li {flex:1 0 100%;}
}
@media (max-width: 540px){
	.agree-conts-new .agree-box h3 {flex-direction: column; align-items: flex-start;}
}

/********************************************************
개인정보처리방침 아이콘_20240723 갱신
********************************************************/
.agree-conts-new [class*="pri_iconNew"]{display:inline-block; width:4rem; height:4rem; background-size:100%; background-repeat:no-repeat; background-position:0 0;  vertical-align: middle; flex-shrink:0;}
.agree-conts-new .pri_iconNew01{background-image:url('../images/skin/istd/content/privacy_new01.svg')}
.agree-conts-new .pri_iconNew02{background-image:url('../images/skin/istd/content/privacy_new02.svg')}
.agree-conts-new .pri_iconNew03{background-image:url('../images/skin/istd/content/privacy_new03.svg')}
.agree-conts-new .pri_iconNew04{background-image:url('../images/skin/istd/content/privacy_new04.svg')}
.agree-conts-new .pri_iconNew05{background-image:url('../images/skin/istd/content/privacy_new05.svg')}
.agree-conts-new .pri_iconNew06 {background-image:url('../images/skin/istd/content/privacy_new06.svg')}
.agree-conts-new .pri_iconNew07 {background-image:url('../images/skin/istd/content/privacy_new07.svg')}
.agree-conts-new .pri_iconNew08{background-image:url('../images/skin/istd/content/privacy_new08.svg')}
.agree-conts-new .pri_iconNew09{background-image:url('../images/skin/istd/content/privacy_new09.svg')}
.agree-conts-new .pri_iconNew10-1{background-image:url('../images/skin/istd/content/privacy_new10-1.svg')}
.agree-conts-new .pri_iconNew10-2{background-image:url('../images/skin/istd/content/privacy_new10-2.svg')}
.agree-conts-new .pri_iconNew11{background-image:url('../images/skin/istd/content/privacy_new11.svg')}
.agree-conts-new .pri_iconNew12{background-image:url('../images/skin/istd/content/privacy_new12.svg')}
.agree-conts-new .pri_iconNew13{background-image:url('../images/skin/istd/content/privacy_new13.svg')}
.agree-conts-new .pri_iconNew14{background-image:url('../images/skin/istd/content/privacy_new14.svg')}

/********************************************************
개인정보처리방침 아이콘
********************************************************/
.agree-conts-new [class*="priIcon"]{display:inline-block; width:4rem; height:4rem; background-size:100%; background-repeat:no-repeat; background-position:0 0;  vertical-align: middle; flex-shrink:0;}
.agree-conts-new .priIcon01{background-image:url('../images/skin/istd/content/privacy_01.svg')}
.agree-conts-new .priIcon02{background-image:url('../images/skin/istd/content/privacy_02.svg')}
.agree-conts-new .priIcon03{background-image:url('../images/skin/istd/content/privacy_03.svg')}
.agree-conts-new .priIcon04{background-image:url('../images/skin/istd/content/privacy_04.svg')}
.agree-conts-new .priIcon05 {background-image:url('../images/skin/istd/content/privacy_05.svg')}
.agree-conts-new .priIcon06 {background-image:url('../images/skin/istd/content/privacy_06.svg')}
.agree-conts-new .priIcon07{background-image:url('../images/skin/istd/content/privacy_07.svg')}
.agree-conts-new .priIcon08{background-image:url('../images/skin/istd/content/privacy_08.svg')}
.agree-conts-new .priIcon09{background-image:url('../images/skin/istd/content/privacy_09.svg')}
.agree-conts-new .priIcon10{background-image:url('../images/skin/istd/content/privacy_10.svg')}
.agree-conts-new .priIcon11{background-image:url('../images/skin/istd/content/privacy_11.svg')}
.agree-conts-new .priIcon12{background-image:url('../images/skin/istd/content/privacy_12.svg')}
.agree-conts-new .priIcon13{background-image:url('../images/skin/istd/content/privacy_13.svg')}
.agree-conts-new .priIcon14{background-image:url('../images/skin/istd/content/privacy_14.svg')}

.agree-conts-new .list_area{display:flex; gap:4rem;}
.agree-conts-new .list_area li{flex:1; border:1px solid #e6e6e6;}
.agree-conts-new .list_area .box-1{background: #F5F8F6; display: flex; align-items: center;  justify-content: center; height:8rem; font-weight:600; color: #18A792; text-align:center;}
.agree-conts-new .list_area .box-2{display:block; padding:2rem; }

.agree-conts-new .list{margin-top:2rem;}
.agree-conts-new .list li,
.agree-conts-new p.list{position:relative; display:flex; padding-left:4rem; }
.agree-conts-new .list.list-b li{flex-direction: column; gap:1rem 0;}
.agree-conts-new .list.list-b li .bar{margin:0;}
.agree-conts-new .list li em,
.agree-conts-new p.list em{position:absolute; left:0px; top:0; display:inline-block; width:2.5rem; height:2.5rem; line-height:2.5rem; font-size:1.6rem; background:#18A792; font-weight:700; color: #fff; border-radius:50%; text-align:center;}
.agree-conts-new .list li + li{margin-top:1.5rem;}
.agree-conts-new .list-2.list-2bg{ background:#F5F8F6; border:1px solid #e6e6e6; border-radius:0.5rem; padding:2rem;}
.agree-conts-new .list-2{margin-top:1rem;  padding:1rem 2rem 1rem 4rem;}
.agree-conts-new .list-2 li{display:flex; gap:1rem;}
.agree-conts-new .list-2 li.row{flex-direction: column; gap:1rem 0;}
.agree-conts-new .list-2 li em{font-weight:600; color: #27447a;}
.agree-conts-new .tableWrap{margin-top:1rem; }
.agree-conts-new .list-2 li+li{margin-top:1rem;}


.agree-conts-new .agree-file-wrap{width:100%;}
.agree-conts-new .agree-file{margin-top:1rem; display:flex; flex-wrap:wrap; gap:2rem;}
.agree-conts-new .agree-file a{flex:1 0 49%; display:flex; justify-content: space-between; align-items: center; background:#016253; color:#fff; text-align:center; font-size: 1.6rem; }
.agree-conts-new .agree-file a span{ padding: 0 2rem; text-align: left;}
.agree-conts-new .agree-file a i{display: flex; align-items: center;  justify-content: center; background:#18A792; color:#fff; padding:2rem; }

.agree-conts-new .report_infringement{padding:2rem; background:#fafafa; border:1px solid #e6e6e6; border-radius:0.5rem; }
.agree-conts-new .report_infringement p{text-align:center; margin-bottom:1rem;font-size: 2rem;}
.agree-conts-new .report_infringement ul{display:flex; flex-wrap:wrap; }
.agree-conts-new .report_infringement ul li{position:relative; display: flex; flex-direction: column;justify-content: space-between; flex:1; margin:2rem; border-radius:1rem; background:#fff; padding:2rem; text-align:center; box-shadow:0 0 0.5rem rgba(0,0,0,0.2);}
.agree-conts-new .report_infringement ul li:before{content: "\ea6e"; position:absolute; left:-4rem; top:50%; font-family: "remixicon"; transform:translateY(-50%); color:#888; font-size:3rem; width: 4rem; text-align: center;}
.agree-conts-new .report_infringement ul li:first-child:before{display:none;}
.agree-conts-new .report_infringement ul li span{padding:1rem 0; }
.agree-conts-new .report_infringement ul li span.rep-01{font-weight:600; color:#18A792; border-bottom:1px solid #e6e6e6 }
.agree-conts-new .report_infringement ul li span.rep-02{align-items: center; justify-content: center;}
.agree-conts-new .report_infringement ul li span.rep-03{border-top:1px solid #e6e6e6; background:#F4F4F4; font-weight:500; color:#666;}



.agree-conts-new .link{display:block; padding:1rem 2rem; border:1px solid #e6e6e6; border-radius:0.5rem; margin-top:0.8rem; cursor:pointer;}
.privacy-pop{/* display:none; */ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 9999; }
.privacy-pop-cont{position:absolute; left:50%; top:50%; width:100rem; height:80vh; background:#fff; transform:translate(-50%,-50%);  }
.privacy-pop-cont .scroll{overflow-y:auto;     height: calc(100% - 6rem); padding: 2rem;}
.privacy-pop-cont .pop-tit{border-bottom:1px solid #e6e6e6;  display: flex; align-items: center; justify-content: space-between; font-weight:600; font-size:3rem; height: 6rem; padding:0 2rem;}
.privacy-pop-cont .pop-tit .closeBtn{font-weight:400; cursor:pointer;}
.privacy-pop-cont .na_chart > li a [class*="priIcon"] {width:3rem; height:3rem;}

@media (max-width: 1030px){
	.report_infringement ul li{flex:1 0 calc(25% - 4rem);}
	.privacy-pop-cont{width:90%;}
}
@media (max-width: 767px){
	.agree-conts-new .list_area{gap:2rem; flex-wrap: wrap}
	.agree-conts-new .list_area li{flex:1 0 100%;}
	.report_infringement ul li{flex:1 0 calc(50% - 4rem);}
}

/* 회원 패스워드 만료 CSS */

.editPass {background:#e2f2fc; padding:4rem;}
.editPass .txt{background:#fff;}
.editPass .txt b{color:#2BB4FD;}
.editPass .tit{display:flex; align-items: center; justify-content: center; gap:2rem; border-bottom:1px solid #ddd; padding:2rem; margin-bottom:2rem;}
.editPass .tit h4{font-size:3.6rem;line-height: 1.2;  color:#121212; text-align:left; }
.editPass .tit h4 b{color:#2BB4FD;}
.editPass .bg{padding:2rem; background:#f6fcff; margin-top:2rem;}
.editPass .bg small{display:block; line-height:1.2; color:#888; margin-top:1rem;}
.editPass ul{width:60rem; margin:0 auto;}
.editPass ul li{display:flex; align-items: center}
.editPass ul li:not(:first-child){margin-top:1rem;}
.editPass ul li label{width:14rem; flex-shrink: 0; text-align: left;  font-weight: 600;}
.editPass ul li input{ height: 4.4rem; background: #fff url(/images/default/main/icon_pw.svg) no-repeat right 1.5rem top 50%; background-size: 2.4rem 2.4rem;}
.editPass .btns{display: flex; gap: 2rem; justify-content: center; width:100%; position:relative; margin-top:4rem;}
.editPass .btns button{ display: block; width:20rem; height: 6rem; line-height: 6rem; font-size: 1.8rem;  background: #fff; color: #888; border:1px solid #eee;}
.editPass .btns button.btnSubmit{background: #21A3DD; color: #fff;}

@media (max-width: 1024px){
	.editPass ul{width:100%;}
}
@media (max-width: 768px){
	.editPass {padding:4rem 2rem; width:calc(100% + 4rem); margin-left:-2rem;}
	.editPass .tit h4{font-size:2.4rem;}
	.editPass .txt p br{display:none;}
	.editPass ul li label{width:10rem; font-size:1.6rem;}
	.editPass .btns button{width:calc(50% - 1rem);}
}