@charset 'euc-kr';

/* */

.red {background:rgb(255, 226, 231)!important;}

/* content */ 
.members { width:100% !important; background: #F2F2F2; padding:0 0 50px }
.members .tour_tit { margin: 0 auto 60px; text-align: center; padding: 80px 0 0;}



/* .members .sub_visual {width:100%; height:250px; background-color:#222; background-position:center; background-size:cover; background-repeat:no-repeat; position:relative;}*/
.members .inner {width:1158px; background:#fff;  padding:70px 120px 100px;  min-height:500px; margin:60px auto 152px; position:relative; transition:0.5s;}
.members .inner .join_order { width: 642px; background: url(../images/member/line01.png) 56% 38% no-repeat; display: flex; margin: 0 auto 50px; text-align: center;}
.members .inner .join_order li { text-align: center; float: left; margin: 0 auto; text-align: center; padding: 0; text-align: center; }

.members .inner .join_order div { margin: 0 auto; line-height: 78px; width: 25%; width: 79px; height: 79px; border-radius: 50%; background: #C7C7C7;}
.members .inner .join_order li.on div { background: #1B9C9E;}
.members .inner .join_order span { display: block;  margin: 14px auto 0;}
 
.members.inner>h1 {font:normal 32px/1 'arial'; color:#444; letter-spacing:1px;}
.members.inner>h1::after {content:''; display:block; width:40px; height:2px; background:#444; margin-top:14px; margin-bottom:60px; margin-left:5px;}
.members.inner>h1>span {font:14px/1 '¸¼Àº °íµñ'; color:#777; margin-left:10px;}
.members.inner>h1>span::before {content:'/'; margin-right:10px;}
.members .inner #join { border-top:4px solid #101010; padding:40px 0 0; border-bottom:1px solid #101010; margin:0 0 50px}
.members h2 {  margin: 0 0 20px;  font-weight: 500;  font-size: 28px;  line-height: 41px;  color: #101010; }
.members h2 span { color:#907E72}
.times_tb.mb50 {margin-bottom:50px;}

.agreement {margin-bottom:60px;}
.agreement .detail {width:100%; height:284px; box-sizing:border-box; padding:30px; border: 1px solid #C7C7C7; background:#fff; margin-bottom:20px; font:16px/1.8 'arial'; color:#5E5E5E; unicode-bidi: bidi-override; overflow: scroll; overflow-x: hidden!important;}

.members .inner .join_ment { border-top:1px solid #101010; width:100%; padding:20px 0; margin:40px 0; }
.members .inner .join_ment a {text-decoration: underline; }
.members .inner .join_ment p {font-size: 20px; color: #444444; font-weight: 300; line-height: 30px; background: url(../images/member/notic01.png) 0 5px no-repeat; padding: 0 0 0 30px}
.members .inner .join_ment01 { width:100%; padding:20px 0; }
.members .inner .join_ment01 p {font-size: 15px; color: #444444; font-weight: 300; line-height: 25px; background: url(../images/member/notic01.png) 0 2px no-repeat; padding: 0 0 0 30px}


.members .times_tb  {border-bottom:none; position: relative; display: inline-block;}
.members .basicL {overflow:visible}
.members .basicV { width: 100%; border-right: 1px solid #C7C7C7;border-bottom: 1px solid #C7C7C7; border-spacing: 0; border-collapse:separate !important;}

.members .basicV th { font-weight: 500; border-left:1px solid #C7C7C7; border-bottom:1px solid #C7C7C7; font-size: 17px;  padding:20px 40px; text-align:left; color:#101010; height:60px;  line-height:60px; padding:0; text-align:center}
.members .basicV td {  padding:28px 40px; border-left:1px solid #C7C7C7;font-weight: 300; text-align:center; color:#101010; font-size: 16px; }
.members .basicV td .joinBox { border: 1px solid #C7C7C7; padding: 20px 0;  margin-top: 20px; }
.members .basicV td span.smal { font-size:12px; }
.members .check_arae  {margin:20px 0 50px}
.members .check_arae label {font-size: 17px; line-height: 25px; font-weight: 300; }
.members .check_arae .fr > label { margin-left:20px;}
.members .memer_list ul li { background: url(../images/member/dot01.png) 0 13px no-repeat; padding: 0 0 0 17px; font-weight: 300;font-size: 16px;line-height: 30px; color: #444444; }
.members .memer_list ul li a { font-weight: 500; color: #101010; font-size: 16px; text-decoration: underline;}
.members .memer_list ul li span { font-family: 'HK Nova'; font-weight: 300; color: #444444; }


/*ȸ¿ø°¡ÀÔform*/
.inner.login_info  {margin-top:60px}
.inner.login_info .times_tb h2 {margin-top:40px; }
.inner.login_info .times_tb h2 > span { background: url(../images/template/import.png) 0 22px no-repeat; position: absolute; right: 0; padding: 14px 0 0 13px;font-size: 16px; line-height: 24px; text-align: right; color: #101010; }
.inner.login_info .basicL td { height:49px; line-height:48px; color:#5E5E5E; font-weight: 300;}
.inner.login_info .basicL td > input {margin:0 10px 0 0}
/* .inner.login_info .basicL td > div  { width: 510px; float: left; margin:0 20px 0 0; }
 */.inner.login_info .basicL td > div > .btn_blue  {  height: 24px; line-height:26px; margin:0 0 0 10px; }
.inner.login_info .basicL span.impot { background: url(../images/template/import.png) 5px 0 no-repeat; padding:0 0 0 13px;}
.inner.login_info .basicL span.basic_select {margin-right:9px;}
.inner.login_info .basicL .check_area { width:580px;  display: contents;}
.inner.login_info .basicL .check_area > label {margin-right:40px;}
.inner.login_info .basicL p.coment { background: url(../images/template/icon06.png) 0 center no-repeat; padding: 0 0 0 9px; color: #1B9C9E; font-we
ight: 500; font-size: 16px;}
.inner.login_info .basicL td > span.basic_select, .inner.login_info .basicL td > span.basic_select b.selected_txt {  line-height: 30px; }
.inner.login_info .basicL .bnt_white { width: 130px; height: 22px; line-height: 23px; font-weight:500}
.inner.login_info .basicL td > span.no_c {color:#101010; font-size: 16px; font-family: 'HK Nova';} 
/* .inner.login_info .basicL td > div.no_pw { background: url(../images/member/ic_warning.png) 0 12px no-repeat; font-size: 15px; color: #FF0000; padding: 0 0 0 27px; margin: 4px 0 0;  height: 32px;}
 */
.layer_popup .lp_content > .btn_blue { height: 24px; line-height:26px; }


/*º»ÀÎÀÎÁõ*/
.members h2.sub_tit { text-align:center; margin:46px 0 50px; font-weight:300; font-size: 25px;}
.members h2.sub_tit strong { font-weight: 700;}
.loginBox_wrap { border:1px solid #c7c7c7; padding: 90px 0; display: flex;  margin: 0 0 30px}
.loginBox_wrap h2 {font-size: 25px; font-weight: 300 }
.loginBox_wrap > div { width: 50%; float: left; padding: 23px 0; text-align: center; }
.loginBox_wrap > div.cellphoneBox { padding:24px 0; border-right:1px solid #C7C7C7}
.loginBox_wrap h3 {font-weight: 500; font-size: 25px; margin:0 0 10px }
.loginBox_wrap h3 > img { display: block; /* text-align: center; */ margin: 0 auto 43px;}
.loginBox_wrap > div > p {font-weight: 300; font-size: 17px; line-height: 28px}
.loginBox_wrap > div > a { padding:17px 67px; color:#fff; background: #101010;  border-radius:34px; font-weight: 500; font-size: 18px; display: inline-block; margin:38px auto 0}
.loginBox_wrap .selectbox {}


/*º»ÀÎÀÎÁõ*/
.login_result { width: 100%; border-top: 4px solid #101010; padding: 78px 0 28px; display: inline-block; margin: 0 0 30px; text-align: center;}
.login_result img { text-align: center; margin: 0 auto 52px;}

.login_result dl { }
.login_result dl dt {font-weight: 500; font-size: 35px; line-height: 52px;}
.login_result dl dd {font-weight: 300; font-size: 17px;}
.login_result .btn_area { margin:60px auto 0}


/*Áߺ¹id check*/
.id_agree {display:none;}
.id_agree b, .id_nogree b { display:block; text-align:center; }
.id_agree p, .id_nogree p {font-weight: 300; font-size: 18px; text-align: center; margin:15px 0 40px} 
.id_agree p > span , .id_nogree p > span { color:#1B9C9E; font-weight: 300; font-size: 18px;}
.id_ck_area {background: #F1F4F4; padding:13px 30px; color:#101010; font-weight: 500; font-size: 16px; display:inline-table;  }
.id_ck_area .btn_blue {padding:11px 36px 13px}
.id_ck_area input { line-height: 24px; color: #101010; padding: 13px 10px; height: 50px; border: 1px solid #C7C7C7; box-sizing: border-box; background-color: white; -webkit-appearance: none; margin: 40px 10px 42px; border-radius: 3px; -webkit-border-radius: 3px;}



/*·Î±×ÀÎ*/
.members ul.login { width: 1200px; height:640px; margin: 0 auto 100px; display: flex; border-radius: 10px; overflow: hidden; border-radius: 10px; position: relative;}
.members ul.login li:first-child { float:left; width:714px;}
.members ul.login li > a.evnt_bt { width: 258px; height: 63px; left: 228px; bottom: 104px; display: inline-block; position: absolute; }
.members ul.login li:first-child > img {width:100%; text-align:center;}
.members ul.login .inner_login { width:366px; float:right; background:#fff; padding:55px 60px 60px; text-align:center; }
.members ul.login .inner_login > img { margin: 0 0 60px}
.members ul.login .inner_login > input { height:60px; width:100%; display:inline-block;}
.members ul.login .inner_login > .id { border-radius:10px 10px 0px 0px; border-bottom:1px solid #fff; background: url(../images/member/login01.png) 20px center no-repeat; padding:0 0 0 60px} 
.members ul.login .inner_login > .id:focus {border-bottom: 1px solid #101010 !important;} 
.members ul.login .inner_login > .pw { border-radius:0px 0px 10px 10px; background: url(../images/member/noPw.png) 20px center no-repeat; margin:0 0 20px; padding:0 0 0 60px } 
.members ul.login .inner_login .id_save { text-align:left; margin:0 0 37px}
.members ul.login .inner_login > a  {width:100%; border-radius: 100px; color:#fff; height: 58px; line-height:57px; font-size: 18px; font-weight: 500; display:inline-block;}
.members ul.login .inner_login > a.btn_login {background: #1B9C9E; text-align:center; }
.members ul.login .inner_login > a.btn_join { margin:10px 0 ; background: #717173;}
.members ul.login .inner_login > ul {width:224px; display: inline-flex; margin:30px 0 0} 
.members ul.login .inner_login > ul li {float:left; width:50%; }
.members ul.login .inner_login > ul li a { color: #5E5E5E;}
.members ul.login .inner_login > ul li:first-child { background: url(../images/member/dot01.png) 100% center no-repeat;}

/*ÁÖ¼Ò°Ë»ö */
#adress_link { }
.adress_link { background: #F2F2F2;border-radius: 3px; padding: 30px 130px; margin: 40px 0;}
.adress_link .check_arae label {margin-left:40px;}
.adress_link .check_arae label:first-child {margin-left:0;}
.adress_link .check > span.radiobtn_ui.checked { color:#1B9C9E}
.mt10 {margin-top:10px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}





/* #adress_link .btn_close { top:24px; right:24px;position: absolute;} */
.layer_popup .pop_tit {font-weight: 500; color: #101010; font-size: 20px; margin:0 0 15px }
.layer_popup .pop_tit span { font-size: 15px; color: #101010; text-align: right; padding: 2px 0 0 27px; float: right; line-height: 22px; background: white url(../images/template/poin01.png) no-repeat 0 3px;}
.pop_tb {border-top:2px solid #1B9C9E; }
.pop_tb > table th {background: #F1F4F4; color:#101010; text-align:left; padding:20px; font-weight: 500;font-size: 16px;}
.pop_tb > table td {padding:20px; position: relative;}
.pop_tb > table td > .btn_black { padding: 1px 36px;}
.pop_tb > table td.noData {padding:120px 0 }
.pop_tb span.basic_ckbox  {  border:none !important; background: none }
.pop_tb span.basic_ckbox.checked { background: white url(../images/template/bullet_ckbox01.png) no-repeat center center} 
.pop_tb tr.check > td { color:#1B9C9E }
.pop_tb tr:hover td { cursor: pointer; }
 .pop_tb tr:hover td > span.ln {border-bottom:2px solid #101010}
.pop_tb tr:hover label > span {border-bottom:2px solid #101010}
.pop_tb .paging {margin-top:40px;}



@media all and (max-width: 1440px) { /*200630 Ãß°¡*/
	
	.members nav.tab_navi {width:1200px;}
	.members .inner { padding: 70px 0 100px ; width: 1200px;  }
	.members .inner {padding:70px 0 100px; width:1200px;}
	.members .inner.login_info.find_id_pw {width:1200px !important;}
	.members .inner.login_info.find_id_pw .times_tb {padding:0; width:1200px; }
	.members .inner #join { width:1200px; }
	.members .inner.login_info.find_id_pw .times_tb {padding:24px 0 0px;  }	
	.members .inner.login_info.find_id_pw .times_tb {padding:24px 0 0px ;width:1200px !important; display: inline-block;} /*200630 Ãß°¡*/
	.inner.login_info .basicL td > input { width:664px}
}