@charset "utf-8";

/* base */
*{margin:0; padding:0;}
body, form, p, ul, ol, dl, dt, dd, li, table, tr, th, td, input, h1, h2, h3, h4, h5, h6, a, caption {margin:0; padding:0; -webkit-text-size-adjust:none;}
body {position:relative; color:#000; word-wrap:break-word; word-break:break-all; min-width:320px;}
dl,ul,ol,li {list-style:none}
img,fieldset {border:0}
fieldset {overflow:hidden; position:absolute; left:0; top:0; width:0; height:0; font-size:0;}
a {color:#000; text-decoration:none}
table {border-collapse:collapse}
caption, hr {display:none}
.blind {position:absolute; left:-2000px; top:0; width:0; height:0; font-size:0; line-height:0; font-size:0; text-indent:-5000px; overflow:hidden}

/* @ accessibility */
#accessibility{position:relative; z-index:9999; text-align:left;}
#accessibility li {position:absolute;top:0;left:0; width:100%;}
#accessibility a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-1000px; z-index:500; font-size:12px;}
#accessibility a:focus, #accessibility a:active{position:absolute; top:0; height:40px; font-weight:bold; font-size:12px; color:#000; z-index:1000; background:#efefef; line-height:40px;}

/* layout */
body{font:12px arial; color:#1f1f1f; background:#dde0e4;}
#wrap{width:100%; background:#fff url(http://withmbc.imbc.com/dramia/m/images/bg.jpg) no-repeat center top;}
header{position:relative; width:100%; height:92px; padding-top:20px; text-align:center;}
footer {overflow:hidden; position:relative; z-index:100; width:100%; height:136px; text-align:center; color:#8f8f8f; font-weight:600; background:#dde0e4;}


.nav{overflow:hidden; width:268px; height:307px; margin:0 auto;}
.nav ul li{float:left; width:122px; height:122px; margin-bottom:18px; text-align:center;}
.nav ul li a{display:block; width:122px; height:24px; padding-top:98px; font:bold 1em mspgothic; color:#1f1f1f; letter-spacing:-0.1em; line-height:14px;}
.menu1{margin-right:24px; background:url(http://withmbc.imbc.com/dramia/m/images/bg_menu1.png) no-repeat; background-size:100%;}
.menu2{background:url(http://withmbc.imbc.com/dramia/m/images/bg_menu2.png) no-repeat; background-size:100%;}
.menu3{margin-right:24px; background:url(http://withmbc.imbc.com/dramia/m/images/bg_menu3.png) no-repeat; background-size:100%;}
.menu3 a{padding-top:88px !important;}
.menu4{background:url(http://withmbc.imbc.com/dramia/m/images/bg_menu4.png) no-repeat; background-size:100%;}

/* footer */
.language{width:100%; padding-top:10px; background:#dde0e4; text-align:center; border-top:1px solid #bdc2c8;}
.language ul{width:300px; height:20px; margin:0 auto; padding-left:5px;}
.language li{float:left; height:15px; padding:0 9px;}
.language li a{font:1em dotum; letter-spacing:-0.1em;}
.br{border-right:1px solid #7e8791;}

footer .quick .goTop {float:left; width:26%;}
footer .quick .goTop a {display:block; width:100%; text-indent:15px; background:url(http://withmbc.imbc.com/dramia/m/images/icon_go_top.gif) no-repeat 20px 13px;}
footer .btn_pc_mode{width:100%; margin:16px 0 10px 0;}
footer p{font:bold 1.1em Arial; color:#8f8f8f;}