.chks {display:inline-block;position:relative; font-weight:normal;}
.chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.chks input[type="checkbox"] + label {display:inline-block; vertical-align:middle; line-height:1.5rem; position:relative; padding-left:40px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0px;top:0px;margin:0;width:1.5rem;height:1.5rem;text-align:center;box-sizing:border-box; border-radius:0.25em; background-color: #eff2f5; border:1px solid #c2cfd8; transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.chks input[type="checkbox"] + label:active:before,
.chks input[type="checkbox"]:checked + label:active:before {}
.chks input[type="checkbox"]:checked + label:before {background:#2C67D5; border-color:#2C67D5;}
.chks input[type="checkbox"]:checked + label:after {content:"\e928"; display:block; position:absolute; left:0; top:0; text-align:center; width:1.5rem; font-family: 'xeicon'; color:#fff; }


.chks2 {display:block;position:relative; font-weight:normal; min-height:22px;}
.chks2 input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.chks2 input[type="checkbox"] + label {display:inline-block;vertical-align:middle;line-height:20px;position:relative;padding-left:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.chks2 input[type="checkbox"] + label:before {content:'';position:absolute;left:0px;top:0;margin:0;width:22px;height:22px;text-align:center;background:#fff;box-sizing:border-box; border-radius: 0.25em; border:2px solid #8A8A8A; transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.chks2 input[type="checkbox"] + label:active:before,
.chks2 input[type="checkbox"]:checked + label:active:before {}
.chks2 input[type="checkbox"]:checked + label:before {background:#0075ff;border:1px solid #0075ff}
.chks2 input[type="checkbox"]:checked + label:after {content:"\e928"; display:block; position:absolute; left:0; top:0; text-align:center; width:22px; font-family: 'xeicon'; color:#fff; }
.chks2 input[type="checkbox"]:focus + label:before {}


@media (max-width:767px){
	.chks{display:block; }
	.chks input[type="checkbox"] + label{height:auto; line-height:1.5; min-height:30px;}

}

/* 로그인 */
.loginArea { box-sizing: border-box;    width: 25rem;    margin:0 auto;   }
.loginArea h4{font-size:1.2rem; margin:0 0 .5rem; color:#111;}
.form-row{margin:0 0 .5rem;}
.form-row .input-wrap{display: block; position: relative;}
.form-row .label{display: block; position: absolute; top: 0; left: 0;  width: 8em; height: 3rem; margin: auto; padding: 0 0 0 1em;  color: #00AEFF; letter-spacing: -0.05em; line-height: 3rem; white-space: nowrap;}
.form-row .label i{font-size:1.2rem; vertical-align:middle; margin-right:.5rem;color:#2C67D5;}
.form-row .label + .i_text{ padding-left: 2.5rem;}
.form-row .i_text{display: inline-block; width: 100%; height: 3rem;  color: #333; letter-spacing: 0;  line-height: 3rem; text-overflow: ellipsis; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0;    overflow: hidden; border: 1px solid #e1e1e1; background: #fff; -webkit-box-shadow: none; box-shadow: none;border-radius:0px;}
.form-row .i_text:focus{ border:1px solid #2C67D5}
.form-row .i_text::placeholder{color:#bbbbbb;}

.loginArea .chks input[type="checkbox"] + label:before{}
.loginArea .chks input[type="checkbox"]:checked + label:before{ background:#2C67D5; }
.loginArea .btnLogin { width: 100%;    height: 3rem;  border: inherit;  font-size: 1rem;  margin:1.5rem 0 1rem;   color: #FFF;    background: #2C67D5;    cursor: pointer;  transition:all 0.5s cubic-bezier(0, 0, 0.21, 0.87) 0s;}
.loginArea .btnLogin:hover{background:#202d70; }
.loginArea ul{display:flex; justify-content: space-between;}
.loginArea ul li  {border:1px solid #333333;flex-basis:48%;}
.loginArea ul li  a{display:block;height:2.5rem;text-align:center;line-height:2.5rem;transition-duration: 0.2s;}
.loginArea ul li i{vertical-align:middle;}
.loginArea ul li a:hover{color:#fff;background:#333}

.loginFail{width: 25rem;    margin:2rem auto 0; }

.error{color: #ff0000; padding-top:5px; }

@media (max-width:767px){
	.loginArea{width:100%; padding:0 1rem;}
	.form-row .label{width:7rem;}
	.loginArea h4{display:none;}
	.loginArea .btnLogin{font-size:1.1rem !important;}
}


/* 회원가입, 회원가입완료 */
.ico_title{position: relative; padding: 0 280px; margin-bottom:40px;}
.ico_title p {position: relative; padding-left: 110px; font-size:18px; color:#444;}
.ico_title p:before {    content: '';    position: absolute;    left: 0;    top: 0;    width: 92px;    height: 92px;    background: url('/images/default/content/ico_mem.gif') no-repeat 0 0;  }
.ico_title em{font-size:35px; font-weight:400;}
.ico_title:before {content: ''; position: absolute; left: 0; top: 35px; width: 250px; height: 1px; background: #3c3c3c; transition-duration: 0.4s;}
.ico_title:after {content: ''; position: absolute; right: 0; top: 35px; width: 250px; height: 1px; background: #3c3c3c; transition-duration: 0.4s;}

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

.signup03{text-align:center; font-size:1rem;font-family: 's-core';background:#f6f6f6;padding:2rem;}
.signup03 b{margin-bottom:30px; font-size:1.25rem; font-weight:500; color:#222; display:block; text-decoration:underline;}
.signup03 em{color:#33a473;  font-weight:500;}
.signup03 p{margin-top:30px;}
.signup03 p a{padding:0.75rem 3rem ; background-color:#333; color:#fff; font-weight:500;display:inline-block;}

.mem_tb ul{width:100%; border-top:2px solid #000;}
.mem_tb ul li{display:flex; -webkit-align-items: stretch;　align-items: stretch;}
.mem_tb ul li input{background:#f0f0f0;}
.mem_tb ul li .th,
.mem_tb ul li .td{ border-bottom:1px solid #ddd; display:flex; padding:1rem;}
.mem_tb ul li .th{ text-align:center; flex-basis: 20%; align-items: center;}
.mem_tb ul li .td{flex-basis: 80%; flex-direction: column;}
.mem_tb ul li .td p{margin-top:10px; font-size:0.75rem; color:#666;}
.mem_tb ul li .td p em{color:#FF220C; margin-right:5px;}
.mem_tb ul li.name .td input{background:#ccc;}
.mem_tb ul li.phone .td input{background:#ccc;}



/* 멤버 Step */
.step {border:1px solid #ddd; width:100%; display:flex; margin-bottom:2rem; position:relative; z-index:0;}
.step li{flex:1; text-align:center; padding:0.75rem 0; line-height:1.2; background-color: #f8f8f8; border-left:1px solid #ddd; position:relative; z-index:0; }
.step li b{font-weight:bold; color:#333; font-size:0.75rem;}
.step .on b{color:#fff;}

.step li:first-of-type.on{background-color:#2196f3; color: #fff; z-index:4;}
.step li:first-of-type.on:after{content:'';display : block; position : absolute; right :-40px; top:50%; transform:translateY(-50%); border-top:30px solid transparent;  border-left:20px solid #2196f3;  border-right: 20px solid transparent;  border-bottom: 30px solid  transparent;z-index:4;}

.step li:first-of-type + li.on{background-color: #2c71e5; color: #fff; z-index:3;}
.step li:first-of-type + li.on:after{content:'';display : block; position : absolute; right :-40px;  top:50%; transform:translateY(-50%);  border-top:30px solid transparent;  border-left:20px solid #2c71e5;  border-right: 20px solid transparent;  border-bottom: 30px solid  transparent;z-index:3;}

.step li:first-of-type + li + li.on{background-color: #1d59c7; color: #fff; z-index:2;}
.step li:first-of-type + li + li.on:after{content:'';display : block; position : absolute; right :-40px;  top:50%; transform:translateY(-50%);  border-top:30px solid transparent;  border-left:20px solid #1d59c7;  border-right: 20px solid transparent;  border-bottom: 30px solid  transparent;z-index:2; }

.step .last{background-color: #16459b; color: #fff; z-index:1;}
.step .last b{color:#fff;}


.user_agree input{vertical-align:middle;}
.user_agree dt{font-size:1.15rem; margin-bottom:10px; margin-top:3.5rem; font-weight:500;}
.user_agree dd textarea{font-size:0.8rem; color:#848C8E; height:13rem;}
.user_agree .chks{margin-top:20px; color:#333; font-weight:500; display:block; text-align:right;}

/*본인인증*/
.sms_bx{background:#F2F8FF; border-radius:15px; padding:2rem; }
.sms_bx h3{font-size:1rem; color:#111; margin-bottom:1rem;}
.sms_bx h5{font-size:1.1rem; color:#0353A4; margin:0.5rem 0;}
.sms_bx img{box-shadow: 5px 5px 0px #cddbef; border-radius: 50%;}

.failTip{position:relative; border:3px solid #e2eefc; padding:1rem; margin-top:1rem; padding-left:5rem;}
.failTip h2{position:absolute; left:1rem; top:1rem; width:3rem; height:3rem; line-height:3rem; background:#F2F8FF; color:#0353A4; text-align:center; }
.failTip h4{color:#111; font-size:1rem;}
.failTip ul li {color:#888;}
.failTip ul li a{color:#0353A4; }
.icon_bx{display:flex;justify-content:center;align-items:center;margin:2rem 0;}
.icon_bx > div:first-child{margin-right:2rem;}
/* 회원유형 */
.joinWrap{text-align:center;}
.jH3{ font-size:1.6rem; letter-spacing:-0.05em; color:#111; margin-bottom:10px;}
.jH3 em{color:#2C7CE6;}
.joinWrap p{margin-bottom:1.5rem; color:#999; font-size:0.85rem;}
.jBoxWrap{display:flex; justify-content: center;}
.jBoxWrap .joinBox{margin:.5%; width:32.3%; border:1px solid #ddd; padding:2rem; text-align:center; /* min-height:24.5rem; */}
.jBoxWrap .joinBox .joinIcon{border:1px solid #ddd; width:8rem; height:8rem; margin:0 auto; border-radius:4rem; display: flex; align-items: center; justify-content: center;}
.jBoxWrap .joinBox .joinIcon img{width:3.5rem;}
.jBoxWrap .joinBox h4{margin:1rem 0 .25rem; color:#111; font-size:1.3rem; }
.jBoxWrap .joinBox p{font-size:.9rem; color:#888;}
.jBoxWrap .joinBox .fullBtn{display:block; width:100%; height:3rem; line-height:3rem; font-size:1.1rem; background:#2C7CE6; border-radius:2px; color:#fff; margin:1rem 0; transition: background 0.3s ease-out; }
.jBoxWrap .joinBox .fullBtn:hover{background:#2C7CE6;   box-shadow: inset 0 0 0 1px #2C7CE6, 3px 3px 5px rgb(7 59 136 / 30%);}
.jBoxWrap.regWrap .joinBox{min-height:auto;}

.capBox{margin-top:2rem; background:#f7f7f7; border:1px solid #eee; padding:2rem; color:#666;}
.capBox h5{color:#111; font-size:1rem; font-weight:600; margin-bottom:.35rem;}
.capBox h5 i{font-size:1.1rem; color:#0068B6;vertical-align:text-top; }
.capBox p{position:relative; padding-left:15px; margin-top:.25rem;}
.capBox p:before{content : ""; display : block; position : absolute; left : 0; top:9px;  width :8px; height : 1px; background : #666;}

@media (max-width:769px){
	.jH3{font-size:1.3rem; margin-bottom:.5rem;}
	.jBoxWrap{display:block;}
	.jBoxWrap .joinBox{width:100%; padding:.7rem ; margin-top:1rem;}
	.jBoxWrap .joinBox > div{position:relative; padding-left:6rem; text-align:left;}
	.jBoxWrap .joinBox > div .joinIcon{position:absolute; left:1rem; top:0px; width:4rem; height:4rem; border-radius:0; border:0;}
	.jBoxWrap .joinBox > div h4{margin:0;}
	.jBoxWrap .joinBox .fullBtn{margin:.5rem 0 0;  height:2.5rem; line-height:2.5rem;}
	.mem_tb input:focus{box-shadow: inset 0 0 0 1px #0353A4;}

}


/* 버튼 */
.btn_wrap{text-align:center; display:flex; justify-content: center; max-width:500px; margin:0 auto; margin-top:2.5rem;}
.btn_confirm {flex:1 1; height:3rem; padding:0 2rem; margin:0 5px; line-height:3rem;  font-weight: 500;  color: #fff; border: 1px solid #2C67D5; background-color: #2C67D5; cursor:pointer; border-radius:3px; }
.btn_cancel {flex:1 1; height:3rem; padding:0 2rem;  margin:0 5px; line-height:3rem;  font-weight: 500;  color: #888;  background-color: #fff; border:1px solid #888; cursor:pointer; border-radius:3px; }
.btn_ipin {flex:1 1; height:3rem; padding:0 2rem; margin:0 5px; line-height:3rem;  font-weight: 500;  color: #2C67D5; border: 1px solid #2C67D5; background-color: #fff; cursor:pointer; border-radius:3px; }



.btn_confirm:hover,
.btn_cancel:hover{box-shadow:5px 15px 20px rgba(0,0,0,0.15);}
.boardButton{text-align:center;}


.withdrawBtn .btn_confirm{padding:0 3rem;}


@media (max-width:767px){

}


/* 아이디 비번찾기 */
.btnAction{text-align:center; }
.searchWrap h3{font-size:1.15rem; margin-bottom: 0px; font-family: 'S-Core'; margin-top: 3.5rem; font-weight:400;margin-top:0;}
.searchWrap .IdSearch h3{text-align:left;}
.searchWrap p em{color:#FE621D;}
.IdSearch .btnAction input[type="submit"], 
.PwSearch .btnAction input[type="button"]{ width:9rem; height:50px; line-height:50px;  font-weight: 500;  color: #fff;  background-color: #2C67D5;  border: none; cursor:pointer; }
.find{border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:25px 0px; margin-top:30px;}
.bul{font-size:1.15rem; color:#000; font-weight:bold; padding-left:35px; background: url("/images/default/content/h3.gif") no-repeat left center; margin-top:48px; margin-bottom:20px; line-height:25px;}
.lost_bx{padding:2rem 0;}

@media (max-width:767px){
	.searchWrap p{background:#F1FAFF; padding:3px 10px; border-radius:3px;}
}


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



.radio{display:inline-block; position:relative;}
.radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:30px; margin-left:0px; color:#555; line-height:23px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.radio input[type="radio"] + label:before {content: ' '; position:absolute; top:0; left:0; display: inline-block; width: 25px; height: 23px; line-height: 20px; background:url("/images/default/content/radio.png") no-repeat 0 50%;}
.radio input[type="radio"].disabled + label:before {background:url("/images/default/content/radio.png") no-repeat 0 50%;}
.radio input[type="radio"]:checked + label:before{background:url("/images/default/content/radio_on.png") no-repeat 0 50%}

/* 온라인문의 */
.online_tb {width:100%; table-layout:fixed; margin-top:1.5rem;}
.online_tb label{margin-right:20px;}
.online_tb td, 
.online_tb th{overflow:hidden; vertical-align:middle; border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2; padding:18px 20px; font-weight:normal;}
.online_tb th{background-color:#f8f8f8; font-weight:500;}
.online_tb th em{color:#F35421; margin-right:5px;}
.online_tb img{vertical-align:middle;}
.online_tb .phone{width:458px;}
.online_tb .phone input{width:calc((100% / 3) - 0.5rem) !important;}
.online_tb input,
.online_tb select{vertical-align:middle;}
.datepicker{background:#fff url("/images/default/content/cal.png") no-repeat right+10px center !important;  background-size: 15px auto !important;}
.captcha{overflow:hidden;}
.captcha input{float:right; width:calc(100% - 125px); }

.file {position:relative;width:458px; display:flex;}
.file input[type="file"] {position:absolute; top:0; left:0; opacity:0;}
.file input[type="text"] { }
.file a {}
.file span {margin-left:20px; font-size:15px; color:#767676}
.fileBtn {display:inline-block; font-size: 0.7rem; padding:0 30px; height:45px; line-height:45px; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);  border-radius: 0.25rem; text-align:center;  background-color: #74788d;  color: #fff; vertical-align:middle; margin-left:5px;}


.arBtn{display:flex; width:458px;}
.arBtn input{width:100%;}
.arBtn a{flex-shrink:0;  display:inline-block; font-size: 0.75rem; padding:0 15px; height:45px; line-height:45px; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);  border-radius: 0.25rem; text-align:center;  background-color:#333;  color: #fff; vertical-align:middle; margin-left:5px;}
.arBtn .cap{font-size: 1rem; padding:0 30px; height:45px; line-height:45px; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);  border-radius: 0.25rem; text-align:center;  background-color:#4C6AEF;  color: #fff; vertical-align:middle; margin-right:5px;}
.arBtn .schoolDiv{height:45px; line-height:45px; padding:0 30px; border-radius: 0.25rem; text-align:center;  background-color:#d9fefa; margin-right:5px;}

.card{display:flex;}
.ricon_btn{display:inline-block; height:45px; line-height:45px; padding-left:10px; padding-right:40px; font-size: 0.7rem;  background:#9E9E9E; color:#fff; border-radius: 0.25rem; margin-left:10px; position:relative;}
.ricon_btn i{position:absolute; right:0; top:0; width:30px;height:45px; line-height:45px; text-align:center; color:#fff; background:rgb(0 0 0 / 15%); border-radius: 0.25rem;}

@media (max-width:1030px){
	.card{display:block;}
	.ricon_btn{margin-left:0; margin-top:10px;}
}
@media (max-width:450px){
	.ricon_btn{width:100%; font-size:0.8rem; text-align:center;}
}

.ast{display:inline-block; padding-left:1rem; margin-top:10px; position:relative; font-size:.8rem; color:#ff5100; line-height:1.5;}
.ast:before{content:'※'; display : block; position : absolute; left :0; top:0; }


@media (max-width:767px){
	.online_tb{margin-top:-1rem;}
	.online_tb, 
	.online_tb thead, 
	.online_tb tbody, 
	.online_tb th, 
	.online_tb td, 
	.online_tb tr {display: block; font-size:1rem; box-sizing:border-box;}
	.online_tb th{background:none; text-align:left; border:none; padding:0;font-weight:500; color: #323232; margin-bottom:10px; margin-top:2rem;}
	.online_tb td{padding:0; border:none;}
	.online_tb .indentTxt{padding:0 15px;border: 1px solid #ced4da; height: 45px; line-height:45px; border-radius: 0.25rem; background: #e9ecef;}
	.online_tb select{width:100% !important; color: #323232;    background-color: #f8f9fa;}
	.online_tb input.onlyNum{width:20% !important;}
	.online_tb .radio{display:block; margin-top:10px;}
	.online_tb .radio:first-child{margin-top:0;}
	.online_tb .phone,
	.arBtn,
	.file {width:100%;}
	.arBtn.w30{width:100% !important;}
	.arBtn.w40{width:100% !important;}
	
	.ast{font-size:.9rem;}


}





/*20210520 온라인문의*/
.img_txt{padding:3rem 0;}
.img_txt p{font-size:1.2rem;line-height:1.6;}
.img_txt p b{font-weight:600;}




/*개인정보 이용약관*/
.clause{font-size: 1.1rem; margin-top:2rem; margin-bottom: 5px; font-weight: 500; color: #333; letter-spacing:-0.05em;}
.private{border:1px solid #333;  padding:1rem; height:10rem; overflow-y:scroll; background:#F1FAFF; font-size:.8rem; color:#333; line-height: 1.8;}
.private h6 {font-size: .85rem; margin-bottom: 5px; font-weight: 500; color: #555; line-height: 1.8;}
.private ol{margin-left:1rem;}
.private ol li{list-style:decimal;}
.private table{ line-height:1.3; margin-top:10px;}
.private table th{border:1px solid #ddd; background:#F5F5F5; padding:2px 15px;font-size:0.75rem;}
.private table td{border:1px solid #ddd; padding:10px;font-size:0.75rem; text-align:center;}

.private.high{height:26rem;}
.private.red{background:#FFF5F8;}

@media screen and (max-width:768px) {
	.table-box {overflow-x:auto;}
	.table-box table{min-width:1000px;}
}


.agree{text-align:center; padding:1rem; border:1px solid #333; border-top:none; font-size:0.9rem; font-weight:500;}
.agree label{font-weight:500; color:#009EF7;}
.red input[type="checkbox"] + label:before {background-color: #fce8e5; border:1px solid #ffcbb7;}
.red input[type="checkbox"]:checked + label:before {background:#ff5100;border:1px solid #ff5100}

.agree .red label{font-weight:500; color:#F1416C;}
 

.bar{text-align:left;}
.bar li{ position: relative; padding-left:12px; margin-top:10px; }
.bar li:before{content : ""; display : block; position : absolute; left : 0; top:8px;  width :5px; height : 1px; background : #7f7f7f;}
.bar li:first-child{margin-top:0;}

/* 개인정보처리방침 이용약관 */
.agree-conts{line-height:1.5; word-break:keep-all;}
.agree-conts h3{font-size:23px;color:#000;font-weight:500;margin-top:70px;margin-bottom:15px;}
.agree-conts h3:first-child{margin-top:0;}
.agree-conts h4{font-size:20px; margin-top:40px;color:#333;}
.agree-conts h5{margin-bottom:15px; margin-top:25px;}
.agree-conts p {margin-bottom:10px;margin-top:20px;color:#333;}
.agree-conts ul .list2{padding:20px;}



/*이메일무단수집거부*/
.leftIcon {width:100%; display:flex; background:#F9F9F9; border:1px solid #d9d9d9;padding:1.5rem; box-sizing:border-box;}
.leftIcon > span{margin-right:2rem;}
.leftIcon .law_tit {color:#000;margin-bottom:10px;font-weight:500;}
.leftIcon .list2 {padding-left:10px;margin-top:10px;}
.leftIcon p {margin-bottom:10px;}
.leftIcon p span.point {font-weight:500;color:#1546ac;}


@media (max-width:769px){
	.leftIcon{display:block;}
	.leftIcon > span{display:block; text-align:center;}
}


/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
	/*회원가입*/
	.mem_tb ul li{display:block;}
	.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;}
}


/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){
	/*온라인문의 폼*/
	.online_form .col2{width:100%;}

	.login,
	.lost_box{width:100%; padding:0 1rem;}
	.loginInput{width:100%; margin-bottom:1rem;}
	.login input.btnLogin{height:60px; line-height:30px; width:100%;}

	.lost_box_left,
	.lost_box_right{float:none; width:100%;}
	.lost_box_right a,
	.lost_box_right li:last-child a{float:none; width:100%; margin:5px 0;}
	.lost_box_left{margin:15px 0;}
	.lost_box_left li{line-height:1.5;}

	
}


@media (max-width:320px){
.btn_confirm,
.btn_cancel{width:7rem;}
}




/********************************************************
개인정보처리방침
********************************************************/
.agree-conts h2{font-size:1.3rem;font-weight:700; color:#333; margin-top:4rem;}
.agree-conts h2:first-child{margin-top:0;}
.agree-conts-new{line-height:1.5; color:#333;}
.agree-conts-new .flex {display:flex; gap:0.2rem;}
.agree-conts-new b, .agree-conts-new strong {font-weight:700;}
.important_box{padding:1rem; background:#fafafa; border:1px solid #b4b4b4; border-radius:0.25rem; }
.agree-conts-agree-conts-newnew .important_box p+p{margin-top:1rem;}
.agree-conts-new .icon_flex {display:flex; gap: 0 0.2rem; width: auto; height: auto; flex-shrink: 0;}

.agree-conts-new .agree-box{margin-top:3.5rem;}
.agree-conts-new .agree-box h3{ display: flex;  gap: 0.5rem;font-size:1.1rem; font-weight:700; color: #016253; margin-bottom:0.5rem;}
.agree-conts-new .agree-box h3 + p:not(.list){font-weight:500;  margin-bottom:0.5rem;}
.agree-conts-new .agree-box .bar{position:relative; padding-left:0.5rem; }
.agree-conts-new .agree-box .bar:before{content:'-'; position:absolute; left:0px; top:0px;}
.agree-conts-new .agree-box .emp{display:flex; margin-top:0.5rem; }
.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.25rem; margin-top:1rem;}
.agree-conts-new .na_chart > li{flex:1 0 49%;  }
.agree-conts-new .na_chart > li a{padding: 0.8rem 1rem;  position:relative; display: flex; align-items: center; gap: 0rem 0.6rem; 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: 0.5rem;}
}
@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;}
}

/* 쇼트컷 */
.shortcut {display:flex; flex-wrap:wrap; border: 1px solid #b4b4b4; border-right:none; border-radius: 0.25rem;}
.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: 1rem 0.75rem; width: 100%; display: flex;  justify-content: center;  align-items: center; }
.shortcut > li a .img_zone img {width:3rem; height:auto;}
.shortcut > li a .text_zone { text-align: center;  padding: 0.5rem;  display: flex;   justify-content: center;  align-items: center; border-top:1px solid #b4b4b4;}
.shortcut > li a .text {font-size: 0.8rem;}
.shortcut_notice { font-size: 0.8rem; color: #555;  margin-top: 0.5rem;  display: block;}


@media (max-width: 1200px){
	.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;}
}


/********************************************************
개인정보처리방침 아이콘_20240723 갱신
********************************************************/
.agree-conts-new [class*="pri_iconNew"]{display:inline-block; width:2rem; height:2rem; 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/default/member/privacy_new01.svg')}
.agree-conts-new .pri_iconNew02{background-image:url('/images/default/member/privacy_new02.svg')}
.agree-conts-new .pri_iconNew03{background-image:url('/images/default/member/privacy_new03.svg')}
.agree-conts-new .pri_iconNew04{background-image:url('/images/default/member/privacy_new04.svg')}
.agree-conts-new .pri_iconNew05{background-image:url('/images/default/member/privacy_new05.svg')}
.agree-conts-new .pri_iconNew06 {background-image:url('/images/default/member/privacy_new06.svg')}
.agree-conts-new .pri_iconNew07 {background-image:url('/images/default/member/privacy_new07.svg')}
.agree-conts-new .pri_iconNew08{background-image:url('/images/default/member/privacy_new08.svg')}
.agree-conts-new .pri_iconNew09{background-image:url('/images/default/member/privacy_new09.svg')}
.agree-conts-new .pri_iconNew10-1{background-image:url('/images/default/member/privacy_new10-1.svg')}
.agree-conts-new .pri_iconNew10-2{background-image:url('/images/default/member/privacy_new10-2.svg')}
.agree-conts-new .pri_iconNew11{background-image:url('/images/default/member/privacy_new11.svg')}
.agree-conts-new .pri_iconNew12{background-image:url('/images/default/member/privacy_new12.svg')}
.agree-conts-new .pri_iconNew13{background-image:url('/images/default/member/privacy_new13.svg')}
.agree-conts-new .pri_iconNew14 {background-image: url('/images/default/member/privacy_new14.svg')}


/********************************************************
개인정보처리방침 아이콘
********************************************************/
.agree-conts-new [class*="priIcon"]{display:inline-block; width:2rem; height:2rem; 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/default/member/privacy_01.svg')}
.agree-conts-new .priIcon02{background-image:url('/images/default/member/privacy_02.svg')}
.agree-conts-new .priIcon03{background-image:url('/images/default/member/privacy_03.svg')}
.agree-conts-new .priIcon04{background-image:url('/images/default/member/privacy_04.svg')}
.agree-conts-new .priIcon05 {background-image:url('/images/default/member/privacy_05.svg')}
.agree-conts-new .priIcon06 {background-image:url('/images/default/member/privacy_06.svg')}
.agree-conts-new .priIcon07{background-image:url('/images/default/member/privacy_07.svg')}
.agree-conts-new .priIcon08{background-image:url('/images/default/member/privacy_08.svg')}
.agree-conts-new .priIcon09{background-image:url('/images/default/member/privacy_09.svg')}
.agree-conts-new .priIcon10{background-image:url('/images/default/member/privacy_10.svg')}
.agree-conts-new .priIcon11{background-image:url('/images/default/member/privacy_11.svg')}


.agree-conts-new .list_area{display:flex; gap:2rem;}
.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:4rem; font-weight:600; color: #18A792; text-align:center;}
.agree-conts-new .list_area .box-2{display:block; padding:1rem; }

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


.agree-conts-new .agree-file-wrap{width:100%;}
.agree-conts-new .agree-file{margin-top:0.5rem; display:flex; flex-wrap:wrap; gap:1rem;}
.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: 0.8rem; }
.agree-conts-new .agree-file a span{ padding: 0 1rem; text-align: left;}
.agree-conts-new .agree-file a i{display: flex; align-items: center;  justify-content: center; background:#18A792; color:#fff; padding:1rem; }

.agree-conts-new .report_infringement{padding:1rem; background:#fafafa; border:1px solid #e6e6e6; border-radius:0.25rem; }
.agree-conts-new .report_infringement p{text-align:center; margin-bottom:0.5rem;font-size: 1rem;}
.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:1rem; border-radius:0.5rem; background:#fff; padding:1rem; 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:-2rem; top:50%; font-family: "remixicon"; transform:translateY(-50%); color:#888; font-size:1.5rem; width: 2rem; text-align: center;}
.agree-conts-new .report_infringement ul li:first-child:before{display:none;}
.agree-conts-new .report_infringement ul li span{padding:0.5rem 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{height:4rem;display: flex; align-items: center;  justify-content: c2enter;}
.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:0.5rem 1rem; border:1px solid #e6e6e6; border-radius:0.25rem; margin-top:0.4rem; 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:50rem; height:80vh; background:#fff; transform:translate(-50%,-50%);  }
.privacy-pop-cont .scroll{overflow-y:auto;     height: calc(100% - 3rem); padding: 1rem;}
.privacy-pop-cont .pop-tit{border-bottom:1px solid #e6e6e6;  display: flex; align-items: center; justify-content: space-between; font-weight:600; font-size:1.5rem; height: 3rem; padding:0 1rem;}
.privacy-pop-cont .pop-tit .closeBtn{font-weight:400; cursor:pointer;}
.privacy-pop-cont .na_chart > li a [class*="priIcon"] {width:1.5rem; height:1.5rem;}

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


.tableWrap table { margin:0;  clear:both; width:100%;}
.tableWrap table thead tr th {color: #016253; font-weight:500; background:#F5F8F6; text-align:center; padding:0.8rem .5rem 0.9rem; border-top:2px #18A792 solid; border-bottom:1px #d5d5d5 solid; /* background: #f5f5f5; border-right: 1px solid #d5d5d5; */}
.tableWrap table tbody tr td {color: #575757; padding:0.8rem; border-bottom:1px solid #dadada;  text-align:center; vertical-align:middle;border-right: 1px solid #d5d5d5;}
.tableWrap table tbody tr td:last-child{border-right:none;}
.tableWrap table tbody tr th{color: #575757; padding:0.8rem; border-bottom:1px solid #dadada;  text-align:center; vertical-align:middle;border-right: 1px solid #d5d5d5; background:#F7F7F7;}
.tableWrap table tbody tr td.bg{background:#F7F7F7;}

@media (max-width:767px){ 	
	.tableWrap{position: relative; display: inline-block;  overflow-x: auto; width: 100%;  white-space: nowrap;} 	
}