/*====================================================================*/
/******************************** layout ******************************/
/*====================================================================*/

#wrap{width:100%; background:#fff; min-width:1400px; position:relative;}
#container{width:72%; margin:0 auto; padding:0 50px; box-sizing:border-box;}
#container:after{content:""; display:block; clear:both;}
#contents{width:100%; min-width:1000px; max-width:1200px; margin:0 auto;}
#contents:after{content:""; display:block; clear:both;}


/* 드래그 */
::selection{color:#6d6d6d; background:#efe9e8;}

/* 타이틀 */
.titleArea{margin:20px auto 40px; text-align:left; font-size:0; line-height:0; letter-spacing:0;}
.titleArea h2,
.titleArea p{display:inline-block; vertical-align:middle;}
.titleArea h2{margin-right:4%;  padding-left:40px; position:relative; box-sizing:border-box; font-size:22px; font-weight:300; line-height:26px; letter-spacing:0px; font-family:'Rufina', 'Nanum Myeongjo', serif;}
.titleArea h2:before{content:""; position:absolute; background-color:#898989; width:20px; height:1px; left:0px; top:13px;}
.titleArea p{font-size:11px; line-height:22px; letter-spacing:0.5px; color:#b9b9b9;}

.titleArea.board p{}

/*버튼*/
.btn_none{background:#bdbdbd; color:#fff; font-size:11px; line-height:1; font-weight:400; letter-spacing:1px; text-transform:uppercase; border-radius:2px; -webkit-transition:0.15s ease-in-out; -moz-transition:0.15s ease-in-out; -o-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}
.btn_white{border:1px solid #f3f3f3; background:#fff; color:#777; font-size:11px; line-height:1; font-weight:400; letter-spacing:1px; text-transform:uppercase; border-radius:2px; -webkit-transition:0.15s ease-in-out; -moz-transition:0.15s ease-in-out; -o-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}
.btn_point{border:1px solid #c58876; background:#c58876; color:#fff; font-size:11px; line-height:1; font-weight:400; letter-spacing:1px; text-transform:uppercase; border-radius:2px;}

.btn_01{display:inline-block; padding:22px 40px; box-sizing:border-box;} /*메인버튼*/
.btn_02{display:inline-block; padding:15px 100px; box-sizing:border-box;} /*회원가입_서브큰버튼*/
.btn_02{display:inline-block; padding:15px 85px; box-sizing:border-box; letter-spacing:0.5px; font-weight:normal;} /*한글 서브큰버튼*/
.btn_03{display:inline-block; padding:14px 0; width:100%; box-sizing:border-box;}/*로그인, 검색버튼_가로100*/
.btn_04{display:inline-block; padding:0 8px; height:26px; line-height:28px; font-size:11px; font-weight:normal; letter-spacing:0.2px; vertical-align:top; box-sizing:border-box; border-radius:2px;} /*우편번호버튼*/
.btn_05{display:inline-block; padding:0 12px; height:26px; line-height:28px; text-align:center; font-size:11px; font-weight:normal; letter-spacing:1px; vertical-align:top; box-sizing:border-box; border-radius:2px; _line-height:22px;}/*서브버튼*/
.btn_06{display:inline-block; padding:0 20px; height:26px; line-height:28px; font-size:11px; font-weight:normal; letter-spacing:0.2px; vertical-align:middle; box-sizing:border-box;}/*마이페이지 조회*/
.btn_07{display:inline-block; width:75px; text-align:center; height:24px; line-height:28px; font-size:11px; font-weight:normal; letter-spacing:0.5px; vertical-align:middle; box-sizing:border-box; margin-bottom:2px; border-radius:2px;}/*관심상품 선택영역*/
.btn_08{display:inline-block; width:80px; text-align:center; height:50px; line-height:50px; font-size:11px; letter-spacing:1px; vertical-align:middle; box-sizing:border-box; font-weight:normal; border-radius:2px;}/*댓글 확인*/

/*호버*/
.btn_white:hover{background:#f1f1f1; border-color:#f1f1f1;}
.btn_none:hover{background:#aaa;}


/*====================================================================*/
/******************************* header *******************************/
/*====================================================================*/

header{position:relative; width:100%; height:100px; max-width:1200px; margin:0 auto; z-index:999;}

/* 로그인메뉴 */
#user{position:absolute; top:60px; right:5px;}
#user ul{font-size:0; line-height:0; letter-spacing:0;}
#user > ul > li{display:inline-block; vertical-align:middle; font-size:11px; line-height:16px; margin-left:20px; position:relative;}
#user > ul > li a{display:block;}
#user > ul > li a i{font-size:14px;}

#joinpoint{position:absolute; top:-32px; left:-6px; background:#f5f5f5; width:52px; text-align:center; line-height:20px; border-radius:3px;}
#joinpoint .tail{position:absolute; left:23px; bottom:-5px; border-top:5px solid #f5f5f5; border-right :5px solid transparent; border-left :5px solid transparent;}

#drop_mypage{position:absolute; top:18px; left:-18px; background:#f5f5f5; width:92px; padding:10px 0 8px 16px; box-sizing:border-box; text-align:center; border-radius:4px; opacity:0; visibility:hidden; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}
#drop_mypage .tail{position:absolute; left:41px; top:-5px; border-bottom:5px solid #f5f5f5; border-right :5px solid transparent; border-left :5px solid transparent;}
#drop_mypage ul{text-align:left;}
#drop_mypage ul li{font-size:11px; line-height:22px; letter-spacing:0.2px;}
#btn_drop:hover #drop_mypage{top:23px; opacity:1; visibility:visible;}

#user ul li.xans-layout-orderbasketcount a strong{display:inline-block; vertical-align:middle; font-size:13px; margin-left:5px; font-weight:600; color:#c58876;}


/*====================================================================*/
/******************************** side ********************************/
/*====================================================================*/

aside{position:fixed; top:0; width:14%; min-width:200px; height:100%; background:#fbfaf9; text-align:left; z-index:1000; padding:55px 0 0 50px; box-sizing:border-box;}
aside#left{left:0;}
aside#right{right:0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}

/* 0 ~ 1200 */
@media screen and (max-width:1400px){
	aside#right{right:-200px;}
}

/* 좌측 */
aside h1{display:block; width:100%; font-size:28px; line-height:1; margin-bottom:60px; letter-spacing:0px; font-weight:400; font-family:'Rufina', 'Nanum Myeongjo', serif;}
aside h1 a{color:#454545;}

aside section{}
aside section ul{}
aside section ul li{position:relative; box-sizing:border-box; -webkit-transition:0.15s ease-in-out; -moz-transition:0.15s ease-in-out; -o-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}
aside section ul li a{display:block; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; color:#847f7b; -webkit-transition:0.15s ease-in-out; -moz-transition:0.15s ease-in-out; -o-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}

#cate{margin-bottom:40px;}
#cate > ul > li:first-child a{font-weight:bold; color:#c58876 !important;}
#cate > ul > li:nth-child(2) a{font-weight:bold;}
#cate > ul > li.on{padding-left:4px;}
#cate > ul > li.on a{color:#454545;}

#cate > ul > li .sub-category{position:absolute; top:-10px; left:40%; background:#f3f3f3; padding:9px 30px 7px 20px; z-index:1001; border-radius:3px;}
#cate > ul > li .sub-category li a{color:#847f7b;}
#cate > ul > li .sub-category li.over a{color:#454545;}
#cate > ul > li .sub-category:before{content:""; position:absolute; left:-10px; top:11px; border-bottom:13px solid #f3f3f3; border-right :10px solid transparent; border-left :10px solid transparent; transform:rotate(-90deg);}

#left .searArea{width:65%; position:relative; margin-bottom:60px;}
#left .searArea input{width:82%; box-sizing:border-box; height:22px; line-height:22px; border-bottom:1px solid #afafaf; padding:2px; background:transparent;}
#left .searArea .btn{position:absolute; top:0; right:0; padding:0 6px; font-size:15px; cursor:pointer;}
#left .searArea .btn i{line-height:25px; -webkit-transition:0.15s ease-in-out; -moz-transition:0.15s ease-in-out; -o-transition:0.15s ease-in-out; transition:0.15s ease-in-out;}
#left .searArea .btn:hover i{color:#c58876;}


/* 우측 */
#sns{margin-bottom:60px;}
#sns ul{}
#sns ul li{display:block; margin-bottom:7px;}
#sns ul li a{display:block; color:#7f7f7f;}
#sns ul li a span{display:inline-block; vertical-align:middle; line-height:24px; background:#f0f0f0; padding:0 10px; border-radius:20px; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}
#sns ul li a i{display:inline-block; vertical-align:-3px; font-size:15px; margin-right:10px;}
#sns ul li a:hover span{color:#c58876;}

#cs{}
#cs h2,
#cs h3{font-size:11px; letter-spacing:0.5px;}
#cs h2{margin:40px 0 6px; padding-left:15px; position:relative; text-transform:uppercase;}
#cs h2:before{content:""; position:absolute; background-color:#898989; width:8px; height:1px; left:0px; top:8px;}
#cs h3{font-size:17px; font-weight:500; padding-bottom:6px;}
#cs p{line-height:17px; color:#b9b9b9;}
#cs .num{font-size:12px; padding-left:8px;}

#cs span{padding-left:8px;}
#cs span.num{font-size:12px;}


/*====================================================================*/
/******************************* footer *******************************/
/*====================================================================*/

footer{width:100%; max-width:1200px; padding:30px 0; box-sizing:border-box; margin:120px auto 0; text-align:left; border-top:1px solid #f1f1f1; position:relative;}

/* 상점정보 */
footer span{display:inline-block; padding-right:8px; line-height:20px; font-size:11px; color:#b9b9b9; letter-spacing:0.2px;}
footer span a{display:inline-block; color:#b9b9b9; letter-spacing:0.2px; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}
footer span a:hover{color:#777;}

footer .copy{}
footer .escrow{position:absolute; bottom:35px; right:0;}

#f_menu{font-size:0; line-height:0; letter-spacing:0; margin-bottom:15px;}
#f_menu span{}
#f_menu span a{text-transform:uppercase; letter-spacing:0.4px;}

#f_info{font-size:0; line-height:0; letter-spacing:0;}
#f_info span{}


/* 인스타그램 */
#insta{margin-bottom:40px;}
#insta .titleArea{margin-bottom:20px;}
#insta .titleArea p{float:right; border:1px solid #eee; padding:1px 13px; border-radius:30px; cursor:pointer; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}
#insta .titleArea p:hover{color:#c58876;}

.xans-instagramwidget-display.typeGrid .thumb li { position:relative; float:left; box-sizing:border-box; background:#fff; width:calc(100% / 8); margin:0 !important; padding:2px !important;}
.xans-instagramwidget-display.typeGrid .thumb li a { display:block; }
.xans-instagramwidget-display.typeGrid .thumb li a img{max-width:100%; height:auto !important;}


/* 고정버튼 */
#fix_bottom{display:inline-block; position:fixed; right:30px; bottom:20px; z-index:1001;}
#fix_bottom a{display:block; padding:2px; opacity:0.7; -webkit-transition:0.1s ease-in-out; -moz-transition:0.1s ease-in-out; -o-transition:0.1s ease-in-out; transition:0.1s ease-in-out;}
#fix_bottom a:hover{opacity:1;}
#fix_bottom a:first-child{opacity:0.9;}


/* 상단 목록 있는 부분 - 게시판, 마이페이지 */
.list_box{display:inline-block; vertical-align:-2px;}
.list_box ul{margin:20px 0;}
.list_box ul li{display:inline-block; vertical-align:middle; font-size:11px; line-height:20px; position:relative; padding:0 8px;}
.list_box ul li a{color:#b9b9b9; letter-spacing:0.2px;}
.list_box ul li:before{content:""; position:absolute; top:3px; left:0px; width:1px; height:10px; background:#dfdfdf;}
.list_box ul li:first-child{padding-left:0;}
.list_box ul li:first-child:before{display:none;}


/* 팝업 */
#modalBackpanel{display:none; position:absolute; top:0; left:0; z-index:1000; width:100%; height:100%; background:#6d6a64;}
#modalContainer{display:none; position:absolute; top:100px; left:100px; z-index:1001; width:900px; height:640px; border:0; background:#fff; border-radius:20px; box-shadow:-1px -1px 10px rgba(70,70,70,0.015);}

#modalContainer #modalContent{width:100%; height:100%; border-radius:20px;}

#popup{border-radius:20px; background:#fff;}
#popup .ec-base-layer{}
#popup .ec-base-layer .header{}
#popup .ec-base-layer .close{}

#modalBackpanel,
#modalContainer{opacity:0; visibility:0; 
-webkit-transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; 
-moz-transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; 
-o-transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; 
transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; 
-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
#modalBackpanel.active{opacity:0.4; visibility:visible;}
#modalContainer.active{opacity:1; visibility:visible;}

#capp-shop-new-product-optionselect-layer,
#capp-shop-new-product-optionselect-iframe{border:0 !important; border-radius:20px !important;}
/*
     FILE ARCHIVED ON 16:19:46 Dec 27, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:13:50 Jan 31, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.668
  exclusion.robots: 0.029
  exclusion.robots.policy: 0.017
  esindex: 0.009
  cdx.remote: 11.911
  LoadShardBlock: 137.444 (3)
  PetaboxLoader3.datanode: 113.553 (4)
  load_resource: 29.325
*/