@charset "utf-8";
/* CSS Document */

.control_top {display:block; width:34px; height:34px; background:url(../../images/svc/main/bbs_arrow_top.png) no-repeat 0 0; position:absolute; right:0; top:50%}

/**** 헤더 131208 ****/
#header {position:absolute; width:100%; top:0; left:0; z-index:14}
.header_in {position:relative; width:1000px; height:135px; margin:auto; border-bottom:3px solid #D0002F;}
.header_in h1 {display:block; height:80px; text-align:center; padding-top:15px; }
.header_in h1 a {display:inline-block; width:80px; height:42px; margin-top:15px; background:url(../../images/svc/logo.png) no-repeat 0 0; text-indent:-9999px}
.header_in .gnbNavi {display:block; text-align:center}
.header_in .gnbNavi li {display:inline-block; text-align:center}
.header_in .gnbNavi li a {font-size:16px; display:inline-block; color:#fff; height:43px; margin:0 49px}
.header_in .gnbNavi li a:hover {color:#D0002F}
.header_in .gnbNavi .submenu li a {margin:0; float:left}
/*
.header_in .gnbNavi a.mm01, .header_in .gnbNavi a.mm02, .header_in .gnbNavi a.mm03, .header_in .gnbNavi a.mm04, .header_in .gnbNavi a.mm05 {display:block; height:60px;}

.header_in .gnbNavi a.mm01 {width:130px}
.header_in .gnbNavi a.mm01:hover {background-position:0 -60px}
.header_in .gnbNavi a.mm01.selected {background-position:0 -120px}

.header_in .gnbNavi a.mm02 {width:118px; background-position:-128px 0}
.header_in .gnbNavi a.mm02:hover {background-position:-128px -60px}
.header_in .gnbNavi a.mm02.selected {background-position:-128px -120px}

.header_in .gnbNavi a.mm03 {width:103px; background-position:-246px 0}
.header_in .gnbNavi a.mm03:hover {background-position:-246px -60px}
.header_in .gnbNavi a.mm03.selected {background-position:-246px -120px}

.header_in .gnbNavi a.mm04 {width:118px; background-position:-350px 0}
.header_in .gnbNavi a.mm04:hover {background-position:-350px -60px}
.header_in .gnbNavi a.mm04.selected {background-position:-350px -120px}

.header_in .gnbNavi a.mm05 {width:97px; background-position:-467px 0}
.header_in .gnbNavi a.mm05:hover {background-position:-467px -60px}
.header_in .gnbNavi a.mm05.selected {background-position:-467px -120px}

.header_in .gnbNavi a.mm01 {width: 153px;}
.header_in .gnbNavi a.mm01:hover {background-position:0 -60px}
.header_in .gnbNavi a.mm01.selected {background-position:0 -120px}

.header_in .gnbNavi a.mm02 {width: 143px; background-position: -153px 0;}
.header_in .gnbNavi a.mm02:hover {background-position:-153px -60px}
.header_in .gnbNavi a.mm02.selected {background-position:-153px -120px}

.header_in .gnbNavi a.mm03 {width:103px; background-position: -296px 0;}
.header_in .gnbNavi a.mm03:hover {background-position:-296px -60px}
.header_in .gnbNavi a.mm03.selected {background-position:-296px -120px}

.header_in .gnbNavi a.mm04 {width:118px; background-position: -399px 0;}
.header_in .gnbNavi a.mm04:hover {background-position:-399px -60px}
.header_in .gnbNavi a.mm04.selected {background-position:-399px -120px}

.header_in .gnbNavi a.mm05 {width:97px; background-position: -518px 0;}
.header_in .gnbNavi a.mm05:hover {background-position:-518px -60px}
.header_in .gnbNavi a.mm05.selected {background-position:-518px -120px}
*/
.header_in .spot {position: absolute; top: 25px; right: 0;}
.header_in .spot li {float:left}
.header_in .spot li a {color:#999; margin-left:10px}
.header_in .spot li a:hover {color:#efefef}

/*서브메뉴*/
.submenu {position:absolute; min-height:280px; top:138px; left:0; /*background: rgba(38,38,38,0.95);*/background:url(../../images/svc/header_sub_bg.png); font-weight:bold}
.submenu:after{display:block;clear:both;content:""}
.gnbDepWarp {display:block; position:relative; width:1000px; min-height:280px; margin:0 auto; z-index:1}
.gnbDepWarp:after{display:block;clear:both;content:""}
.gnbDepWarp .gnbBanner {position:absolute; width:500px; height:100%; line-height:280px; right:0; top:0; text-align:center; border-left:1px solid #000}
.gnbDepWarp .gnbBanner li a {margin:0}
.gnbDepWarp .gnbBanner li {display:block; width:249px; height:inherit; float:left}
.gnbDepWarp .gnbBanner img {border: 0 none; vertical-align:top; margin:0; width: 249px;}
.gnbDepWarp .Banner01 {border-right:1px solid #000}

.gnbDepWarp .gnbDep01 {position:relative; padding-top:15px; width:249px; min-height:277px; border-right:1px solid #000; background:transparent none; display:block !important; z-index:1}
.gnbDepWarp .gnbDep01:after{display:block;clear:both;content:""}
.gnbDepWarp .gnbDep01 li {display:block; width:249px; height:40px; margin:0 0 1px 0; background:none; padding-bottom:0}
.gnbDepWarp .gnbDep01 li a {display:block; float:left; width:229px; height:34px; line-height:34px; color:#777; padding-left:20px; font-size:12px; text-align:left; margin:0}
.gnbDepWarp .gnbDep01 li a:hover {background:#d0002f; color:#fff}
.gnbDepWarp .gnbDep01 li a.selected {background:#d0002f; color:#fff}

.gnbDepWarp .gnbDep01 .gnbDep02 {position: absolute; padding-top:15px; min-height:265px; left:249px; top:0; width:239px}
.gnbDepWarp .gnbDep01 .gnbDep02 a {margin-left:1px}
.gnbDepWarp .gnbDep01 .gnbDep02 li {position:relative; width:248px; clear:both; margin-bottom:1px}
.gnbDepWarp .gnbDep01 .gnbDep02.tv li a:hover em {position:absolute; right:10px; top:7px; display:block; width:54px; height:27px}
.gnbDepWarp .gnbDep01 .gnbDep02 li a:hover em {position:absolute; right:0; bottom:0; display:block; width:90px; height:62px}
.gnbDepWarp .gnbDep01 .gnbDep02 li a:hover {background:#999}
/*
.gnbDepWarp .gnbDep01 .gnbDep02 li.ms01 a:hover {background:#999}
.gnbDepWarp .gnbDep01 .gnbDep02 li.ms02 a:hover {background:#ff9d0e}
.gnbDepWarp .gnbDep01 .gnbDep02 li.ms03 a:hover {background:#435db0}
.gnbDepWarp .gnbDep01 .gnbDep02 li.ms04 a:hover {background:#463893}
.gnbDepWarp .gnbDep01 .gnbDep02 li.ms05 a:hover {background:#fd5253}
.gnbDepWarp .gnbDep01 .gnbDep02 li.ms06 a:hover {background:#009fdf}
.gnbDepWarp .gnbDep01 .gnbDep02 li.ms07 a:hover {background:#ff9d0e}
.gnbDepWarp .gnbDep01 .gnbDep02 li.ms08 a:hover {background:#fd5253}
.gnbDepWarp .gnbDep01 .gnbDep02 li.ms09 a:hover {background:#435db0}
.gnbDepWarp .gnbDep01 .gnbDep02 li.ms10 a:hover {background:#463893}
*/
/**** 콘텐츠 ****/
#container {clear:both}

/*포스터 슬라이드*/
.mflick {height:554px; position:relative; text-align:center}
.mflick .dim {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/svc/main/mflick_dim.png);z-index:10}
.mflick.mbg01 {background:url(../../images/svc/main/mflick_mbg01_bg.gif)}
.img_area {height:399px; padding-top:155px; background:url(../../images/svc/main/mflick_mbg01.jpg) no-repeat center top; z-index:1; overflow:hidden}
.img_area li {position:relative; float:left; z-index:11; width:220px; height:310px; margin-left:40px}
.img_area li.selected {width:523px}
.img_area li.selected a {float:left}
.img_area li a {display:inline-block}
.img_area li a img {border:1px solid #000}
.img_area .content {display:block; position:relative; float:left; padding:35px 25px; width:250px; height:240px; background:url(../../images/svc/main/mflick_box_bg.png); color:#fff; border:1px solid #000; border-left:0px}
.img_area .content li {width:auto; height:auto; clear:both; margin:0}
.img_area .content li h2 {margin-bottom:2px}
.img_area .content li.date {color:#009fe0; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-bottom:30px}
.img_area .content li.tit {color:#d8d8d8; font-weight:bold; margin-bottom:15px}
.img_area .content li.cont {height:140px; line-height:1.5em; color:#a3a3a3; text-align:left}
.img_area .content li.link {position:absolute; right:5px; top:5px}
.img_area .content li.link a {display:block; width:30px; height:30px; background:url(../../images/svc/main/bbs_more.gif) no-repeat center center}
.img_area .paging {position:absolute; bottom:45px; left:50%; width:200px; margin-left:-100px}
.img_area .paging a {display:inline-block; width:17px; height:17px; background:url(../../images/svc/main/mflick_paging.png) no-repeat -17px 0; cursor:pointer}
.img_area .paging a.selected {background-position:0 0}

/*서비스 프로그램*/
.mservice_area {width:1000px; margin:auto; padding:10px 0}
.mservice_area .one {display:block; height:176px; margin-bottom:30px}
.mservice_area .one .left {float:left}
.mservice_area .one .right {float:right}
.mservice_area h2 {display:block; margin-bottom:10px; font-size:18px; color:#fff; font-weight: normal;}

/* 인기 프로그램 */
.mpopularity_area {width:1000px; margin:auto; position:relative; margin-bottom:30px}
.mpopularity_area h2 {display:inline-block; float:left; margin-bottom:10px}
.mpopularity_area .paging {position:absolute; right:0; top:0}
.mpopularity_area .paging li {float:left; width:17px; height:17px; margin:0 0 0 5px}
.mpopularity_area .paging li a {display:block; width:17px; height:17px; background:url(../../images/svc/main/bbs_mpaging.gif) no-repeat 0 0}
.mpopularity_area .paging li a.pre {background-position: 0 0}
.mpopularity_area .paging li a.next {background-position: -17px 0}
.mpopularity_area ul.contents {display:block; clear:both}
.mpopularity_area ul{overflow:hidden;position:relative;margin:0;padding:0;list-style:none;*zoom:1}
.mpopularity_area ul:after{display:block;clear:both;content:""}
.mpopularity_area li{overflow:hidden;float:left;position:relative;top:1px;width:231px;height:210px;border-bottom:1px solid #eee; margin-right:14px}
.mpopularity_area li.last {margin:0}
.mpopularity_area .thumb{display:block;overflow:hidden;position:relative;width:231px;height:130px;background:#eee;color:#666;line-height:146px;text-align:center;white-space:nowrap}
.mpopularity_area .thumb img {width:230px; height: 130px;}
.mpopularity_area .thumb em{visibility:hidden;position:absolute;bottom:0;left:0;width:1px;height:1px;background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)}
.mpopularity_area .thumb em{_visibility:visible;_width:100%;_height:auto;_line-height:20px}
/*.fixed_img_col a{display:block;width:120px;margin:0 auto;padding:20px 0 0 0;text-decoration:none;cursor:pointer}*/
.mpopularity_area a strong{display:inline-block; margin:10px 0 5px;color:#fff; font-weight: normal;}
.mpopularity_area p{color:#767676}
/* //UI Object */

.bottom_area {width:1000px; height:220px; margin:0 auto; position:relative}
.bottom_area h2 {display:inline-block; float:left; margin-bottom:10px; font-size:18px; color:#fff; font-weight: normal;}
.mnotice_in {position:relative; float:left; width:485px; }
.mnotice_in a.more {position:absolute; right:0; top:5px; display:block; width:12px; height:12px; background:url(../../images/svc/main/bbs_link.gif) no-repeat center center}
.in_type {clear:both}
.in_type li {display:block; height:35px; font-family:'돋움',Dotum; font-size:12px; font-weight:normal; line-height:35px; vertical-align:top}
.in_type li span {float:right; color:#afafaf; font-size:11px; font-family:Verdana, Geneva, sans-serif}
.in_type li a{text-decoration:none;overflow: hidden; display: inline-block; width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.in_type li a:hover{text-decoration:underline}
.in_type li.even {background:#303233}

.event_banner {float:right; width:485px}
.event_banner h2 {display:block; text-align:left; font-size:18px; color:#fff; font-weight: normal;}
.event_banner a.banner {display:block; background:#ccc; width:470px; height:180px; clear: both;}
/*
.mcommunity_in {float:right; width:460px; padding-left:15px}
.mcommunity_in h2 {margin-left:10px}
.mcommunity_in a.more {position:absolute; right:2px; top:0; display:block; width:12px; height:12px; background:url(../../images/svc/main/bbs_link.gif) no-repeat center center}
.in_cm {clear:both; padding-top:10px}
.in_cm  li {float:left; margin:0 19px}
.in_cm  li.last {margin:0 0 0 19px}
.in_cm a {display:block; width:122px; height:46px; text-indent:-9999px}
.in_cm a.cm01 {background:url(../../images/svc/main/mcommunity_tit01.gif) no-repeat 0 0}
.in_cm a.cm02 {background:url(../../images/svc/main/mcommunity_tit02.gif) no-repeat 0 0}
.in_cm a.cm03 {background:url(../../images/svc/main/mcommunity_tit03.gif) no-repeat 0 0}
.in_cm a.cm04 {background:url(../../images/svc/main/mcommunity_tit04.gif) no-repeat 0 0}
*/
.mevent_area {border-top:1px solid #222; width:1000px; height:170px; margin:auto; clear:both}
.mevent_area li {float:left}

/**** 푸터 ****/
#footer {clear:both; height:150px; font-size:11px; background:#000; margin-top:60px}
.fwrap {width:1000px; margin:auto}
.fwrap h1 {display:block; width:55px; height:35px; background:url(../../images/svc/logo_footer.png) no-repeat 0 0; float:left; margin:30px 15px 30px 0; text-indent:-9999px; text-indent:0; line-height:0; font-size:0; overflow:hidden; margin-left:-5px}
.fwrap address {float:left; margin:10px 0 0 0; line-height:1.5em; font-size:10px; color:#777}
.footer_menu {padding:30px 0 0 0}
.footer_menu a {color:#ccc; margin-right: 5px;}
.footer_menu a:hover {text-decoration:underline}
.footer_menu a.facebook {display:inline-block; width:24px; height:24px; background:url(../../images/svc/footer_sns.png) no-repeat 0 0; margin-top:-8px; margin-left:5px; float:right}
.footer_menu a.twitter {display:inline-block; width:24px; height:24px; background:url(../../images/svc/footer_sns.png) no-repeat -24px 0; margin-top:-8px; margin-left:5px; float:right}

.fwrap.footer_menu span {margin:0 5px; color:#ccc}
.fwrap .footer_menu .admin_menu {color:#e31837; font-weight:bold}


#mainGalleryWrap {overflow:hidden}
#top10Wrap {overflow:hidden}

/*.mservice_area .area_in ul.third li {float:left; width:192px; display:block; height:192px}*/

#videobcg { position: fixed; top: 0px; left: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; opacity:0.1;}
/*
#videobcg { position: fixed; top: 0px; left: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; opacity:0.1; filter: grayscale(100%); -webkit-filter:grayscale(100%);}
*/
.ie_img {position:absolute; left:50%; top:0; margin:0 0 0 -1000px}