@import url('https://webfontworld.github.io/sandbox/SBAggro.css');
#wrapper{	 
	left:0; top:0;
	background-color:#FFFFFF;	
}
#header{	
	left:0; top:0;
	height:60px;	
	background:#FFFFFF;
}
#headerInner{
	position:fixed;
	left:0; top:0;
	width:100%;
	z-index:999999;
	background-color:#FFFFFF;
}
#wrapper > article{			
	overflow:hidden;
}

#wrap_main{	 
	background-color:#FFFFFF;	
}


/*	Çì´õ ¸Þ´º */
.lnb{width:100%; height:42px; padding:0px 0px 0px 0px; border-top:4px solid #2222222; background-color:#DCDCDC;}
.nav_me{width:100%; display:table; white-space:nowrap}
.nav_me li{float:left; width:18%; display:table-cell; margin:0px; text-align:center;  white-space:nowrap}
.nav_me li a{display:inline-block; padding:0 0px; font-family:HelveticaNeue-Condensed,Helvetica,sans-serif;font-size:14px;line-height:42px;font-weight:bold;color:#333333;}
.nav_me li.on a{height:39px; border-bottom:3px solid #CC0033; color:#333333; font-weight:700; text-shadow:0 -1px 1px rgba(255,255,255,.7)}
.nav_me li.cate1{width:28%;} 

#subheader{background:#fff;}
#subheader.boxBorder{border-bottom:2px solid #E1E1E1;}
#subheader h2{margin-bottom:0px; color:#2d2d2d}
#subheader #search{
	margin:5px 10px;display:none; z-index:500;
}
#subheader #menu_news,
#subheader #social{
	margin:20px 10px;display:none;
}

#subheader  #-searchForm{display:block; position:relative; background:#000;}
#subheader  #-keyword{width:100%;padding:5px; border:1px solid #a9a9a9; margin:0;}
#subheader  #-searchButton{position:absolute; top:0; right:0}


#search{margin:5px 10px 5px 10px;}
.search_form{display:none;position:relative;padding:5px 130px 4px 0px;height:32px;}
.tbox{position:relative;display:block;padding:2px 30px 2px 8px;height:26px;border:1px solid #8f8f8f;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);background-color:#fff;}
.tbox .ico_del{display:none;position:absolute;top:0;right:0;width:22px;height:30px;background:url(/images/ico_del.png) 50% 50% no-repeat;border:0}
.tbox.on .ico_del{display:block}
.tbox .tinp{width:100%;height:26px;line-height:24px;border:0;color:#aeaeae;font-size:12px;vertical-align:top;font-weight:bold;outline:none}
.search_btn{position:absolute;top:5px;right:65px;width:58px;height:32px;border:0;background-color:#d53d2f;font-size:12px;line-height:20px;color:#fff;letter-spacing:-1px;white-space:nowrap;-webkit-border-radius:0;-webkit-appearance:none}
.search_close{right:0px;background-color:#8f8f8f;color:#fff}



#subheader .gnb_left {width:220px; min-height:100%; position:absolute; left:0px; top:80; z-index:40; overflow-x:hidden; background-color:#45454a;
		-moz-box-shadow: 5px 0 30px #000;
		-webkit-box-shadow: 5px 0 30px #000;
		box-shadow: 5px 0 30px #000;}

	#subheader .gnb_left .gnb_m_area {min-height:80px; padding:22.5px 22.5px 11px 22.5px; display:block; overflow:hidden; background-color:#45454a;}
	#subheader .gnb_left .gnb_m_area .btn_home {width:45%; padding-top:5px; display:block; float: left;}
	#subheader .gnb_left .gnb_m_area .btn_home img {width:100%; }
	#subheader .gnb_left .gnb_m_area .btn_close {width:21px; height:38px; float: right;}
	#subheader .gnb_left .gnb_m_area .btn_close img {width:100%; }

#subheader .gnb_left ul{overflow:hidden; background-color:#fff; border:1px solid #a9a9a9;}
#subheader .gnb_left ul li{float:left; width:25%; margin:7px 0; padding:0 5px; border-right:1px solid #dedede;}
#subheader .gnb_left ul li:last-child{border-right:0; padding-right:0; margin-right:0}
#subheader .gnb_left ul li a{font-weight:600;}


#subheader #social ul{overflow:hidden;}
#subheader #social ul li{float:left;}
#subheader #social ul li a{display:block; margin:0 5px; font-weight:bold; width:30px; height:30px; text-indent:-10000px}
#subheader #social ul li a.facebook{background:url('/images/icoFacebook.png') no-repeat; background-size:contain}
#subheader #social ul li a.twitter{background:url('/images/icoTwitter.png') no-repeat; background-size:contain}
#subheader #social ul li a.kakaotalk{background:url('/images/icoKakaoTalk.png') no-repeat; background-size:contain}
#subheader #social ul li a.kakaostory{background:url('/images/icoKakaoStory.png') no-repeat; background-size:contain}
#subheader #social ul li a.google{background:url('/images/icoGoogle.png') no-repeat; background-size:contain}
.container_le-ft, .container_right{padding-bottom:15px;}	


.main_box { overflow:hidden; margin:50px 10px 30px 10px;}
.main_box ul li{float:left; width:50%;}
.main_box ul li a{display:block; text-align:center;}
.main_box ul li a img{width:90%;}


.main_search {position:relative; margin:5px 20px 50px 20px;}
.main_search .search_form{display:none;position:relative;padding:5px 130px 4px 0px;height:32px;}
.main_search .tbox{position:relative;display:block;padding:2px 30px 2px 8px;height:26px;border:1px solid #8f8f8f;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);background-color:#fff;}
.main_search .tbox .ico_del{display:none;position:absolute;top:0;right:0;width:22px;height:30px;background:url(/images/ico_del.png) 50% 50% no-repeat;border:0}
.main_search .tbox.on .ico_del{display:block}
.main_search .tbox .tinp{width:100%;height:26px;line-height:24px;border:0;color:#aeaeae;font-size:12px;vertical-align:top;font-weight:bold;outline:none}
.main_search .search_btn2{position:absolute;top:0px;right:0px;width:58px;height:32px;border:0;background-color:#d53d2f;font-size:12px;line-height:20px;color:#fff;letter-spacing:-1px;white-space:nowrap;-webkit-border-radius:0;-webkit-appearance:none}
.main_search .search_close2{right:0px;background-color:#8f8f8f;color:#fff}


.boxRolling .img{width:100% !important; max-width:100%; }	




/* footer */
.footer{clear:both; margin:0 auto; padding:5px 0px 11px 0px; background-color:#666666; font-size:12px;text-align:center;}
.foot_me{margin:10px 0px 0px 0px; padding:0px 0px;}
.foot_me .foot_a{width:60px; display:inline-block; margin:5px 1px; border:1px solid #8B8B8B; border-radius:0px; background:#727272; line-height:25px; color:#D9D9D9 !important;font-family:'helvetica',sans-serif;}
.foot_me .foot_a2{ padding:0px 5px; display:inline-block; margin:5px 1px; border:1px solid #8B8B8B; border-radius:0px; background:#727272; line-height:25px; color:#D9D9D9 !important;font-family:'helvetica',sans-serif;}
.copyright{margin:0px 0px 75px 0px; font-size:12px; color:#CCCCCC !important;}

.floating {position:relative; width:100%; overflow:hidden; background:url('/images/img_shado.png') repeat;}
.floating p.bt_close {position: absolute !important; top:0 !important; right:0 !important; } 
.floating p.bt_close button {width:25px; height:25px; background:url('/images/ico_close.gif') no-repeat; background-size:100%; border:0px !important;  cursor:pointer !important;}
.floating p.bt_close span{font-size:0; line-height:0;}

.container_left, .container_right{padding:0; padding-bottom:10px; position:relative; box-sizing:border-box;}

@media only screen and	(max-width:600px) {
	.container_left{width:100%;float:none;}
	.container_right{width:100%;float:none;}	
	.hide_bbs{display:none;}	
}
@media only screen and	(min-width:601px){	
	.container_left{width:50%;float:left;}
	.container_right{ width:50%;float:right; }	
	.container_none{width:100%;float:none;}
	.container_hidden{display:none;}
}


/* ¿¢½ºÆ÷ ¿µ¿ª */
.expo_wrap {width:100%; border:3px solid #d5d5d5; box-sizing:border-box; padding:20px; margin-bottom:40px; background:#fafafa url("/images/expo_bg_ff.png") no-repeat right bottom;}
.expo_wrap .expo_top {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #d5d5d5; margin-bottom:18px; padding-bottom:18px;}
.expo_wrap .expo_top > h3 {color:#005cba; font-family:'SBAggro'; font-size:25px; font-weight:550;}
.expo_wrap .expo_top > .expo_more_btn {font-family:"Pretendard Variable"; color:#222; font-size:15px; font-weight:550;}
.expo_wrap .expo_bot {}
.expo_wrap .expo_bot > li {position:relative; margin-bottom:25px; padding-left:25px;}
.expo_wrap .expo_bot > li::before {content:""; display:block; width:15px; height:15px; background:url("/images/expo_arrow.jpg") center; position:absolute; top:5px; left:0px;}
.expo_wrap .expo_bot > li:last-child {margin-bottom:0px;} 
.expo_wrap .expo_bot > li > a {display:block; width:98%; color:#111; font-size:18px; font-weight:550; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family:"Pretendard Variable";}




@media screen and (max-width:600px){
    .expo_wrap {padding:15px;}
    .expo_wrap .expo_top {margin-bottom:15px; padding-bottom:15px;}
    .expo_wrap .expo_top > h3 {font-size:20px;}
    .expo_wrap .expo_bot > li {margin-bottom:20px;}
    .expo_wrap .expo_bot > li > a {font-size:16px;}
    .expo_wrap .expo_top > .expo_more_btn {font-size:14px;}
}
@media screen and (max-width:500px){

    .expo_wrap .expo_top > h3 {font-size:18px;}
    .expo_wrap .expo_bot > li > a {font-size:15px;}


}