@charset "utf-8";
@import url("/lib/css/base.css");

.search_top span.btn_search input { padding: 10.9px 20px; }
.bg_color { border-top: 1px solid #ECECEC; }

/* join_2.do */
.title_rocation .join_process {
	float: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 40px;
	padding: 38px 0 50px;
	box-sizing: border-box;
}
.join_process li {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 14px;
	background: #fff;
}
.join_process li.active .icon { border-color: #231815; }
.join_process .icon {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 56px;
	height: 56px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid #ECECEC;
	border-radius: 50%;
	box-sizing: border-box;
}
.join_process .icon i { 
	font-style: normal;
	font-size: 20px;
	font-weight: 500;
	color: #fff; 
	line-height: 38px;
 }

/* join */
.input_j1 {
	width: 100%;
	max-width: 344px;
	padding: 10px; 
	font-size: 12px; 
	border:1px solid #E5E5E5;
	box-sizing: border-box;
}

.title_rocation h3 {
	font-size: 36px;
	font-weight: 400;
	padding: 60px 0 14px 0;
	box-sizing: border-box;
}
.title_rocation h3 span {
	font-weight: 700;
}
.title_rocation p {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}
.title_rocation ul {float:right; padding-right:42px;}
.title_rocation ul li {float:left;}

.j_wrap {
	max-width: 1200px; 
	width: 100%;
	padding: 0 15px 100px;
	margin: auto;
	box-sizing: border-box;
}
.j_wrap2 {
	padding-top: 0px;
}
.j_wrap .tit {
	font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
.info_text {
	font-size: 12px;
	color: #F69696;
}

.tr_wrap {
	overflow:hidden; 
	max-width:1400px;
	width: 100%; 
	padding: 0 20px;
	margin:0 auto; 
	box-sizing: border-box;
}

.t_box1 {
	max-width: 718px;
	text-align: center;
	margin: auto;
	padding: 18px 32px; 
	background: #F6F6F6;
	box-sizing: border-box;
}
.t_box1 p {
	font-size:14px; 
	font-weight: 300;
	line-height:24px; 
}
.t_box1 p span { font-weight: 500; }

.authentication {overflow:hidden; padding:83px 0 99px 0; border-bottom:1px solid #d0d0d0;}
.authentication dl dt { margin-bottom:15px; font-size:16px; font-weight: 500; }
.authentication dl dd {
	display: flex;
	align-items: center;
	line-height:20px;
	margin-bottom:10px;
}
.authentication dl dd.new_pw_wrap {
	flex-direction: column;
}
.authentication dl dd.new_pw_wrap .c1 { margin-bottom: 20px; }
.new_wrap {
	display: flex;
	align-items: center;
	width: 100%;
}

.pw_form_wrap {
	width: 100%;
	max-width: 336px;
}

p.warning {margin:19px 0 0 0; line-height:20px;}
p.warning_2 { font-weight: 400; padding-bottom:10px; color: #CC4C3B; font-size:14px; border-bottom:1px solid #d0d0d0;}

.terms { display: flex; column-gap: 40px; overflow:hidden;}
.terms .t_l {width:50%; margin:35px 0 0 0;}
.terms .t_r { width: 50%;; margin:35px 0 0 0;}
.terms h4 {font-size:14px; margin-bottom:12px;}
.terms_text {line-height:18px;}
.terms_text .first {margin-top:0;}
.terms_text h5 {font-size:14px; margin-top:15px;}
.terms_text h6 {font-size:12px; margin-top:10px;}
.terms_text ol {margin-top:10px;}
.terms_text dl {margin-top:10px;}
.terms_text p {margin-top:10px;}

.terms_text {
	height:235px;
	padding:21px 18px 15px 26px;
    border:1px solid #d0d0d0;
    overflow-y:scroll;
    box-sizing: border-box;
}

p.agreement {margin-top:12px;}


.agree_bt_box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.agree_bt_box span {
	font-size: 16px;
	font-weight: 500;
}
.all_agreement {
	text-align:center; 
	padding: 40px 0 0 0; 
	margin-top: 40px; 
	font-size:13px; 
	border-top:1px solid #E5E5E5;
	box-sizing: border-box;
}
.all_agreement .agreement { margin-top: 0; }
.all_agreement .agreement label { 
	justify-content: flex-start; 
	font-size: 16px;
	font-weight: 400;
}

.j_btn1 {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 20px;
	margin-top:35px;
}

.j_btn1 button,
.j_btn1 .next_btn {
	font-size: 16px;
	font-weight: 500;
	width: 220px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	color: #fff;
	background: var(--main-color);
	box-sizing: border-box;
	transition: background-color .3s ease;
}
.j_btn1 .prev_btn {
	font-size: 16px;
	font-weight: 500;
	width: 220px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	transition: border-color .3s ease;
}
.j_btn1 .prev_btn:focus { border: none; }
.j_btn1 .prev_btn:hover {
	border-color: var(--main-text);
}
.j_btn1 button:hover,
.j_btn1 .next_btn:hover { background: var(--hover-color); }
.j_btn1 button:first-child,
.j_btn1 .prev_btn {
	background: transparent;
	border: 1px solid #E5E5E5;
	color: var(--text-color);
}

.j_write { width: 100%; padding-bottom:35px; margin:0 auto; }
.j_write h4 {
	padding-bottom:14px;
	margin-bottom:36px; 
	font-size: 24px; 
	font-weight: 500; 
}
.j_write .required {
	display: flex;
	align-items: center;
    column-gap: 5px;
    font-size: 12px;
    margin-bottom: 40px;
    padding-bottom: 10px;
    color: #bfbfbf;
	border-bottom: 1px solid var(--main-color);
}
.j_write .required span { color:#f25757; }


/* join_style_1 */
.join_style_1 {width:100%;}
.join_style_1 tbody { border-top: 1px solid var(--main-text); }
.join_style_1 th { font-weight: 500; text-align: left;  vertical-align:top; padding:13px 0 10px 0; font-size:15px;}
.join_style_1 th.fs_1 {padding: 20px 0 20px 30px; font-size:16px;}
.join_style_1 th.fv_1 {padding:20px 0 20px 30px;}
.join_style_1 th b { font-weight: 300; color:#f25757;}
.join_style_1 td {padding:5px 0 5px 13px;}
.join_style_1 td.fs_2 {font-size:14px;}
.join_style_1 td p.c1 {margin-top:5px; color:#f25757;}
.join_style_1 td p.c2 {margin-top:10px; color:#757575;}
.join_style_1 td #check_member_id {color:#0027EC; font-weight: 400;}

.join_style_1 td input.ws_1 {
	width: 100%;
	max-width: 344px;
}
.join_style_1 td input.ws_2 {
	width: 100%;
	max-width: 344px;
}
.join_style_1 td input.ws_3 {
	width: 100%;
	max-width:76px;
}
.join_style_1 td input.ws_4 {
	width: 100%;
	max-width: 102px;
}
.join_style_1 td input.ws_5 {width:134px;}
.join_style_1 td input.ws_6 {
	width: 100%;
	max-width:440px;
}
.join_style_1 td p.flex {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
}
.join_style_1 td select {
	padding: 10px;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
}
.join_style_1 td select.select_j1 {width:83px;}
.join_style_1 td select.select_j2 {width:124px;}

.j_visual_2 {padding:64px 0 0 35px;}
.j_visual_3 {padding:64px 0 0 35px;}

.thanks { max-width:980px; width: 100%;  margin:0 auto;}
.thanks h4 { 
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: var(--main-color);
}
div.flex_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
}

/* join_4.do */
.join_check_icon {
	display: block;
	margin: 60px auto 20px;
}
.join_4_tit {
	font-size: 20px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 30px;
}
.join_4_tit b { font-weight: 500; }
.join_btn_wrap {
	margin: 70px 0;
}
.join_3_table tr {
	border-bottom: 1px solid #E5E5E5;
}
.join_3_table th { 
	width: 20%;
	padding: 20px 0 20px 30px;
	background: #f9f9f9;
	box-sizing: border-box;
 }
.overlap_btn { 
	width: fit-content;
	max-width: 140px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 15px; 
	color: #fff;
	background: #303030; 
	border-radius: 21px;
	box-sizing: border-box; 
}
.join_3_table .id_wrap { 
	display: flex; 
	align-items: center;
	flex-wrap: wrap;
	column-gap: 18px; 
}


/* join_tab */
.join_tab {position:relative; overflow:hidden; max-width: 1200px; width: 100%;  margin:0 auto;}
.join_tab > h4 {position:absolute; left:0; top:0px;}
.join_tab > h4 a {display:block; width:490px; height:57px;}

.join_tab > div {
	display:none; 
	float:left; 
	overflow:hidden; 
	width: 100%;
	background:#fff; 
	box-sizing: border-box;
/* 	border-top:3px solid var(--main-color); */
}
.join_tab > div > ul {padding-top:18px;}
.join_tab > div > ul > li {overflow:hidden; vertical-align:top; margin-top:8px;}
.join_tab > div > ul > li.first {margin-top:0;}
.join_tab > div > ul > li > a {float:left; width:225px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.join_tab > div > ul > li > span {float:right; font-size:11px; font-family:Arial; color:#a1a1a1;}

.join_tab > h4 {text-indent:-9999px;}
.join_tab h4.on {z-index:1 !important;}
.join_tab h4#tabNavTitle0101 {left:0px;}
/* .join_tab h4#tabNavTitle0101 a {z-index:1; background:url(/images/join/j_tab1_off.gif) no-repeat;} */
/* .join_tab h4#tabNavTitle0101.on a {background:url(/images/join/j_tab1_on.gif) no-repeat;} */
.join_tab h4#tabNavTitle0102 {left:490px; z-index:1;}
/* .join_tab h4#tabNavTitle0102 a {background:url(/images/join/j_tab2_off.gif) no-repeat;} */
/* .join_tab h4#tabNavTitle0102.on a {background:url(/images/join/j_tab2_on.gif) no-repeat;} */
.join_tab #tabNav0101 {display:block;}

.licensee {text-align:center; padding:28px 0 42px 0; border-bottom:1px solid #d0d0d0;}
.licensee p {margin-bottom:16px;}
.licensee p.l_title span {padding-left:15px; margin-bottom:10px; background:url(/images/join/icon_type1.gif) no-repeat left 6px; font-size:16px; font-weight:bold;}
.licensee p.l_input input {width:422px; height:16px; padding:11px 0 10px 5px; font-size:16px; font-weight:bold; border:1px solid #c2c2c2;}
.licensee p.l_btn { 
	float:none; 
	margin-bottom:0;
	}
	

	
	
/* login tabs */
.tabs {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 0px 0 0;
	box-sizing: border-box;
}
.tabs .tab_link {
	width: 50%;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	padding: 20px 40px;
	background: #f3f3f3;
	box-sizing: border-box;
	transition: all .3s ease;
	border-radius: 15px 0 0 0;
	cursor: pointer;
}
.tabs .tab_link:last-child { border-radius: 0 15px 0 0; }
.tab_link.current { color: #fff; background: var(--main-color); }

.tab-content { display: none; }
.tab-content.current{ display: block; }

	


/* id search */

.auth_2 {
	display: flex;
	justify-content: center;
	column-gap: 170px;
    align-items: center;
	padding: 53px 10px 120px;
	border-bottom:none; 
	box-sizing: border-box;
}
.auth_2 .phone,
.auth_2 .ipin {
	max-width: 336px;
}
.auth_2 .ipin form { position: relative;  }
.find_pw {
	position: absolute;
    right: 0;
    bottom: -40px;
}
.find_pw_link {
	font-size: 14px;
	font-weight: 300;
	text-align: right;
	color: #202020;
	border-bottom: 1px solid #202020;
}

dl.type_2 dd span { width: 100%; }
dl.type_2 dd span.standard {
	width: 62px;  
	font-weight: 400; 
	font-size:14px; 
	margin-right: 3px;
	color: #b4b4b4; 
}
dl.type_2 dd span.standard.new_standard { width: 100px; }
dl.type_2 dd select.select_1 {width:73px;}
dl.type_2 dd input {
	width: 100%;
	height: 100%;
	font-size: 16px;
	padding: 10px 13px;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
}
dl.type_2 dd input:focus { outline: none; }
dl.type_2 .btn .search_btn {
	width: 100%;
	font-size: 14px;
	padding: 15px;
	margin-top: 10px;
	color: #fff;
	background: var(--main-color);
	transition: background-color  .3s ease;
}
dl.type_2 .btn .search_btn:hover { background: var(--hover-color); }
dl.type_2 dd input.ws_1 {width:63px;}
/* dl.type_2 dd input.ws_2 {width: 274px;} */
dl.type_2 dd.btn {  margin-bottom:0;}

.b_gui {
	display: flex;
	background:#f9f9f9;
	border:1px solid #d0d0d0;
	overflow:hidden; 
}
.b_gui p { width: 50%; padding:21px 0 18px 26px; box-sizing: border-box; }
.b_gui p.gui_r {border-left:1px solid #d0d0d0;}
.b_gui span.text { margin-right:10px; font-size:14px; line-height:18px;}

.licensee_2 {padding:83px 0 65px 0;}
.licensee_2 dl.type_2 {width:367px; margin:0 auto;}
.licensee_2 dl.type_2 dt {
	position: relative;
	font-size: 16px; 
	font-weight: 700;
	padding-left:15px; 
	margin-bottom: 30px; 
}
.licensee_2 dl.type_2 dt::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 6px;
	height: 6px;
	background: #5D5D5D;
}
.licensee_2 dl.type_2 dd {
	margin-bottom:15px;
}
.licensee_2 dl.type_2 dd span.standard {width:120px;}
.licensee_2 dl.type_2 dd.btn {padding-left:120px; margin-bottom:0;}

.licensee_3 {padding:40px 0 65px 0;}
.licensee_3 dl.type_2 { 
	display: flex;
	align-items: center;
	flex-direction: column;
}
.licensee_3 dl.type_2 dt { font-size: 24px; font-weight: 500; text-align: center; margin-bottom: 60px; letter-spacing:-1px;}
.licensee_3 dl.type_2 dd { margin-bottom:15px;}
.licensee_3 dl.type_2 dd span {font-size:14px; }
.licensee_3 dl.type_2 dd span.standard {margin-top:0;}
.licensee_3 dl.type_2 dd.btn_2 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 10px; 
	width: 100%;
	margin-top:40px; 
	margin-bottom:0;
}
.licensee_3 dl.type_2 dd.btn_2 a {
	font-size: 14px;
	padding: 15px 25px;
	color: #fff;
	background: var(--main-color);
	box-sizing: border-box;
	transition: background-color .3s ease;
}
.licensee_3 dl.type_2 dd.btn_2 a:last-child:hover { background: var(--hover-color); }
.licensee_3 dl.type_2 dd.btn_2 a:first-child {
	color: var(--text-color);
	background: none;
	border: 1px solid var(--border-color);
}

/* pw search */

.pw_search_tab h4#tabNavTitle0101 a {z-index:4; background:url(/images/join/pw_tab1_off.png) no-repeat;}
.pw_search_tab h4#tabNavTitle0101.on a {background:url(/images/join/pw_tab1_on.png) no-repeat;}
.pw_search_tab h4#tabNavTitle0102 a {background:url(/images/join/pw_tab2_off.png) no-repeat;}
.pw_search_tab h4#tabNavTitle0102.on a {background:url(/images/join/pw_tab2_on.png) no-repeat;}

.pw_visual {padding:50px 0 45px 100px; font-size:14px; color:#eb5252; line-height:22px; background:url(/images/join/lock_img.gif) no-repeat 30px 32px; letter-spacing:-1px;}

.authentication .phone_3 {padding-right:55px;}
.authentication .phone_3 dl.type_2 {padding-left:0;}
.authentication .phone_3 dl.type_2 dt span {display:block; margin-top:20px; font-weight:normal; font-size:14px; line-height:22px; letter-spacing:-1px;}
.authentication .phone_3 dl.type_2 dd span.standard_ra {width:70px; font-weight:bold; font-size:14px;}
.authentication .phone_3 dl.type_2 dd span label {margin-left:25px;}

.authentication .ipin_3 {padding-left:0;}
.authentication .ipin_3 dl.type_2 dt span {display:block; margin-top:20px; font-weight:normal; font-size:14px; line-height:22px; letter-spacing:-1px;}

.b_gui_2 {
	overflow:hidden; 
	padding: 34px 0 18px 26px; 
	text-align: center;
	border-top:1px solid #E8E8E8;
}
.b_gui_2 p {
	font-size:16px; 
	font-weight: 300;
	line-height:24px;
	padding-left:10px; 
	margin-right:15px;
	color: #B7B7B7; 
}
.b_gui_2 p strong { font-weight: 500; }

.licensee_pw {padding:83px 0 10px 0;}

.pw_s_btn {
	text-align:center; 
	margin: 30px 0 50px;
}
.pw_s_btn input {
	padding: 10px;
	color: #fff;
	background: var(--main-color);
	box-sizing: border-box;
	transition: background-color .3s ease;
}
.pw_s_btn input:hover { background: var(--hover-color); }
.pw_s_btn a {
	font-size: 18px;
	font-weight: 600;
	padding: 20px 40px;
	margin: 30px 0 0 0;
	color: #fff;
	background: var(--main-color);
	border-radius: 15px;
	box-sizing: border-box;
	transition: box-shadow .3s ease;
}
.pw_s_btn a:hover {
	box-shadow: 1px 0px 10px 2px rgba(0,0,0,0.16);
}

.pw_last dl.type_2 dd span.standard {width:110px;}

/* no_member */

.no_mem_visual {padding:50px 0 40px 100px; font-size:14px; line-height:22px; background:url(/images/join/cart_img.gif) no-repeat 19px 45px; border-bottom:3px solid #f25757; letter-spacing:-1px;}
.no_mem_visual strong.c1 {color:#eb5252;}

/* .pricecheck { */
/* 	display: flex; */
/* 	overflow:hidden;  */
/* 	margin-top:20px;  */
/* 	border-top: 1px solid var(--main-text); */
/* } */
/* .pricecheck .p_check1 {width: calc(100% / 3); border-right:1px solid #b9b9b9;} */
/* .pricecheck .p_check2 {width: calc(100% / 3); border-right:1px solid #b9b9b9;} */
/* .pricecheck .p_check3 {width: calc(100% / 3);} */
/* .pricecheck .top { */
/* 	overflow:hidden;  */
/* 	padding:15px 15px 15px 18px;  */
/* 	background:#f5f7fb;  */
/* 	border-bottom:1px solid #E9E9E9; */
/* } */
/* .pricecheck .top span.pt_l {float:left; font-weight:bold; font-size:14px; font-family:'Nanum Gothic'; color:#454545;} */
/* .pricecheck .top span.pt_r {float:right;} */
/* .pricecheck .top span.pt_r b {color:#f05d00;} */

/* .pricecheck .bottom {height:53px; padding:26px 30px 26px 0;} */
/* .pricecheck .bottom p {text-align:right; color:#353532; font-weight:bold;} */
/* .pricecheck .bottom p.minus {background:url(/images/sub_2/cart_icon_minus.png) no-repeat left 2px;  margin-left:-13px;} */
/* .pricecheck .bottom p.plus {background:url(/images/sub_2/cart_icon_plus.png) no-repeat left 2px;  margin-left:-13px;} */
/* .pricecheck .bottom p.equal {background:url(/images/sub_2/cart_icon_equal.png) no-repeat left 2px;  margin-left:-13px;} */
/* .pricecheck .bottom p b {font:bold 24px tahoma,dotum;} */

/* .pricecheck .p_check2 .bottom {padding:26px 31px 26px 0;} */
/* .pricecheck .p_check3 .bottom p b {color:#ff6c00;} */

/* .pricecheck .p_check_bottom {clear:both; padding:12px 15px; border-top:1px solid #b9b9b9; color:#353532;} */
/* .pricecheck .p_check_bottom span {margin-right:20px;} */

.cart_btn {text-align:center; margin-top: 60px;}


.info_b1 {overflow:hidden;}
.info_b1 .info_l {float:left; width:474px;}
.info_b1 .info_r {float:right; width:474px;}

/* 장바구니 */

/* 주문완료 */

p.shopping_img {text-align:center; margin:53px 0 25px 0;}
p.no_mem_t1 {text-align:center; margin-top:25px; color:#e85946; font-weight:bold;}
p.no_mem_t1 strong {color:#212121;}

/* 레이어 팝업 디자인 */

h4.hs_1 {padding-left:10px; margin:28px 0 11px 0; font:bold 18px 'Nanum Gothic'; background:url(/images/sub_2/s_icon_1.gif) no-repeat left 6px;}
h4.hs_1 span {font:normal 12px '돋움';}
h4.hs_1 span span.s_icon {padding-left:8px; background:url(/images/sub_2/table_list_1.gif) no-repeat left 4px;}
h4.hs_1 span b.star {color:#f25757;}

#mask {position:absolute; z-index:9000; background-color:#000; display:none; left:0; top:0;}
.window {display:none; position:fixed; top:25%; left:50%; margin-left:-400px; width:900px; z-index:10000;}
.address_bg {background:#fff url(/images/sub_2/strapline_bg.gif) repeat-x top;}
.address_pop {padding:0 20px 50px 20px;}
.address_pop .pop_strapline {height:66px;}
.address_pop .pop_strapline h3 {float:left; margin-top:20px;}
.address_pop .pop_strapline .state {float:right; margin-top:33px;}
.address_pop .pop_strapline .state_2 {float:left; margin:28px 0 0 20px;}
.address_pop .pop_strapline .state_2 span {padding:0 5px 0 9px; background:url(/images/sub_2/state_2_cut.gif) no-repeat left 2px;}
.address_pop .pop_strapline .state_2 span.first {padding:0 5px 0 0; background:none;}
.address_pop .pop_strapline p.pop_close {position:absolute; top:19px; right:25px;}
.address_pop p.type_1 {padding:20px 0; color:#ef513d; font-size:14px; font-weight:bold;}
.address_pop p.type_2 {margin:15px 0 0 0; color:#ef513d;}
.address_pop > ul {padding:15px 0 7px 0;}
.address_pop > ul li {margin-bottom:8px; font-weight:bold; color:#e05555;}
.address_pop ul.last {padding-left:100px;}
.address_pop ul.last li {margin-bottom:15px;}
.address_pop ul.last li span {color:#454545;}
.address_pop .btn_bottom {text-align:center; margin-top:40px;}
.address_pop .cancel_img {text-align:center; padding:90px 0 75px 0;}

h4.hs_1 span.c1 {margin-left:10px; color:#f25757;}
h4.hs_1 span.cut_1 {padding-left:12px; margin-left:8px; background:url(/images/sub_2/state_2_cut.gif) no-repeat left 2px;}


/* login */
.login_wrap {max-width:504px; width: 100%;  padding: 0px 0 80px 0; margin:0 auto; box-sizing: border-box; }
.login_wrap .tit { margin-top: 60px; }


.login_subtit {
	font-size: 16px;
    font-weight: 300;
    margin-bottom: 44px;
    text-align: center;
}

.l_img {margin-bottom:70px;}

.login_con { max-width: 336px; width: 100%;  margin:0 auto;  }

.login_box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	column-gap: 20px;
}


/* input */
.input {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 300;
  padding: 13px 15px;
  color: #555;
  border: 1px solid #EBEBEB;
  outline: none;
}
.input_div:first-child .input {
	border-bottom: none;
}
.input:focus { outline: none; }

.input_div input { 
	position: relative;
    height: 40px;
    box-sizing: border-box;
}
.input_div input[type="password"]{
	color:#555 !important;
	background-color:#fff;
}
.input_div div h5 {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 18px;
  transition: .3s;
}

.i {
  display: flex;
  justify-self: center;
  align-items: center;
}
i {
  font-size: 26px;
  color: #d9d9d9;
  transition: .3s; 
}
i.pl { 
	font-style: inherit;
	font-size: 12px; 
	font-weight: 400;
	color: #777;
}
i.pl em { color: #CA2224; }

/* */

.l_left {
	width: 100%;
}
.l_left p {margin-bottom:20px;}
.l_left p.last {margin-bottom:0;}
.l_left p input {
	width:285px; 
	height:30px; 
	font-size: 18px;
	padding:7px 0 7px 10px;
	border:none; 
    border-bottom:1px solid #9d9d9d; 
}

.l_btn { 
	width: 100%; 
	margin-top: 24px;
}
.login_btn {
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	padding: 15px;
	color: #fff;
	background: var(--main-color);
	cursor: pointer;
	border-radius: 4px;
	transition: background-color .3s ease;
}
.login_btn:hover { background: var(--hover-color); }

.btn_lnk {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.btn_lnk ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.btn_lnk ul li {
	font-size:14px;
	font-weight: 300;
	cursor: pointer;
}
.btn_lnk ul li.first {
	margin:0 20px 0 0;
}
.btn_lnk ul li.first label,
.agreement label,
.all_agreement label {
	display: flex;
	column-gap: 7px;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
}
.all_agreement label { justify-content: center; }
.btn_lnk ul li.first input,
.agreement input,
.all_agreement input { display: none; margin-top:-2px;}
.btn_lnk ul li.first .icon,
.agreement .icon,
.all_agreement .icon {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
  transition: background 0.1 ease;
}
.btn_lnk {
	margin-top: 20px;
}
.btn_lnk ul li.first .icon::after,
.agreement .icon::after,
.all_agreement .icon::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 4px;
  height: 8px;
  border-right: 4px solid #313131;
  border-bottom: 4px solid #313131;
  border-radius: 2px;
  transform: rotate(45deg) scale(0);
  transition: all 0.3s ease;
  transition-delay: 0.15s;
  opacity: 0;
}
.btn_lnk ul li.first input:checked ~ .icon,
.agreement input:checked ~ .icon,
.all_agreement input:checked ~ .icon {
  border-color: 1px solid #D4D4D4;
  animation: jelly 0.6s ease;
}
.btn_lnk ul li.first input:checked ~ .icon::after,
.agreement input:checked ~ .icon::after,
.all_agreement input:checked ~ .icon::after {
  content: '';
  opacity: 1;
  transform: rotate(45deg) scale(1);
}

.join_link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 14px;
}

/* .join_banner { */
/* 	display: flex; */
/* 	justify-content: space-between; */
/* 	align-items: center; */
/* 	width: 100%; */
/* 	padding: 0 60px; */
/* 	background: #F6F6F6; */
/* 	box-sizing: border-box; */
/* } */
/* .join_banner .text_wrap h5 { */
/* 	font-size: 20px; */
/* 	font-weight: 600; */
/* 	margin-bottom: 6px; */
/* } */
/* .join_banner .text_wrap p { */
/* 	display: flex; */
/* 	align-items: center; */
/* 	column-gap: 30px; */
/* 	font-size: 16px; */
/* 	font-weight: 300; */
/* } */
/* .join_banner .text_wrap p a { */
/* 	display: flex; */
/* 	align-items: center; */
/* 	column-gap: 10px; */
/* 	font-weight: 500; */
/* } */
/* .join_banner .text_wrap p a:hover img { */
/* 	animation: arrow 1s linear infinite; */
/* } */

@keyframes arrow {
	0% { transform: translateX(0px); }
	50% { transform: translateX(3px); }
	100% { transform: translateX(0px); }
}

@keyframes jelly {
  0% { transform: scale(1, 1); }
  30% { transform: scale(1.25, 0.75); }
  40% { transform: scale(0.75, 1.25); }
  50% { transform: scale(1.15, 0.85); }
  65% { transform: scale(0.95, 1.05); }
  75% { transform: scale(1.05, 0.95); }
  100% { transform: scale(1, 1); }
}


.btn_lnk ul li.last {margin:0;}
.btn_lnk ul li a {
	font-size:14px; 
	font-weight: 300; 
	padding:10px 0 10px 10px; 
}

.login_tab h4#tabNavTitle0101 a::before {
	content: '()';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	font-size: 18px;
	color: #2c2c2c;
	z-index: 100;
}

.login_tab .nomem_box {padding:30px 0 65px 0;}
.login_tab .all_agreement {width:auto;}

.t_box1 p strong.c1 {color:#eb5252;}

@media screen and (max-width: 940px) {
	.auth_2  { column-gap: 60px; }
	.join_banner {
    	justify-content: space-between;
    	flex-direction: column;
    	align-items: flex-start;
    	row-gap: 30px;
    	padding: 20px 20px 0;
	}
	.join_banner .text_wrap p {
    	flex-direction: column;
    	align-items: flex-start;
    	gap: 10px;
	}
	.join_banner .img_wrap { align-self: flex-end; }
}

@media screen and (max-width: 786px) {
	.tabs .tab_link { font-size: 20px; }
	.auth_2  {
		flex-direction: column; 
		row-gap: 80px;
	}
	.auth_2 .phone,
	.auth_2 .ipin { 
		display: flex; 
		justify-content: center; 
		width: 100%; 
		margin: 0 auto; 
	}
	.b_gui { flex-direction: column; }
	.b_gui p { width: 100%; }
	.b_gui p.gui_r { border-top: 1px solid #d0d0d0; border-left: none; }
	.pricecheck { flex-direction: column; }
	.pricecheck .p_check1 {width: 100%; }
	.pricecheck .p_check2 {width: 100%; }
	.pricecheck .p_check3 {width: 100%;}
}


@media screen and (max-width: 500px) {
	.tabs .tab_link {
		font-size: 14px;
		padding: 20px 12px;
	}
	.join_tab > div { padding-top: 0; }
	
	.terms { flex-direction: column; }
	.terms .t_l,
	.terms .t_r { width: 100%; }
	
	.title_rocation .join_process { column-gap: 30px; }
	.join_process li { font-size: 16px; }
	
	.join_3_table th { width: 22%; }
	.join_3_table th { font-size: 12px; }
/* 	.j_btn1 a, .j_btn1 .next_btn { font-size: 15px; } */
}

@media screen and (max-width: 480px) {
	.join_3_table .id_wrap { row-gap: 5px; }
	.join_style_1 td input.ws_5 { margin-bottom: 5px; }
	.join_style_1 td input.ws_4 { margin-top: 5px; }
}

@media screen and (max-width: 360px) {
	.authentication dl dd {
    	flex-direction: column;
    	align-items: flex-start;
    	row-gap: 5px;
	}
	dl.type_2 dd.btn { padding-left: 0; }
	.j_btn1 a { font-size: 16px; padding: 20px 38px;} 
	.join_process li { font-size: 14px; }
}