@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:#fff;}
a:hover {text-decoration:none; color:#fff;}
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:#0e95ff; url('../../img/images/header_bg.jpg') center top no-repeat; z-index:300;}*/
.header {width:1200px; height:150px; position:relative; margin:0 auto; z-index:100000;}
.header h1 {width:400px; height:105px; margin:0 auto; padding-top:23px;}
.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:0px; padding-left:0px; background:url('/img/jj_header_span_bg.gif') left center no-repeat;}
.header .txt_links div.coun a {padding-left:0px;}
.header .txt_links ul li {float:left;margin-left:8px;}
.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:130px; 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:200px; 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:630px;z-index:9999;}


/* 0521Ãß°¡ */
#header {position:absolute; width:100%;  z-index:990;background:#fff url('../../img/images/header_bg.jpg') no-repeat center top;}

#header .header_top {position:relative; border-bottom:0px solid #d1d1d1}
#header .header_top h1#logo {position:absolute; top:50%; left:50px; margin-top:-30px}
#header .header_top h1#logo a {}
#header .header_top h1#logo a .logo {display:block; width:100%}
#header .header_top .header_inner {width:1200px; margin:0 auto}
/*#header .header_top .header_inner ul#nav {display:table; table-layout:fixed; width:100%}
#header .header_top .header_inner ul#nav li {display:table-cell; text-align:center}*/
#header .header_top .header_inner ul#nav {width:100%; text-align:center;font-size:0px;}
#header .header_top .header_inner ul#nav li {display:inline-block; text-align:center; width:133px}
#header .header_top .header_inner ul#nav li a {display:block; width:100%; height:70px; line-height:70px; text-align:center; transition:all 0.4s ease; font-size:16px; font-weight:550}
#header .header_top .header_inner ul#nav li a:hover {color:#ffd63c;}
#header .header_top .sns_link {position:absolute; top:50%; right:50px; margin-top:-20px} 
#header .header_top .sns_link:after {display:block; content:''; clear:both} 
#header .header_top .sns_link li {float:left; margin-left:1px} 
#header .header_top .sns_link li a {display:block; width:40px; height:40px; text-align:center; line-height:40px; background:#fc6b41; font-size:18px; font-weight:300; color:#fff} 
#header .header_top .sns_link li:nth-child(2) a {background:#5b5b5b} 
/* Çϴܸ޴º */
#header .header_bottom {position:relative; display:none;}
#header.sub_header .header_bottom {position:absolute; width:100%; background:#fff}
#header .header_bottom.active {display:block}
#header .header_bottom .header_inner {width:1200px; margin:0 auto}
#header .header_bottom .header_inner .sub-menu {display:table; width:100%; table-layout:fixed; padding:30px 0 50px}
#header .header_bottom .header_inner .sub-menu ul.sub_ul {display:table-cell; text-align:center;}
#header .header_bottom .header_inner .sub-menu ul.sub_ul li {padding:3px 0}
#header .header_bottom .header_inner .sub-menu ul.sub_ul li a {display:inline-block; font-size:14px; color:#404040; transition:all 0.3s ease; padding-bottom:3px; border-bottom:1px solid transparent}
#header .header_bottom .header_inner .sub-menu ul.sub_ul li a:hover {color:#0e95ff; border-color:#0e95ff}
/* 0521Ãß°¡ */










/* ·¹À̾î Æ˾÷ */
    #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; font-size:23px;}
    .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:210px;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:100%; height:565px; 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;}*/
#foot_wrap {width:100%; background:#373737;clear:both;}
.foot {width:1200px; height:150px; margin:0 auto;}
.foot .kdh {float:left; margin-top:20px; margin-left:320px; }
.foot .kdh ul {width:1200px;float:left;width:100%;}
.foot .kdh ul li {float:left;text-align:center;height:45px;font-size:16px;line-height:45px;}
.foot .kdh ul li a {color:#ececec;margin-left:40px; }
.foot .kdh_2 {width:1200px;margin-top:25px;}
#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:152px; height:640px; position:fixed; right:0px; 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 .bns2 {width:152px;position:absolute; top:0px; right:0; z-index:1003;}
.quick_area .bns2 li {width:100%;position:relative;}
.quick_area .bns2 li a {color:#fff;display:block;font-size:11px;}
/*.quick_area .bns2 li a:hover {background:pink;border-radius:80px;}*/
.quick_area .bns2 li a {opacity:0.8;}


.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;}