.wrap {width:100%;max-width:95%;margin:0 auto;}
.flex {display:flex;}
h1{letter-spacing:0.07em; font-weight:600;}
/* Header */
header {position:fixed;width:100%;z-index:1000;background:#fff;}
/*header .wrap, */
/*.sub-visual.wrap {max-width:1400px;}*/
header .header-bar {background:#4f98ca;padding:0 0 7px 0;}
header .header-bar a {color:#fff;font-size:13px;}
#tnb-rect {padding:22px 0;transition:all 400ms;max-height:100px;border-bottom:1px solid #e5e5e5;}
#tnb-link {}
#tnb-link a {padding-left:18px;background:no-repeat center left;}
/*#tnb-link a.home {padding-left:18px;background-image:url(/images/contents/icon_home.png);}*/
/*#tnb-link a.join {padding-left:18px;background-image:url(/images/contents/icon_join.png);}*/
/*#tnb-link a.login {padding-left:18px;background-image:url(/images/contents/icon_login.png);}*/
/*#tnb-link a.sitemap {padding-left:18px;background-image:url(/images/contents/icon_sitemap.png);}*/
#tnb-link i {font-style:normal;font-size:1px;color:#72add5;margin:0 6px 0 8px;position:relative;top:-2px;}
#logo {user-select:none;}
#logo a {font-size:0;width:189px;height:46px;display:block;/*background:url(/images/logo.png) no-repeat center center;*/}
#tnb {text-align:center;position:relative;top:11px; font-weight:700;}
#tnb li.m1 {position:relative;}
#tnb li.m1 > a {font-size:18px;color:#000;font-weight:700;}
#tnb li.m1 > a:hover {color:#273EB6;}
#tnb ul.m2 {position:absolute;width:100%;background:rgba(244,244,244,0.9);top:57px;left:0;padding:12px 0;display:none;}
#tnb li.m2 {float:none;width:100%;padding:6px 0;}
#tnb li.m2 a {font-family:'Noto Sans Korean', sans-serif;font-weight:400;color:#3d3d3d;}
#tnb li.m2 a:hover{color:#273EB6;}
#logo, #site-map div.float-left:nth-child(1) {width:27.4%;}
#tnb, #site-map div.float-left:nth-child(2) {width:44%;}
#site-map-toggle, #site-map div.float-left:nth-child(3) {width:50px;}
#site-map {position:relative;z-index:1100;background:rgba(255, 255, 255, 0.9); display:none;}
#site-map .m1 {display:none;}
#site-map .wrap {padding:20px 0;}
#site-map li.m2 {float:none;width:100%;text-align:center;}
#site-map li.m2 a {display:block;padding:4px 0;transition:all 0.2s;border:1px solid transparent;}
#site-map li.m2 a.active,
#site-map li.m2 a:hover {background:#efefef;border:1px solid #ddd;}
#site-map-toggle {top:12px;position:relative;}
#site-map-toggle div {text-align:right;width:35px;line-height:0;cursor:pointer;}
#site-map-toggle div.active {}
#site-map-toggle div.active span {width:34px;}
#site-map-toggle span {display:inline-block;height:2px;background:#000;margin:0;border-radius:50px;line-height:0;transition:all 0.5s;}
#site-map-toggle span:nth-child(1),
#site-map-toggle span:nth-child(2),
#site-map-toggle span:nth-child(3) {width:28px;}
#sub-location {margin-top:120px;padding-bottom:70px;position:relative;}
#sub-location .fs-40{font-weight:bold;}
#sub-location:before {content:"";position:absolute;background:#ffb600;width:3px;height:35px;display:block;top:-50px;right:0;bottom:auto;left:0;margin:auto;}
#sub-location .location {color:#888;margin-bottom:20px; text-align:right;}
#sub-location .location span:last-child {color:#333;}
#shop-link {position:relative;top:11px;}
#shop-link img{margin-right:2px; margin-top:5px;}
#shop-link span{vertical-align: top;font-weight: 500;}
/**/
#tnb-rect.active {background:rgba(255,255,255,0.9);}
#tnb-rect.active #tnb li.m1 > a {color:#000;}
#tnb-rect.active #tnb li.m1::after {background:#3D3D3D;}
#tnb-rect.active .language .select .lang {color:#000;}
#tnb-rect.active #site-map-toggle span {background:#000;}
#tnb-rect.active .language.active {border-color:#000;}
/*#tnb-rect.active #logo a {background-image:url(/images/logo_black.png);}*/

/*  */
.sub-menu {height:auto;padding:0;position:relative;}
.sub-menu .wrap1200 {height:auto;position:relative;}
.sub-menu .category {background:#c39271;width:100%;left:0;padding:10px}

.sub-menu .category ul {
    width:80%;margin:auto;top:13px;right:0;bottom:0;left:0; display:flex; flex-wrap: wrap;
    justify-content: space-evenly;
}
.sub-menu .category ul li {float:left;width:30%;margin:6px 0;}
.sub-menu .category ul li a {
    display:block;width:100%;height:50px;transition:all 300ms;text-align:center;border:1px solid #ffffff;
    margin:0;color:#fff;font-size:16px;word-break: keep-all;line-height:50px;
}
.sub-menu .category ul li:hover a,
.sub-menu .category ul li.active a {font-weight:bold;border-bottom:4px solid #ffe29c;}
/**/
.container-section {padding:0 0;}

/* Footer */
.wrap {}
footer {}
footer .wrap {height:100%;}

footer .notice {height:120px;position:relative;}
footer .notice .bg {background:#ffb600;height:100%;width:60.5%;position:absolute;z-index:1;top:0;right:0;}
footer .notice .wrap {max-width:1200px;position:relative;z-index:10;}
footer .notice .row {height:100%;}
footer .notice .bg-blue {background:#ffb600;height:100%;position:relative;overflow:hidden;}
footer .notice .bg-blue .rect {position:absolute;left:0;top:0;width:98%;height:100%;}
footer .notice .bg-blue .f-nav {float:left;width:12%;height:100%;}
footer .notice .bg-blue .f-nav div {display:block;height:50%;width:60px;border-right:1px solid #ffd366;}
footer .notice .bg-blue .f-nav .left {border-bottom:1px solid #ffd366;background:url(/images/layout/f-nav-left.png) no-repeat center center;}
footer .notice .bg-blue .f-nav .right {background:url(/images/layout/f-nav-right.png) no-repeat center center;}
footer .notice .bg-blue .post,
footer .notice .bg-blue .name {float:left;line-height:120px;}
footer .notice .bg-blue .post {width:78%;}
footer .notice .bg-blue,
footer .notice .bg-blue .post a {color:#fff;}
footer .notice .bg-blue .name {width:10%;position: relative;}
footer .notice .bg-blue .name:before{position:absolute;left:-40px;top:0;background:#ffd366;content: "";width:1px;height:100%;}
footer .footer {background:#363636;height:200px;}
footer .f-logo {float:left;width:20%;height:100%;position:relative;}
footer .f-logo img {position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}
footer .f-data {width:80%;height:100%;float:left;color:#777;font-size:15px;font-weight:400;position:relative;}
footer .f-data .rect {width:100%;height:88px;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}
footer .f-data .company {font-family: "Noto Sans Korean", sans-serif}
footer .f-data .company span {outline:0 solid red;display:inline-block;margin-bottom:4px;}
footer .f-data .company span:after {
    content:'';width:1px;height:12px;background:#777;position:relative;display:inline-block;top:0;margin:0 5px 0 10px;
}
footer .f-data .company span:nth-child(3):after,
footer .f-data .company span:last-child:after {display:none;}
footer .f-data .copyright {color:#999;}
#top-btn {
    width:60px;height:60px;border-radius:100%;position:absolute;right:3%;bottom:100px;z-index:1000;
    background:url(/images/layout/btn-top.png) no-repeat center center #273eb6;
}


/**/
.sub-visual {
    height:auto;padding-top:100px;background-size:cover;
    user-select:none;position:relative;text-align:center;
}
.sub-visual > div.wrap {max-width:1200px;margin:0 auto;padding:45px 0;}
.sub-visual h1 {
    font-size:48px;color:#030303;position:relative;top:0;opacity:1;line-height:70px;
    overflow:hidden;font-weight:bold;
    /*animation:subVisualText 1s;text-shadow: 0 0 4px rgba(0,0,0,0.2);*/
}
.sub-tit p{
    position:relative; top:0; color:#030303; overflow:hidden;
    font-weight:200 !important; letter-spacing:0.08em;font-size:18px; padding-bottom:20px;
    /*animation:subVisualText 1s; text-shadow: 0 0 5px rgba(0,0,0,0.7);*/
}
/*.sub-visual#sub-visual-1 {background-image:url(/images/layout/sub_visual_01.jpg);}*/
/*.sub-visual#sub-visual-2 {background-image:url(/images/layout/sub_visual_02.jpg);}*/
/*.sub-visual#sub-visual-3 {background-image:url(/images/layout/sub_visual_03.jpg);}*/
/*.sub-visual#sub-visual-4 {background-image:url(/images/layout/sub_visual_04.jpg);}*/
#sub-menu {position:relative;width:100%;bottom:0; border-top:2px solid #363636;   border-bottom:2px solid #ddd;}
#sub-menu .wrap {
    background:#fff;text-align:center;position:relative; transform:translateY(1px);
    max-width:1200px;}
#sub-menu .wrap li {}
#sub-menu .wrap li.hide {display:block !important;}
#sub-menu .wrap li a {
    display:block;width:100%;height:100%;padding:18px 0;font-size:16px;transition:0.3s all; color:#999;
}
#sub-menu .wrap li a:hover,
#sub-menu .wrap li a.active {border-bottom:2px solid #273eb6;font-weight:600;color:#000;}
#dropdown-button {
    display:none;
    color:#227fc4;
    cursor:pointer;
    position:absolute;
    max-width:30px;
    max-height:30px;
    width:100%;
    height:40px;
    margin:auto;
    top:15px;
    right:10px;
    z-index:110;
}

@keyframes subVisualText {
    0% {height:0;transform:rotate(-10deg) translateY(-50px);opacity: 0;}
    100% {transform:rotate(0) translateY(0);height:70px;opacity: 1;}
}

@media (max-width:1400px) {
    .wrap {width:94% !important;}
}

@media (max-width:1260px) {
    #tnb {display:none;}
    #site-map div.float-left:nth-child(1) {display:none;}
    #site-map div.float-left:nth-child(2) {width:100%;}
    footer .notice .bg{width:100%;}
    footer .notice .row{margin-left:-2rem;}
    footer .notice .row .col-4 {display:none;}
    footer .notice .row .col-8 {width:100%;flex:100%;max-width:100%;}
    footer .footer {height:auto;text-align:center;padding:40px 0;}
    footer .f-logo {width:100%;height:auto;float:none;}
    footer .f-logo img {position:relative;}
    footer .f-data {width:100%;height:auto;float:none;line-height: 1.3}
    footer .f-data .rect {position:relative;height:auto;margin-top:20px;}
    footer .f-data .company span {}
    footer .f-data .company span:after {display:none;}
    
    
}

@media screen and (max-width:991px) {
    .quick-menu .col-lg-3 {margin-bottom:30px;width:50% !important;}
    .quick-menu .col-lg-3:last-child {margin:0;}
}

@media screen and (max-width:840px) {
    .wrap {width:90% !important;}
    #site-map {max-height:75vh;overflow-y:auto;}
    #site-map .wrap > div.float-left:nth-child(1),
    #site-map .wrap > div.float-left:nth-child(3) {display:none;}
    #site-map ul.leaverou {}
    #site-map ul.leaverou > li {float:none;width:100% !important;border-bottom:1px solid #ddd;padding-bottom:3px;}
    #site-map .m1 {display:block;clear:both;padding:15px 15px 5px 15px;font-weight: bold; font-size:16px;}
    #site-map ul.m2 {clear:both;}
    #site-map ul.m2 li {float:none;display:inline-block;width:auto;}
    #site-map ul.m2 li a {padding:6px 15px;}
    #site-map li.m2 a {transition:none;}
    #site-map li.m2 a:hover,
    #site-map li.m2 a.active {border:0;background:none;}
    #site-map li.m2 a.active span {border-bottom:2px solid #273EB6;color:#273EB6;}
    #sub-location {margin:160px 0 50px 0;display:none;}

    /**/
    .sub-visual {padding-bottom:80px;}
    #sub-menu {top:auto;bottom:auto;z-index:100;position:absolute;transform:translateY(-80px);}
    #sub-menu .wrap {transform:translateY(0);}
    #sub-menu .wrap li.hide {display:none !important;}
    #sub-menu .wrap li a:hover {border-bottom:0;}
    #sub-menu .wrap li a.active {border-bottom:3px solid #273EB6;}
    #sub-menu ul.leaverou {padding-top:63px;}
    #sub-menu ul.leaverou li {width:100%;display:none;}
    #sub-menu ul.leaverou li.active {width:100%;display:block;position:absolute;top:0;}
    #dropdown-button {display:block;}

    .sub-visual {background-position:30% 50%;}
    .sub-visual#sub-visual-2 {background-position:30% 50%;}
    .sub-visual#sub-visual-3 {background-position:37% 50%;}
    .sub-visual#sub-visual-4 {background-position:55% 50%;}
    .sub-visual#sub-visual-5 {background-position:20% 50%;}

    #sub-location h1 {display:none;}
    #sub-location .location {margin-bottom:0;}
    

}

@media screen and (max-width:767px) {
    #logo a {background: url(/images/common/m_logo.png);width:124px;height:32px;}
    #logo a img{display: none;}
    #shop-link {top:3px;}
    #shop-link a {}
    #shop-link a .bg_img{background:url(/images/layout/icon_shop2_m.png) left top no-repeat;width:16px;height:12px;display: inline-block;}
    #shop-link a img{display: none;}
    #site-map-toggle{top:4px;}
    #site-map-toggle, #site-map div.float-left:nth-child(3){width:40px;}
    footer {overflow-x:hidden;font-size:14px;}
    footer .notice .row{margin-left:-1.5rem;}
    footer .notice .bg-blue .post {margin-left:10%;}
    footer .notice .bg-blue .name {display:none;}
    footer .notice .bg-blue, footer .notice .bg-blue .post a{font-size:14px;}

    .sub-menu {height:auto;}
    .sub-menu .category {padding:20px 0;}
    .sub-menu .category,
    .sub-menu .category ul {position:relative;height:auto;}
    .sub-menu .category ul li {width:50%;}

}
@media screen and (max-width:400px) {
}