@charset "utf-8";

.inner {position:relative;width:100%;max-width:1139px;margin:0 auto;padding:0 20px;}


/* 상단 */
#header {position:relative;width:100%;height:4.65rem;background-color:#fff;z-index:99;}
#header .header-inner {position:relative;width:100%}
#header .logo {position:relative;float:left;width:7.85rem;height:3.55rem;margin-top:0.5rem;}
#header .logo a {display:block;position:relative;width:100%;height:100%;background:url(../imgs/common/logo.png) no-repeat 0 0;background-size:100% auto}
#header #gnb {position:relative;float:right;padding-right:4.4rem;}
#header #gnb .gnb-list {position:relative;}
#header #gnb .gnb-list .gnb-menu {float:left;position:relative;}
#header #gnb .gnb-list .gnb-menu::after {
    display:block;
    content:"";
    position:absolute;
    top:1.95rem;
    right:0;
    width:1px;
    height:14px;
    background-color:#797979;
}
#header #gnb .gnb-list .gnb-menu:last-child::after {display:none;}
#header #gnb .gnb-list .gnb-menu .gnb-tit {display:block;font-size:0.9rem;color:#464646;line-height:1;padding:1.9rem 2.05rem;position:relative;z-index:4;}
#header #gnb .gnb-list .gnb-menu:first-child .gnb-tit {padding-left:0;}
#header #gnb .gnb-list .gnb-menu:last-child .gnb-tit {padding-right:0;}
#header .allmenu-btn {
    display:block;
    position:absolute;
    top:1.95rem;
    right:0;
    width:1.1rem;
    height:0.75rem;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url(../imgs/common/allmenu_btn.png);
    background-size:100% auto;
    outline:0;
}
#header #gnb .gnb-list .gnb-menu .lnb {display:none;position:absolute;top:0;left:0;z-index:3;padding-top:4.7rem;}
#header #gnb .gnb-list .gnb-menu .lnb ul {width:7.75rem;}
#header #gnb .gnb-list .gnb-menu:nth-child(1) .lnb ul {width:10.75rem;}
#header #gnb .gnb-list .gnb-menu .lnb ul li {position:relative;width:100%;}
#header #gnb .gnb-list .gnb-menu .lnb ul li a {display:block;width:100%;height:1.9rem;line-height:1.8rem;padding-left:2.05rem;background-color:#a6ce39;font-size:0.7rem;color:#fff}
#header #gnb .gnb-list .gnb-menu .lnb ul li a:hover {background-color:#6ca60d;}
#header #gnb .gnb-list .gnb-menu:nth-child(1) .lnb {left:-35px}
#header #gnb .gnb-list .gnb-menu.active .gnb-tit,
#header #gnb .gnb-list .gnb-menu .gnb-tit:hover {color:#6ca60d;}
#header .allmenu-area {display:none;position:absolute;top:4.7rem;left:0;z-index:6;width:100%;height:14.2rem;background-color:#a6ce39;padding-top:2.1rem;box-shadow: 0px 5px 3px 0px rgba(4, 0, 0, 0.07); }
#header .allmenu-area .allmenu-cont {position:relative;}
#header .allmenu-area .menu-img {position:relative;float:left;margin-left:0.65rem;width:16.2rem}
#header .allmenu-area .menu-img img {max-width:100%;height:auto;}
#header .allmenu-area .menu-box {position:relative;float:right;padding-right: 4.4rem;}
#header .allmenu-area .menu-box > ul {float:left;position:relative;margin-right:4.1rem}
#header .allmenu-area .menu-box > ul:nth-child(2) {margin-right:3.5rem;}
#header .allmenu-area .menu-box > ul:nth-child(3) {margin-right:3.5rem;}
#header .allmenu-area .menu-box > ul:last-child {margin-right:0}
#header .allmenu-area .menu-box > ul li {margin-bottom:1.15rem;line-height:1;font-size:0.7rem;color:#fff}
#header .allmenu-area .menu-box > ul li a {font-size:0.7rem;color:#fff;line-height:1;}
#header .allmenu-area .menu-box > ul li:last-child {margin-bottom:0}
#header.on .allmenu-btn {background-image:url(../imgs/common/allmenu_btn_on.png);}
#header.on .allmenu-area {display:block;}
#header .btn-mobile-search,
#header .btn-topMenu {
    display: none;
    position:absolute;
    top:1.3rem;
    right:0;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 0 0 0 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;
    background-color: transparent;
    text-indent: -2000px;
}
#header .btn-topMenu {
    background-image: url(../imgs/common/mobile/ico_lineMenu_black.png);
}
#header .btn-mobile-search {
    right:65px;
    background-image: url(../imgs/common/mobile/ico_search_black.png);
}
@media screen and (max-width:854px){
    #header #gnb {display:none}
    #header .allmenu-btn {display:none;}
    #header .btn-topMenu {display:block;}
}


/* 하단 */
#footer {position:relative;background-color:#fbf9f0;padding:2.75rem 0 2.45rem}
#footer .foot-logo {position:relative;float:left;width:9.2rem;height:4.05rem;}
#footer .foot-logo a {display:block;position:relative;width:100%;height:100%;background:url(../imgs/common/foot_logo.png) no-repeat 0 0;background-size:100% auto;}
#footer .foot-cont {position:relative;float:right;width:calc(100% - 9.2rem);padding-left:2.7rem;}
#footer .footer-link {position:relative;}
#footer .footer-link li {display:inline-block;vertical-align:top;margin-left:-5px;font-size:0.8rem;color:#656565;margin-right:2.3rem;line-height:1;}
#footer .footer-link li:first-child {margin-left:0}
#footer .footer-link li:last-child {margin-right:0;}
#footer .footer-link li a {color:#656565;}
#footer .footer-link li a:hover {font-weight:700;color:#7b9f1a;}
#footer .footer-info-cont {margin-top:0;font-size:0.7rem;color:#6d6d6d;line-height:1.1rem}
#footer .footer-info-cont .copy {margin-top:0.1rem;}
#footer .tel-btn {display:inline-block;position:absolute;top:0;right:0;}
#footer .tel-btn a {display:inline-block;position:relative;padding:9px 0.95rem 4.5px 2.3rem;min-height:2rem;background-color:#a6ce39;border-radius:50px;font-size:20px;color:#fff;line-height:1}
#footer .tel-btn a {font-family:'s-core-dream',"Nanum Gothic","Gulim", Gulim, Dotum, "돋움", sans-serif;}
#footer .tel-btn a span.tit {font-weight:100;}
#footer .tel-btn a span.txt {font-weight:300;}
#footer .tel-btn a::before {
    content:"";
    display:block;
    position:absolute;
    top:3px;
    left:5px;
    width:1.7rem;
    height:1.7rem;
    background:url(../imgs/common/ico_tel.png) no-repeat 0 0;
    background-size:100% auto;
}
@media screen and (max-width:1080px){
    #footer {padding:2.5rem 0}
}
@media screen and (max-width:800px){
    #footer .foot-logo {float:none;margin:0 auto}
    #footer .foot-cont {float:none;width:100%;text-align:center;padding-left:0;padding-top:1rem}
    #footer .tel-btn {display:block;position:relative;top:auto;right:auto;text-align:center;padding-top:1rem}
}

/* nav */
#snb {position:relative;border-bottom:1px solid #d9d9d9;z-index:3}
#snb .snb-list {width:100%;padding-left:1px}
#snb .snb-list .snb-menu {float:left;position:relative;width:14.1rem;border:1px solid #d9d9d9;border-width:0 1px 0;margin-left:-1px}
#snb .snb-list .snb-menu.home {width:2.7rem;height:2.1rem}
#snb .snb-list .snb-menu.home a {
    display:block;
    position:relative;
    width:100%;
    height:100%;
    background:url(../imgs/sub/home_ico.png) no-repeat 50% 50%;
    background-size:1.1rem auto;
}
#snb .snb-list .snb-menu .snb-tit {
    display:block;
    position:relative;
    width:100%;
    overflow:hidden;
    visibility:visible;
    padding:0 1.7rem 0 1.35rem;
    font-size:0.8rem;
    color:#6b6b6b;
    text-overflow:ellipsis;
    white-space:nowrap;
    height:2.1rem;
    line-height:2.1rem;
    background-color:transparent;
    background-position:calc(100% - 1rem) 50%;
    background-repeat:no-repeat;
    background-size:0.6rem auto;
    background-image:url(../imgs/sub/nav_arr.png);
    text-align: left;
    font-weight:400;
}
#snb .snb-list .dept2 {display:none;position:absolute;width:calc(100% + 2px);top:2.1rem;border:1px solid #d9d9d9;border-width:1px 1px 0 1px;margin-left:-1px}
#snb .snb-list .dept2 ul li {border-bottom:1px solid #d9d9d9}
#snb .snb-list .dept2 ul li a {display:block;padding:0.6rem 0 0.6rem 1.35rem;background-color:#fff;font-size:0.8rem;color:#717171}
#snb .snb-list .dept2 ul li.on a,
#snb .snb-list .dept2 ul li a:hover {color:#1c1c1c}
#snb .snb-list .snb-menu:hover .dept2 {display:block;}
@media screen and (max-width:720px){
    #snb .snb-list .snb-menu.home {display:none;}
    #snb .snb-list .snb-menu {width:50%}
}

/* sub */
#sub-content {position:relative;padding:5rem 0 5rem}
.sub-top {position:relative;width:100%;height:10rem;background-position:50% 50%;background-repeat:no-repeat;background-size:auto;}
.sub-top.bg1 {background-image:url(../imgs/sub/sub_vs_img1.jpg)}
.sub-top.bg2 {background-image:url(../imgs/sub/sub_vs_img2.jpg)}
.sub-top.bg3 {background-image:url(../imgs/sub/sub_vs_img3.jpg)}
.sub-top.bg4 {background-image:url(../imgs/sub/sub_vs_img1.jpg)}
.sub-top.bg5 {background-image:url(../imgs/sub/sub_vs_img1.jpg)}
.sub-top.bg6 {background-image:url(../imgs/sub/sub_vs_img1.jpg)}
.sub-top .page-title {display:block;width:100%;height:9.55rem;font-size:2rem;color:#fff;font-weight:500;line-height:1;text-align:center;}
.sub-top .page-title span {
    display:block;
    position:absolute;
    width:100%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.heading-title {position:relative;text-align:center;margin-bottom:5rem}
.heading-title .title {font-size:2.1rem;color:#111;font-weight:500;line-height:1;text-align:center;}
.heading-title .txt {margin-top:8px;font-size:0.9rem;color:#7f7f7f;line-height:1;text-align:center;}
@media screen and (max-width:1484px){
    .sub-top {background-size:cover}
}
@media screen and (max-width:960px){
    #sub-content {padding:3rem 0 3rem}
    .heading-title  {margin-bottom:3rem}
}


/* 모바일 메뉴 */
#mobile-gnb {
    display:none;
    position:fixed;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    margin:0;
    padding-top:0px; 
    z-index:999;
    background-color:#fff;
    overflow:hidden;
    overflow-y:auto;
}
#mobile-gnb {
    transform:translateX(200%);
    -webkit-transform:translateX(200%);
    -moz-transform:translateX(200%);
    -ms-transform:translateX(200%);
    transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
#mobile-gnb .btn-menuClose-box {text-align:right;background-color:#00a0e9;}
#mobile-gnb .btn-menuClose {
    display:inline-block;
    z-index:20;  
    width:60px;
    height:60px;
    background:url(../imgs/common/mobile/ico_menuClose.png) no-repeat 0 0;
    background-size:100% auto;
}

#mobile-gnb .mMenu-top .in-top {position:relative;width:100%;height:60px;background-color:#014099;z-index:2;}
#mobile-gnb .mMenu-top a.home {
    float:left;
    width:50%;
    color:#fff;
    text-align:center;
    height:60px;
    vertical-align:middle;
    padding:19px 10px;
    font-size:13px
}
#mobile-gnb .mMenu-top .m-lang {position:relative;float:left;width:50%;height:60px;padding:19px 10px;vertical-align:middle;border-left:1px solid rgba(255,255,255,0.8);font-size:13px}
#mobile-gnb .mMenu-top .m-lang-dw {display:block;position:relative;width:100%;color:#fff;text-align:center;}
#mobile-gnb .mMenu-top .m-lang-dw:after {
    display:none;    
    content:"\f123";
    font-family:"Ionicons";
    vertical-align:2px;
    font-size:11px;
    margin-left:5px;
}
#mobile-gnb .mMenu-top .m-lang ul {display:none;position:absolute;top:60px;left:0;width:100%;border-top:1px solid rgba(255,255,255,0.8)}
#mobile-gnb .mMenu-top .m-lang ul li {border-bottom:1px solid rgba(255,255,255,0.8)}
#mobile-gnb .mMenu-top .m-lang ul li a {display:block;height:60px;line-height:60px;background:#014099;font-weight:200;color:#fff;text-align:center;font-size:13px}
#mobile-gnb .mMenu-top .in-bt {position:relative;background-color:#00a0e9;border-top:1px solid rgba(255,255,255,0.5)}
#mobile-gnb .mMenu-top .in-bt ul {width:100%;border-collapse:collapse;}
#mobile-gnb .mMenu-top .in-bt ul li {float:left;width:50%;height:60px;border:1px solid rgba(255,255,255,0.5);text-align:center;border-width:0px 1px 1px}
#mobile-gnb .mMenu-top .in-bt ul li:nth-child(1) {border-left:0;border-right:0}
#mobile-gnb .mMenu-top .in-bt ul li:nth-child(2) {border-right:0}
#mobile-gnb .mMenu-top .in-bt ul li:nth-child(4) {border-right:0}
#mobile-gnb .mMenu-top .in-bt ul li:nth-child(3) {border-left:0;border-right:0}
#mobile-gnb .mMenu-top .in-bt ul li:last-child {border-right:0}
#mobile-gnb .mMenu-top .in-bt ul li a {display:block;color:#fff;padding:19px 10px;font-size:13px}
#mobile-gnb .mMenu-top .in-bt ul li a.cdc {padding:9px 10px}
#mobile-gnb .mMenu-top .in-bt ul li a span {display:inline-block;position:relative;padding-left:2rem}
#mobile-gnb .mMenu-top .in-bt ul li a span::before{
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:1.5rem;
    height:1.5rem;
    background-position:0 0;
    background-size:100% auto;
    background-repeat:no-repeat;
}
#mobile-gnb .mMenu-top .in-bt ul li a span.logo {padding-left:0}
#mobile-gnb .mMenu-top .in-bt ul li a span.logo::before {display:none;}
#mobile-gnb .mMenu-top .in-bt ul li a span.cdc img {width:100%;max-width:9rem;height:auto}
#mobile-gnb .mMenu-top .in-bt ul li a span.fluid img {width:100%;max-width:5rem;height:auto}
#mobile-gnb .mMenu-list {position:relative;height:100%;clear:both;}
#mobile-gnb .mMenu-list::before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:150px;
    height:100%;
    background-color:#f1f1f1;
}
#mobile-gnb .mMenu-list .mMenu .mMenu-tit {
    position:absolute;
    display:table;
    padding:0 10px;
    width:150px;
    left:0;
    text-align:center;
    height:60px;
    font-size:13px
}
#mobile-gnb .mMenu-list .mMenu.active .mMenu-tit,
#mobile-gnb .mMenu-list .mMenu .mMenu-tit:hover {background-color:#76c062;color:#fff}
#mobile-gnb .mMenu-list .mMenu .mMenu-tit span {display:table-cell;vertical-align:middle;}
#mobile-gnb .mMenu-list .mMenu:nth-child(1) .mMenu-tit {top:0}
#mobile-gnb .mMenu-list .mMenu:nth-child(2) .mMenu-tit {top:60px}
#mobile-gnb .mMenu-list .mMenu:nth-child(3) .mMenu-tit {top:120px}
#mobile-gnb .mMenu-list .mMenu:nth-child(4) .mMenu-tit {top:180px}
#mobile-gnb .mMenu-list .mMenu:nth-child(5) .mMenu-tit {top:240px}
#mobile-gnb .mMenu-list .mMenu ul {display:none;background-color:#fff;padding:0;margin-left:150px}
#mobile-gnb .mMenu-list .mMenu.active .mMenu-tit ~ ul {display:block;padding-bottom:5rem}
#mobile-gnb .mMenu-list .mMenu ul li a {
    display:block;
    position:relative;
    padding:15px 20px 15px 10px;
    color:#333;
    border-top:1px solid #f1f1f1;
    font-size:13px
}
#mobile-gnb .mMenu-list .mMenu ul li a:after {
    display:block;
    position:absolute;
    top:15px;
    right:10px;    
    content:"\e93f";
    font-family:"xeicon";
    margin-left:5px;

}
#mobile-gnb .mMenu-list .mMenu ul li:first-child a {border-top:0}
#mobile-gnb .mMenu-list .mMenu .logo-link1 {max-width:10rem;height:auto}
#mobile-gnb .mMenu-list .mMenu .logo-link2 {max-width:5rem;height:auto}

.mobile-open #mobile-gnb {
    transform:translateX(0%);
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
}
@media screen and (max-width:854px){ 
    #mobile-gnb {display:block;}   
}
@media screen and (max-width:767px){
    #mobile-gnb .btn-menuClose {width:45px;height:45px;} 
    #mobile-gnb .mMenu-top .in-top {height:45px}
    #mobile-gnb .mMenu-top .m-lang {height:45px;padding:11px}
    #mobile-gnb .mMenu-top a.home {height:45px;padding:11px}
    #mobile-gnb .mMenu-top .in-bt ul li {height:45px;}
    #mobile-gnb .mMenu-top .in-bt ul li a {padding:11px 10px;}
    #mobile-gnb .mMenu-top .in-bt ul li a.cdc {padding:3px 10px;} 
}

@media screen and (max-width:1650px) {
    #hd_pop .hd_pops {left:10px !important}    
    #hd_pop .hd_pops .hd_pops_con {width:auto !important;height:auto !important;max-width:400px !important}
}