@charset "UTF-8";

@media screen and (max-width: 1500px){
	/*.container {margin:0 1.5%}*/
	
	.container {padding: 0 20px;}
}

@media screen and (max-width: 1400px){
	.blind1400 {display:none !important}
	.add1400 {display:inline-block !important}
	
	/*#real_contents .container {margin:0 30px}*/
}

@media screen and (max-width: 1280px){
	body {font-size:15px;line-height:1.5}
	.blind1280 {display:none !important}
	.add1280 {display:inline-block !important}
	
	/* 로그인 */
	.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;}
	
	/* 레이어 팝업 */
	.info_com_popup_cont .inst_box .inner_area > .title_area { padding: 10px 35px 10px 15px;}
	.info_com_popup_cont .inst_box .inner_area > .pop_close { top: 16px; right: 15px;}
	.info_com_popup_cont .inst_box .inner_area > .title_area > .title { font-size: 20px; line-height: 30px}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area { padding: 30px 15px;}
}

@media screen and (max-width: 1080px){
	.blind1080 {display:none !important}
	.add1080 {display:inline-block !important}

	/* 로그인 */
	.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;}
	
	.alert_layer_box, .confirm_layer_box, .common_layer_box {margin-left: 0;}
	.result_layer_box {left: 0; margin-left: 0;} 
	
	/* 레이어 팝업 */
	.info_com_popup_cont .inst_box {padding: 0 10px;}
	.info_com_popup_cont .inst_box .inner_area > .title_area {padding: 7px 30px 7px 15px;}
	.info_com_popup_cont .inst_box .inner_area > .title_area .title { font-size: 18px; line-height: 27px;}
	.info_com_popup_cont .inst_box .inner_area .pop_close { top: 13px;}
	.info_com_popup_cont .inst_box .inner_area .inst_cont .com_input_form_area {padding: 15px;}
	
	/* 직원 이름 검색 팝업 */
	#pop_staff.info_com_popup_cont .com_sch_cont {margin-bottom:20px}
	#pop_staff.info_com_popup_cont .com_sch_cont .com_sch_area .box .row .input_box {max-width:inherit}
	#pop_staff.info_com_popup_cont .com_sch_cont .com_sch_area .box .row .btn_box .btn {width:100%}
	#pop_staff.info_com_popup_cont .page_com_cont_area .style1 .page_area {font-size:14px}
}

@media screen and (max-width:767px){
	.blind768 {display:none !important}
	.add768 {display:inline-block !important}
	/*.container {margin:0 15px}*/
	.container {padding:0 15px}
	
	/* 로그인 */
	.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 {}
	
	.result_layer_box {top: 70px; margin-top: 0; bottom: 0;}
	.result_layer_box .inner {height: 100%; overflow-y: auto; font-size: 0;}
	.result_layer_box .inner:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
	.result_layer_box .result_box1 {display: inline-block; min-height: inherit; padding: 60px 20px 30px; vertical-align: middle; font-size: 16px;}
	.result_layer_box .result_box1 .tit_box {margin: 0 0 20px; background-position: center top; padding: 130px 0 0; background-size: 100px; text-align: center;}
	.result_layer_box .result_box1 .tit_box .t1 {font-size: 1.2em;}
	.result_layer_box .result_box1 .tit_box .t2 {font-size: 2em;}
	.result_layer_box .layer_close {right: 20px; top: 20px; width: 25px;}
	.result_layer_box .result_box1 .gray_box {padding: 20px;}
	.result_layer_box .result_box2 {display: inline-block; min-height: inherit; padding: 30px 20px 30px; vertical-align: middle; font-size: 16px;}
	.result_layer_box .result_box2 .tit_box {padding: 110px 0 0; background-size: 120px; background-position: center top; text-align: center;}
	
	/* 레이어 팝업 */
	.info_com_popup_cont .inst_box .inner_area > .title_area .title { font-size: 16px; line-height: 24px;}
	.info_com_popup_cont .inst_box .inner_area .pop_close { top: 12px; width: 13px; height: 13px;}
}

@media screen and (max-width:480px){
	body {font-size:14px}
	.blind480 {display:none !important}
	.add480 {display:inline-block !important}
	/*.container {margin:0 10px}*/
	.container {padding:0 10px}
	
	.dl_list .dl {margin-right:21px}
	.dl_list .dl.line::after {right:-12px}
	
	.slide_ctrl .paging .dots {column-gap:6px}
	.slide_ctrl .paging li button {width:10px;height:10px}
	.slide_ctrl .paging li.slick-active button {width:20px}
	
	/* 로그인 */
	.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;}
	
	.result_layer_box .result_box1, .result_layer_box .result_box2 {font-size: 14px;}
}