@charset "utf-8";

@font-face {
    font-family: Gotham-Black;
 src:url(../img/images/font/Gotham-Black.eot);
    src: url(../img/images/font/Gotham-Black.woff);
}
@font-face {
    font-family: Gotham-Book;
 src:url(../img/images/font/Gotham-Book.eot);
    src: url(../img/images/font/Gotham-Book.woff);
}
@font-face {
    font-family: HerrVonMuellerhoff-Regular;
 src:url(font/HerrVonMuellerhoff-Regular.eot);
    src: url(font/HerrVonMuellerhoff-Regular.woff);
}
@font-face {
  font-family:'NanumBarunGothic';
  font-style:normal;
  font-weight:400;
  src:url(../img/images/font/NanumBarunGothic.eot);
  src:url(../img/images/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../img/images/font/NanumBarunGothic.woff) format('woff');
}
@font-face {
  font-family:'NanumBarunGothic';
  font-style:normal;
  font-weight:700;
  src:url(../img/images/font/NanumBarunGothicBold.eot);
  src:url(../img/images/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../img/images/font/NanumBarunGothicBold.woff) format('woff');
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:normal 12px/22px "NanumGothicWEB"; padding:0; margin:0; }
div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }
table{ border-collapse:collapse; border-spacing:0; }
ol, ul, li{ list-style:none; }
h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }
form, fieldset, a img{ border:0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }
blockquote, q{ quotes:none; }
.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }
.null{ font-size:0; line-height:0;}
a img, input, textarea, select, img{ vertical-align:middle; }

time, progress, mark, output { display:inline; }

.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
a {text-decoration:none;}
a:hover {text-decoration:underline;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }
input{ font:13px "NanumBarunGothic", "Tahoma"; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }

/*------------------------------------------------------------------------------------------------------------*/
body{ margin:0; padding:0; overflow-x:hidden;font-family:"NanumBarunGothic";}
#document{ width:100%; margin:0 auto; position:relative; background:#fff;}
.top_banner {width:100%; background:#21bbb1;}
.top_banner p {width:1920px; height:200px; left:50%; margin-left:-960px; background:url('../img/images/top_banner.png') no-repeat top center; position:relative;}
.top_banner p img {position:absolute; display:block; cursor:pointer; top:25px; right:370px; z-index:10;}
.btm_wrap {clear:both; width:1920px; left:50%; margin-left:-960px; position:relative;}
.btm_wrap a {display:block;}
.btm_wrap .bottom_txt {position:absolute;margin-top:50px;left:50%;margin-left:-600px;z-index:4;color:#21bbb1;}
.btm_wrap .bottom_txt p {font-size:50px;font-family: Gotham-Black;line-height:70px;}
.btm_wrap .bottom_txt span {font-size:14px;font-family:'NanumBarunGothic';line-height:30px;color:#e9e9e9;margin:10px 0 0 7px;display:block;}
/* header */
#head_wrap {width:100%; left:50%; margin-left:-50%; position:absolute; background:#1c1c1c url('') repeat-x; z-index:10;}
.head_search {width:100%; background:#000000;height:25px; z-index:20;}
.head_search .logjoin {width:1200px;margin:0px auto;}
.head_search .log {float:right;}
.head_search .log li {float:left; width:60px; height:25px; text-align:center; background:url('../img/comm/log_bg.png');}
.head_search .log li a {font:bold 11px/27px 'NanumBarunGothic'; color:#f1f0e5;}
.head_search .il {width:185px;height:25px;position:relative;float:left;background:#414141;}
.head_search .il label {display:block;font:normal 12px/27px 'dotum';padding-left:10px;color:#000;}
.head_search .il span {display: block;height:25px;}
.head_search .il input {position:absolute; width:180px; height:25px;padding-left:10px;border:0;background:transparent;font-size:12px;vertical-align:top;color:#cccccc;top:0;left:0;z-index:1;}
.head_box {width:1200px; height:81px; margin:0 auto; position:relative; overflow:hidden;}
.head_box h1 {position:absolute; left:0px;margin-top:10px;}
#top_menu {position:absolute; right:0px; overflow:hidden; z-index:5;}
#top_menu .dep1 {float:left; width:167px; height:300px; text-align:center; border-left:1px solid #161616; background:url('') repeat-x;}
#top_menu .dep1.n2 {width:177px;}
#top_menu .dep1.n6 {border-right:1px solid #9ba8d7;}
#top_menu .dep1 a{font:bold 15px/90px "NanumBarunGothic"; color:#fff; letter-spacing:-1px; display:block;}
#top_menu .dep1.on a{color:#21bbb1;}
#top_menu .dep1.off a{color:#fff;}
#top_menu .dep1.on {background:#151515 url('') repeat-x;}
#top_menu .dep1.off {background:url('') repeat-x;}
#top_menu .dep2{text-align:left; margin-top:10px;}
#top_menu .dep2 li{margin-left:15px;}
#top_menu .dep2 li a{font:normal 12px/25px "NanumBarunGothic";color:#fff;letter-spacing:-1px; display:block;}
#top_menu .dep2 li.on a{color:#21bbb1;}
#top_menu .dep2 li.off a{color:#fff;}
/*m_board*/
#mbd1 {width:270px;}
#mbd2 {width:270px;}
#mbd3 {width:246px;}
#mbd1 ul li {border-bottom:1px dotted #cdcdcd; margin-bottom:9px; padding-bottom:9px;}
#mbd2 ul li {border-bottom:1px dotted #cdcdcd; margin-bottom:9px; padding-bottom:9px;}
#mbd3 ul li {border-bottom:1px dotted #cdcdcd; margin-bottom:9px; padding-bottom:9px;}
.m_board {float:left; position:relative; margin:40px 43px 0 0;}
.m_board strong {display:block;font-family: Gotham-Black;font-size:20px;}
.m_board .more {top:0px; right:0px; position:absolute;font-family:NanumBarunGothic;color:#333333;}
.m_board span {display:block; margin-top:19px;}
.m_board ul {margin-top:19px;}
.m_board ul li {margin-bottom:2px;}
.m_board ul li a {font:normal 11px/15px 'NanumBarunGothic'; color:#666;}
.m_board ul li img {margin:-2px 0 0 3px;}
#sub_conts_wrap #mbd3 {margin-right:0;}
/*footer*/
#foot_wrap {width:100%; background:#000;}
.foot {width:1200px; height:175px; margin:0 auto;}
.foot h1,.foot .add,.foot .side,.foot .menu {float:left; margin-top:47px;}
.foot .side li {float:left; margin-left:16px;}
.foot .menu li {float:left; margin-left:5px;}
.foot .menu li.first a {border:0;}
.foot h1 {margin-left:0px;}
.foot .add {margin-left:38px;color:#666666;}
.foot .add p,.foot .add div {margin-bottom:14px;font-family:NanumBarunGothic;}
.foot .add div span {margin-right:10px;font-size:30px;color:#21bbb1;font-family:Gotham-Black}
.foot .add div span.kor_txt {font-size:20px;color:#21bbb1;font-family:NanumBarunGothic}
.foot .menu {margin-left:80px;}
.foot .menu a {font:bold 11px/25px 'dotum'; color:#676767; border-left:1px solid #676767; padding-left:5px;}