@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:13px; height:100%; font-family:"NanumBarunGothic",sans-serif; overflow-x:hidden; line-height:1.5;}
.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:fixed; 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:120px;}
.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:150px; 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.li_02 {width:150px;}*/

.header .gnb > ul li a {display:block; width:100%; height:100%; text-align:center; font-size:18px; letter-spacing:-0.5px; font-weight:700; line-height:1.3; margin-top:25px;}
.header .gnb > ul li .2line {margin-top:-10px;}

.header .gnb > ul li a:hover{color:#763da8;}
.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:#5a2a82;}
.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 {width:610px; float:left; overflow:hidden; padding:50px 0 0 0; margin-left:30px;}
.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; font-size:14px; font-weight:600;}
.header .gnb .depth_02 .dep02 ul li a:hover {color:#763da8;}
.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;}

/* ·¹À̾î Æ˾÷ */
    #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:20px; color:#755c60; font-weight:600; font-family: 'Noto Sans KR', sans-serif;  }
    .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:#bf955a;clear:both;}
.foot {width:1200px; height:440px; 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; font-size:15px;}
.foot .add {margin-left:38px;color:#fff; text-align:center; margin-top:110px; }
.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;display:block;}
.foot .add div span.kor_txt {font-size:30px;color:#fff;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:60%; 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:#5a2a82 url('') center center no-repeat;}
.quick_area .bns li.li_04 a:hover {border-radius:80px;background:#5a2a82 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:#5a2a82;}
.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;}



/* ----------------------------- ÇÚµåÆù ¸ð¾ç ½Ç½Ã°£ »ó´ã ½ºÅ¸ÀÏ ----------------------------- */
.kakao_inquiry {position:relative;width:90%;font-size:0px;margin:0px auto 100px;}
.kakao_inquiry .left {display:inline-block;vertical-align:top;}
.kakao_inquiry .right {display:inline-block;vertical-align:top;float:right;}
 #phone_wrap {width:305px; height:625px; background:url(../../img/phone_img.png) center top no-repeat; box-sizing:border-box; z-index:990; overflow:hidden; padding:50px 0 55px}
 #phone_wrap .phone_area {width:100%; height:100%; overflow-y:scroll; -ms-overflow-style:none}
 #phone_wrap .phone_area::-webkit-scrollbar {display:none;}
 #mainCounsel {padding:0 13px 55px 15px;box-sizing:border-box}
 #mainCounsel .title {padding:15px 0; text-align:center; background:#ad5ff8}
 #mainCounsel .title h3 {font-size:20px; font-weight:bold; color:#fff}
 #mainCounsel .formmail_title_bgcolor {font-family:inherit !important; font-weight:600; text-align:right; background:#fff !important}
 #mainCounsel .formmail_title_bgcolor font {color:#000!important}
 #mainCounsel .formmail_cell_bgcolor {font-size:0 !important}
 #mainCounsel table {width:100%; margin-bottom:20px; table-layout:fixed}
 #mainCounsel table tbody td {padding:5px; border-bottom:1px solid #d5d5d5;font-family: 'Noto Sans KR', sans-serif;}
 #mainCounsel table tbody td, #mainCounsel table tbody td font {font-size:12px !important}
 #mainCounsel table tbody tr td:first-child {/*width:47% !important*/}
 #mainCounsel table tbody td select {font-size:12px; max-width:90%; height:25px; border:1px solid #dedede}
 #mainCounsel table tbody td input[type=text] {max-width:90%; height:25px; border:1px solid #dedede;font-family: 'Noto Sans KR', sans-serif;}
 #mainCounsel table tbody td input[name^=phone_no] {width:34px; margin-left:2px}
 #mainCounsel table tbody td input[name^=phone_no]:first-child {margin-left:0}
 #mainCounsel table tbody td textarea {max-width:95%; height:80px !important; border:1px solid #dedede}
 #mainCounsel .btn-area {text-align:center}
 #mainCounsel .btn-area > a {display:inline-block; padding:10px 0px; width:100%;font-size:20px;font-weight:bold; color:#fff; background:#532381; transition:all 0.3s ease;border-radius:10px;}
 #mainCounsel .btn-area > a:hover {background:#44176e}
 #mainCounsel .btn-close {position:absolute; display:none; bottom:12px; left:103px; width:32px; height:32px; font-size:0; text-indent:-9999em; border:2px solid #fff; border-radius:50%; box-sizing:border-box}
 #mainCounsel .btn-close > span {position:absolute; display:block; top:50%; left:50%; width:14px; height:2px; margin-left:-7px; margin-top:-1px; border-radius:2px; background:#fff}
 #mainCounsel .btn-close > span.line1 {transform:rotate(45deg)}
 #mainCounsel .btn-close > span.line2 {transform:rotate(-45deg)}
 #mainCounselMini {display:none; position:fixed; top:553px; right:20px; z-index:990}
 #mainCounselMini img {display:block}
#mainCounsel table tbody tr td[align="left"] {display:none;}
#mainCounsel table tbody tr td[align="right"] {width:100%;text-align:center;}
 .kakao_inquiry .inquiry_txt {font-size:12px;color:#000;text-align:center;margin:10px 0px;}
 .kakao_inquiry .inquiry_txt p {font-size:15px;color:#532381;font-weight:bold;}