<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 반응형 불러오기 */

/* 배너하단 */
.img_step { float:left;padding-right:20px; }

.img_round { 
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	border-bottom-right-radius : 10px;
	border-bottom-left-radius : 10px;
	border:1px solid #c9c9c9
}

.img_rounds {
	max-width:220px;
	margin-bottom:20px;margin-right:20px;
}
#sub_img .div_text { padding-top:180px;text-shadow:2px 2px 2px #000 }

.div_float1 { width:50%;float:left }
.div_float2 { width:60%;float:left }
.div_float3 { width:40%;float:left }
.mtx_50 { margin-top:50px; }
.p_10 { padding:0px 10px 10px 10px; }



@media screen and (min-width:1200px) {
	.latest_mobiles { display: none; }
    .maptbl3 { display: none; }
    #lmenu { float:left;min-width:260px }
	#rmenu { float:right;max-width:920px;width:920px;margin-left:20px; }
	#hd_wrapper{ display: none;}
    #header { display: show; }

	#main_img { background: url('/homeimg/main.jpg') no-repeat;background-size:cover;width: 100%; height:700px; max-height:700px;background-position: top center; }

	#sub_img { width: 100%; height:302px; max-height:302px;background-position: top center;color:#fff;text-align:center;font-size:3em;font-weight:bold; }

    .big_photos_height { min-height:400px; }

    .lt_wr{height:440px}
    .t20 { margin-top:20px; }
    #aside { display: none; }
	.hidden-small{ display: show; }

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


	.latest_pcs { display: none; }
	.latest_mobiles { display: show; }
    .icon_load a{width:50%;margin:0px;height:103px;display:block;float:left;}
    .icon_load_mobile a{width:50%;margin:0px;height:103px;display:block;float:left;}

    .pic_subject { font-size:1em;overflow:hidden }
    .hidden-small{ display: show; }
    #lmenu { display:none;  } 
	#rmenu { width:100%;max-width:920px;margin-left:0px;margin:0 auto; }
	.lt_wr{width:47.5% !important; margin-left: 0px !important; }
    .lt_wr:first-child{margin-right:5%;background:blue}
    .lt_wr:last-child{padding-left:5%;background:red}
	.hidden-small{ display: show; }


/* 메인공지 */
.latest_wr .lat_title {padding:5px;padding-bottom:20px;margin-bottom:20px;margin-top:10px;float:left;font-weight:bold;font-size:1.5em;border-bottom:2px solid #06386c;}
/* 메인공지 */


/* 공지사이즈 조절  */
    .lst1{
	float:left;
    width: 49%;
    background-color: #fff;
    margin-right: 2%;
	}
    .lst2{
	float:left;
    width: 49%;
    background-color: #fff;
    margin-right: 2%;
	}
    .lst22{
	float:left;
    width: 49%;
    background-color: #fff;
	}
    .lst3{
	float:left;
    width: 49%;
    background-color: #fff;
	}


    .slst1{
	float:left;
    width: 49%;
	max-width:49%;
    background-color: #fff;
    margin-right: 2%;
	border:1px solid #d5d5d5;
    display:table

	}
    .slst2{
	float:left;
    width: 49%;
	max-width:49%;
    background-color: #fff;
    margin-right: 0%;
	border:1px solid #d5d5d5;
    display:table
	}
    .slst3{
	margin-top:2%;
	float:left;
    width: 49%;
	max-width:49%;
    background-color: #fff;
    margin-right: 2%;
	border:1px solid #d5d5d5;
    display:table
	}
    .slst4{
	margin-top:2%;
	float:left;
    width: 49%;
	max-width:49%;
    background-color: #fff;
	border:1px solid #d5d5d5;
    display:table
	}

    .slsmall1 {
	width: 49%;
	height:300px;
	margin-top:-180px;
	font-size:3em;
	position:absolute;
	display:none
	}

/* 배너하단 */
    #ft_copy { padding-top:20px; }

	#tnb ul { width: 100%; }
	#hd_wrapper { display: show;width: 100%; margin: auto; height: 85px; background:#fff; border-bottom:1px solid silver }
    #header { display: none; }
	#main_img { background: url('/homeimg/main.jpg') no-repeat;background-size:cover;width: 100%; height:400px; max-height:700px;background-position: top center; }

	#sub_img { width: 100%; height:200px; max-height:200px;background-position: top center;color:#fff;text-align:center;font-size:3em;font-weight:bold; }
    #sub_img .div_text { padding-top:80px;text-shadow:4px 4px 4px #000 }

    .hide { display:none }
    .full { width: 100%;}
    .full img { margin-top:20px;margin-bottom:20px;}


	#logo {width: calc(100% - 20px); margin-left: 10px; float:left;padding:0; text-align: center; }
	#logo #mobile_open {padding-top:10px;}
	#logo &gt; span { display: block; float: left; cursor: pointer; font-size: 25px; }
	.hd_sch_wr{position:absolute;top:80px;left:10px;width:430px;margin-left:0px;  }
	#hd_qnb{float:right;margin-top:30px}
	#gnb { display: none; }

	#container_wr {width:100%; }
	#aside { position: fixed; left: -305px; top: 0px; margin: 0px; z-index: 1000; overflow-y: auto; }
	.close_menu { position: fixed; display: block; height: 0px; z-index: 1100; top: 0px; left: -30px }
	.close_menu &gt; i { font-size: 10px; cursor: pointer; }
	.mobile_menu { display: block;font-size:0.8em }

	#container {width: calc(100% - 20px); margin:10px 10px;}

	#ft_wr {width:100%; }


	.mobile_menu { background: #0067b3; margin: 20px; }
	.mobile_menu &gt; ul { background: #0067b3; padding-bottom: 15px;  }
	.mobile_menu &gt; ul &gt; li { 
		position: relative; width: 100%; padding: 15px 10px 0px 10px;font-size:1.4em

	}
	.mobile_menu &gt; ul &gt; li &gt; i { position: absolute; right: 10px; color: #fff; font-size: 12px; cursor: pointer;}
	.mobile_menu &gt; ul &gt; li &gt; ul { display: none; margin-top: 15px; background: #fff; padding-bottom: 10px; }
	.mobile_menu &gt; ul &gt; li &gt; ul &gt; li { width: 100%;  padding: 10px 15px 0px 10px;}
	.mobile_menu &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover { font-weight: 700; }

}

@media screen and (min-width:1100px) {
 .maptbl3 { display: none; }
}

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

	.hidden-small{ display: none }

/* 메인공지 */
.latest_wr .lat_title {padding:5px;padding-bottom:20px;margin-bottom:20px;margin-top:10px;float:left;font-weight:bold;font-size:1.2em;border-bottom:2px solid #06386c;}
/* 메인공지 */
}

@media screen and (min-width:900px) {
 .maptbl3 { display: none; }
}

@media screen and (max-width:900px) {
/* 메인공지 */
.latest_wr .lat_title {padding:5px;padding-bottom:20px;margin-bottom:20px;margin-top:10px;float:left;font-weight:bold;font-size:1.1em;border-bottom:2px solid #06386c;}
/* 메인공지 */
.latest_wr .lat_26 {width:33%;}
.latest_wr .lat_74 {width:67%;}
.latest_wr .lat_32 {width:40%;}
.latest_wr .lat_68 {width:60%;}

	.basic5{ width:100% }
	.basic5_small{ width:100%; }
	.basic5_small_gan { display:none }
	.basic5_align_left { margin-right:0px;margin-bottom:5px; } 
	.basic5_align_right { margin-left:0px;margin-bottom:5px; } 
	.basic5_small2 { padding:0px;width:100%; }
	.basic5_small2_right { padding-right:0px }
	.basic5_small2_left { padding-left:0px }
}


@media screen and (min-width:860px) {
	.maptbl3 { display: none; }
	.latest_mobile { display: none; }
}

@media screen and (max-width:860px) {
    
	/*작은사이즈에서 이미지 크기 100%변형 */
    .img_round { width:100% }
    .img_rounds { max-width:280px;width:100% }

	.lst1{
	float:left;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
	}
    .lst2{
	float:left;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
	}
    .lst22{
	float:left;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
	}
    .lst3{
	float:left;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
	}
	.m_mt_20 { margin-top:20px; }
    .t1 { display:table;padding:5px;text-align:center;}
    .icon_load { text-align:center;}


	#tnb ul { width: 100%; }
	#main_img { display: none; }
	#sub_img { display: none; }
	.hd_sch_wr{top:80px;width: calc(100% - 20px); z-index: 0; }
	#hd_qnb{ display: none; float:right;margin-top:30px}
    #ft_link { display: none; }
    #ft_copy_pc { display: none; }

	#hd_sch #sch_stx {width:calc(100% - 50px);}

	.latest_pc { display: none; }
	.latest_mobile { display: show; }
    .div_float1 { width:100%; }
    .div_float2 { width:100%; }
    .div_float3 { width:100%; }
    .mtx_50 { margin-top:0px; }
	.mth_20 { margin-top:20px; }


}

@media screen and (min-width:680px) {
    .maptbl3 { display: none; }
}

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

    .tab_ns .smt { font-size:1em }

    .maptbl2 { display: none; }
    .maptbl3 { display: show; }



	.sub_mobile_bg01 { background: url('/homeimg/mbg.jpg') no-repeat;background-size:cover; height:105px; max-height:105px;background-position: top center; }

	.lt_wr{width:100% !important; margin-left: 0px !important; }

    .bo_v_snswr { display: show; }
}


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

    .img_rounds { margin-bottom:20px;max-width:520px;width:100% }
    .img_step { padding-left:10px;padding-right:10px;padding-bottom:10px; }
    .icon_load a{
	float:left;
	display:table;
    width: 50%;
	max-width:50%;
	text-align:center;
	}


    .slst1{
	float:left;
    width: 100%;
	max-width:100%;
    background-color: #fff;
	border:1px solid #d5d5d5;
    display:table

	}
    .slst2{
	float:left;
    width: 100%;
	max-width:100%;
    background-color: #fff;
	border:1px solid #d5d5d5;
    display:table
	}
    .slst3{
	margin-top:2%;
	float:left;
    width: 100%;
	max-width:100%;
    background-color: #fff;
	border:1px solid #d5d5d5;
    display:table
	}
    .slst4{
	margin-top:2%;
	float:left;
    width: 100%;
	max-width:100%;
    background-color: #fff;
	border:1px solid #d5d5d5;
    display:table
	}
    .bo_v_snswr { display: show; }
}

.viewset .sc:hover{
background-color: #fff;
opacity: 0.5; transition: .3s ease;
} 
.icon_load a:hover{
opacity: 0.5; transition: .3s ease;
} 
.icon_loads a:hover{
opacity: 0.5; transition: .3s ease;
} </pre></body></html>