@charset "utf-8";

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


/* 상단 */
#header {position:relative;width:100%;height:7.7rem;background-color:#fff;z-index:99;}
#header .header-inner {position:relative;width:100%}
#header .utile {position:relative;}
#header .utile ul {position:absolute;top:0.65rem;right:0}
#header .utile ul li {float:left;position:relative;margin-right:1rem;line-height:1.35rem;font-size:0.65rem;color:#323232;font-weight:300;}
#header .utile ul li.nth3 {margin-right:1.85rem}
#header .utile ul li.facebook {margin-right:8px}
#header .utile ul li:last-child {margin-right:0;}
#header .utile ul li a {color:#323232;font-weight:300;}
#header .utile ul li img {width:1.35rem;height:auto;}
#header .logo {position:relative;width:13.825rem;height:2.95rem;margin:1.3rem auto 0}
#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;margin-top:1.15rem;border-top:1px solid #e3e3e3;}
#header #gnb .gnb-list {position:relative;text-align:center;}
#header #gnb .gnb-list .gnb-menu {display:inline-block;vertical-align:top;position:relative;margin-left:-5px;}
#header #gnb .gnb-list .gnb-menu::after {
    display:block;
    content:"";
    position:absolute;
    top:1rem;
    right:0;
    width:1px;
    height:0.75rem;
    background-color:#b8b8b8;
}
#header #gnb .gnb-list .gnb-menu:last-child::after {display:none;}
#header #gnb .gnb-list .gnb-menu .gnb-tit {display:block;position:relative;font-size:0.9rem;color:#373737;font-weight:500;line-height:1;padding:0.95rem 1.7rem 0.55rem;position:relative;z-index:4;}
#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:1.7rem;z-index:3;padding-top:4.5rem;text-align:left;}
#header #gnb .gnb-list .gnb-menu .lnb ul {width:8.75rem;}
#header #gnb .gnb-list .gnb-menu .lnb ul li {position:relative;width:100%;line-height:1;margin-bottom:1.1rem}
#header #gnb .gnb-list .gnb-menu .lnb ul li:last-child {margin-bottom:0}
#header #gnb .gnb-list .gnb-menu .lnb ul li a {display:block;width:100%;line-height:1;font-size:0.7rem;color:#6b6b6b}
#header #gnb .gnb-list .gnb-menu .lnb ul li a:hover {color:#47b400;}
#header #gnb .gnb-list .gnb-menu:hover .gnb-tit,
#header #gnb .gnb-list .gnb-menu.active .gnb-tit,
#header #gnb .gnb-list .gnb-menu .gnb-tit:hover {color:#47b400}
#header #gnb .gnb-list .gnb-menu:hover .gnb-tit::after,
#header #gnb .gnb-list .gnb-menu.active .gnb-tit::after,
#header #gnb .gnb-list .gnb-menu .gnb-tit:hover::after {
    display:block;
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height: 0.2rem;
    background-color:#47b400;
}
#header .gnb-bg {
    display:none;
    position:absolute;
    top:2.25rem;
    left:0;
    width:100%;
    height:251px;
    border-top:1px solid #394a6d;
    background-color:#fff;
    box-shadow: 0px 5px 3px 0px rgba(4, 0, 0, 0.07); 
}
#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:0.6rem;
    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;}
    #header .utile {display:none;}
    #header .logo {margin:0}
    #header {height:auto;padding:1rem 0}
}

.site-link {position:relative;margin-top:0.55rem}
.site-link .link-container {position:relative;padding:0 1rem 0.7rem;border-bottom:1px dotted #ececec;}
.site-link .link-container .link-inner {position:relative;}
.site-link .link-container .link-inner .link-slider {position:relative;}
.site-link .link-container .link-inner .link-slider .list {text-align:center;}
.site-link .link-container .link-inner .link-slider .list img {display:inline-block;max-width:100%;height:auto;}
.site-link .link-prev,
.site-link .link-next {
    display:block;
    position:absolute;
    top:50%;
    width:0.55rem;
    height:0.9rem;
    transform:translateY(-50%);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-color:transparent;
    outline:0;
}
.site-link .link-prev {left:0;background-image:url(../imgs/main/link/link_prev.png)}
.site-link .link-next {right:0;background-image:url(../imgs/main/link/link_next.png)}


/* 하단 */
#footer {position:relative;}
#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;margin-top:1.55rem}
#footer .footer-link ul {line-height:0;}
#footer .footer-link li {display:inline-block;vertical-align:top;margin-left:-5px;font-size:0.7rem;color:#6e6e6e;margin-right:1.35rem;line-height:1;font-weight:700;}
#footer .footer-link li:first-child {margin-left:0}
#footer .footer-link li:last-child {margin-right:0;}
#footer .footer-link li a {color:#6e6e6e}
#footer .footer-link li a:hover {font-weight:700;color:#2b2a2a;}
#footer .footer-info-cont {margin-top:1.1rem;font-size:0.65rem;color:#9e9c9c;line-height:1rem;font-weight:300;}
#footer .footer-info-cont .s-txt {display:inline-block;position:relative;vertical-align:top;margin-right:0.55rem}
#footer .footer-info-cont .s-txt:last-child {margin-right:0}
#footer .footer-info-cont .copy {}
#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:0 0 1.55rem}
}
@media screen and (max-width:800px){
    #footer .footer-link {margin-bottom:0.55rem}
    #footer .footer-link ul::after {display:block;content:"";clear: both;}
    #footer .footer-link li {float:left;width:50%;margin:0;border:1px solid #ddd;text-align:center;padding:0.55rem;margin-left:-1px;margin-top:-1px}
    #footer .footer-link li:first-child {margin-left:-1px}
}

/* nav */
#snb {position:relative;z-index:3;background-color:rgba(255,255,255,0.55);margin-top: -2.75rem;}
#snb .snb-list {width:100%;padding-left:1px}
#snb .snb-list .snb-menu {float:left;position:relative;width:14.1rem;border:1px solid #cec9c7;border-width:0 1px 1px;margin-left:-1px;background-color:#fff}
#snb .snb-list .snb-menu.home {width:2.75rem;height:2.75rem;border-left:0}
#snb .snb-list .snb-menu.home a {
    display:block;
    position:relative;
    width:2.75rem;
    height:2.75rem;
    background:url(../imgs/sub/home_ico.png) no-repeat 50% 50%;
    background-size: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:1rem;
    color:#000;
    text-overflow:ellipsis;
    white-space:nowrap;
    height:2.75rem;
    line-height:2.75rem;
    background-color:transparent;
    background-position:calc(100% - 1rem) 50%;
    background-repeat:no-repeat;
    background-size:0.7rem auto;
    background-image:url(../imgs/sub/nav_arr.png);
    text-align: left;
    font-weight:500;
}
#snb .snb-list .snb-menu.menu-tit .snb-tit {font-weight:300;}
#snb .snb-list .snb-menu.menu-dept2 .snb-tit {font-weight:500;}

#snb .snb-list .dept2 {display:none;position:absolute;width:calc(100% + 2px);top:2.75rem;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:1rem;color:#717171}
#snb .snb-list .dept2 ul li.on a,
#snb .snb-list .dept2 ul li a:hover {color:#000}
#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:3rem 0 5rem}
.sub-top {position:relative;width:100%;height:20rem;background-position:50% 50%;background-repeat:no-repeat;background-size:auto;}
.sub-top.bg1 {background-image:url(../imgs/sub/sub_vs_img4.png)}
.sub-top.bg2 {background-image:url(../imgs/sub/sub_vs_img4.png)}
.sub-top.bg3 {background-image:url(../imgs/sub/sub_vs_img4.png)}
.sub-top.bg4 {background-image:url(../imgs/sub/sub_vs_img4.png)}
.sub-top.bg5 {background-image:url(../imgs/sub/sub_vs_img4.png)}
.sub-top.bg6 {background-image:url(../imgs/sub/sub_vs_img4.png)}
.sub-top .page-title {
    display:block;
    width:100%;
    height:20rem;
    font-size:2.5rem;
    color:#fff;
    font-weight:700;
    line-height:1;
    text-align:center;
    text-shadow:0 0 5px rgba(0,0,0,0.5);
}
.sub-top .page-title span {
    display:block;
    position:absolute;
    width:100%;
    left:50%;
    top:40%;
    transform:translate(-50%,-50%);
}

.heading-title {position:relative;text-align:left;padding-bottom:0.55rem;margin-bottom:3rem;border-bottom:1px solid #ddd}
.heading-title .title {position:relative;font-size:1.8rem;color:#565656;font-weight:500;line-height:1;}
.heading-title .title::before {
    content:"";
    display:block;
    position:relative;
    width:1.35rem;
    height:1.15rem;
    background:url(../imgs/sub/page_title_dot.png) no-repeat 0 0;
    background-size:100% auto;
}

@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:#549534;}
#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:#549534;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;} 
}