@charset "utf-8";
/* HIVELAB Web Standard 2 Team */

@font-face {
font-family:ng;
src:url(http://fonts.googleapis.com/earlyaccess/NanumBarunGothic.eot); /* IE9 Compat Modes */
src:url(http://fonts.googleapis.com/earlyaccess/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
	url(http://fonts.googleapis.com/earlyaccess/NanumBarunGothic.woff) format('woff'), /* Modern Browsers */
	url(http://fonts.googleapis.com/earlyaccess/NanumBarunGothic.ttf)  format('truetype'); /* Safari, Android, iOS */
}



/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
html,body{width:100%;height:100%}
body{min-width:980px;font-family:'나눔고딕',NanumGothic,ng,'돋움',dotum,Helvetica,sans-serif;font-size:14px;color:#000}
h1,h2,h3,h4,h5,h6{font-size:14px}
h1,h2,h3,h4,h5,h6,strong,b,th{font-weight:600}
fieldset,img{border:0 none;vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea{font-family:'나눔고딕',NanumGothic,ng,'돋움',dotum,Helvetica,sans-serif;font-size:14px;vertical-align:middle}
button{overflow:visible;border:0 none;background-color:transparent;font-size:100%;font-family:'나눔고딕',NanumGothic,ng,'돋움',dotum,Helvetica,sans-serif;font-size:14px;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
a{color:#000;text-decoration:none}
a:focus,a:active,a:hover{color:#000;text-decoration:underline}
table{border-collapse:collapse;border-spacing:0}
/* common */
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap;*text-indent:-999em}
#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:1px;text-align:center}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:120;height:25px;padding:10px 0;background:#fff;color:#36348f;font-size:1.4em;font-weight:600}

.cc_ellip{display:inline-block;position:relative;max-width:100%;vertical-align:top}
.cc_ellip_in{display:inline-block;overflow:hidden;max-width:100%;vertical-align:top;white-space:nowrap;text-overflow:ellipsis}

/*.sp_com,.sns_sec a{display:inline-block;background:url(/common/images/sp_imbc.png) no-repeat}*/
/*.sp_com2,.submenu a .ico_arr{display:inline-block;overflow:hidden;width:auto;height:10px;background:url(/common/images/sp_imbc.png) no-repeat;font-size:0;line-height:999px;vertial-align:top}*/

#wrap{position:relative;width:100%;min-height:100%}
#header{position:relative;z-index:80}
#content{padding-bottom:146px}
#gnb{position:relative;z-index:90;height:38px;border-bottom:1px solid #243442;background:#334555}
#footer{position:absolute;left:0;right:0;bottom:0;z-index:30;height:144px;border-top:2px solid #334555;background:#fff}

.gnb{position:relative;width:980px;height:38px;margin:0 auto}
.gnb h1{position:absolute;top:0;left:0;width:86px;height:38px}
.gnb h1 a{display:block;width:86px;height:38px;background-position:0 0}
.gnb_menu{position:absolute;top:0;right:0;zoom:1}
.gnb_menu:after{display:block;clear:both;content:''}
.gnb_menu li{float:left;vertical-align:top}
.gnb_menu .sp_com{display:block;height:38px}
.gnb_menu .gnbmenu_total{display:none;top:39px;right:0;border:1px solid #718392;border-top:0}

.ft_link{height:50px;border-bottom:1px solid #eee}
.ft_menu{position:relative;width:980px;margin:0 auto;zoom:1}
.ft_menu:after{display:block;clear:both;content:''}
.ft_menu li{float:left;position:relative;width:490px;margin-left:-1px;vertical-align:top}
.ft_menu li:first-child{margin-left:0}
.ft_menu .bn_select{display:block;position:relative;width:468px;height:50px;padding-left:20px;border-left:1px solid #eee;border-right:1px solid #eee;font-size:13px;line-height:50px;cursor:pointer}
.ft_menu .bn_select:focus,.ft_menu .bn_select:active,.ft_menu .bn_select:hover{text-decoration:none}
.ft_menu .bn_select .bn_togle{position:absolute;top:0;right:0;width:54px;height:50px;border-left:1px solid #eee}
.ft_menu .bn_select .sp_com2{position:absolute;top:21px;left:19px;width:15px;height:8px;background-position:-634px -14px}
.ft_menu .selected .bn_select .sp_com2{background-position:-634px -24px}
.ft_menu .gnbmenu_total{display:none;bottom:52px;left:0;border:1px solid #334555}
.ft_menu .gnbmenu_total .bg_dim{position:absolute;bottom:-3px;left:0;width:488px;height:2px;background:#fff;border-bottom:1px solid #eee}

.ft_copy{position:relative;width:980px;margin:27px auto 0;zooom:1}
.ft_copy:after{display:block;clear:both;content:''}
.ft_copy a{float:left;height:34px;margin-right:24px}
.ft_copy .log_sec{float:left}
.ft_copy .log_sec .bn_mbc{width:62px;height:34px;margin-right:24px;background-position:0 -40px}
.ft_copy .log_sec .bn_imbc{width:75px;height:34px;margin-right:24px;background-position:-64px -40px}
.ft_copy .copy{float:left;height:34px;font-size:12px;line-height:34px;color:#4c4c4c}
.ft_copy .sns_sec{float:right}
.ft_copy .sns_sec a{margin-right:10px;width:34px}
.ft_copy .sns_sec a.bn_twitter{background-position:-141px -40px}
.ft_copy .sns_sec a.bn_facebook{background-position:-177px -40px}
.ft_copy .sns_sec a.bn_youtube{background-position:-213px -40px}
.ft_copy .sns_sec a.bn_mtalk{width:57px;margin-right:1px;background-position:-249px -40px}

.gnbmenu_total{position:absolute;width:692px;background:#fff}
.gnbmenu_total ul{overflow:hidden;width:692px;margin:21px 0 24px;background:url(/images/bg_gnbmenu_total.gif) repeat-y}
.gnbmenu_total li.g1{width:179px}
.gnbmenu_total li.g2{width:177px}
.gnbmenu_total li.g3{width:177px}
.gnbmenu_total li.g4{width:159px}
.gnbmenu_total dl{padding:0 25px}
.gnbmenu_total dt{margin-bottom:12px;font-weight:600;color:#333}
.gnbmenu_total a{display:block;font-size:13px;color:#333;line-height:22px}
.gnbmenu_total .bn_area{height:38px;margin:-6px 0 0;border-top:1px solid #ececec;background:#f3f3f3;text-align:right}
.gnbmenu_total .bn_area .bn_close{width:74px;height:38px;font-size:13px;color:#666;line-height:100%;text-align:left}
.gnbmenu_total .bn_area .bn_close span{display:block;position:relative;wheight:38px;padding-left:36px}
.gnbmenu_total .bn_area .bn_close .ico_del{position:absolute;top:50%;left:17px;width:12px;height:12px;margin-top:-5px;background-position:-634px 0;vertical-align:top}

.commenu_total{display:none;position:absolute;bottom:52px;right:0;width:689px;padding:24px 16px;border:1px solid #334555;background:#fff;zoom:1}
.commenu_total .bg_dim{position:absolute;bottom:-3px;right:0;width:488px;height:2px;background:#fff;border-bottom:1px solid #eee}
.commenu_total .view{overflow:hidden;position:relative;width:689px}
.commenu_total ul{float:left;width:692px;margin-left:-1px}
.commenu_total li{float:left;width:137px;margin-left:-1px;border-left:1px solid #ececec;border-right:1px solid #ececec}
.commenu_total a, .commenu_total span{display:block;padding:0 15px;font-size:13px;color:#333;line-height:22px}

.bn_login{width:65px;background-position:-88px 0}
.bn_logout{width:73px;background-position:-155px 0}
.bn_mbc{width:65px;background-position:-230px 0}
.bn_news{width:65px;background-position:-297px 0}
.bn_tv{width:65px;background-position:-364px 0}
.bn_radio{width:65px;background-position:-431px 0}
.bn_sitemap{width:65px;background-position:-498px 0}
.bn_more{width:67px;background-position:-565px 0}

#site_gnbarea{height:90px}
#site_gnb{position:relative;width:100%;height:90px;background:#fff}
#site_gnb .sg_shadow{display:block;position:absolute;left:0;right:0;top:100%;height:4px;background:url(/images/bg_subshadow.png) repeat-x 0 0}
.sitegnb{width:980px;margin:0 auto}
.sitegnb:after{display:block;clear:both;content:''}
.sitegnb h2{float:left}
.site_gnblist{float:right;border-right:1px solid #ddd;zoom:1}
.site_gnblist:after{display:block;clear:both;content:''}
.site_gnblist li{display:inline;float:left;width:247px;height:90px;border-left:1px solid #ddd}
.site_gnblist li a{display:block;position:relative;height:54px;padding-top:36px;font-weight:600;font-size:16px;line-height:20px;color:#334454;text-align:center;text-decoration:none;cursor:pointer}
.site_gnblist li a:hover{text-decoration:none}
.site_gnblist li .arrow{display:block;width:12px;height:8px;margin:4px auto 0;background-position:100px 100px}
.site_sublist{position:absolute;top:90px;left:0;right:0;z-index:10;height:45px;border-top:1px solid #ddd;background:#fff}
.site_sublist .sublist{overflow:hidden;position:relative;width:980px;margin:0 auto;zoom:1}
.site_sublist .sublist:after{display:block;clear:both;content:''}
.site_sublist ul{position:relative;float:left; width:100%; height:45px; overflow:hidden; z-index:99;}
.site_sublist li{width:auto;height:45px;border:0;background:url(/images/bg_line.gif) no-repeat 0 50%}
.site_sublist li:first-child{background:none}
.site_sublist li a{display:inline; height:auto;height:45px;padding:0 20px;background:none !important;font-size:13px;color:#777;line-height:45px;letter-spacing:-1px}
.site_sublist li.on a,.site_sublist li a:hover{color:#2c7d9d}
.menuon .site_gnblist li.selected a,.site_gnblist li.hover a{background:#fbfbfb}
.menuon .site_gnblist li.selected a .arrow,.site_gnblist li.hover a .arrow{background-position:-310px -40px}
.menuon .site_gnblist li.selected .site_sublist{display:block}

.gnb_lang{}
.gnb_lang h2{width:232px}
.gnb_lang .site_gnblist{float:left}
.gnb_lang .site_gnblist li{width:199px}
.gnb_lang .site_sublist li{width:auto}

.site_lang{display:inline;float:left;overflow:hidden;position:relative;width:146px;margin-left:-1px;border:1px solid #ddd;border-top:0 none;border-bottom:0 none;text-align:center}
.site_lang .box{display:block;height:52px;padding-top:38px;line-height:16px;color:#334454}
.site_lang .box .txt{display:inline-block;font-size:13px;vertical-align:top}
.site_lang .box .sp_com{display:inline-block;line-height:999px;width:10px;height:10px;margin:3px 0 0 5px;background-position:-310px -56px;vertical-align:top}
.lang_layer{position:absolute;left:0;top:0;width:100%;margin-top:-2px}
.lang_list{width:auto;font-size:12px}
.lang_list:after{display:block;clear:both;content:''}
.lang_list li{display:inline;float:left;width:50%}
.lang_list li a{display:block;height:45px;margin-left:-1px;background:#fff;border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;line-height:45px;color:#334454}
.lang_list li a:hover{background:#fbfbfb;text-decoration:none}

.main #site_gnbarea{height:143px}
.main .site_sublist{height:49px}

.sub_visual{text-align:center}
.sub_cont{width:980px;margin:0 auto;}
.sub_cont:after{display:block;clear:both;content:''}
.snb{float:left;width:188px;padding:0 1px}
.cont{float:right;width:747px}

 /*lnb*/
#lnb {float:left;  width:200px; margin:0;}
#lnb h2{padding:0 0 33px;border-bottom:1px solid #e4e4e4;}
#lnb h2 span {display:block; font-size:28px; padding:0 0 0 6px; font-weight:normal; } .m1{ color:#333;}

#lnb ul > li {margin:0}
#lnb ul > li > a{display:inline-block; height:29px; width:190px; padding:0 0 0 10px; line-height:29px; font-size:14px; font-weight:bold; color:#777; border-bottom:1px solid #e4e4e4; }
/*#lnb ul > li:first-child > a{border-top:1px solid #e4e4e4;}*/
#lnb ul > li.on {background: url("/images/leftmenu_bg.gif") no-repeat;text-decoration:none;}
#lnb ul > li.on > a{color:#333;text-decoration:none;}
#lnb ul li a:hover{background: url("/images/leftmenu_bg.gif") no-repeat; width:190px;text-decoration:none;}

.leftArea {float:left;width:200px;min-height:100px;position:relative;font-family:"NanumGothic";}
.leftArea strong {display:block;font-size:26px;padding:8px 0 26px 10px;line-height:30px;}
.leftArea ul {width:180px;background:url(/images/bg_menu_1.gif) repeat-x 0 0;}
.leftArea ul li {background:url(/images/bg_menu_1.gif) repeat-x 0 bottom;}
.leftArea ul li a {display:block;font-family:'NanumGothic Bold';font-size:15px;color:#333;padding:13px 25px 9px 10px;text-decoration:none;font-family:"NanumGothic"; }
.leftArea ul li a:hover, .leftArea ul li a.sel {background:url(/images/bg_menu_2.gif) no-repeat 164px center;color:#007CBC;text-decoration:none}
.leftArea ul li ul {padding:11px 0 12px 0;display:none;}
.leftArea ul li ul li {background:none;padding-bottom:5px;}
.leftArea ul li ul li a {background:url(/images/bg_menu_3_off.gif) no-repeat 12px 7px;font-family:'NanumGothic';font-size:14px;color:#555;padding:0 0 0 26px;}
.leftArea ul li ul li a:hover, .leftArea ul li ul li a.sel {background:url(/images/bg_menu_3_on.gif) no-repeat 12px 7px;}
.leftArea .tabCus1 {display:block;width:90px;height:33px;background:url(/images/leftmenu/bg_tab_1.gif) no-repeat;font-family:'NanumGothic Bold';font-size:15px;text-align:center;padding-top:12px;}
.leftArea .tabCus1.sel {background-position:0 -45px;color:#FFF;}
.leftArea .tabCus2 {display:block;width:90px;height:41px;background:url(/images/leftmenu/bg_tab_1.gif) no-repeat right -45px;font-family:'NanumGothic Bold';font-size:15px;text-align:center;padding-top:4px;position:absolute;left:90px;top:64px;}
.leftArea .tabCus2.sel {background-position:right 0;color:#FFF;}
.leftArea .tabCus2 span {display:block;font-size:12px;}
a.tabCus1 + ul, a.tabCus2 + ul {background:none;}




#subCon{ float:left; width:720px; padding:0 0 70px 60px;}

.loc_area{position:relative; padding-bottom:13px;border-bottom:2px solid #314151}  
.loc_area .stt{font-size:28px;color:#314151}
.loc_area .stt strong{display:inline-block;vertical-align:middle}
.loc_area .stt span{display:inline-block;font-weight:normal;font-size:12px;color:#686868;vertical-align:middle}
.loc_area .loc{position:absolute;top:12px;right:0;font-size:13px;color:#686868}
.loc_area .loc a{display:inline-block;color:#686868}
.loc_area .loc strong{font-weight:normal;color:#2c7c9c}
.loc_area .loc span{display:inline-block;margin:0 5px;color:#d2d2d2}

.subtit{padding:2px 0 15px 20px;font-weight:normal;font-size:28px;letter-spacing:-1px}
.submenu{border-top:1px solid #dbdbdb}
.submenu li{height:35px;border-bottom:1px solid #dbdbdb;vertical-align:top}
.submenu a{display:block;position:relative;height:35px;padding-left:20px;font-weight:600;font-size:13px;color:#5f5f5f;line-height:35px}
.submenu a .ico_arr{position:absolute;top:12px;right:20px;width:7px;height:11px;background-position:-324px -40px}
.submenu a:focus,.submenu a:active,.submenu a:hover{background:#2c7c9c;color:#fff;text-decoration:none}
.submenu .selected a,.submenu .selected a:focus,.submenu .selected a:active,.submenu .selected a:hover{background:#2c7c9c;color:#fff}

.sel_deswrap{position:relative;float:left;width:260px;height:36px;border:1px solid #c8c8c8;background:#fff}
.sel_deswrap div span{overflow:hidden;float:none;position:absolute;top:0;bottom:0;left:0;right:38px;height:36px;padding:0 0 0 10px;line-height:36px;font-size:13px;white-space:nowrap;cursor:pointer;text-align:left}
.sel_deswrap  a.sel_des_layer{display:block;position:absolute;top:0;bottom:0;right:0px;width:38px;height:36px;background:url(http://withmbc.imbc.com/common/images/sp_dat.gif) no-repeat  -8px 0}
.sel_deswrap ul{position:absolute;width:230px;top:36px;left:-1px;list-style:none;background-color:#FFF;border:solid 1px #CCC;display:none;margin:0px;padding:0px;height:150px;overflow:auto;overflow-y:auto;z-index:10}
.sel_deswrap ul a{display:block;padding:5px;text-decoration:none;color:#333;background-color:#FFF;font-size:13px}
.sel_deswrap ul a.selected{background:#EDEDED;color:#333}
.sel_deswrap ul a:hover, .sel_deswrap ul a.selected:hover{background:#3582c4;color:#fff}
.sel_deswrap.sel_on{z-index:10}