@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.jsdelivr.net/npm/@fontsource/noto-serif-kr@5.2.5/index.min.css);
@import url(https://fonts.cdnfonts.com/css/playfair-display);
@import url(https://cdn.jsdelivr.net/xeicon/1/xeicon.min.css);
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
@import url(css/blank.css);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04rem;color:inherit;}
html {font-size: 20px;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
ul, li {list-style:none;}
body {font-family: "Pretendard", "Pretendard Variable", sans-serif; color:#534e48;}
div {display:block;}



.inner {width:1400px; margin: auto; clear: both;}
.inner2 {width:1200px; margin: auto; clear: both;}
.c_default {color:#303030 !important}
.c_lightgray {color:#b0b0b0 !important}
.c_gray {color:#909090 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.color1 {color: #bd914d;}
.color2 {color: #aba7a2;}



h1,h2 {font-weight:300;line-height:1.3;font-family: 'Noto Serif KR';}
h1 {font-size:2.5rem;}
.sizeh1 {font-size: 2.5rem !important;}
h1.small {font-size: 2.2rem;}
h1.big {font-size: 3rem; }
h1.superbig {font-size: 4rem; letter-spacing:-0.02em; line-height: 1.1;}
.h1_giant {font-size: 5rem; letter-spacing:-0.03em;}
h2 {font-size:2rem}
h3 {font-size:1.5rem; font-weight:400; line-height:1.4; font-family: 'Noto Serif KR';}
.sizeh3 {font-size:1.5rem; }
h4 {font-size:1.2rem; font-weight:400; line-height:1.618; word-break:keep-all;}
.sizeh4 {font-size: 1.2rem;}
h5 {font-size:1.1rem; font-weight: 500; line-height:1.618; word-break:keep-all;}
.sizeh5 {font-size: 1.1rem !important;}
p {font-size:1rem; line-height:1.7; color:inherit; word-break:keep-all; }
p.small {font-size:0.9rem; }
p.typeline {font-size:0.8rem; font-family: "Noto Serif KR", serif;}
.size_psmall {font-size: 0.9rem !important;}
sub {font-size: small; }
.uppercase {text-transform: uppercase;}


.batang {font-family: "Noto Serif KR", serif;}
.gothic {font-family: "Pretendard", "Pretendard Variable", sans-serif;}
.tight {letter-spacing: -0.2rem;}
.loose {letter-spacing: 0.4rem;}
.loose1 {letter-spacing: 0.2rem;}
.loose2 {letter-spacing: 0.03rem;}

b {letter-spacing: inherit; font-weight: 600;}
.thin {font-weight: 200 !important;}
.bold {font-weight: 600 !important;}
.black {font-weight: 800 !important;}


span {color:inherit; letter-spacing: inherit;}

.float {float:left;}
.float_r {float:right}
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.clearfix::after {content:""; clear:both; display: block;}
.inlineblock {display: inline-block;}

.relative {position: relative;}


.flex {display: flex !important;}
.col1 {flex: 1;}
.col2 {flex: 2;}
.col3 {flex: 3;}
.col4 {flex: 4;}
.col5 {flex: 5;}
.col6 {flex: 6;}

.flex_center {display: flex !important; justify-content: center;}
.flex_c_center {display: flex !important; flex-direction: column; justify-content: center !important;}
.flex_c_end {display: flex !important; flex-direction: column; justify-content: end;}
.flex_between {display: flex !important; justify-content: space-between;}
.flex_evenly {display: flex !important; justify-content: space-evenly;}


.bdb {border-bottom:1px #e0e0e0 solid}
.bdt {border-top:1px #e0e0e0 solid}
.bdl {border-left:1px #e0e0e0 solid}
.bdr {border-right:1px #e0e0e0 solid}



/* 컬럼 설정 */
.w05 {width: 5% !important;}
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w20 {width: 20% !important;}
.w22 {width: 22% !important;}
.w25 {width: 25% !important;}
.w30 {width: 30% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w50 {width: 50% !important;}
.w60 {width: 60% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w85 {width: 85% !important;}
.w90 {width: 90% !important;}
.w100 {width: 100% !important;}

.width100 {width: 5rem !important;}
.width700 {width: 35rem !important;}





/* 공통 */
#wrap {width:100%; min-width:1400px; margin:auto; position:relative; }


h1.logo {width: 9rem; height: 2.65rem; background: url(/images/logo.png) no-repeat; background-size: contain; text-indent: -10000px;}
h1.logo a {display: block;}



#header_pc {width:100%; display: flex; height: 5rem; position: fixed; z-index: 100; justify-content: space-between; align-items: center; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
#header_pc .bg {width: 100%; height: 100%; background:  rgba(189, 145, 77, 0.95); position:absolute; z-index: -1; top: 0; opacity: 0; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;  display: flex; justify-content: center; overflow-y: hidden;padding:5rem 4.5rem 0 12rem; }
#header_pc.open .bg {opacity: 1; height: 19rem;}
#header_pc .bg .subnav {}
#header_pc .bg .subnav > div {display: flex; text-align: center;}
#header_pc .bg .subnav dl {width: 8rem; }
#header_pc .bg .subnav dd {line-height: 1.8rem; font-size: 0.9rem;}
#header_pc .bg .subnav a {display:block; color:#323333; font-weight: 500;}
#header_pc .bg .subnav a:hover {color: #f3f1ea; font-weight: 700;}

#header_pc .logo {margin-left: 3rem;}
#header_pc .menu {margin-right: 3rem;}
#header_pc .menu a {width: 1.5rem; height: 1.2rem; background: url(images/menu.gif); display: block; text-indent: -5555px;}
#header_pc #gnb {}
#header_pc #gnb ul {display: flex;}
#header_pc #gnb li {position: relative; font-size: 1rem; line-height: 5rem; color: #fff; width: 8rem; text-align: center;} 
#header_pc #gnb .topnav a {font-weight: 600; color: #fff; width: 100%; height: 100%; display: block;}
#header_pc #gnb .topnav a.on {color: #bd914d; font-weight: 700; position: relative;}
#header_pc #gnb .topnav a:hover,#header_pc:hover #gnb .topnav a.on {color: #534e48; }


#header_pc.jbFixed {height: 4rem; z-index: 10000;}
#header_pc.jbFixed .bg {opacity: 1; padding:4rem 4.5rem 0 12rem;}
#header_pc.jbFixed.open .bg {  height: 18rem;}
#header_pc.jbFixed #gnb .topnav a.on {color: #534e48;}
#header_pc.jbFixed #gnb .subnav {top: 4rem;}


#quick {position: fixed; right: 2rem; bottom: -5rem;  z-index: 100; width: auto; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#quick.jbFixed {bottom: 2rem;}
#quick a {display: block; width: 3rem; height: 3rem; border-radius: 3rem; text-indent: -10000px; background-position: center; background-repeat: no-repeat; box-shadow: 5px 5px 7px rgba(0,0,0,0.3); }
#quick a.shop {background-image: url(images/quick_shop.png); background-color: #fff;}
#quick a.shop:hover {background-image: url(images/quick_shop_hover.png); background-color: #333;}



#footer {width:100%; background-color: #534e48; color: #fff; display: inline-block; position: relative; padding: 3rem 0;}

#footer .logo {background-image: url(/images/logo.png);}
#footer .flex {justify-content: space-between;}
#footer .txt {}
#footer .txt span {font-size: 0.9rem;line-height: 1.35;}
#footer .policy {display:flex; justify-content: center; }
#footer .policy a {font-size: 0.9rem; display: block; margin-left: 1rem; color: #fff !important;}