.chks{float:none;}
.chks {position:relative;}
.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;font-size:1rem;}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0px;top:0px;margin:0;width:1.25rem;height:1.25rem;text-align:center;box-sizing:border-box; border-radius:0.25em; background-color: #fff; border:1px solid #ccc; 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;border-radius:50%;}
.chks input[type="checkbox"] + label:active:before,
.chks input[type="checkbox"]:checked + label:active:before {}
.chks input[type="checkbox"]:checked + label:before {background:#6256ac; border-color:#6256ac;}
.chks input[type="checkbox"]:checked + label:after {content:'';display:block;position:absolute;width:0.55rem;height:0.45rem;background:url(/images/default/content/chks-icon.png)no-repeat center center;background-size:cover;left:0.4rem;top:0.4rem;}
.agree-tit{border-bottom:1px solid #191919;}

.member_form, .user_agree{background:#fff; padding:1.5rem !important; border:1px solid #efefef;}


/* 로그인 */
.loginArea { box-sizing: border-box; width: 100%; background:#fff; padding:3.8rem 1rem 3.8rem; border:1px solid #ddd; border-radius:0.5rem;}
.login{width: 100%; padding:0 0 1.5rem; }
.login:after {   clear: both;    display: block;    content: '';}
.login h3{text-align:center; font-size:2rem; font-weight:600; color:#191919; line-height:1.3;}
.login p{text-align:center; font-weight:400; color:#333;}
#login-form{width:490px; margin:0 auto; margin-top:2.5rem;}
#login-form > input{ width: 100%; height:3.25rem; border-radius: 0.5rem;}
#login-form > input:placeholder{color: #999 !important;}
#login-form .top-login{border:solid 1px #ccc; border-radius:0.5rem;}
#login-form .top-login .text{position:relative; padding:0.7rem 0; border-bottom: solid 1px #ccc;}
#login-form .top-login .text:after{position:absolute; content:''; display:block; width:0.85rem; height:0.85rem; background:url('/images/default/content/input-id.png') no-repeat center center;  background-size:cover; top:50%; transform:translateY(-50%); left:0.9rem;}
#login-form .top-login .text input{ border:none; padding-left:3rem;}
#login-form .top-login .password{position:relative; padding:0.7rem 0;}
#login-form .top-login .password:after{position:absolute; content:''; display:block; width:0.75rem; height:0.9rem; background:url('/images/default/content/input-password.png') no-repeat center center; background-size:cover; top:50%; transform:translateY(-50%); left:0.9rem;}
#login-form .top-login .password input{ border:none; padding-left:3rem;}
#login-form > input[type="submit"]{color: #fff; font-size: 1.1rem; background-color: #6256ac; border:none;}
#login-form .join{font-size:1.1rem; display:inline-block; width: 100%; height:3.25rem; border-radius: 0.5rem; color: #6256ac; background-color: #fff; border:solid 1px #6256ac; text-align:center; line-height:3.25rem;}
#login-form > input[type="submit"]:not(:last-child){margin-bottom: 1rem;}
.login-chks{display:flex;justify-content:space-between;margin:1.1rem 0 1.8rem;}
.login-chks ul{display:flex;}
.login-chks ul li a{font-size:.8rem;padding:0 0.5rem;position:relative;}
.login-chks ul li:first-child a{padding-left:0;}
.login-chks ul li:last-child a{padding-right:0;}
.login-chks ul li:not(:last-child) a:after{content:'';display:block;position:absolute;width:1px;height:1rem;background:#ddd;right:0;top:0;}
.login .login-kakao{display:flex; justify-content: center; align-items: center; margin-top:1.1rem;}
.login .login-kakao p{padding-left:0.7rem; font-weight:500;}

@media (max-width:1030px){ 
#login-form{width:100%;}
.chks input[type="checkbox"] + label{padding-left:1.5rem;}


}

/* 회원가입, 회원가입완료 */
div.ico_title{position: relative; padding: 0 19rem; margin-bottom:2rem;}
div.ico_title p {position: relative; padding-left: 5.5rem; font-size:.85rem; color:#444;}
div.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;  }
div.ico_title em{font-size:1.75rem; font-weight:400;}
div.ico_title:before {content: ''; position: absolute; left: 0; top: 35px; width: 250px; height: 1px; background: #3c3c3c; transition-duration: 0.4s;}
div.ico_title:after {content: ''; position: absolute; right: 0; top: 35px; width: 250px; 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: 25rem; box-sizing:border-box; padding:4rem;}
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:2.5rem;}
ul.sign_select li a div h3{font-size: 1.75rem; font-weight:800; margin-bottom:1.5rem;}
ul.sign_select li a div p.more{background: url('/images/default/content/btn_arrow.png') no-repeat right center; padding-right: 4rem; padding-bottom:.5rem; border-bottom:3px solid #fff; display:inline-block; margin-top:2rem;}
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:1.15rem}
.signup03 b{margin-bottom:1.5rem; font-size:1.75rem; font-weight:700; color:#222; display:block; text-decoration:underline;}
.signup03 em{color:#5D95F8; font-size:1.25rem; font-weight:500;}
.signup03 p{margin:3.5rem 0;}
.signup03 p a{padding:1rem 3rem; background-color:#307cd7; color:#fff; font-weight:500;}



/* 멤버 Step */
ul.step {border:1px solid #ddd; overflow:hidden;margin-bottom:3.5rem; }
ul.step li{float:left; width:33.3%; height: 3rem;text-align:center; background-color: #f8f8f8; line-height:3rem; border-left:1px solid #ddd; position:relative; z-index:0; }
ul.step li:first-child{border-left:none;}
ul.step li b{font-weight:bold; color:#333;}
ul.step li.on b{color:#fff;}
ul.step li:nth-child(1).on{background-color: #50519E; color: #fff; z-index:3;}
ul.step li:nth-child(1).on:after{content:'';display : block; position : absolute; right :-2rem; top:0; border-top:1.5rem solid transparent;  border-left:1rem solid #50519E;  border-right: 1rem solid transparent;  border-bottom: 1.5rem solid  transparent;z-index:3;}
ul.step li.ona{background-color: #50519E; color: #fff; z-index:3;}
ul.step li.ona:after{content:'';display : block; position : absolute; right :-2rem; top:0; border-top:1.5rem solid transparent;  border-left:1rem solid #50519E;  border-right: 1rem solid transparent;  border-bottom: 1.5rem solid  transparent;z-index:3;}
ul.step li.ona b{color:#fff;}
ul.step li:nth-child(2).on{background-color: #242686; color: #fff; z-index:2;}
ul.step li:nth-child(2).on:after{content:'';display : block; position : absolute; right :-2rem; top:0; border-top:1.5rem solid transparent;  border-left:1rem solid #242686;  border-right: 1rem solid transparent;  border-bottom: 1.5rem solid  transparent;z-index:2; }
ul.step li.last{background-color: #0E106F; color: #fff; z-index:1;}
ul.step li.last b{color:#fff;}

.user_agree input{vertical-align:middle;}
.user_agree dt{font-size:1.15rem; margin-bottom:1rem; margin-top:3.5rem; font-weight:500;}
.user_agree dd textarea{font-size:.8rem;}
.user_agree div.chks{margin-top:1rem; color:#333; font-weight:500; }


.btnChkUnique{ display:inline-block; width:90px;  font-size: 15px;  height:40px; line-height:40px; text-align:center;  background-color: #bababa;  color: #fff; }

/* 버튼 */
div.btn_wrap{text-align:center; margin-top:2.5rem; display:flex; justify-content:center; width:100%;}
.btn_confirm {margin:0px 5px; width:7.6rem; height:2.5rem; line-height:2.5rem;  font-weight: 500;  color: #fff; border:solid 1px #6256ac;  color: #6256ac; background: #fff; cursor: pointer;}
.btn_confirm:hover{background:#6256ac; color:#fff; box-shadow:5px 15px 20px rgba(0,0,0,0.15);}
.btn_cancel {margin:0px 5px; width:7.6rem; height:2.5rem; line-height:2.5rem;  font-weight: 500;  color: #fff; border:solid 1px #555;  color: #555;    background:#fff;    cursor: pointer; }
.btn_cancel:hover{ color:#fff; background:#555; box-shadow:5px 15px 20px rgba(0,0,0,0.15);}


/* 아이디 비번찾기 */
.btnAction{margin-top:1.5rem;text-align:center; }
.searchWrap .con_tab{margin-bottom:0;}
.searchWrap .con_tab ul{overflow:hidden;border:1px solid #ddd; }
.searchWrap .con_tab ul li{height:2.5rem; line-height:2.5rem; width:50%; float:left; background:#fff;  text-align:center;}
.searchWrap .con_tab ul li.on{background:#6256ac; color:#fff;}
.searchWrap .IdSearch, .searchWrap .PwSearch{border:1px solid #ddd; background:#fff; border-top:none; padding:1.5rem; }

.searchWrap h3{font-size: 1.15rem;    margin-bottom: 1rem;     font-weight:400;}
.searchWrap .IdSearch h3{margin-top:0;}
.searchWrap p{margin-bottom:.5rem;}
.searchWrap p em{color:#FE621D;}
.IdSearch div.btnAction input[type="submit"], 
.PwSearch div.btnAction input[type="submit"]{ width:180px; height:2.5rem; line-height::2.5rem;  font-weight: 700;  color: #fff;  background-color: #6256ac;  border: none; cursor:pointer; }
div.find{border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:1.25rem 0; font-size:0.8rem; margin-top:1.5rem;}
h3.bul{font-size:1.15rem; color:#000; font-weight:bold; padding-left:1.75rem; background: url("/images/default/content/h3.gif") no-repeat left center; margin-top:2.4rem; margin-bottom:1rem; line-height:1.25rem;}
p.txt{font-size:0.8rem;}

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


/* 온라인문의 */
.tableType{position:relative; border-top:2px solid #000; font-size:0.9rem;}
.tableType tr th:nth-of-type(2){border-left:1px solid #eee;}
.tableType th{padding:20px;  color:#333; font-weight:500; text-align:left; border-bottom:1px solid #eee;}
.tableType td{padding:20px 20px 20px 20%; border-bottom:1px solid #eee; position:relative;}
.tableType td input[type="text"] {width:100%; height: 2rem;}
.tableType td.name input{width:20%;}
.tableType td.email input:nth-of-type(1){width:20%;}
.tableType td.email input:nth-of-type(2){width:30%;}
.tableType td.phone input{width:20%;}
.tableType td.captcha input{width:calc(100% - 125px);}
.tableType .addFile{display:flex; align-items:center; position:relative;}
.tableType .addFile .section{position:relative; width:100%;}
.tableType .addFile .section input[type="file"]{position:absolute; top:0; left:0; width:60%; height:100%; opacity:0; cursor:pointer;}
.tableType .addFile .btnAddFile{display:inline-block; margin-left:10px; width:138px; height:2.6rem;  color:#fff; text-align:center; line-height:2.6rem; background:#888;}
.tableType .addFile .txt{margin-left:10px;  color:#888;}
.tableType .radio{margin-right:3rem;}
.tableType .title{position:absolute; left:0; top:50%; transform:translateY(-50%);}
.star{color: #ed1c24;}

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

/*개인정보 이용약관*/
.clause{font-size: 1.1rem; margin-bottom: 15px; font-weight: 500; color: #333;}
.private{border:1px solid #2E2657;  padding:1rem; height:11rem; overflow-y:scroll; color:#666; line-height: 1.8;}
.private h6 {font-size: 1rem; margin-bottom: 15px; font-weight: 500; color: #555; line-height: 1.8;}
.agree{text-align:center; margin:1rem 0 2rem; }
.agree .chks{margin:0 2rem;}
.btn_phone{padding:8px 10px; background:#545454;color:#fff;margin-left:3px;cursor:pointer;}

/* 온라인문의 */
caption{display:none;}
table.online_tb {width:100%; table-layout:fixed;}
table.online_tb label{margin-right:1rem;}
table.online_tb td, 
table.online_tb th{overflow:hidden; vertical-align:middle; border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2; padding:0.75rem 1rem; font-weight:normal;}
table.online_tb th{background-color:#f8f8f8; font-weight:500;}
table.online_tb img{vertical-align:middle;}
table.online_tb td.captcha{overflow:hidden;}
table.online_tb td.captcha input{float:right; width:calc(100% - 125px); }
table.online_tb td label{line-height: 1.0;vertical-align: middle;}
table.online_tb td input[type="checkbox"] {margin-left: 10px;margin-right: 5px;vertical-align: middle;line-height: 1.0;}


table.online_tb .file {position:relative;}
table.online_tb .file input[type="file"] {position:absolute; top:0; left:0; width:calc(100% - 5rem); opacity:0;}
table.online_tb .file input[type="text"] {width:calc(100% - 5rem);}
table.online_tb .file a {margin-left:.5rem; vertical-align:top;}
table.online_tb .file span {margin-left:1rem; font-size:.75rem; color:#767676}
.fileBtn {display:inline-block; width:4.5rem;  height:2rem; line-height:2rem; background:#919190; font-weight:normal; font-size:.75rem; color:#fff; text-align:center;margin-left:0px !important;}
table.online_tb td.phone input{width:25%;}
input.datepicker{width:30%; background:url("/images/default/content/cal.png") no-repeat 98% 50%; background-size: 1rem auto;}


.radio{display:inline-block; }
.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:20px; 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%}

/* 개인정보처리방침 이용약관 */
.con.agree-conts{line-height:1.5; word-break:keep-all; font-size:1.05rem; line-height:1.6; color:#666;}
.con.agree-conts h3{font-size:1.25rem;color:#000;font-weight:700;margin-top:70px;margin-bottom:.75rem;}
.con.agree-conts h3:first-child{margin-top:0;}
.con.agree-conts h4{font-size:1.5rem; margin-top:2rem;margin-bottom:0.5rem; padding-bottom:.75rem;}
.con.agree-conts h5{font-size:1.1rem;margin-bottom:.75rem; margin-top:1.25rem;}
.con.agree-conts p {margin-bottom:.5rem;margin-top:1rem;color:#333;}
.con.agree-conts ul li.list2{padding:1rem}


/*이메일무단수집거부*/
div.emailPolicy {width:100%;margin:0 auto;border:1px solid #d9d9d9;padding:1.5rem 2.5rem 1.5rem 1.5rem;
background:#f9f9f9 url('/images/default/content/email_ico.png') no-repeat 2.5rem 1.25rem;box-sizing:border-box;}
div.emailPolicy div.email_desc {margin-left:10rem;padding-left:1.5rem;border-left:1px solid #e8e8e8;}
div.emailPolicy li.law_tit {color:#000;margin-bottom:.5rem;font-weight:bold;}
div.emailPolicy li.list2 {padding-left:.5rem;margin-top:.5rem;}
div.emailPolicy p {margin-bottom:.5rem;}
div.emailPolicy p span.point {font-weight:bold;color:#1546ac;}


@media (max-width:767px){  
.member_form, .user_agree{ padding:1rem !important; }
ul.step{margin-bottom:2rem;}
table.online_tb th{padding:0.75rem 0;}

.loginArea {padding:1.5rem 1.5rem;}
.btnChkUnique{width:60px; font-size:.85rem;}
table.online_tb td input.w50{width:calc(100% - 65px) !important;}
table.online_tb td{padding-right:0;}

.tableType td{padding-left:0;}
.tableType td .title{position:relative; margin-bottom:5px;}
.tableType td.phone input{width:30.33%;}
.chks{float:none !important; }
.agree .chks{margin-top:10px;}
}
@media (max-width:360px){  
.loginInput{width:100%; padding-right:0;}
.login input.btnLogin{width:100%; height:3rem; margin-top:0.5rem;}

}

.btnLike.on{background-color: #DBDBDB;}
.btnHate.on{ background-color: #DBDBDB;}


/*대관신청*/
.radio-wrap{}
.radio-wrap > div:not(:last-child){margin-right: 0.5rem;}
.radio-wrap .radio-bx{position:relative;}
.radio-wrap .radio-bx input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.radio-wrap .radio-bx input[type="radio"] + label{display:inline-block;padding-left:1.5rem;margin-right:0.5rem;padding-right:0rem;}
.radio-wrap .radio-bx input[type="radio"] + label:before {content: ' ';position: absolute;top: 0.2rem;left: 0rem;display: inline-block;width: 1.2rem;height: 1.2rem;line-height: 1.2rem;background:#fff;border:1px solid #ddd;background-size: 0.55rem;}

.radio-wrap .radio-bx input[type="radio"]:checked + label:before{background:#6256ac url(/images/default/content/chks-icon.png)no-repeat center center;}


.radio-wrap .radio-bx.text-bx {display:flex;align-items:center;}
.radio-wrap .radio-bx.text-bx input[type="text"] {width:20rem;border:none;border-bottom:1px solid #d8d8d8}

table.check-list th{background:#f8f8f8;padding:0.75rem 0;}
table.check-list td{border:1px solid #e2e2e2;padding:0.5rem;position:relative;}
table.check-list td:first-child{border-left:none;}
table.check-list td:last-child{border-right:none;}
table.check-list td input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
table.check-list td input[type="checkbox"] + label:before {content: ' ';position: absolute;top:50%;left: 50%;display: inline-block;width: 1.2rem;height: 1.2rem;line-height: 1.2rem;background:#fff;border:1px solid #ddd;background-size: 0.55rem;margin-left:-0.6rem;margin-top:-0.6rem;}
table.check-list td input[type="checkbox"]:checked + label:before {background:#6256ac url(/images/default/content/chks-icon.png)no-repeat center center;}