@charset "UTF-8";

@media screen and (max-width: 1500px){
	.container {margin:0 1.5%}
}

@media screen and (max-width: 1400px){
	.blind1400 {display:none !important}
	.add1400 {display:inline-block !important}
	
	.main_pop {width:auto !important;max-width:96%;left:2% !important;top:5% !important}
	.main_pop .pop_box {height:auto !important}
	.main_pop .pop_box img {max-width:100%}
}

@media screen and (max-width: 1280px){
	body {font-size:15px;line-height:1.5}
	.blind1280 {display:none !important}
	.add1280 {display:inline-block !important}
	
	/* 텍스트 리스트 - dot, line */
	.list_txt_group {margin-bottom:18px;padding-bottom:18px}
	.list_txt_group .list_txt::before, 
	.list_txt_group .list_txt.line::before {top:9px}
	.list_txt_group .list_txt .num {top:1px}
	.list_txt_group .list_txt .list_inner .list_txt {font-size:0.88rem}
	
	/* 슬라이드 공통 */
	.slide_btn .btn::after {font-size:1.1rem}
	.slide_btn .btn.prev, 
	.slide_btn .btn.next {width:36px;height:36px}

	/* 레이어 팝업 */
	.layer_pop .pop_head .head_tit {font-size:18px}
	.layer_pop .pop_head .btn_pop_close {width:16px;height:16px}

	/* 팝업 : 배정강사 정보 */
	.pop_teacher .teach_profile {column-gap:18px}
	.pop_teacher .teach_profile .photo {width:145px;height:193px}
	.pop_teacher .teach_profile .table {width:calc(100% - 163px)}
	
	/* 팝업 : 오프라인 교육신청 유의사항 */
	.prec_pop .pop_body .pop_cont .cont_tit .num {width:22px;height:22px;font-size:14px;line-height:23px}
}

@media screen and (max-width: 1080px){
	.blind1080 {display:none !important}
	.add1080 {display:inline-block !important}
	.container {margin:0 3%}
	.s_txt {font-size:0.875rem}

	/* 텍스트 리스트 - dot, line */
	.list_txt_group {margin-bottom:15px;padding-bottom:15px}
	.list_txt_group .list_tit {margin-bottom:10px}
	.list_txt_group .list_txt.fs_b {padding-left:12px;font-size:1.05em}

	/* 레이어 팝업 */
	.layer_pop .pop_head {padding:15px 18px}
	.layer_pop .pop_head .head_tit {font-size:16px}
	.layer_pop .pop_body .pop_cont {padding:18px}
	.layer_pop .pop_body .pop_cont .cont_tit {font-size:1.1em}
}

@media screen and (max-width:767px){
	.blind768 {display:none !important}
	.add768 {display:inline-block !important}
	.container {margin:0 15px}
	.s_txt {font-size:0.85rem}
	.s_txt_top {margin-bottom:5px}
	.s_txt_bottom {margin-top:5px}
	.s_txt_left {display:block;margin:0 0 5px 0}
	.s_txt_right {display:block;margin:5px 0 0 0}

	.slide_btn .paging:not(.num) .dots button {width:9px;height:9px}

	/* 텍스트 리스트 - dot, line */
	.list_txt_group .list_tit2 {padding:6px 10px 5px 10px}
	.list_txt_group .list_txt.fs_b {font-size:1em}
	.list_txt_group .list_txt.icon {padding-left:20px}
	.list_txt_group .list_txt .num {width:16px;height:16px;font-size:10px;line-height:17px}

	/* 슬라이드 공통 */
	.slide_btn .btn::after {font-size:1rem}
	.slide_btn .btn.prev, 
	.slide_btn .btn.next {width:32px;height:32px}

	/* 메인 팝업 */
	.main_pop {top:10px !important}
	.main_pop .pop_box {}
	.main_pop img {width:100% !important}
	
	/* 레이어 팝업 */
	.layer_pop .pop_wrap {width:98%;max-width:100%;border-radius:12px}
	.layer_pop .pop_head {padding:13px 16px}
	.layer_pop .pop_head .head_tit {font-size:15px}
	.layer_pop .pop_body .pop_cont {padding:16px}

	/* 팝업 : 배정강사 정보 */
	.pop_teacher .teach_profile {column-gap:15px}
	.pop_teacher .teach_profile .photo {width:130px;height:173px}
	.pop_teacher .teach_profile .table {width:calc(100% - 145px)}
	
	/* 팝업 : 오프라인 교육신청 유의사항 */
	.prec_pop .pop_body .pop_cont .cont_tit .num {width:21px;height:21px;margin-right:4px;font-size:13px;line-height:22px}
}

@media screen and (max-width:480px){
	body {font-size:14px}
	.blind480 {display:none !important}
	.add480 {display:inline-block !important}
	.container {margin:0 10px}
	
	/* 텍스트 리스트 - dot, line */
	.list_txt_group .list_txt.line::before {top:8px}
	
	.main_pop {width:100% !important}
		
	/* 레이어 팝업 */
	.layer_pop .join_step .step_box .text {line-height:1.4;vertical-align:middle;transform:translateY(-1px)}

	/* 팝업 : 배정강사 정보 */
	.pop_teacher .teach_profile {display:block}
	.pop_teacher .teach_profile .photo {margin:0 auto 15px auto}
	.pop_teacher .teach_profile .table {display:block;width:auto}
}
