/* BASIC css start */
/* 네츄럴스킨 전용 공통 css */
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype'); } 
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype') } 
@font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype'); } 

/* 타이틀 */
.cateTit { padding: 40px 0 20px; } 
.cateTit h2 { font-family: 'Lato', 'Noto Sans KR', sans-serif; text-align: left; color: #55403c; font-size: 20px; letter-spacing: 6px; } 
.cateTit h2 b { display: inline-block; border-bottom: 1px solid #55403c; height: 30px; } 

/* 상품 리스트 */
.product-wrap { margin:0 auto; position:relative; width:1280px; } 
.item-wrap { width:100%; } 
.item-wrap .item-cont { width:100%; } 
.item-wrap .item-cont:after { content: ""; display: block; clear: both } 
.item-wrap .item-cont .item-list { margin:0 20px 15px 0; padding: 0; float:left; width:305px; text-align:left; border: 1px solid #e7e7e7; box-sizing: border-box; } 
.item-wrap .item-cont .item-list:nth-of-type(4n) { margin-right:0 } 
.item-list .thumb { width:100%; height:auto; overflow:hidden } 
.item-list .thumb img { width:100%; height:auto;} 
.item-list .prd-info { padding:22px 18px; overflow:hidden } 
.item-list .prd-info ul { position: relative; } 
.item-list .prd-color { margin-bottom: 5px; padding-top: 0; } 
.item-list .prd-ico { margin-bottom:9px; } 
.item-list .prd-ico img { margin:0 4px 0 0; vertical-align: middle } 
.item-list .prd-name { padding-top:0; color:#585959; font-family: 'Lato', 'NanumBarunGothic', sans-serif; } 
.item-list .prd-name a { display:block; color:#1c1c1c; line-height:14px; text-overflow:ellipsis; word-wrap:normal } 
.item-list .prd-name a, .item-wrap .item-cont .item-list .prd-price strike, .item-wrap .item-cont .item-list .prd-price .price { font-size: 13px; } 
.item-list .prd-subname { margin-top:15px; padding-top:15px; color:#8b8b8b; text-align:left; border-top:1px dashed #c6c6c6 } 
.item-list .prd-price { padding-top: 19px; font-family: 'Lato', sans-serif; color: #D22525; } 
.item-list .prd-price strike { color:#585959; margin-right: 4px; } 
.item-list .prd-price .price { color:var(--main-color); } 
.item-list .prd-preview { padding-top:5px; position: absolute; right: 0; bottom: 0; } 
.item-list .prd-preview .btn-preview { display:inline-block; width:69px; height:17px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif) 0 0 no-repeat } 
.item-list .prd-optpreview { margin-top:5px }
.item-list .prd-wish { padding-top: 8px; }  
.item-list .prd-wish i.fa { margin-right: 4px; color: #c8c8c8; font-size: 22px; vertical-align: text-top; cursor:pointer; }
.item-list .prd-wish i.fa-heart { display:none; color: #f41f3a; }
.item-list .prd-wish .wish-on i.fa-heart { display:inline-block; }
.item-list .prd-wish .wish-on i.fa-heart-o { display:none; }
.item-wrap .item-cont .nomg { padding-right: 0px } 
.item-wrap .item-page { margin-top: 50px; text-align: center; } 
.item-wrap .item-page a { padding: 0 5px } 
.item-wrap .item-page a:hover, .item-wrap .item-page a.now { color: #111; font-weight: bold; letter-spacing: -1px; } 

.dn { display:none !important; } 
/* // 네츄럴스킨 전용 공통 css */


#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 { width:100%; background:#fff;  } 
#header .headerTnb { margin:0 auto; position:relative; width:1280px; 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:#8d6f60; line-height:45px; font-family: 'Lato', 'Noto Sans KR', sans-serif; font-weight: bold; } 
#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:#8d6f60; line-height:45px; font-family: 'Lato', 'Noto Sans KR', sans-serif; font-weight: bold; } 
#header .headerTnb .tnbRight li a span { color: var(--main-color); } 
#header .headerTop { margin:0 auto; position:relative; width:1280px; *zoom:1 } 
#header .headerTop:after { display:block; clear:both; content:'' } 
#header .headerTop .tlogo { padding:50px 210px; text-align:center } 
.headerBottom {position:sticky; top:0; width:100%; border-bottom: 1px solid #8d6f60; z-index:100; background:#fff; } 
.headerBottom .headerGnb { position: relative; width:1280px; margin: 0 auto; } 
.headerBottom .headerGnb .gnbInner { position:relative; width:1027px } 
.headerBottom .headerGnb .gnbInner ul { *zoom:1 } 
.headerBottom .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' } 
.headerBottom .headerGnb .gnbInner ul li { margin:0 27px; position:relative; float:left } 
.headerBottom .headerGnb .gnbInner ul li:first-of-type { margin-left:0 } 
.headerBottom .headerGnb .gnbInner ul li a { display:block; height:41px; font-size:14px; color:#202020; line-height:41px; white-space:nowrap; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; font-family: 'NanumBarunGothic', sans-serif; } 
.headerBottom .headerGnb .gnbInner ul li a:before { content:""; position:absolute; left:50%; right:50%; bottom:0; height:3px; z-index:-1; background:var(--main-color); -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 } 
.headerBottom .headerGnb .gnbInner ul li a:active:before,
.headerBottom .headerGnb .gnbInner ul li a:focus:before,
.headerBottom .headerGnb .gnbInner ul li a:hover:before { left:0; right:0 } 
.headerBottom .headerGnb .gnbInner ul li a:hover { *height:39px; *border-bottom:2px solid #000; } 
.headerBottom .headerGnb .gnbInner ul li.first { padding-left:0 } 
.headerBottom .headerGnb .gnbInner ul li.last { padding:0 0 0 40px } 
.headerBottom .searchArea { position:absolute; top:5px; right:0; width:240px; height:28px; background: #d6bab2; } 
.headerBottom .searchArea .search { position:relative; width:240px; height:28px } 
.headerBottom .searchArea .search input { padding-left:15px; width:188px; height:28px; line-height:28px; border:none; background:#d6bab2 } 
.headerBottom .searchArea .search a { display:block; position:absolute; top: 50%; transform: translateY(-50%); right:9px; width:17px; height:16px; text-indent:-9999em; background:url(//skin.makeshop.co.kr/skin/natures/pc/icon/searchbtn.png) 0 0 no-repeat } 

/* join */
#header .point { left: 3px; border-radius: 10px; position: absolute; top: 37px; width: 42px; height: 16px; line-height: 15px; background: #a5bea4; color: #fff; text-align: center; } 
#header .point span { position: absolute; top: -8px; left: 50%; margin-left: -4px; width: 8px; height: 4px; color: #a5bea4 !important; } 
#header .point em { font-size: 10px; letter-spacing: 1px; font-family: 'Lato', sans-serif; } 

/* 측면 플러팅 */
#blk_scroll_wings { display:none!important; } 
.r_wing_wrap { display:none; position: absolute; top: 234px; left:50%; z-index: 9999; width:180px; margin-left: 660px; } 
.r_wing_wrap .r_wing_content { width:180px; } 
.r_wing_wrap .r_wing_content .today_wrap_c { width: 180px; } 
.r_wing_wrap .r_wing_content .today_wrap_c h3 { padding: 10px; color: #4c4c4c; font-size: 13px; } 
.r_wing_wrap .r_wing_content .today_wrap_c li { display: table; margin-bottom:12px; border: 1px solid #d6d1c9; } 
.r_wing_wrap .r_wing_content .today_wrap_c a { display:block; } 
.r_wing_wrap .r_wing_content .today_wrap_c a img { width: 180px; } 
.r_wing_wrap .btn { border: 1px solid #d6d1c9; } 
.r_wing_wrap .btn a { color: var(--main-color); font-family: 'NanumBarunGothic', sans-serif; padding: 7px 0; display: block; } 
.r_wing_wrap .r_wing_content .today_wrap_c .btn a img { display: block; margin: 0 auto 7px; } 
.r_wing_wrap .r_wing_content .bnr_wrap { border-top:0; width: 180px; text-align: center; border-bottom: 0; background: #fff; padding: 12px; } 
.r_wing_wrap .r_wing_content .bnr_wrap .quickBox { font-size: 0; border-top: 1px solid #d6d1c9; border-right: 1px solid #d6d1c9; } 
.r_wing_wrap .r_wing_content .bnr_wrap .quickBox a { display:inline-block; } 
.r_wing_wrap .r_wing_content .bnr_wrap .quickBox div { display: inline-block; width: 88px; padding: 18px 0; border-left: 1px solid #d6d1c9; border-bottom: 1px solid #d6d1c9; } 
.r_wing_wrap .r_wing_content .bnr_wrap .quickBox div p { font-size: 12px; color: #a38c81; font-family: 'NanumBarunGothic', sans-serif; padding-top: 10px; } 
.r_wing_wrap .r_wing_content .bnr_wrap .centerinfo { text-align: left; padding: 20px 0; border-bottom: 1px dashed #d6d1c9; } 
.r_wing_wrap .r_wing_content .bnr_wrap .centerinfo span { color: var(--main-color); font-size: 25px; display: block; margin-bottom: 10px; font-family: 'NanumBarunGothic', sans-serif; font-weight: bold; } 
.r_wing_wrap .r_wing_content .bnr_wrap > div > p { color: #8d6f60; font-family: 'NanumBarunGothic', sans-serif; line-height: 20px; } 
.r_wing_wrap .r_wing_content .bnr_wrap .bankinfo { text-align: left; padding: 20px 0; } 
.r_wing_wrap .r_wing_content .bnr_wrap .scroll_event { display: block; text-align: center; } 
.r_wing_wrap.on { position: absolute; top: unset !important; bottom: 570px; } 
.r_wing_wrap.on .r_wing_content { position: absolute !important; top: unset !important; bottom: -14px !important; } 

/* 포인트 칼라 */
:root { --main-color: #955251; }

/* BASIC css end */