:html {
    scroll-behavior: smooth;
}
body{
    font-family: 'Noto Sans KR', 'Lato', 'Roboto', sans-serif;
    overflow-X: hidden;
}

.wrap.notScroll{
    overflow: hidden;width: 100%;height: 100vh;touch-action:none;
}


/* ----헤더---- */
header{
    position:absolute;
    width:100vw; z-index: 99; top:0; left:0; z-index: 100;
    font-family:'Lato';
    background:#fff;
}
header.fix{
    position:fixed;
    background:#fff;
}
header .main_nav{
    height: 70px;
    background:transparent;  border-bottom:1px solid transparent; position: relative;
    -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out;
    z-index: 999;
}
.main_nav .bd{
    align-items: center; position: relative;  height:100%;
}
.main_nav .bd .header-inner{
    display:flex; align-items:center;
    height: 70px;
}

/* left */
.header-inner .logo {}
.header-inner .logo a{
    display: block; height: 100%;
}
.header-inner .logo a img{width: 56px;}


/* center */
.nav_inner.center{width:100%;}
ul.gnb{position: relative;text-align: center;}
ul.gnb > li{
    position: relative; display:inline-block;
    z-index: 99;
}
ul.gnb > li:last-child{padding-right:0;}
ul.gnb > li > a{
    display: block; padding: 21px 1.9em 22px 1.9em;
    font-size: 1.21em; font-weight: 600;
    text-transform: uppercase;
}
.nav_inner.right ul .login-wrap span > a {
    font-size: 1.21em;
}

ul.gnb > li:hover .sub_dep{display:block;}
/* ul.gnb > li > a.on{
    background:#0e6eb8; color:#fff;
} */


/* right */
.nav_inner.right{
    position: absolute; top:50%; 
    transform:translateY(-50%); -ms-transform: translateY(-50%); 
    right:0; z-index: 50;}
.nav_inner.right > ul > li{
    float:left; margin-right:18px; position: relative;
}
.nav_inner.right ul .login-wrap span{
    margin-left:0; margin-right:8px; position: relative;
}
.nav_inner.right ul .login-wrap span:last-child{
    margin-right:0;
}
.nav_inner.right ul .login-wrap span > a{
    font-size: 1em;
}
.nav_inner.right ul li .nav-search-li{
    position: relative; right:0; top:2px;
    margin-right:0 !important; 
}
.nav_inner.right ul li .nav-search{
    position: relative; 
    width: 100%; height:24px;
}
.nav_inner.right ul li .nav-search input{
    border:0; height:24px; width: 120px; border-bottom: 1px solid #4d4d4d; padding-bottom:3px; padding-right:19px; background-color: transparent;
}
.nav_inner.right ul li .nav-search p {
    display: inline-block;
    width: 23px; height: 23px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.736' height='24.63'%3E%3Cg fill='none' stroke='%23575757' stroke-linejoin='round' stroke-width='2' data-name='그룹 47565' transform='translate(-563.661 -245.661)'%3E%3Ccircle cx='9' cy='9' r='9' data-name='타원 16' transform='translate(564.661 246.661)'/%3E%3Cpath d='m587.695 269.578-8.035-7.917' data-name='선 4'/%3E%3C/g%3E%3C/svg%3E");
}
.header-search-icon{
    position: absolute; right:0; bottom:2px; 
    width:17px; line-height: 0; cursor: pointer;
}
.header-search-icon img{height:17px;}
.nav_inner.right ul li .header-shop-icon{margin:0 12px;}
.nav_inner.right ul li .header-shop-icon img{width:22px; height:22px;}
.nav_inner.right ul li .header-unit.cart a {
    width: 24px;
    height: 28px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.554' height='27.835'%3E%3Cpath fill='%23575757' d='M2.277 27.835A2.279 2.279 0 0 1 0 25.559v-17a2.279 2.279 0 0 1 2.277-2.277h3.886v-.667A5.563 5.563 0 0 1 11.777 0a5.563 5.563 0 0 1 5.614 5.614v.667h3.886a2.279 2.279 0 0 1 2.277 2.277v17a2.279 2.279 0 0 1-2.277 2.277Zm0-1.767h19a.539.539 0 0 0 .51-.51v-17a.539.539 0 0 0-.51-.51h-3.886v3.847a.831.831 0 0 1-.255.608.95.95 0 0 1-1.3 0 .831.831 0 0 1-.255-.608V8.048H7.969v3.847a.831.831 0 0 1-.255.608.95.95 0 0 1-1.3 0 .831.831 0 0 1-.255-.608V8.048H2.277a.539.539 0 0 0-.51.51v17a.539.539 0 0 0 .51.51ZM7.969 6.28h7.616v-.667a3.746 3.746 0 0 0-1.1-2.728 3.838 3.838 0 0 0-5.417 0 3.746 3.746 0 0 0-1.1 2.728Zm-6.2 19.788Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
}
.cart-ea{
    position: absolute; right: -7px; bottom: 1px;
    width:auto; height:14px; min-width: 14px; 
    text-align: center; line-height: 1.5;
    background-color:#0e6eb8; color:#fff;
    border-radius: 50%; 
    z-index: 8;
}
.cart-ea .cart-q{
    display:block; font-size:9px; 
    padding-left:2px; padding-right:2px;}




/* 언어변경버튼 */
.lang-btn{margin-right:24px;}
.lang-btn > a {
    font-size: 0.85em;
    border: 1px solid #fff;
    padding: 0 10px;
    border-radius: 30px;
    color: #fff;
}
.lang-btn .lang-list-box {
    position: absolute;
    top: 33px;
    left: 50%;
    transform: translatex(-50%);
    border-radius: 8px;
    padding: 6px;
    background: rgb(158 158 158 / 73%);
    opacity:0; transition:0.3s ease;
}
.lang-btn .lang-list-box.on{
    opacity:1;
}
.lang-btn .lang-list-box li a {
    display: block;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    width: 45px;
    text-align: center;
}


.utill{
    background-color:transparent;
    /* position: absolute; top: 0; left: 50%; transform: translateX(-50%);  */
    width:100%; height:48px; margin:auto; max-width: 1200px;}

.pd-menu{display:none;}


/* dept 2 */
.sub_dep{position: absolute; top: calc(100% + 0px); width:100%; left:50%; transform: translateX(-50%); display:none;}
.sub_dep ul{width:100%; overflow:hidden; background:rgba(255,255,255,.95);}
.sub_dep li{position: relative; z-index: 50; text-align:left;}
.sub_dep li > a{color:#444; cursor: pointer; position: relative; display: block; font-size:0.95em; padding:8px 16px;}
.sub_dep li > a:hover{background-color:rgba(0,0,0,.15); font-weight:400;}




/* 모바일 햄버거 버튼 */
.mo-memu-btn{display: none;}
.mo-memu-btn .btn_sitemap_open {
    display:block;
    border:none;
    height: 50px;
}
.mo-memu-btn .btn_sitemap_open span{
    display: block;
    width: 27px;
    height: 2px;
    margin: 7px 0;
    background: #575757;
    transition:0.3s;}
.mo-memu-btn.on .btn_sitemap_open span:nth-child(1){
    transform: rotate(45deg) translate(2px,7px);
}
.mo-memu-btn.on .btn_sitemap_open span:nth-child(2){opacity: 0;}
.mo-memu-btn.on .btn_sitemap_open span:nth-child(3){
    transform: rotate(135deg) translate(-3px,8px);
}



/* 모바일 메뉴 */
.header .mobile_nav{display:none;}
.mo_gnb_wrap{
    position: fixed;
    visibility: hidden;
    left: 0; right:0;
    top: 0; bottom: 0;
    width: 100%; height: 100%; /* height: calc(100% - 56px); */
    z-index: 99;
    transition:0.8s;
    -moz-transform: translateX(100%); -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%); transform: translateX(100%); 
    overflow: auto;
    background: #fff;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-overflow-scrolling: touch;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    overflow: hidden;
    width: 100%;
    height: 100vh;
    touch-action: none;
}
.mo-search-wrap {
    display:none;
}

/* pc 메뉴 샌드위치 */
/* .mo_gnb_wrap.on{left:0;}
.mo_gnb_wrap{
    position: absolute;
    left: -200em;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff;
    transition:0.8s;
} */


/* 샌드위치메뉴 */

.dGzDnN {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 7;
    width: 100vw;
    height: 100vh;
    background:#fff;
    /* background: rgb(17, 17, 18); */
    color: #333;
    overflow: hidden;
    
    display: none;}
.dGzDnN.on{display:flex;} 
.hGuaVL {
    width: 100vw;
    height: 100vh;
    background:#fff;
    /* background: rgb(17, 17, 18); */
    flex-direction: column;
    display: flex !important;
}
.hGuaVL .scroll-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.grWXbw {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: calc(40px + (75 * (100vw - 945px)) / 1152 + 40px + (75 * (100vh - 667px)) / 413) 12.5vw 0px;
}
.fWRqIa {
    display: flex;
    flex-flow: row wrap;
    row-gap: 4vh;
}
.SandwichSubLinkWrapper{margin-top: 1.2vh;}
.ekdfvi{
    width: 26.5625vw;
}
.ekdfvi > a {
    font-size: 40px;
    font-weight: 600;
    transition: opacity 0.3s ease 0s, color 0.3s ease 0s;
    font-size: 3.1em;
    letter-spacing: -0.2px;
}
.fWRqIa a {
    transition: all 0.3s ease 0s;
}
.eORHmZ {
    display: block;
    font-size: 16px;
    transition: opacity 0.3s ease 0s;
    padding: 9px 0px;
}






/* ----Footer----*/
.footer{
    width:100%; background:#EEEEEE; height:auto;}
.footer *{color:#333;}
.footer .info{
    padding:62px 0 80px;}
.footer .info .address{margin-bottom: 19px;}
.footer .info .address span{
    display:inline-block; 
}
.footer ul.content li.address{display: block;}
.footer ul.content li{font-size:1em; display:inline-block;}
.footer ul.content li:after{display:inline-block; content:''; background:#808080; margin:0 2px;}
.footer ul.content li:last-child:after{display:none;}


.f-info h4{font-size:1.175em; font-weight: 500; line-height: 1.6;}
.f-info span{margin-right:20px;}
.f-info span:last-child{margin-right:0;}

.f-info{padding:0 48px; color:#626262; text-align: center; margin-bottom:48px;}
.f-info .num{font-size:1.275em; line-height: 1; margin-top:8px; margin-bottom:8px; font-weight:600; color:#222;}
.f-info p{font-size:1em; line-height: 1.8;}
.f-info p i{display: inline-block;}
.f-info em img{height:28px; opacity: 0.7;}
.f-info em img:hover, .f-info em img:focus{opacity: 1;}



.footer .down_catal{position: relative;}
.footer .catal_list{position: absolute; width: 170%; top: -145px; left: 50%; transform: translateX(-50%); background-color: #fff; border: 1px solid #ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}
.footer .catal_list li{padding: 6px 16px; padding-right: 40px; position: relative; border-bottom: 1px solid #ddd;}
.footer .catal_list li:last-child{border-bottom: 0;}
.footer .catal_list li p{cursor: pointer; font-size: 13px; text-align: left; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.footer .catal_list li p:hover{color: #e9bac2;}
.footer .catal_list li i{display: inline-block; width: 12px; opacity: 0.7; position: absolute; right: 16px; top: 7px; cursor: pointer;}
:lang(en) .footer .down_catal,:lang(zh-cn) .footer .down_catal{display: none;}


/* lock */
.footer .lock{position: absolute; bottom:4px; right:16px;}
.footer .lock img{height:21px; opacity:0.3; cursor: pointer;}
.footer .lock:hover img{ opacity:1;}

/* logo */
/* .footer .f-copy{display: flex;} */
.footer .f-logo img{width: 63px;}




html{scroll-behavior: smooth;}

.sidebar{
    width: 100px; position: relative;  z-index: 99;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: visible;
}
.sidebar.show {
    opacity: 1 !important;
    visibility: visible !important;
  }
.sidebar .sidebar_wrap{overflow: hidden;-webkit-transform: translateY(-50%);}

/* .sidebar .sidebar_wrap ul li{width: 100%; height: 40px;padding: 7px; position: relative; margin:2px 0;}
.sidebar .sidebar_wrap ul li::after{content: ""; position: absolute; bottom: -2px; left: 50%;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 15px; height: 1px; background-color: #d1d1d1;}
.sidebar .sidebar_wrap ul li:last-child::after{display: none;} */
/* .sidebar .sidebar_wrap .top_btn a{font-weight:500; color: #999; position: absolute;  padding-top:12px;
    left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%); top:0;}
.sidebar .sidebar_wrap .top_btn{text-align: center; position: relative; font-size:12px; padding-bottom:0; margin-bottom:0; position: relative;}
.sidebar .sidebar_wrap .top_btn::before{content: ""; position: absolute; top:8px; left: 50%; margin-right: -4px; vertical-align:top;
    width: 5px; height: 5px; border-right: 1px solid #777; border-bottom:1px solid #b4b4b4; transform: translateX(-50%) rotateZ(-135deg); -webkit-transform: translateX(-50%) rotateZ(-135deg);} */


.sidebar .inquiry, .sidebar .top_btn{
    position: fixed; bottom:48px; right: 0px;
    width: 70px; height: 70px;
}
.sidebar .top_btn{bottom:124px;}

/* 헤더스크롤이벤트 */
.header-bg{
    width: 100%; height: 70px;
    background-color: transparent; position: fixed; position: absolute; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out;}
/* .change{position: fixed;} */


/* 사이드 스마트메뉴 */
.smart-side-list{background-color:rgba(255,255,255,.95); position: fixed; top:50%; transform: translateY(-50%);
    right:56px; border:1px solid #d1d1d1; padding:16px 32px; max-width:200px; z-index: 98;}
    .smart-side-list .tit{margin-bottom:8px; margin-left:-16px;}
.smart-side-list .list-wrap {margin:0 -3px;}
.smart-side-list .list-wrap li{padding:0 3px;}
.smart-side-list .list-wrap li .pd-img-con{width: 64px; padding-bottom:0; height:64px; }
.smart-side-list .list-wrap .pd-img-con .pd-img{width:64px;}

.smart-side-list .slick-prev{left:-30px;}
.smart-side-list .slick-next{right:-24px;}
.smart-side-list .slick-prev:before, .smart-side-list  .slick-next:before{height: 15px;  width: 25px; display: block;}
.smart-side-list .slick-prev:before{content:''; background: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/slider-arrow-pp.png) no-repeat left;}
.smart-side-list  .slick-next:before{ content:''; background: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/slider-arrow-nn.png) no-repeat right;}


.smart-side-list .no-list{padding:24px 0;}

#gnb .categoryWrap {height: 0; overflow: hidden;-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: none;
    position: fixed; top: 104px; right: 0; left:0;background: #fff; max-width: 100%; padding-left:12px; padding-right:12px;}
#gnb .categoryWrap.open{display: block;}
#gnb.open .categoryWrap {height: 520px;}
#gnb .categoryList {position: relative; z-index: 2; height: 100%; padding-top: 24px; box-sizing: border-box; max-width: 840px; margin:auto;}

#gnb .categoryList ul li{width:50%; float: left; padding-left:32px;}
#gnb .categoryList ul li:first-child{padding-left:0;}
#gnb .categoryList ul li .dep-wrap{width:50%; display: inline-block; margin-right:-4px; vertical-align: top; }
#gnb .categoryList ul li .dep-wrap .dep1{font-weight:500;}
#gnb .categoryList ul li .dep-wrap p[class*="dep"]{padding:3px 0;}
#gnb .categoryList ul li .dep-wrap p > a:hover{color:#222; font-weight: 500;}


/* 2020-07-28 */
.mob_search_container{background-color:#f5f5f5; border-top: 1px solid #e1e1e1;
     position: absolute; top:100%; width:100%; padding-top:20px; padding-bottom:20px; display: none;
    -webkit-box-shadow: 0 3px 10px rgba(110, 110, 110, 0.1);
    -moz-box-shadow: 0 3px 10px rgba(110, 110, 110, 0.1);
    box-shadow: 0 3px 10px rgba(110, 110, 110, 0.1);
}
.mob_search_container .nav-search{position: relative; width: 90%; height:40px; max-width: 640px; padding-left:16px; padding-right:16px; margin:0 auto;}
.mob_search_container .nav-search input{background-color:#fff; border:1px solid #d1d1d1; height:40px; width: 100%; padding-left:16px; padding-right:52px;}
.mob_search_container .header-search-icon{top:50%; transform: translateY(-50%); bottom:initial; right:30px; width:17px;}
.mob_search_container .header-search-icon img{height:17px;}

.mobile_nav_inner.right .header-search-icon{width: 20px; right:0; bottom:-10px;}
.mobile_nav_inner.right .header-search-icon img{height:20px;}

.mobile_nav_inner.right .header-search-icon:nth-child(1){right:32px; width: 21px;}
.mobile_nav_inner.right .header-search-icon:nth-child(1) img{height: 21px;}


.mobile_nav_inner .cart-ea{position: absolute; color:#fff; z-index: 8;text-align: center; line-height: 1.5;
    background-color:#999; position: absolute; display: block; z-index: 7; width:auto;
    height:17px; border-radius: 50%; min-width: 17px; right:-10px; top:-3px;}
.mobile_nav_inner .cart-ea .cart-q{display:block; font-size:11px; padding-left:2px; padding-right:2px;}



.color1 {color: #222222;}
.color2 {color: #34554a;}
.color3 {color: #ff40ab;}
.color4 {color: #ffb153;}
.color5 {color: #ffff74;}



/* 스와이퍼 */
.swiper-pagination-progressbar{
    border-radius:0 !important;
    background-color: #dedede !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background-color: #000 !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background:#000;
}


 /* ********************************************* *
 * 1800px max
 * ********************************************* */
 @media screen and (max-width: 1800px){
    .bd {
        padding-left: 100px;
        padding-right: 100px;
    }
 }


 /* ********************************************* *
 * 1600px max
 * ********************************************* */
 @media screen and (max-width: 1600px){
    ul.gnb > li > a {
        font-size: 1.1em;
        padding: 11px 1em;
    }
 }



 /* ********************************************* *
 * 1400px max
 * ********************************************* */
 @media screen and (max-width: 1400px){
   
    ul.gnb > li > a {
        font-size: 1.0em;
        padding: 11px 0.8em;
    }

}


 /* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media screen and (max-width: 1024px){
 


    /* mobile header를 위한 wrap */
    .wrap_container {position: relative; width: 100%;
        -moz-transition: all 0.3s cubic-bezier(0.24, 1.8, 0.68, 0.98); -o-transition: all 0.3s cubic-bezier(0.24, 1.8, 0.68, 0.98);
        -webkit-transition: all 0.3s cubic-bezier(0.24, 1.8, 0.68, 0.98); transition: all 0.3s cubic-bezier(0.24, 1.8, 0.68, 0.98);}
    .wrap_container.menu-opened {-moz-transform: translateX(-20em); -ms-transform: translateX(-20em); -webkit-transform: translateX(-20em); transform: translateX(-20em);}
 
    /* mobile header */
    .header .mobile_nav{display:block; height:50px; border-bottom:1px solid rgba(0,0,0,0); position: relative; background-color:rgba(255,255,255,1); z-index:100;}
    .mobile_nav.active{background-color:#fff;}
    .mobile_nav_inner.left{left:20px; top:55%; transform: translateY(-50%); position: absolute;}
    .mobile_nav_inner.mid{position: absolute; top:55%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
    .mobile_nav_inner.right{position: absolute; right:20px; top:50%; transform: translateY(-50%);}


    .main_nav .bd .header-inner, header .main_nav, .header-bg {height: 60px;}
    .header-inner .logo {
        padding: 13px 0 6px;}
    .header-inner .logo a {
        width: 100%;
    }
    .nav_inner.center {
        display: none;
    }
    .nav_inner.right ul .login-wrap{
        display:none;
    }


    /* ====햄버거 버튼==== */
    .mo-memu-btn .btn_sitemap_open span {
        width: 19px;
        height: 1px;
        margin: 6px 0;
        transition: 0.3s;
    }
    .nav_inner.right > ul > li {margin-right: 12px;}
    .nav_inner.right ul li .nav-search {
        height: 15px;
    }
    .nav_inner.right ul li .nav-search p {
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.736' height='24.63'%3E%3Cg fill='none' stroke='%23575757' stroke-linejoin='round' stroke-width='1.5' data-name='그룹 47565' transform='translate(-563.661 -245.661)'%3E%3Ccircle cx='9' cy='9' r='9' data-name='타원 16' transform='translate(564.661 246.661)'/%3E%3Cpath d='m587.695 269.578-8.035-7.917' data-name='선 4'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .nav_inner.right ul li .header-unit.cart a {
        width: 18px;
        height: 21px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.554' height='27.835'%3E%3Cpath fill='%23575757' stroke-width='1' d='M2.277 27.835A2.279 2.279 0 0 1 0 25.559v-17a2.279 2.279 0 0 1 2.277-2.277h3.886v-.667A5.563 5.563 0 0 1 11.777 0a5.563 5.563 0 0 1 5.614 5.614v.667h3.886a2.279 2.279 0 0 1 2.277 2.277v17a2.279 2.279 0 0 1-2.277 2.277Zm0-1.767h19a.539.539 0 0 0 .51-.51v-17a.539.539 0 0 0-.51-.51h-3.886v3.847a.831.831 0 0 1-.255.608.95.95 0 0 1-1.3 0 .831.831 0 0 1-.255-.608V8.048H7.969v3.847a.831.831 0 0 1-.255.608.95.95 0 0 1-1.3 0 .831.831 0 0 1-.255-.608V8.048H2.277a.539.539 0 0 0-.51.51v17a.539.539 0 0 0 .51.51ZM7.969 6.28h7.616v-.667a3.746 3.746 0 0 0-1.1-2.728 3.838 3.838 0 0 0-5.417 0 3.746 3.746 0 0 0-1.1 2.728Zm-6.2 19.788Z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* ====모바일 메뉴==== */
    .mo-memu-btn{
        display:block;
    }
    .mo_gnb_wrap.open{
        visibility:visible;
        -moz-transform: translateX(0%); -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%); transform: translateX(0%); 
    }
    .header-bg{border-bottom:0;}
    .header-bg.on{
        border-bottom:1px solid #f3f3f3;
    }

    .mo_gnb_wrap .mo_gnb {
        position: relative; padding:20px; height:100%;
        width: 100%; top: 80px;  border-left:1px solid rgba(255,255,255,.1); overflow-y: auto;
        padding: 0 30px 190px;
        background:#fff;
    }
    /* .mo_gnb .mo_cate{
        height: 50px;
        font-size: 16px;
        line-height: 50px;
        letter-spacing: -0.05rem;
    } */
    .mo_gnb_wrap .mo_gnb .line{
        width: 100%;
        border-bottom: 1px solid #eee;
        padding-top: 5px;
        margin-bottom: 5px;
    }
    .mo_gnb .mo_cate a{
        display: block;
        height: 50px;
        color: inherit;
        font: inherit;
        line-height: 50px;
        font-size: 16px; font-weight: 600;
        text-transform: uppercase;
        }

    .mo_gnb_wrap .mo_login_wrap{
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #f3f3f3;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }
    .mo_gnb_wrap .mo_login_wrap li {
        display: inline-block;
        position: relative;
        text-align: center;
    }
    .mo_gnb_wrap .mo_login_wrap li .mo_login_list{
        display:flex;
        justify-content:space-between;
    }
    .mo_gnb_wrap .mo_login_wrap li .mo_login_list span{
        position:relative;
        width: 50%; display:block;
    }
    .mo_gnb_wrap .mo_login_wrap li .mo_login_list span a{
        display: block;
        height: 63px;
        font-size: 14px;
        line-height: 63px;
    }
    .mo_gnb_wrap .mo_login_wrap li .mo_login_list span:first-child:after {
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 14px;
        margin-top: -7px;
        background: #aaa9a3;
        content: '';
    }


    /* 모바일 검색 */
    .mo-search-wrap {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 250px;
        background: #fff;
        z-index: 99;
        padding: 120px 9.72% 0px;
    }
    .mo-search{position:relative;}
    .mo-search input{background-color:#fff; height:36px; padding:6px; padding-right:33px; border:1px solid #d1d1d1; width:100%;}
    .header-search-icon {
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .mob_menu_btn{position: absolute; height:24px; width:24px; left:0; top:-11px;}







    



    .mo_gnb > li a{ display: inline-block; cursor: pointer; color:#333;}

    .mo_gnb .nav-login .cart-btn-con{position: relative;}

    /* 모바일 언어 */
    .mo_gnb .nav-lang-li{position:initial; right:inherit; left:0; display: inline-block; width:auto; margin-bottom:8px;}
    .mo_gnb .nav-lang-li .nav-lang > dl{position: relative;}

    /* mobile depth*/
    .mo_gnb .mo_cate.depth >a{
        background:url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164010325780056.png) no-repeat right top 17px/11px 11px;}
    .mo_gnb .mo_cate.depth.open >a{
        background:url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164010381215632.png) no-repeat right top 17px/11px 11px;}
    .mo_gnb .mo_cate.depth .sub_depth {display: none;}
	.mo_gnb .mo_cate.depth .sub_depth > ul li a{
        height:40px; line-height: 40px; font-size:15px; color:#999; font-weight: 500;}

    /* burger menu */
    .burger_menu { width: 1.5em; margin: auto; vertical-align: middle;text-indent: -9999px; -webkit-transition: all, 0.3s;transition: all, 0.3s;}
    .burger_menu span { display: block; position: relative;height: 1px; width: 1.5em; background-color: #111; top:50%;}
    .burger_menu span::before, .burger_menu span::after {
    -webkit-transition: all, 0.3s; transition: all, 0.3s;
    content: ""; display: block; background-color: #111; width: 100%; height: 1px; position: absolute;}
    .burger_menu span::after {top: 0.5em;}
    .burger_menu span::before { bottom: 0.5em;}
    .burger_menu.actived {
    overflow: visible;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    }
    .burger_menu.actived span::before, .burger_menu.actived span::after {
    width: 50%; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0;transform-origin: 0 0;}
    .burger_menu.actived span::before {
    bottom: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
    .burger_menu.actived span::after {
    top: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
    .burger_menu.actived:hover {
    -moz-transform: translateX(0.2em) rotate(180deg); -ms-transform: translateX(0.2em) rotate(180deg);
    -webkit-transform: translateX(0.2em) rotate(180deg); transform: translateX(0.2em) rotate(180deg);}
   
 }
 @media (max-width:1024px){
    .header-inner .logo a img{
        width: 73px;
    }
    .header-inner .logo{padding: 20px 0 6px;}
    .header .bd{padding-left: 28px;}
 }
 @media screen and (max-width: 1023px){
    footer .lock{display: none;}
 }
 @media (max-width:1024px){
    .header-inner .logo a img{
        width: 45px;
    }
    .header .bd{padding-left: 25px;}
    .header-inner .logo{padding: 6px 0 6px;}
 }
 /* @media (max-width:960px){
    .header-inner .logo a img{
        width: 45px;
    }
    .header .bd{padding-left: 28px;}
    .header-inner .logo{padding: 6px 0 6px;}
 }
 @media (max-width:768px){
    .header-inner .logo a img{
        width: 45px;
    }
    .header .bd{padding-left: 20px;}
 } */

 /* ********************************************* *
 * 640px max
 * ********************************************* */
 @media screen and (max-width: 640px){
    /* .header-inner .logo a img{width: 63px;} */
    .mo-memu-btn{
        display: block;
    }
    .f-info{display: inline-block; vertical-align: top;}
    .f-info:nth-child(2) p i{display: inline-block;}
    .f-info h4{font-size:1em;}
    .f-info .num{font-size:1.05em;}
    .f-info p{font-size:.85em; letter-spacing: -.5px;}
    .f-info p i{display:block;}

    .footer .down_catal{width: 100%; display: block; background-color: #fff; padding: 5px; margin-top: 7px;}
    .footer .catal_list{width: 100%;}
    .footer .info .address{width: 90%;}
 }

 /* ********************************************* *
 * 576px max
 * ********************************************* */
 @media screen and (max-width: 576px){
 

 .footer{text-align: center;}
 .sidebar .inquiry, .sidebar .top_btn{width: 55px; height:55px;}
 .sidebar .top_btn{bottom:108px;}

 .footer .catal_list{top: -145px;}

 
 .footer .info .address > div{text-align: left;}
    .footer .info .address span.mo-none{display: none;}
    .mo-none{display: none;}
    .footer .info .address span{display:inline-block;text-align: left;font-size: 12px;}
    .f-copy{text-align: left;}
    .footer .info{padding:25px 0;font-size: 12px;}
    .footer .info .address span{margin-right: 0;}
    
    .footer .f-logo img{width: 48px;}
 
 }
 @media screen and (max-width: 480px){
    /* .header-inner .logo a img{width: 57px;} */
    

 }