@charset "utf-8";

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

#wrap {position:relative;width:100%;}

/* 상단 */
#header {position:relative;width:100%;background-color:#fff;z-index:1200;}
#header .utile {position:relative;padding:0.75rem 0;z-index:40;}
#header .utile ul {float:right;}
#header .utile ul li {float:left;position:relative;padding:0 0.75rem;font-size:0.65rem;line-height:1;}
#header .utile ul li:first-child {padding-left:0}
#header .utile ul li:last-child {padding-right:0}
#header .utile ul li a {font-size:0.65rem;color:#727272;line-height:1;font-weight:300;}
#header .utile ul li:last-child::after {display:none;}
#header .utile ul li::after {
    content:"";
    position:absolute;
    top:0.2rem;
    right:0;
    width:2px;
    height:0.5rem;
    background-color:rgba(188,188,188,0.20);
}
#header .logo-wrap {position:relative;height:55px}
#header .header-inner {position:relative;width:100%}
#header .logo {position:relative;float:left;width:7.25rem;height:2.8rem;margin-top:-20px}
#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:5.5rem}
#header #gnb .sns {position:absolute;top:0.25rem;right:0;line-height:0;z-index:20}
#header #gnb .sns img {max-width:1.35rem;height:auto}
#header #gnb .sns a {display:inline-block;position:relative;margin-left:-5px;padding-left:8px}
#header #gnb .sns a:first-child {padding-left:0}
#header #gnb .gnb-list {position:relative;}
#header #gnb .gnb-list .gnb-menu {float:left;position:relative;padding:0.45rem 0.45rem 1.1rem;}
#header #gnb .gnb-list .gnb-menu:last-child::after {display:none;}
#header #gnb .gnb-list .gnb-menu .gnb-tit {display:block;font-size:1rem;color:#464646;line-height:1;position:relative;z-index:4;font-weight:500;}
#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 #gnb .gnb-list .gnb-menu .lnb {
    position:absolute;    
    top:-2rem;
    left:0;
    z-index:3;
    padding-top:4.7rem;
    width:9.75rem;
    opacity:0;
    height:0;
    visibility:hidden;
    transition:all 0.2s ease;
}
#header #gnb .gnb-list .gnb-menu .lnb .lnb-img img {max-width:100%;height:auto}
#header #gnb .gnb-list .gnb-menu:nth-child(3) .lnb {width:9.75rem}
#header #gnb .gnb-list .gnb-menu:nth-child(3) .lnb .lnb-img img {width:100%}
#header #gnb .gnb-list .gnb-menu .lnb ul {width:100%;padding:0.55rem 0.85rem 0.95rem 0.95rem;background-color:#ffa03a;}
#header #gnb .gnb-list .gnb-menu .lnb ul li {position:relative;width:100%;border-bottom:1px dashed #fff}
#header #gnb .gnb-list .gnb-menu .lnb ul li a {display:block;width:100%;height:1.6rem;line-height:1.6rem;font-size:0.75rem;color:#fff;font-weight:500;}
#header #gnb .gnb-list .gnb-menu .lnb ul li:last-child {border-bottom:0}
#header #gnb .gnb-list .gnb-menu.active .gnb-tit,
#header #gnb .gnb-list .gnb-menu:hover  .gnb-tit,
#header #gnb .gnb-list .gnb-menu .gnb-tit:hover {color:#f87d10;}
#header .btn-mobile-search,
#header .btn-topMenu {
    display: none;
    position:absolute;
    top:0.8rem;
    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);
}
#header #gnb .gnb-list .gnb-menu.active .lnb {
    opacity:1;
    height:auto;
    visibility:visible;
}

@media screen and (max-width:1124px){
    #header #gnb .gnb-list .gnb-menu {padding-left:0.5rem;padding-right:0.5rem}
}
@media screen and (max-width:1058px){
    #header #gnb {display:none}
    #header .allmenu-btn {display:none;}
    #header .btn-topMenu {display:block;}
    #header .utile {display:none;}
    #header .logo {float:none;margin:1px auto 0}
}
@media screen and (max-width:1023px){
    #header .logo {margin-top:3px}
}


/* 하단 */
#footer {position:relative;background-color:#fff;padding:2rem 0 2rem}
#footer.sub {border-top:1px solid #d8d8d8;}
#footer .foot-logo {position:relative;width:7.25rem;height:3.2rem;}
#footer .foot-logo a {display:block;position:relative;width:100%;height:100%;background:url(../imgs/common/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:1rem;color:#656565;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:#656565;}
#footer .footer-link li a:hover {font-weight:700;color:#394a6d;}
#footer .footer-info {margin-top:1.3rem;font-size:0.8rem;;color:#656565;line-height:1.3;font-weight:300;}
#footer .footer-info span {display:inline-block;position:relative;margin-left:-5px;margin-right:0.6rem}
#footer .footer-info span:last-child {margin-right:0;}
#footer .footer-info .ete-box {position:absolute;top:0;right:0;text-align:center;}
#footer .footer-info .ete-box .sns {margin-top:0.5rem; margin-bottom:0.5rem}
#footer .footer-info .ete-box .sns img {max-width:1.35rem;height:auto}
#footer .footer-info .ete-box .sns a {display:inline-block;position:relative;margin-left:-5px;padding-left:8px}
#footer .footer-info .ete-box .sns a:first-child {padding-left:0}
#footer .footer-inner {position:relative;}
@media screen and (max-width:906px){
    #footer .foot-logo {margin:0 auto}
    #footer .footer-info .ete-box {position:relative;margin:0 auto;top:auto;right:auto;margin-bottom:0.5rem}
    #footer .footer-info {text-align:center;}
    #footer .footer-info span {display:block;margin-left:0;margin-right:0}
    #footer .footer-link {text-align:center;}
}

/* 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.65rem;height:2.05rem}
#snb .snb-list .snb-menu.home a {
    display:block;
    position:relative;
    width:100%;
    height:100%;
    background:url(../imgs/sub/ico_home.png) no-repeat 50% 50%;
    background-size:1.01rem 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 .snb-menu .snb-tit.no-bg {
    background:none;
    padding-right:0;
}
#snb .snb-list .dept2 {    
    position:absolute;
    width:calc(100% + 2px);
    top:2.1rem;
    height:0;
    opacity:0;
    visibility:hidden;
    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:focus .dept2,
#snb .snb-list .snb-menu:hover .dept2 {
    height:auto;
    opacity:1;
    visibility:visible;
}
@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:3.55rem 0 7rem}
.sub-top {position:relative;width:100%;height:8.75rem;background-position:50% 50%;background-repeat:no-repeat;background-size:auto;}
.sub-top.bg1 {background-image:url(../imgs/sub/sub_vs_bg1.jpg)}
.sub-top.bg2 {background-image:url(../imgs/sub/sub_vs_bg2.jpg)}
.sub-top.bg3 {background-image:url(../imgs/sub/sub_vs_bg3.jpg)}
.sub-top.bg4 {background-image:url(../imgs/sub/sub_vs_bg4.jpg)}
.sub-top.bg5 {background-image:url(../imgs/sub/sub_vs_bg5.jpg)}
.sub-top.bg6 {background-image:url(../imgs/sub/sub_vs_bg6.jpg)}
.sub-top .page-title {display:block;width:100%;height:8.75rem;font-size:2.6rem;color:#fff;font-weight:700;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%);
    text-shadow: 0px 0px 4.75px rgba(4, 0, 0, 0.26);
}

.heading-title {position:relative;text-align:center;margin-bottom:3rem}
.heading-title .title {position:relative;font-size:1.4rem;color:#333;font-weight:700;line-height:1;text-align:center;padding-bottom:2.1rem;}
.heading-title .title::after {
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:3.4rem;
    height:0.2rem;
    background:url(../imgs/sub//heading_title_bg.png) no-repeat 0 0;
    background-size:100% auto;
}

.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:300px;
    height:100%;
    margin:0;
    padding-top:0px; 
    z-index:999;
    background-color:#df8329;
    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:#fff;}
#mobile-gnb .btn-menuClose {
    display:inline-block;
    z-index:20;  
    width:50px;
    height:50px;
    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:50px;background-color:#fff;z-index:2;}
#mobile-gnb .mMenu-top a.home {
    float:left;
    width:50%;
    color:#fff;
    text-align:center;
    height:50px;
    vertical-align:middle;
    padding:18px 10px;
    font-size:13px
}

#mobile-gnb .mMenu-top .in-bt {position:relative;background-color:#fff;border-top:1px solid rgba(0,0,0,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:33.333333333%;height:50px;border:1px solid rgba(0,0,0,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-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:#545454;padding:15px 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 .mMenu .mMenu-tit {
    display:block;
    position:relative;
    padding:20px;
    border: 0;   
    color: #fff;
    font-weight: 400;
    background-color: #df8329;
    font-size:16px;
    border-bottom: 1px solid #fae0c7;
}
#mobile-gnb .dept-arr::after {
    display:block;
    position:absolute;
    top:16px;
    right:15px;
    content: "\e936";
    font-family:"xeicon";
    margin-left:5px;
    font-size:20px;
}
#mobile-gnb .mMenu-list .mMenu.active .mMenu-tit {background-color:#e77137;color:#fff}
#mobile-gnb .mMenu-list .mMenu .mMenu-tit span {display:inline-block;}
#mobile-gnb .mMenu-list .mMenu ul {display:none;background-color:#fff;padding:0;}
#mobile-gnb .mMenu-list .mMenu.active .mMenu-tit ~ ul {display:block;}
#mobile-gnb .mMenu-list .mMenu ul li a {
    display:block;
    position:relative;
    padding:20px;
    color:#333;
    border-bottom:1px solid #ddd;
    font-size:14px;
}
#mobile-gnb .mMenu-list .mMenu ul li a:after {
    display:block;
    position:absolute;
    top:20px;
    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}
.menu-overlay {display:none;position:fixed;top:0;bottom:0;display:none;left:0;right:0;background-color:rgba(0,0,0,.5);z-index:99}
.mobile-open #mobile-gnb {
    transform:translateX(0%);
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
}
.mobile-open .menu-overlay {display:block;}
@media screen and (max-width:1058px){ 
    #mobile-gnb {display:block;}   
}

.preparing {
    position:relative;
    width:100%;
    height:100vh;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
}
.preparing .cont {width:100%;}
.preparing .cont img {max-width:100%;height:auto}

@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}
}