@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');
}
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 15px/22px "NanumBarunGothic"; 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; }
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; }

/*------------------------------------------------------------------------------------------------------------*/
.pdt-10{padding-top:10px !important;}
.pdt-50{padding-top:50px !important;}
.mgt-60{margin-top:60px !important;}
.bdt-d{border-top:1px dashed #ddd;}
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:#b7d5ff;}
.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;border-bottom:solid 1px #7b86e2;}
.head_search {width:100%; background:#000000;height:100px; z-index:20;border-bottom:solid 1px #292828}
.head_search .logjoin {width:1200px;margin:0px auto;}
.head_search .logjoin h1 {width:250px;margin:0px auto;padding-top:20px; padding-right:150px;}
.head_search .logjoin h1 a img{width:250px;}

.head_search .lang {float:left;padding-top:35px;}
.head_search .lang li {float:left; height:25px; text-align:center;margin-right:20px; }
.head_search .lang li:last-child a {margin-left:10px; }
.head_search .lang li a { }
.head_search .lang li.mi {background:url('../../img/images_new/guk2.png') no-repeat 0 7px;}
.head_search .lang li.china {background:url('../../img/images_new/guk1.png') no-repeat 0 7px;}
.head_search .lang li a {font:bold 11px/27px 'NanumBarunGothic'; color:#c5c5c5;}
.head_search .log {float:right;padding-top:35px;}
.head_search .log li {float:left; height:25px; text-align:center; background:url('../img/comm/log_bg.png');margin-left:20px;}
.head_search .log li a {font:bold 11px/27px 'NanumBarunGothic'; color:#c5c5c5;}
.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:50px; margin:0 auto; position:relative; overflow:hidden;}



#top_menu {overflow:hidden; z-index:5;}
#top_menu .dep1 {float:left; height:300px; width:200px; text-align:center; border-left:1px solid #333;box-sizing:border-box; background:url('') repeat-x;}
#top_menu .n10{border-right:1px solid #333;}
#top_menu .dep1.n2 {/*width:177px;}
#top_menu .dep1.n6 {border-right:1px solid #9ba8d7;*/}
#top_menu .dep1 a{font:bold 18px/50px "NanumGothic"; color:#fff; display:block; letter-spacing: 2px;font-weight: 500;}
#top_menu .dep1.on a{color:#b7d5ff;}
#top_menu .dep1.off a{color:#fff;}
#top_menu .dep1.on {}

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

#top_menu .dep1 p.ment {display:none;color:#d7d7d7;}
#top_menu .n1:hover p.ment {display:block;position:absolute;top:280px;left:10px;font:bold 25px/30px "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 25px/30px "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 25px/30px "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 25px/30px "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 25px/30px "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 25px/30px "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 25px/30px "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 25px/30px "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 25px/30px "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 25px/30px "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:left; margin-top:10px;}
#top_menu .dep2 li{margin-left:15px;}
#top_menu .dep2 li a{font:normal 14px/25px "NanumBarunGothic";color:#fff;letter-spacing:0; display:block;}
#top_menu .dep2 li.on a{color:#b7d5ff;margin-left:5px;-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_con{background:#1c1c1c; padding:30px 0; margin-top:50px; clear:both;}
.foot_con .com_info{width:1200px; margin:0 auto; color:#fff; font-size:14px;}
.foot_con .com_info li strong{font-size:16px;}
.foot_con .copy{width:1200px; margin:0 auto;}
.foot_con .copy p{color:#ddd;font-size:12px;}

#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:#b7d5ff;font-family:Gotham-Black}
.foot .add div span.kor_txt {font-size:20px;color:#b7d5ff;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*/
.foot img{padding-top:60px; padding-left:40px; width:300px;}
.add span{margin:50px;}
#footer { position:relative; padding-top:0px; background-color:#f1f1f1;border-top:1px solid #bebfbf; }
#footer-inner { position:relative; width:1200px; margin:0 auto; padding-bottom:25px; overflow:hidden; }
#footer-inner h5 { margin-top:20px;margin-bottom:14px; padding-bottom:10px; font-family: 'Gotham-Black','NanumBarunGothic'; text-transform:uppercase; font-size:14px; color:#000; border-bottom:1px solid #dfdfdf; }
#footer-inner,
#footer-inner a { font-family: 'NanumBarunGothic'; font-weight: 700; color:#8c8e8f; text-transform:uppercase; font-size:12px; }
.f-util,
.f-groups { float:left; margin-top:20px; }
#footer-inner .f-util li.fu-link6 a { font-family:'NanumBarunGothic', sans-serif; }
.f-util li { margin-bottom:5px; }
.f-groups { width:1200px; overflow:hidden; }
.f-groups .f-group { width:195px;height:300px; }
.f-groups .fg-hotels,
.f-groups .fg-product { float:left; }
.f-groups .fg-product { margin-left:6px; }
.f-groups .fg-contact { float:right; text-align:right; text-transform:none !important; }
.f-groups .fg-contact p,
#footer-inner .f-groups .fg-contact a { font-family: 'Gotham-Book','NanumBarunGothic'; font-weight: 500; text-transform:none !important; }
.f-group li { margin-bottom:4px; }
#footer-inner .f-copyright { font-family: 'Gotham-Book'; font-weight: 500; }
.f-copyright { position:relative; clear:both; }
.fc-banner1,
.fc-facebook { position:absolute; top:17px; }
.fc-banner1 { right:102px; width:133px; height:26px; font:0/0 Arial; text-indent:-99999px; background:url('../img/common/bg_footer_share.png') 0 0 no-repeat; }
.fc-facebook { right:0; padding-top:2px; display:none; }
.fc-facebook a {display:block; width:20px; height:20px; font:0/0 Arial; text-indent:-99999px; overflow:hidden; background:url('../img/common/bg_footer_share.png') 100% -2px no-repeat; }
.fc-banner1 { right:0; }
.fc-copy { padding-top:29px; }



/* 20150406 .right_quick ÀÛ¾÷ */
.quick_warp {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:10px; z-index:1003;}
.quick_area .bns li {width:100%;background:#444;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:#ffffff;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:#40568b;}
.quick_area .bns li.li_01 a:hover {border-radius:80px;background:#1a75bb;}
.quick_area .bns li.li_02 a {}
.quick_area .bns li.li_02.on a {border-radius:80px;background:#40568b;}
.quick_area .bns li.li_02 a:hover {border-radius:80px;background:#1a75bb;}
.quick_area .bns li.li_03 a {}
.quick_area .bns li.li_03.on a {border-radius:80px;background:#40568b;}
.quick_area .bns li.li_03 a:hover {border-radius:80px;background:#1a75bb;}
.quick_area .bns li.li_04 a {}
.quick_area .bns li.li_04.on a {border-radius:80px;background:#40568b;}
.quick_area .bns li.li_04 a:hover {border-radius:80px;background:#1a75bb}

.quick_area .contents_wrap {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1002;}
.quick_area .contents_wrap .divs {width:465px; 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:50px; text-align:center; display:inline-block; margin-top:30px;}
.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;}



/*ǪÅÍ*/
#foot{background:#1c1c1c; height:245px; margin-top:80px;clear:both;}
.fcon{width:1200px; margin:0 auto;height:100%;}
.fcon .logo{float:left; width:380px;height:100%;}
.fcon .logo img{display:block; margin:0 auto; padding-top:89.5px;}
.fcon .logo a.logo_a{display:block;height:100%;}
.fcon .logo a.logo_a:hover{}
.fcon .ftxt{float:left; color:#fff; padding:65px 0 0 40px;}
.fcon .ftxt p{line-height:24px;}
.fcon .ftxt copyright{font-size:12px; color:#ccc; padding-top:20px; margin-top:20px; display:block; border-top:1px solid #333; width:760px;}

/*Ãß°¡*/
a{color:#999}
a:hover{color:#fff}
#sub_conts_wrap1 > table > tbody > tr > td > table.board > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td > a > img{height: 100%;width: 100%;}
#sub_conts_wrap1 > table > tbody > tr > td > table.board > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td{display:none}