* {margin:0; padding:0; border:none; box-sizing:border-box; -moz-box-sizing:border-box; vertical-align: top;}
html,body {height:100%; background:#efefef;font-family: "Myriad","Tahoma","NBG","Apple SD Gothic","Malgun Gothic",Arial,"돋움",Dotum,sans-serif; overflow-x:hidden;}
li { list-style: none; }
a { text-decoration: none; }
a:hover{ text-decoration:none; cursor:pointer; }
img, ifram { border: 0;  max-width: 100%; margin: 0 auto; box-sizing: border-box;}
footer,header,hgroup,menu,nav,contents {display: block;}


/* sub*/



#sub_contents { width: 100%; height:auto; margin: 0 auto;  }
#subtop_img { width: 100%; height:auto; background: #333;  }
#main_wrap { width: 1280px; height: auto; margin: 0 auto; overflow: hidden; }

/* side */

#side_contents{ float:left; width: 20%; height:auto; }
#side_contents_title { width: 100%; height: auto; background: pink; }
#side_contents_title h3 { display: block; height: 100px; line-height: 100px; text-align:center ; background: #333; color: #FFF; }
#main_lnb { width: 100%; height: auto; padding-top: 30px; }
#main_lnb ul { height: auto;}
#main_lnb ul li {height: 40px; }
#main_lnb ul li a {display: block; height: 40px; line-height:40px; text-indent:5%; border-bottom: 1px dotted #333; color: #333; font-weight: bold;}
#main_lnb ul li a:hover { background: #ABABAB;}

#left_side_banner { width: 100%; height: auto; margin: 0 auto; text-align: center; margin-top: 50px;  margin-bottom:5px; }
#side_banner { width: 90%; height:auto; background: #FFF; border: 2px solid #333; padding-top: 10px; margin: 0 5% 0 5%; }
	.sbn_text1 a {font-size: 1.125em; color: #333;font-weight:bold; border-bottom: 1px solid #333;}
	.sbn_text2 a {font-size: 1.750em; color: #FF0000; font-weight:bolder; font-style: italic;}
	.sbn_text3 a {font-size: 0.875em; color: #333;font-weight:bold;}
	.sbn_text4 a {font-size: 0.750em; color: #333;font-weight:bold;}

/*side end*/



#contents_wrap { float:left; width: 80%; height:100%; margin: 0 auto; text-align: center; }

#gnb { whdth: 100%; display: none;  overflow: hidden; height: auto;  } /* 모바일시 노출 */
	.gnb_1{ float: left; width:25% ;border-right: 1px solid #333;}
	.gnb_2{ float: left; width:25% ;border-right: 1px solid #333;}
	.gnb_3{ float: left; width:25% ;border-right: 1px solid #333;}
	.gnb_4{ float: left; width:25% ;}
	.gnb_5{ float: left; width:25% ;border-right: 1px solid #333;}
	.gnb_6{ float: left; width:25% ;border-right: 1px solid #333;}
	.gnb_7{ float: left; width:25% ;border-right: 1px solid #333;}
	.gnb_tel{ float: left; width:25% }

#gnb ul li { border-bottom: 1px solid #333; }
#gnb ul li a { display: block; height: 30px; line-height: 30px; color: #000000;  font-weight: bolder; font-size: 1em;}
#gnb ul li a:hover { border-top: 1px solid #333; border-left: 1px solid #333; border-right: 1px solid #333; background:#E0E0E0; }






#subtop_banner { width: 100%; height: auto;  margin: 0 auto; text-align: center; overflow: hidden; }
	.subtop_bn1 { width: 30%; float: left; height: auto; margin-left: 20%; }
	.subtop_bn1 a { display: block; height: 100px; line-height: 100px; font-size: 1.125em ; color: #FF0000; }
	.subtop_bn2 { width: 20%; float: left; height: auto; margin: 0 1% 0 0 ;   }
	.subtop_bn2 a { display: block; height: 100px; line-height: 100px; font-size: 1.625em ; color: #FF0000; font-weight: bold; font-style: italic;}
	.subtop_bn2_1 { width: 20%; float: left; height: 50px; }
	.subtop_bn2_1 a { display: block; height: 100px; line-height: 100px; font-size: 1.5em ; color: #FF0000; }

.con_nav {display: none; width: 100%; height: 50px; overflow: hidden; background: #FFF; border-bottom: 1px solid #333; }
.connav_1 { float: left; width: 60%; text-align: left; }
.connav_1 a{ display: block; height: 50px; line-height: 50px; font-size: 1em; font-weight: bold; color; #333; text-indent: 20px;}
.connav_2 { float: left; width: 40%; text-align:left;}
.connav_2 a{display: block; height: 50px; line-height: 50px; font-size: 1em; font-weight: bold; #333; text-indent: 50%;}

.contents_img {box-sizing: boder-box; }

.contents_img img {margin-top: 5px; }

.contents_video1 {display:block }
.contents_video2 {display:none }

/*sub end*/



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

	#main_wrap {width: 100%;}

}





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

	#main_lnb h3 {font-size: 1em; }
}




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

	.subtop_bn2 {width: 30%;}
	.sbn_text4 a {display: none; }
	.sbn_text3 a {margin-bottom: 5px; }
}





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

	#top_banner { width: 100%; height: 30px;}
	#top_banner a { display:block; width: 100%; height: 30px; line-height: 30px; }
	
	#side_contents_title h3 {height: 80px; line-height: 80px; }
	.subtop_bn1 a {height: 80px; line-height: 80px; }
	.subtop_bn2 a {height: 80px; line-height: 80px; }

	#main_lnb ul li a {font-size: 1em; padding-left: 10px; }
	.sbn_text1 a {font-size: 1.333em;}
	.connav_2 a {text-indent: 30%; }

	.contents_img iframe {box-sizing: border-box;}
	.contents_video1 {display: none;}
	.contents_video2 {display: block;}
}





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

	#main_lnb ul li a {  font-size: 0.875em;  padding-left: 5px; }

	.subtop_bn1 {margin-left: 5%; }
	.subtop_bn2 { width: 40%; }
	.sbn_text1 a { font-size : 0.9em }
}







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

	#top_banner { width: 100%; height: 10px;}
		#top_banner a { display:none;}


	#subtop_banner { overflow: none; }


	#subtop_img {display: none; }

	#side_contents {display: none; }
	#contents_wrap {width:100%; }
	.subtop_banner {height: 50px; overflow:hidden;}
	.subtop_bn1 { float: none; text-align: center; width: 100%; height: 50px; margin-left: 0%;}
		.subtop_bn1 a { height: 50px; line-height: 50px; font-size: 1.5em; }
	.subtop_bn2 { float: none; text-align: center; width: 100%; height: 30px; margin:0 0 0 0 ;}
		.subtop_bn2 a { height: 30px; line-height: 20px; font-size: 2.5em; }
	.subtop_no1 {display: none; }
	.subtop_no2 {display: none; }
	.con_nav {height: 30px; }
	.connav_1 a {display:none;}
	.connav_2 a {width: 100%; height: 30px; line-height: 30px; text-indent: 10px; font-size: 1.091em;}

	#gnb {display: block; }
	#gnb ul li a {font-size: 0.875em; }
}