<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/************************************** 
공통영역
**************************************/


@media screen and (max-width:1818px) {
	.main_vis_typo {top: 33%; left:22%;}
	.main_vis_typo &gt; div {width:auto; }
}


@media screen and (max-width:1578px) {
	html, body { font-size:16px;}
	
	.main_vis_typo &gt; div h1 {margin: 0.9rem 0  2rem 0; font-size: 3.5rem;}
	
	.section01 .section01_box {width: calc(100% - 60px);}
	.sec01_img {width: 46%;}
	.section03 img {width:94%;}
	
	.section.sec_tutor .section02 ul {width:94%; overflow: hidden; margin:0 auto;}
	.section.sec_tutor .section02 ul li {width:19%; margin: 0 0.5%; float: left; }
	.section.sec_tutor .section02 ul li a img {width:100%;}
	
}




/*태블릿  1200 디자인레이아웃 분기 */
@media screen and (max-width:1280px) {
	html, body {font-size:16px;}
	.sec01_img {width: 42%; float: left;}
	.sec01_typo {width: 58%;}
	.section01 {width:88%;}
	.section.sec_tutor .section02 ul {width:94%; margin:0 auto;}
	.section.sec_tutor .section02 ul li {width:31%; margin: 0 0.65%; float: none; }
	.section.sec_tutor .section02 ul li a img {width:100%;}
	.sec01_typo h3 { margin:1rem 0 1.35rem 0;}
	.sec01_typo span { display: inline-block; margin-bottom: 0.75rem;}
	
	
}
@media screen and (max-width:1156px) {
	.main_vis_typo &gt; div h1 {margin: 0.9rem 0  2rem 0; font-size: 2.5rem;}
	.main_vis_typo &gt; div .en_copy,
	.main_vis_typo &gt; div p {font-size: 0.95rem;}
	
}

/*태블릿  1200 디자인레이아웃 분기 */
@media screen and (min-width:985px) {
	.visible_pc_block {display: block;}
	.visible_pc {display: inline-block;}
	.visible_mob_block,
	.visible_mob {display: none;}
	
}



/*모바일*/
@media screen and (max-width:984px){
	.visible_pc_block,
	.visible_pc {display: none;}
	.visible_mob {display: inline-block;}	
	.visible_mob_block {display: block;}
	
	 h3{ font-size: 4rem;}
	 h2 img{ width: 100%;}
	.main_mob_vis {line-height: 0; }
	#footer {padding-bottom: 84px;}
	.mob_gnb_wrap{widht:100%; background: #fff; text-align: center;}
	.mob_btn_wrap {position: fixed; width:100%; bottom:0; left:0; text-align: center; z-index: 999;}
	.mob_down_pdf { text-align: center; color:#fff; background: #232323; width:100%; display: block; padding : 2rem 0 ; font-size:  1.35rem;}
	.mob_btn_wrap a { text-align: center; color:#fff; background: #9a1915; width:100%; display: block; padding:1.35rem 0 ; font-size:  1.35rem;}
	.mob_gnb_wrap img {padding:22px 0 ; width: 15%;}
	.section01 .section01_box {width: calc(100% - 90px); padding: 45px;}
	.section01 .section01_box .sec01_img {width:100%; float:none;}
	.section01 .section01_box .sec01_img img {max-width: none; width:100%;}
	.sec01_typo {float:none; width:100%; padding-top: 2.5rem;}
    .sec01_typo strong {font-size:1.35rem; display: inline-block; padding:0.75rem 1rem; }
	.sec01_typo h3 { margin:1rem 0 1.35rem 0;}
	.sec01_typo span {font-size:1.35rem; display: inline-block; padding:0.75rem 2rem; margin-bottom: 0.75rem;}
	.sec01_typo p {font-size: 1.5rem; margin-top:2rem;}
	.section.partners {background: url('../img/him_partners_bg_mob.jpg') no-repeat bottom center;}
	.section.sec_tutor .section02 ul li p {margin-bottom: 20px;}
	
}

/*모바일*/
@media (min-width:320px) and (max-width:714px){
	html, body {font-size: 14px;  }
	
	h3 {font-size: 3.5rem;}
	.section {padding:60px 0;}
	.section.sec_tutor .sub_txt,
	.section.sec_program h2 {margin-bottom: 30px;}
	
	.sec01_typo {padding-top:1.5rem;}
	.sec01_typo h3 {margin-top: 5px;}
	.sec01_typo strong {font-size: 1rem; }
	.sec01_typo span {font-size: 1rem; padding:8px 15px; margin-bottom: 7px;}
	.sec01_typo p {font-size: 1.25rem; margin-top: 1.5rem;}
	
	.section.sec_tutor .section02 ul li {width:48%;}
	.tutor_bg {display: none;}
	.br_xs_none {display: none;}
	
}
/*모바일*/
@media (min-width:320px) and (max-width:454px){
	.mob_gnb_wrap img {width:20%; padding:15px 0;}
	h3 {font-size: 2.5rem;} 
	.section.sec_tutor .sub_txt {max-width: 80%;}
	.br_xxs_none {display: none;}
	.br_xxs_view {display: block;}
	.section01 .section01_box {width: calc(100% - 60px); padding:30px;}
	.sec01_typo h3 {margin: 4px 0 12px 0;}
	.sec01_typo strong {padding: 5px 15px;}
	.sec01_typo span {font-size: 12px; padding: 5px 10px;}
	.sec01_typo p {margin-top:0.65rem;}
	
	.section.sec_tutor .section02 ul {width:90%;}
}

</pre></body></html>