@charset "utf-8";

/*www_sub_layout 공통*/
.basic_wrap .ru5 { 
	border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; }
.basic_wrap h3.h3_tit { 
	height:67px;
	font-size:40px;
	margin-top:100px;
	letter-spacing:-6px;
	color:#222;
	background:url('/common/img/sub/h3_tit_line.gif') center bottom no-repeat;
}
.basic_wrap h4.h4_tit {
	font-size:20px;
	color:#343399;
	text-align:left;
	font-weight:bold;
	padding-left:57px;
	padding-top:7px;
	letter-spacing:-1px;
}
.basic_wrap span.add_txt { font-size:14px; color:#7a7a7a; font-weight:normal; padding-left:10px; }
.basic_wrap .container_inner .ci_inner {
	background:#fff;
	margin-top:50px;
	height:100%;
	min-height:calc(100vh - 2.5em - 7em);
}
.basic_wrap .container_inner .ci_inner .wrap1000 {
	max-width:1000px;
	margin:0 auto;
	padding-top:30px;
}
.basic_wrap .join_in { 
	clear:both;
	padding:50px 0;
	height:100%;
}
.basic_wrap .join_in .order {
	font-size:17px;
	font-weight:bold;
	text-align:left;
	letter-spacing:-1px;
	clear:both;
	float:left;
}
.basic_wrap .join_in span.num {
	font-family:'Arial';
	font-size:26px;
	font-weight:bold;
	letter-spacing:0px;
	padding-right:5px;
}
.basic_wrap .join_in .tbl01 {
	width:100%;
	margin-top:30px;
	float:left;
	clear:both;
	text-align:left;
	
}
.basic_wrap .join_in .tbl01 .out_scs {
width:90%; margin:0 auto; height:250px; padding:15px; border:1px solid #bdbdbd; font-size:15px; }
.basic_wrap .join_in .tbl01 th {
	font-size:15px;
	font-weight:bold;
	border:1px solid #e2e2e2;
	padding-left:20px;
}
.basic_wrap .join_in .tbl01 td {
	padding:13px 0;
	border:1px solid #e2e2e2;
	padding-left:20px;
}
.basic_wrap .join_in .tbl01 .bt2 {
	border-top:2px solid #222;
}
.basic_wrap .join_in .box_radius {
background:#fff;
height:41px; width:150px;
border:solid #bdbdbd 1px; 
border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; 
}
/*서브_비쥬얼*/
.basic_wrap .sub_section_visual { height:300px; width:100%; }
.basic_wrap .sub_section_tit { max-width:1200px; margin:0 auto; padding-left:179px; }
.basic_wrap .sub_section_stit { color:#fff; font-size:15px; letter-spacing:-1px; padding-top:5px; }
.basic_wrap .ssv_img_01 { background:url('/common/img/sub/sub_section_visual_01.jpg') center center no-repeat; height:300px; width:100%;
	background-size:cover; }
.basic_wrap .ssv_img_01 { background:url('/common/img/sub/sub_section_visual_02.jpg') center center no-repeat; height:300px; width:100%;
	background-size:cover; }
	
/*서브_약관*/
.basic_wrap .join_in .terms_z {	clear:both; }
.basic_wrap .join_in .terms_z li { float:left; }
.basic_wrap .join_in .terms_box {	
	/*width:100%;height:175px;*/
	display:block;
	float:left;
	height:200px; 
	padding:1em;
	background:#fdfcfc; 
	border:1px solid #ececec; 
	border-top:2px solid #222; 
	margin-top:20px; 
	margin-bottom:20px;
}
.basic_wrap .join_in .order_tit { font-size:18px;	font-weight:bold; text-align:left; padding-top:40px; letter-spacing:-1px; color:#000; }
.basic_wrap .join_in .terms_z .radio_on {	width:20px;	height:20px; background:url('img/sub/radio_on.gif') no-repeat; }
.basic_wrap .join_in .terms_z .radio_off { width:20px; height:20px;	border:1px solid #f43142; background:#f43142; }

/* 동의 & 미동의 라디오버튼 */
.basic_wrap .agree { clear:both; margin-top:15px; }
.basic_wrap .agree .txt { display:inline-block; height:20px; padding-bottom:4px; padding-left:6px; color:#000; }
.basic_wrap p.agree input[type=radio] { display:none; }
.basic_wrap p.agree input[type=radio] + label {
	display:inline-block;
	cursor:pointer;
	position:relative;
	padding-left:25px;
	margin-right:15px;
	font-size:13px;
	color:#000;
}
.basic_wrap p.agree input[type=radio] + label:before {
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	margin-right:10px;
	position:absolute;
	left:0;
	bottom:1px;
	background-color:#fff;
	border-radius:15px;
	border:5px solid #ddd;
}
.basic_wrap p.agree input[type=radio]:checked + label:before {
	content:"";
	background:#fff;
	border:5px solid #f43142;
	text-align:left;
}
.basic_wrap .next_step ul { display:inline-block; text-align:center; }
.basic_wrap .join_in .next_step { clear:both; padding-top:50px; }
.basic_wrap .join_in .next_step ul { text-align:center; }
.basic_wrap .join_in .next_step li { float:left; display:inline-block; }
.basic_wrap .join_in .next_step .cancel { width:190px; padding:20px 0; border:1px solid #d8d8d8; color:#000; margin-left:13px; }
.basic_wrap .join_in .next_step .next { width:190px; padding:20px 0; border:1px solid #343399; background:#343399; }
.basic_wrap .join_in .next_step .cancel a:link,
.basic_wrap .join_in .next_step .cancel a:visited,
.basic_wrap .join_in .next_step .cancel a:active,
.basic_wrap .join_in .next_step .cancel a:hover { font-size:15px; font-weight:bold; color:#000; }
.basic_wrap .join_in .next_step .next a:link,
.basic_wrap .join_in .next_step .next a:visited,
.basic_wrap .join_in .next_step .next a:active,
.basic_wrap .join_in .next_step .next a:hover { font-size:15px; font-weight:bold; color:#fff; }