@charset "UTF-8";

@media screen and (max-width: 1400px){
	.blind1400 {display:none}
	.add1400 {display:block}
	.container {margin:0 2%}

	.custom_select .select_name {padding:9px 15px 8.5px 10px}
	.custom_select .option_list {top:41px}

	/* 로그인 */
	.login_cont .inner_box .tab_list_area > .list > li .btn .text {font-size:1.0625rem;line-height:58px}
	.login_cont .inner_box .login_cont {padding: 35px 20px;}
	.login_cont .inner_box .login_cont .login_box .title_area {margin: 0 0 10px;}
	.login_cont .inner_box .login_cont .login_box .title_area .title {font-size:1.625rem}
	.login_cont .inner_box .login_cont .login_box .id_pass_inp_area > .list > li .inp_box .inp {height: 32px; border: none;}
	.login_cont .inner_box .login_cont .login_box .btn_area .btn .text {}
	.login_cont .inner_box .login_cont .login_box .link_list_area > .list > li:after {height: 7px;}
	.login_cont .inner_box .login_cont .login_box .link_list_area > .list > li .link {}
	.login_cont .inner_box .login_cont .login_box .com_input_cont .inp {height:52px}

	/* 회원가입 - step1 */
	.member_area .member_list_area > .list > li::before { height: 94px;}
	.member_area .member_list_area > .list > li .box { padding:15px 20px}
	.member_area .member_list_area > .list > li .box .inner {}
	.member_area .member_list_area > .list > li .box .text_box {padding:25px 10px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img)::before {width:110px;height:110px;margin-bottom:20px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon01::before {background-size:50px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon02::before {background-size:40px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon03::before {background-size:43px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon04::before {background-size:45px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon05::before {background-size:57px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon06::before {background-size:48px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon07::before {background-size:62px}
	.member_area .member_list_area > .list > li .box .text_box .title {font-size:1.625rem}
	.member_area .member_list_area > .list > li .box .text_box .title_area .title { font-size: 18px; line-height: 27px;}
	.member_area .member_list_area > .list > li .box .text_box .text {font-size:1rem}
	.member_area .member_list_area > .list > li .box .text_box .xi_icon {width:38px;height:38px;margin-top:20px}
	.member_area .member_list_area > .list > li .box .text_box .xi_icon .icon {font-size:1rem}
	
	.member_area .member_list_area.sty2 > .list > li .box {padding: 25px 50px 25px 30px; background-position: right 30px center; background-size: 20px auto;}
}

@media screen and (max-width: 1280px){
	body {font-size:15px;line-height:1.4;font-weight:300}
	.blind1280 {display:none}
	.add1280 {display:block}
	.s_txt {font-size:0.8125rem}
	.gap {height:1px}
	
	/* 레이어 팝업 */
	.layer_pop .pop_head .head_tit {}
	.layer_pop .pop_head .btn_close {width:36px;height:36px}
	.layer_pop .pop_body .cont_tit {}

	.custom_select .option_list {top:39px}
	
	/* 로그인 */
	.login_cont .inner_box .login_cont {}
	.login_cont .inner_box .login_cont .login_box .title_area .title {}
	.login_cont .inner_box .tab_list_area > .list > li .btn .text {font-size:1rem;line-height:53px}

	/* 회원가입  */
	.member_area .id_info_box .inner {padding:20px 25px}
	.member_area .member_list_area > .list > li::before { height: 81px;}
	.member_area .member_list_area > .list > li .box { padding: 20px;}
	.member_area .member_list_area > .list > li .box .inner {}
	.member_area .member_list_area > .list > li .box .text_box .title_area .title { }
	.member_area .member_list_area.sty2 > .list > li .box {padding: 20px 40px 20px 20px; background-position: right 20px center;}

	.join_agree_con .page_cont .app_cont_list_area .consent_area {padding:15px 25px 15px 25px}
	.join_agree_con .full_agree .title {padding:18px 0 18px 20px}

	.safety_area {padding:0;top:53px;left:8px;z-index:1}
	.safety_area:before {transform:rotate(090deg) translateX(-50%);top:-3px;left:50%}
	.safety_area .inner_box {min-width:inherit}
}

@media screen and (max-width: 1080px){
	.blind1080 {display:none}
	.add1080 {display:block}
	.container {margin:0 1.5%}

	.custom_select .select_name {padding:9px 15px 8px 10px}
	
	/* 레이어 팝업 */
	.layer_pop .pop_head {padding:15px 18px}
	.layer_pop .pop_head .head_tit {}
	.layer_pop .pop_body .pop_cont {padding:18px}
	.layer_pop .pop_body .pop_cont .bold_txt {font-size:17px}
	.layer_pop .pop_slide_ctrl_btn .btn_ctrl {width:40px;height:40px;background-color:#212121;border-radius:100%;opacity:1}
	.layer_pop .pop_slide_ctrl_btn .btn_ctrl.prev {left:-1.5vw}
	.layer_pop .pop_slide_ctrl_btn .btn_ctrl.next {right:-1.5vw}
	.layer_pop .pop_slide_ctrl_btn .btn_ctrl .icon {font-size:18px;line-height:40px}

	/* 로그인 */
	.login_cont .inner_box .login_cont .login_box .title_area .title {}

	/* 회원가입 */
	.member_area .member_list_area > .list { flex-direction: column;}
	.member_area .member_list_area > .list > li::before { width: calc(100% - 30px); height: 1px; top: inherit; right: inherit; bottom: 0; left: 50%; transform: translateX(-50%);}
	.member_area .member_list_area > .list > li .box { padding: 15px; text-align: center;}
	.member_area .member_list_area > .list > li .box.no_cursor {padding:0}
	.member_area .member_list_area > .list > li .box .inner {background-position: top center;}
	.member_area .member_list_area > .list > li .box .text_box .title {margin-bottom:5px;font-size:1.375rem}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img)::before {width:95px;height:95px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon01::before {background-size:45px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon02::before {background-size:35px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon03::before {background-size:38px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon04::before {background-size:38px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon05::before {background-size:47px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon06::before {background-size:43px}
	.member_area .member_list_area > .list > li .box .text_box:not(.no_img).icon07::before {background-size:57px}
	.member_area .member_list_area.sty2 > .list > li .box {padding: 15px 15px 45px; background-position: center bottom 15px;}
	.member_area .member_list_area .com_input_cont.inp_btn .inp_label {width:calc(100% - 88px)}

	.member_area .id_info_box {margin-top:13px} 
	.member_area .id_info_box .inner {padding:15px 20px}
	.member_area .id_info_box .dt {margin-right:20px;padding-right:20px}
}

@media screen and (max-width:768px){
	body {font-size:14px}
	.blind768 {display:none}
	.add768 {display:block}
	.w400 {width:auto;max-width:inherit}
	.w500 {width:auto;max-width:inherit}
	.w600 {width:auto;max-width:inherit}
/* 	.custom_select .option_list {top:42px} */
	.gap {height:0;display:none}
	.custom_select .option_list::-webkit-scrollbar {width:2px;height:2px}

	
	/* 레이어 팝업 */
	.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 {}
	.layer_pop .pop_body .pop_cont {padding:16px}
	.layer_pop .pop_body .pop_cont .list_txt_group {padding:15px}
	.layer_pop .pop_slide_ctrl_btn {display:flex;justify-content:space-between;flex-wrap:nowrap;width:100%;height:40px;border-radius:8px;overflow:hidden;position:absolute;left:0;bottom:-48px}
	.layer_pop .pop_slide_ctrl_btn .btn_ctrl {flex:1;width:auto;top:auto;border-radius:0;border-right:1px solid rgba(255,255,255,0.2);transform:none;opacity:0.8;position:relative;top:auto}
	.layer_pop .pop_slide_ctrl_btn .btn_ctrl.prev {left:auto}
	.layer_pop .pop_slide_ctrl_btn .btn_ctrl.next {right:auto}
	.layer_pop .pop_tail {padding:15px 0}

	/* 로그인 */
	.login_cont .inner_box .tab_list_area > .list > li .btn .text {line-height:48px;font-size:0.9375rem}
	.login_cont .inner_box .login_cont {padding:28px 15px}
	.login_cont .inner_box .login_cont .login_box .title_area .title {font-size:1.375rem}
	.login_cont .inner_box .login_cont .login_box .com_input_cont .inp {height:48px}
	.login_cont .inner_box .login_cont .login_box .btn_area .btn_default .text {font-size:1rem;line-height:40px}
	/*.member_title_area {margin: 0 0 20px;}
	.member_title_area .title {line-height: 27px;}
	.member_title_area .title .ft_c {}
	.member_title_area .text {margin: 0 0 10px;}*/

	/* 회원가입 - step1 */
	.member_area .member_list_area > .list > li::before { width: calc(100% - 20px);}
	.member_area .member_list_area > .list > li .box { padding: 10px;}
	.member_area .member_list_area > .list > li .box .text_box .title {font-size:1.25rem}
	.member_area .member_list_area > .list > li .box .text_box .xi_icon {width:32px;height:32px}
	.member_area .member_list_area > .list > li .box .text_box .xi_icon .icon {font-size:0.875rem}
	.member_area .member_list_area.sty2 > .list > li .box {padding: 10px 10px 35px; background-position: center bottom 10px;}
		
	.join_agree_con .page_cont .app_cont_list_area .consent_area {padding:10px 15px}
	.join_agree_con .page_cont .app_cont_list_area .inner_cont {height:195px;padding:12px}
	.join_agree_con .page_cont .app_cont_list_area .inner_cont::-webkit-scrollbar {width:2px;height:2px}
	
	/* 메인 레이어 팝업 */
	.pop_layer {left: 10px !important; top: 10px !important; width: auto !important;}
	.pop_layer .pop_box {height:auto !important}
	.pop_layer .pop_box img {max-width:450px}
}

@media screen and (max-width:480px){
	.blind480 {display:none}
	.add480 {display:block}

	.w100 {width:auto;max-width:inherit}
	.w200 {width:auto;max-width:inherit}
	.w300 {width:auto;max-width:inherit}

	/* 회원유형 */
	.member_step_01_area .title_area {margin: 0 0 10px;}
	.member_step_01_area .title_area .title {line-height: 24px;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box {padding: 15px 5px;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box .tit {padding: 40px 0 0; background-size: 28px; line-height: 21px;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box .text {line-height: 35px;}

	.join_agree_con .full_agree .title {padding:15px 0 15px 10px;border-left-width:4px}
	.join_agree_con .full_agree .radio_list_area {margin-right:15px}
	.join_agree_con .full_agree .radio_list_area .list li {display:block}
	.step_01_cont_list .step_01_cont {margin: 0 0 10px;}
	.step_01_cont_list .step_01_cont > .list > li .box .text {padding: 60px 0 0; background-size: 42px 38px;}
	
	/* 메인 레이어 팝업 */
	.pop_layer .pop_box img {max-width:290px}
	.layer_pop .pop_body .pop_cont .list_txt_group {padding:12px}
}