@charset "utf-8";

/* Layout Css
***********************************************************************************************************/
#wrap { width:100%; min-width:1000px; background:#f1f1f1; }
#mbox { width:1000px; margin:0 auto; padding:0 0 38px 0; background:#fff; border:1px solid #e2e2e2; border-top:none; overflow:hidden; }

/* 헤더 */
#header { width:928px; height:85px; padding:0 36px; position:relative; z-index:3;}

/* logo, nav */
#header .nav { position:relative; }

#header .logobox {  position:relative; left:0; top:0;  }
#header .logobox h1#logo { position:absolute; top:0; left:-36px;  }
#header .logobox h1#logo a { display:inline-block; }
#header .logobox ul { position:absolute; top:39px; left:118px; }
#header .logobox ul li { display:inline-block; *display:inline; zoom:1; vertical-align:top; color:#ddd; }
#header .logobox ul li a { padding:0 3px; color:#626262; font-weight:bold; font-size:11px;}	

#gnbMenu { position:absolute; right:0; top:29px; z-index:2; }
#gnbMenu .inner{}

#gnb { zoom:1; }
#gnb:after { content:''; display:block; clear:both; }
#gnb li { float:left; position:relative; margin:0 0 0 12px ; font-weight:bold; font-size:17px; }
#gnb li a { display:inline-block; position:relative; height:36px; overflow:hidden; }
#gnb li a img { margin:0; }
#gnb li.on a img,
#gnb li a:hover img {margin-top:-36px; }
#gnb li.on a,
#gnb li a:hover {  }
#gnb li.on a {  z-index:2; height:57px;background: url("./image/sub_arrow.gif") no-repeat 50% bottom; }
#gnb li.on a span { display:block;  background:#eee; }

#gnb li.on .sub { display:block !important;  }
#gnb .sub { position:absolute; left:50%; top:35px; height:64px; width:9999px;  padding-right:5px; background:url("./image/round_left.png") no-repeat left bottom; }
#gnb .sub ul { float:left; display:inline; height:43px; line-height:43px; padding:0 10px 0 5px; margin:21px 0 0 2px; padding-right:5px; background:url("./image/round.png") no-repeat right bottom; }
#gnb li li { height:43px; font-size:0; white-space:nowrap; margin:0; vertical-align:top;}

#gnb li.on li a,
#gnb li li a { display:block; height:12px; line-height:12px; overflow:hidden; margin-top:15px; padding:0px 5px; background: url("./image/sub_bar.gif") no-repeat 0 0; }

#gnb li.on li a img,
#gnb li li a img {margin-top:0px; vertical-align:top; }

#gnb li li:first-child a{ background:none; }
#gnb li li.on1 a,
#gnb li li a:hover a,
#gnb li li a:focus a { color:#d23b73; }

#gnb li li.on1 a img,
#gnb li li.on1 a:hover img,
#gnb li li.on1 a:focus img,
#gnb li li a:hover img,
#gnb li li a:focus img { margin-top:-12px; }

/* 메인 콘텐츠 */
#container { width:928px; margin:0 36px; border-top:1px solid #e2e2e2; }
#visual { margin:0 0 25px 0; font-size:0; }
#visual{overflow:hidden;position:relative; background:#fff; /* background:#00bce4 */; z-index:1; }
#visual .gallery_wrap{position:relative;width:926px;margin:0 auto; border:1px solid #e2e2e2; border-top:none; }
#visual .gallery_wrap .inner{position:relative;height:444px;}
#visual .gallery_wrap ul.gallery {}
#visual .gallery_wrap ul.gallery li{position:absolute;left:0;top:0;width:100%; font-size:0; vertical-align:top; }
#visual .gallery_wrap ul.gallery li a{display:block; }
#visual .btn {position:absolute;top:50%;margin:-18px 0 0;}
#visual .links_prev{left:0;}
#visual .links_next{right:0;}

#visual .control_wrap{}
#visual .control{position:absolute; bottom:21px; right:25px;  }
#visual .control li{ display:inline; float:left; width:14px; height:14px; margin:0 0 0 4px; }
#visual .control li a{display:block;overflow:hidden;height:100%;}
#visual .control li.on {width:14px;}
#visual .control li a:focus img,
#visual .control li.on a img{ margin:-14px 0 0; }	

#mcontents { zoom:1; }
#mcontents:after { content:''; display:block; clear:both; }
#mcontents h2 { font-weight:bold; font-size:14px; color:#444; margin:0 0 24px 0; }
 
/* left_cont */
#mcontents #left_cont { float:left; width:298px; }

#partner { height:110px; padding:25px 0 5px 0; margin:0 0 12px 0; background:#f7f7f7; }
#partner h2 { padding:0 0 0 25px; }
#partner .gallery_wrap {  position:relative; overflow:hidden; width:238px; height:56px; padding:0 30px;  }
#partner .gallery_wrap .inner { position:relative; overflow:hidden; width:100%; height:80px;  }
#partner .gallery_wrap .inner .gallery { position:absolute; left:0; top:0; width:9999px; }
#partner .gallery_wrap .inner .gallery li { float:left; width:188px; padding:0 25px; vertical-align:top; text-align:center; }
#partner .gallery_wrap .inner .gallery li a { display:block; width:188px; /*border:1px solid #e2e2e2;*/ }
#partner .gallery_wrap .inner .gallery li span { display:block; margin:2px 0 0 0; font-size:14px; color:#808080; }
#partner .gallery_wrap .inner .gallery li.on { display:block; }
#partner .gallery_wrap .inner .gallery li img { display:block; max-width:100%; }
#partner .gobox .links_prev,
#partner .gobox .links_next { position:absolute; top:14px;  }
#partner .gobox .links_prev { left:0; }
#partner .gobox .links_next { right:0; }

#exchange { height:205px; padding:0; margin:0 0 14px  0; background:#eee;/* background:#f7f7f7 url("./image/exchange_bg.gif") no-repeat 25px 25px; */}
#exchange .iframe_wrap { width:180px; text-align:center; margin:-6px 0 0 80px; background:#fff; }

/* right_cont */
#mcontents #right_cont { float:right; width:594px; }
#right_cont .r_cont_top { margin:0 0 50px 0; }
#right_cont .r_cont_top ul li { zoom:1; margin-top:8px; vertical-align:top; }
#right_cont .r_cont_top ul li:after { content:''; display:block; clear:both; }
#right_cont .r_cont_top ul li:first-child { margin-top:0; }
#right_cont .r_cont_top ul li span.sbj{ float:left; color:#808080; font-size:13px; width:210px;  }
#right_cont .r_cont_top ul li a { display:inline-block; width:170px; height:19px; overflow:hidden; vertical-align:middle; }
#right_cont .r_cont_top ul li span.data { float:right; font-size:13px; width:60px; text-align:right; }

.mbbs { float:left; position:relative; width:276px; }
.mbbs .more { position:absolute; top:-5px; right:0; }

#notice, #news { height:161px; }

#news, #ev_gallery { margin-left:42px; }

.mpost .pic { width:275px; height:158px; overflow:hidden; border:1px solid #e2e2e2; }
.mpost .pic img { max-width:100%; }
.mpost .mpost_tit { margin:8px 0 4px 0; }
.mpost .mpost_tit strong { display:block; color:#d43b74; font-weight:bold; font-size:13px; }
.mpost .mpost_tit span { color:#b3b3b3 }
.mpost .mpost_view { height:54px; overflow:hidden; letter-spacing:-1px; }

/* 서브 콘텐츠 */
#scontents { zoom:1; padding:0 0 36px 0; border-top:1px solid #e2e2e2; }
#scontents:after { content:''; display:block; clear:both; }
#scontents #s_left_cont { float:left; width:190px; margin:64px 0 0 40px; }
#scontents #s_right_cont { float:right; width:726px;  }


#topbox { margin:0 0 80px 0; }
#topbox h3.page_tit { font-weight:bold; color:#404040; font-size:35px; text-transform:uppercase}


#snb { margin:16px 0 22px; border-top:1px solid #e5e5e5; }
#snb li { border-bottom:1px solid #e5e5e5; }
#snb li a { display:block; padding:12px 15px; font-size:14px; color:#5f5f5f; }
#snb li.on > a { background:#fff2f7 url("./image/snb_arrow.gif") no-repeat 92% center; }
#snb li.plus > a { background: url("./image/plus.gif") no-repeat 92% center; }
#snb li.on.plus > a { background:#fff2f7 url("./image/snb_arrow.gif") no-repeat 92% center; }

#snb li.on a,
#snb li a:hover,
#snb li a:focus { color:#d43b74; font-weight:bold; }

#snb li.on .lnb { display:block; }
#snb .lnb { display:none; border-top:1px solid #e5e5e5; }
#snb .lnb li { padding:0; border:none; }
#snb .lnb li a { padding:6px 15px; color:#5f5f5f; font-weight:normal; }
#snb .lnb li.act a,
#snb .lnb li a:hover,
#snb .lnb li a:focus { color:#d43b74; font-weight:bold; }



/* 푸터 */
#footer { position:relative; width:1000px; margin:0 auto; padding:10px 0 20px 0; color:#939393; }
#footer .ft_logo { float:left; margin:20px 25px 0 19px; }
#footer .ft_menu { float:left; margin:20px 0 0 0; }
#footer .ft_menu ul { margin:0 0 6px 0; width:764px; }
#footer .ft_menu ul li { display:inline-block; *display:inline; zoom:1; vertical-align:top; color:#ddd; }
#footer .ft_menu ul li a { padding:0 3px; color:#636363; font-weight:bold; font-size:13px; }
#footer .ft_menu ul li:first-child a { padding:0 3px 0 0; }
#footer .ft_menu .auth { position:absolute; top:0; right:0; }

/**********************************************************************************************************/