/* 서브 공통 */
.s_vis_wrap {position:absolute; width:100%; height:540px; z-index:-1; background:url('../img/sub/sub_vis.jpg') 50% 50%; background-size:cover;}
.s_vis_sha {position:absolute; width:100%; height:540px; left:0px; top:0px; background:url('../img/main/sha.png'); background-size:1px 540px;}
.s_cont_wrap {position:relative; width:1220px; box-sizing:border-box; margin:0 auto; padding-top:235px; min-height:800px;}
.s_page_path {position:relative; width:100%; box-sizing:border-box; padding-bottom:6px; font-size:15px; font-weight:300; color:rgba(255,255,255,.6); letter-spacing:-0.2px;}
.s_page_path a {color:rgba(255,255,255,.6);}
.s_page_tit {position:relative; width:100%; box-sizing:border-box; padding-bottom:16px; font-size:23px; font-weight:600; color:rgba(255,255,255,1); letter-spacing:-0.3px; line-height:30px; word-break:keep-all;}
.s_page_txt {position:relative; width:100%; box-sizing:border-box; font-size:16px; font-weight:300; color:rgba(255,255,255,.8); letter-spacing:-0.2px; line-height:140%; word-break:keep-all;}


/* 회원가입 */
.mem_step_wrap {position:relative; width:100%; height:150px; box-sizing:border-box; padding-top:60px;}
.mem_step_box {position:relative; width:560px; height:62px; box-sizing:border-box; margin:0 auto;}
.mem_step_box ul li {position:relative; float:left; width:calc(33% - 6px); height:62px; box-sizing:border-box; border:solid 1px rgba(255,255,255,.15); font-size:15px; font-weight:400; color:rgba(255,255,255,1); letter-spacing:-0.1px; line-height:60px; text-align:center;}
.mem_step_box ul li.mem_cw {width:calc(34% - 6px);}
.mem_step_box ul li.mem_ar {width:9px; border:none; background:url('../img/svg/arr.svg') no-repeat 50% 50%; background-size:5px;}
.mem_step_box ul li.mem_on {border:solid 1px rgba(57,230,235,.3) !important; color:#39e6eb !important;}
.mem_terms_tit {position:relative; width:100%; box-sizing:border-box; padding-bottom:10px; font-size:17px; font-weight:400; color:rgba(255,255,255,1); letter-spacing:-0.2px;}
.mem_terms_box {position:relative; width:100%; height:300px; box-sizing:border-box; padding:30px; border:solid 1px rgba(255,255,255,.1); font-size:15px; font-weight:300; color:rgba(255,255,255,.7); letter-spacing:-0.2px; line-height:140%; word-break:keep-all; overflow-y:auto;}
.mem_terms_box::-webkit-scrollbar {
  width: 6px;  /* 스크롤바의 너비 */
}
.mem_terms_box::-webkit-scrollbar-thumb {
  height: 30%; /* 스크롤바의 길이 */
  background:rgba(255,255,255,.3); /* 스크롤바의 색상 */
  border-radius: 0px;
}
.mem_terms_box::-webkit-scrollbar-track {
  background: #131313;  /*스크롤바 뒷 배경 색상*/
}
.mem_terms_check {position:relative; width:100%; box-sizing:border-box; margin-top:15px; margin-bottom:40px;}
.mem_terms_check ul li {position:relative; float:right; height:22px; box-sizing:border-box; margin-right:6px; margin-left:22px;}
.mem_terms_check ul li.checktxt {font-size:15px; font-weight:300; color:rgba(255,255,255,.9); letter-spacing:-0.2px; padding-top:2px; margin-right:0px; margin-left:0px;}

[type="radio"] {
  vertical-align:middle;
  appearance:none;
  border:solid 2px rgba(255,255,255,.6);
  border-radius:50%;
  width:22px;
  height:22px;
  transition:all 0.1s ease 0s;
  cursor:pointer;	
}

[type="radio"]:checked {
  border:solid 6px #3bdce1;
}

.mem_terms_bt {position:relative; width:160px; height:62px; box-sizing:border-box; margin:0 auto; border:solid 1px rgba(255,255,255,.25); font-size:15px; font-weight:400; color:rgba(255,255,255,.8); letter-spacing:-0.1px; line-height:60px; text-align:center; cursor:pointer; transition:all 0.4s ease 0s;}
.mem_terms_bt:hover {border:solid 1px rgba(57,230,235,.3) !important; color:#39e6eb !important;}

.mem_form_wrap {position:relative; width:100%; box-sizing:border-box; padding:36px 0px 15px 0px; border-top:solid 1px rgba(255,255,255,.1); border-bottom:solid 1px rgba(255,255,255,.1); margin-bottom:30px;}
.mem_form_tit {position:relative; width:100%; box-sizing:border-box; padding-bottom:6px; font-size:15px; font-weight:400; color:rgba(255,255,255,.7); letter-spacing:-0.2px;}
.mem_form_box {position:relative; width:100%; height:60px; box-sizing:border-box; margin-bottom:23px; color:rgba(255,255,255,.5);}
.mem_form_txt {position:absolute; display:block; letter-spacing:2px; font-size:14px; color:rgba(255,255,255,.5); top:17px; left:165px;}

.mem_end_txt {position:relative; width:100%; box-sizing:border-box; font-size:15px; font-weight:300; color:rgba(255,255,255,.7); letter-spacing:-0.2px; line-height:150%; text-align:center; padding-top:40px; padding-bottom:60px; word-break:keep-all; margin:0 auto;}
.mem_end_col {display:inline-block; font-size:19px; font-weight:400; color:rgba(255,255,255,.9); padding-bottom:10px;}

/* 마이페이지 */
.mem_my_wrap {position:relative; width:100%; box-sizing:border-box; padding-top:60px; text-align:center;}
.mem_my_box {position:relative; display:inline-block; height:50px; box-sizing:border-box; padding-left:59px; padding-top:16px; background:url('../img/svg/my.svg') no-repeat 0px 50%; background-size:50px; font-size:16px; font-weight:400; color:rgba(255,255,255,.9); letter-spacing:-0.2px; text-align:left;}
.mem_my_col {padding-left:9px; color:rgba(255,255,255,.5); letter-spacing:normal;}
.mem_my_tit {position:relative; width:100%; box-sizing:border-box; font-size:20px; font-weight:400; color:rgba(255,255,255,.9); letter-spacing:-0.2px; padding-bottom:15px; margin-top:30px;}
.mem_my_tit_2 {position:relative; width:100%; box-sizing:border-box; font-size:20px; font-weight:400; color:rgba(255,255,255,.9); letter-spacing:-0.2px; padding-bottom:15px; margin-top:50px;}
.mem_my_info {position:relative; width:100%; box-sizing:border-box; margin-bottom:23px; color:rgba(255,255,255,.9); font-size:16px;}
.mem_my_apply {position:relative; width:100%; box-sizing:border-box; margin-bottom:20px; border:solid 1px rgba(255,255,255,.1);}
.mem_my_apply_none {position:relative; width:100%; box-sizing:border-box; border:solid 1px rgba(255,255,255,.1); padding:60px 20px; font-size:15px; font-weight:300; color:rgba(255,255,255,.6); letter-spacing:-0.1px; word-break:keep-all; line-height:150%; text-align:center;}
.mem_my_none_col {display:inline-block; font-size:17px; font-weight:400; color:rgba(255,255,255,.9); padding-bottom:7px;}

/* 약관 */
.mem_terms_wrap {position:relative; width:100%; box-sizing:border-box; border-top:solid 1px rgba(255,255,255,.1); border-bottom:solid 1px rgba(255,255,255,.1); font-size:15px; font-weight:300; color:rgba(255,255,255,.75); letter-spacing:-0.1px; word-break:keep-all; line-height:150%; padding-top:40px; padding-bottom:40px; margin-top:40px;}

/* table */
.mem_tab_1 {border:0; border-collapse:collapse; width:100%;}
.mem_tab_1 th {color:rgba(255,255,255,.9); width:120px; text-align:center; vertical-align:middle; padding-top:17px; padding-bottom:17px; box-sizing:border-box; line-height:130%; border:solid 1px rgba(255,255,255,.1); border-right:solid 1px rgba(255,255,255,.1); font-size:15px; letter-spacing:-0.1px; font-weight:400; background:rgba(255,255,255,.02);}
.mem_tab_1 td {text-align:left; vertical-align:middle; padding:17px 0px 17px 15px; box-sizing:border-box; font-size:15px; letter-spacing:-0.1px; line-height:130%; font-weight:300; color:rgba(255,255,255,.7); border:solid 1px rgba(255,255,255,.1);}
.mem_tab_1 td.mem_tab_col {padding:22px 0px 22px 20px; font-size:16px; letter-spacing:-0.1px; line-height:140%; font-weight:400; color:rgba(255,255,255,.9); word-break:keep-all; text-align:left; background:rgba(255,255,255,.02);}
.mem_tab_1 td.mem_tab_col_2 {color:#39e6eb;}

/* 결제 */
.pay_m_tit {position:relative; width:100%; box-sizing:border-box; font-size:15px; font-weight:300; color:rgba(255,255,255,.7); letter-spacing:-0.1px; line-height:150%; text-align:center; padding-top:40px; margin-bottom:40px; word-break:keep-all;}
.pay_m_tit_col {display:inline-block; font-size:21px; font-weight:600; color:rgba(255,255,255,1); letter-spacing:-0.2px; padding-bottom:9px;}
.pay_m_txt {position:relative; width:100%; box-sizing:border-box; font-size:15px; font-weight:300; color:rgba(255,255,255,.7); letter-spacing:-0.1px; line-height:150%; margin-top:40px; word-break:keep-all;}
.pay_m_txt_col {display:inline-block; font-weight:400; color:rgba(255,255,255,.9); padding-top:12px;}







/* form */
.inputForm_box
{
	font-size:16px;
	font-weight:400;
	letter-spacing:0.2px;
	color:#fff;
	height:56px;
	width:340px;
	background-color:rgba(255,255,255,.02);
	box-sizing:border-box;
	border:solid 1px rgba(255,255,255,.1);
	padding-left:10px;
	font-family:Pretendard,NotoSansKR,HelveticaNeue,'맑은 고딕','malgun gothic','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans',sans-serif;
	transition:all 0.2s ease 0s;
	border-radius:0px;
}
input.inputForm_box::-webkit-input-placeholder{color:rgba(255,255,255,.5); font-size:16px; font-weight:400; letter-spacing:-1px;}
input.inputForm_box::-moz-placeholder{color:rgba(255,255,255,.5); font-size:16px; font-weight:400; letter-spacing:-1px;}
input.inputForm_box:-moz-placeholder{color:rgba(255,255,255,.5); font-size:16px; font-weight:400; letter-spacing:-1px;}
input.inputForm_box:-ms-input-placeholder{color:rgba(255,255,255,.5); font-size:16px; font-weight:400; letter-spacing:-1px;}
.inputForm_box:focus {background-color:rgba(255,255,255,.07); border:solid 1px rgba(255,255,255,.15);}

.inputForm_box_2
{
	font-size:18px;
	font-weight:400;
	letter-spacing:normal;
	color:#fff;
	height:56px;
	background-color:rgba(255,255,255,.02);
	box-sizing:border-box;
	border:solid 1px rgba(255,255,255,.1);
	padding-left:10px;
	font-family:Pretendard,NotoSansKR,HelveticaNeue,'맑은 고딕','malgun gothic','Apple SD Gothic Neo','Apple SD 산돌고딕 Neo','Microsoft NeoGothic','Droid sans',sans-serif;
	transition:all 0.2s ease 0s;
	padding-bottom:3px;
	border-radius:0px;
}
input.inputForm_box_2::-webkit-input-placeholder{color:rgba(255,255,255,.5); font-size:14px; font-weight:400; letter-spacing:2px;}
input.inputForm_box_2::-moz-placeholder{color:rgba(255,255,255,.5); font-size:14px; font-weight:400; letter-spacing:2px;}
input.inputForm_box_2:-moz-placeholder{color:rgba(255,255,255,.5); font-size:14px; font-weight:400; letter-spacing:2px;}
input.inputForm_box_2:-ms-input-placeholder{color:rgba(255,255,255,.5); font-size:14px; font-weight:400; letter-spacing:2px;}
.inputForm_box_2:focus {background-color:rgba(255,255,255,.07); border:solid 1px rgba(255,255,255,.15);}


/* 태블릿 CSS */
@media all and (max-width:1260px){
	.s_vis_wrap {height:270px; }
	.s_vis_sha {height:270px; background:url('../img/main/sha.png'); background-size:1px 270px;}
	.s_cont_wrap {width:100%; padding-top:140px; padding-left:20px; padding-right:20px; min-height:600px;}
	.s_page_path {font-size:14px; padding-bottom:4px;}
	.s_page_tit {font-size:20px;}
	.s_page_txt {font-size:14px;}
	.mem_step_wrap {height:130px; padding-top:40px;}
	.mem_step_box {width:440px;}
	.mem_step_box ul li {font-size:14px;}
	.mem_terms_box {height:200px; padding:20px; font-size:14px;}
	.mem_terms_bt {color:rgba(255,255,255,.9);}
	.mem_form_wrap {padding:30px 0px 5px 0px;}
	.mem_end_txt {width:80%; font-size:14px; padding-top:20px; padding-bottom:40px; letter-spacing:-0.1px;}
	.mem_end_col {font-size:16px;}
	.mem_my_wrap {padding-top:40px;}
	.mem_my_tit {font-size:17px; margin-top:20px;}
	.mem_my_tit_2 {font-size:17px; margin-top:70px;}
	.mem_my_apply_none {padding:40px 20px; font-size:14px;}
	.mem_my_none_col {font-size:16px; padding-bottom:6px;}
	.mem_tab_1 th {color:rgba(255,255,255,.8); width:100px; padding-top:15px; padding-bottom:15px; font-size:14px; font-weight:300;}
	.mem_tab_1 td {padding:15px 0px 15px 15px; font-size:14px; color:rgba(255,255,255,.7);}
	.mem_tab_1 td.mem_tab_col {padding:20px; font-size:15px; color:rgba(255,255,255,.9);}
	.mem_my_box {padding-top:16px; font-size:15px;}
	.mem_terms_wrap {font-size:14px;}
	.pay_m_tit {padding-top:20px;}
	.pay_m_tit_col {font-size:18px; padding-bottom:10px;}
}


/* 모바일 CSS */
@media all and (max-width:480px){
	.s_vis_wrap {height:270px; }
	.s_vis_sha {height:270px; background:url('../img/main/sha.png'); background-size:1px 270px;}
	.s_cont_wrap {width:100%; padding-top:140px; padding-left:20px; padding-right:20px; min-height:600px;}
	.s_page_path {font-size:14px; padding-bottom:4px;}
	.s_page_tit {font-size:20px;}
	.s_page_txt {font-size:14px;}
	.mem_step_wrap {height:130px; padding-top:40px;}
	.mem_step_box {width:100%;}
	.mem_step_box ul li {font-size:14px;}
	.mem_terms_box {height:200px; padding:20px; font-size:14px;}
	.mem_terms_bt {width:100%; color:rgba(255,255,255,.9);}
	.mem_form_wrap {padding:30px 0px 5px 0px;}
	.inputForm_box {width:100%;}
	.mem_end_txt {width:80%; font-size:14px; padding-top:20px; padding-bottom:40px; letter-spacing:-0.1px;}
	.mem_end_col {font-size:16px;}
	.mem_my_wrap {padding-top:40px;}
	.mem_my_tit {font-size:17px; margin-top:20px;}
	.mem_my_tit_2 {font-size:17px; margin-top:70px;}
	.mem_my_apply_none {padding:40px 20px; font-size:14px;}
	.mem_my_none_col {font-size:16px; padding-bottom:6px;}
	.mem_tab_1 th {color:rgba(255,255,255,.8); width:100px; padding-top:15px; padding-bottom:15px; font-size:14px; font-weight:300;}
	.mem_tab_1 td {padding:15px 0px 15px 15px; font-size:14px; color:rgba(255,255,255,.7);}
	.mem_tab_1 td.mem_tab_col {padding:20px; font-size:15px; color:rgba(255,255,255,.9);}
	.mem_my_box {padding-top:16px; font-size:15px;}
	.mem_terms_wrap {font-size:14px;}
	.pay_m_tit {padding-top:20px;}
	.pay_m_tit_col {font-size:18px; padding-bottom:10px;}
}