@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: 'notokr';
src: url('../../img/images/font/notokr-light.eot');
src: url('../../img/images/font/notokr-light.eot?#iefix') format('embedded-opentype'),
url('../../img/images/font/notokr-light.woff2') format('woff2'),
url('../../img/images/font/notokr-light.woff') format('woff'),
url('../../img/images/font/notokr-light.ttf') format('truetype'),
url('../../img/images/font/notokr-light.svg#notokr-regular') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'notokr';
src: url('../../img/images/font/notokr-regular.eot');
src: url('../../img/images/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
url('../../img/images/font/notokr-regular.woff2') format('woff2'),
url('../../img/images/font/notokr-regular.woff') format('woff'),
url('../../img/images/font/notokr-regular.ttf') format('truetype'),
url('../../img/images/font/notokr-regular.svg#notokr-regular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'notokr';
src: url('../../img/images/font/notokr-bold.eot');
src: url('../../img/images/font/notokr-bold.eot?#iefix') format('embedded-opentype'),
url('../../img/images/font/notokr-bold.woff2') format('woff2'),
url('../../img/images/font/notokr-bold.woff') format('woff'),
url('../../img/images/font/notokr-bold.ttf') format('truetype'),
url('../../img/images/font/notokr-bold.svg#notokr-bold') format('svg');
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'NanumSquare';
font-weight: 400;
font-style: normal;
src: url(../../img/images/font/NanumSquareR.eot);
src: url(../../img/images/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumSquareR.woff) format('woff'),
url(../../img/images/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
font-family: 'NanumSquare';
font-weight: 600;
font-style: normal;
src: url(../../img/images/font/NanumSquareB.eot);
src: url(../../img/images/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
url(../../img/images/font/NanumSquareB.woff) format('woff'),
url(../../img/images/font/NanumSquareB.ttf) format('truetype');
}
@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 12px/22px "notokr"; 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:none;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }
input{ 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:NanumSquare;}
#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:999;border-bottom:solid 1px #999;}
.head_search {width:100%; background:#ffffff;height:120px; z-index:20;border-bottom:solid 1px #292828}
.head_search .logjoin {width:1200px;margin:0px auto;}
.head_search .logjoin h1 {padding-top:30px;display:block;text-align:center;font-size:0;width:250px;margin:0 auto;}
.head_search .logjoin h1 a{display:inline-block;}
.head_search .logjoin h1 a img{display:block;}
.head_search .lang {float:left;padding-top:25px;}
.head_search .lang li {float:left; height:25px; text-align:center;width:60px;}
.head_search .lang li a {font-size:11px;line-height:27px;color:#fff;}
.head_search .log {float:right;padding-top:35px;}
.head_search .log li {float:left; width:70px; height:25px; text-align:center;}
.head_search .log li a {font-size:12px;line-height:27px;color:#FFF;}
.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 {position:absolute; right:0px; overflow:hidden; z-index:5;}
#top_menu .dep1 {float:left; width:120px; height:250px; text-align:center; border-left:1px solid #292828;box-sizing:border-box; background:url('') repeat-x;}
#top_menu .dep1:last-child {border-right:1px solid #292828;}
#top_menu .dep1 a{font-size:15px;line-height:50px; display:block;font-weight:bold;color:#999;}
#top_menu .dep1.on a{color:#fff;}
#top_menu .dep1.off a{color:#999;}
#top_menu .dep1.on {}



#top_menu .dep1 p.ment {width:10%;display:none;color:#d7d7d7;position:absolute;top:280px;font-size:12px;line-height:20px;;text-align:center;}
#top_menu .dep1 p.ment span {color:#646464;font-size:11px;line-height:16px;}
#top_menu .n1.on p.ment, #top_menu .n2.on p.ment, #top_menu .n3.on p.ment, #top_menu .n4.on p.ment, #top_menu .n5.on p.ment, #top_menu .n6.on p.ment, #top_menu .n7.on p.ment, #top_menu .n8.on p.ment, #top_menu .n9.on p.ment, #top_menu .n10.on p.ment {display:block;}
#top_menu .dep1.off {background:url('') repeat-x;}
#top_menu .dep2{text-align:left; margin-top:10px;}
#top_menu .dep2 li{}
#top_menu .dep2 li a{font-size:12px;line-height:25px;;color:#999; display:block;text-align:center;}
#top_menu .dep2 li.on a{color:#fff;-webkit-transition: all .25s linear;transition: all .25s linear;text-decoration:line-through;}
#top_menu .dep2 li.off a{color:#999;-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%; clear:both;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;margin-bottom:20px;}
.foot span {}
.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:#fff;font-family:Gotham-Black}
.foot .add div span.kor_txt {font-size:20px;color:#fff;}
.foot .menu {margin-left:80px;}
.foot .menu a {font:bold 11px/25px 'dotum'; color:#676767; border-left:1px solid #676767; padding-left:5px;}

/*°øÅëÇϴܸ޴º*/
#footer { position:relative; padding-top:0px;text-align: center; background-color:#f1f1f1;border-top:1px solid #bebfbf; padding:30px 0;}
#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',notokr;font-size:14px; color:#000; border-bottom:1px solid #dfdfdf; }
#footer-inner,
#footer-inner a {color:#8c8e8f;font-size:12px; }
.f-util,
.f-groups { float:left; margin-top:20px; }
.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; }
/*°øÅëÇϴܸ޴º*/

/*¿À¸¥ÂÊ Äü¸Þ´º*/
.quick_warp {width:100px; height:640px; position:fixed; right:10px; top:50%; margin-top:-200px; 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;height:80px; position:relative;line-height:80px;text-align:center;margin-bottom:1px;}
.quick_area .bns li a {display:block; width:100%; height:100%;color:#fff;-webkit-transition: all .25s linear;transition: all .25s linear;}

.quick_area .bns li.on a {background:#21bbb1;}
.quick_area .bns li a:hover {background:#21bbb1;}
.quick_area .bns li.li_02.on a {background:#ffea29;color:#000;}
.quick_area .bns li.li_02 a:hover {background:#ffea29;color:#000;}

.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 .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 {color:#fff;font-family:notokr;}
.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 {color:#fff;font-family:notokr;}
.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;}
/*¿À¸¥ÂÊ Äü¸Þ´º*/


/* ǪÅÍ */
#footer1 {margin-top:80px; padding:51px 0; background:#8d8d8d;text-align: center;font-size:0;}
#footer1 > div{
display: inline-block;
text-align: left;
font-size:16px;
line-height: 36px;
letter-spacing: -0.03em;
color:#ffffff;
font-weight: 300;
}