@charset "UTF-8";

@media screen and (max-width: 1400px){
	.blind1400 {display:none !important}
	.add1400 {display:inline-block !important}
	.container {margin:0 1.5%}
	.main_pop {left:2% !important;top:5% !important}
	.main_pop .pop_box {height:auto !important}
	.main_pop .pop_box img {max-width:100%}
}

@media screen and (max-width: 1280px){
	body {font-size:15px}
	.blind1280 {display:none !important}
	.add1280 {display:inline-block !important}
	
	/* 텍스트 리스트 - dot, line */
	.list_txt_group {margin-bottom:18px;padding-bottom:18px}
	.list_txt_group .list_txt::before, 
	.list_txt_group .list_txt.line::before {top:9px}
	.list_txt_group .list_txt .num {top:1px}
	.list_txt_group .list_txt .list_inner .list_txt {font-size:0.88rem}

	/* 레이어 팝업 */
	.layer_pop .pop_head .head_tit {font-size:18px}
	.layer_pop .pop_head .btn_pop_close {width:16px;height:16px}
	.layer_pop .pop_body .cont_tit {}

	/* 로그인 */
	.login {max-width:580px;margin-top:20px;padding:30px 80px}
	.login .page_tit {padding-bottom:4px;font-size:28px}
	.login .inp_form .inp {margin-bottom:12px}
	.login .inp_form .inp input {padding-top:16px;padding-bottom:16px}
	.login .btn_custom {min-height:52px}
	.login .btn_list {column-gap:9px}

	/* 회원가입 */
	.join_step {margin-bottom:40px}
	.join_step .step_box {line-height:60px}
	.join_step .step_box .text {padding-left:40px;font-size:1.1em;background-size:32px}
	.agree_box .agree_txt {font-size:1.05em}
	.agree_box .inp_obj {margin-right:18px}
	.agree_box.all {padding:21px 18px}
	.age_chk .age_wrap .text { font-size: 1.3rem; }

/* 	.nomal_popup .pop_wrap .pop_head {  font-size: 1.1rem;} */
}

@media screen and (max-width: 1080px){
	.blind1080 {display:none !important}
	.add1080 {display:inline-block !important}
	.container {margin:0 12px}
	.s_txt {font-size:0.875rem}

	/* 텍스트 리스트 - dot, line */
	.list_txt_group {margin-bottom:15px;padding-bottom:15px}
	.list_txt_group .list_tit {margin-bottom:10px}
	.list_txt_group .list_txt.fs_b {font-size:1.05em}

	/* 레이어 팝업 */
	.layer_pop .pop_head {padding:15px 18px}
	.layer_pop .pop_head .head_tit {font-size:16px}
	.layer_pop .pop_body .pop_cont {padding:18px}
	.layer_pop .pop_body .page_gap {margin-bottom:20px}
	.pop_sign .input_sign {height:170px;margin:10px 0}
	.pop_sign .agree_box {padding:15px 10px}

	/* 로그인 */
	.login {padding:25px 70px 30px 70px}
	.login .page_tit {padding-bottom:2px;font-size:24px}
	
	/* 회원가입 */
	.join_step {margin-bottom:30px}
	.join_step .step_box {line-height:54px}
	.join_step .step_box .text {padding-left:0;font-size:0.9375em;background-image:none !important}
	/* .join_step .step_box .text {padding-left:34px;font-size:1.05em;background-size:27px} */
	.agree_box.all {padding:18px}
	.pw_check_pop {transform:translate(-50%, 0)}
	.age_chk .age_wrap { flex: 1 0 100%; padding: 20px 10px; }
	.age_chk .age_wrap .text { font-size: 1.1rem; }
	
	.membership_type {gap:14px;margin-bottom:14px}
	.membership_type li { font-size: 1em;}
	.membership_type li .text { padding: 100px 0 0;background-size: 86px;}
/* 	.nomal_popup .pop_wrap .pop_body .flex_wr.full  { flex-wrap: wrap;} */
}

@media screen and (max-width:768px){
	.blind768 {display:none !important}
	.add768 {display:inline-block !important}
	.s_txt {font-size:0.85rem}
	.s_txt_top {margin-bottom:5px}
	.s_txt_bottom {margin-top:5px}
	.s_txt_left {display:block;margin:0 0 5px 0}
	.s_txt_right {display:block;margin:5px 0 0 0}

	/* 텍스트 리스트 - dot, line */
	.list_txt_group .list_tit2 {padding:6px 10px 5px 10px}
	.list_txt_group .list_txt.fs_b {font-size:1em}
	.list_txt_group .list_txt.icon {padding-left:20px}
	.list_txt_group .list_txt .num {width:16px;height:16px;font-size:10px;line-height:17px}
		
	.main_pop {width:96% !important;max-width:500px}
		
	/* 레이어 팝업 */
	.layer_pop .pop_wrap {width:98%;max-width:100%;border-radius:12px}
	.layer_pop .pop_head {padding:13px 16px}
	.layer_pop .pop_head .head_tit {font-size:15px}
	.layer_pop .pop_body .pop_cont {padding:16px}
	.pop_sign .input_sign {height:150px;font-size:14px}
	.layer_pop.nomal_popup .pop_body .table .setTime {right:12px;top:13px;transform:translateY(0)}

	/* 로그인 */
	.login {padding:20px 30px 25px 30px}
	.login .page_tit {font-size:20px}
	.login .inp_form .inp {margin-bottom:9px}
	.login .inp_form .inp input {padding-top:14px;padding-bottom:14px}
	.login .btn_custom {min-height:48px;font-size:1em}
	.login .login_sbj {margin-top:20px}
	
	/* 회원가입 */
	.join_step {margin-bottom:25px}
	.join_step .step_box {line-height:48px; flex: 1 0 33%;border-top:1px solid var(--colorBorderGray)}
	.join_step .step_box:nth-child(3n) {border-right:0}
	.join_step .step_box:nth-child(-n+3) {border-top:0}
	.join_step .step_box .text {padding-left:0;font-size:1em;background-image:none !important}
	.agree_box {margin-top:12px}
	.agree_box .agree_txt {font-size:1em}
	.agree_box .inp_obj {margin-right:12px}
	.agree_box.all {display:block;padding:15px 12px}
	.agree_box.all .inp_obj {margin-top:8px;text-align:right}
	.join_exa .table {margin-top:18px}
	.join_exa .btn_list.flex {gap:7px 5px}
	.join_exa .btn_list.flex .list_li {flex:none;width:calc(50% - 3px)}
	.join_exa .btn_list.flex .list_li.mbl {width:100%}
	.pw_check_pop {max-width:280px;padding:17px 18px 12px 18px;font-size:0.9em;left:50%}

	/*.nomal_popup .pop_wrap { width: 90%;   }
	.nomal_popup .pop_wrap .pop_head {  font-size: 1.0rem;}
	.nomal_popup .pop_wrap .pop_body .flex_wr .btn_custom.sm { flex: 1 0 100%;}*/

	.membership_type li { font-size: 1em; flex: 1 0 47%;}
}

@media screen and (max-width:480px){
	body {font-size:14px}
	.container {margin:0 10px}
	.blind480 {display:none !important}
	.add480 {display:inline-block !important}
	
	/* 텍스트 리스트 - dot, line */
	.list_txt_group .list_txt.line::before {top:8px}
	
	/* 레이어 팝업 */
	.layer_pop .pop_body .search_bar {flex-wrap:wrap}
	.layer_pop .pop_body .search_bar .label {width:100%;margin:0 0 5px 0}
	.layer_pop .pop_body .search_bar .btn_sch {min-width:40px}
	.layer_pop .pop_body .pagination .items {width:26px;height:26px;line-height:26px}
	.pop_sign .input_sign {height:130px;font-size:13px}
	.layer_pop.nomal_popup .pop_body .table .setTime {top:11px}

	/* 로그인 */
	.login {padding:15px}
	.login .page_tit {padding-bottom:0;font-size:18px}
	.login .inp_form .inp {margin-bottom:6px}
	.login .inp_form .inp input {width:calc(100% - 20px)}
	.login .btn_list {column-gap:5px}

	/* 회원가입 */
	.join_step {letter-spacing:-0.02em;font-size:0.95em}
	.join_step .step_box {flex:1 50%;line-height:44px}
	.join_step .step_box:nth-child(3n) {border-right:1px solid var(--colorBorderGray)}
	.join_step .step_box:nth-child(-n+3) {border-top:1px solid var(--colorBorderGray)}
	.join_step .step_box:nth-child(2n) {border-right:0}
	.join_step .step_box:nth-child(-n+2) {border-top:0}
	.join_step .step_box .text {}
	.age_chk {gap:15px}
	.age_chk .age_wrap .text {margin-bottom:12px;font-size:1rem}
	.agree_box {display:block}
	.agree_box .inp_obj {margin:8px 0 0 0;text-align:right}
	.join_exa .btn_list.flex {gap:5px 3px}
	.join_exa .btn_list.flex .list_li {width:calc(50% - 2px)}
	.join_exa .btn_list.flex .btn_custom {min-width:inherit;letter-spacing:-0.03em}
	.pw_check_pop {padding:15px 15px 10px 15px}
	.pw_check_pop .status {display:block;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed var(--colorBorderGray)}
	.pw_check_pop .label::after {display:none}
	.pw_check_pop .result {margin-top:9px}
	
	.membership_type {gap:10px;margin-bottom:10px}
	.membership_type li { font-size: 1em}
	.membership_type li a {padding:10px 0}
	.membership_type li .text { padding: 68px 0 0;background-size: 62px;}
}