@charset "utf-8";
/* CSS Document */
@font-face {
font-family: Gotham-Black;
src:url(../img/font/Gotham-Black.eot);
src: url(../img/font/Gotham-Black.woff);
}
@font-face {
font-family: Gotham-Book;
src:url(../img/font/Gotham-Book.eot);
src: url(../img/font/Gotham-Book.woff);
}
@font-face {
font-family: HerrVonMuellerhoff-Regular;
src:url(../img/font/HerrVonMuellerhoff-Regular.eot);
src: url(../img/font/HerrVonMuellerhoff-Regular.woff);
}
@font-face {
font-family:'NanumBarunGothic';
font-style:normal;
font-weight:400;
src:url(../img/font/NanumBarunGothic.eot);
src:url(../img/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/font/NanumBarunGothicBold.eot);
src:url(../img/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
url(../img/font/NanumBarunGothicBold.woff) format('woff');
}
@font-face {
font-family:'NanumMyeongjo';
font-style:normal;
font-weight:400;
src:url(../img/font/NanumMyeongjoBold.eot);
src:url(../img/font/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
url(../img/font/NanumMyeongjoBold.woff) format('woff');
}
@font-face {
font-family:'NanumMyeongjo';
font-style:normal;
font-weight:700;
src:url(../img/font/NanumMyeongjoBold.eot);
src:url(../img/font/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
url(../img/font/NanumMyeongjoBold.woff) format('woff');
}
* {margin:0; padding:0;}
ul,dl,ol,li {list-style:none;}
img {border:none; vertical-align:middle;}
a {text-decoration:none; color:#252525;}
a:hover {text-decoration:none; color:#333;}
html {height:100%;}
body {font-size:100%; height:100%; font-family:"NanumBarunGothic",sans-serif; overflow-x:hidden; line-height:1;}
.blinder {width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer; background:#fff; opacity:0; display:none;}
.of_hiddener {overflow:hidden;}

.wrapper {width:100%; position:relative; min-width:1200px;}

.header_wrap {width:100%; height:222px; overflow:hidden; position:absolute; top:0; left:0; background:#252525 url('../../img/images/header_bg.png') center top no-repeat; z-index:300; opacity:1;}
.header {width:1200px; height:100%; position:relative; margin:0 auto; z-index:100000;}
.header h1 {width:178px; height:120px; margin:0 auto; padding-top:10px;} /* 로고 */
.header .txt_links2 {position:absolute; top:0px; overflow:hidden;font-family:Gotham-Book;}
.header .txt_links {position:absolute; top:36px; overflow:hidden;font-family:Gotham-Book;}
.header .txt_links div {float:left; margin-left:7px; padding-left:16px; background:url('/img/jj_header_span_bg.gif') left center no-repeat;}
.header .txt_links div.coun a {padding-left:25px;}
.header .txt_links ul li {float:left;margin-left:10px;}
.header .txt_links div.coun_01 {background:none; margin-left:0; padding-left:0;}
.header .txt_links div.coun_01 a {background:url('../../img/images/guk2.png') left center no-repeat;}
.header .txt_links div.coun_02 a {background:url('../../img/images/guk1.png') left center no-repeat;}
.header .txt_links div a {font-size:12px; color:#acacac; display:block; text-transform:uppercase; font-weight:bold;}
.header .txt_links div a:hover {text-decoration:underline;}
.header .left_top {left:0;}
.header .right_top {right:0;}
.header .right_top2 {right:0;top:100px; }

.header .gnb {width:100%; height:211px; position:absolute; top:151px; left:0;}
.header .gnb > ul {width:1125px; height:70px; margin: 0 auto; overflow:hidden; position:relative;}
.header .gnb > ul li {float:left; width:auto; height:70px; line-height:70px;margin-left:58px;border-left:solid 0px red;}
.header .gnb > ul li.li_01 {margin-left:0;}
.header .gnb > ul li a {display:block; width:100%; height:100%; text-align:center; color: #e8e8e8; letter-spacing:0px}
.header .gnb > ul li a:hover{color: #49d0b4;}
.header .gnb > ul li a img {display:inline-block;}

.header .gnb .ticker {position:absolute; z-index:350; top:0; left:-9999px; width:0px; height:2px; background:#6dcad3;} /* 메뉴바따라오는거 */

.header .gnb .depth_02 {width:100%; height:200px; position:absolute; top:71px; left:0; } /* 메뉴바하단영역 */
.header .gnb .depth_02 .dep02 {width:100%; height:100%; position:absolute; top:0; left:0; display:none; overflow:hidden; 
}
/* .header .gnb .depth_02 .dep02.dep02_10 {display:block;} */
.header .gnb .depth_02 .dep02 .img_area {float:left; margin-left:0px;}
.header .gnb .depth_02 .dep02 ul {width:510px; float:left; overflow:hidden; padding:50px 0 0 0; margin-left:60px; }
.header .gnb .depth_02 .dep02 ul li {float:left; width:200px; margin-bottom:20px;background:url(../../img/images/jum.png) no-repeat 0px 4px;}
.header .gnb .depth_02 .dep02 ul li a {margin-left:10px; color: #e8e8e8;}
.header .gnb .depth_02 .dep02 ul li a:hover{color: #49d0b4;}
.header .gnb .depth_02 .dep02 ul.no_float li {float:none; clear:both;}
.header .gnb .depth_02 .dep02 ul.float_ea2 li {width:50%;}





/*상세페이지*/

.section-tit{width: 600px; margin: 0 auto;}
.sub_img2 p img{width: 100%;}








.header .total_menu {position:absolute;top:177px;left:50%;margin-left:620px;z-index:9999;}
/* 레이어 팝업 */
#menu-toggle{position:absolute;top:0px;left:0px;z-index:1;}
#close-toggle{position:absolute;top:22px;right:20px;}
#close-toggle #menu-icon{font-size:24px;cursor:pointer;color:#696969}
#menu-overlay{display:none;position:fixed;width:100%;top:0;bottom:0;left:0;z-index:3001;background:rgba(0,0,0,.0);}
#menu-overlay.open{display:block;background:rgba(0,0,0,.7);}
.layerpop{
position:fixed;background:#fff;width:1080px;top:-1000px;left:50%;margin-left:-540px;z-index:9000;opacity:0;filter:alpha(opacity=0);
-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;
}
.title_bg {height:73px;background:url(../../img/images/total_title_bg.jpg);}
.title_bg h1{text-align:center;padding-top:20px;}
.layerpop.open{top:150px;opacity:1.0;filter:alpha(opacity=100);}

.menu_list {width:100%;height:507px;overflow:;overflow-x:hidden; background-color:#282828; }
.menu_list .total_gnb {display:inline-block;width:862px;padding:50px 100px 50px 100px;border-bottom:dotted 1px #d7d7d7;}
.menu_list .total_gnb h1 {width:220px;float:left;}
.menu_list .total_gnb h1 span.bottom_line {position:relative;width:25px;height:3px;text-indent:-9999px;margin-left:-100px;top:30px;}
.menu_list .total_gnb ul {margin-left:220px;}
.menu_list .total_gnb ul li {float:left;;width:165px;padding-bottom:18px;background:url(./img/images/jum.png) 0px 5px no-repeat;}
.menu_list .total_gnb ul li a {padding-left:10px;}

/*footer*/
#foot_wrap {width:1200px; margin:0 auto; background:#2b2b2b; clear:both; top:-500px;}

.foot {width:1200px; height:340px; margin:0 auto;}

.foot h1,.foot .add,.foot .side,.foot .menu {float:right; margin-top:47px; margin-right:200px;}

.foot .side li {float:right; margin-right:16px; }

.foot .menu li {float:right; margin-right:5px;}
.foot .menu li.first a {border:0;}

.foot h1 {margin-right:0px;}

.foot h2 {font-size:25px;font-family:NanumBarunGothic;margin-bottom:10px;}

.foot span {font-family:NanumBarunGothic;}

.foot .add {margin-right:130px; margin-top:80px; color:#fff;  }
.foot .add p,.foot .add div {font-size:30px;font-family:Gotham-Black;}
.foot .add div span {margin-right:10px;font-size:30px;color:#fff;font-family:Gotham-Black;display:block;}

.foot .add div span.jom {margin-left:80px;}
.foot .add div span.kor_txt {font-size:30px;color:#6dcad3;line-height:30px;}
.foot .add div span.txx {font-size:15px;color:#ffffff;line-height:23px;}

.foot .menu {margin-left:80px;}
.foot .menu a {font:bold 11px/25px 'dotum'; color:#676767; border-left:1px solid #676767; padding-left:5px;}


/* 푸터 */
#footer {width:100%; position:relative; padding:60px 0;  background:#424242}
#footer > .inner {width:1400px; margin:0 auto}
#footer > .inner .info {text-align:center}
#footer > .inner .info address {}
#footer > .inner .info address ul {margin-bottom:10px}
#footer > .inner .info address ul li {display:inline-block; padding:0 6px; font-size:12px; color:#fff}
#footer > .inner .info .copyright {font-size:12px; color:#fff}


.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:200px; }
.f-groups .fg-product { float:left; }
.f-groups .fg-product { margin-left:6px; }
.f-groups .fg-product:first-child { margin-left:0px; }
.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;line-height:22px; text-transform:none !important;}
.f-group li { margin-bottom:4px; line-height:22px;}
#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:2px; top:45%; margin:-240px 0 0 0; z-index:1000; overflow:hidden;}
.quick_warp .quick_area {width:100%; height:100%; position:relative;}
.quick_area .bns {width:100px; height:100%; position:absolute; top:0; right:0; z-index:1003;}
.quick_area .bns li {width:100%; font-size:12px; height:100px; position:relative;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('../../img/ds2/qicon4.png') center center no-repeat;}
.quick_area .bns li.li_01.on a {background:url('../../img/ds2/qicon4.png') center center no-repeat;color:#333333;}
.quick_area .bns li.li_01 a:hover {background:url('../../img/ds2/qicon4h.png') center center no-repeat;color:#333333;}

.quick_area .bns li.li_02 a {background:url('../../img/ds2/qicon5.png') center center no-repeat;}
.quick_area .bns li.li_02.on a {background:url('../../img/ds2/qicon5.png') center center no-repeat;}
.quick_area .bns li.li_02 a:hover {background: url('../../img/ds2/qicon5h.png') center center no-repeat;}

.quick_area .bns li.li_03 a {background:url('../../img/ds2/qicon2.png') center center no-repeat;}
.quick_area .bns li.li_03.on a {background:url('../../img/ds2/qicon2.png') center center no-repeat;}
.quick_area .bns li.li_03 a:hover {background: url('../../img/ds2/qicon2h.png') center center no-repeat;}

.quick_area .bns2 {width:100px; height:100%; position:absolute; top:0px; right:0; z-index:1003;}



.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:40px; 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:center; 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:#fff;}
.quick_area .contents_wrap .div_02 .tit_area span {color:#fff;}

.quick_area .contents_wrap .div_03 table {width:100%; margin-top:40px; 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:center; 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 span {display:inline-block;width:100px;height:40px; background:#6dcbd3;}
.quick_area .quick_bn span.kakao {display:inline-block;width:100px;height:40px; background:#ffea29;}
.quick_area .quick_bn span.kakao a {display:block;line-height:40px;color:#000;font-family:NanumBarunGothic;}
.quick_area .quick_bn span.online {display:inline-block;width:100px;height:40px; background:#6dcbd3;}
.quick_area .quick_bn a {display:block;line-height:40px;color:#fff;font-family:NanumBarunGothic;}
.quick_area .quick_bg {width:465px; height:640px; position:absolute; top:0; left:0; z-index:1001; background:#000; opacity:0.9; display:none;}