@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */

* {margin:0; padding:0;}
ul,dl,ol,li {list-style:none;}
img {border:none; vertical-align:top;}
a {text-decoration:none; color:#454545;}
a:hover {text-decoration:none; color:#333;}
body {font-size:100%; font-family:"Nanum Gothic",sans-serif; line-height:1;}
caption {visibility:hidden;}

.wrapper {width:100%; position:relative; background:#fcfcfc;}
.wrapper .content{position:relative; width:1200px; margin:0 auto 0 auto;}

.header_wrap {width:100%; height:112px; background:url('/img/mt_header_bg.gif') 0 0 repeat-x; z-index:100; position:relative;}
.header_wrap > .header {width:100%; height:100%;}
.header > .top_area {width:1200px; height:32px; overflow:hidden; margin:0 auto;}
.header > .top_area a {color:#999;}
.top_area > .langueage {float:left; overflow:hidden;}
.top_area > .langueage > li {float:left; margin:11px 0 0 7px; padding-right:8px; background:url('/img/mt_language_span_bg.gif') right 50% no-repeat;}
.top_area > .langueage > li.li_03 {padding-right:0; background:none;}
.top_area > .right_top {float:right; margin:0 5px; 0 0; overflow:hidden;}
.top_area > .right_top > li {float:left; margin:11px 5px 0 0; padding-right:8px; background:url('/img/mt_language_span_bg.gif') right 50% no-repeat;}
.top_area > .right_top > li.li_04 {padding-right:0; background:none;}

.header > .bottom_area {width:100%; height:80px; overflow:hidden; position:relative; border-bottom:2px solid #dfdfdf;}
.bottom_area > .bg {width:100%; height:75px; position:absolute; top:80px; left:0; background:#fff; z-index:101;}
.bottom_area > div {width:1200px; margin:0 auto; z-index:102;}
.bottom_area > div > h1 {float:left; padding-top:24px; margin-left:25px;}
.bottom_area > div > .gnb {width:726px; height:80px; float:left; margin:0 0 0 90px; z-index:102; position:relative;}
.bottom_area > div > .gnb > ul {width:100%; height:100%; position:relative;}
.bottom_area > div > .gnb > ul > li {float:left; padding: 0 17.5px; position:absolute; top:0;}
.bottom_area > div > .gnb > ul > li > a {display:block;}
.bottom_area > div > .gnb > ul > li.li_01 {left:0;}
.bottom_area > div > .gnb > ul > li.li_01 > div {}
.bottom_area > div > .gnb > ul > li.li_02 {left:91px;}
.bottom_area > div > .gnb > ul > li.li_03 {left:192px;}
.bottom_area > div > .gnb > ul > li.li_04 {left:341px;}
.bottom_area > div > .gnb > ul > li.li_05 {left:488px;}
.bottom_area > div > .gnb > ul > li.li_06 {left:579px;}
.bottom_area > div > .gnb > ul > li.li_07 {left:670px; margin-right:0;}
.bottom_area > div > .gnb > ul > li.li_08 {left:750px;}
.bottom_area > div > .gnb > ul > li.li_08 > a {display:none;}
.bottom_area > div > .gnb > ul > li > div {min-width:635px; height:75px; margin:0 auto; display:none;
background:url('/img/mt_lng_shape.gif') 50% 52px no-repeat; position:absolute; left:0; top:80px;}
.bottom_area > div > .gnb > ul > li > div > ul {overflow:hidden; padding-top:27px; margin:0 auto; width: 100%!important}
.bottom_area > div > .gnb > ul > li > div > ul > li {float:left; margin-right:32px;}
.bottom_area > div > .gnb > ul > li > div > ul > li.last_li {margin-right:0;}
.bottom_area > div > .gnb > ul > li.li_08 > div {width:755px;}
.bottom_area > div > .total_view {float:right;}

.footer_wrap {width:100%; height:95px; background:#e0e0e0; margin-top:20px;}
.footer {width:1200px; margin:0 auto;}
.footer > address {font-style:normal; font-size:12px; color:#999; padding:30px 0 0 25px;}
.footer > address > b {color:#3e3f49;}
.footer > p {color:#999; font-size:11px; margin-top:8px; padding-left:25px;}

/* total_gnb 관련 */
.total_gnb {width:100%; height:0; position:absolute; left:0; top:112px; background:#fff; border-bottom:2px solid #dfdfdf; z-index:103; display:none; overflow:hidden;}
.total_gnb > div {width:1200px; height:240px; margin:0 auto; position:relative;}
.total_gnb > div > .close_bn {position:absolute; right:0; bottom:0; z-index:999;}
.total_gnb > div > .close_bn > a {width:100%; height:100%; display:block;}
.total_gnb > div > ul {width:100%; overflow:hidden; margin-top:30px; padding-bottom:80px;}
.total_gnb > div > ul > li {width:137px; margin-right:34px; float:left;}
.total_gnb > div > ul > li.li_07 {margin-right:0;}
.total_gnb > div > ul > li > a {display:block; width:100%; padding-bottom:20px; border-bottom:1px solid #333;}
.total_gnb > div > ul > li > ul {width:100%; margin-top:20px;}
.total_gnb > div > ul > li > ul > li {margin-top:10px;}

/* 퀵메뉴 관련 */
.quick_wrap {width:80px; height:491px; position:fixed; top:316px; left:-100%; z-index:900;}
.quick_wrap > div {width:100%; height:100%; position:relative;}
.quick_wrap .quick_bns {z-index:999; position:relative;}
.quick_wrap .con_area {width:80px; height:405px; position:absolute; top:50px; right:0; z-index:990; padding-right:80px;}
.quick_wrap .con_area > ul {width:100%; height:100%; position:relative;}
.quick_wrap .con_area > ul > li {display:none;}
.quick_wrap .con_area > ul > li.li_01 {position:absolute; right:0; top:0;}
.quick_wrap .con_area > ul > li.li_02 {position:absolute; left:0; top:81px;}
.quick_wrap .con_area > ul > li.li_03 {position:absolute; left:0; top:162px;}
.quick_wrap .con_area > ul > li.li_04 {position:absolute; left:0; top:243px;}
.quick_wrap .con_area > ul > li.li_05 {position:absolute; left:0; top:324px;}