@charset "UTF-8";


@media screen and (max-width: 1280px){ 
	.container {padding: 0 5px;}

	/* 로그인 */
	.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 {font-size: 12px; 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 {font-size: 12px; 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;}

	.clear_cont_area .inner_box {padding: 50px 10px;}
	.clear_cont_area .inner_box .text_box {margin: 0 0 25px; padding: 114px 0 0; background-size: 106px;}
	.clear_cont_area .inner_box .text_box .title {margin: 0 0 5px; font-size: 20px; line-height: 30px;}
	.clear_cont_area .inner_box .text_box .text {font-size: 14px; line-height: 24px;}

	/* ==================== 레이어팝업 Style ==================== */
	.info_com_popup_cont .inst_box .inner_area > .title_area {padding: 5px 30px 5px 15px;}
	.info_com_popup_cont .inst_box .inner_area .title_area .title {font-size: 20px; line-height: 40px;}
	.info_com_popup_cont .inst_box .inner_area .pop_close {top: 15px; right: 15px; width: 12px; height: 12px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area {padding: 30px 15px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box {padding: 120px 0 0; background-size: 106px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .title {margin: 0 0 8px; font-size: 20px; line-height: 30px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li {margin: 0 0 20px 0;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li .text {font-size: 13px; line-height: 21px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li .text.gray {font-size: 12px; line-height: 21px;}
	
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area.sty2 {padding: 10px; border: 4px solid #eeeeee; border-radius: 15px;}

	.info_com_popup_cont .inst_box.pop04 .inner_area .inst_cont .com_input_form_area {padding: 30px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .tag .list li .txt {font-size: 12px; line-height: 23px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area {padding: 0 0 10px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .title {height: 54px; margin: 10px 0 0; font-size: 18px; line-height: 27px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info {padding: 10px 0 0;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li {margin: 5px 0 0;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box .tit {width: 70px; padding: 0 0 0 15px; background-size: 12px auto; font-size: 14px; line-height: 21px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box .txt {padding: 0 0 0 10px; font-size: 12px; line-height: 18px;}
	
	/*pop07 댓글 수정*/
	.info_com_popup_cont .inst_box .regist_area textarea {height: 70px; font-size: 12px; line-height: 21px;}
	.info_com_popup_cont .inst_box.pop07 > .inner_area > .inst_cont > .com_input_form_area > .cont_btn_list_area {margin: 10px 0 0 0;}
	.info_com_popup_cont .inst_box.pop07 > .inner_area > .inst_cont > .com_input_form_area > .cont_btn_list_area > .list > li {margin: 0 5px 0 0;}
	/* ==================== 레이어팝업 Style ==================== */
}

@media screen and (max-width: 1080px){

	/* 로그인 */
	.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; font-size: 12px; 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 {font-size: 12px;}
	.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area .text a {font-size: 12px;}

	/* 로그인 */
	.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;font-size: 12px;line-height: 21px;}
	.login_cont_list_area > .list > li .com_login_cont .inner_box .member_area > .list > li .btn{font-size: 12px;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 {font-size: 12px; 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 {font-size: 12px;}
	.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 {font-size: 12px;}

	.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; font-size: 12px;}

	.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; font-size: 12px; 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 {font-size: 12px;}

	.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; font-size: 12px; 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 {font-size: 12px; 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 {font-size: 12px;}
	.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;}
	
	/* ==================== 레이어팝업 Style ==================== */
	.info_com_popup_cont .inst_box {padding: 0 5px;}
	.info_com_popup_cont .inst_box .inner_area > .title_area {padding: 5px 30px 5px 15px;}
	.info_com_popup_cont .inst_box .inner_area .title_area .title {font-size: 16px; line-height: 30px;}
	.info_com_popup_cont .inst_box .inner_area .pop_close {top: 10px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area {padding: 20px 15px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box {padding: 90px 0 0; background-size: 70px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .title {margin: 0 0 5px; font-size: 18px; line-height: 27px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li {margin: 0 0 10px 0;}
	
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area.sty2 {padding: 5px 10px; border: 3px solid #eeeeee; border-radius: 10px;}

	.info_com_popup_cont .inst_box.pop04 .inner_area .inst_cont .com_input_form_area {padding: 20px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .title {height: 48px; font-size: 16px; line-height: 24px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box .tit {width: 60px; padding: 0 0 0 15px; background-position: left top 3px; background-size: 12px auto; font-size: 12px; line-height: 18px; vertical-align: top;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .info .list li .box .txt {vertical-align: top;}
	
	/*pop07 댓글 수정*/
	.info_com_popup_cont .inst_box .regist_area textarea {height: 60px;}
	/* ==================== 레이어팝업 Style ==================== */

	.clear_cont_area .inner_box {padding: 40px 5px;}
	.clear_cont_area .inner_box .text_box {margin: 0 0 15px; padding: 84px 0 0; background-size: 70px;}
	.clear_cont_area .inner_box .text_box .title {font-size: 18px; line-height: 27px;}
	.clear_cont_area .inner_box .text_box .text {font-size: 12px; line-height: 21px;}
}

@media screen and (max-width:767px){
	.pop_layer {display: none !important;}
	
    /* head popzon */
    .head_popzon .popzon_box {padding: 10px 0;}
    .head_popzon .popzon_box .nav_box {position: inherit; top: inherit; left: inherit; margin: 5px 0 30px;}
    .head_popzon .popzon_box .slide_zon #head_slide li a {padding: 5px;}
    .head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 27px; font-size: 18px; line-height: 27px;}
    .head_popzon .popzon_box .slide_zon #head_slide li a .text {margin: 3px 0 0; height: 21px; font-size: 14px; line-height: 21px;}
    .head_popzon .popzon_box .nav_box .num {margin: 0 10px; font-size: 14px; line-height: 14px;}
	.head_popzon .popzon_box .nav_box .nav {width: 7px; height: 12px; background-size: contain;}
	.head_popzon .popzon_box .nav_box .play_btn_box {width: 7px; height: 10px; margin: 0 0 0 10px;}
	.head_popzon .popzon_box .nav_box .play_btn_box button {width: 7px; height: 10px; background-size: contain;}
    .head_popzon .popzon_box .chk_each {right: inherit; left: 15px; padding: 3px 0; vertical-align: bottom;}
	.head_popzon .popzon_box .chk_each label {padding: 0 0 0 17px; font-size: 12px; line-height: 13px;}
	.head_popzon .popzon_box .chk_each label .vchkbox {width: 13px; height: 13px;}
    .head_popzon .popzon_box .head_popzon_close {top: inherit; right: 15px; padding: 5px 0; bottom: 10px; width: 19px;}
	.head_popzon .popzon_box .head_popzon_close img {width: 9px;}
	
	/* 로그인 */
	.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; font-size: 12px;}

	/* 로그인 */
	.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 {font-size: 12px;}
	.login_area .login_cont .login_box .btn_box .btn {font-size: 12px;}
	.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; font-size: 12px; line-height: 33px;}
	.login_area .sns_cont .sns_inner .one_area .one_login .one_btn {height: 35px; font-size: 12px; 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 {font-size: 12px;}
	.login_com_cont_area .inner_box .login_inp_list_area > .list > li .inp_txt {font-size: 12px;}
	.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 {font-size: 12px;}
	.login_com_cont_area .inner_box .login_view_list_area > .list > li label .txt {font-size: 12px;}
	.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 {font-size: 12px;}

	
	/* ================== 회원가입 step ================== */
	.com_step_cont_area.animal_style > .list > li {width:100%;}
	.com_step_cont_area.animal_style > .list > li .box .title_area .sub_tit {font-size: 12px; 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 {font-size: 12px; line-height: 21px;}
	.app_cont_area .app_cont .app_cont_list_area > .list > li .box .inner_cont .text {font-size: 12px; 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 {font-size: 12px;}

	.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 {font-size: 12px; 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 {font-size: 12px;}

	/* ==================== 레이어팝업 Style ==================== */
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box {padding: 60px 0 0; background-size: 46px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .title {font-size: 16px; line-height: 24px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area .list li {margin: 0 0 5px 0;}
	
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .txt_list_area.sty2 {margin: 5px 0 0 0; border: 2px solid #eeeeee;}

	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area .info_area .title_area .title {height: 42px; font-size: 14px; line-height: 21px;}
	
	/*pop07 댓글 수정*/
	.info_com_popup_cont .inst_box .regist_area textarea {height: 50px;}
	/* ==================== 레이어팝업 Style ==================== */

	.clear_cont_area .inner_box {padding: 30px 5px;}
	.clear_cont_area .inner_box .text_box {margin: 0 0 10px; padding: 54px 0 0; background-size: 46px;}
	.clear_cont_area .inner_box .text_box .title {font-size: 16px; line-height: 24px;}
}

@media screen and (max-width:480px){
	/* 로그인 */
	.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 {font-size: 12px;}

	/* 로그인 */
	.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%;}

	/* ==================== 레이어팝업 Style ==================== */
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area > .text_box .title {font-size: 14px; line-height: 21px;}
	/* ==================== 레이어팝업 Style ==================== */

	/* 회원유형 */
	.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;}

	.clear_cont_area .inner_box {padding: 20px 5px;}
	.clear_cont_area .inner_box .text_box .title {font-size: 14px; line-height: 21px;}
	.clear_cont_area .inner_box .text_box .text br {display: none;}
}