@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(../../img/images/font/HerrVonMuellerhoff-Regular.eot);
    src: url(../../img/images/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');
}
@font-face {
  font-family:'NanumMyeongjo';
  font-style:normal;
  font-weight:400;
  src:url(../../img/images/font/NanumMyeongjoBold.eot);
  src:url(../../img/images/font/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
       url(../../img/images/font/NanumMyeongjoBold.woff) format('woff');
}
@font-face {
  font-family:'NanumMyeongjo';
  font-style:normal;
  font-weight:700;
  src:url(../../img/images/font/NanumMyeongjoBold.eot);
  src:url(../../img/images/font/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
       url(../../img/images/font/NanumMyeongjoBold.woff) format('woff');
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');


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 "Noto Sans SC"; 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:'Noto Sans SC', sans-serif;}
#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: 'Noto Sans SC', sans-serif;line-height:70px;}
.btm_wrap .bottom_txt span {font-size:14px;font-family:'Noto Sans SC', sans-serif;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('../../img/images/head_bg.jpg') repeat-x; z-index:10;border-bottom:solid 1px #000;}
.head_search {width:100%; background:#;height:172px; z-index:20;border-bottom:solid 1px #7c7c7c}
.head_search .logjoin {width:1400px;margin:0px auto;}
.head_search .logjoin h1 {width:455px;margin:0px auto;padding-top:45px;}
/*´Ù±¹¾î*/
.head_search .lang {float:left;padding-top:55px;width:240px;}
.head_search .lang li {float:left; height:25px; width:120px;margin-bottom:10px; }
.head_search .lang li:last-child a {}
.head_search .lang li.ko {background:url('../../img/images/kuk_01.jpg') no-repeat 0 0px;}
.head_search .lang li.ja {background:url('../../img/images/kuk_02.jpg') no-repeat 0 0px;}
.head_search .lang li.us {background:url('../../img/images/kuk_03.jpg') no-repeat 0 0px;}
.head_search .lang li.th {background:url('../../img/images/kuk_04.jpg') no-repeat 0 0px;}
.head_search .lang li a {margin-left:45px;font:bold 11px/27px 'NanumBarunGothic'; color:#707070;text-decoration:none;}
/*´Ù±¹¾î*/
.head_search .log {float:right;padding-top:55px;}
.head_search .log li {float:left; width:244px; height:25px; text-align:center; background:url('../img/comm/log_bg.png');}
.head_search .log li a {font:bold 11px/27px 'NanumBarunGothic'; color:#707070;}
.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:1400px; height:65px; margin:0 auto; position:relative; overflow:hidden;}




#top_menu {position:absolute; left:0px; overflow:hidden; z-index:5;}

#top_menu .dep1 {float:left; padding:0 11px; height:450px; text-align:center; border-left:1px solid #161616;box-sizing:border-box; background:url('') repeat-x;}
#top_menu .sns {float:left; padding:0 5px; height:65px; line-height:65px;}
#top_menu .sns>a{margin:0 2px}

#top_menu .dep1 a{font:bold 17px/65px "¸¼Àº°íµñ"; color:#fff; letter-spacing:-1px; display:block;}
#top_menu .dep1.on a{color:#fff;}
#top_menu .dep1.off a{color:#fff;}
#top_menu .dep1.on {background:#e63183}

/*
#top_menu .n1.on {background:#10121b url(../../img/images_new/gnbimg1.png) no-repeat center bottom;background-size:120px 98px;}
#top_menu .n2.on {background:#10121b url(../../img/images_new/gnbimg2.png) no-repeat center bottom;background-size:120px 98px;}
#top_menu .n3.on {background:#10121b url(../../img/images_new/gnbimg3.png) no-repeat center bottom;background-size:120px 98px;}
#top_menu .n4.on {background:#10121b url(../../img/images_new/gnbimg4.png) no-repeat center bottom;background-size:120px 98px;}
#top_menu .n5.on {background:#10121b url(../../img/images_new/gnbimg5.png) no-repeat center bottom;background-size:120px 98px;}
#top_menu .n6.on {background:#10121b url(../../img/images_new/gnbimg6.png) no-repeat center bottom;background-size:120px 98px;}
#top_menu .n7.on {background:#10121b url(../../img/images_new/gnbimg7.png) no-repeat center bottom;background-size:120px 98px;}
#top_menu .n8.on {background:#10121b url(../../img/images_new/gnbimg8.png) no-repeat center bottom;background-size:120px 98px;}
#top_menu .n9.on {background:#10121b url(../../img/images_new/gnbimg9.png) no-repeat center bottom;background-size:120px 98px;}
#top_menu .n10.on {background:#10121b url(../../img/images_new/gnbimg10.png) no-repeat center bottom;background-size:120px 98px;}
*/

#top_menu .dep1 p.ment {display:none !important;color:#d7d7d7;}
#top_menu .n1:hover p.ment {display:block;position:absolute;top:280px;left:10px;font:bold 12px/20px "NanumMyeongjo";text-align:left;}
#top_menu .n1:hover p.ment span {color:#646464;font:bold 11px/16px "NanumBarunGothic";}
#top_menu .n2:hover p.ment {display:block;position:absolute;top:280px;left:250px;font:bold 12px/20px "NanumMyeongjo";text-align:left;}
#top_menu .n2:hover p.ment span {color:#646464;font:bold 11px/16px "NanumBarunGothic";}
#top_menu .n3:hover p.ment {display:block;position:absolute;top:280px;left:370px;font:bold 12px/20px "NanumMyeongjo";text-align:left;}
#top_menu .n3:hover p.ment span {color:#646464;font:bold 11px/16px "NanumBarunGothic";}
#top_menu .n4:hover p.ment {display:block;position:absolute;top:280px;left:130px;font:bold 12px/20px "NanumMyeongjo";text-align:left;}
#top_menu .n4:hover p.ment span {color:#646464;font:bold 11px/16px "NanumBarunGothic";}
#top_menu .n5:hover p.ment {display:block;position:absolute;top:280px;left:490px;font:bold 12px/20px "NanumMyeongjo";text-align:left;}
#top_menu .n5:hover p.ment span {color:#646464;font:bold 11px/16px "NanumBarunGothic";}
#top_menu .n6:hover p.ment {display:block;position:absolute;top:280px;left:610px;font:bold 12px/20px "NanumMyeongjo";text-align:left;}
#top_menu .n6:hover p.ment span {color:#646464;font:bold 11px/16px "NanumBarunGothic";}
#top_menu .n7:hover p.ment {display:block;position:absolute;top:280px;left:730px;font:bold 12px/20px "NanumMyeongjo";text-align:left;}
#top_menu .n7:hover p.ment span {color:#646464;font:bold 11px/16px "NanumBarunGothic";}
#top_menu .n8:hover p.ment {display:block;position:absolute;top:280px;left:850px;font:bold 12px/20px "NanumMyeongjo";text-align:left;}
#top_menu .n8:hover p.ment span {color:#646464;font:bold 11px/16px "NanumBarunGothic";}
#top_menu .n9:hover p.ment {display:block;position:absolute;top:280px;left:970px;font:bold 12px/20px "NanumMyeongjo";text-align:left;}
#top_menu .n9:hover p.ment span {color:#646464;font:bold 11px/16px "NanumBarunGothic";}
#top_menu .n10:hover p.ment {display:block;position:absolute;top:280px;left:1090px;font:bold 12px/20px "NanumMyeongjo";text-align:left;}
#top_menu .n10:hover p.ment span {color:#646464;font:bold 11px/16px "NanumBarunGothic";}
#top_menu .dep1.off {background:url('') repeat-x;}
#top_menu .dep2{text-align:center; margin-top:20px;}
#top_menu .dep2 li{margin-left:0px;}
#top_menu .dep2 li a{font:normal 14px/25px "NanumBarunGothic";color:#fff;letter-spacing:-1px; display:block;}
#top_menu .dep2 li.on a{color:#fff;margin-left:0px;-webkit-transition: all .25s linear;transition: all .25s linear;}
#top_menu .dep2 li.off a{color:#fff;-webkit-transition: all .25s linear;transition: all .25s linear;}

#product_img img {-webkit-transition: all .25s linear;transition: all .25s linear;}
#product_img img:hover  {margin:none;}
/*m_board*/
#mbd1 {width:400px;}
#mbd2 {width:400px;}
#mbd3 {width:400px;margin-right:0px;}
#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:0px 0px 0px 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:5px;}
.m_board ul {margin-top:19px;width:100%;}
.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;}

#foot_wrap {width:100%; /*background:#000;*/ background:url('../../img/images_new/lo_bg.jpg') 0 0 no-repeat;}
.foot {width:1200px; height:575px; margin:50px 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 h2 {font-size:20px;font-family:NanumBarunGothic;margin-bottom:20px;}
.foot span {font-family:NanumBarunGothic;}
.foot .add {margin-left:38px;color:#fff;}
.foot .add p,.foot .add div {margin-bottom:24px;font-size:30px;font-family:Gotham-Black;}
.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;}

/*footer*/
#sitemap { margin-top:50px;position:relative; background-color:#efefef; text-align:center;}
#footer { width:100%;height:150px;position:relative; background-color:#1c1c1c; }
#footer .footer {width:1200px;margin:0px auto;padding-top:30px;}
#footer .footer p {display:inline-block;margin-right:25px; width:auto;}



/* 20150406 .right_quick ÀÛ¾÷ */
.quick_warp {display:none;width:100px; height:640px; position:fixed; right:10px; top:50%; margin:-240px 0 0 0; z-index:1000; overflow:hidden;}
.quick_warp .quick_area {width:100%; height:100%; position:relative;}
.quick_area .bns {width:80px; height:100%; position:absolute; top:0; right:0; z-index:1003;}
.quick_area .bns li {width:100%;background:#1c1c1c;border-radius:80px; height:80px; position:relative;margin-bottom:20px;line-height:80px;font-family:NanumBarunGothic;text-align:center;}
.quick_area .bns li a {display:block; width:100%; height:100%;color:#fff;text-decoration:none;}
.quick_area .bns li.li_01 a {background:url('') center center no-repeat;}
.quick_area .bns li.li_01.on a {border-radius:80px;background:#21bbb1 url('') center center no-repeat;}
.quick_area .bns li.li_01 a:hover {border-radius:80px;background:#21bbb1 url('') center center no-repeat;}
.quick_area .bns li.li_02 a {background:url('') center center no-repeat;}
.quick_area .bns li.li_02.on a {border-radius:80px;background:#21bbb1 url('') center center no-repeat;}
.quick_area .bns li.li_02 a:hover {border-radius:80px;background:#21bbb1 url('') center center no-repeat;}
.quick_area .bns li.li_03 a {background:url('') center center no-repeat;}
.quick_area .bns li.li_03.on a {border-radius:80px;background:#21bbb1 url('') center center no-repeat;}
.quick_area .bns li.li_03 a:hover {border-radius:80px;background:#21bbb1 url('') center center no-repeat;}
.quick_area .bns li.li_04 a {background:url('') center center no-repeat;}
.quick_area .bns li.li_04.on a {border-radius:80px;background:#21bbb1 url('') center center no-repeat;}
.quick_area .bns li.li_04 a:hover {border-radius:80px;background:#21bbb1 url('') center center no-repeat;}

.quick_area .contents_wrap {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1002;}
.quick_area .contents_wrap .divs {width:365px; height:550px; padding:45px 50px; position:absolute; top:0; left:0; display:none;}
/* .quick_area .contents_wrap .divs.div_01 {display:block;} */
.quick_area .contents_wrap .divs .tit_area {width:100%; position:relative;}
.quick_area .contents_wrap .divs .tit_area p {font-size:30px; font-weight:800; color:#fff;font-family:NanumBarunGothic;}
.quick_area .contents_wrap .divs .tit_area span {display:block; font-size:14px; color:#fff; margin-top:12px;font-family:NanumBarunGothic;}
.quick_area .contents_wrap .divs .tit_area .close_bn {position:absolute; top:0; right:0;}
.quick_area .contents_wrap .divs .con_img {margin-top:40px; text-align:center;}
.quick_area .contents_wrap .divs .con_img a {display:block;}
.quick_area .contents_wrap .divs .con_img img {display:inline-block;}
.quick_area .contents_wrap .div_01 table {width:100%; margin-top:0px; border-top:2px solid #fff; border-collapse:collapse;}
.quick_area .contents_wrap .div_01 table tr {width:100%; height:34px; border-bottom:1px solid #505560;}
.quick_area .contents_wrap .div_01 table tr td {text-align:left; font-size:13px; color:#fff;}
.quick_area .contents_wrap .div_01 table tr td.cons {text-align:left; text-indent:10px;}
.quick_area .contents_wrap .div_01 table tr td a:hover {text-decoration:underline;}
.quick_area .contents_wrap .div_02 .tit_area p {color:#ffea29;}
.quick_area .contents_wrap .div_02 .tit_area span {color:#ffea29;}
.quick_area .contents_wrap .div_03 table {width:100%; margin-top:0px; border-top:2px solid #fff; border-collapse:collapse;}
.quick_area .contents_wrap .div_03 table tr {width:100%; height:34px; border-bottom:1px solid #505560;}
.quick_area .contents_wrap .div_03 table tr td {text-align:left; font-size:13px; color:#fff;}
.quick_area .contents_wrap .div_03 table tr td.cons {text-align:left; text-indent:10px;}
.quick_area .contents_wrap .div_03 table tr td a:hover {text-decoration:underline;}
.quick_area .quick_bn {width:100%; height:36px; text-align:center; position:absolute; bottom:40px; left:0;}
.quick_area .quick_bn a {display:inline-block; background:#060b1c;}
.quick_area .quick_bg {width:465px; height:640px; position:absolute; top:0; left:0; z-index:1001; background:#000; opacity:0.9; display:none;}