@charset "UTF-8";

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

	.slide_btn .paging {margin-right:10px}
	.slide_btn .paging .dot {gap:12px}
}

@media screen and (max-width: 1280px){
	body {font-size:15px;line-height:1.4;font-weight:300}
	.blind1280 {display:none}
	.add1280 {display:block}
	
	/* 텍스트 리스트 - dot, line */
	.list_txt_group {margin-bottom:18px;padding-bottom:18px}
	.list_txt_group .list_tit {margin-bottom:10px;font-size:1.0625rem}
	.list_txt_group .list_txt::before {top:9px}
	.list_txt_group .list_txt .num {top:1px}
	.list_txt_group .list_txt .list_inner .list_txt {font-size:0.88rem}
	.list_txt_group .list_txt.sty2 {margin-bottom:12px;padding-left:30px}
	.list_txt_group .list_txt.sty2 .num {width:22px;height:22px;font-size:0.875rem;line-height:22px;top:-1px}

	/* 슬라이드 공통 */
	.slide_btn {display:flex;align-items:center;gap:8px;background-color:#fff}
	.slide_btn .pbar {width:140px}
	.slide_btn .paging {margin-right:7px}
	.slide_btn .paging .dot {gap:10px}
	.slide_btn .paging button {width:12px;height:12px}
	.slide_btn .ctrl {display:flex;align-items:center;justify-content:center;gap:12px}
	.slide_btn .btn:not(.btn_more) {width:14px;height:14px;background-size:9px}
	.slide_btn .btn.stop {background-size:cover}

	/* 레이어 팝업 */
	.layer_pop .pop_head .head_tit {font-size:18px}
	.layer_pop .pop_head .btn_close {width:16px;height:16px}
	.layer_pop .pop_body .cont_tit {}
	.layer_pop .pop_body .bold_txt {margin-bottom:15px;font-size:1.125rem}

	/* 로그인 */
	.login_cont_arae .inner_box {border: 5px solid #e9ecef; padding: 60px 65px 80px;}
	.login_cont_arae .inner_box .title_area {margin: 0 0 50px;}
	.login_cont_arae .inner_box .title_area .title {margin: 0 0 10px; font-size: 24px; line-height: 36px;}
	.login_cont_arae .inner_box .title_area .text {font-size: 18px; line-height: 27px;}
	.login_cont_arae .inner_box .login_input_list_area .list li {width: calc(33.3333% - 16.6666px); margin: 0 25px 0 0; padding: 0 25px 0 0;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .title {margin: 0 0 15px; font-size: 20px; line-height: 30px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box {margin: 0 0 17px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box .inp_txt {height: 45px; font-size: 14px; line-height: 45px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box .inp_txt.id {margin: 0 0 5px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .btn {margin: 0 0 15px; font-size: 16px; line-height: 45px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area .text {font-size: 14px; line-height: 21px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area .text a {font-size: 14px; line-height: 21px;}

	.login_cont_area {padding: 45px 5px;}
	.login_cont_area .box .title_area {margin: 0 0 25px;}
	.login_cont_area .box .title_area .title {margin: 0 0 10px; font-size: 20px; line-height: 30px;}
	.login_cont_area .box .title_area .title .ft_c:before {height: 6px;}
	.login_cont_area .box .title_area .text {font-size: 14px; line-height: 24px;}
	.login_cont_area .box .inp_area {margin: 0 0 15px;}
	.login_cont_area .box .inp_area .inp_box {margin: 0 0 3px;}
	.login_cont_area .box .inp_area .inp_box label {padding: 0 0 0 40px; background-position: left 10px center; background-size: 10px 14px;}
	.login_cont_area .box .inp_area .inp_box label:before {left: 40px; height: 15px;}
	.login_cont_area .box .inp_area .inp_box label .inp_txt {height: 45px;}
	.login_cont_area .box .inp_area .inp_box label .inp_txt::placeholder {font-size: 14px; line-height: 21px;}
	.login_cont_area .box .cont_btn_list_area {margin: 15px 0 0;}
	.login_cont_area .box .link_list_area {margin: 15px 0 0;}
	.login_cont_area .box .link_list_area .list li {margin: 0 10px 0 0; padding: 0 10px 0 0;}
	.login_cont_area .box .link_list_area .list li:after {height: 10px;}
	.login_cont_area .box .link_list_area .list li .link_btn {font-size: 14px; line-height: 21px;}

	.member_title_area {margin: 0 0 45px;}
	.member_title_area .title {margin: 0 0 10px; font-size: 24px; line-height: 36px;}
	.member_title_area .title .ft_c {font-size: 28px;}
	.member_title_area .title .ft_c:before {height: 6px;}
	.member_title_area .text {margin: 0 0 35px; font-size: 14px; line-height: 21px;}

	.login_cont_list_area2 > .list > li .box {padding: 40px 30px;}
	.login_cont_list_area2 > .list > li .box .title {margin: 0 0 25px; font-size: 20px; line-height: 30px;}
	.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label {padding: 0 0 0 40px; background-position: left 10px center;}
	.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label:before {left: 40px; height: 20px; margin: -10px 0 0;}
	.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label .inp_txt {height: 45px; font-size: 14px; line-height: 38px;}
	.login_cont_list_area2 > .list > li .box .link_list_area {margin: 10px 0 0;}
	.login_cont_list_area2 > .list > li .box .link_list_area > .list > li {margin: 0 10px 0 0; padding: 0 10px 0 0;}
	.login_cont_list_area2 > .list > li .box .link_list_area > .list > li:after {height: 10px; margin: -5px 0 0;}
	.login_cont_list_area2 > .list > li .box .link_list_area > .list > li .link {font-size: 14px; line-height: 21px;}

	/* 회원가입 step > step_cont01 variation */
	.com_step_cont_area.step_cont01 > .list > li .box {padding: 15px 5px 15px 15px;}
	.com_step_cont_area.step_cont01 > .list > li .box .title_area {padding: 0 0 0 40px; background-size: 30px 26px;}
	.com_step_cont_area.step_cont01 > .list > li .box .title_area .sub_tit {line-height: 21px;}
	.com_step_cont_area.step_cont01 > .list > li .box .title_area .title {font-size: 16px; line-height: 24px;}

	/* 회원가입 step > step_cont02 variation */
	.com_step_cont_area.step_cont02 > .list > li {margin: 0 15px 0 0; padding: 0 20px 0 0; background-size: 14px 25px;}
	.com_step_cont_area.step_cont02 > .list > li .box .title_area {padding: 3px 0 2px 70px; background-size: 53px;}
	.com_step_cont_area.step_cont02 > .list > li .box .title_area .sub_tit {line-height: 21px;}
	.com_step_cont_area.step_cont02 > .list > li .box .title_area .title {font-size: 16px; line-height: 24px;}

	/* 회원가입 step > step_cont03 variation */
	.com_step_cont_area.step_cont03 > .list > li .box .title_area .title {font-size: 18px; line-height: 50px;}

	/* 회원유형 */
	.member_step_01_area .title_area {margin: 0 0 45px;}
	.member_step_01_area .title_area .title {font-size: 26px; line-height: 39px;}
	.member_step_01_area .step_01_cont_list_area .list li {width: calc(33.3333% - 13.3333px); margin: 0 20px 0 0;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box {border: 2px solid #f9f9f9; padding: 57px 27px 65px;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box:hover, .member_step_01_area .step_01_cont_list_area .list li .inner_box:focus {border: 2px solid #3c79d5;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box .tit {margin: 0 0 25px; padding: 120px 0 0; background-size: 96px; font-size: 20px; line-height: 30px;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box .text {font-size: 16px; line-height: 45px;}

	.step_01_cont_list .step_01_cont {margin: 0 0 45px;}
	.step_01_cont_list .step_01_cont > .list > li .box {padding: 40px 10px;}
	.step_01_cont_list .step_01_cont > .list > li .box .title {font-size: 20px; line-height: 30px;}
	.step_01_cont_list .step_01_cont > .list > li .box .text {margin: 20px 0 0; padding: 170px 0 0; background-size: 146px 133px; font-size: 14px; line-height: 22px;}

	.member_step_01_area2 > .list > li {width: calc(33.3333% - 20px); margin: 0 30px 0 0;}
	.member_step_01_area2 > .list > li .box .text_box {padding: 30px 5px 25px;}
	.member_step_01_area2 > .list > li .box .text_box .title {margin: 0 0 6px; padding: 126px 0 0; background-size: 106px; font-size: 20px; line-height: 30px;}
	.member_step_01_area2 > .list > li .box .text_box .text {font-size: 14px; line-height: 25px;}
	.member_step_01_area2 > .list > li .box .view_cont .text {font-size: 16px; line-height: 55px;}

	.member_step_01_area3 > .list > li {width: calc(33.3333% - 20px); margin: 0 30px 0 0;}
	.member_step_01_area3 > .list > li .box .title_area {padding: 0 50px 0 20px;}
	.member_step_01_area3 > .list > li .box .title_area .title {font-size: 20px; line-height: 55px;}
	.member_step_01_area3 > .list > li .box .title_area .img_box {width: 30px; height: 30px;}
	.member_step_01_area3 > .list > li .box .text_box {padding: 20px 25px 25px;}
	.member_step_01_area3 > .list > li .box .text_box .text_list_area {margin: 0 0 20px;}
	.member_step_01_area3 > .list > li .box .text_box .text_list_area > .list > li {margin: 0 0 5px; padding: 0 0 0 10px; font-size: 14px; line-height: 24px;}
	.member_step_01_area3 > .list > li .box .text_box .text_list_area > .list > li:before {width: 4px; height: 4px;}
	.member_step_01_area3 > .list > li .box .text_box .view_btn {padding: 0 15px;}
	.member_step_01_area3 > .list > li .box .text_box .view_btn .text {font-size: 16px; line-height: 40px;}
}

@media screen and (max-width: 1080px){
	select {background-size:9px}
	.blind1080 {display:none}
	.add1080 {display:block}
	.container {margin:0 1.5%}
	.s_txt {font-size:0.875rem}
	.s_txt.sty2 {display:block;margin-left:0}

	/* 텍스트 리스트 - dot, line */
	.list_txt_group {margin-bottom:15px;padding-bottom:15px}
	.list_txt_group .list_tit {font-size:1rem}
	.list_txt_group .list_txt::before {top:8px}
	.list_txt_group .list_txt.icon {padding-left:12px}
	.list_txt_group .list_txt .list_inner .list_txt {font-size:0.85rem}
	.list_txt_group .list_txt.sty2 {padding-left:28px}
	.list_txt_group .list_txt.sty2 .num {width:20px;height:20px;line-height:20px;top:0}
	
	/* 슬라이드 공통 */
	.slide_btn .pbar {width:120px}
	.slide_btn .paging .dot {}
	.slide_btn .paging button {width:10px;height:10px}
	.slide_btn .ctrl {gap:9px}
	.slide_btn .btn:not(.btn_more) {width:12px;height:12px;background-size:8px}
	.slide_btn .btn.stop {background-size:cover}

	/* 레이어 팝업 */
	.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 .bold_txt {font-size:1.0625rem}

	/* 로그인 */
	.login_cont_arae .inner_box {border: 3px solid #e9ecef; padding: 40px 30px 60px;}
	.login_cont_arae .inner_box .title_area {margin: 0 0 30px;}
	.login_cont_arae .inner_box .title_area .title {margin: 0 0 5px; font-size: 20px; line-height: 30px;}
	.login_cont_arae .inner_box .title_area .text {font-size: 16px; line-height: 24px;}
	.login_cont_arae .inner_box .login_input_list_area .list li {width: calc(40% - 10px); margin: 0 15px 0 0; padding: 0 15px 0 0;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .title {margin: 0 0 10px; font-size: 18px; line-height: 27px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box {margin: 0 0 13px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box .inp_txt {height: 40px; padding: 0 5px 0 30px; background-size: 10px 11px; background-position: left 15px center; line-height: 40px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .btn {margin: 0 0 10px; font-size: 14px; line-height: 40px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area .text {}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area .text a {}

	/* 로그인 */
	.login_area {display: block;}
	.login_area .login_cont {display: block; width: 100%; padding: 20px 0; background-image: inherit;}
	.login_area .login_cont .tit_box .tit {font-size: 22px; line-height: 33px;}
	.login_area .login_cont .tit_box .txt {font-size: 15px; line-height: 22px;}
	.login_area .login_cont .login_box {margin: 25px auto 0;}
	.login_area .login_cont .login_box .inp_list .list li input {height: 40px; padding: 0 5px 0 32px; background-size: 12px 16px; background-position: 10px 50%; font-size: 14px; line-height: 38px;}
	.login_area .login_cont .login_box .inp_list .list li input::placeholder {font-size: 14px; line-height: 38px;}
	.login_area .login_cont .login_box .login_btn {margin: 15px 0 0; font-size: 15px; line-height: 40px;}
	.login_area .login_cont .login_box .btn_box {margin: 10px 0 0;}
	.login_area .login_cont .login_box .btn_box .btn {font-size: 15px; line-height: 40px;}

	.login_area .sns_cont {display: block; width: 100%; margin: 25px 0 0; padding: 0;}
	.login_area .sns_cont .sns_inner {padding: 30px 10px; font-size: 0;}
	.login_area .sns_cont .sns_inner .sns_area {display: inline-block; width: 50%; vertical-align: middle;}
	.login_area .sns_cont .sns_inner .sns_area .title {font-size: 20px; line-height: 30px;}
	.login_area .sns_cont .sns_inner .sns_area .list {margin: 20px 0 0;}
	.login_area .sns_cont .sns_inner .sns_area .list li {margin: 0 10px 0 0;}
	.login_area .sns_cont .sns_inner .sns_area .list li .sns {width: 40px; height: 40px; background-size: cover;}

	.login_area .sns_cont .sns_inner .one_area {display: inline-block; width: 50%; margin: 0; border-top: none; padding: 0; vertical-align: middle;}
	.login_area .sns_cont .sns_inner .one_area .title {font-size: 20px; line-height: 30px;}
	.login_area .sns_cont .sns_inner .one_area > .text {font-size: 14px; line-height: 21px;}
	.login_area .sns_cont .sns_inner .one_area .one_login {margin: 9px 0 0; padding: 0 94px 0 0;}
	.login_area .sns_cont .sns_inner .one_area .one_login input {height: 40px; font-size: 14px; line-height: 38px;}
	.login_area .sns_cont .sns_inner .one_area .one_login .one_btn {height: 40px; padding: 0 14px 0 35px; background-size: 18px 16px; background-position: left 9px center; font-size: 15px; line-height: 40px;}
	.login_area .sns_cont .sns_inner .one_area .id_save .chk_area label .text {font-size: 14px; line-height: 21px;}
	.login_area .sns_cont .sns_inner .one_area .login_util_list {margin: 6px 0 0;}
	.login_area .sns_cont .sns_inner .one_area .login_util_list li {margin: 0 9px 0 0; padding: 0 9px 0 0; }
	.login_area .sns_cont .sns_inner .one_area .login_util_list li:before {height: 10px;}
	.login_area .sns_cont .sns_inner .one_area .login_util_list li .text {font-size: 15px; line-height: 22px;}
	.login_area .sns_cont .sns_inner .one_area .one_inqury {margin: 5px 0 0; font-size: 14px; line-height: 21px;}
	/* 로그인 */

	/* ================== 로그인 ================== */
	.login_cont_list_area > .list > li{width:100%;}
	.login_cont_list_area > .list > li:last-child{display:none;}
	.login_cont_list_area > .list > li .box{height:auto;}
	.login_cont_list_area > .list > li .com_login_cont{border: 1px solid #e0e0e0;border-radius:10px;}
	.login_cont_list_area > .list > li .com_login_cont .inner_box{padding:40px;}

	.login_cont_list_area > .list > li .com_login_cont .inner_box .title{font-size: 24px;line-height: 24px;}
	.login_cont_list_area > .list > li .com_login_cont .inner_box .id_pass_cont_area > .list > li label .txt_inp{margin:14px 0 0 0;padding:0 0 0 22px;background-size: 12px 17px;background-position: 4px 13px;line-height: 21px;}
	.login_cont_list_area > .list > li .com_login_cont .inner_box .member_area > .list > li .btn{line-height: 21px;}

	.login_cont_area {padding: 30px 5px;}
	.login_cont_area .box .title_area {margin: 0 0 20px;}
	.login_cont_area .box .title_area .title {font-size: 18px; line-height: 27px;}
	.login_cont_area .box .title_area .title .ft_c:before {height: 4px;}
	.login_cont_area .box .title_area .text {line-height: 21px;}
	.login_cont_area .box .inp_area {margin: 0 0 10px;}
	.login_cont_area .box .inp_area .inp_box label {padding: 0 0 0 30px;}
	.login_cont_area .box .inp_area .inp_box label:before {left: 30px; height: 10px;}
	.login_cont_area .box .inp_area .inp_box label .inp_txt {height: 40px;}
	.login_cont_area .box .inp_area .inp_box label .inp_txt::placeholder {}
	.login_cont_area .box .cont_btn_list_area {margin: 10px 0 0;}
	.login_cont_area .box .link_list_area {margin: 10px 0 0;}
	.login_cont_area .box .link_list_area .list li .link_btn {}

	.member_title_area {margin: 0 0 30px;}
	.member_title_area .title {margin: 0 0 5px; font-size: 20px; line-height: 30px;}
	.member_title_area .title .ft_c {font-size: 24px;}
	.member_title_area .text {margin: 0 0 20px; }

	.login_cont_list_area2 > .list > li .box {padding: 30px 15px;}
	.login_cont_list_area2 > .list > li .box .title {margin: 0 0 15px; font-size: 18px; line-height: 27px;}
	.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label {padding: 0 0 0 25px; background-size: 10px 14px;}
	.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label:before {left: 25px; height: 10px; margin: -5px 0 0;}
	.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label .inp_txt {height: 30px; line-height: 28px;}
	.login_cont_list_area2 > .list > li .box .link_list_area {margin: 5px 0 0;}
	.login_cont_list_area2 > .list > li .box .link_list_area > .list > li {margin: 0 5px 0 0; padding: 0 5px 0 0;}
	.login_cont_list_area2 > .list > li .box .link_list_area > .list > li .link {}

	.login_com_cont_area .inner_box .login_inp_list_area {margin: 0 0 8px;}
	.login_com_cont_area .inner_box .login_inp_list_area > .list > li .txt {font-size: 14px; line-height: 21px;}
	.login_com_cont_area .inner_box .login_inp_list_area > .list > li .inp_txt {font-size: 14px; line-height:	28px;}
	.login_com_cont_area .inner_box .login_view_list_area {margin: 0 0 15px;}
	.login_com_cont_area .inner_box .login_view_list_area > .list > li .view_btn {font-size: 14px; line-height: 21px;}
	.login_com_cont_area .inner_box .login_view_list_area > .list > li label .chk {width: 12px; height: 12px;}
	.login_com_cont_area .inner_box .login_view_list_area > .list > li label .chk:checked {border: 1px solid #ff0000; background-color: #ff0000;}
	.login_com_cont_area .inner_box .login_view_list_area > .list > li label .chk:checked:before {width: 8px; height: 6px; background-size: 8px 6px;}
	.login_com_cont_area .inner_box .login_view_list_area > .list > li label .txt {font-size: 14px; line-height: 21px;}
	.login_com_cont_area .inner_box .cont_btn_list_area {margin: 0 0 10px;}
	.login_com_cont_area .inner_box .member_view_cont .box {padding: 15px 100px 20px 15px; background-size: 68px 52px;}
	.login_com_cont_area .inner_box .member_view_cont .box .title {margin: 0 0 10px; font-size: 18px; line-height: 27px;}
	.login_com_cont_area .inner_box .member_view_cont .box .text {padding: 0 20px 0 0; background-size: 16px; font-size: 14px; line-height: 21px;}

	/* ================== 회원가입 step ================== */
	.com_step_cont_area {display:none !important;}
	.com_step_cont_area > .list > li .box .title_area .sub_tit {font-size: 14px; line-height: 22px;}
	.com_step_cont_area > .list > li .box .title_area .title {font-size: 16px; line-height: 24px;}

	.com_step_cont_area.animal_style > .list > li{padding:0 4px 0 0;}
	.com_step_cont_area.animal_style > .list > li:last-child{padding: 0 0 0 0;}
	.com_step_cont_area.animal_style > .list > li .box{padding:16px 0 17px;}
	.com_step_cont_area.animal_style > .list > li .box .title_area{margin:0 auto;padding:0 0 0 50px;}
	.com_step_cont_area.animal_style > .list > li:nth-of-type(1) .box .title_area{width:230px;}
	.com_step_cont_area.animal_style > .list > li:nth-of-type(2) .box .title_area{width:145px;}
	.com_step_cont_area.animal_style > .list > li:nth-of-type(3) .box .title_area{width:108px;}
	.com_step_cont_area.animal_style > .list > li .box .title_area.icon01 {background-size: 34px auto;}
	.com_step_cont_area.animal_style > .list > li .box .title_area.icon02 {background-size: 35px auto;}
	.com_step_cont_area.animal_style > .list > li .box .title_area.icon03 {background-size: 38px auto;}

	.app_cont_area .app_cont .title_area {margin: 0 0 13px;}
	.app_cont_area .app_cont .title_area .title {margin: 0 0 6px;padding: 0 0 0 10px;font-size: 20px; line-height: 30px;}
	.app_cont_area .app_cont .title_area .title:before {width: 3px; height: 20px; margin: -10px 0 0;}
	.app_cont_area .app_cont .title_area .text {font-size: 16px; line-height: 25px;}
	.app_cont_area .app_cont .app_chk_area {margin: 0 0 10px; padding: 10px 10px 10px 25px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li {margin: 0 0 30px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li .box .inner_cont {padding: 15px 0 15px 15px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li .box .inner_cont .title {font-size: 14px; line-height: 22px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li .box .inner_cont .text {font-size: 13px; line-height: 20px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area {padding: 10px 25px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .title {font-size: 16px; line-height: 24px;}

	/* 회원유형 */
	.member_step_01_area .title_area {margin: 0 0 30px;}
	.member_step_01_area .title_area .title {font-size: 22px; line-height: 33px;}
	.member_step_01_area .step_01_cont_list_area .list li {width: calc(33.3333% - 6.6666px); margin: 0 10px 0 0;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box {padding: 35px 15px 40px;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box .tit {margin: 0 0 15px; padding: 80px 0 0; background-size: 64px; font-size: 18px; line-height: 27px;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box .text {font-size: 14px; line-height: 40px;}

	.step_01_cont_list .step_01_cont {margin: 0 0 30px;}
	.step_01_cont_list .step_01_cont > .list > li .box {padding: 30px 5px;}
	.step_01_cont_list .step_01_cont > .list > li .box .title {font-size: 16px; line-height: 24px;}
	.step_01_cont_list .step_01_cont > .list > li .box .text {margin: 10px 0 0; padding: 120px 0 0; background-size: 97px 88px; line-height: 21px;}

	.member_step_01_area2 > .list > li {width: calc(33.3333% - 13.3333px); margin: 0 20px 0 0;}
	.member_step_01_area2 > .list > li .box .text_box {padding: 26px 5px 20px;}
	.member_step_01_area2 > .list > li .box .text_box .title {padding: 96px 0 0; background-size: 70px; font-size: 18px; line-height: 27px;}
	.member_step_01_area2 > .list > li .box .text_box .text {line-height: 21px;}
	.member_step_01_area2 > .list > li .box .view_cont .text {font-size: 14px; line-height: 45px;}

	.member_step_01_area3 > .list > li {width: calc(33.3333% - 13.3333px); margin: 0 20px 0 0;}
	.member_step_01_area3 > .list > li .box .title_area {padding: 0 40px 0 15px;}
	.member_step_01_area3 > .list > li .box .title_area .title {font-size: 18px; line-height: 45px;}
	.member_step_01_area3 > .list > li .box .title_area .img_box {width: 26px; height: 26px;}
	.member_step_01_area3 > .list > li .box .text_box {padding: 20px;}
	.member_step_01_area3 > .list > li .box .text_box .text_list_area {margin: 0 0 15px;}
	.member_step_01_area3 > .list > li .box .text_box .text_list_area > .list > li {}
	.member_step_01_area3 > .list > li .box .text_box .view_btn {padding: 0 10px;}
	.member_step_01_area3 > .list > li .box .text_box .view_btn .text {padding: 0 10px 0 0; background-size: 4px 8px; font-size: 14px; line-height: 34px;}
}

@media screen and (max-width:768px){
	body {font-size:14px}
	.blind768 {display:none}
	.add768 {display:block}
	.s_txt {font-size:0.8125rem}

	.slide_btn {gap:2px}

	/* 텍스트 리스트 - dot, line */
	.list_txt_group .list_tit2 {padding:6px 10px 5px 10px}
	.list_txt_group .list_txt .num {width:16px;height:16px;font-size:10px;line-height:17px}
	.list_txt_group .list_txt.sty2 {margin-bottom:10px;padding-left:26px}
	.list_txt_group .list_txt.sty2 .num {width:19px;height:19px;font-size:0.8125rem}
	
	/* 레이어 팝업 */
	.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}
	.layer_pop .pop_body .cont_tit {font-size:1rem}
	.layer_pop .pop_body .cont_tit::before {height:15px;top:3px}

	/* 로그인 */
	.login_cont_arae .inner_box {border: 2px solid #e9ecef; padding: 20px 15px 30px;}
	.login_cont_arae .inner_box .title_area {margin: 0 0 20px;}
	.login_cont_arae .inner_box .title_area .title {font-size: 18px; line-height: 27px;}
	.login_cont_arae .inner_box .title_area .text {font-size: 14px; line-height: 21px;}
	.login_cont_arae .inner_box .login_input_list_area .list li {width: 100%; margin: 0 0 10px; border: none; padding: 0 0 10px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .title {margin: 0 0 5px; font-size: 16px; line-height: 24px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box {margin: 0 0 8px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .btn {margin: 0 0 5px; }

	.login_area .login_cont .tit_box .tit {font-size: 18px; line-height: 27px;}
	.login_area .login_cont .tit_box .txt {font-size: 14px; line-height: 21px;}
	.login_area .login_cont .login_box {margin: 10px auto 0;}
	.login_area .login_cont .login_box .inp_list .list li input::placeholder {}
	.login_area .login_cont .login_box .btn_box .btn {}
	.login_area .sns_cont {margin: 10px 0 0;}
	.login_area .sns_cont .sns_inner .sns_area {display: block; width: 100%;}
	.login_area .sns_cont .sns_inner .sns_area .list {margin: 10px 0 0;}
	.login_area .sns_cont .sns_inner .sns_area .list li .sns {width: 35px; height: 35px;}
	.login_area .sns_cont .sns_inner .sns_area .title {font-size: 18px; line-height: 27px;}
	.login_area .sns_cont .sns_inner .one_area {}
	.login_area .sns_cont .sns_inner .one_area {display: block; width: 100%; max-width: 400px; margin: 20px auto 0;}
	.login_area .sns_cont .sns_inner .one_area .title {font-size: 18px; line-height: 27px;}
	.login_area .sns_cont .sns_inner .one_area .one_login input {height: 35px; line-height: 33px;}
	.login_area .sns_cont .sns_inner .one_area .one_login .one_btn {height: 35px; line-height: 35px;}
	.login_area .sns_cont .sns_inner .one_area .login_util_list li {margin: 0 6px 0 0; padding: 0 6px 0 0; }
	.login_area .sns_cont .sns_inner .one_area .login_util_list li .text {font-size: 14px; line-height: 21px;}
	/* 로그인 */

	/* ================== 로그인 ================== */
	.login_cont_list_area > .list > li{display:block;width:100%;}
	.login_cont_list_area > .list > li .com_login_cont .inner_box{padding:20px 10px;}
	.login_cont_list_area > .list > li .com_login_visual{border-radius: 0 0 20px 20px;}
	.login_cont_list_area > .list > li .com_login_cont .inner_box .title{font-size: 22px;line-height: 22px;}

	.login_cont_area {padding: 20px 5px;}
	.login_cont_area .box .title_area {margin: 0 0 10px;}
	.login_cont_area .box .title_area .title {font-size: 16px; line-height: 24px;}
	.login_cont_area .box .inp_area .inp_box label {padding: 0 0 0 20px;}
	.login_cont_area .box .inp_area .inp_box label:before {left: 20px;}
	.login_cont_area .box .inp_area .inp_box label .inp_txt {height: 30px;}
	.login_cont_area .box .cont_btn_list_area .list li {width: 100%;}

	.member_title_area {margin: 0 0 20px;}
	.member_title_area .title {font-size: 18px; line-height: 27px;}
	.member_title_area .title .ft_c {font-size: 20px;}
	.member_title_area .text {margin: 0 0 10px;}

	.login_cont_list_area2 > .list > li {display: block; width: 100%; margin: 0 0 5px;}
	.login_cont_list_area2 > .list > li .box {padding: 20px 10px;}
	.login_cont_list_area2 > .list > li .box .title {margin: 0 0 10px; font-size: 16px; line-height: 24px;}
	.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label {padding: 0 0 0 20px; background-size: 6px 9px;}
	.login_cont_list_area2 > .list > li .box .inp_cont_box > .list > li label:before {left: 20px;}

	.login_com_cont_area .inner_box .login_inp_list_area {margin: 0 0 5px;}
	.login_com_cont_area .inner_box .login_inp_list_area > .list > li .txt {}
	.login_com_cont_area .inner_box .login_inp_list_area > .list > li .inp_txt {}
	.login_com_cont_area .inner_box .login_view_list_area {margin: 0 0 10px;}
	.login_com_cont_area .inner_box .login_view_list_area > .list > li .view_btn {}
	.login_com_cont_area .inner_box .login_view_list_area > .list > li label .txt {}
	.login_com_cont_area .inner_box .member_view_cont .box {padding: 10px 70px 10px 10px; background-size: 45px 34px;}
	.login_com_cont_area .inner_box .member_view_cont .box .title {font-size: 16px; line-height: 24px;}
	.login_com_cont_area .inner_box .member_view_cont .box .text {}


	/* ================== 회원가입 step ================== */
	.com_step_cont_area.animal_style > .list > li {width:100%;}
	.com_step_cont_area.animal_style > .list > li .box .title_area .sub_tit {line-height: 20px;}
	.com_step_cont_area.animal_style > .list > li .box .title_area .title {font-size: 14px; line-height: 22px;}

	.com_step_cont_area.animal_style > .list > li{padding:0;}
	.com_step_cont_area.animal_style > .list > li .box{padding:14px 0 15px;}
	.com_step_cont_area.animal_style > .list > li .box .title_area{padding:0 0 0 40px;}
	.com_step_cont_area.animal_style > .list > li .box .title_area.icon01 {background-size: 28px auto;}
	.com_step_cont_area.animal_style > .list > li .box .title_area.icon02 {background-size: 29px auto;}
	.com_step_cont_area.animal_style > .list > li .box .title_area.icon03 {background-size: 32px auto;}

	.app_cont_area .app_cont .title_area {margin: 0 0 8px;}
	.app_cont_area .app_cont .title_area .title {padding: 0 0 0 7px; font-size: 16px; line-height: 27px;}
	.app_cont_area .app_cont .title_area .text {font-size: 14px; line-height: 22px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li {margin: 0 0 20px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li .box .inner_cont {padding: 10px 0 10px 10px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li .box .inner_cont .title {line-height: 21px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li .box .inner_cont .text {line-height: 21px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area {display: block; padding: 10px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li .box .consent_area .title {margin: 0 0 5px !important; font-size: 14px; line-height: 21px;}

	/* 회원유형 */
	.member_step_01_area .title_area {margin: 0 0 20px;}
	.member_step_01_area .title_area .title {font-size: 20px; line-height: 30px;}
	.member_step_01_area .step_01_cont_list_area .list li {width: 100%; margin: 0 0 10px;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box {padding: 20px 15px 30px;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box .tit {margin: 0 0 10px; padding: 60px 0 0; background-size: 42px; font-size: 16px; line-height: 24px;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box .text {}

	.step_01_cont_list .step_01_cont {margin: 0 0 20px;}
	.step_01_cont_list .step_01_cont > .list > li .box {padding: 20px 5px;}
	.step_01_cont_list .step_01_cont > .list > li {display: block; width: 100%; margin: 0 0 5px;}
	.step_01_cont_list .step_01_cont > .list > li .box .title {font-size: 14px; line-height: 21px;}
	.step_01_cont_list .step_01_cont > .list > li .box .text {padding: 80px 0 0; background-size: 64px 58px;}

	.member_step_01_area2 > .list > li {width: 100%; margin: 0 0 10px;}
	.member_step_01_area2 > .list > li .box .text_box {padding: 15px 5px;}
	.member_step_01_area2 > .list > li .box .text_box .title {padding: 66px 0 0; background-size: 46px; font-size: 16px; line-height: 24px;}
	.member_step_01_area2 > .list > li .box .view_cont .text {line-height: 40px;}

	.member_step_01_area3 > .list > li {width: 100%; margin: 0 0 10px;}
	.member_step_01_area3 > .list > li .box .title_area .title {font-size: 16px; line-height: 40px;}
	.member_step_01_area3 > .list > li .box .text_box {padding: 15px;}
	.member_step_01_area3 > .list > li .box .text_box .text_list_area {margin: 0 0 10px;}
	.member_step_01_area3 > .list > li .box .text_box .view_btn .text {}
	
	/* 메인 레이어 팝업 */
	.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}
	.layer_pop.pop5 .pop_cont .btn_default.small .text {font-size:0.875rem}
}

@media screen and (max-width:540px){
	.blind540 {display:none !important}
	.add540 {display:inline-block !important}
}

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

	/* 텍스트 리스트 - dot, line */
	.list_txt_group .list_txt.sty2 {padding-left:23px}
	.list_txt_group .list_txt.sty2 .num {width:17px;height:17px;line-height:18px;font-size:0.75rem}

	/* 레이어 팝업 */
	.layer_pop .pop_body .bold_txt {font-size:1rem}
	.layer_pop.pop5 .pop_cont .input_form .inp_btn input {width:100%}
	.layer_pop.pop5 .input_form .file_txt .btn.delete {max-width:45px}

	/* 로그인 */
	.login_cont_arae .inner_box {border: 1px solid #e9ecef; padding: 15px 5px;}
	.login_cont_arae .inner_box .title_area {margin: 0 0 10px;}
	.login_cont_arae .inner_box .title_area .title {font-size: 16px; line-height: 24px;}
	.login_cont_arae .inner_box .title_area .text {}
	.login_cont_list_area > .list > li .com_login_cont .inner_box{padding:20px 10px;}
	.login_cont_list_area2 > .list > li .box .cont_btn_list_area > .list > li {width: 100%;}

	/* 회원유형 */
	.member_step_01_area .title_area {margin: 0 0 10px;}
	.member_step_01_area .title_area .title {font-size: 16px; 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; font-size: 14px; line-height: 21px;}
	.member_step_01_area .step_01_cont_list_area .list li .inner_box .text {line-height: 35px;}

	.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}
}