@charset "UTF-8";

#container {  position:relative; width: 100%; }
.container:after { clear:both; float:none; content:""; display:block; height:0;}
#container .contents { background:#40311a url(../../images/main/main_1600_v1.jpg) no-repeat 50% -178px; min-height:827px;}

.slgun {position:absolute;  margin-left: 120px !important; width:297px; padding:160px 0 0; }

.hrline {clear:both; content:""; display:block; float:none;}

.mc1, .mc2,
.mc3 {float:left; width:640px; margin:20px 0px;}
.mc1 {display:block;}
.boxType300 {width:320px; height:300px; margin:0 ;padding:0; float:left;}
.boxType300B {width:320px; height:160px; margin:0 ;padding:0; float:left;}
.boxType600 {width:100%; height:160px; margin:0 ;padding:0; float:left;}

#mc1 {position: relative; width:640px;}
.mc1_slide {overflow:hidden; }


.mc1_sb0 { float:left; margin:10px; width:140px; height:140px; background:url(../../images/main/mc1icon7.png) no-repeat;}
.mc1_sb0 h3 {padding: 15px 20px 5px 20px;}
.mc1_sb0 h3 a{ font-size:1.308em; color:#fff}
.mc1_sb0 p {font-size:14px; color:#fff; margin:6px 0 0 72px; line-height:18px;}
.mc1_sb0 p span{font-size:18px; font-weight: bold; }

.mc1_sb0 h3.title { font-size: 20px; color: #fff; }
.mc1_sb0 p.stitle { padding-top: 10px; }

.mc1_sb0_1 { float:left; margin:10px; width:300px; height:300px;}
.mc1_sb0_2 {background-color:#BD4119; }
.mc1_sb0_3 {background-color:#527B17; background-position: -160px 0}
.mc1_sb0_4 {background-color:#2773A8; background-position: 0px -160px;width:300px; }

.mc1_sb1 { float:left; margin:10px; width:140px; height:140px; background:url(../../images/main/mc1icon1.png) no-repeat;}
.mc1_sb1 h3 {padding: 20px;}
.mc1_sb1 h3 a{ font-size:1.308em; color:#fff}
.mc1_sb1_1 {background-color:#527B17; background-position: 0px 0px; width:300px; }
.mc1_sb1_2 {background-color:#2773A8; background-position: 0px -160px; width:300px; }
.mc1_sb1_3 {background-color:#BD4119; background-position: -320px 0px; width:300px; height:300px;}

.mc1_sb2 { float:left; margin:10px; width:140px; height:140px; background:url(../../images/main/mc1icon2.png) no-repeat;}
.mc1_sb2 h3 {padding: 20px;}
.mc1_sb2 h3 a{ font-size:1.308em; color:#fff}
.mc1_sb2_1 {background-color:#BD4119; background-position: 0px 0px; width:620px; height:140px;}
.mc1_sb2_2 {background-color:#2773A8; background-position: 0px -160px; width:300px; height:140px;}
.mc1_sb2_3 {background-color:#527B17; background-position: -320px -160px; width:300px; height:140px;}

.mc1_sb3 { float:left; margin:10px; width:300px; height:140px; background:url(../../images/main/mc1icon3.png) no-repeat;}
.mc1_sb3 h3 {padding: 20px;}
.mc1_sb3 h3 a{ font-size:1.308em; color:#fff}
.mc1_sb3_1 {background-color:#BD4119; background-position: 0px 0px; width:300px; }
.mc1_sb3_2 {background-color:#2773A8; background-position: 0px -160px; width:300px; }
.mc1_sb3_3 {background-color:#527B17; background-position: -320px 0px; width:300px; }
.mc1_sb3_4 {background-color:#3e409d; background-position: -320px -160px; width:300px;}

.mc1_sb4 { float:left; margin:10px; width:140px; height:140px; background:url(../../images/main/mc1icon4.png) no-repeat;}
.mc1_sb4 h3 {padding: 20px;}
.mc1_sb4 h3 a{ font-size:1.308em; color:#fff}
.mc1_sb4_1 {background-color:#AB5600; }
.mc1_sb4_2 {background-color:#800080; background-position: -160px -5px; }
.mc1_sb4_3 {background-color:#D93737; background-position: 0px -160px;width:300px; }
.mc1_sb4_4 {background-color:#2773A8; background-position: -320px 0; width:300px; }
.mc1_sb4_5 {background-color:#527B17; background-position: -320px -160px}
.mc1_sb4_6 {background-color:#3e409d; background-position: -470px -160px; }

.mc1_sb5 { float:left; margin:10px; width:140px; height:140px; background:url(../../images/main/mc1icon5.png) no-repeat;}
.mc1_sb5 h3 {padding: 20px;}
.mc1_sb5 h3 a{ font-size:1.308em; color:#fff}
.mc1_sb5_1 {background-color:#527B17; background-position: 0 0px; width:300px; height:300px;}
.mc1_sb5_2 {background-color:#3e409d; background-position: -320px 0px; width:300px; }
.mc1_sb5_3 {background-color:#BD4119; background-position: -320px -160px; width:300px; }

.mc1_sb6 { float:left; margin:10px; width:140px; height:140px; background:url(../../images/main/mc1icon6.png) no-repeat;}
.mc1_sb6 h3 {padding: 20px;}
.mc1_sb6 h3 a{ font-size:1.308em; color:#fff}
.mc1_sb6_1 {background-color:#9e00ee; background-position: 0 0; width:300px; height:140px;}
.mc1_sb6_2 {background-color:#BD4119; background-position: -320px 0px; width:300px; height:140px;}
.mc1_sb6_3 {background-color:#2773A8; background-position: -0 -160px; width:620px; height:140px;}




#mc1 .control {position:relative; width:100%;height:90px;top:50px; left:0px; z-index:1; }
#mc1 .control button { color: #2e2e2e;  font-size: 16px;  font-weight: bold; display:block;position:absolute;top:8px;float:none; height:32px;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px; vertical-align:top;  padding:0 0 0 40px;}
#mc1 .control .btn_prev {left:10px;background-position:0 -690px}
#mc1 .control .btn_next {right:10px;background-position:100% -730px;  padding:0 40px 0 0; }

#mc1 .control .bx-pager {
	position: absolute;
	top: -10px;
	width: 100%;
}

#mc1 .control .bx-pager {
	text-align: center;
	font-size: 15px;
	font-family: Arial;
	font-weight: bold;
	color: #2e2e2e;
	padding-top: 20px;
}

#mc1 .control .bx-pager .bx-pager-item,
#mc1 .control .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#mc1 .control .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	padding:0px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#mc1 .control .bx-pager.bx-default-pager a.active {padding:2px; background:#233199;}


#mc2 {position:relative}
#container #mc2 {width:620px;height:300px; margin:0 10px; position:relative}
#mc2 .control {position:absolute;left:0;bottom:0;width:100%;height:50px;margin:0px;background:url(../../images/main/mc_vis_control.png) repeat-x 0 0;text-align:center}
#mc2 .control button {display:block;position:absolute;top:8px;float:none; padding:0 0px; width:32px;height:32px;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top; }
#mc2 .control .btn_prev {left:38px;background-position:0 -300px}
#mc2 .control .btn_next {left:108px;background-position:0 -340px}
#mc2 .control .btn_stop {left:73px;background-position:0 -610px}
#mc2 .control .btn_play {display:none;left:73px;background-position:0 -650px}
#mc2 .bx-controls {position:absolute;bottom:0px;left:50%; margin-left:-50px;width:100px;height:40px;background:none;color:#fff;line-height:40px;text-align:center;}
#mc2 #slider_visual li img { width:620px; height:300px;}

/*
.control .btn_prev:focus, .control .btn_next:focus,.control .btn_stop:focus,
.control .btn_play:focus  {outline: 3px solid #f00;} 
*/

#container .mc3 {margin:0;}
#mc3 ul {width:300px; margin:0 10px; background:url(../../images/main/mc4bg.png) no-repeat; height:300px; }
#mc3 ul li{float:left; width:50%; height:120px; padding:20px 0 0; text-align:center; line-height: 1.3em; }
#mc3 ul li a{ color:#fff; }

#mc3 ul li span{ width:80px; height:80px; display:block; margin:auto; margin-bottom:3px; background:url(../../images/main/mc4icon.png) repeat-x 0 0;text-align:center}
#mc3 ul li:nth-child(2) span {background-position:-150px 0;}
#mc3 ul li:nth-child(3) span {background-position:0 -150px;}
#mc3 ul li:nth-child(4) span {background-position:-150px -150px;}






/* �������� �Ǹ޴� */
#mc4 {position:relative;width:300px; height:300px; margin:0 10px; background:#ffecd4;} 
.notice_tab {position:relative;height:300px; background-color:#fff}
.notice_tab h4 {float:left;position:relative}
#ntab_1 {}
#ntab_2 {}


.notice_tab h4 a { border-top:solid 2px #a79f95; width:150px; display:block;height:50px; padding:0px; font-size:1.077em;background:#6C6760;color:#fff;line-height:50px;text-decoration:none; text-align:center;}
.notice_tab h4 a:hover, .notice_tab h4 a:active, .notice_tab h4 a:focus { background:#a79f95; }
.notice_tab h4.active a { font-size:1.154em;background:#ffecd4 url(../../images/main/bul_notice_tab.png) no-repeat 50% 100%; color:#78341B;border-top:solid 2px #ed7c55; }
.notice_tab .cont {display:none;position:absolute;top:70px;left:15px; width:270px;}
.notice_tab #ntab_1 + .cont {display:block}

.nt_list iframe { height: 180px; }
.nt_list li {position:relative;  padding-bottom: 1px; width:100%; background:url(../../images/common/img_comn_tiny.png) no-repeat 0 -908px; height:26px; line-height: 26px; list-style:none}
.nt_list li a {display: block; float: none !important; width: 100% !important; color:#1b1b1b;font-size:1.076em;line-height:2.142;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.nt_list li a:hover, .nt_list li a:active, .nt_list li a:focus {color:#3cb896;text-decoration:underline}
.nt_list li .subject {display: block; text-align: left;overflow:hidden;  text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-left:10px;margin-right: 80px;}
.nt_list li .date {position: absolute;top:0;right:0;color:#7c7c7c;font-size:11px;line-height:2.142;text-align: right}
.nt_list li .date span {display:none}
/*#mc_notice .nt_list li:first-child {padding-bottom:10px}*/
.notice_tab .more { top:15px;position: relative;display:block; float:right; border:solid 1px #e7cba8; padding:0 15px 0 7px; width:45px;height:30px;background:url(../../images/main/notice_more.png) no-repeat 90% 50%;color:#555;line-height:31px;text-decoration:none}



/* �ϴ� ��� */
#foot_banner {overflow:hidden;position:relative; height:100px; width:100%; background:#e5e5e5; }
#foot_banner .inner {position:relative}
#foot_banner .fb_skip {position:absolute;left:0;top:-30px;}
#foot_banner .fb_skip a:active, #foot_banner .fb_skip a:focus {display:block;position:absolute;left:0;top:30px;width:120px;height:30px;background:#3cb896;color:#fff;text-align:center;text-decoration:none;line-height:30px;z-index:5}
#foot_banner .fb_box {position:absolute; width:941px; height:44px;margin:28px 0 0 320px;overflow:hidden}
#slider_foot_banner {position:absolute; width:941px; }
#slider_foot_banner li {float:left;}
#foot_banner .control {position:absolute;top:38px;left:21px;width:100px; font-size:1.308em; line-height:1.5;}
#foot_banner .control button, #foot_banner .control a {position:absolute;width:24px;height:24px}
#foot_banner .control .btn_prev {top:0;left:100px;background-position:0 -950px}
#foot_banner .control .btn_prev:hover, #foot_banner .control .btn_prev:active, #foot_banner .control .btn_prev:focus {background-position:0 -980px;z-index:1}
#foot_banner .control .btn_next {top:0;left:123px;background-position:0 -1010px}
#foot_banner .control .btn_next:hover, #foot_banner .control .btn_next:active, #foot_banner .control .btn_next:focus {background-position:0 -1040px;z-index:1}
#foot_banner .control .btn_more {top:0px;left:146px;background-position:0 -1070px}
#foot_banner .control .btn_more:hover, #foot_banner .control .btn_more:active, #foot_banner .control .btn_more:focus {background-position:0 -1100px;z-index:1}
#foot_banner .control .btn_stop {top:0px;left:169px;background-position:0 -1130px}
#foot_banner .control .btn_stop:hover, #foot_banner .control .btn_stop:active, #foot_banner .control .btn_stop:focus {background-position:0 -1160px;z-index:1}
#foot_banner .control .btn_play {display:none;top:0px;left:169px;background-position:0 -1190px}
#foot_banner .control .btn_play:hover, #foot_banner .control .btn_play:active, #foot_banner .control .btn_play:focus {background-position:0 -1220px;z-index:1}




@media (min-width:1025px) {
.slgun { left:50%; } 
}


@media (min-width:800px) and (max-width:1024px) {
	
#container .inner { padding:0;    width:960px;}
.slgun {position:absolute; right:15px !important;   margin-left: 0px !important; width:297px; padding:90px 0 0; }
#container .contents { background-position:75% 0px; min-height:827px;}


.mc3 { margin:20px 0 !important;}




}







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

#container .inner { padding:0;    width:640px; position:relative;}	
.slgun, #foot_banner {display:none;}

.mc3 { margin:20px 0 !important;}

}




@media (max-width:599px) {

#container .inner { padding:0; min-width: 320px;  width:320px; position:relative;}	
.slgun, #foot_banner {display:none;}

#mc1,  .mc3 {width:320px;}
#container #mc2 {width:300px; margin-top:0px;}
.boxType300  {margin-bottom:20px}

.mc3 { margin:20px 0 !important;}

.mc1_sb2_1, .mc1_sb6_3 {width:300px;}
#mc1 .control button {padding:0 0 0 40px; font-size:0;}

#container #mc2 { height: 240px; }
#mc2 .bx-controls { left: 70%; }
#mc2 #slider_visual li img { width: 100%; height: 190px; }

}

/* 팝업 추가 */
#divpop{position:absolute; width:auto; left: 0px; top:370px; z-index:1999; background:#fff; border:1px solid #444;text-align:center;}
#divpop1{position:absolute; left:45%; top: 200px; z-index:900; background:#fff; border:1px solid #444; text-align:center;}
#divpop2{position:absolute; left: 1120px; top: 250px; z-index:901; background:#fff; border:1px solid #444; text-align:center;}
#divpop3{position:absolute; left: 1200px; top: 22px; z-index:902; background:#000; border:1px solid #444; text-align:center;}

.layerpop .close { background: #000; padding: 3px 0; color: #fff;}
.layerpop .close button { color: #fff; }
.layerpop2 .close { background: #000; padding: 3px 0; color: #fff;}
.layerpop2 .close button { color: #fff; }
.layerpop3 .close { background: #000; padding: 3px 0; color: #fff;}
.layerpop3 .close button { color: #fff; }

.pop_footer { height: 23px; background: #444;  text-align: right;  border:1px solid #444;   vertical-align: middle; }
.pop_footer .foot, b { color: #FFF; }
@media (max-width:900px) {
	#divpop{display:none;}
	#divpop1 {display:none; } 
	#divpop2 { display:none; }
	#divpop3 { display:none; }
	#divpop1 img, #divpop2 img, #divpop3 img { display:none;}
	#divpop div {display:none; }
	#divpop img {display:none;}
}