<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media all and (max-width: 1200px){
	.width1200area { width: calc(100% - 20px); }

	.main_slider_area &gt; li { width: calc(70% - 10px); height: 380px; }
	.main_slider_area &gt; li:last-child { width: 30%; }

	.main_contents { margin-top: 10px; }


	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(2) { width: calc(100% - 80px);}
	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(2) &gt; a { margin: 0px 4px; padding: 0px 10px; }

	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(3) { 
		border-left: 0px; border-top: 1px solid #dcdcdc;
	}
	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) { width: calc(100% - 80px); border-top: 1px solid #dcdcdc; }
	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) &gt; a { margin: 0px 4px; padding: 0px 10px; }

	.search_area05 &gt; form &gt; ul:nth-child(2) &gt; li:nth-child(2) { width: calc(100% - 216px);}
	.search_area05 &gt; form &gt; ul:nth-child(2) &gt; li:nth-child(3) { width: 136px;}

	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) &gt; div { width: calc(100% + 0px); padding-right: 70px; margin-top: 13px; }
	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) &gt; div &gt; div &gt; div { height: 28px; width: 20%; }
	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) &gt; div &gt; div &gt; div &gt; a { 
		display: inline-block; margin: 0px 5px; padding: 0px 15px; border: 1px solid #ccc; color: #999; line-height: 28px; border-radius: 2px; 
		width: 100%;
	}


}

@media all and (max-width: 1104px){
	div.rows_program02 &gt; ul &gt; li &gt; div.price_area { font-size: 12px;  }

}
/*
@media all and (max-width: 1058px){
	.sub_top_customer &gt; li:nth-child(2) { width: calc(50% - 40px);}
	.sub_top_customer &gt; li:nth-child(4) { width: calc(50% - 40px);}
	.sub_top_customer &gt; li:nth-child(5) { width: 100%; margin-top: 10px; }
}
*/
@media all and (max-width: 1000px){
	.header_info { padding: 12px 0px 12px; }
	.header_info &gt; li { float: left; width: calc(100% - 92px); }
	.header_info &gt; li:nth-child(2) { text-align: center; margin-left: 10px; }
	.header_info &gt; li:nth-child(2) &gt; div { width: 100%; margin: 0px auto 0;}
	.header_info &gt; li:nth-child(2) &gt; div &gt; a { color: #031372; font-size: 11px; }

	.header_info &gt; li:nth-child(2) &gt; form { width: 100%; margin: 10px auto 0px; }
	.header_info &gt; li:nth-child(2) &gt; form &gt; ul { border: 2px solid #031372; }
	.header_info &gt; li:nth-child(2) &gt; form &gt; ul &gt; li { float: left; width: calc(100% - 31px); height: 26px; }
	.header_info &gt; li:nth-child(2) &gt; form &gt; ul &gt; li &gt; input { width: 100%; height: 26px; }
	.header_info &gt; li:nth-child(2) &gt; form &gt; ul &gt; li:last-child { width: 31px; }
	.header_info &gt; li:nth-child(2) &gt; form &gt; ul &gt; li:last-child &gt; a &gt; img { width: 100%; }

	.header_info &gt; li:first-child { width: 82px; margin-top: 6px; }
	.header_info &gt; li:first-child &gt; a &gt; img { height: 44px; }
	.header_info &gt; li:last-child { display: none; }


	.gnb_area {}
	.gnb_area &gt; div.gnb_list { min-height: 38px;}
	.gnb_area &gt; div.gnb_list &gt; ul { width: calc(100% - 0px); }
	.gnb_area &gt; div.gnb_list &gt; ul &gt; li &gt; a { line-height: 38px; font-size:14px; font-weight: 700;  }

	.gnb_area &gt; div.gnb_over_list &gt; ul { width: calc(100% - 0px); }
	.gnb_area &gt; div.gnb_over_list &gt; ul &gt; li { min-height: 124px; }
	.gnb_area &gt; div.gnb_over_list &gt; ul &gt; li &gt; a { line-height: 23px; font-size:13px; }


	.main_slider_area &gt; li { width: calc(65% - 10px); height: 380px; }
	.main_slider_area &gt; li:last-child { width: 35%; }


	.subgnb_contents &gt; li:first-child { width: 100%; display: none; }
	.subgnb_contents &gt; li:first-child &gt; div.adbanner { display: none; }
	.subgnb_contents &gt; li:last-child { margin-left: 0px; width: calc(100% - 0px); margin-top: 10px; }


	.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul {}
	.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li { width: 100%; float: left; }
	.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:first-child { line-height: 40px; font-size: 17px; border-bottom: 1px solid #dcdcdc; width: 200px; margin-right: 10px; }
	.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child {	width: calc(100% - 210px); height: 42px; position: relative; }
	.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child &gt; a { line-height: 40px; }
	.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child &gt; a.submenu { display: none; }
	.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child &gt; a.default { display: block; border-bottom: 1px solid #dcdcdc; }
	.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child &gt; div { 
		position: absolute; left: -1px; top: 41px; background: #fff; border: 1px solid #dcdcdc; z-index: 1000; width: calc(100% + 2px);
	}
	
	.reply_write &gt; form { }
	.reply_write &gt; form &gt; ul &gt; li { float: left; }
	.reply_write &gt; form &gt; ul &gt; li:first-child { width: 100%; line-height: 41px; margin-top: -10px; }
	.reply_write &gt; form &gt; ul &gt; li:first-child &gt; span { font-weight: 700; }
	.reply_write &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 95px);  margin-left: 0px; }
	.reply_write &gt; form &gt; ul &gt; li:last-child { width: 85px; border: 1px solid #525252; }


	div.rows_webzin02 &gt; ul &gt; li { float: left; width: calc(100% - 118px);  }
	div.rows_webzin02 &gt; ul &gt; li:first-child { display: none; }
	div.rows_webzin02 &gt; ul &gt; li:nth-child(2) { position: relative;}
	div.rows_webzin02 &gt; ul &gt; li:nth-child(2) &gt; a &gt; p:nth-child(3) { line-height: 20px; }

	div.rows_webzin02 &gt; div.re_reply  &gt; ul &gt; li { float: right; width: calc(100% - 18px);  }


	.reply_write02 &gt; form &gt; ul &gt; li:nth-child(1) { width: calc(100% - 95px); }
	.reply_write02 &gt; form &gt; ul &gt; li:last-child { width: 85px; }



	.edu_info_area &gt; li.pic { margin-left: calc(50% - 229px);}
	.edu_info_area &gt; li:nth-child(2) { width: calc(100% - 0px); padding: 30px 0px 10px 0px; }

}
@media all and (max-width: 900px){
	div.rows_program03 &gt; ul &gt; li { width: calc(25% - 20px); }
}

@media all and (max-width: 800px){
	.main_slider_area &gt; li { width: calc(100% - 0px); height: 380px; }
	.main_slider_area &gt; li:last-child { display: none; width: 100%; margin-top: 10px; height: 380px; }
	.swiper-slide &gt; a.mobileview { display: block; }
	.swiper-slide &gt; a.pcview { display: none; }

	.edu_calendar table th { padding: 5px;font-size: 11px; }
	.edu_calendar table td { padding: 5px; height: auto; font-size: 11px; letter-spacing: -1px; }

	.edu_calendar table td &gt; ul &gt; li { width: calc(100% - 0px); font-size: 11px; }
	.edu_calendar table td &gt; ul &gt; li:first-child { width: 100%; margin-bottom: 5px; }

	.edu_calendar table td &gt; ul &gt; li &gt; p &gt; a { font-size: 11px; }
	.edu_calendar table td &gt; ul &gt; li:first-child &gt; span { 
		font-size: 10px; display: inline-block; width: 12px; height: 13px; line-height: 13px;
	}

	.section_banner01 &gt; li { width: calc(100% - 0px); min-height: auto; }
	.section_banner01 &gt; li:last-child { margin-top: 10px; }

	.section_banner01 &gt; li &gt; div.title_area { min-height: auto; padding: 10px 10px 20px; }
	.section_banner01 &gt; li:last-child &gt; div.title_area { background: #777777; padding: 10px 10px 5px; }

	.section_banner02 &gt; li { width: calc(100% - 0px); min-height: auto; }
	.section_banner02 &gt; li:last-child { margin-top: 10px; }

	.section_banner02 &gt; li &gt; div.title_area { min-height: auto; padding: 10px 10px 5px; }
	.section_banner02 &gt; li:last-child &gt; div.title_area { background: #777777; padding: 10px 10px 5px; }


	.footer_area &gt; ul &gt; li { float: left; width: calc(100% - 0px); text-align: center; }
	.footer_area &gt; ul &gt; li:first-child { display: none; }
	.footer_area &gt; ul &gt; li &gt; div.flink { border-bottom: 1px solid #414141; padding-bottom: 20px;  }
	.footer_area &gt; ul &gt; li &gt; div.flink &gt; a:last-child { margin-right: 0; }


	.search_area02 &gt; form &gt; ul &gt; li { margin-top: 0px;  }
	.search_area02 &gt; form &gt; ul &gt; li:first-child { width: 150px; }
	.search_area02 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 208px);}
	.search_area02 &gt; form &gt; ul &gt; li:nth-child(3) { margin-right: 0px; }
	.search_area02 &gt; form &gt; ul &gt; li:nth-child(4) { width: calc(100% - 135px); margin-top: 10px; }
	.search_area02 &gt; form &gt; ul &gt; li:nth-child(5) { width: 125px; margin-right: 0px; margin-top: 10px; }
	.search_area02 &gt; form &gt; ul &gt; li:nth-child(5) &gt; a { line-height: 42px; }

	div.rows_program01 &gt; ul &gt; li { width: calc(50% - 30px); }

	div.rows_program02 &gt; ul &gt; li { width: calc(50% - 12px); }




	.edu_info_area02 { padding: 45px 0 45px 0px; }

	.ing_info_area &gt; ul &gt; li { width: calc(50% - 30px); }
	.ing_info_area &gt; ul &gt; li:nth-child(2) { display: none; }

}
@media all and (max-width: 768px){
	.bestslider .swiper-slide { padding-bottom: 30%; }
	.life_bestslider .swiper-slide { padding-bottom: 30%; }	
	.table_list table .mbno { display: none; }
	.table_list table tr td:first-child { width: 70px; }
	.table_list table tr td:last-child { width: 60px; }
	.table_list table tr td.subject { width: calc(100% - 130px); }
	.table_list table tr td.subject &gt; a { width: calc(100% - 50px); }
	.table_list table tr td.subject &gt; a &gt; span { display: none; }
	.table_list table tr td.subject &gt; span { display: inline-block; width: 50px; float: right; text-align: right; }
	.table_list table tr td.iconp &gt; span { margin-top: 7px; }
	.table_list table tr td.iconp { width: calc(100% - 0px) !important; }

	.table_list02 table .mbno { display: none; }


	.popup01 { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000; }
	.popup01 &gt; div { width: 100%; background: #000; }
	.popup01 &gt; div &gt; div.slider { width: 100%; margin-top: 30px;}
	.popup01 &gt; div &gt; div.slider &gt; a.close_bt { right: 10px; top: 10px; }

}


@media all and (max-width: 750px){
	.selecter_map &gt; div.cell &gt; div.imgmap { display: none;  }
	.mobile_map_area { display: block; }


	.search_area02-1 &gt; form &gt; ul &gt; li:first-child { width: calc(50% - 5px); }
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(50% - 5px); margin-left: 10px; }
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(3) { width: calc(50% - 5px); margin-left: 0px; }
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(4) { width: calc(50% - 56px); margin-left: 10px; }

	.search_area02-1 &gt; form { }
	.search_area02-1 &gt; form &gt; ul { padding: 10px 20px 15px; border: 1px solid #dcdcdc; background: #f2f2f2; }
	.search_area02-1 &gt; form &gt; ul &gt; li { float: left; margin-top: 5px;  }
	.search_area02-1 &gt; form &gt; ul &gt; li:first-child { width: calc(50% - 5px); border: 1px solid #cdcdcd; }
	.search_area02-1 &gt; form &gt; ul &gt; li:first-child &gt; select { padding: 10px; width: 100%; height: 40px; border: none;}
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(50% - 5px); border: 1px solid #cdcdcd; margin-left: 10px; }
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(2) &gt; select { padding: 10px; width: 100%; height: 40px; border: none;}
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(3) { width: calc(50% - 5px); border: 1px solid #cdcdcd; margin-left: 0px; }
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(3) &gt; select { padding: 10px; width: 100%; height: 40px; border: none;}
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(4) { width: calc(50% - 56px); border: 1px solid #cdcdcd; margin-left: 10px; border-right: none; }
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(4) &gt; input { padding: 10px; width: 100%; height: 40px; border: none;}
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(5) { width: 48px; border: 1px solid #525252; }
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(5) &gt; a &gt; img { margin-top: 0px; }

}

@media all and (max-width: 700px){
	/*
	.sub_top_customer &gt; li { font-size: 13px; }
	.sub_top_customer &gt; li:nth-child(2) { width: calc(100% - 40px); padding: 0px 20px; border-right: 1px solid #cdcdcd; }
	.sub_top_customer &gt; li:nth-child(3) { margin-top: 10px; }
	.sub_top_customer &gt; li:nth-child(4) { width: calc(100% - 40px); text-align: left; padding: 0px 20px; margin-top: 10px; }
	*/
	.sub_top_customer &gt; li { font-size: 13px; }
	.sub_top_customer &gt; li:nth-child(2) { width: calc(100% - 40px); padding: 0px 20px; border-right: 1px solid #cdcdcd; }
	.sub_top_customer &gt; li:nth-child(3) { width: calc(100% - 0px); text-align: left; padding: 0px 20px; margin-top: 10px; }


	.subpage_comment04 { 
		padding: 20px 40px 20px; text-align: left;
	}
	.subpage_comment04 &gt; span { 
		float: none; display: inline-block; width: 100%; margin-top: 0px; font-size: 16px; 
	}

	.edu_info_area02 { padding: 45px 0 45px 0px; border-bottom: 1px solid #eee; }
	.edu_info_area02 &gt; li { float: left; }
	.edu_info_area02 &gt; li.pic { width: 288px; margin-left: calc(50% - 144px); }
	.edu_info_area02 &gt; li:nth-child(2) { width: calc(100% - 0px); padding: 20px 0px 0px 0px; }
	.edu_info_area02 &gt; li:nth-child(2) &gt; div.title_txt { font-size: 18px; }
	.edu_info_area02 &gt; li:nth-child(2) &gt; div.title_s_txt { font-size: 13px; }


	div.rows_program04 &gt; ul &gt; li { width: calc(33.33333333333333333% - 20px); }


}

@media all and (max-width: 640px){
	.bestslider .swiper-slide { padding-bottom: 45%; }
	.life_bestslider .swiper-slide { padding-bottom: 45%; }	


	.footer_area &gt; ul &gt; li { float: left; width: calc(100% - 0px); text-align: center; }
	.footer_area &gt; ul &gt; li:first-child { display: none; }
	.footer_area &gt; ul &gt; li &gt; div.flink { border-bottom: 1px solid #414141; padding-bottom: 20px;  }
	.footer_area &gt; ul &gt; li &gt; div.flink &gt; a:last-child { margin-right: 0; }

	.footer_area { background: #333333; padding: 20px 0px; margin-top: 30px;  }
	.footer_area &gt; ul &gt; li:first-child { display: none; }
	.footer_area &gt; ul &gt; li &gt; div.flink &gt; a { font-size: 11px; margin-right: 5px; }

	.popup01 &gt; div &gt; div.slider &gt; div.swiper-container { height: 405px; }
	.popup01 &gt; div &gt; div.slider &gt; div.swiper-container2 { height: 70px; }

	div.rows_program01 &gt; ul &gt; li { float: left; margin: 10px 10px 0px; width: calc(50% - 20px); border: 1px solid #dcdcdc; }
	div.rows_program01 &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {font-size: 13px; }

	div.rows_program03 &gt; ul &gt; li { float: left; margin: 20px 10px 0px; width: calc(50% - 20px); }

	/*
	.academy_info02 { margin-top: 20px; position: relative; }
	.academy_info02 &gt; div.title_txt { padding: 35px 45px 10px; color: #333; font-weight: 700; font-size: 23px; }
	.academy_info02 &gt; ul { padding: 15px; border-top: 2px solid #353a4d; background: #f7f7f7; border-bottom: 1px solid #dddddd; }
	.academy_info02 &gt; ul &gt; li { float: left; }
	.academy_info02 &gt; ul &gt; li.pic { margin-left: calc(50% - 99px); }

	.academy_info02 &gt; ul &gt; li:nth-child(2) { margin-left: 0px; width: calc(100% - 0px); margin-top: 50px; }

	.academy_info02 &gt; ul &gt; li:nth-child(2) &gt; div.sublink { right: -15px; }
	*/

	.academy_info02 { margin-top: 20px; position: relative; }
	.academy_info02 &gt; div.title_txt { padding: 35px 45px 10px; color: #333; font-weight: 700; font-size: 23px; }
	.academy_info02 &gt; ul { padding: 15px; border-top: 2px solid #353a4d; background: #f7f7f7; border-bottom: 1px solid #dddddd; }
	.academy_info02 &gt; ul &gt; li { float: left; }
	.academy_info02 &gt; ul &gt; li.pic { margin-left: calc(50% - 99px); }

	.academy_info02 &gt; ul &gt; li:nth-child(1) { margin-left: 0px; width: calc(100% - 0px); margin-top: 30px; }

	.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; div.sublink { right: -15px; }


}

@media all and (max-width: 600px){
	.search_area03 &gt; form &gt; ul &gt; li { margin-top: 0px;  }
	.search_area03 &gt; form &gt; ul &gt; li:first-child { width: 150px; }
	.search_area03 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 208px);}
	.search_area03 &gt; form &gt; ul &gt; li:nth-child(3) { margin-right: 0px; }
	.search_area03 &gt; form &gt; ul &gt; li:nth-child(4) { width: 100%; margin-right: 0px; margin-top: 10px; }
	.search_area03 &gt; form &gt; ul &gt; li:nth-child(4) &gt; a { line-height: 42px; }

	.subpage_title01 { padding: 0px 0px 13px;  }

	.subpage_comment02 { padding: 0px 0px 10px 0px; }

	.subpage_comment02 &gt; p.button_text &gt; a.review_write_bt { 
		float: none; display: table; font-size: 15px; margin: 20px 0 0 auto; width: 100%; text-align: center;
	}

	.subpage_comment02 &gt; p.button_text &gt; a.use_bt { display: table; margin-top: 5px; }


	div.rows_normal &gt; div &gt; a &gt; p:first-child { font-size: 14px; }
	div.rows_normal &gt; div &gt; a &gt; p:nth-child(2) { font-size: 13px; }


	div.rows_program02 &gt; ul &gt; li { width: calc(100% - 12px); }


	.academy_info &gt; ul &gt; li.pic {
		width: 100%; height: auto; padding-bottom: 100%;
	}
	.academy_info &gt; ul &gt; li:nth-child(1) { margin-left: 0px; width: calc(100% - 0px); margin-top: 30px;  }
	.academy_info &gt; ul &gt; li:nth-child(2) { margin-left: 0px; width: calc(100% - 0px); margin-top: 30px;  }
	.academy_info &gt; ul &gt; li:nth-child(2) { margin-top: 50px; }
	.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.wish_button &gt; a { line-height: 50px; }
	.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.wish_button { margin-top: 20px; }
	.academy_info &gt; ul &gt; li:nth-child(2) &gt; div.wish_button &gt; a { line-height: 50px; }
	.academy_info &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li &gt; div.title_txt { font-size: 25px; font-weight: 700; color: #444; }


	.date_month_link { text-align: center; padding: 10px 10px 20px; letter-spacing: -1px; }
	.date_month_link &gt; a { display: inline-block; width: auto; height:27px; color: #c5c5c5; font-size: 13px; }
	.date_month_link &gt; a.active { color: #000; font-weight: 700; }
	.date_month_link &gt; a.first { margin-left: 10px; }
	.date_month_link &gt; a.last { margin-right: 10px; }
	.date_month_link &gt; a.bt &gt; img { margin-top: 0px; width: 100%; }
	.date_month_link &gt; a.bt { border: 1px solid #cdcdcd; }


	.input_area01 { padding: 5px 20px 15px; }
	.input_area01 &gt; form &gt; ul &gt; li {width: calc(100% - 110px); }
	.input_area01 &gt; form &gt; ul &gt; li:first-child { width: 110px; }
	.input_area01 &gt; form &gt; ul &gt; li &gt; input { 
		width: calc(100% - 0px);
	}
	.input_area01 &gt; form &gt; ul &gt; li.button_sum &gt; input { 
		width: calc(100% - 70px);
	}

	.set_save_button {
		text-align: right; margin-top: 20px;
	}
	.set_save_button &gt; a { text-align: center; display: inline-block; padding: 0px 20px; line-height: 35px; color: #fff; font-size: 15px; background: #3e3e3e; }
	.set_save_button &gt; a.active { background: #f21c42; }


	/* 2109-05-23 수정 */ .academy_info &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li &gt; div.phone_txt &gt; a { display: inline-block; }
	.academy_info02 &gt; ul &gt; li:nth-child(1) &gt; ul &gt; li &gt; div.phone_txt &gt; a { display: inline-block; }


	.introduce_area { padding: 10px; border-bottom: 1px solid #eee; }

}

@media all and (max-width: 560px){
	.register_pop { padding: 10px 10px; }
	.register_pop &gt; div.register_area { width: 100%; }

	.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) { padding-left: 100px; }
	.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) &gt; span { font-size: 13px; }

	.register_pop &gt; div.register_area &gt; div.regi_form_area &gt; form &gt; div.input_regi_area &gt; div.checkbox_area { width: 100%; }

	div.regi_form_area2 &gt; form &gt; div.input_regi_area { padding: 10px 10px 30px 10px; border-bottom: 1px solid #d3d3d3; }
	div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) { padding-left: 100px; }
	div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.input &gt; p:nth-child(1) &gt; span { font-size: 13px; }

	div.regi_form_area2 &gt; form &gt; div.input_regi_area &gt; div.checkbox_area { width: 100%; }

}

@media all and (max-width: 550px){
	.popup01 &gt; div &gt; div.slider &gt; div.swiper-container { height: 355px; }
	.popup01 &gt; div &gt; div.slider &gt; div.swiper-container2 { height: 60px; }

	.ing_info_area { padding: 15px 5px 15px; border-bottom: 1px solid #eee; }
	.ing_info_area &gt; ul &gt; li { float: left; width: calc(100% - 30px); margin: 0px 15px; font-size: 15px; line-height: 40px; }
	.ing_info_area &gt; ul &gt; li:nth-child(2) { display: none; }
	.ing_info_area &gt; ul &gt; li:nth-child(3) { display: none; }

}

@media all and (max-width: 524px){

	.subpage_comment03 { font-size: 14px; }


	.search_result_area &gt; div.title_txt { font-size: 12px; padding: 10px 20px; border-bottom: 2px solid #666666; }
	.search_result_area &gt; div.title_txt &gt; b { font-size: 14px; }
	.search_result_area &gt; div.title_txt &gt; span { margin: 0px 10px 0 15px; color: #d1d1d1; }

	.reply_write03 &gt; form &gt; ul { padding: 15px 15px; }

	.alert_pop01 &gt; div.poparea01 { left: 10px; top: 80px;  width: calc(100% - 20px);}
	.alert_pop01 &gt; div.poparea01 &gt; div.comment_txt { word-break: keep-all; }

}

@media all and (max-width: 500px){
	.mobile_view { display: block; }
	.header_top { height: 40px; }
	.header_top &gt; div { 
		position: fixed; background: #f2f2f2; left: 0px; top: 0px; width: calc(100% - 0px); text-align: center; border-bottom: 1px solid #9e9e9e; z-index: 1000;
	}
	.header_top &gt; div &gt; a.customer { display: none;}
	.header_top &gt; div &gt; a.mgnb { display: inline-block; }
	.header_top &gt; div &gt; a.mcustomer { display: inline-block; }

	.main_slider_area &gt; li { height: 300px; }
	.main_slider_area &gt; li:last-child { height: 300px; }

	.tabinfo01 { 
		display:block; width:100%; border-bottom: 2px solid #4e4e4e; height: 36px; margin-top: 20px; position: relative; 
	}
	.tabinfo01 &gt; li { 
		float: left; width: 80px; height: 36px; line-height: 36px; border: 1px solid #cfcfcf; font-size: 15px; cursor: pointer; position: relative; z-index: 11 !important;
		border-bottom: 2px solid #4e4e4e; margin-left: -1px; position: relative; z-index: 1; text-align: center; color: #3e3e3e;
	}

	.tabinfo01 &gt; li.active { 
		border: 2px solid #4e4e4e; border-bottom: 2px solid #fff; z-index: 2; font-weight: 700;
	}

	.footer_area &gt; ul &gt; li &gt; div.flink &gt; p { display: block; height: 10px; }

	.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:first-child { width: 130px; }
	.subgnb_contents &gt; li:first-child &gt; ul.sub_gnb_ul &gt; li:last-child {	width: calc(100% - 140px); }

	.search_area02 &gt; form &gt; ul &gt; li:first-child { width: 125px; }
	.search_area02 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 183px);}

	.search_area03 &gt; form &gt; ul &gt; li:first-child { width: 125px; }
	.search_area03 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 183px);}

	.search_area04 &gt; form &gt; ul &gt; li:first-child { width: 125px; }
	.search_area04 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 183px);}


	.paging { text-align: center; padding: 20px 10px;  }
	.paging &gt; a { display: inline-block; width: auto; padding: 0px 2px;  height:20px; color: #666666; }
	.paging &gt; a.active { color: #000; font-weight: 700; }
	.paging &gt; a.bt { width: 25px; height:25px; padding: 0px 0px;}
	.paging &gt; a.bt &gt; img { margin-top: 0px; width: 100%; }


	.edu_info_area { padding: 20px 10px 10px; }
	.edu_info_area &gt; li.pic { margin-left: auto; width: 100%; height: 230px; }
	.edu_info_area &gt; li:nth-child(2) { padding: 30px 0px 10px 0px; }
	.edu_info_area &gt; li:nth-child(2) &gt; div.title_txt { font-size: 18px; }
	.edu_info_area &gt; li:nth-child(2) &gt; div.comment_txt &gt; p { font-size: 15px;; }

	.online_after_area &gt; ul.rows &gt; li { padding: 20px 15px; border-bottom: 1px solid #eee;}

	/* 2109-05-23 수정 */ .online_after_area &gt; div.title_txt { padding: 35px 0px 10px 0px; color: #333; font-weight: 700; font-size: 23px; }

	.edutypeviewer &gt; p { display: block; height: 10px; }

}

@media all and (max-width: 466px){
	.search_area05 &gt; form &gt; ul:first-child &gt; li { float: left; line-height: 43px; padding: 10px 0px;  }
	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(2) { padding: 5px 10px; }
	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) { padding: 5px 10px; }

	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(1) { line-height: 33px; }
	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(3) { line-height: 76px; }


	.search_area02-1 &gt; form &gt; ul &gt; li:first-child { width: calc(100% - 0px); }
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(2) { width: calc(100% - 0px); margin-left: 0px; }
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(3) { width: calc(100% - 0px); margin-left: 0px; }
	.search_area02-1 &gt; form &gt; ul &gt; li:nth-child(4) { width: calc(100% - 50px); margin-left: 0px; }


	div.sim_rows_webzin { padding: 6px 0px; }
	div.sim_rows_webzin &gt; ul &gt; li { float: left; width: calc(100% - 0px); }
	div.sim_rows_webzin &gt; ul &gt; li:first-child { 
		width: 100%; height: auto; padding-bottom: 100%; margin-right: 0px;
	}

}

@media all and (max-width: 450px){
	.main_slider_area &gt; li { height: 280px; }
	.main_slider_area &gt; li:last-child { height: 300px; }


	.section_title { }
	.section_title &gt; p:first-child { color: #05a55b; font-weight: 400; font-size: 18px;  }
	.section_title &gt; p:last-child { color: #333; font-weight: 400; font-size: 11px; margin-top:10px; }
	.section_title &gt; p:last-child &gt; a {
		display: none; color: #333; padding: 5px 10px; border-radius: 2px; border: 1px solid #cfcfcf; font-size: 11px; letter-spacing: -1px;
	}
	
	.search_area05 &gt; form &gt; ul:nth-child(2) &gt; li:nth-child(2) { width: calc(100% - 80px); }
	.search_area05 &gt; form &gt; ul:nth-child(2) &gt; li:nth-child(3) { width: 100%;  }

	div.rows_program01 &gt; ul &gt; li { float: left; margin: 10px 10px 0px; width: calc(100% - 20px); border: 1px solid #dcdcdc; }

	.reply_write03 &gt; form &gt; ul &gt; li:nth-child(1) { width: calc(100% - 0px); }
	.reply_write03 &gt; form &gt; ul &gt; li:last-child { width: 100%; }
	.reply_write03 &gt; form &gt; ul &gt; li:last-child &gt; a { line-height: 40px; }

	div.rows_program04 &gt; ul &gt; li { width: calc(50% - 20px); }

}

@media all and (max-width: 421px){

	.search_area05 &gt; form &gt; ul:first-child &gt; li { float: left; line-height: 43px; padding: 10px 0px;  }
	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(2) { padding: 5px 10px; }
	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(4) { padding: 5px 10px; }

	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(1) { line-height: 76px; }
	.search_area05 &gt; form &gt; ul:first-child &gt; li:nth-child(3) { line-height: 76px; }


}

@media all and (max-width: 400px){
	.main_slider_area &gt; li { height: 220px; }
	.main_slider_area &gt; li:last-child { height: 300px; }

	.section_banner02 &gt; li &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span { 
		border: 1px solid red; padding: 3px 3px; font-size: 11px; color: red; display: inline-block; letter-spacing: -1px;
	}

	.search_result_area &gt; div.rows_webzin &gt; ul &gt; li:last-child &gt; a &gt; p:nth-child(3) &gt; span { 
		border: 1px solid red; padding: 3px 3px; font-size: 11px; color: red; display: inline-block; letter-spacing: -1px;
	}


	.popup01 &gt; div &gt; div.slider &gt; div.swiper-container { height: 255px; }
	.popup01 &gt; div &gt; div.slider &gt; div.swiper-container2 { height: 48px; }

	.subpage_comment04 { 
		padding: 10px 10px 10px; 
	}
	.subpage_comment04 &gt; span { 
		font-size: 15px; 
	}


	.academy_info &gt; ul { padding: 15px; }

	div.rows_program03 &gt; ul &gt; li { float: left; margin: 20px 10px 0px; width: calc(100% - 20px); }


	.child_selecter &gt; ul &gt; li:nth-child(1) { width: 30px; }
	.child_selecter &gt; ul &gt; li:nth-child(2) { width: 40px; }
	.child_selecter &gt; ul &gt; li:nth-child(3) { width: calc(100% - 70px); padding: 15px 10px 20px; }
	.child_selecter &gt; ul &gt; li:nth-child(3) &gt; p { padding-left: 80px;  }

}


@media all and (max-width: 320px){
	.bestslider .swiper-slide { padding-bottom: 90%; }
	.life_bestslider .swiper-slide { padding-bottom: 90%; }	
}
</pre></body></html>