@charset "utf-8";

/* 
 * layout CSS Document
 * KOWEB
 */

*{box-sizing:border-box;}
#wrap{position:relative; margin:0 auto; overflow:hidden; opacity:0; transition:all 500ms ease;}
#wrap.active{opacity:1;}
::selection{background:rgba(167, 89, 26, 0.4); color:#fff;}
#container{position: relative; margin:0 auto;}
#container:after{content:''; display:block; clear:both;}
#content{position:relative; max-width:1200px; min-height:800px; margin:0 auto; padding:65px 0;}

#header{position:relative; width:100%; height:101px; z-index:100; /*border-top:3px solid #e6ad7f; border-bottom: 1px solid #ededed;*/ background-color:#ffeea3;}
#header .inr{position:relative; width:100%; height:100%; margin:0 auto;}
#header .logo{position:absolute; top:26px; left:30px; z-index:10;}
#header .logo > a{display:block; width:192px; height:52px; font-size:0; text-indent:100%; background:url(/images/common/logo.png) no-repeat;}
.nav_bg{display:none;position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; background:rgba(0,0,0,.4);}
.area_util_mo{display:none;}
.area_util{position:absolute; top:20px; right:24px;}
.area_util:after{content:""; display:block; clear:both;}
.area_util > a{position:relative; display:block; float:left; margin:0 4px; font-size:13px; color:#888 !important; font-weight:300;}
.area_util > a:last-child{margin-right:0;}
.area_util > a:after{content:''; display:inline-block; width:1px; height:10px; margin:0 0 0 8px; background-color:#e0e0e0;}
.area_util > a:last-child:after{margin-right:0; background-color:transparent;}

/* tab */
.area_tab{position:relative; margin:0 auto;}
.area_tab ul{display:table; width:100%; table-layout:fixed;}
.area_tab ul > li{display:table-cell;}
.area_tab ul > li > a{display:block; height:50px; line-height:50px; font-size:15px; font-weight: 400; color:#9d9d9d; text-align: center; background-color: #f2f2f2;}
.area_tab ul > li > a.on{position:relative; color:#fff; background-color:#b58863;}

/* mobile gnb */
.btn_menu{display:none; position:absolute; top:0px; right:-20px; z-index:50; box-sizing:content-box; padding:15px; margin:auto; width:22px; height:25px; cursor:pointer;}
.btn_menu .box{position:absolute; display:block; top:50%; margin:0 auto; font-size:0; text-indent:100%; transition:all 0ms 300ms;}
.btn_menu .box,
.btn_menu .box:after,
.btn_menu .box:before{width:20px; height:1px; background:#111;}
.btn_menu .box:before,
.btn_menu .box:after{content:""; position:absolute; left:0;}
.btn_menu .box:before{bottom:6px; transition:bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.btn_menu .box:after{top:6px; transition:top 300ms 300ms cubic-bezier#footer .f_navi(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.btn_menu.close{right:0px;}
.btn_menu.close .box{background:transparent;}
.btn_menu.close .box:after{top:0; transform:rotate(45deg); transition:top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.btn_menu.close .box:before{bottom:0; transform:rotate(-45deg); transition:bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}

/* 푸터 */
#footer{position:relative; margin:0 auto; width:100%; height:auto; text-transform:uppercase; color:rgba(255,255,255,0.34); font-size:13px; font-weight:300; background-color:#0f0f0f;}
#footer > .inr{position:relative; margin:0 auto; max-width: 1680px; padding:50px 0 0 0;}
#footer > .inr:after{content:''; display:block; clear:both;}
#footer > .inr02{position:relative; margin:0 auto; padding:6px 0 16px 0; border-top:1px solid #1f1f1f;}
#footer > .inr02:after{content:''; display:block; clear:both;}
#footer .flogo{display:block; position: absolute; top:140px; right:0px; width:166px; height:46px; font-size:0; text-indent: 100%; background:url(/images/common/img_flogo.png) no-repeat 50% 50%;}
#footer .flogo02{margin:-40px 0 40px 0;}
#footer a{display:inline-block; color:rgba(255,255,255,0.34) !important;}
#footer address{padding:35px 0 40px 0; line-height:1.6em;}
/*#footer address{padding:35px 0 90px 0; line-height:1.6em;}*/
#footer address span{display:inline-block; margin:0 40px 8px 0;}
#footer address span:first-child{margin-left:0;}
#footer address em{display:inline-block; margin-right:10px; font-weight:300; color:rgba(255,255,255,1);}
#footer p{padding-top:20px; line-height:1.6em; letter-spacing: 0.2px; color:rgba(255,255,255,0.24) !important; font-weight: 400;}
/*#footer p{padding-top:46px}*/
#footer p > i{display: inline;}
#footer br{display:none;}
#footer .flink01,
#footer .flink02{display:inline-block; vertical-align: middle; margin:-4px 0 0 5px; width:20px; height:20px; font-size: 0; text-indent: 100%; background:url(/images/common/flink01.png) no-repeat 50% 50%;}
#footer .flink02{background-image:url(/images/common/flink02.png);}
#footer .f_btn > a{display:inline-block; padding:3px 8px; border:1px solid rgba(255,255,255,0.1);}
#footer .f_btn > a:hover{background-color: rgba(255,255,255,0.05); transition:all 0.3s ease-out 0s;}
#footer div{display:block; position: relative;}
#footer .inr02 > div{ position: relative; margin:0 auto; max-width: 1680px; height:52px;}
#footer .f_icon{display:none; position: absolute; bottom:20px; right:0px; color:rgba(255,255,255,0.24); letter-spacing: 0; font-weight: 200;}
#footer .f_icon li{display: inline-block; padding-left:63px; margin-left:30px; width:auto; height:33px; background-repeat:no-repeat; background-position:15px -3px; border-left:1px solid rgba(255,255,255,0.09);}
#footer .f_icon li:first-child{padding-left:75px; margin-left:0; height:54px; vertical-align: text-bottom; background-image:url(/images/common/ficon01.gif); background-position: 0 10px; border-left:0;}
#footer .f_icon li:nth-child(2){background-image:url(/images/common/ficon02.gif);}
#footer .f_icon li:nth-child(3){padding-left:72px; background-image:url(/images/common/ficon03.gif);}
#footer .f_icon li:nth-child(4){background-image:url(/images/common/ficon04.gif);}
#footer .f_icon li > em{display: block; margin-bottom:3px; font-weight: 400; letter-spacing: 0.3px;}
#footer .f_icon li:first-child > em{margin-bottom:8px; font-size: 14px; letter-spacing: 0;}
#footer .f_icon li > br{display: block !important;}
.flogo + .btn_top{display:block; overflow:hidden; z-index:50; position:absolute; right:0px; top:30px; width:56px; height:56px; font-size: 0; text-indent: 100%; background:#000 url(/images/common/btn_top.png) no-repeat 50% 50%; transition:all 0.5s ease 0s;}
.quick_open + .btn_top{display:none;}

/* lnb */
.area_lnb{position:relative; width:100%; margin:0 auto; text-align: center;}
.area_lnb .inr{padding:0;}
.area_lnb .lnb{margin:0 auto; width:100%; max-width: 1200px; border:1px solid #d0d0d0;}
.area_lnb .lnb > li{display:inline-block; vertical-align:middle;}
.area_lnb .lnb > li > ul{display:none;}
.area_lnb .lnb > li > a{display:inline-block; padding:22px 0; margin-right:25px; font-size:15px; font-weight:300; color:#888;}
.area_lnb .lnb > li > a:after{content:''; margin-left:28px; vertical-align: middle; display:inline-block; width:2px; height:12px; background-color: #f0f0f0;}
.area_lnb .lnb > li:last-child > a{margin-right:0;}
.area_lnb .lnb > li:last-child > a:after{display:none;}
.area_lnb .lnb > li > a.on {font-weight:700; color:#5f5145;}
.area_lnb .lnb > li > a.on > span{display:inline-block; position: relative;}
.area_lnb .lnb > li > a.on > span:after{content:''; position: absolute; top:-4px; left:-8px; margin:0; display: block; width:5px; height:5px; background-color: #e17a4a; border-radius: 50%;}

/* 카테고리 */
.web{margin:0 auto !important; text-align: center;}
.web > li > a{border:1px solid #e0e0e0;}
.mob > ul{font-size:13px;}
.mob .title{padding:10px; font-size:16px; background-color: #fafafa;}
.web > li{padding-left:10px !important;}
.web > li > ul{left:10px !important; width:calc(100% - 10px) !important;}

/* 기존 스타일 변경 */
.button{background-color:#b3aaa2; border-color:#a59c95;}
/*.area_shopCart *[data-cart-option="img"] > div{padding-left:125px;}*/
.addcordion_conts .count{margin-top:0;}

/* 주문정보입력 */
.area_shop_payment .designRadio.blue > em{display:inline-block; margin-left:10px; font-weight: 500; color:#236af7;}
.area_shop_payment .bankbook ul li.cash_paper{padding:0;}
.cash_paper > p{margin:20px 0; padding:20px; border:1px solid #ddd; background-color: #fafafa;}

/* 주문내역 */
.area_shopPay *[data-shop-view='point'] em{width:22%;}
.area_shopPay *[data-shop-view='point'] span{width:68%;}

/* 제품목록 */
.area_shopList{margin:0 auto;}
.area_shopList .area_product_best *[data-shop-view="choice"]{border-top:0;}
.area_shopList > div:not(.best) *[data-shop-list="default"] > li .img{height:180px;}
.area_shopList .area_product_best *[data-shop-list="default"]{margin-left:0;}
.area_shopList .area_product_best *[data-shop-list="default"] > li > a .price{display:inline-block;}
.area_shopList .area_product_best *[data-shop-list="default"] > li > a .price i:first-child{margin:0 6px 0 12px;}
.area_shopList .area_product_best *[data-shop-list="default"] > li > a .price i:last-child{margin-left:12px; font-size:15px; color:#2e2e2e;}
.area_shopList .area_product_best *[data-shop-list="default"] > li > a .price i:after{margin-left:2px;}
.area_shopList .area_product_best *[data-shop-list="default"] > li > a .weight{display:block; margin:15px 18px 6px 12px; font-size:15px; font-weight: 300; color:#2e2e2e;}
.area_shopList .area_product_best *[data-shop-list="default"] > li > a .weight > i{display:inline-block; margin-left:15px; font-size: 13px; font-weight: 300; font-style:italic;}
.area_shopList .area_product_best *[data-shop-list="default"] > li > a > em{margin:20px 0 0 12px; width:80%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color:#2e2e2e; font-weight: 700; font-size: 16px; text-align: left;}
.area_shopList .area_product_best *[data-shop-view="choice"]{float:right; margin:-25px 12px 0 0; padding:0;}
.area_shopList .area_product_best *[data-shop-list="default"] > li *[data-shop-list="util"]{opacity: 1; top:130px; left:inherit; right:14px;}
.area_shopList .area_product_best *[data-shop-list="default"] > li *[data-shop-list="util"] > a{display:inline-block; margin:2px 1px; background-color: #b3aaa2; border-radius:50%;}
.area_shopList .area_product_best *[data-shop-list="default"] > li *[data-shop-list="util"] > a.view{display:none;}
.area_shopList .area_product_best *[data-shop-list="default"] > li *[data-shop-list="util"] > a.basket{display:inline-block; background-color: #fff;}
.area_shopList .area_product_best *[data-shop-list="default"] > li *[data-shop-list="util"] > a:before{opacity: 1;}
.area_shopList .area_product_best *[data-shop-list="default"] > li *[data-shop-list="util"] > a:hover:before{opacity:0.5;}
.area_shopList .area_product_best *[data-shop-list="default"] > li{width:calc(100% / 5); padding-left:6px;}
.area_shopList .area_product_best *[data-shop-list="default"] > li:nth-child(4n+1){clear: inherit;}
.area_shopList .area_product_best *[data-shop-list="default"] > li:nth-child(5n+1){clear: left;}
.area_shopList .area_product_best *[data-cart-table="weight"] > .weight{display:inline-block; margin:0 18px 0 0px; font-size:15px; font-weight: 300; color:#2e2e2e;}
.area_shopList .area_product_best *[data-cart-table="weight"] > .weight > i{display:inline-block; margin-left:5px; font-size: 13px; font-weight: 300; font-style:italic;}
.area_shopList .area_product_best *[data-cart-table="price"] > .price i{font-size:15px; font-weight:600; color:#292929;}
.area_shopList .area_product_best *[data-cart-table="price"] > .price i:after{content:'원'; display:inline-block; margin-left:2px; font-size:14px; font-weight:300;}
/*.area_shopList .area_product_best *[data-shop-list="default"] > li > a .price i:last-child{margin-left:18px;}*/
.area_shopList .area_product_best *[data-shop-list="default"] > li > a .sold{margin:-5px 12px 0 12px; padding:5px 0; font-weight: 700; color:#d63024; border:2px solid #efefef;}
.area_shopList .area_product_best *[data-category-location="list"] > li{font-size: 14px;}
.area_shopList .area_product_best *[data-category-location="list"] > li:before{top:7px ; right:-3px; width:6px ; height:8px; background:url(/images/content/icon_navigation02.svg) no-repeat 50% 50%;}
.area_shopList .area_product_best .count{display:block;}
.area_shopList .area_product_best .total .sort > li:last-child > ul > li{padding:0 25px 10px 20px;}
.area_shopList .area_product_best .total .sort > li > a{margin-left:20px;}
.area_shopList .area_product_best .total{margin-top:20px;}
.area_shopList *[data-shop-view="addcordion_conts"]{padding:0; border:0}
.area_shopList > [data-shop-view="addcordion_conts"]{display:block;}

/* 장바구니 / 제품목록 공통버튼 */
.area_cartView .count button{margin:0 4px; padding:0 4px; min-width: 40px; font-size: 12px; color:#888; text-align: center;}
.area_cartView .count button:before{display:none;}
.area_shopList .area_product_best *[data-shop-list="default"] .count input[type="text"],
.area_cartView *[data-shop-view="choice"] .count input[type="text"]{width:32px; border-color:#e7e7e7; font-size:12px; font-weight: 300;}
.area_cartView *[data-shop-view="choice"] .count input[type="text"]{border:1px solid #d0d0d0;}
.area_cartView *[data-shop-view="choice"] .del{border:0;}
.area_cartView *[data-shop-view="choice"] .del:before{opacity:1; width:10px; height:10px; background:url(/images/common/img_del.png) no-repeat 50% 50%; background-size: 100%;}
*[data-shop-view="choice"] .count button.brown{color:#fff; background-color: #b3aaa2; border:1px solid #a59c95;}
*[data-shop-view="choice"] .count button,
*[data-cart-table="count"] .count button{border-color:#c8c8c8; background-color: #f7f7f7;}
*[data-shop-view="choice"] .count button.minus:before,
*[data-cart-table="count"] .count button.minus:before{opacity:1; width:10px; height:10px; background:url(/images/common/img_minus.png) no-repeat 50% 50%;}
*[data-shop-view="choice"] .count button.plus:before,
*[data-cart-table="count"] .count button.plus:before{opacity:1; width:10px; height:10px; background:url(/images/common/img_plus.png) no-repeat 50% 50%;}
*[data-shop-view="choice"] .count input[type="text"],
*[data-shop-view="choice"]{border-top:0;}
*[data-cart-table="count"] .count{margin-top:0px;}
*[data-cart-table="count"] .count input[type="text"]{width:32px; border-color:#e7e7e7; color:#606060; font-size:12px; font-weight: 300;}

/* 제품검색 리스트형 */
#content .area_shopList .table.table thead + tbody tr td[data-cart-table="checkbox"]{text-align: left;}
#content .area_shopList .table.table thead + tbody tr td[data-cart-table="origin"]{text-align: center;}

/* 제품상세 */
.area_shopView *[data-shop-view] dd > span{display:block;}
.area_shopView *[data-shop-view] dd > span + br{display:none;}
.area_shopView *[data-shop-view] dd > em{display:block; margin-top:5px; color:#888; font-size:13px;}
.area_shopView *[data-shop-view="choice"]{padding:0; margin:0; float: none; border-top:0;}
.area_shopView *[data-shop-view="photo"] .img{height:530px;}
.area_shopView *[data-shop-view="tab"].fix{top:0px;}
.area_shopView *[data-shop-view="conts"] #shopView01{text-align:center;}
.area_shopView *[data-shop-view="info"] .box_btn .button{min-width: calc(100% / 4 - 4px);}

/* 퀵메뉴 */
.quick_open,
.quick_close{display: none;}
.area_quick{position:absolute; top:0; z-index: 13; width:280px; padding-top:65px; transition:all 0.4s ease-out 0s;}
.area_quick.left{left:20px;}
.area_quick.right{right:20px;}
.area_quick.fix{position:fixed; padding-top:30px;}
.area_quick.fix.none{position:absolute;}

/* quick 검색 */
.quick_right *[data-shop-view="choice"]{float:none; margin:0; padding:20px 0;}
.quick_right *[data-shop-view="choice"] ul > li > span{display:inline-block; vertical-align:middle;}
.quick_right *[data-shop-view="choice"] ul > li > span:nth-of-type(1){padding-top:5px !important;}
.quick_right .quick_box.search > form{height:38px; border:1px solid #cfcfcf;}
.quick_right .quick_box.search > form > input{border:0; width:180px;}
.quick_right .quick_box.search > form > input.button{margin:0; padding:0; min-width:inherit; width:32px; height:36px; font-size:0; text-indent: 100%; background:transparent url(/images/common/btn_search.png) no-repeat 50% 50%; border:0;}
.quick_right .quick_box.search > form > .button:before{display:none;}
.quick_right .quick_box.search > form > .button:hover,
.quick_right .quick_box.search > form > .button:focus{box-shadow:0px 0px 0px rgba(0,0,0,0);}

/* quick 장바구니 */
.area_cartView{color:#2e2e2e; font-size:14px; font-weight: 300;}
*[data-shop-view="choice"] ul > li > span:nth-of-type(2) > span{display:none;}
.area_cartView *[data-shop-view="choice"] ul{min-height: 73px;}
.area_cartView *[data-shop-view="choice"] ul > li > span{padding:5px 0;}
.area_cartView *[data-shop-view="choice"] ul > li > span:nth-of-type(1){padding-top:0; width:20%; max-width:76px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.area_cartView *[data-shop-view="choice"] ul > li > span:nth-of-type(2){position: relative; margin-left:20px; width:20%;}
.area_cartView *[data-shop-view="choice"] ul > li > span:nth-of-type(3){width:50%; padding-right:35px;}
.area_cartView *[data-shop-view="choice"] ul{background-color: transparent;}
.area_cartView *[data-shop-view="choice"] ul > li{border-top:0;}
.area_cartView *[data-shop-view="total"]{margin-bottom:20px; padding-top:0; border-top:0;}
.area_cartView *[data-shop-view="total"] em:before{content:''; display:inline-block; position: absolute; margin:3px 0 0 -58px; width:1px; height:12px; background-color: #e0e0e0;}
.area_cartView *[data-shop-view="total"] em{margin-left:88px;}
.area_cartView *[data-shop-view="total"] em,
.area_cartView .price{display:inline-block; font-size:16px; font-weight: 900; text-align: left;}
.area_cartView .price:before{content:''; display:block; position: absolute; margin-top:-6px; top:50%; left:-10px; width:1px; height:12px; background-color: #e0e0e0;}
.area_cartView .btn_area{padding:20px 0; border-top:2px solid #888;}
.area_cartView .btn_area .button{padding:0; width:100px; height:32px; line-height: 32px; font-size: 13px; font-weight: 300; background-color: #47392d; border-color: transparent; border-radius: 3px;}
.area_cartView .btn_area .button.gray{color:#777 !important; font-weight: 300; background-color:#f2f2f2; border-color:transparent;}

/* quick 기가허브몰 목록 */
.quick_left u{display:block; padding-top:24px; width:100%; text-decoration: none; color:#fff; font-size: 24px; font-family:'MuseumL'; text-align: center; background-color: #2b2b2b; border-radius: 10px 10px 0 0;}
.quick_left ul{margin:-2px 0 34px 0; padding:18px 0 8px 0; text-align: center; background-color: #2b2b2b; border-radius: 0 0 10px 10px;}
.quick_left li:first-child{padding-top:3px;}
.quick_left li{position:relative; padding:0 13px; display:block; background-color: #fff;}
.quick_left li a{display:block; padding:14px 10px; line-height:1.8em; font-weight: 300; font-size: 16px; color:#898989 !important; border-bottom:1px solid #f0f0f0;}
.quick_left li:last-child a{border-bottom:0;}

/* quick 고객센터 */
.box_tel > a{display:block; margin:15px 0 28px 0; color:#47392d; font-size:20px; font-weight: 500;}
.box_tel > a > em{display:block; margin-top: 15px; padding-left:30px; width:105px; height:34px; line-height: 34px; font-size:13px; font-weight: 400; color:#5f5f5f; background:#f2f2f2 url(/images/common/quick01.png) no-repeat 7px 50%; border-radius: 3px;}
.quick_left .quick_box .box_time{margin-top:25px; padding-top:25px; border-top:1px solid #f5f5f5;}
.quick_left span{font-size:13px;}

.area_quick .quick_left .m_banner a{display:block; width:280px;} 
.area_quick .quick_left .m_banner a img{width:100%;}

/* quick 공통스타일 */
.quick_box{margin-bottom:14px; padding:25px 25px; color:#8e8e8e; font-size:14px; line-height: 1.7em; font-weight: 300; background-color: #fff; border:1px solid #f0f0f0;}
.quick_box em{display:block; color:#2e2e2e; font-weight: 600;}
.quick_box i{display:block; margin-bottom:15px; padding-left:45px; color:#5f5f5f; font-weight: 400; background:url(/images/common/quick02.png) no-repeat 0px 50%;}
.area_quick h3{margin-bottom:12px; font-size:18px; font-weight: 300; color:#2e2e2e;}
.area_quick h3 > span{display:inline-block; margin-left:10px; font-size:14px; color:#777;}

/* quick 검색하기 */
.area_cartView + .quick_box.search{margin-top:25px;}
.quick_box.search h4{margin-bottom:15px; color:#2e2e2e; font-weight: 300; font-size: 16px;}
.quick_box.search h4 span{display:inline-block; color:#47392d; font-weight: 600;}
.quick_box.search ul{margin-bottom:28px; overflow: hidden;}
.quick_box.search li{display:block; float:left; margin:0 6px 6px 0;}
.quick_box.search li:nth-child(7),
.quick_box.search li:nth-child(14){margin-right:0;}
.quick_box.search li a{display:block; width:26px; height:26px; font-size: 0; text-indent: 100%; border:1px solid #ededed; background-repeat: no-repeat; background-position: 50% 50%; background-size: 20px 20px;}
.quick_box.search li a.on{background-color: #ffeea3; border-color: #f5e49b;}
.quick_box.search li:nth-child(1) a{background-image:url(/images/common/img_cho01.png);}
.quick_box.search li:nth-child(2) a{background-image:url(/images/common/img_cho02.png);}
.quick_box.search li:nth-child(3) a{background-image:url(/images/common/img_cho03.png);}
.quick_box.search li:nth-child(4) a{background-image:url(/images/common/img_cho04.png);}
.quick_box.search li:nth-child(5) a{background-image:url(/images/common/img_cho05.png);}
.quick_box.search li:nth-child(6) a{background-image:url(/images/common/img_cho06.png);}
.quick_box.search li:nth-child(7) a{background-image:url(/images/common/img_cho07.png);}
.quick_box.search li:nth-child(8) a{background-image:url(/images/common/img_cho08.png);}
.quick_box.search li:nth-child(9) a{background-image:url(/images/common/img_cho09.png);}
.quick_box.search li:nth-child(10) a{background-image:url(/images/common/img_cho10.png);}
.quick_box.search li:nth-child(11) a{background-image:url(/images/common/img_cho11.png);}
.quick_box.search li:nth-child(12) a{background-image:url(/images/common/img_cho12.png);}
.quick_box.search li:nth-child(13) a{background-image:url(/images/common/img_cho13.png);}
.quick_box.search li:nth-child(14) a{background-image:url(/images/common/img_cho14.png);}

/* quick 입금계좌 */
.quick_box.account li{padding:8px 0; font-weight: 500; color:#2e2e2e; font-size:15px;}
.quick_box.account li:before{content:''; margin-right:12px; display:inline-block; vertical-align: middle; width:80px; height:20px; background:url(/images/common/quick03.png) no-repeat 50% 50%;}
.quick_box.account li:last-child:before{background-image:url(/images/common/quick04.png);}
.quick_box.account li:last-child{border-top:1px solid #f5f5f5;}

@media all and (min-width:1300px){
	/* pc gnb */
	.area_gnb{margin:0 auto; text-align:center;} 
	.area_gnb .gnb > li{display:inline-block; margin:0 32px; vertical-align:top;}
	.area_gnb .gnb > li > a{display:block; padding:51px 0 22px 0; font-size:18px; color:#343434; font-weight:400;}
	body[class*="ie"] .area_gnb .gnb > li > a{padding:51px 0 26px 0;}
	.area_gnb .gnb > li > a:hover{border-bottom:2px solid #aea59a;}
	.area_gnb .gnb .depth{opacity:0; z-index:-1; visibility:hidden; position:absolute; top:100%; margin-left:-3%; transition:all 0.6s ease-out 0s;}
	.area_gnb .gnb .depth:after{content:''; z-index:-1; display:block; position:absolute; top:0px; left:0px; width:100%; height:65px;}

	.area_gnb .gnb .depth > li{display:inline-block;}
	.area_gnb .gnb .depth > li > a{display:inline-block; padding:3px 6px; margin:15px 2px; word-break:keep-all; font-size:14px; font-weight:300; color:#888 !important; border:1px solid transparent; transition:all 0.6s ease 0s;}
	.area_gnb .gnb .depth > li:hover > a{color:#fff !important; background-color:#da965a; border-radius:3px;}
    .area_gnb .gnb .depth > li:first-child > a{border-top:0;}
    .area_gnb .gnb .depth > li > ul{display:none;}
	.area_gnb .gnb > li:hover .depth{opacity:1; visibility:visible; z-index:1}
}

@media all and (max-width:1850px){
    #content,
    .area_shopList.cate,
    .area_lnb .lnb{max-width: 62%;}
    *[data-shop-view="tab"].fix{max-width: inherit; width: 62%;}
}

@media (max-width:1800px) and (min-width:1300px){
	.area_gnb .gnb > li{margin:0 20px;}
    .area_gnb .gnb > li > a{padding:34px 0 19px 0; font-size:17px;}
    body[class*="ie"] .area_gnb .gnb > li > a{padding:27px 0;}
	.area_gnb .gnb .depth > li > a{font-size:13px;}
}

@media all and (max-width:1800px){
	#header{height:80px;}
	#header .logo{top:18px; left:3%;}
    #header .logo > a{width:145px; height:51px; background-size: 100%;}
    #footer > .inr{padding:35px 4%;}
    #footer address{padding:20px 0 45px 0;}
	.area_util{top:12px; right:2%;}
	
	#footer > .inr{padding:40px 4%;}
    #footer .inr02 > div{padding:20px 4% 10px 4%; max-width: inherit; height:auto;}
/*    #footer .inr02 > div{padding:40px 4%;}*/
	#footer .f_icon,
    #footer .flogo{position: relative; top:0px; right:inherit; left:0px;}
    #footer .flogo02{position: absolute; margin:0; top:-80px; right:100px;}
	#footer address{padding-bottom:0;}
	#footer p{padding:0;}
/*	#footer p{padding:0 0 40px 0;}*/
    .flogo + .btn_top{top:40px; right:3%;}	
            
    *[data-shop-list="default"] > li .img{height:200px;}
    .area_product_best *[data-shop-list="default"] > li *[data-shop-list="util"]{top:calc(260px - 115px);}
}

@media all and (max-width:1700px){
    #content,
    .area_shopList.cate,
    .area_lnb .lnb{max-width: 58%;}
    *[data-shop-view="tab"].fix{width: 58%;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li:nth-child(4n+1){clear: left;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li:nth-child(5n+1){clear: inherit;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li{width:calc(100% / 4); padding-left:6px;}
    .area_shopView *[data-shop-view="photo"] .img{height:300px;}
}

@media all and (max-width:1600px){
    #content,
    .area_shopList.cate,
    .area_lnb .lnb{max-width: 55%;}
    *[data-shop-view="tab"].fix{width: 55%;}
}

@media all and (max-width:1499px){
    .area_lnb .lnb,
    .area_shopList.cate,
    #content{max-width: 92%;}
    #content{min-height: 400px;}
    *[data-shop-view="tab"].fix{width: 92%;}

	#header{z-index:inherit;}
	.nav_bg.on{display:block; z-index:90;}

    .area_quick.fix.none{position: relative; top:0; bottom:0;}
    .area_quick.left{position: relative; padding-top:0; margin:0 auto; z-index: inherit; left:0px; width:92%; height:auto; margin-bottom: 25px;}
    .area_quick.right{right:0px; width:inherit; height: 100%;}
    .quick_box{margin:14px 0; padding:25px 15px;}
	.area_quick .quick_left > u{padding-top:16px; font-size:20px;}
	.area_quick .quick_left > u,
	.area_quick .quick_left ul,
	.quick_left ul + .quick_box{position: absolute; left:0px; width:48%;}
	.quick_left ul + .quick_box{left:inherit; right:0px; margin-top: 0;}
	.area_quick .quick_left ul{top:42px;}
    .quick_left .quick_box .box_time{margin-top:15px; padding-top:15px;}
    .quick_box.account{margin:15px 0 40px 0;}
	.box_tel > a{margin:10px 0 15px 0; font-size:18px;}
    .box_tel > a > em{display:inline-block; margin:0 0 0 8px;}
	.quick_menu{position:fixed; top:0; right:-320px; z-index:100; width:320px; height:100%; padding-top:103px; padding-bottom:50px; background:#fff; transition:all 0.4s ease-out 0s;}
	.quick_menu.on{right:0;}
	.quick_open{display:block; position: fixed; top:42%; right:0px; z-index:71; width:106px; height:50px; line-height: 50px; font-size:14px; font-weight: 700; color:#fff !important; text-align: center; background:#ee9852; box-shadow:2px 3px 13px 0px rgba(0, 0, 0, 0.1); transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; border-radius: 3px 0 0 3px;}
    .quick_close{display:block; position:absolute; z-index: 20; right:0px; top:10px; width:50px; height:50px; font-size:0px; background:url(/images/common/btn_close02.png) no-repeat 50% 50%;}
    .quick_menu .quick_close{top:0px; right:-50px;}
    .quick_menu.on .quick_close{right:320px;}
	.quick_menu .area_quick .quick_right{right:-320px; transition:all 0.4s ease-out 0s;}
	.quick_menu.on .area_quick .quick_right{right:0px; overflow-y:auto; padding:0 20px; width:320px; height:100%;}
    .area_quick{padding-top:15px;}

    #footer .flogo02{right:0px;}
    .flogo + .btn_top{display:none !important;}
    
    .quick_open + .btn_top{display:block; position: fixed; margin-top:55px; top:42%; right:0px; z-index:71; padding-right:10px; width:106px; height:40px; line-height: 40px; font-size:13px; font-weight: 700; color:#666 !important; text-align: center; background:rgba(255,255,255,0.95) url(/images/common/btn_top02.png) no-repeat 76% 50%; background-size:8px 5px; box-shadow: 2px 3px 13px 0px rgba(0, 0, 0, 0.1); border-radius: 3px 0 0 3px;}

	#footer{height:100%;}
	#footer .inr{max-width:inherit;}
	#footer br{display:block;}
	#footer p br{display:none;}
	#footer > .inr,
	#footer p{margin-left:0; max-width: inherit;}
	#footer address{padding-bottom:0;}
	#footer address span{display:block; margin:8px 0;}
	#footer .f_icon li:first-child{width:100%; margin-bottom: 40px;}
    #footer .f_icon li:nth-child(2){margin-left:0; padding-left:40px; background-position: -10px -3px; border-left: 0;}
    
    .area_shopView *[data-shop-view="photo"] .img{height:400px;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li *[data-shop-list="util"]{position: static; text-align: center;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li *[data-shop-list="util"] > a.basket{background-color: #ebebeb;}
    
    .area_quick .quick_left .m_banner{padding-top:201px; width:48%;}
    .area_quick .quick_left .m_banner a{width:100%;}
}

@media all and (max-width:1299px){
    #content{padding:40px 0;}

    .area_shopList > div:not(.best) *[data-shop-list="default"] > li .img{height:210px;}
    .area_product_best *[data-shop-list="default"] > li *[data-shop-list="util"]{top:calc(260px - 134px);}

	#header{height:60px; padding:0 16px 0 0; z-index:inherit; background-color:#fff;}
	#header .logo{top:0px; left:0px; width:auto;}
	#header .logo > a{margin:10px 0 0 15px; width:121px; height:41px; background-size: 100%;}
	#header .area_gnb{background:#fff;}

	.area_util{display:none;}
	.area_util_mo{display:block; position:absolute; bottom:0px; width:100%; font-size:14px; color:#989898; font-weight:400;}
	.area_util_mo > p{padding:20px 25px; line-height:1.5em;}
	.area_util_mo > ul{padding:25px 25px 35px 25px;}
	.area_util_mo > p,
	.area_util_mo > ul{background-color:#fafafa; border-top:1px solid #eaeaea;}
	.area_util_mo > ul > li{display:block; float:left; margin-right:10px;}
	.area_util_mo > ul > li:last-child{margin-right:0;}
	.area_util_mo > ul > li > a{display:block; color:#989898 !important;}
	.area_util_mo > ul > li > a > span{display:inline-block; text-transform:uppercase;}
	.area_util_mo > ul > li > a > img{width:32px; height:11px;}
	.area_util_mo .box_tel > a{margin:5px 0 5px 0;}
	.area_util_mo .box_tel > a > em{margin:0 0 0 8px; display:inline-block; background-color: #fff; box-shadow:2px 2px 8px 0px rgba(0, 0, 0, 0.04);}
	
	/* mobile gnb */
	.area_gnb{position:fixed; top:0; right:-100%; z-index:100; max-width: 320px; width:100%; height:100%; padding-top:50px; padding-bottom:50px; background:#fff url(/images/common/img_gnbbg.png) no-repeat -100px -50px; background-size: 50% auto; transition:all 0.4s ease-out 0s;}
	.area_gnb nav{overflow:hidden; overflow-y:auto; width:100%; height:100%;}
	.area_gnb .gnb{margin:20px 0 93px 0;}
	.area_gnb .gnb > li{width:100%;}
	.area_gnb .gnb > li > a{display:block; padding:20px 40px; font-size: 20px; font-weight: 200; color:#aaa;}
	.area_gnb .gnb > li.on > a{color:#ee9852; font-weight: 700;}
	.area_gnb .gnb .depth{display:none; margin:0 40px;}
	.area_gnb .gnb .depth > li{width:100%;}
    .area_gnb .gnb .depth > li > a{display:block; padding:6px 0 6px 0; font-size:14px; font-weight:200; color:#666;}
    .area_gnb .gnb .depth > li > ul{display:none;}
	.area_gnb.on{right:0;}
	.nav_bg.on{display:block; z-index:90;}
	.btn_menu{display:block !important;}
	.btn_menu.close{top:0px; right:0px; transform:none;}
}

@media all and (max-width:1220px){
    .area_shopList .area_product_best *[data-cart-table="price"],
    .area_shopList .area_product_best *[data-cart-table="count"],
    .area_shopList .area_product_best *[data-cart-table="basket"],
    .area_shopList .area_product_best *[data-cart-table="interest"],
    .area_shopList .area_product_best *[data-cart-table="weight"]{display:inline-block; width:50%; height:46px; border-style: dashed; text-align: left;}
    .area_shopList .area_product_best *[data-cart-table="weight"]{display:block; width:100%;}
    .area_shopList .area_product_best *[data-cart-table]{box-sizing:border-box;}
    .area_shopList .table thead + tbody tr td{margin-left:-4px;}
    #content .area_shopList .table.table thead + tbody tr td[data-cart-table="origin"]{text-align: left;}
}

@media all and (max-width:1024px){	
    .area_shopList .area_product_best *[data-shop-list="default"] > li:nth-child(3n+1){clear: left;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li:nth-child(4n+1){clear: inherit;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li{width:calc(100% / 3); padding-left:6px;}    
    .area_lnb:not(.shop){padding-bottom:20px;}
    
}

@media all and (max-width:910px){	
	#footer p{background-image:none;}

	.area_lnb .lnb > li > a{padding:15px 0; margin-right:10px;}
	.area_lnb .lnb > li > a:after{margin-left:12px; width:1px; height: 12px;}
}

@media all and (max-width:768px){	
    .area_shopList .area_product_best *[data-shop-list="default"] > li:nth-child(2n+1){clear: left;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li:nth-child(3n+1){clear: inherit;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li{width:calc(100% / 2); padding-left:6px;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li:nth-child(5n+1),
    .area_shopList .area_product_best *[data-shop-list="default"] > li:nth-child(2n+1){clear: inherit;}
    .area_shopList > div:not(.best) *[data-shop-list="default"] > li .img{height:200px;}

    .area_lnb .lnb > li > a{margin-right:6px;}
    .area_lnb .lnb > li > a:after{margin-left:6px;}
	.area_lnb .inr{overflow:hidden; overflow-x:auto;}
	.area_lnb .lnb > li > a{font-size:14px;}

    .area_shop_payment .designRadio.blue > em{display:block; margin-left:0; font-size:14px;}

	#footer .f_icon li{padding:10px 10px 10px 60px !important; margin:0 2px 10px 0; width:calc(100% / 3 - 22px); height:58px; background-position:10px 50% !important; border:1px solid rgba(255,255,255,0.09) !important;}
    #footer .f_icon li:first-child{padding-top:0px !important; margin-bottom:10px; height: auto; border:0 !important; background-size: 40px auto;}
}

@media all and (max-width:670px){
	#footer .f_icon li{padding:15px 10px 10px 70px !important; height:48px; width:100%;}
	#footer .f_icon li > em{display:inline-block;}
    #footer .f_icon li:first-child > em{display:block;}
    
    .flogo + .btn_top{right:4%;}
    
    #footer > .inr{padding:25px 4%;}
    #footer .flogo{width:106px; background-size: 100% auto;} 
    #footer .flogo02{position: absolute; margin:0; top:-65px; right:inherit; left:115px; width:136px;}
    #footer .flogo02 > img{width:100%; height:auto;}

	.box_tel > a > em{display:block; margin:8px 0 0 0;}
	.area_quick .quick_left > u,
	.area_quick .quick_left ul,
	.quick_left ul + .quick_box{position: relative; width:100%;}
	.area_quick .quick_left ul{top:0px;}
	.area_quick .quick_left{margin-bottom: 0;}
    .quick_left li a{padding:8px 6px; font-size: 14px;}
    .area_quick .quick_left .m_banner{padding-top:0; width:100%;}
/*    .area_quick .quick_left .m_banner a{width:100%;} */

    
    .area_quick.left{height:auto; margin-bottom:25px;}

    .area_shopView *[data-shop-view="photo"] .img{height:300px;}
}

@media all and (max-width:500px){
	.area_subVisual .txt span,
	.area_lnb .lnb > li > a,
	#footer{font-size:13px;}

	#footer p br{display:block;}
	#footer .f_icon li > br{display: none !important;}

	.area_subVisual{height:340px; padding-top:220px;}
    .area_subVisual .txt span{display:block; margin:10px 0 0 0;}
}

@media all and (max-width:480px){
    .area_shopList *[data-category-location="tab"] .mob > ul > li > a{min-width: 60px; padding:7px 6px;}
    .area_shopList .area_product_best *[data-shop-view="choice"]{float:none; margin:8px 0 0 12px;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a > em,
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a .weight,
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a .price i:last-child{font-size: 14px;}
    .area_shopList > div:not(.best) *[data-shop-list="default"] > li .img{height:190px;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li{margin-bottom:30px;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a .weight{margin:8px 0 6px 12px;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a .weight > i{display:block; margin:10px 0;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a .price{margin:0 0 0 12px; display: block; text-align: left;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a .price i:last-child{margin-left:0;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a .price:before{display:none;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a .price i:last-child{display:block; margin:8px 0 12px 0;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a .price i:last-child:before{display:none;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a .price i:first-child{margin:0;}
    .area_shopList .area_product_best *[data-shop-list="default"] > li > a > em{width:84%;}
    .area_shopList .area_product_best .count{display:block;}
}

@media all and (max-width:400px){
	.area_quick h3{font-size: 16px;}
	.area_quick .quick_left > u{font-size: 18px;}
	.quick_menu,
	.area_gnb{right:-100%; width:100%;}
	.area_gnb{max-width: inherit;}
	.quick_menu.on .area_quick .quick_right{width:100%;}

    .area_shopList > div:not(.best) *[data-shop-list="default"] > li .img{height:200px;}
    .quick_right *[data-shop-view="choice"] .del{top:8px;}

	#footer p > i{display: block;}
    #footer p br{display:none;}

    .area_shopList > div:not(.best) *[data-shop-list="default"] > li .img{height:160px;}
    .area_shopView *[data-shop-view="photo"] .img{height:200px;}
    
    .button.lg{font-size:14px; height:40px; line-height: 38px;}
    
}