/* BASIC css start */
.icon_wrap { display:flex; justify-content:space-around; padding:10px 0 20px; gap:20px; }
.icon_wrap a { text-align:center; }
.icon_wrap a img { width:58px; height:auto; }
.icon_wrap a p { font-size: 13px; font-weight: 700; padding-top: 4px; }

.txt_deco { position:absolute; right:-16px; top:-8px; font-size:10px; color:#ff5c35; font-weight:bold; animation:txtAni 1s infinite; }
@keyframes txtAni {
    0% { transform:translateY(0); }
    50% { transform:translateY(3px); }
    100% { transform:translateY(0); }
}

.rollingMenu { height:20px; overflow:hidden; }
.rollingMenu a { display:block; animation:rollAni 4.5s infinite; text-align:center; padding-top:1px; }
@keyframes rollAni {
    0% { transform:translateY(0); }
    40% { transform:translateY(0); }
    50% { transform:translateY(-31px); }
    90% { transform:translateY(-31px); }
    100% { transform:translateY(0); }
}


#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }

body{min-width: 1280px;}

.dn{display:none !important}
    
/* header */
#header { position:sticky; top:0; width:100%; background:#fff; z-index:100 ;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;}
    
#header.fixed{
    _position: fixed;
    position: sticky;
    top: 0;
    transform: translateY(-40px);}
    
    
.allMenuBox .w1800 > div.section01 > ul{
    height: 550px;
    overflow: auto;
    padding-right: 20px;}

/* 아래의 모든 코드는 영역::코드로 사용 */
.allMenuBox .w1800 > div.section01 ul.gnb::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}

.allMenuBox .w1800 > div.section01 ul.gnb::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #e9e9e9; /* 스크롤바의 색상 */
    border-radius: 10px;
}
.allMenuBox .w1800 > div.section01 ul.gnb:hover::-webkit-scrollbar-thumb{
    background: #e5e5e5;
}

.allMenuBox .w1800 > div.section01 ul.gnb::-webkit-scrollbar-track {
    background: #ededed60;  /*스크롤바 뒷 배경 색상*/
    border-radius:10px;
}


.allMenuBox .w1800 > div.section02::-webkit-scrollbar {
    width: 7px;  /* 스크롤바의 너비 */
}

.allMenuBox .w1800 > div.section02::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #e9e9e9; /* 스크롤바의 색상 */
    border-radius: 10px;
}
.allMenuBox .w1800 > div.section02:hover::-webkit-scrollbar-thumb{
    background: #e5e5e5;
}

.allMenuBox .w1800 > div.section02::-webkit-scrollbar-track {
    background: #ededed60;  /*스크롤바 뒷 배경 색상*/
    border-radius:10px;
}


#header .headerTnb { margin:0 auto; position:relative;  height:40px; background:#FAF8EF; *zoom:1 }

#header .headerTnb .box{ width:94%; max-width:1800px; margin:0 auto; position: relative;}
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft{ position: absolute; left: 0;}
#header .headerTnb .tnbLeft > a{display: block;height:40px; line-height:40px;font-weight: 500;}
#header .headerTnb .tnbLeft > a img{margin-top: -2px; margin-left: 2px;}
#header .headerTnb .tnbLeft .pop{}
#header .headerTnb .tnbLeft .pop a{height:40px; line-height:40px;}
#header .headerTnb .tnbLeft .pop a:after{content:"V"}
#header .headerTnb .tnbLeft #langPop{display:none; z-index: 22;position: absolute; top: 30px; left: -5px;}
#header .headerTnb .tnbLeft #langPop ul{background: #fff;display: block;border: 1px solid #000;padding: 10px; margin-top: 10px;}
#header .headerTnb .tnbLeft #langPop ul li{}
#header .headerTnb .tnbLeft #langPop ul li a{padding: 5px 0; display: block;}
#header .headerTnb .tnbLeft #langPop ul li a img{}

#header .headerTnb .tnbCenter{text-align: center; width: 700px; margin: 0 auto;}    
#header .headerTnb .tnbCenter a{font-size: 14px;font-weight: 500;text-align: center; height: 40px; line-height: 40px; display: block; font-family: 'Noto Sans KR';}

#header .headerTnb .tnbCenter .swiper-slide{background:#FAF8EF;}
#header .headerTnb .tnbCenter .swiper-button-next,
#header .headerTnb .tnbCenter .swiper-button-prev{ color:#111; }
#header .headerTnb .tnbCenter .swiper-button-next:after,
#header .headerTnb .tnbCenter .swiper-button-prev:after{ display:none;}
#header .headerTnb .tnbRight {position: absolute; right: 0; top: 0;}
#header .headerTnb .tnbRight a{font-weight: 500;display: block; height: 40px; line-height: 40px;}
#header .headerTnb .tnbRight a i{vertical-align: middle; font-size: 14px; margin-top: -3px;}

#header .headerTop { margin: 0 auto; position: relative; width:94%; max-width: 1800px; line-height: 105px; height: 105px; }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo{vertical-align: middle;display: block;height: 105px;line-height: 105px; position: absolute;}
#header .headerTop .tlogo a{display: inline-block;}
#header .headerTop .headerTopRight{display: inline-block; float: right; _width: 510px; text-align: right;}

#header .headerTop .searchArea {width: 260px;height: 30px;display: inline-block; vertical-align: middle;margin-right: 28px;}
#header .headerTop .searchArea .search { position:relative; _width:204px; height:30px }
#header .headerTop .searchArea .search fieldset{height: 30px}
#header .headerTop .searchArea .search input{line-height: 35px; border: none; background: #fff; padding: 0; width: 260px; height: 35px; border-bottom: 1px solid #000; vertical-align: top; font-size: 13px; margin-top: -5px;}    
#header .headerTop .searchArea .search input::placeholder{font-size: 13px;color:#111}
#header .headerTop .searchArea .search  a.btn {display: block; position: absolute; top: -2px; right: 0; width: 30px; height: 30px;line-height: 30px; }


#header .headerTop .searchArea .searchDetailBox{
    display:none;
    position: absolute;
    left: -20px;
    z-index: 2222;
    background: #fff;
    width: 300px;
    border: 1px solid #000;
    top: 38px;
    padding: 20px;
    line-height: 1;}
    
#header .headerTop .searchArea .searchDetailBox .xbtn{
    right: 10px;
    top: 10px;
    position: absolute;}
#header .headerTop .searchArea .searchDetailBox .xbtn img{}
#header .headerTop .searchArea .searchDetailBox [class^="box"]{text-align: left;}
#header .headerTop .searchArea .searchDetailBox [class^="box"] h2{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 13px;
    margin-top: 5px;}

#header .headerTop .searchArea .searchDetailBox .box01{margin-bottom: 20px;}
#header .headerTop .searchArea .searchDetailBox .box01 .keyWrap{
    display: flex;
}
#header .headerTop .searchArea .searchDetailBox .box01 .keyWrap ul{
    font-size: 0;
    width: 50%;
    display: inline-block;}
    
#header .headerTop .searchArea .searchDetailBox .box01 .keyWrap ul li{display: block; vertical-align: top;}
#header .headerTop .searchArea .searchDetailBox .box01 .keyWrap ul li a.top{color:#111}    
#header .headerTop .searchArea .searchDetailBox .box01 .keyWrap ul li a em {
    font-weight: bold;
    margin-right: 15px;
}

#header .headerTop .searchArea .searchDetailBox .box01 .keyWrap ul li a{font-size: 14px; color: #7b7b7b; display: block; line-height: 30px; height: 30px;}    


#header .headerTop .searchArea .searchDetailBox .box02{}
#header .headerTop .searchArea .searchDetailBox .box02 p{}
#header .headerTop .searchArea .searchDetailBox .box02 p a{
    background: #efefef;
    padding: 9px 15px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
    font-size: 13px;
    border-radius: 20px;
    color: #777777;
    font-weight: 500;}

#header .headerTop .searchArea .searchDetailBox .box03{
    cursor: pointer;
    margin-top: 20px;
    background: #000;
    color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 15px;
}

#header .headerTop .searchArea .searchDetailBox .box03 p.tit{font-size: 10px; font-weight: bold; margin-bottom: 6px;}
#header .headerTop .searchArea .searchDetailBox .box03 p.txt{font-size: 14px;}
#header .headerTop .searchArea .searchDetailBox .box03 img{
    position: absolute;
    right: 15px;
    top: 20px;}


#header .headerTop .gnbIcons{display: inline-block; vertical-align: middle;}
#header .headerTop .gnbIcons ul{}
#header .headerTop .gnbIcons ul li{margin-right: 28px;display: inline-block;vertical-align: middle;}
#header .headerTop .gnbIcons ul li.ico-mp{position:relative;}
#mp_pop{display:none;background: #fff;z-index: 2;position: absolute;left: -20px;top: 20px; }
#header .headerTop .gnbIcons ul li.ico-mp .sub{margin-top: 15px; border: 1px solid #000;padding: 10px;}

#header .headerTop .gnbIcons ul li.ico-mp .sub li{display: block; margin: 0;  width: max-content;}
#header .headerTop .gnbIcons ul li.ico-mp .sub li a{  display: block;  padding: 3px;  text-align: left;}
#header .headerTop .gnbIcons ul li .bubble{
    position: absolute;
    top: -36px;
    height: 24px;
    line-height: 24px;
    background: url(/design/09women/2023_renew/pc/newIcons/bubble.png);
    border-radius: 15px;
    left: -24px;
    width: 70px;
    text-align: center;}
    
#header .headerTop .gnbIcons ul li .bubble span{
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 21px;
    color: #000;}
    
#header .headerTop .gnbIcons ul li:nth-last-child(1){margin-right:0}
#header .headerTop .gnbIcons ul li a{display: block;}
#header .headerTop .gnbIcons ul li.ico-cart{position: relative;}
#header .headerTop .gnbIcons ul li.ico-cart span#user_basket_quantity{
    position: absolute;
    right: -9px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    color: #fff;
    background: #ff5c35;
    text-align: center;
    line-height: 16px;
    font-size: 10px;}

#header .headerGnb { min-width:1100px; border-bottom:1px solid #eee;}
#header .headerGnb .gnbInner { margin:0 auto; position:relative; width:94%; max-width:1800px }
#header .headerGnb .gnbInner .ham{width: 24px;  height: 17px;  background: url(/design/09women/2023_renew/pc/newIcons/ham.png) no-repeat;}
#header .headerGnb .gnbInner .ham.open{width: 18px;  height: 18px;  background: url(/design/09women/2023_renew/pc/newIcons/ham_x.png) no-repeat;}
#header .headerGnb .gnbInner ul { *zoom:1;  display: block; font-size:0; white-space: nowrap;}
#header .headerGnb .gnbInner ul:not(.sub) { display:flex; justify-content: space-between; width:100%; font-size:0; white-space: nowrap;}
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul:not(.sub):after { display:none !important; }
#header .headerGnb .gnbInner ul li { margin: 0; position: relative; display: inline-block; vertical-align: top; margin-right: 32px;}
#header .headerGnb .gnbInner ul:not(.sub) li { margin-right:0; }
#header .headerGnb .gnbInner ul.sub li { margin-right:32px; }
#header .headerGnb .gnbInner ul li > a {padding-bottom: 15px;line-height: 15px; display: block; font-size: 13px;   white-space: nowrap; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;font-weight: 500;padding-bottom: 20px;}

#header .headerGnb .gnbInner ul li .sub{display: none;position: absolute; left: -20.5px; top: 25px; background: #fff; padding-left: 22.5px; padding-top: 20px; border-radius:0 0 4px 4px; }
#header .headerGnb .gnbInner ul li .sub li{display: block;}
#header .headerGnb .gnbInner ul li .sub li a{font-size: 13px;}
#header .headerGnb .gnbInner ul li .sub li a:hover,#header .headerGnb .gnbInner ul li .sub li a:active,#header .headerGnb .gnbInner ul li .sub li a:focus{font-weight:bold}

/*
#header .headerGnb .gnbInner ul li > a:before { content:""; position:absolute; left:50%; right:50%; bottom:0; height:2px; z-index:-1; background:#231f20; -webkit-transition-property:left, right; transition-property:left, right; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out }
#header .headerGnb .gnbInner ul li > a:active:before,
#header .headerGnb .gnbInner ul li > a:focus:before,
#header .headerGnb .gnbInner ul li > a:hover:before { left:0; right:0 }
#header .headerGnb .gnbInner ul li > a:hover { *height:39px; *border-bottom:2px solid #000; }*/

#header .headerGnb .gnbInner ul li.first { width:24px; padding-left:0 }
#header .headerGnb .gnbInner ul li.last { margin-right: 0 !important;}


/*햄버거 메뉴*/
.allMenuBox,
.allMenuBox *{box-sizing:border-box;}

.allMenuBox .w1800{font-size:0; padding:30px 0 40px; width:100% !important; }
.allMenuBox .w1800 > div[class^=section]{display: inline-block;height: 590px; vertical-align: top; border-right: 1px solid #ddd; padding: 0 40px;}
.allMenuBox .w1800 > div[class^=section]:nth-child(1){padding-left: 0;}
.allMenuBox .w1800 > div[class^=section]:nth-last-child(1){margin-right:0 !important; border-right: 0;}
.allMenuBox .w1800 > div[class^=section] h3{font-size:24px; color:#111111; font-family:'Montserrat'; font-weight: 600; padding-bottom: 20px; padding-top: 5px;}
.allMenuBox .w1800 > div.section01,
.allMenuBox .w1800 > div.section02,
.allMenuBox .w1800 > div.section03,
.allMenuBox .w1800 > div.section04,
.allMenuBox .w1800 > div.section05{width:20%}
.allMenuBox .w1800 > div.section02{ overflow:auto; }
.allMenuBox .w1800 > div.section02 > div,
.allMenuBox .w1800 > div.section03 > ul,
.allMenuBox .w1800 > div.section04 > div{ width:100%; }
.allMenuBox .w1800 > div.section03{  }
.allMenuBox .w1800 > div.section04{}
.allMenuBox .w1800 > div.section05{  }
.allMenuBox .w1800 > div.section05> div{  }
.allMenuBox{
    border-bottom: 1px solid #eeeeee;
    position: absolute;
    top: 184px;
    display: none;
    width: 100%;
    height: 660px;
    _padding: 30px 60px 40px;
    background: #fff;
    _overflow: auto;
    transition: all 0.3s;
    z-index: 1000;
}


.allMenuBox.open{display:block;}

.allMenuBox .am_TopBox{
    padding: 20px 15px;
    position: fixed;
    top: 0;
    left: -120%;
    width: 100%;
    background: #fff;
    z-index: 1002;
    transition:all 0.3s;
}

.allMenuBox.open .am_TopBox{
    left: 0;
}

.allMenuBox .am_TopBox .logo img{
    width:105px;
    margin-top:2px;
}

.allMenuBox .am_TopBox .global {
    margin-right:40px;
}

.allMenuBox .am_TopBox .global li{
    margin-left:1px;
    margin-top:1px;
}

.allMenuBox .am_TopBox .global li a{
    display: block;
    width: 25px;
    height: 18px;
    
    background-image: url(/design/09women/2023_renew/image/global.png);
    background-size: 100px 17px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.allMenuBox .am_TopBox .global li a.kr{
    background-position:0 0;
}

.allMenuBox .am_TopBox .global li a.cn{
    background-position:-25px 0;
}

.allMenuBox .am_TopBox .global li a.en{
    background-position:-50px 0;
}

.allMenuBox .am_TopBox .global li a.jp{
    background-position:-75px 0;
}

.allMenuBox .am_TopBox .closeMenuBtn a{
    padding: 10px;
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
}

.allMenuBox .am_TopBox .closeMenuBtn a i {
    font-size: 20px;
    line-height: 20px;
    display: block;
}

.allMenuBox .am_userMenu{
    padding:10px 0;
}

.allMenuBox .am_userMenu ul li{
    position:relative;
    width:25%;
    text-align:center;
}

.allMenuBox .am_userMenu ul li a{
    display:block;
    margin:0 10px;
}

.allMenuBox .am_userMenu ul li a img{
    width:auto;
    height:17px;
}

.allMenuBox .am_userMenu ul li a .text{
    display:block;
    padding-top:5px;
    font-size:12px;
    font-weight:500;
}

.allMenuBox .am_searchBox{
    position:relative;
    padding:10px 0;
}

.allMenuBox .am_searchBox input{
    height:40px;
    width:100%;
    background:#efefef;
    border:none;
}

.allMenuBox .am_searchBox input::placeholder{
    color:#222;
}

.allMenuBox .am_searchBox a{
    position:absolute;
    width:40px;
    height:40px;
    top:10px;
    right:0;
    line-height:40px;
    text-align:center;
}

.allMenuBox .am_searchBox a img{
    width:17px;
    vertical-align:middle;
}

.allMenuBox .categoryWrap .c_tabBtn ul li{
    width:50%;
    text-align:center;
}

.allMenuBox .categoryWrap .c_tabBtn ul li a{
    position:relative;
    display:block;
    font-size:15px;
    font-weight:500;
    line-height:40px;
    color:#999999;
}

.allMenuBox .categoryWrap .c_tabBtn ul li a:after{
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:1px;
    bottom:0;
    left:0;
    background:#cdcdcd;
}

.allMenuBox .gnb > li > a{
    position:relative;
    display:block;
    line-height:40px;
    font-size:14px;
    font-weight:bold;
}

.allMenuBox .gnb > li > a span.c_enName{
    margin-left:5px;
    font-size:11px;
    font-weight:500;
    color:#999;
}

.allMenuBox .gnb > li > a i{
    position: absolute;
    font-size: 12px;
    line-height: 40px;
    top: 0;
    right: 0;
    text-align: right;
}

.allMenuBox .lnb{
    padding: 17px 0 15px 20px;
    background: #f5f5f5;
    margin: 5px 0 20px;
}

.allMenuBox .lnb > li{
    display: inline-block;
    width: 50%;
}

.allMenuBox .lnb > li:nth-child(2n+1){
    padding-right:0;
}

.allMenuBox .lnb > li a{
    display: block;
    font-size: 12px;
    line-height: 25px;
    color: #222;
}

.allMenuBox .communityList ul li{
    width:50%;
    display: inline-block;
    vertical-align: top;
}

.allMenuBox .communityList ul li:nth-child(2n){
    padding-left:15px;
}

.allMenuBox .communityList ul li a{
    display:block;
    line-height:40px;
    font-size:14px;
    font-weight:600;
}


.allMenuBox .brandWrap ul li{
    width: calc((100%/2) - 2px);
    margin-right: 3px;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}

.allMenuBox .brandWrap ul li:nth-last-child(1),
.allMenuBox .brandWrap ul li:nth-last-child(2){margin-bottom:0}

.allMenuBox .brandWrap ul li:nth-child(2n){
    margin-right:0;
}

.allMenuBox .brandWrap ul li .imgBox img{
    display:block;
    width:100%;
}

.allMenuBox .brandWrap ul li .textBox strong{
    display:block;
    margin-top:7px;
    font-size:14px;
    font-weight:600;
    color:#111;
    line-height:20px;
}

.allMenuBox .brandWrap ul li .textBox span{
    color:#7b7b7b;
    font-size:12px;
}

.allMenuBox .lookBookWrap{
    margin-bottom: 45px;}


.allMenuBox .lookBookWrap ul li{
    padding:15px 0;
    border-bottom:1px solid #e0e0e0;
}


.allMenuBox .lookBookWrap ul li:nth-child(1){padding-top:0}

.allMenuBox .lookBookWrap ul li:nth-last-child(1){border-bottom:0}

.allMenuBox .lookBookWrap ul li a{
    display:flex;
}

.allMenuBox .lookBookWrap ul li a .imgBox{
    width:80px;
}

.allMenuBox .lookBookWrap ul li a .imgBox img{
    display:block;
    width:100%;
}

.allMenuBox .lookBookWrap ul li a .textBox{
    display:flex;
    padding-left:13px;
    flex-direction: column;
    justify-content: center;
}

.allMenuBox .lookBookWrap ul li a .textBox strong{
    margin-bottom:5px;
    font-size: 14px;
}


.allMenuBox .membershipWrap .swiper{
    padding-bottom:30px;
}


.allMenuBox .membershipWrap .swiper .swiper-pagination-bullet{
    margin: 0 3px;
    width: 6px;
    height: 6px;
    transform: scale(1);
    background: #efefef;
    opacity: 1;
    left: 0 !important;}


.allMenuBox .membershipWrap .swiper .swiper-pagination-bullet-active{background:#111111}


.allMenuBox .membershipWrap .swiper .swiper-slide img{
    display:block;
    width:100%;
    
    /*크롬 이미지 흐림 방지*/
    image-rendering:-webkit-optimize-contrast;
    transform:translateZ(0);
    backface-visibility:hidden;
}

.allMenuBox .eventWrap{margin-top: 50px;}

.allMenuBox .eventWrap h3{padding-bottom: 15px;}

.allMenuBox .eventWrap ul li a{
    position: relative;
    display: block;
    padding-left: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}

.allMenuBox .eventWrap ul li a:after{
    content:'';
    display:block;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-1px;
    width:2px;
    height:2px;
    background:#111;
}


.allMenuBox .customerCenterWrap .tel{font-size:16px; font-weight:600; display: block;}

.allMenuBox .customerCenterWrap dl{margin-bottom: 20px;}
    
.allMenuBox .customerCenterWrap dt{font-size:14px; padding-bottom: 8px; font-weight: 600;}

.allMenuBox .customerCenterWrap dd{font-size:12px;display:block; font-size:12px; line-height:20px; color: #777; font-weight: 500;}

.allMenuBox .customerCenterWrap dd i{font-size: 16px; padding-right: 7px; vertical-align: middle;}
.allMenuBox .customerCenterWrap dd i.xi-youtube-play{color: #e90000;}
.allMenuBox .customerCenterWrap dd i.xi-instagram{color: #111;}

.allMenuBox .customerCenterWrap dd em{display:inline-block; vertical-align:top; width:50%}

.allMenuBox .customerCenterWrap dd em.AccountHolder{padding-top: 8px;}

.allMenuBox .offlineCenterWrap dt i{
    vertical-align:middle;
    margin-top:-2px;
}

.allMenuBox .offlineCenterWrap dd ul{
}


.allMenuBox .offlineCenterWrap dd ul li:nth-child(1){
    padding-top:0
}

.allMenuBox .offlineCenterWrap dd ul li:nth-last-child(1){
   border-bottom:0
}

.allMenuBox .offlineCenterWrap dd ul li{
    padding: 15px 0;
    border-bottom:1px solid #eee;
}

.allMenuBox .offlineCenterWrap dd ul li span{
    display:block;
}

.allMenuBox .snsWrap{
    padding:40px 0 15px;
}

.allMenuBox .snsWrap ul li{
    width:36px;
    height:36px;
    margin-right:9px;
}

.allMenuBox .snsWrap ul li:last-child{
    margin-right:0;
}

.allMenuBox .snsWrap ul li a{
    display:block;
    width:100%;
    height:100%;
    font-size:18px;
    line-height:36px;
    text-align:center;
    color:#fff;
    background:#d9d9d9;
    border-radius:18px;
}


/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:40px; left:0; border:1px solid #ddd; border-top:1px solid #000; line-height:14px; background:#fff; }
.search-auto-complete-list ul { width:202px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; }
.search-auto-complete-list ul li.on { background:#f3f3f3; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }


/* 다찾다 검색 파인더 */
#allfinder-layer {
    display:none;
    z-index: 9999;
    position: fixed;
    top: 50%;
    margin-top: -350px;
    margin-left: -600px;
    _overflow: hidden;
    width: 1200px;
    zoom: 1;
    height: 669px;
    left: 50%;}
#allfinder-layer .finder-body { 
    z-index: 1;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    background: #fff; }
#allfinder-layer .finder-body .finder-close { position: absolute; top: 5px; right: -55px; }
#allfinder-layer .finder-body .finder-close i{ font-size:36px; color:#fff;}

#allfinder-ctr {/* z-index: 10000; position: fixed; top: 50px; right: 0; width: 103px; height:86px;*/ }
#allfinder-ctr a { /*display:block; width:100%; height:100%; background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top; border:none; outline:none; font-size:0;*/ }


.all-finder-layer .finder-body .finder-tbl table { border-top: 1px solid #000;border-bottom: 1px solid #dddddd;}
.all-finder-layer .finder-body .finder-tbl th, 
.all-finder-layer .finder-body .finder-tbl td { height: 40px; border-top: 1px solid #e5e5e5; font-size: 14px; color: #000; }
.all-finder-layer .finder-body .finder-tbl tr:first-child th,
.all-finder-layer .finder-body .finder-tbl tr:first-child td { border-top:none; }
.all-finder-layer .finder-body .finder-tbl th {
    padding: 10px 0 10px 20px;
    background: #f8f8f8;
    text-align: left;
    vertical-align: middle;
    font-weight: 600;}
.all-finder-layer .finder-body .finder-tbl th .txt-l { position:relative; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .fa { position:absolute; top:50%; right:15px; margin-top:-6px; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:22px; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer { display:none; position:absolute; top:33px; left:52px; width:270px; padding:0 20px 18px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1}
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:14px; right:20px; margin:0; font-size:21px; color:#000; outline:none; *width:19px; *height:22px; *background:url('/images/common/btn_h11_close.gif') no-repeat center center; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-tit { padding:18px 0; border-bottom:1px solid #e5e5e5; font-size:15px; font-weight:bold; line-height:15px; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-cnt { padding-top:16px; line-height:1.5; font-size:13px; }
.all-finder-layer .finder-body .finder-tbl td { padding: 10px 20px; }
.all-finder-layer .finder-body .txt-input { height: 21px; line-height: 21px; padding: 0 5px; font-size: 13px; font-family:'Malgun Gothic'; }
.all-finder-layer .finder-body .finder-category { height:40px; overflow:hidden; }
.all-finder-layer .finder-body .finder-category.open { height:100%; overflow:visible; }
.all-finder-layer .finder-body tr.finder-child-category {display:none;}
.all-finder-layer .finder-body tr.finder-child-category th,
.all-finder-layer .finder-body tr.finder-child-category td { border-top:none; }
.all-finder-layer .finder-body tr.finder-child-category td { background:#fbfbfb; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 { display:inline-block; margin:3px 5px 3px 0; padding: 5px 10px; cursor:pointer; line-height:22px; vertical-align:top; word-break:break-all; color:#9a9a9a; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 .fa-check { display:none; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on { font-weight:bold; color:#000; border:0; border-radius:0; box-shadow: unset; }
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on .fa-check { display:inline-block; margin-right:3px; }

.all-finder-layer .finder-body .finder-color { padding-left:10px; }
.all-finder-layer .finder-body .finder-price .finder-price-input { display: inline-block; padding-top:5px}
.all-finder-layer .finder-body .finder-price .finder-price-input label { 
    display: inline-block;
    width: 138px;
    border: 1px solid #dddddd;
    color: #111;
    height: 38px;
    font-size: 13px;
    line-height: 38px;}
    
.all-finder-layer .finder-body .finder-price .finder-price-input label .txt-input {
    display: inline-block;
    width: 110px;
    height: 38px;
    line-height: 38px;
    vertical-align: top;
    padding: 0;
    border: none;
    background: none;
    color: #333;
    text-align: right;}
    
    
.all-finder-layer .finder-body .finder-search { position:relative; _padding-left:5px; }
.all-finder-layer .finder-body .finder-search label { 
    display: inline-block;
    width: 398px;
    border: 1px solid #dddddd;}
.all-finder-layer .finder-body .finder-search label .txt-input { 
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border: none;
    background: none;
    color: #333;
    text-align: left;
    text-indent: 5px; }
.all-finder-layer .finder-body .finder-btn-c { padding: 30px 0; text-align: center; }
.all-finder-layer .finder-body .finder-btn-c a.reset { 
    display: inline-block;
    width: 240px;
    height: 50px;
    line-height: 50px;
    border: none;
    background: #999;
    color: #fff;
    font-size: 15px;
    margin-right: 10px; }
.all-finder-layer .finder-body .finder-btn-c button { 
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 240px;
    padding: 0 30px;
    *padding: 0;
    border: none;
    background: #000;
    color: #fff;
    font-size: 15px;
    cursor: pointer; }

.all-finder-layer .finder-body .finder-btn-c button i{margin-right: 2px; font-size: 16px;}
.all-finder-layer .finder-body .finder-btn-c button span.ico-search { visibility:visible; display:inline-block; width:16px; height:15px; margin-right:10px; margin-top:-4px; *margin-top:0; vertical-align:middle; background:url('/images/common/btn_h15_search.png') no-repeat 0 0; }
.all-finder-layer .finder-body .finder-btn-c button span.finder-count { visibility:visible; display:inline-block; height:60px; color:#ffd800;  font-weight: bold; color: #ffd800; *vertical-align:middle; }
.all-finder-layer .finder-body .finder-btn-c button span.finder-count-toggle { visibility:visible; display:none; }


.all-finder-layer .finder-body .finder-options {
    display: inline-block;
    margin: 3px 5px 3px 0;
    padding: 5px 10px;
    cursor: pointer;
    line-height: 22px;
    border: 1px solid #e8e8e8;
    vertical-align: top;
    border-radius: 16px;
    word-break: break-all;}
    
.all-finder-layer .finder-body .finder-options.on { font-weight: bold; border: 1px solid #000; border-radius: 20px; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-layer .finder-body .finder-option-color em { display: inline-block; width: 22px; height: 22px; border-radius:20px; font-size:0; vertical-align:top; }
.all-finder-layer .finder-body .finder-option-color.color-picker { width:22px; height:22px; padding: 0; border: none; } 
.all-finder-layer .finder-body .finder-option-color.color-picker.on { border: none; }
.all-finder-layer .finder-body .finder-option-color.color-picker .fa-check { display:none; width:22px; height:22px; margin-top:-17px; color:#fff; text-align:center; }
.all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-black em { background-color: #000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gray em { background-color: #808080; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-navy em { background-color: #425583; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-purple em { background-color: #800080; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-green em { background-color: #008000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gold em { background-color: #cfbc4e;  }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .finder-body .search-auto-complete-list { display:none; z-index:1; position:absolute; top:30px; left:5px; border:1px solid #ddd; line-height:14px; background:#fff; }
.all-finder-layer .finder-body .search-auto-complete-list ul { width:340px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.all-finder-layer .finder-body .search-auto-complete-list ul li { text-align:left; }
.all-finder-layer .finder-body .search-auto-complete-list ul li.on { background:#f3f3f3; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a{ display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.all-finder-layer .finder-body .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }

.all-finder-layer .finder-body .finder-search-data .finder-options { border: 1px solid #e5e5e5; box-shadow:none; }
.all-finder-layer .finder-body .finder-search-data .finder-options .fa-close { margin-left:10px; color: #999; }


/* 반응형 */
@media screen and (max-width:1660px){
    #header .headerGnb .gnbInner ul li > a { font-size:14px; }
    .allMenuBox .w1800 > div[class^=section]:nth-child(1) { padding-left:20px; }
    .allMenuBox .w1800 > div[class^=section] { padding:0 20px; }
}

@media screen and (max-width:1280px){
    #header .headerGnb .gnbInner ul li > a { font-size:12px; }
    #header .headerTop, #header .headerTop .tlogo { height:80px; line-height:80px; }
    .allMenuBox { top:159px; }
}


/* BASIC css end */