@charset "utf-8";
/* CSS Document */
@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');
}
* {margin:0; padding:0;}
ul,dl,ol,li {list-style:none;}
img {border:none; vertical-align:middle;}
a {text-decoration:none; color:#454545;}
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:#fff url('../../img/images/header_bg.jpg') center top no-repeat; z-index:300;}
.header {width:1200px; height:100%; position:relative; margin:0 auto; z-index:100000;}
.header h1 {width:97px; height:79px; margin:0 auto; padding-top:35px;}
.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:100%; height:70px; overflow:hidden; position:relative;}
.header .gnb > ul li {float:left; width:120px; height:70px; line-height:70px;margin-left:0px;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;}
.header .gnb > ul li a img {display:inline-block; padding-top:25px;}
.header .gnb .ticker {position:absolute; z-index:350; top:0; left:-9999px; width:0px; height:3px; background:#21bbb1;}
.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:150px; margin-bottom:20px;background:url(../../img/images/jum.jpg) no-repeat 0px 4px;}
.header .gnb .depth_02 .dep02 ul li a {margin-left:10px;}
.header .gnb .depth_02 .dep02 ul.no_float li {float:none; clear:both;}
.header .gnb .depth_02 .dep02 ul.float_ea2 li {width:50%;}
.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;}
    .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:200px;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:200px;}
    .menu_list .total_gnb ul li {float:left;;width:165px;padding-bottom:18px;background:url(./img/images/jum.jpg) 0px 5px no-repeat;}
    .menu_list .total_gnb ul li a {padding-left:10px;}



/*footer*/
#foot_wrap {width:100%; background:#0f0f0f;clear:both;}
.foot {width:1200px; height:575px; 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 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:#746d66;font-family:Gotham-Black;display:block;}
.foot .add div span.kor_txt {font-size:30px;color:#746d66;line-height:50px;}
.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; background-color:#f1f1f1;border-top:1px solid #bebfbf; clear:both;}
#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-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: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;font-size:12px;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:#867460 url('') center center no-repeat;}
.quick_area .bns li.li_01 a:hover {border-radius:80px;background:#867460 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:#ffea29 url('') center center no-repeat;color:#333333;}
.quick_area .bns li.li_02 a:hover {border-radius:80px;background:#ffea29 url('') center center no-repeat;color:#333333;}
.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:#867460 url('') center center no-repeat;}
.quick_area .bns li.li_03 a:hover {border-radius:80px;background:#867460 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: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:#ffea29;}
.quick_area .contents_wrap .div_02 .tit_area span {color:#ffea29;}
.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:#867460;}
.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:#21bbb1;}
.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;}