/* BASIC css start */
#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 }
#wrap{position: relative;}
/* header */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header .headerTnb { margin:0 auto; position:relative; width: 95%; max-width: 1200px; height:45px; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:left }
#header .headerTnb .tnbLeft li { padding-right:9px; float:left }
#header .headerTnb .tnbLeft li a { display:block; height:45px; color:#757575; line-height:45px; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}
#header .headerTnb .tnbLeft li a img{margin-right:7px; vertical-align: sub;}
#header .headerTnb .tnbLeft li.noticeLine { padding-left:23px }
#header .headerTnb .tnbLeft li.noticeLine p { padding-left:21px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/ico_volume.gif) 0 17px no-repeat }
#header .headerTnb .tnbLeft li.noticeLine p a { font-size:11px; color:#7a7a7a; line-height:49px; line-height:53px \0/IE8+9 }
#header .headerTnb .tnbRight { float:right }
#header .headerTnb .tnbRight li { padding-left:10px; float:left }
#header .headerTnb .tnbRight li.joinicon{position:relative;}
#header .headerTnb .tnbRight li a { display:block; height:45px; color: #757575; line-height: 45px; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; }
#header .headerTnb .tnbRight li a span{color: #955251;}

#header .headerTop { margin:0 auto; position:relative; width: 95%; max-width:1280px; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo { margin:15px auto; text-align:center;transition: transform 0.5s; }
#header .headerTop .tlogo:hover { color:#799351; transform: scale(1.1); }
#header .headerTop .tlogo a{ transition:color 1s;}
#header .headerTop .tlogo a:hover{ color:#799351;}
#header .headerTop .tlogo span.sunflower-medium { font-family: "Sunflower", sans-serif; font-weight: 500; font-style: normal; font-size:3.5rem; letter-spacing:1rem;}

#header .headerBottom {border-bottom: 1px solid #f0f0f0;}
#header .headerBottom.header-scroll{ position: fixed; top:0; width: 100%;  background: #fff}
#header .headerGnb {position: relative; width: 95%; max-width:1200px; margin: 0 auto; }
#header .headerBottom .nanum-myeongjo-regular { font-family: "Nanum Myeongjo", serif; font-weight: 400; font-style: normal;}
#header .headerGnb:after { display:block; clear:both; content:'' }
#header .headerGnb > div{float:left; height: 55px; line-height: 55px;}
#header .headerGnb .allmenu{ padding: 0 20px 0 0; border-bottom: 0; color: #000; font-size: 15px; font-family: inherit; }
#header .headerGnb .allmenu img{margin: 0 10px 0 0; vertical-align: sub;}
#header .headerGnb .gnbInner { margin:0 auto; position:relative; /* width:785px */ }
#header .headerGnb .gnbInner ul { *zoom:1; padding: 0 5px; }
#header .headerGnb .gnbInner ul .nanum-myeongjo-regular { font-family: "Nanum Myeongjo", serif; font-weight: 400; font-style: normal;}
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li { margin:0 30px; position:relative; float:left }
#header .headerGnb .gnbInner ul li a { display:block; color:#000; white-space:nowrap; line-height: 55px; font-family: inherit; font-size: 16px;}
#header .headerGnb .gnbInner ul li a:hover { color:#799351; font-weight:bolder; text-decoration:underline; font-family: inherit;}
#header .headerGnb .gnbInner ul li.first { padding-left:0 }
#header .headerGnb .gnbInner ul li.last { padding:0 0 0 40px }

/* 장바구니 */
.basket{position: relative; top:-10px;}
.basket span{  display: block; position: absolute; top: 9px; right: -9px; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; background: #ef5859; text-align: center; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-size: 10px;}

/* 검색창 */
#header .headerBottom .searchArea { position:absolute; top:-130px; right:0; width:200px; height:36px; line-height: 36px; background: #f0f0f0; border-radius: 20px;}
#header .headerBottom .searchArea .search { position:relative; width:240px; height:36px }
#header .headerBottom .searchArea .search input { padding-left:15px; width:188px; height:34px; line-height:34px; border:none; background:none}
#header .headerBottom .searchArea .search a { display:block; position:absolute; top: 50%; transform: translateY(-50%); right:15px; width:23px; height:25px; text-indent:-9999em; background:url(/design/motungee1/search.gif) 0 0 no-repeat; background-size:25px; }


/* 햄버거메뉴 */
#header .headerGnb .hammenu{  display: none;  float: unset; padding: 0; position: absolute; top: 55px; left: 0; height: 140px; background: #fff; border: 1px solid #e5e5e5; box-sizing: border-box;}
#header .headerGnb .hammenu.nanum-myeongjo-regular { font-family: "Nanum Myeongjo", serif; font-weight: 400; font-style: normal;}
.hammenu .depth1{ width: 194px; height: 424px; padding: 10px 0 0; overflow-y: auto; direction: rtl; -ms-overflow-style: none;}
.hammenu .depth1::-webkit-scrollbar{ display:none; }
.hammenu .depth1 li{margin: 4px 0; text-align: left;}
.hammenu .depth1 li a{display: block; padding: 10px 25px; color: #424242; font-size: 13px; font-family: inherit;}
.hammenu .depth1 > li.depopen > a{ color:#f15657;}
.hammenu .depth2{ display: none;  position: absolute; top: 0; left: 195px; background: #fff; width: 100%; height: 280px; padding: 10px 0 0; border: 1px solid #e5e5e5; border-top: 0; border-left: 0; }
.hammenu .depth2 > div{ height: 423px; line-height: 20px; overflow-y: auto; -ms-overflow-style: none;}
.hammenu .depth2 > div::-webkit-scrollbar{ display:none; }
.hammenu .depth2 li{padding: 0 25px; margin: 0;}
.hammenu .depth2 li a{ display: inline-block; padding: 0; margin: 12px 0; color: #424242; font-size: 13px; font-family: inherit;}
.hammenu .depth2 li.depopen > a{border-bottom:1px solid #f15657; color:#f15657}
.hammenu .depth3{display: none; position: absolute; top: 0; left: 195px; background: #fff; width: 100%; height: 423px; padding: 10px 0 0; border: 1px solid #e5e5e5; border-top: 0; border-left: 0; overflow-y: auto; -ms-overflow-style: none;}
.hammenu .depth3::-webkit-scrollbar{ display:none; }
.hammenu .depth3 li a:hover{border-bottom:1px solid #f15657; color:#f15657}

#blk_scroll_wings .swiper-button-next:after, 
#blk_scroll_wings .swiper-button-prev:after {
    content: unset !important;
}
#blk_scroll_wings .swiper-button-next, 
#blk_scroll_wings .swiper-button-prev {
    margin-top:0 !important;
}

/* BASIC css end */