@charset "utf-8"; /* ver 20210303, 20200721, 20211022, 20230810:하단바55px, 20230913 주문서 조정 */
/* @import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" ); */
@import url( "/css/font/notosanskr.css" ); @import url( "/css/font/notoserifkr.css" ); @import url( "/css/font/nanummyeongjo.css" ); * { font-family: "Noto Sans KR", sans-serif; } 
@font-face {font-family: proxima-nova, sans-serif;}
@font-face {font-family: noto-sans-cjk-kr, sans-serif;}

body { 
    margin: 0 auto;
    min-width: 320px;
    overflow-y: visible !important; 
    -webkit-user-select:none; 
    -webkit-touch-callout:none; 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
} 
body:not(.mobile) { 
    max-width: 500px; 
}
.fixed-container {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 500px;
}
body p { margin-top:8px; } 
body ul { list-style:none; padding:0; margin:0; } 
textarea { padding:10px; color:#666666; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance:none; -webkit-border-radius:0; } 
fieldset,img { border:0; vertical-align:middle; } 
dl,ul,ol { list-style:none; } 
blockquote,q { quotes:none; } 
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; } 
table { border-collapse:collapse; border-spacing:0; } 
a { color:#333; text-decoration:none; } 
address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal; } 
input { -webkit-appearance:none; -webkit-border-radius:0; } 
input:focus { outline: none; } 
input[type="text"] { height:40px; padding:8px; border:1px solid #ccc; color:#333; font-size:0.9em; -webkit-appearance:none; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 
input[type="password"] { height:40px; padding:8px; border:1px solid #ccc; color:#333; font-size:0.9em; -webkit-appearance:none; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 
input[type="number"] { height:40px; padding:8px; border:1px solid #ccc; color:#333; font-size:0.9em; -webkit-appearance:none; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 
input[type="tel"] { height:40px; padding:8px; border:1px solid #ccc; color:#333; font-size:0.9em; -webkit-appearance:none; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 
input[type="search"] { height:40px; padding:8px; border:1px solid #ccc; color:#333; font-size:0.9em; -webkit-appearance:none; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 
input[type="text"]:focus { outline: none; } 
input[type="password"]:focus { outline: none; } 
input[type="number"]:focus { outline: none; } 
input[type="tel"]:focus { outline: none; } 
input[type="search"]:focus { outline: none; } 
input[type=checkbox] { display: none; } 
input[type=checkbox]+label { cursor:pointer; position:relative; padding-left:22px; margin-right:15px; font-size:0.9em; } 
input[type=checkbox]+label:before { content:""; width:18px; height:18px; margin-right:10px; position:absolute; left:0; bottom:1px; background-color:#ccc; border-radius:2px; box-shadow:inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); } 
input[type=checkbox]:checked + label:before { content: "\2713"; text-shadow:1px 1px 1px rgba(0, 0, 0, .2); font-size:12px; font-weight:800; color:#fff; background:#6C5545; text-align:center; line-height:18px; } 
input[type=radio] { display: none; } 
input[type=radio]+label { display:inline-block; cursor:pointer; position:relative; padding-left:25px; margin-right:15px; font-size:0.9em; } 
input[type=radio]+label:before { content:""; display:inline-block; width:18px; height:18px; margin-right:10px; position:absolute; left:0; bottom:1px; background-color:#ccc; border-radius:50%; box-shadow:inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); } 
input[type=radio]:checked + label:before { content: "ㆍ"; /* 원모양 */ text-shadow:1px 1px 1px rgba(0, 0, 0, .2); font-size:18px; font-weight:800; color:#fff; background:#6C5545; text-align:center; line-height:18px; } 
input[type="date"] { height:40px; padding:8px; border:1px solid #ccc; color:#333; font-size:0.9em; -webkit-appearance:none; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 

.top-band-banner { overflow:hidden; }
/*.top-band-banner img { max-width: 500px; } */

.gwrapper { position:relative; } 
.headerlogo { height:40px; padding: 10px 20px 0; background-color:#ffffff; color:#000000; text-align:center; } 
.position-relative { position: relative; } 

.headerlogo #header-left-menu { position:static; float: right; width: 24px; margin-left:0; margin-right:auto; text-align:left; } 
.headerlogo #header-left-menu img { padding-top: 8px; height: 24px; } 
.headerlogo #header-right-menu { position:static; float:right; width: 80px; margin-left:auto; margin-right:0; text-align:right; } 
.headerlogo #header-right-menu img { height:24px; padding:5px 0 0 0; } 
.headerlogo #header-right-menu #rightMenu1 { position:relative; display:inline-block; padding-right:6px; } 
.headerlogo #header-right-menu #rightMenu2 { position:relative; display:inline-block; padding-top:2px; } 
.headerlogo #header-right-menu #rightMenu3 { position: relative; display: inline-block; padding-left: 12px; } 
.headerlogo #header-right-menu .cart-number { position: relative; top: 4px; padding: 4px; box-sizing: border-box; width: 28px; display: inline-block; border-radius: 50px; background-color: #6c5545; font-weight: 500; color: #fff; font-size: 14px; text-align: center; line-height: 21px; letter-spacing: -0.6px; } 
.headerlogo #header-logo { float: left; padding-top: 4px; } 
.headerlogo #header-logo img { width: 75px; height: 20px; } 
.headerlogo #header-go  {float: left; margin-top:4px; margin-left:15px; line-height: 23.5px; padding:2px 13px 2px 13px; letter-spacing: -0.3px; width: 56px; height:25px;background-color: #fff940;border-radius: 20px;}    
.headerlogo #header-go  a {font-family: "Pretendard", sans-serif; font-weight:600; color:#111; font-size: 14px;}    
.headerlogo #header-go img {margin-left:3px;margin-bottom:3px; width:5px;}
.headersearch { margin:0 auto; background-color:#fff; } 
.headersearch #search-wrap { height:40px; margin:0; border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #ccc; border-left:1px solid #fff; text-align:right; } 
.headersearch #search-dummy-bottom { position:static; float:right; width:100px; height:40px; margin-left:auto; margin-right:4px; text-align:right; } 
.headersearch #search-dummy-bottom img { width:28px; margin-top:6px; margin-right:4px; vertical-align:bottom; } 
.category-header { background-color:#fff; padding: 0; font-size: 14px; line-height: 20px; letter-spacing: -0.7px; border-top: 0; border-bottom: 0; border-top:1px solid #f5f5f5; border-bottom:1px solid #ccc; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; } 
.category-header.scroll-to-fixed-fixed { } 

#div-header { position:relative; width:100%; height:92px; z-index:9999; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; } 
#headerFixed { width:100%; height:55px; background-color:#fff; border-bottom: 1px solid #e2e2e2;} 
#headerSearch { position:relative; padding-top:50px; } 
.header-space { position:relative; padding-top:50px; } 

.main { position:relative; margin: 0 auto; } 
.title { font-size:140%; font-weight:bold; } 
.content { margin:0 auto; padding:10px 0; overflow:hidden; } 
.content5 { padding:30px 6px 5px 6px; overflow:hidden; } 
.content10 { padding:30px 10px 10px; overflow:hidden; } 
.content50 { padding:50px 10px; overflow:hidden; } 
.content-5 { padding:5px 0; overflow:hidden; } 
.content-10 { padding:10px 0; overflow:hidden; } 
.content5- { margin:0 5px; overflow:hidden; } 
.content10- { margin:0 10px; } 
.content10-0 { margin:0 10px 10px; overflow:hidden; } 
.content10x { padding:10px; } 
.content5x { padding:5px; } 

.content8 { padding:8px 8px 8px 8px; overflow:hidden; } 
.content16 { padding:16px 16px 16px 16px; overflow:hidden; } 
.content-8 { padding:8px 0; overflow:hidden; } 
.content-16 { padding:16px 0; overflow:hidden; } 
.content8- { margin:0 8px; overflow:hidden; } 
.content16- { margin:0 16px; } 
.content16-0 { margin:0 16px 16px; overflow:hidden; } 
.content16x { padding:16px; } 
.content8x { padding:8px; } 
.content16s { padding: 0 0 0 16px; overflow:hidden; } 
.content16e { padding: 0 16px 0 0; overflow:hidden; } 
.content16t { padding: 16px 0 0 0; overflow:hidden; } 
.content16b { padding: 0 0 16px 0; overflow:hidden; } 
.content16se { padding: 0 16px 0 16px; overflow:hidden; } 
.content16set { padding: 16px 16px 0 16px; overflow:hidden; } 

.width100 { width:100px; } 

.footer { padding: 0 0 0 0; clear:both; background-color:#fff; } 
.footer.scroll-to-fixed-fixed { color:red; } 
.footer-bar { height:50px; background-color:#6b615f; } 
.footer-link { color:#fff; padding: 15px 20px; font-size:0.9em; text-align: center; } 
.footer-link a { color:#fff; text-decoration:none; } 
.footer-link ul > li { display:inline-block; } 
.footer-content { color:#6C5545; padding: 15px 20px; font-size: 12px; text-align: center; } 
.footer-content a { color:#6C5545; text-decoration:none; } 
.footer-content ul > li { display:inline-block; } 
#footer-copyright { height: 120px; } 
.footer-terms { color:#6C5545; padding:0; font-size:12px; text-align:center; } 
.footer-terms a { color:#6C5545; text-decoration:none; } 
.footer-terms ul > li { display:inline-block; } 

.column-count-2 { column-count:2; column-gap:0; }

/* .swiper-container { background-color:#fff; } */ /*홈메인 개편 자연이랑 NOW_20221101*/
.main .swiper-container { z-index: 3; } 
.product-list .swiper-container { background-color:#fff; } 
.swiper-container ul, li { list-style-type:none; margin:0; padding:0; } 
.swiper-tab { background-color:#fff; } 
.tabs > li { } 
.tabs > li > a { padding: 11px 0 11px; display:block; background:#fff; text-align:center; text-decoration:none; font-size:15px; line-height:20px; color: #444; border-bottom: 0px solid transparent; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } 
.tabs > li.active { border-bottom: 2px solid #9e785d; color: #9e785d; font-weight: 500; } 
.swiper-container-2 { padding:0; overflow: hidden; background-color: #ecf0f1; } 
.swiper-container-2 .swiper-slide { margin:0; padding:0; font-size: 1em; overflow: hidden; } 
/* 스크롤바 비노출 처리 */
::-webkit-scrollbar { display: none; }
.show-scrollbar ::-webkit-scrollbar {
    display: block;
}
@media (min-width: 500px) {
    .show-scrollbar::-webkit-scrollbar {
        display: block;
    }
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    ::-webkit-scrollbar-track {
        background: #f9f9f9; /* 스크롤바 트랙의 배경색 */
        border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb {
        background: #dcdcdc; /* 스크롤바 핸들의 배경색 */
        border-radius: 4px; /* 스크롤바 핸들의 모서리 둥글기 */
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #bcbcbc; /* 스크롤바 핸들의 배경색, 마우스 호버 시 */
    }
}


/* 검색 헤더 스타일 시작 */
.swiper-container-search { padding:0; margin:0; list-style-type:none; } 
.search-tabs > li { } 
.search-tabs > li > a { color:#6C5545; padding:10px 0 10px 0; display:block; background:#fff; text-align:center; text-decoration:none; font-size:15px; line-height:20px; border-bottom:2px solid transparent; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } 
.search-tabs > li.active > a { border-bottom: 2px solid #cc0033; color: #cc0033; } 
.swiper-container-search2 { padding:0; overflow: hidden; } 
.swiper-container-search2 .swiper-slide { margin:0; padding:0; font-size: 1em; overflow: hidden; } 

.searchnav .search2-container { position:relative; } 
.searchnav .search2-container ul { border:1px solid #e2e2e2; margin:0; } 
.searchnav .search2-container li { position:relative; text-align:left; border-top:1px solid #e2e2e2; } 
.searchnav .search2-container li:first-child { border-top:none; } 
.searchnav .search2-container p { text-decoration:none; color:#818181; padding:0; margin:0; } 
#searchLog ul { border:none; } 
#searchLog li { border-top:none; border-bottom:1px solid #eaeaea; } 
#searchLog li a.search2-txt { margin:5px 10px; } 
#searchLog li a.search2-del { position:absolute; top:-2px; right:0; } 
#searchLog li a.search2-del img { width:30px; } 
#searchLog a.search2-delall { background-color:#e2e2e2; padding:10px; margin-top:10px; } 
#searchLog a.search2-delall:hover { background-color:#ccc; } 
#searchLog > p { padding:50px 0; } 
#searchRank ul { border:none; padding:10px; } 
#searchRank li { border-top:none; border-bottom:1px solid #eaeaea; } 
#searchRank li a.search2-txt { margin-left:34px; } 
#searchRank li b { display:block; position:absolute; margin-top:-9px; margin-left:10px; top:50%; left:0; text-align:center; border:1px solid #b2b2b2; font-size:10px; width:14px; height:13px; line-height:14px; background-color:#727272; color:#fff; padding:2px; } 
#searchRank li b.top3 { border-color:#f20000; background-color:#e20000; } 
#searchRank span.up-time { padding:5px; text-decoration:none; color:#818181; display:block; text-align:right; font-size:12px; margin-right:10px; } 
#searchRank > p { padding:50px 0; } 
#searchRecent ul { border:none; text-align:center; padding-top:10px; margin:0 auto; } 
#searchRecent li { border:0px solid #eaeaea; display:inline-block; width:100px; height:120px; margin:0px 2px 4px 2px; } 
#searchRecent li a { padding:2px; width:calc(100% - 4px); height:calc(100% - 4px); } 
#searchRecent li a .imgframe { width:100px; height:100px; border-radius:50%; } 
#searchRecent li img { width:100px; height:120px; } 
#searchRecent li a span { position:absolute; bottom:-5px; left:0; width:100px; text-align:center; margin:0px 2px; padding:2px; opacity:1; font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } 
#searchRecent > p { padding:20px 0; } 

#autocomplete-wrap > ul.ui-autocomplete.ui-menu {width:100% !important;left:0 !important;border:0 !important;}
#autocomplete-wrap > ul.ui-autocomplete.ui-menu .ui-menu-item {margin:0px 10px 0 45px;text-align:left;overflow:hidden;white-space:nowrap;}
#autocomplete-wrap > ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper {width:calc(99% - 7px);padding:3px 0 3px 7px;color:#818181;border-bottom:1px solid #eaeaea;}
#autocomplete-wrap > ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-active {background-color:#eee;border:0;border-bottom:1px solid #eaeaea;margin:0;}

/* 검색 헤더 스타일 종료 */

#windowmask { position:absolute; left:0px; z-index:9995; background-color:#000; display:none; } 
#windowmask1 { position:absolute; left:0px; z-index:9995; background-color:#000; display:none; } 
#windowmask2 { position:absolute; left:0px; z-index:9995; background-color:#000; display:none; } 
#windowmask3 { position:absolute; left:0px; z-index:9995; background-color:#000; display:none; } 
#windowmask4 { position:absolute; left:0px; z-index:9995; background-color:#000; display:none; } 

.sidenav { position:static; width:100%; max-width: 500px; margin: 0 auto; height:100%; top:0; left:0; overflow-x:hidden; text-align:center; } 
.sidenav a { padding:5px; text-decoration:none; color:#818181; display:block; } 
.sidenav a:hover { } 


/* 2024 자연이랑 몰앤몰 GNB 통합 */
.sidenav .leftmenu-wrap { background-color:#f2f2f2;padding-bottom:90px; } 
.sidenav .leftmenu-wrap .leftmenu-inner { background-color:#fff; } 

.sidenav .leftmenu-wrap .leftmenu-inner .menu-category {display: block;}
.sidenav .leftmenu-wrap .leftmenu-inner .li-content-title { padding: 19px 20px; text-align:left; color:#715a47; font-weight:bold;letter-spacing: -0.3px;line-height: 1; clear: both; } 
.sidenav .leftmenu-wrap .leftmenu-inner .li-content-title span {display: inline-block;}
.sidenav .leftmenu-wrap .leftmenu-inner .li-content-title span:nth-child(1) {font-family:proxima-nova, sans-serif;margin-right:8px;}
.sidenav .leftmenu-wrap .leftmenu-inner .li-content-title span:nth-child(2) {font-weight: 400;color:#666;font-size: 0.8rem;}

.sidenav .leftmenu-wrap .leftmenu-inner .li-content-title p {color:#888;letter-spacing: -0.3px;font-weight:400;font-size: 0.75rem;line-height: 1; margin-top: 8px; margin-bottom: 0;}
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category { position: relative; display: grid;border-top:1px solid #eaeaea;} 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-title { clear:both;  text-align:left; line-height: 1.5em;  color: #666; font-size: 14px; letter-spacing: -0.3px; font-weight: 700;  cursor:pointer; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-title img { width:22px; vertical-align:bottom; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-title li {position:relative;padding:12px 0 12px 20px;float:left;border-right:1px solid #ececec; box-sizing: border-box; float: left; width: 50%; }
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-title li.last {height:21px;}
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-title li.last.on {border-bottom:1px solid #ececec}
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-title li:nth-child(2n) {border-right:none;}
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-title li img { width: 100%; vertical-align: middle; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-title li .li-category-arrow-img  { background: url('/m/images/icons/240201_62life_LNB_icon_off.png') center center no-repeat; background-size:12px auto; position: absolute; top: 12px; right: 20px; width: 12px; height: 20px; vertical-align: middle; transition: 0.3s; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-title li.on {border-bottom:1px solid #cb7f7f;color:#cb7f7f}
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-title li.on .li-category-arrow-img  { background: url('/m/images/icons/240201_62life_LNB_icon_on.png')  center center no-repeat; background-size:12px auto; } 

.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-content { width: 100%; margin: 0;  background-color: #fcfcfc;  } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-content.last {border-bottom:1px solid #ececec}
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-content li { display:none; border-top: 1px solid #ececec; } 

.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .dl-category-sub { margin:0 0 28px 0; text-align:left;clear: both; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .dl-category-sub dd { display:inline-block; min-width:40px; font-size:0.9em; white-space:nowrap; } 

.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story { background-color: #ececec; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story .li-story-title { padding:10px 15px; text-align:left; color:#996666; background-color:#ecf0f1; font-weight:bold; border-top:2px solid #CCCC99; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story .li-story-title img { width:28px; vertical-align:bottom; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story .li-story-content { margin: 5px 0; } 

.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story .dl-story-sub { margin:0; text-align:left; background-color:#ffff; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story .dl-story-sub dd { display:inline-block; width:33%; height:35px; white-space:nowrap; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-bottom { } 
.sidenav #divMenuBarBottom { position:relative; height:50px; margin:0; color:#fff; background-color: #f2f2f2; } 
.sidenav #divMenuBarBottom a { position: absolute; top: 12px; margin-left:auto; margin-right:auto; left:0; right:0; text-align:center; } 
.sidenav #bottom-settings-button { height:30px; padding-top:5px; } 

.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .dl-category-sub dd { display: block; min-width: auto; line-height: 1; padding-top: 23px; margin-left: 20px;} 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .dl-category-sub dd a { font-size: 13px; letter-spacing: -0.4px; color: #333; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-category .li-category-img { display: inline-block; width: 26px; height: 26px; margin-right: 13px; text-align: center; vertical-align: middle; } 
.sidenav .leftmenu-wrap .leftmenu-top-line { border-top: 10px solid #f2f2f2; padding: 0; } 
.sidenav .leftmenu-wrap .leftmenu-line { border-top: 9px solid #f2f2f2; padding: 0; } 
.sidenav .leftmenu-wrap .leftmenu-line-top { border-top: 1px solid #ececec; padding: 0; } 
/* 2024 자연이랑 몰앤몰 GNB 통합 끝 */

/* 레프트 메뉴 - 탭메뉴 */
/* 해피톡 버튼 */
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab .happytalk_btn { background-image: url('/m/images/icons/icon_off_05.png') !important; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab { overflow: hidden; padding: 20px 15px; font-size:0; background-color: #f2f2f2; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li { display:inline-block; width: 20%; height: 80px; background-repeat: no-repeat; background-size: 50px; background-position: center 5px; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li span { display: block; text-align: center; padding-top: 60px; font-size: 13px; letter-spacing: -0.4px; color: #888; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li:nth-child(1) { background-image: url('/m/images/icons/icon_off_01.png'); } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li:nth-child(2) { background-image: url('/m/images/icons/icon_off_02.png'); } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li:nth-child(3) { background-image: url('/m/images/icons/icon_off_03.png'); } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li:nth-child(4) { background-image: url('/m/images/icons/icon_off_04.png'); } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li:last-child { width: 20%; margin-top: 15px; background-image: url('/m/images/icons/icon_off_06.png'); } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li.on:nth-child(1) { background-image: url('/m/images/icons/icon_on_01.png'); } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li.on:nth-child(2) { background-image: url('/m/images/icons/icon_on_02.png'); } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li.on:nth-child(3) { background-image: url('/m/images/icons/icon_on_03.png'); } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li.on:nth-child(4) { background-image: url('/m/images/icons/icon_on_04.png'); } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li.on:last-child { background-image: url('/m/images/icons/icon_on_06.png'); } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab ul li.on span { color: #6c5545; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story { display: none; padding: 10px 20px; overflow: hidden; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story.on { display: block; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-tab-content { background-color: #fcfcfc; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story .dl-story-sub { text-align: center; background-color: inherit; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story .dl-story-sub dd { margin: 0; float: left; width: 50%; height: 33px; line-height: 33px; font-size: 13px; text-align: left; padding-left: 15px; box-sizing: border-box; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story .dl-story-sub dd a { letter-spacing: -0.3px; } 
.sidenav .leftmenu-wrap .leftmenu-inner .leftmenu-story .li-story-content { margin: 0; } 


.searchnav { display:none; z-index:1001; height:100%; max-width: 500px; width:100%; position:fixed; top:0; left: 50%; background-color:#fff; overflow-x:hidden; padding-top:60px; text-align:center; vertical-align:top; transform: translate(-50%, 0); } 
.searchnav a { padding:5px; text-decoration:none; color:#818181; display:block; transition:0.3s; -webkit-transition:0.5s; } 
.searchnav a:hover { } 
.searchnav ul { padding:0; margin:0; } 
.searchnav .closebtn { position:absolute; top:0; left:0; margin-left:0; } 
.searchnav .closebtn img { height:40px; } 
.searchnav .search-pannel-li01 { height:40px; padding:0; margin:5px 0 0 0; text-align:center; } 
.searchnav .search-pannel-li01 #search-pannel-button { position:static; float:left; width:100px; margin-left:0; margin-right:auto; text-align:left; } 
.searchnav .search-pannel-li01 #header-right-menu { position:static; float:right; width:100px; margin-right:0; text-align:right; } 
.searchnav .search-pannel-li01 #header-right-menu img { padding-top:4px; height:35px; } 
.searchnav .search-pannel-li01 #header-logo { } 
.searchnav .search-pannel-li01 #header-logo a { display:inline-block; } 
.searchnav .search-pannel-li01 #header-logo img { height:40px; } 
.searchnav .search-pannel-li02 { height:40px; padding:16px 10px 0 10px; margin:0; text-align:center; } 
.searchnav .search-pannel-li02 #search-box { position:relative; margin:0 auto; height:50px; } 
.searchnav .search-pannel-li02 #search-box #search-text { position:relative; height:45px; padding-top:3px; text-align:left; overflow:hidden; } 
.searchnav .search-pannel-li02 #search-box #search-text #h_search { width:99%; height:40px; margin-top:0; padding:4px 6px; border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #6C5545; border-left:1px solid #fff; font-size:1em; } 
.searchnav .search-pannel-li02 #search-box #sbutton { position:absolute; top:-5px; right:-4px; float:right; width:40px; height:40px; margin-left:auto; margin-right:-1px; text-align:right; } 
.searchnav .search-pannel-li02 #search-box #sbutton img { width:24px; margin-top:5px; vertical-align:bottom; } 
.searchnav .search-pannel-li03 { padding:0 10px 0 10px; margin:0; text-align:center; } 
.searchnav .search-pannel-li03 #search-pannel-li03 { height:25px; margin-top:0; padding-bottom:15px; border-bottom:1px solid #ecf0f1; color:#6C5545; } 
.searchnav .search-pannel-li03 #ico_traceability { width:28px; margin:2px; vertical-align:middle; } 
.searchnav .search-pannel-li03 #ico_apt { width:22px; margin:2px; vertical-align:middle; } 
.searchnav .search-pannel-li04 { padding:0 10px; margin:0; text-align:center; } 
.searchnav .search-pannel-line { position:relative; height:45px; padding:10px 10px 0 10px; margin:0; text-align:center; } 
.searchnav .search-pannel-line #search-box { position:relative; margin:0 auto; height:50px; padding-left:40px; padding-right:20px; } 
.searchnav .search-pannel-line #search-box #search-text { position:relative; height:45px; padding-top:3px; padding-right:22px; text-align:left; overflow:hidden; } 
.searchnav .search-pannel-line #search-box #search-text #h_search { width:99%; height:40px; margin-top:0; padding:4px 6px; border-top:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #6C5545; border-left:1px solid #fff; font-size:1em; } 
.searchnav .search-pannel-line #search-box #sbutton { position:absolute; top:-5px; right:10px; float:right; width:40px; height:40px; margin-left:auto; text-align:right; } 
.searchnav .search-pannel-line #search-box #sbutton img { width:24px; margin-top:8px; margin-right:5px; vertical-align:bottom; } 
.searchnav .search-pannel-line .close-button { float:left; height:40px; } 
.searchnav .search-pannel-line .close-button img { width:24px; height:24px; margin-top:13px; margin-left:21px; } 
#searchPannel { padding:0; margin:0; } 

#headericonset { position:relative; padding:0; background-color:#ffffff; text-align:center; } 
#headericonset .iconset-menu { text-align:center; } 
#headericonset img { width: auto; } 
#headericonset .iconset-menu .ul-iconmenu { display:inline-block; } 
#headericonset .iconset-menu .ul-iconmenu a { display:inline-block; margin:11.5px 0; } 
#headericonset .iconset-menu .ul-iconmenu .li-iconmenu:first-child { width: 35px; height: 29px; margin: 0 auto 3px; } 
#headericonset .iconset-menu .ul-iconmenu .li-iconmenu:last-child { line-height:100%; } 
#headericonset .iconset-menu .ul-iconmenu .li-iconmenu:last-child span { letter-spacing:-1px; color:#444444; } 
#headericonset .iconset-menu .ul-iconmenu .li-iconmenu img { width:35px; height:29px; } 
#headericonset .iconset-menu table { width: 100%; border-collapse: collapse; } 
#headericonset .iconset-menu table td { width: 16.66%; border: 1px solid #eeeeee; text-align:center; padding:0; } 
#headericonset .iconset-menu table tr:first-child td { border-top: 0; } 
#headericonset .iconset-menu table tr:last-child td { border-bottom: 1px solid #e2e2e2; } 
#headericonset .iconset-menu table tr td:first-child { border-left: 0; } 
#headericonset .iconset-menu table tr td:last-child { border-right: 0; } 
#headericonset .iconset-menu table tr { height:70px; } 


.list-outer { background-color:#ecf0f1; } 
.list-inner { background-color:#fff; } 
.list-inner td,th { padding-left:5px; padding-right:5px; } 
.product-list { background-color:#ecf0f1; } 
.product-list.specialSellingHeader { background-color:#fff; } 
.product-list #productCategory { border-top:1px solid #f5f5f5; border-bottom:1px solid #ccc; } 
#productSubCategory { border-top:1px solid #f5f5f5; } 
.list-title-bar { font-size:1.2em; font-weight:bold; padding:10px 0 0 10px; white-space: nowrap; } 
.list-sub-title-bar { padding-left: 10px; } 
.list-title-bar-5 { font-size:1.2em; font-weight:bold; padding:5px; } 
.list-title-bar-10 { font-size:1.2em; font-weight:bold; padding:10px; } 
.list-title-bar-small { font-size:1em; font-weight:bold; } 
.list-title-bar-hm:first-child { padding: 40px 0 15px 15px !important; } 
.list-title-bar-hm:first-child .proxima-nova { font-size: 20px; font-family: proxima-nova, sans-serif; font-weight: 600; font-style: normal; line-height: 1; letter-spacing: -0.1px; } 
.list-title-bar-hm { font-size: 18px; font-weight: bold; letter-spacing: -0.2px; color: #222; padding: 40px 0 15px 15px !important; line-height: 1; } 
.list-title-bar-special { font-size: 18px; font-weight: bold; letter-spacing: -0.2px; color: #222; line-height: 1; padding: 40px 0 15px 0; } 
.list-subtitle-bar-special { font-size: 15px; color: #666; letter-spacing: -0.3px; padding-bottom: 25px; line-height: 1; } 
.div-mtab { margin-top: 25px; } 
.div-list-outer { } 
.div-list-outer .list-space { height:5px; background-color:#ecf0f1; } 
.div-list-outer .list-space-white { height:5px; background-color:#fff; } 
@media screen and (min-width: 680px){
 .div-list-outer .div-list-prod .list-content { width: 50%; float: left; } 
 .div-list-outer .div-list-prod .list-content:nth-child(2n+1) { clear: both; } 
 .div-list-outer .div-list-prod .list-content:nth-last-child(n-1) { padding-bottom:10px; } 
 }
.div-list-outer .div-list-prod .list-content:last-child { padding-bottom:0; } 
.div-list-outer .horizontal-prod { overflow-x:scroll; white-space:nowrap; } 
.div-list-outer .horizontal-prod .list-content { display:inline-block; margin-right:8px; } 
.div-list-outer .horizontal-prod .list-content:last-child { margin-right:0; } 
.div-list-outer .list-content { position:relative; padding-bottom:16px; } 
.div-list-outer .list-content .list-content-div { position:relative; padding:10px; background-color:#fff; } 
.div-list-outer .list-content .list-content-div .list-image-box { position:relative; margin:0 auto; width:140px; height:168px; } 
.div-list-outer .list-content .list-content-div .list-image-box::after { display:block; position:relative; margin-top:-80px; height:80px; width:100%; content: ''; } 
.div-list-outer .list-content .list-content-div .list-image-box img { width:140px; height:168px; } 
.div-list-outer .list-content .list-content-div-0 { position:relative; padding:0; background-color:#fff; } 
.div-list-outer .list-content .list-content-div-0 .list-image-box-c { position:relative; margin:0 auto; text-align:center; } 
.div-list-outer .list-content .list-content-div-0 .list-image-box-c img { width:43.95%; height:100%; vertical-align:middle; } 
.div-list-outer .list-content .list-content-div-0 .list-image-box-c::after { display:block; position:relative; margin-top:-80px; height:80px; width:100%; content: ''; } 
.div-list-outer .list-content .list-content-div-0 .list-image-box-r { position:relative; } 
.div-list-outer .list-content .list-content-div-0 .list-image-box-r img { width:100%; vertical-align:middle; } 
.div-list-outer .list-content16 { position:relative; padding-bottom:16px; } 
.div-list-outer .list-content16 .list-content-div { position:relative; padding:16px; background-color:#fff; } 
.div-list-outer .list-content16 .list-content-div .list-image-box { position:relative; margin:0 auto; width:140px; height:168px; } 
.div-list-outer .list-content16 .list-content-div .list-image-box::after { display:block; position:relative; margin-top:-80px; height:80px; width:100%; content: ''; } 
.div-list-outer .list-content16 .list-content-div .list-image-box img { width:140px; height:168px; } 
.div-list-outer .list-content16 .list-content-div-0 { position:relative; padding:0; background-color:#fff; } 
.div-list-outer .list-content16 .list-content-div-0 .list-image-box-c { position:relative; margin:0 auto; text-align:center; } 
.div-list-outer .list-content16 .list-content-div-0 .list-image-box-c img { width:43.95%; height:100%; vertical-align:middle; } 
.div-list-outer .list-content16 .list-content-div-0 .list-image-box-c::after { display:block; position:relative; margin-top:-80px; height:80px; width:100%; content: ''; } 
.div-list-outer .list-content16 .list-content-div-0 .list-image-box-r { position:relative; } 
.div-list-outer .list-content16 .list-content-div-0 .list-image-box-r img { width:100%; vertical-align:middle; } 
.div-list-outer .ul-discount-button li { padding:5px 0; } 
.div-list-outer .ul-gifting-button li { padding:5px 0; } 
.div-list-outer .ul-new-button li { padding:5px 0; } 
.div-list-outer .ul-recommend-button li { padding:5px 0; } 
.div-list-outer .ul-hot-button li { padding:5px 0; } 
.div-list-outer .ul-direct-button li { padding:5px 0; } 
.div-list-outer .ul-discount-button { display:none; } 
.div-list-outer .ul-gifting-button { display:none; } 
.div-list-outer .ul-new-button { display:none; } 
.div-list-outer .ul-recommend-button { display:none; } 
.div-list-outer .ul-hot-button { display:none; } 
.div-list-outer .ul-direct-button { display:none; } 
.brick-inner-table { padding:0px 6px 10px 6px; } 

#recipe-banner { clear:both; height:65px; text-align:center; background-color:#000000; border-top:10px solid #ccc; border-bottom:10px solid #ccc; } 
#recipe-banner img { height:65px; } 
/* 모바일 티커 */
/*#ticker-today { clear:both; width:100%; overflow:hidden; border-top:10px solid #ccc; border-bottom:10px solid #ccc; } */
#ticker-today { clear:both; width:100%; overflow:hidden; padding-top: 20px; } 
#ticker-today a { color:#fff; } 
#ticker-today ul { background:#6C5545; color:#fff; padding:0px; width:100%; text-align:center; } 
#ticker-today ul li { list-style:none; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; padding:10px 0 10px 0; } 
/* 텍스트 배너 */
.text-banner { clear:both; width:100%; overflow:hidden; border-top:10px solid #ccc; border-bottom:10px solid #ccc; } 
.text-banner a { color:#fff; } 
.text-banner ul { background:#6C5545; color:#fff; padding:0px; width:100%; text-align:center; } 
.text-banner ul li { list-style:none; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; padding:10px 0 10px 0; } 

#div-goto-top { position:fixed; bottom:60px; right:13px; z-index:999; width:48px; height:48px; margin-bottom:8px; color:transparent; filter:alpha(opacity=70,finishopacity=0,style=1); opacity:0.7; -moz-opacity:0.7; display:none; } 
#div-goto-top img { width:48px; height:48px; } 
#div-goto-timeline { position:fixed; bottom:114px; right:13px; z-index:999; width:48px; height:48px; margin-bottom:8px; display:none; } 
#div-goto-timeline img { width:48px; height:48px; } 
#div-goto-prev { position:fixed; bottom:50px; left:10px; z-index:999; width:35px; height:35px; margin-bottom:8px; color:transparent; filter:alpha(opacity=70,finishopacity=0,style=1); opacity:0.7; -moz-opacity:0.7; display:none; } 
#div-goto-prev img { width:35px; height:35px; } 
#div-in-cart { position:fixed; bottom:50px; text-align:center; width:100%; z-index:999; margin-bottom:8px; color:transparent; filter:alpha(opacity=70,finishopacity=0,style=1); opacity:0.7; -moz-opacity:0.7; display:none; } 
#div-in-cart img { width:42px; height:42px; } 
#div-zoom { position:fixed; bottom:95px; right:10px; z-index:999; width:35px; height:35px; margin-bottom:8px; color:transparent; filter:alpha(opacity=70,finishopacity=0,style=1); opacity:0.7; -moz-opacity:0.7; } 
#div-zoom img { width:35px; height:35px; } 
#div-bottom-bar { 
    position:fixed; 
    bottom:0; 
    left:0; 
    z-index:9999; 
    width:100%; 
    height:55px; 
    border-top:1px solid #ddd; 
    background-color:#fff; 
    box-sizing:border-box; 
    left: 50%;
    transform: translateX(-50%);
} 
body:not(.mobile) #div-bottom-bar { 
    max-width: 500px; 
}    
#div-bottom-bar ul { list-style:none; margin:0; padding-top:12.5px; } 
#div-bottom-bar ul li { float:left; overflow:hidden; display:inline-block; width:20%; text-align:center; } 
#div-bottom-bar ul li img { width:24px; height:auto; } 

.align-center { margin:0 auto; text-align:center; } 
.align-left { margin:0 auto; text-align:left; } 
.align-right { margin:0 auto; text-align:right; } 
.text-title { font-size:1.2em; font-weight:bold; } 
.text-normal { font-size:1em; } 
.text-medium { font-size:0.9em; } 
.text-small { font-size:0.85em; } 
.text-small-14 { font-size:14px; } 
.text-fixed { font-size:12px; } 
.text-tiny { font-size:10px; } 
.text-bold { font-weight:bold; } 
.text-normal { font-weight:normal; } 
.text-product-price { } 
.text-product-price-fixed { font-size:15px; font-weight:bold; color:#222; } 
.text-product-price-wrap { line-height: 12px; vertical-align: bottom; white-space: nowrap; } 
.text-product-price-fixed-prxmnova { font-size: 17px; font-family: proxima-nova, sans-serif; font-weight: 600; font-style: normal; line-height: 1; } 
.text-product-price-fixed-2 { font-size: 12px; font-weight: bold; color: #222; } 
.text-product-price-fixed-3 { font-size: 15px; font-weight: 500; color: #222; } 
.text-product-title-fixed { font-size:14px; color:#222; line-height:1.45; } 
.text-product-subtitle-fixed { font-size:12px; color:#777; } 

.color-grey { color:#7e8c8c; } 
.color-gray { color:#7e8c8c; } 
.color-themegrey { color:#ecf0f1; } 
.color-lightgrey { color:#d3d7d7; } 
.color-darkgrey { color:#696969; } 
.color-skred { color:#cc0033; } 
.color-wnbrown { color:#6C5545; } 
.color-white { color:#ffffff; } 
.color-black { color:#000000; } 
.color-brown { color:#6C5545; } 
.color-brown2 { color:#5a5a5a; } 
.color-white { color:#333; background-color:#fff; } 
.color-themegreen { color:#00674b; } 
.color-lightbrown { color:#F3ECE6; } 
.color-gold { color:#BD9B6A; } 
.color-silver { color:#A7A9AC; } 
.color-artichoke1 { color:#C8DF8E; } 
.color-artichoke2 { color:#A0CF67; } 
.color-artichoke3 { color:#4F6F19; } 
.color-artichoke4 { color:#3A4C00; } 
.color-flower1 { color:#FFDE6C; } 
.color-flower2 { color:#FEC057; } 
.color-flower3 { color:#F37321; } 
.color-flower4 { color:#B95915; } 
.color-river1 { color:#8CD2F4; } 
.color-river2 { color:#83CFCA; } 
.color-river3 { color:#009F93; } 
.color-river4 { color:#005288; } 
.color-purple1 { color:#F1BFBF; } 
.color-purple2 { color:#E4ACCE; } 
.color-purple3 { color:#6D276A; } 
.color-purple4 { color:#621B4B; }

.bgcolor-wnbrown { background-color: #6c5545 !important;}

.ellipsis { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 

.brick { width:35vw; max-width: 160px; margin:0; padding:0; }

#div-loading { display:none; position:fixed; z-index:9999; background-image:url('/m/images/etc/loading-36.gif'); background-color:#666; opacity:0.5; background-repeat:no-repeat; background-position:center; left:0; bottom:0; right:0; top:0; } 
#div-loading-noback { display:none; position:fixed; z-index:9999; background-image:url('/m/images/etc/loading-36.gif'); background-repeat:no-repeat; background-position:center; left:0; bottom:0; right:0; top:0; } 

.div-img-mainbanner { height:180px; background-color:#ccc; } 

.main-recomm-container { overflow-x:scroll; overflow-y:hidden; white-space:nowrap; font-size:0; } /*height:276px; */
.main-recomm-container .main-recomm-listinner { display:inline-block; white-space:normal; margin-right:10px; } 
.main-recomm-container div:nth-last-child(1) { margin-right:0; } 

#divProductQtyDetailWrap { max-width:180px; } 
.product-qty-ul { height:40px; } 
.product-qty-ul .product-qty-li { display:inline-block; width:48%; } 
.product-qty { display: inline-block; height:40px; width:100%; text-align:center; vertical-align:text-bottom; background-color:#ecf0f1; border:1px solid #d7d7d7; box-sizing:border-box; -webkit-box-sizing:border-box; } 
.product-qty .down_btn, .up_btn { -webkit-user-select: none; user-select: none; box-sizing:border-box; -webkit-box-sizing:border-box; } 
.product-qty .down_btn { display:inline-block; float:left; width:33%; padding:9px 0; text-align:center; cursor:pointer; font-size:0.9em; } 
.product-qty .up_btn { display: inline-block; float:left; width:33%; padding:9px 0; text-align:center; cursor:pointer; font-size:0.9em; } 
.product-qty .prod_cnt { display: inline-block; float:left; width:34%; height:38px; text-align:center; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-top:none; border-bottom:none; box-sizing:border-box; -webkit-box-sizing:border-box; } 
.product-qty-ul .product-button-li { float:right; display:inline-block; width:48%; } 
.product-button-li #btn_incart { width:100%; } 

/* 게시글 페이지 단위 시작 */
#div-paging-list { clear:both; height:25px; font:13px AppleGothic,Verdana; padding: 15px 5px 5px 5px; text-align:center; vertical-align:middle; } 
#div-paging-list .sel { color:#fff; border:1px solid #696969; background-color:#696969; font-weight:bold; padding: 15px 5px 5px 5px; } 
#div-paging-list .numBox { font-weight:bold; padding:5px 8px 5px 8px; border:1px solid #D2D2D2; margin-left:5px; text-decoration:none; } 
#div-paging-list .navBox { padding:2px 4px 3px 4px; border:1px solid #D2D2D2; height:22px; } 
#div-paging-list a:hover.numBox { border:1px solid #696969; color:#D2D2D2; } 

.div-paging-list { clear:both; height:25px; font:13px AppleGothic,Verdana; padding: 15px 5px 5px 5px; text-align:center; vertical-align:middle; } 
.div-paging-list .sel { color:#fff; border:1px solid #696969; background-color:#696969; font-weight:bold; padding: 15px 5px 5px 5px; } 
.div-paging-list .numBox { font-weight:bold; padding:5px 8px 5px 8px; border:1px solid #D2D2D2; margin-left:5px; text-decoration:none; } 
.div-paging-list .navBox { padding:2px 4px 3px 4px; border:1px solid #D2D2D2; height:22px; } 
.div-paging-list a:hover.numBox { border:1px solid #696969; color:#D2D2D2; } 
/* 게시글 페이지 단위 끝 */

.no-content-found-li { height:60px; padding-top:10px; text-align:center; } 
.swiper-sub-category { background-color:#fff; padding:0 10px; border-bottom:1px solid #ccc; } 
.swiper-sub-category.scroll-to-fixed-fixed { } 

/* 상품상세 페이지 */
#divExpertTestResult { padding:20px; margin:10px 0; border:1px solid #d3d7d7; background-color:#fff; } 
#divSugarGraph { padding:20px; margin:10px 0; border:1px solid #d3d7d7; background-color:#fff; } 
#divSugarGraph table { font-size:0.95em; } 
#divSugarGraph #divSugarOuter { } 
#divSugarGraph #sugarBar { position:relative; padding-left:13px; border-top:2px dashed #cc0033; text-align:center; } 
#divSugarGraph #sugarBar #sugarBarInner { position:absolute; border:0px solid #000; bottom:0; width:70px; margin:0 auto; text-align:center; } 
#divBasicDetailInfo { margin-top:10px; } 
#divBasicDetailInfo { font-size:0.9em; } 
.ul-product-detail { } 
.ul-product-detail p { font-size:0.9em; } 
.ul-product-detail .div-product-box { margin:0 auto; width:100%; max-width:600px; text-align:center; overflow:hidden; } 
.ul-product-detail .div-product-label { margin:0 auto; width:100%; max-width:600px; text-align:center; overflow:hidden; } 
.ul-product-detail .div-product-label .product-label-table td { padding-left:10px; } 
.ul-product-detail .div-product-label .product-label-table .no-padding-left { padding-left:0; } 
.more-product-button { margin-bottom:5px; } 
.select_box .optionbox { width:100%; height:40px; font-size:1em; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; background: #fff url(/m/images/icons/select_arrow.png) no-repeat 97% 50%; /* 화살표 모양의 이미지 */ } 
.select_box .optionbox::-ms-expand { display: none; } 
.select_box list-inner { background-color:#ecf0f1; } 
.select_box #pOption { width:100%; height:40px; font-size:1em; color: #222; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; background: #fff url(/m/images/icons/select_arrow.png) no-repeat 97% 50%; /* 화살표 모양의 이미지 */ } 
.product-list .select_box #pOption { width:59%; } 
.select_box #dOption { float:right; width:40%; height:40px; font-size:1em; color: #222; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; background: #fff url(/m/images/icons/select_arrow.png) no-repeat 97% 50%; /* 화살표 모양의 이미지 */ } 
.select_box .hm-poption { width:100%; height:40px; font-size:1em; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; background: #fff url(/m/images/icons/select_arrow.png) no-repeat 97% 50%; /* 화살표 모양의 이미지 */ } 
.select_box #pOption::-ms-expand { display: none; } 
.select_box #dOption::-ms-expand { display: none; } 
.select_box .hm-poption::-ms-expand { display: none; } 
.select_box .customcontrol { width:100%; height:40px; padding:0 10px; font-size:1em; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; background: #fff url(/m/images/icons/select_arrow.png) no-repeat 97% 50%; /* 화살표 모양의 이미지 */ } 
.select_box .customcontrol::-ms-expand { display: none; } 
.select_box #ul-special-selling-box { } 
.select_box #ul-special-selling-box li:nth-child(1) { display:inline-block; width:69%; } 
.select_box #ul-special-selling-box li:nth-child(2) { float:right; display:inline-block; width:30%; } 
#detailHeader { box-sizing:border-box; border-bottom:0px solid #eee; border-top:1px solid #f5f5f5; } 
#fixedButtonSet { width:100%; position:fixed; bottom:0; z-index:999; } 
#fixedButtonSet #divProductDoIt { margin:5px 0; z-index:999; text-align:center; } 
.fixed-button-set { position:fixed; width:100%; bottom:0; z-index: 1010; max-width: 500px; } 
body:not(.mobile) .fixed-button-set { 
    max-width: 500px; 
} 
.fixed-button-set .div-container { display:flex; margin:0; z-index:999; text-align:center; background-color: #fff; } 
.fixed-button-set .div-container .div1 { flex:1; } 
.fixed-button-set .div-container .div1 > input { box-sizing:border-box; } 
.fixed-button-set .option-container .option-title { display: block; padding-top: 5px; overflow: hidden; text-align:left; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.4px; } 
.fixed-button-set .option-container .option-content { display: flex; padding: 10px 0; margin: 0 auto; overflow: hidden; justify-content: space-between; } 
.fixed-button-set .option-container .option-content .btn-open-restock { color: #3545ff; } 
.fixed-button-set .option-container .option-content .left-group{ display: flex; gap: 10px; } 
.fixed-button-set .option-container .select-content { width: 100%; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgba(0,0,0,0.2); background-color: #fff; } 
.fixed-button-set .option-container .select-content .buy-options { padding: 0 10px; max-height: 330px; overflow-y: auto; } 
.fixed-button-set .option-container .select-content .buy-option-item { border-bottom: 1px solid #ddd; } 
.fixed-button-set .option-container .select-content .buy-option-item .option-info { display: flex; justify-content: space-between; } 
.fixed-button-set .option-container .select-content .buy-option-item .option-info .option-price-info { flex-shrink: 0; color: #999; font-size: 13px; padding-top: 10px; padding-left: 10px; } 
.fixed-button-set .option-container .select-content .buy-option-total { background-color: #ffffff; display: flex; justify-content: space-between; padding: 10px; margin: 10px 0px -15px; } 
.option-container .btn-close-container { position: absolute; top: -16px; left: 50%; display: block; margin-left: -40px; width: 80px; height: 6px; background-color: #fff; border-radius: 3px; font-size: 0; text-indent: -9999px; overflow: hidden; border: 0; outline: 0; } 
.fixed-button-set .option-container .action-content { width: 100%; background-color: #fff; } 
.modal-backdrop-detail { height: 100%; width:100%; background-color: rgba(0, 0, 0, .5); display: none; position: absolute; z-index: 1009; } 

#div-delivery-announce { padding:10px; border:1px solid #eee; border-radius:2px; overflow:auto; } 
#div-delivery-announce #div-delivery-text { float:left; width:100px; border-right: 1px solid #e6e6e6; font-size:14px; font-weight:700; text-align:center; margin-right:10px; } 
#div-delivery-announce #div-delivery { float:left; } 
@media all and (max-width:540px){
 #div-delivery-announce #div-delivery-text { display:none; margin-right:none; } 
 }
.deadlineIcon { vertical-align:middle; margin-bottom:3px; content:url("/img/item_detail/btn-wrap_p_ico.png"); } 
.deadlinePop { display:none; position:absolute; width:180px; z-index:1; border: 1px solid #e6e6e6; padding:5px; font-size: 0.75em; background-color:#ffffff; padding:5px 10px 5px 10px; } 
.deadlinePop a { position: absolute; top:3px; right:3px; } 
.deadlinePop img { width:32px !important; height:32px !important; content:url("/m/images/icons/close_4web_128.png"); } 
.deadlinePop p { margin-top:0px; } 
.deadlinePop p:nth-child(1) { padding-top:10px; margin-top:0px; margin-bottom:0px; } 

/* 로그인 */
#loginForm { display:inline-block; padding:0; } 
.login-box { background-color:#ecf0f1; } 
.login-box .align-center { text-align:center; } 
#loginBox { max-width:500px; margin:0 auto; padding:15px; text-align:left; background-color:#fff; } 
body:not(.mobile) #loginBox { 
    max-width:500px;
} 
#loginArea { position:relative; margin:0 auto; padding:20px; padding-bottom:12px; } 
.user-msg { color:#CC0033; font-size: 14px; } 
.user-id, .user-pw { position:relative; height:42px; padding:0 90px 0 0; } 
.user-pw { margin:6px 0 0 0; } 
#loginuserid, #loginpassword { width:100%; height:50px; padding: 8px; border:1px solid #a8aaaf; color:#696969; } 
#did, #dpw { display:block; width:24px; height:24px; position:absolute; top:10px; right:10px; background:url('/m/images/icons/cross_stop_delete_x.png') 0px 2px no-repeat; text-indent:-3000em; } 
.user-btn { padding:14px 0 0 0; color:#555; font-size:0.9em; } 
.user-btn input { margin:0 1px 4px 0; } 
#spw { margin-left:19px; } 
#loginBtn { position:absolute; display:inline-block; width:80px; height:82px; top:28px; right:20px; padding:1px; border-radius:0px; -webkit-border-radius:0px; background-color:#6C5545; text-decoration:none; } 
#loginBtn span { display:inline-block; width:100%; margin-top:30px; background-color:#6C5545; color:#FFFFFF; text-align:center; } 
#noticeArea { padding:0; border-top:1px solid #ecf0f1; font-size:0.9em; } 
#noticeArea span { display:inline-block; line-height:14px; text-align:center; } 
#noticeArea a { color:#536ccd; } 
#noticeArea #memberlink a { color:#999; } 
#otherLinks { margin:10px 0 0 0; color:#888; font-size:0.9em; text-align:center; } 
#divKeyboard { text-align:center; display:none; } 
#divKeyboard img { width:320px; } 
#divKeyboardShow { height:30px; text-align:left; } 
#div-sns-login .btn-sns-login { width:80px; height:45px; padding:5px; border:1px solid #eaeaea; border-radius:5px; -webkit-border-radius:5px; } 
#div-sns-login .btn-sns-login:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
#welcome-twalk-banner { display:block; z-index:99; position:fixed; width:100%; left:0; bottom:0px; height:150px; background:rgba(0,0,0,0.7); color:#fff; } 
#welcome-twalk-banner #div-innder { position:relative; } 
#welcome-twalk-banner #div-innder #btnclose4web { position:absolute; right:0px; top:0px; width:38px; } 
#welcome-twalk-banner #div-innder table td { padding:40px 30px 0 30px; } 
#welcome-twalk-banner #div-innder table td .inner-text { font-size:16px; line-height:14px; } 
/* SNS Login */
.login_social_list { overflow: hidden; margin: 8px 0; font-size: 0; text-align: center; } 
.login_social_list li { display: inline; } 
.login_social_list li:first-child button { margin-left: 0; } 
.login_social_list li:last-child button { margin-right: 0; } 
.login_social_list button { background-image: url("/m/images/button/sp_login_sns_white.png"); background-position: 0px -51px; width: 46px; height: 46px; background-size: 97px 97px; display: inline-block; overflow: hidden; margin: 0 4px; border: none; background-color: transparent; color: transparent; font-size: 1px; vertical-align: top; } 
@media screen and (max-width: 359px){
 .login_social_list button { margin: 0 4px; } 
 }
.login_social_list button.sns_naver { background-position: 0px -51px; } 
.login_social_list button.sns_facebook { background-position: -51px 0px; } 
.login_social_list button.sns_payco { background-position: -51px -51px; } 
.login_social_list button.sns_apple { background-position: 0px 0px; } 

/* 마이페이지 */
#divMemberWelcome { height:100px; padding:10px; background-color:#fff; } 
#divMyInfoOuter { } 
#divMyInfoOuter ul { padding:10px; overflow:hidden; } 
#divMyInfoOuter ul li:nth-child(1) { width:70%; float:left; display:inline-block; padding-top:10px; } 
#divMyInfoOuter ul li:nth-child(2) { width:30%; float:left; display:inline-block; text-align:right; } 
#divPointInfo { height:150px; padding:10px; background-color:#fff; } 
#divInfoGroup { padding:0; } 
#divInfoGroup #divInfoGroupMedal { padding:10px; background-color:#fff; } 
#divInfoGroup #divInfoGroupMedal img { width:20px; vertical-align:middle; } 
#divInfoGroupClaim { margin-top:5px; background-color:#fff; } 
#divInfoGroupClaim #divGroupClaimRatio { height:115px; padding-top:10px; text-align:center; overflow:hidden; } 
#divInfoGroupClaim #divGroupClaimWarn { margin:0 auto; padding:10px; text-align:center; } 
.divInfoGroup { height:25px; padding:10px; } 
#regist-wrapper .m-box-type01 { margin:0 auto; width:320px; } 
#num-input-box .m-box-certno, #num-input-box .m-box-serialno { padding-left:20px; } 
#button-box .m-box-button-cancle { padding-left:0; } 
.m-box-success-info { display:none; height:250px; } 
.m-box-resultMsg2 { padding-top:30px; padding-bottom:45px; } 
.m-box-button-home { width:50%; margin:0 auto; } 

/* 적립포인트 조회 */
#divSearchField { margin:0 auto; padding:10px; text-align:center; } 
#divCurrentPoint { margin:0 auto; padding:0; text-align:center; line-height:200%; } 

.ul-title { } 
.ul-title ul { padding:10px; overflow:hidden; } 
.ul-title ul li:nth-child(1) { width:70%; float:left; display:inline-block; } 
.ul-title ul li:nth-child(2) { width:30%; float:left; display:inline-block; text-align:right; } 
.ul-button-2 { } 
.ul-button-2 ul { padding:10px; overflow:hidden; } 
.ul-button-2 ul li:nth-child(1) { width:50%; float:left; display:inline-block; } 
.ul-button-2 ul li:nth-child(2) { width:50%; float:left; display:inline-block; } 
.ul-button-2x { } 
.ul-button-2x ul { padding:16px; overflow:hidden; } 
.ul-button-2x ul li:nth-child(1) { width:50%; float:left; display:inline-block; } 
.ul-button-2x ul li:nth-child(2) { width:50%; float:left; display:inline-block; } 
.ul-button-3 { } 
.ul-button-3 ul { padding:10px; overflow:hidden; } 
.ul-button-3 ul li:nth-child(1) { width:33.333%; float:left; display:inline-block; } 
.ul-button-3 ul li:nth-child(2) { width:33.333%; float:left; display:inline-block; border-left:0; border-right:0; } 
.ul-button-3 ul li:nth-child(3) { width:33.333%; float:left; display:inline-block; } 
.ul-button-3-nw { } 
.ul-button-3-nw ul { padding:10px; overflow:hidden; } 
.ul-button-3-nw ul li:nth-child(1) { float: left; display: inline-block; } 
.ul-button-3-nw ul li:nth-child(2) { float: left; display: inline-block; border-left: 0; border-right: 0; } 
.ul-button-3-nw ul li:nth-child(3) { float: left; display: inline-block; } 
.ul-button-3-nw input[type=radio]+label { margin-right: 11px; } 
.ul-button-3x { } 
.ul-button-3x ul { padding:16px; overflow:hidden; } 
.ul-button-3x ul li:nth-child(1) { width:33.333%; float:left; display:inline-block; } 
.ul-button-3x ul li:nth-child(2) { width:33.333%; float:left; display:inline-block; border-left:0; border-right:0; } 
.ul-button-3x ul li:nth-child(3) { width:33.333%; float:left; display:inline-block; } 

.wgcircleouter { display:inline-block; width:95px; margin:0 auto; text-align:center; vertical-align:top; } 
.wgcircle50 { position:relative; margin:0 auto; width:50px; height:50px; border-radius:50%; text-align:center; vertical-align:middle; } 
.wgcircle80 { position:relative; margin:0 auto; width:80px; height:80px; border-radius:50%; text-align:center; vertical-align:middle; } 
.wgcircle140 { position:relative; margin:0 auto; width:140px; height:140px; border-radius:50%; text-align:center; } 
.wgcircle50text { width:50px; font-size:0.9em; padding-top:15px; line-height:150%; } 
.wgcircle80text { width:80px; font-size:24px; padding-top:22px; line-height:150%; } 
.wgcircle80remark { clear:both; margin-top:10px; } 
.f_orange { color:#fff; background-color:#F6BB42; } 
.f_red { color:#fff; background-color:#DA4453; } 
.f_green { color:#fff; background-color:#8CC152; } 
.f_pink { color:#fff; background-color:#EC87C0; } 
.f_grey { color:#fff; background-color:#AAB2BD; } 
.f_cyan { color:#fff; background-color:#4FC1E9; } 

.chart_h280 { width:100%; height:280px; } 

/* 마이페이지 - 나의쿠폰 */
.div-max-width { max-width:600px; } 
.register_div { margin:2vw 0 2vw 0; text-align:center; } 
.register_input { max-width:65px; text-align:center; width: 13vw; height: 7vw; font-size: 15px; color: #444; border: solid 1px #aaa; } 
.register_btn { max-width:70px; max-width:70px; max-height:32px; min-height:32px; margin-left:2vw; border-radius:2px; text-align:center; border: 1px solid #6c5545; background: #6c5545; color:white; width: 13vw; height: 7vw; } 
.register_div_1 { display:flex;justify-content: space-between;flex-wrap: nowrap; width: 100%; padding: 10px 0; }
.register_div_1 .register_input_1 { flex: 0 0 80%;min-width:0; }
.register_div_1 .register_btn_1 { flex: 0 0 20%;border: 1px solid #6c5545; background: #6c5545; color:white; }
.coupon_selectc { min-height:29px; background-color: #fff !important; font-size: 15px; max-width:600px; max-height:40px; height: 11.11vw; width: 100%; color: #444; border: solid 2px #aaa; } 
.content-5 { padding:0 3vw; } 
.coupon_tbl1 { font-size: 0.9em; border:1px solid #ccc; margin-bottom:20px; max-width:600px; } 
.coupon_tbl1 .wn_lightgray td:first-of-type { padding-left:4vw } 
.coupon_tbl1 .coupon_title { font-weight:700; } 
.coupon_tbl2 { font-size: 0.9em; margin-bottom:5vw; max-width:600px; } 
.coupon_tbl2 .wn_lightgray td:first-of-type { padding-left:4vw; width:75%; border-top:1px solid #ccc; border-left:1px solid #ccc; } 
.coupon_tbl2 .wn_lightgray td:last-of-type { vertical-align:middle; background-color:#222; border:1px solid #222; padding:0; } 
.coupon_tbl2 .wn_lightgray img { width:40%; } 
.coupon_tbl2 td { width:75%; border-bottom:1px solid #ccc; border-left:1px solid #ccc; } 
.coupon_detail1 { font-weight:600; margin-bottom:2vw; font-size:1.1em; } 
.coupon_detail2 { font-size:0.9em; line-height:120%; } 
.disabled { color:#a7a9ac; } 
.disabled_title { text-decoration:line-through; color:#a7a9ac; } 
.coupon_divpop { display:none; background-color: rgba(0,0,0,0.3); left: 0; top: 0; width: 100%; height: 100%; z-index: 10; vertical-align: middle; text-align: center; position:fixed; } 
.coupon_divpop .info_divpop { color: #2e2e2e; background-color: #ffffff; width:250px; padding:25px; } 
.coupon_divpop .info_divpop .msg_bg { background-color:#ffffff; } 
.coupon_divpop .info_divpop .msg_bg .msgpop { color: #444444; font-size:13px; letter-spacing: -1px; padding: 0 10px 20px; } 
.coupon_divpop .info_divpop .popbtn { width: 75px; height: 30px; font-size: 12px; color: #ffffff; letter-spacing: -1px; background-color:#6c5445; } 
.mnmcoupon_banner { width: 100%; margin-bottom: 10px; max-width: 500px;} 

/* 장바구니 */
#divCartButtonSet { background-color:#fff; } 
.cartGoodsLine { clear:both; margin:16px; text-align:left; background-color:#fff; overflow:hidden; } 
.cartGoodsLine .prodListTop { padding:10px; border-top:0px solid #cccccc; } 
.cartGoodsLine .prodListTop .product-line{ margin-right: 24px; } 
.prodLeftImage { position:relative; float:left; width:30%; height:120px; min-width:100px; max-width:100px; vertical-align:bottom; } 
@media screen and (max-width: 360px){
 .prodLeftImage { position:relative; float:left; width:30%; height:120px; min-width:80px; max-width:100px; } 
 }
.prodLeftImage img { width:100%; height:100%; } 
.prodListRight { position:relative; float:left; width:60%; } 
.prodListRight .product-line { padding-bottom: 4px; padding-left:10px; } 
.prodListRight .product-line-unit { padding-bottom: 4px; padding-left:10px; padding-right:10px; min-height:2.6em; line-height:110%; } 
.prodListRight .prodRightDisplay { padding-left:5px; } 
.prodListRight .prodRightPrice { padding-left:5px; } 
@media (min-width: 490px) { .prodCloseButton { right: 50% !important; transform: translate(500%, -93%); margin-top: 0 !important; } }
.prodCloseButton { position: absolute; right: 15px; margin-top: -45px; cursor: pointer; }
.prodCloseButton img { width:36px; padding:5px; } 
#divsubventionSummary { position:relative; margin-top:10px; padding:20px; background-color:#fff; border:1px solid #eaeaea; } 
#howaboutthish { text-align:left; } 
#howaboutthish .half-round { width:120px; padding:10px 0; border-radius:0 50% 0; } 
#makemyseth { text-align:left; } 
#makemyseth .half-round { width:120px; padding:10px 0; border-radius:0 50% 0; } 
#cartCheckHeader { background-color:#fff; } 
#cartCheckHeader > li:nth-child(1) { display:inline-block; width:50%; text-align:left; } 
#cartCheckHeader > li:nth-child(2) { display:inline-block; width:50%; text-align:right; } 
.cartGoodsSub { clear:both; margin:16px; padding:16px; text-align:left; background-color:#fff; } 
.cartGoodsSub table { width:100%; align:center; } 
.cartGoodsSub table td:first-child { text-align:left; } 
.cartGoodsSub table td:last-child { text-align:right; } 
.cartGoodsTotal { clear:both; margin:16px; padding:16px; text-align:left; background-color:#fff; } 
.cartGoodsTotal .totalListTop {  } 
.cartGoodsTotal table { width:100%; align:center; } 
.cartGoodsTotal table td:first-child { padding-top:5px; text-align:left; } 
.cartGoodsTotal table td:last-child { text-align:right; } 
.cartOrderPop { display:block; z-index:45; position:fixed; left: 0; bottom: 0; width: 100%; height: 70px; background: rgba(0,0,0,0.7); color: #fff; } 
.cartOrderPop .popWrap { position:relative; } 
.cartOrderPop .popWrap table { width:100%; border:0; margin-top:11px; } 
.cartOrderPop .popWrap table td:first-child { width:50%; vertical-align:middle; padding:0 30px; } 
.cartOrderPop .popWrap table td:last-child { padding-right:15px; min-width:80px; } 
.count { overflow: hidden; position: relative; float: left; width: 86px; height: 28px; border: 1px solid #dddfe1; border-radius: 4px; box-sizing: border-box; margin: 0; } 
.count .inp { float: left; width: 28px; height: 26px; padding: 0; border: 0; background-color: #fff; font-weight: 600; font-size: 14px; color: #333; line-height: 27px; text-align: center; pointer-events: none; } 
.count .btn { overflow: hidden; position: relative; float: left; display: inline-block; width: 28px; height: 26px; border: 0; background: #fff; text-indent: -9999px; outline: none; border-radius: 0; color: #333; letter-spacing: 0; text-shadow: none; text-align: center; align-items: flex-start; line-height: 1; font-size: 14px; } 
.count .btn:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.count .down { background: url(/m/images/icons/ico_minus_on.svg) no-repeat 50% 50%; background-size: 28px 28px; } 
.count .up { float: right; background: url(/m/images/icons/ico_plus_on.svg) no-repeat 50% 50%; background-size: 28px 28px; } 
.div-order-info { } 
.div-order-info ul li .right-text { display: inline-block; float: right; text-align: right; } 
#div-shipping-address { width:100%; height:70px; padding-bottom: 8px; align-content:center; } 
#div-shipping-address ul li { display:inline-block; } 
#div-shipping-address ul li:nth-child(1) { width:15%; max-width:80px; } 
#div-shipping-address ul li:nth-child(2) { width:70%; padding-top:4px; font-size:0.8em; line-height:150%; text-overflow: ellipsis; overflow: hidden; } 
#div-shipping-address ul li:nth-child(3) { width:10%; float:right; text-align:right; } 
img.ico-view-address { opacity: .8; } 
img.ico-select-address { opacity: .4; } 
/*선물하기(2024-11-13)*/
.basket-badge{ display: inline-flex; align-items: center; justify-content: center; padding: 3px; background-color: #6c5545; color: white; border-radius: 50%; font-weight: bold; font-size: 11px; line-height: 1; min-width: 1.6em; aspect-ratio: 1; margin-left: 10px; box-sizing: border-box; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } 
.cart-tab-wrapper .cart-tab-menu {position: relative; display:block;height:64px;background-color: #fff;width:100%;}
.cart-tab-wrapper .cart-tab-menu.fix { position: fixed; top: 55px; z-index: 10; max-width: 500px;}
.cart-tab-wrapper .cart-tab-menu .cart-tabs {margin: 0 2.5%;}
.cart-tab-wrapper .cart-tab-menu .cart-tabs li {cursor: pointer; float: left; width: 50%; font-size: 15px; line-height: 50px; border-bottom: 1px solid #e2ddda; font-weight: 400; color: #6b5445; letter-spacing: -0.3px; text-align: center; }
.cart-tab-wrapper .cart-tab-menu .cart-tabs li.on {border-bottom: 2px solid #6b5445; font-weight: 500;}


/* 주문결제 */
.payGoodsLine { clear:both; height:120px; margin:10px 0; text-align:left; background-color:#fff; } 
.input-small-price { width:55px; padding:2px 4px; border:1px solid #6C5545; } 
#divDeliveryAddressType { border-bottom:1px dotted #ecf0f1; } 
.recentAddressLine { height:25px; padding:5px 10px; text-align:left; overflow:hidden; font-size:0.9em; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dotted #ccc; cursor:pointer; } 
.divDeliveryLine { line-height:200%; } 
.divDeliveryLine #zipcd1,#zipcd2 { width:40px; } 
.divDeliveryLine #telno1,#telno2,#telno3,#hpno1,#hpno2,#hpno3 { width:45px; } 
#divAccountMethodTable { background-color:#fff; } 
#divAccountMethodTable #noneBntPayMethod_2 ul li { min-height:30px; padding-top:5px; } 
#divAccountMethodTable #cashReceipt { border-top:1px dotted #ccc; } 
#divThirdPartyTermsOuter { float:left; width:100%; min-width:320px; height:120px; margin:0 auto; text-align:left; vertical-align:middle; } 
#divThirdPartyTerms { height:60px; overflow-y:scroll; padding:10px; border:1px solid #ccc; color:#5c6666; background-color:#fff; } 
#divSeperateThirdParty { float:left; width:2%; } 
#divPayAgreement { padding:10px; border:1px solid #ccc; background-color:#fff; } 
#divRePayAgreement { padding:10px; border:1px solid #ccc; background-color:#fff; } 
#divMeasureAgreement { padding:10px; border:1px solid #ccc; background-color:#fff; } 
#divButtonSet { } 
#payMethodInfo { display:none; border-top:1px dotted #ccc; } 
input#rcpinfo { width: 120px; } 

ul.product-list #btn-reset-coupon { float:right; font-size:12px; margin-top:3px; border:1px solid #ccc; border-radius:2px; padding:0 4px; } 
ul.product-list .coupon-list-title { margin:0 16px; padding:4px 8px; border-bottom:1px dotted #CCCCCC; } 
ul.product-list .coupon-list-body { margin:0 16px; padding:20px 10px; border-bottom:1px dotted #CCCCCC; background-color:#fff; } 
ul.product-list a.info-change-addr { float: right; } 
.div-order-info ul li .right-text { display:inline-block; float:right; text-align:right; } 
.odAddress-container input[type="text"],.odAddress-container input[type="tel"] { width: 100%; margin-bottom: 5px; } 
.odAddress-container input[type="text"][name="dlvmsg2"] { float: right; } 
.odAddress-container select[name="dlvmsg"] { height: 32px; width: 100%; margin-bottom: 5px; } 
.odAddress-container .addrinfo-wrap { margin: 5px 0; } 
.odAddress-container .ul-entpasswd li { line-height:150%; } 
.odAddress-container .ul-entpasswd .intent { padding-left:24px; } 

/* 이니시스에서 삽입하는 결제창의 경우 정확한 제어가 어렵다. 1920px에 맞춰 중앙에 표시 */
body:not(.mobile) #inicisModalDiv {
    transform: translate(calc(12vw - 50%), 0%);
}

/* 댓글 창 */
#divBasiccomments { padding:0; } 
#commentArea { } 
#commentArea #btnCommentRegPR { width:240px; margin:10px; } 
#commentArea .li-profile-image { width:15%; float:left; display:inline-block; text-align:center; } 
#commentArea .li-profile-image img { width:50px; height:50px; border-radius:50%; vertical-align:middle; } 
#commentArea .li-reply-content { width:85%; float:left; display:inline-block; line-height:110%; } 
#commentArea .li-reply-content .reply-control { margin:10px 0; } 
#commentArea .li-reply-content .commentView { display:inline; } 
#commentArea .li-rereply-image { width:10%; float:left; display:inline-block; } 
#commentArea .li-rereply-content { width:90%; float:left; display:inline-block; line-height:110%; } 
#commentArea .li-rereply-content .reply-content { background-color:#ecf0f1; padding:10px; border-radius:5px; } 

#divProductReview { padding:0; } 
#reviewArea { } 
#reviewArea .li-profile-image { width:15%; float:left; display:inline-block; text-align:center; } 
#reviewArea .li-profile-image img { width:50px; height:50px; border-radius:50%; vertical-align:middle; } 
#reviewArea .li-reply-content { width:85%; float:left; display:inline-block; line-height:110%; } 
#reviewArea .li-reply-content .reply-control { margin:10px 0; } 
#reviewArea .li-reply-content .reviewView { display:inline; } 
#reviewArea .li-rereply-image { width:15%; float:left; display:inline-block; } 
#reviewArea .li-rereply-content { width:85%; float:left; display:inline-block; line-height:110%; } 
#reviewArea .li-rereply-content .reply-content { background-color:#ecf0f1; padding:10px; border-radius:5px; } 

/* 다른사람이 자주 함께 구입하는 상품 목록 */
#divFbtOuter { height:280px; overflow-x:scroll; overflow-y:hidden; } 
#divFbtOuter .fbt-product-box { width:140px; height:230px; overflow:hidden; } 

/* 레시피 블로그 연관상품 */
#divFbtOuter .fbt-product-box .nosell-masking { position:absolute; width:100%; height:100%; background-color:#333333; opacity:0.8; } 
#divFbtOuter .fbt-product-box .nosell-masking span { position:absolute; top:50%; margin-top:-13px; width:100%; text-align:center; color:#ffffff; font-weight:500; } 

.snsshare { text-align:center; } 
.snsshare .sns_icon { height:41px; margin:0 auto; } 
.snsshare .sns_icon a { display:inline-block; width:32px; height:32px; padding:5px; } 
.snsshare .sns_icon a:last-child { border-right:0; } 
.snsshare .sns_icon img { width:36px; } 

/* 설정 페이지 */
#config1table td { font-size:1.2em; } 

/* 현황.분석 페이지 */
.divSearch { padding:0 8px; margin:5px 0; text-align:left; } 
.divSearchN { padding:0; margin:5px 0; text-align:left; } 
.divSearch30 { height:30px; padding:0 8px; margin:5px 0; text-align:left; } 
.divSearchButton { padding:0 8px; margin:10px 0 5px 0; text-align:left; } 
.divPcPanel { vertical-align:top; padding-top:10px; } 
#divWorkProgress #doneRatio { position:relative; display:inline-block; float:left; } 
#divWorkProgress #doneRatio #s_doneRatio { margin:0 auto; font-size:60px; line-height:150%; padding-top:24px; } 
#divWorkProgress #orderProcess { display:inline-block; float:left; margin:30px 0 0 10px; text-align:left; } 
#divWorkProgress #orderProcess span { font-size:16px; font-weight:bold; } 
#divWorkProgress #orderProcess .circlebottomtext1 { float:left; display:inline; width:50px; height:25px; padding-top:5px; } 
#divWorkProgress #orderProcess .circlebottomtext2 { float:left; display:inline; width:50px; padding-left:5px; } 
.circleOuter30 { clear:both; height:30px; } 

/* 유통이력추적 결과 */
.tab-title-box { text-align:left; cursor:pointer; } 
.tab-title-box #divSetPack { } 
.tabTitle { padding:10px; border-radius:0 45px 0 0; text-align:left; } 
.tabTitle-no-fan { padding:10px; border-radius:0 0 0 0; text-align:left; } 

.div-setpack-view { } 
.tdSetPackTitle { border:0; padding-left:10px; font-size:1em; } 
.tdBorderTopZero { border-top:0; } 
.tableSmallRemark { text-align:right; color:#999; font-size:11px; } 
#divOrderDetailView #orderDetailTable { margin:0px; font-size:0.9em; border-collapse:collapse; border-color:#ccc; } 
#divOrderStatusView #orderStatusTable { margin:0px; font-size:0.9em; } 
#orderStatusTable .orderStatusDesc { padding:10px; line-height:150%; border-bottom:1px dotted #999; } 
#orderStatusTable .orderStatusDescHelp { padding-left:16px; color:#999; } 
#orderStatusTable .orderStatusDescUser { padding-left:16px; } 
#divParcelServiceButtonBox { text-align:left; } 

.traceDetailTable { } 

/* 유통이력추적 조회 페이지 */
#divTraceabilityPannel { padding:10px; background-color:#fff; } 
#divTraceabilityPannel #tracelogo1 { width:64px; vertical-align:middle; } 
#divTraceabilityPannel #tracelogo2 { width:48px; vertical-align:middle; } 
#divTraceabilityPannel #tracelogo3 { width:64px; vertical-align:middle; } 
#divTraceSearchText1 { } 
#divTraceSearchText1 #orderNo { width:100%; height:44px; vertical-align:top; margin-bottom:5px; } 
.div-trace-search-input { position:relative; } 
#divTraceSearchText2 { } 
#divTraceSearchText2 #traceNo { width:100%; height:44px; vertical-align:top; margin-bottom:5px; } 
#divTraceSearchText1 ul li div > a.btnClear { display:none; width:30px; height:30px; position:absolute; top:7px; right:0; background:url('/m/images/icons/cross_stop_delete_x.png') 0px 2px no-repeat; text-indent:-3000em; cursor:pointer; } 
#divTraceSearchText1 ul li div > a.btnClear.on { display:block; } 
#divTraceSearchText2 ul li div > a.btnClear { display:none; width:30px; height:30px; position:absolute; top:7px; right:0; background:url('/m/images/icons/cross_stop_delete_x.png') 0px 2px no-repeat; text-indent:-3000em; cursor:pointer; } 
#divTraceSearchText2 ul li div > a.btnClear2.on { display:block; } 
#divTraceabilityPannel .div-trace-apt-logo img { width:64px; } 

/* SK회원인증 */
.SKAuthMsgBox { padding:30px; border:1px solid #ccc; border-radius:5px; background-color:#fff; } 
#divSKAuthMsgBox ul { list-style:disc; line-height:200%; text-align:left; } 
.divrecommender { padding:20px; border:1px solid #ccc; border-radius:5px; background-color:#fff; } 

/* 커뮤니티, 고객센터 공통 */
.community-outer { padding:10px; background-color:#fff; overflow:hidden; } 
.community-outer ul { text-align:left; overflow:hidden; } 
.community-outer ul .li01 { width:75%; height:30px; float:left; display:inline-block; margin-bottom:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #eaeaea; } 
.community-outer ul .li02 { width:25%; height:30px; float:left; display:inline-block; margin-bottom:8px; text-align:right; border-bottom:1px solid #eaeaea; } 
.community-outer ul li:nth-last-child(2):not(.li-full) { width:70%; height:25px; float:left; display:inline-block; margin-bottom:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:none; } 
.community-outer ul li:nth-last-child(1):not(.li-full) { width:30%; height:25px; float:left; display:inline-block; margin-bottom:0; text-align:right; border-bottom:none; } 
.community-outer ul .li-full { width:100%; height:55px; display:block; align-content:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #eaeaea; } 
.community-outer ul .li-full:first-child { border-top: 1px solid #eaeaea; }
.div-community-list { height:140px; overflow:hidden; } 
.div-community-list .timeline-title { line-height:100%; } 
.div-community-list .timeline-content { line-height:100%; } 

.community-timeline-outer { margin-bottom: 10px; background-color: #fff; } 
.community-timeline-outer .timeline-list-image { width:120px; height:144px; } 
.community-timeline-outer .timeline-list-image img { width:100%; height:100%; min-height:144px; } 
.community-timeline-outer .timeline-title { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em; height:2.8em; } 
.community-timeline-outer .timeline-content { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.3em; height:3.9em; } 

/* 자주하는 질문 */
.div-faq-search { } 
.div-faq-search ul { padding:0; } 
.div-faq-search ul li:nth-child(1) { width:70%; float:left; display:inline-block; } 
.div-faq-search ul li #sfaq { width:100%; height:32px; padding:5px; font-size:0.9em; } 
.div-faq-search ul li:nth-child(2) { width:30%; float:left; display:inline-block; text-align:right; } 
.div-faq-search ul li #btnSearch { width:100%; height:32px; vertical-align:text-top; } 

/* 주문, 배송조회 */
#sgdname { width:180px; padding:5px 10px; } 
.order-list-wrap { border-top: solid 1px #eaeaea; padding-top: 16px; } 

/* 기획전 */
#divSpecialSellingHeader { overflow:hidden; padding:0; margin:0; background-color:#ecf0f1; } 
#divSpecialSellingHeader img { width:100%; vertical-align:top; } 
.divSpecialSellingList { height:120px; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; } 
@media (min-width: 680px) and (orientation: landscape){
 .divSpecialSellingList { height:180px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } 
 }
.sp-coupon { position:relative;width: 86.11%; text-align: center;margin:6.94% 6.94% 11.11%; } 
.sp-coupon > a > img {display:block;width:100%;}
.sp-coupon .info { position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100%;display:flex;justify-content:space-between;align-items:center; } 
.sp-coupon .info .sp-coupon-discount {flex-shrink: 0;width:25.48%;margin-left:1.94%;}
.sp-coupon .info .sp-coupon-discount span {font-size: clamp(18px, 4.8vw, 24px);font-weight:600;color:#111111;letter-spacing: -0.3px;font-family:Pretendard, "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Helvetica Neue", Helvetica, Arial, "apple color emoji", "segoe ui emoji", "noto color emoji", "android emoji", emojisymbols, "emojione mozilla", "twemoji mozilla", "segoe ui symbol", sans-serif;}
.sp-coupon .info .sp-coupon-discount span.krw {font-size: clamp(16px, 4.2vw, 21px);}
.sp-coupon .info .sp-coupon-discount span.percent {font-size:clamp(18px,6.94vw,35px)}
.sp-coupon .info .sp-coupon-desc {flex-shrink: 0;width:44.84%;margin: 0 4.84%;}
.sp-coupon .info .sp-coupon-desc p {margin:0;font-size: clamp(9px, 2.8vw, 14px);font-weight:400;text-align:left;letter-spacing:-0.3px;font-family: Pretendard, "Apple Gothic", "HY Gulim", MalgunGothic, "HY Dotum", "Helvetica Neue", Helvetica, Arial, "apple color emoji", "segoe ui emoji", "noto color emoji", "android emoji", emojisymbols, "emojione mozilla", "twemoji mozilla", "segoe ui symbol", sans-serif;}
.sp-coupon .info .sp-coupon-desc p:last-child {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sp-coupon .info .sp-coupon-btn {flex-shrink: 0;width:18.06%;}
.sp-coupon .info .sp-coupon-btn img {display:block;width:100%;}


#custom-category-menu { font-size: 0; text-align: center; } 
#custom-category-menu li { display:inline-block; } 
#custom-category-menu li img { width:100%; vertical-align:top; } 

/* 1:1 문의 */
#divQuestionPannel { border:1px solid #ccc; border-radius:5px; } 
#divAnswerPannel { border:3px solid #BD9B6A; border-radius:5px; } 
.input-title { width:100%; } 
#search-payinfo #paynum { display:inline; height:28px; padding:4px; } 
#search-payinfo #btnsearchPayment { display:inline; padding:0; height:28px; width:65px; } 

/* 묶음 상품 */
.div-bundle-search { } 
.div-bundle-search ul { padding:0; } 
.div-bundle-search ul li:nth-child(1) { width:70%; float:left; display:inline-block; } 
.div-bundle-search ul li #searchValue { width:100%; height:32px; padding:5px; font-size:0.9em; } 
.div-bundle-search ul li:nth-child(2) { width:30%; float:left; display:inline-block; text-align:right; } 
.div-bundle-search ul li #searchButton { width:100%; height:32px; vertical-align:text-top; } 
.div-bundle-list { } 
.div-bundle-list table td { padding:0; } 
.div-bundle-list .bundle-list-image { width:120px; height:144px; border:1px solid #eaeaea; background-color:#ecf0f1; overflow:hidden; } 
.div-bundle-list .bundle-list-image img { width:auto; height:100%; min-height:144px; } 
.div-bundle-list .bundle-list-content { text-align:left; height:144px; overflow:hidden; padding:0px 10px; } 
.div-bundle-list .bundle-list-content .tbl-board-title td { display:inline; } 
.div-bundle-list .bundle-list-content .crop-title { line-height:1.5em; } 
.div-bundle-list .bundle-list-content .crop-content { line-height:1.5em; display:none; } 
@media (min-width:768px){
 .div-bundle-list .bundle-list-content .tbl-board-title td { display:table-cell; } 
 .div-bundle-list .bundle-list-content .crop-title { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; height:1.5em; } 
 .div-bundle-list .bundle-list-content .crop-content { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.5em; } 
 .div-bundle-list .bundle-list-content .comment-count { margin-left:2px; } 
 }
#divCategoryHeader { border-top:1px solid #f5f5f5; border-bottom:1px solid #eaeaea; } 
#divCategoryHeader2 { border-top:1px solid #f5f5f5; border-bottom:1px solid #eaeaea; } 
#divUserSetPannel #titlex { width:100%; height:32px; padding:5px; } 
#divUserSetPannel textarea { width:100%; height:150px; vertical-align:text-top; } 
#divUserSetPannel #samplPicture img { max-width:150px; width:70px; vertical-align:top; } 
#divChoosePicPannel #pic1 { width:100%; height:28px; padding:5px; } 
#divChoosePicPannel #samplPicture img { max-width:150px; width:70px; vertical-align:top; border-radius:20px; } 

/* 레시피 블로그 */
#cookTableList { } 
#cookTableList td { padding:4px 8px; } 
#cookTableList a { margin:4px 0; } 

/* 레이어 팝업 */
.layerpopup { position:absolute; left:0; top:0; max-width:90%; z-index:9999; display:none; padding:0; margin:0; overflow:hidden; } 
.layerpopup .layerpopupinner { position:relative; display:block; max-width:100%; } 
.layerpopup .layerclose { position:absolute; top:0; right:0; width:32px; height:32px; } 
.layerpopup .layerclosebuttonset { position:relative; top:-6px; height:40px; text-align:center; font-size:0.9em; } 
.layerpopup .layerclosebutton { display:inline-block; width:50%; height:35px; padding-top:15px; color:#fff; background-color:#6C5545; text-align:center; } 
.layerpopup .layerclosebutton2 { display:inline-block; width:50%; height:35px; padding-top:15px; color:#fff; background-color:#BD9B6A; text-align:center; } 

/* 현황.분석 */
.div-pcan-search { height:35px; vertical-align:text-top; font-size:0.9em; } 
.div-pcan-search input[type="text"] { width:100px; height:28px; vertical-align:text-bottom; } 
.div-pcan-search img { vertical-align:text-bottom; } 
.div-pcan-search .ui-datepicker-div { font-size:0.9em; } 
.div-pcan-content { padding:0; margin:0; } 

/* 회원가입 진행상태 스타일(공통) */
.sub_join .join-tab { position:relative; width:100%; margin:0 auto; text-align:center; } 
.sub_join .join-tab li { display:inline-block; height:45px; } 
.sub_join .join-tab li.proc-arrow { width:5%; background:url("/img/sub_join/tab-img.png") no-repeat center; margin:0 2.5px; } 
.sub_join .join-tab li .tab { width:90%; background:#b5aaa3; color:#ffffff; font-size:0.7em; text-align:center; border-radius:5px; padding:3px; margin:0 auto; } 
.sub_join .join-tab li.active .tab { background:#6c5445; } 
.sub_join .join-tab li p { color:#b5aaa3; font-size:0.85em; line-height:100%; margin:0 auto; padding:5px 0; text-align:center; } 
.sub_join .join-tab li.active p { color:#6c5445; } 
.sub_join .sub_title { position:relative; border-bottom: solid 1px #b5aaa3; } 
.sub_join .sub_title img { position:absolute; right:0; } 
.sub_join .cont-view { display:inline-block; right:5px; position:absolute; }
.sub_join .indent20 { padding-left:20px; }  
.sub_join .indent30 { padding-left:30px; } 
.sub_join .terms { eight:160px; overflow-y:auto; background-color:#fff; } 
.sub_join .terms .term-content { width:100%; color:#666666; font-size:14px; line-height:140%; letter-spacing:0; } 
.sub_join .terms .term-content p { padding:0; margin:0; } 
.sub_join .terms .term-content table { border:1px solid #cccccc; } 
.sub_join .terms .term-content table td { border:1px solid #e6e6e6; height:50px; } 
.sub_join .terms .term-content table thead td { color:#333333; background-color:#f3ece6; border-bottom:0; text-align:center; height:50px; } 
.sub_join .terms .term-content table td.checks { position:relative; text-align:center; } 
.sub_join .terms .term-content table td.checks input[type="checkbox"]+label { padding:0; display:inline; margin-right:18px; font-size:1em; } 
.sub_join #marketingOptions {display: none;}
.sub_join .btn-toggle-options img{width: 16px;}

/* 회원 가입 (신규) 추가 */
#div-search-result { } 
#div-search-result ul { } 
#div-search-result .ul-header > li:nth-child(1) { width:30%; height:25px; display:inline-block; text-align:center; vertical-align:middle; background-color:#eaeaea; } 
#div-search-result .ul-header > li:nth-child(2) { width:50%; height:25px; display:inline-block; text-align:left; vertical-align:middle; background-color:#eaeaea; } 
#div-search-result .ul-header > li:nth-child(3) { width:20%; height:25px; display:inline-block; text-align:center; vertical-align:middle; background-color:#eaeaea; } 
#div-search-result #ul-search-result > li:nth-child(1) { width:30%; height:25px; display:inline-block; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; } 
#div-search-result #ul-search-result > li:nth-child(2) { width:50%; height:25px; display:inline-block; border-bottom:1px solid #ccc; text-align:left; vertical-align:middle; } 
#div-search-result #ul-search-result > li:nth-child(3) { width:20%; height:25px; display:inline-block; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; } 
#div-search-result #ul-search-result > li:nth-child(3n+4) { width:30%; height:25px; display:inline-block; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; } 
#div-search-result #ul-search-result > li:nth-child(3n+5) { width:50%; height:25px; display:inline-block; border-bottom:1px solid #ccc; text-align:left; vertical-align:middle; } 
#div-search-result #ul-search-result > li:nth-child(3n+6) { width:20%; height:25px; display:inline-block; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; } 

/* 회원가입 회원(유형)선택 페이지 스타일 */
.sub_join .member_type_btn { display:inline-block; width:100%; height:30px; text-align:center; color:#666666; font-size:15px; line-height:100%; padding-top:100px; cursor:pointer; } 
.sub_join .member_type_btn-01 { background:url("/img/sub_join/member_type_01_off.png") no-repeat top 10px center; background-size:80px; background-color:#fff; } 
.sub_join .member_type_btn-01.active { background:url("/img/sub_join/member_type_01_on.png") no-repeat top 10px center; background-size:80px; color:#6c5447; font-weight:700; } 
.sub_join .member_type_btn-02 { background:url("/img/sub_join/member_type_02_off.png") no-repeat top 10px center; background-size:80px; background-color:#fff; } 
.sub_join .member_type_btn-02.active { background:url("/img/sub_join/member_type_02_on.png") no-repeat top 10px center; background-size:80px; } 
.sub_join .member_type_btn-03 { background:url("/img/sub_join/member_type_03_off.png") no-repeat top 10px center; background-size:80px; background-color:#fff; } 
.sub_join .member_type_btn-03.active { background:url("/img/sub_join/member_type_03_on.png") no-repeat top 10px center; background-size:80px; } 
.sub_join .member_type_btn-04 { background:url("/img/sub_join/member_type_04_off.png") no-repeat top 10px center; background-size:80px; background-color:#fff; } 
.sub_join .member_type_btn-04.active { background:url("/img/sub_join/member_type_04_on.png") no-repeat top 10px center; background-size:80px; } 

/* 회원가입 완료 페이지 스타일 */
.sub_join .join-comp-bottom { padding-top:150px; width:100%; } 
.sub_join .join-comp-bottom-01 { background:url("/img/sub_join/join_comp_01.png") no-repeat center top; background-size:150px; } 
.sub_join .join-comp-bottom-02 { background:url("/img/sub_join/join_comp_02.png") no-repeat center top; background-size:150px; } 
.sub_join .join-comp-bottom-03 { background:url("/img/sub_join/join_comp_03.png") no-repeat center top; background-size:150px; } 

/* 회원정보 수정 */
#divMemberTitle { height:30px; padding:10px; background-color:#fff; } 
#divMemberGroup #divMemberPassword { padding:10px; background-color:#fff; } 
#passwordBox { max-width:500px; margin:0 auto; padding:15px; text-align:left; background-color:#fff; } 
#passwordArea { position:relative; margin:0 auto; padding:20px; } 
#passwordArea #pwWarn { padding:0 } 
#passwordBtn { position:absolute; display:inline-block; width:80px; height:36px; top:26px; right:20px; padding:1px; border-radius:0px; -webkit-border-radius:0px; background-color:#6C5545; text-decoration:none; } 
#passwordBtn span { display:inline-block; width:100%; margin-top:7px; background-color:#6C5545; color:#FFFFFF; text-align:center; } 
.flatBtnPostSearch { height:40px; padding:8px; border:1px solid #6C5545; font-weight:bold; color:#000; text-align:center; background-color:#fff; -webkit-border-radius:0; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnPostSearch:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.agree-content { } 
.agree-content table { width: 100%; border: 1px solid #cccccc; } 
.agree-content table thead td { background: #f3ece6; border-right: 1px solid #e6e6e6; height: 30px; font-size: 15px; color: #333333; text-align: center; } 
.agree-content table thead td:last-child { border-right: 0; } 
.agree-content table tbody td { border-right: 1px solid #e6e6e6; height: 30px; text-align: center; } 
.agree-content table tbody td.checks input[type="checkbox"] + label:before { margin-left: 9px; margin-top: -14px; } 
.agree-content table tbody td:last-child { border-right: 0; } 

/* 비밀번호 변경 */
.pwdChange { position: relative; } 
.pwdChange .cont-box { width: 100%; border-bottom: 1px solid #ecf0f1; } 
.pwdChange .cont-box .left-wrap { float: left; box-sizing: border-box; margin: 15px; } 
.pwdChange .cont-box .left-wrap table td { text-align: left; font-size: 15px; color: #333333; } 
.pwdChange .cont-box .right-wrap { float: left; background: #fafafa; border-left: 1px solid #ecf0f1; box-sizing: border-box; width: 100%; } 
.pwdChange .cont-box .right-wrap p { text-align: left; color: #999999; line-height: 15px; } 
.pwdChange .cont-box .right-wrap .tit { line-height: 100%; margin-bottom: 20px; color: #666666; font-weight: 700; } 
#pwdCampaign { position: relative; margin: auto; } 
#pwdCampaign #text-box { position: relative; box-sizing: border-box; background: #f9f5f2 url("/img/mypage/info_06_img.png") no-repeat right 32px top 16px; padding: 20px; } 

/* 아이디 찾기 */
.searchId { position: relative; padding: 10px; } 
.searchId>p { font-size: 15px; text-align: left; color: #666666; margin-bottom: 10px; } 
.searchId .prove-box { width: 100%; border-collapse: collapse; border: 0px solid #ecf0f1; margin-bottom: 10px; } 
.searchId .prove-box td { text-align: center; } 
.searchId .prove-box td .button-05 { width: 200px; line-height: 30px; font-size: 15px; color: white; background-color:#4D4D4D; } 
.searchId .prove-box td p { font-size: 14px; color: #666666; } 
.searchId .cont-box { position: relative; box-sizing: border-box; width: 100%; background: #fafafa; border: 1px solid #ecf0f1; padding: 10px; } 
.searchId .cont-box table { width: 100%; } 
.searchId .cont-box table td { text-align: left; color: #333333; letter-spacing: -1px; } 
.searchId .cont-box table td .tbl_input_xl { width: 200px; height: 40px; font-size: 15px; } 
.searchId .cont-box table td:first-child { padding-left: 16px; } 
.searchId .text-wrap { margin-top: 20px; } 
.searchId .text-wrap p { font-size: 14px; text-align: left; color: #666666; line-height: 100%; letter-spacing: -0.5px; } 
.searchId .btn-wrap { text-align: center; margin: 0 auto 20px; } 
.searchId .btn-wrap .button { display: inline-block; width: 125px; height: 35px; line-height: 25px; font-size: 17px; margin-right: 8px; -webkit-border-radius:0; -webkit-appearance:none; cursor:pointer; } 
.searchId .btn-wrap .button:last-child { margin-right: 0; } 
.searchId .btn-wrap .button .button-02 { border: 1px solid #ccc; } 
.searchId .btn-wrap .button .button-01 { color: white; background-color:#6C5545; } 

/* 비밀번호 찾기 */
.searchPwd { padding:0; margin:0; } 
.searchPwd > p { font-size:15px; text-align:left; color:#666666; margin-bottom:10px; } 
.searchPwd .prove-box { width:100%; border-collapse:collapse; } 
.searchPwd .prove-box thead td { height:35px; font-size:14px; letter-spacing:-1px; border-bottom:1px solid #cccccc; text-align:center; } 
.searchPwd .prove-box thead td.button-td { background:#ecf0f1; color:#999999; cursor:pointer; font-weight:700; font-size:14px; } 
.searchPwd .prove-box thead td.button-td.active { background:#ffffff; color:#333333; border:1px solid #cccccc; border-bottom:1px solid #ffffff; } 
.searchPwd .prove-box tbody td:first-child { } 
.searchPwd .prove-box tbody td:last-child { } 
.searchPwd .prove-box tbody td { text-align:center; } 
.searchPwd .prove-box tbody td .button-05 { width:200px; line-height:30px; font-size:15px; margin:1px auto 0; color:white; background-color:#4D4D4D; } 
.searchPwd .prove-box tbody td p { font-size:15px; color:#666666; } 
.searchPwd .cont-box { position:relative; box-sizing:border-box; width:100%; background:#fafafa; border:1px solid #e6e6e6; } 
.searchPwd .cont-wrap { display:inline-block; width:100%; } 
.searchPwd .cont-wrap p { font-size:15px; text-align:left; color:#666666; } 
.cont-wrap .cont-text { position:relative; box-sizing:border-box; background: #fafafa; border:1px solid #e6e6e6; margin:0 10px; padding:10px; } 
.cont-wrap .cont-text p { text-align:center; } 
.cont-wrap .cont-text .userId { font-weight:bold; } 

.cont-wrap .cont-box { position:relative; box-sizing:border-box; width:100%; border:1px solid #e6e6e6; } 
.cont-wrap .cont-box > div { box-sizing:border-box; padding:10px 0 20px; } 
.cont-wrap .cont-box > div .tit { color:#333333; margin-bottom:8px; font-size:17px; } 
.cont-wrap .cont-box > div p { text-align:center; font-size:15px; color:#666666; } 
.cont-wrap .cont-box > div .inp { display:block; text-align:center; } 
.cont-wrap .cont-box > div .inp .tbl_input_150 { border:1px solid #e6e6e6; } 
.cont-wrap .cont-box .top-box { border-bottom:1px solid #e6e6e6; background:#fafafa; } 
.cont-wrap .cont-box .top-box .inp .button-05 { width:120px; height:30px; line-height:15px; font-size:14px; } 
.cont-wrap .cont-box .bot-box .inp { display:block; text-align:center; } 
.cont-wrap .cont-box .bot-box .inp .timeZone { display:inline-block; float:center; width:105px; height:32px; line-height:30px; font-size:17px; font-weight:bold; background: #e6e6e6; } 

/* 회원탈퇴 */
.memberOut { position:relative; padding:10px; } 
#memberOutInfo1 > li { list-style-image:url(/images/icons/exclamation.png); margin:0 0 0 30px; } 
#memberOutInfo1 > li:last-child { list-style:none; } 
#memberOutInfo1 span { vertical-align:top; } 
#memberOutInfo2 > li { list-style-type:decimal; margin-left:-30px; padding:2px; } 
#memberOutContBox { position:relative; box-sizing:border-box; width:100%; border:1px solid #e6e6e6; background:#fafafa; padding:10px; } 
#memberOutContBox p.title { margin-left:0; font-size:17px; color:#CC0000; font-weight:700; line-height:100%; } 
#memberOutContBox p.sub-title { margin-left:0; font-size:16px; color:#666666; margin-bottom:20px; } 
#memberOutContBox dt { font-size:14px; color:#666666; margin:20px 0 0 10px; text-indent:-10px; } 
#memberOutContBox dd { font-size:13px; color:#999999; margin-left:65px; text-indent:-55px; } 
#memberOutReason { position:relative; margin:0 auto; padding:10px; } 
#memberOutInput { position:relative; height:30px; padding:0 105px 0 0; } 
#memberOutButtonDiv { padding:14px 0 0 0; color:#555; font-size:0.9em; } 
#retiremsg { width:100%; height:38px; padding:4px 30px 4px 8px; border:1px solid #a8aaaf; color:#696969; } 
#memberOutButton { position:absolute; display:inline-block; width:100px; height:36px; top:10px; right:10px; padding:1px; -webkit-border-radius:0px; background-color:#4D4D4D; text-decoration:none; } 
#memberOutButton span { display:inline-block; width:100%; margin-top:7px; color:#FFFFFF; text-align:center; } 

/* 정보변경 알림 */
.customerNotice { position:relative; box-sizing:border-box; border:1px solid #e6e6e6; } 
.customerNotice .contents { box-sizing:border-box; width:100%; padding:30px 10px 30px 10px; } 
.customerNotice .contents p { font-size:14px; color:#666666; letter-spacing:-0.5px; line-height:100%; margin-bottom:10px; padding-left:5px; } 
.customerNotice .contents p:last-child { margin-bottom: 0; } 
.customerNotice .contents p.title { font-size:18px; font-weight:700; color:#333333; margin-bottom:20px; } 
.customerNotice .contents li { list-style-image:url(/images/icons/member_icon02.gif); margin:0 0 0 20px; font-size:14px; color:#666666; letter-spacing:-0.5px; line-height:100%; margin-bottom:10px; vertical-align:top; } 
.customerNotice-btn { position:relative; width:100%; } 
.customerNotice-btn .button-01 { width:200px; height:60px; line-height:58px; font-size:20px; margin:0 auto; } 

.tbl_input_40 { display: inline-block; box-sizing: border-box; width: 40px; height: 35px; padding: 0 8px; font-size: 15px; color: #333333; border: 1px solid #d6d6d6; } 
.tbl_input_60 { display: inline-block; box-sizing: border-box; width: 60px; height: 35px; padding: 0 8px; font-size: 15px; color: #333333; border: 1px solid #d6d6d6; } 
.tbl_input_sm { display: inline-block; box-sizing: border-box; width: 100px; height: 35px; padding: 0 8px; font-size: 15px; color: #333333; border: 1px solid #d6d6d6; } 
.tbl_input_md { display: inline-block; box-sizing: border-box; width: 200px; height: 35px; padding: 0 8px; font-size: 15px; color: #333333; border: 1px solid #d6d6d6; } 
.tbl_input_150 { display: inline-block; box-sizing: border-box; width: 150px; height: 35px; padding: 0 8px; font-size: 15px; color: #333333; border: 1px solid #d6d6d6; } 
.tbl_input_lg { display: inline-block; box-sizing: border-box; width: 330px; height: 35px; padding: 0 8px; font-size: 15px; color: #333333; border: 1px solid #d6d6d6; } 
.tbl_input_xl { display: inline-block; box-sizing: border-box; width: 100%; height: 35px; padding: 0 8px; font-size: 15px; color: #333333; border: 1px solid #d6d6d6; } 


/* ====================================================== */

.shadowborder { box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15); } 
.divNullBottom92 { height:92px; clear:both; } 
.divNullBottom67 { height:67px; clear:both; } 
.divNullBottom50 { height:50px; clear:both; } 
.divNullBottom40 { height:40px; clear:both; } 
.divNullBottom30 { height:30px; clear:both; } 
.divNullBottom24 { height:24px; clear:both; } 
.divNullBottom20 { height:20px; clear:both; } 
.divNullBottom17 { height:17px; clear:both; } 
.divNullBottom16 { height:17px; clear:both; } 
.divNullBottom10 { height:10px; clear:both; } 
.divNullBottom8 { height:8px; clear:both; } 
.divNullBottom5 { height:5px; clear:both; } 
.divNullBottom4 { height:4px; clear:both; } 
.divNullBottom2 { height:2px; clear:both; } 
.dummyDottedLine5 { height:1px; clear:both; border-bottom:1px dotted #363636; } 
.dummySolidLine5 { height:1px; clear:both; border-bottom:1px solid #363636; } 
.dummyDottedLine5G { height:1px; clear:both; border-bottom:1px dotted #CCCCCC; } 
.dummySolidLine5G { height:1px; clear:both; border-bottom:1px solid #CCCCCC; } 
.dummyDottedLine1LG { height:1px; clear:both; border-bottom:1px dotted #EAEAEA; } 
.dummySolidLine1LG { height:1px; clear:both; border-bottom:1px solid #EAEAEA; } 
.divSolidLine5lg { height:1px; clear:both; padding:5px 0; margin-bottom:5px; border-bottom:1px solid #EAEAEA; } 
.linesolid1G { border-bottom:1px solid #ccc; } 
.linesolid { border-bottom:1px solid #EAEAEA; } 
.linedotted { border-bottom:1px dotted #363636; } 
.linesolid_lg { border-bottom:1px solid #eaeaea; } 
.linedotted_lg { border-bottom:1px dotted #eaeaea; } 
.linesolid_lb { border-bottom:1px solid #cccc99; } 
.linedotted_lb { border-bottom:1px dotted #cccc99; } 
.linesolid_tgr { border-bottom:1px solid #ecf0f1; } 
.height18 { height:18px; } 
.height16 { height:16px; } 
.height20 { height:20px; overflow:hidden; } 
.height40 { height:40px; overflow:hidden; } 
.height42 { height:40px; overflow:hidden; } 

.pull-left { float: left !important; } 
.pull-right { float: right !important; } 

/* 공통색상표 */
.wn_white { color:#333; background-color:#fff; } 
.wn_skred { color:#ffffff; background-color:#cc0033; } 
.wn_red1 { color:#ffffff; background-color:#C45454; } 
.wn_lightred { color:#ffffff; background-color:#CD7F7F; } 
.wn_lightgray { color:#000000; background-color:#ecf0f1; } 
.wn_lightgrey { color:#000000; background-color:#ecf0f1; } 
.wn_readonly { background-color:#F5F5F5; } 
.wn_theme_green { color:#ffffff; background-color:#00674b; } 
.wn_brown { color:#ffffff; background-color:#6C5545; } 
.wn_brown2 { color:#ffffff; background-color:#5a5a5a; } 
.wn_lightbrown { color:#000000; background-color:#F3ECE6; } 
.wn_gray { color:#ffffff; background-color:#6D6F71; } 
.wn_gold { color:#ffffff; background-color:#BD9B6A; } 
.wn_silver { color:#ffffff; background-color:#A7A9AC; } 
.wn_artichoke1 { color:#ffffff; background-color:#C8DF8E; } 
.wn_artichoke2 { color:#ffffff; background-color:#A0CF67; } 
.wn_artichoke3 { color:#ffffff; background-color:#4F6F19; } 
.wn_artichoke4 { color:#ffffff; background-color:#3A4C00; } 
.wn_flower1 { background-color:#FFDE6C; } 
.wn_flower2 { color:#ffffff; background-color:#FEC057; } 
.wn_flower3 { color:#ffffff; background-color:#F37321; } 
.wn_flower4 { color:#ffffff; background-color:#B95915; } 
.wn_river1 { background-color:#8CD2F4; } 
.wn_river2 { color:#ffffff; background-color:#83CFCA; } 
.wn_river3 { color:#ffffff; background-color:#009F93; } 
.wn_river4 { color:#ffffff; background-color:#005288; } 
.wn_purple1 { background-color:#F1BFBF; } 
.wn_purple2 { color:#ffffff; background-color:#E4ACCE; } 
.wn_purple3 { color:#ffffff; background-color:#6D276A; } 
.wn_purple4 { color:#ffffff; background-color:#621B4B; } 
.wn_clouds1 { color:#000; background-color:#f9f9f9; } 
.wn_clouds2 { color:#000; background-color:#ecf0f1; } 
.wn_clouds3 { color:#fff; background-color:#d3d7d7; } 
.wn_clouds4 { color:#fff; background-color:#aeb1b1; } 
.wn_concrete1 { color:#fff; background-color:#a0b2b3; } 
.wn_concrete2 { color:#fff; background-color:#95a5a6; } 
.wn_concrete3 { color:#fff; background-color:#7e8c8c; } 
.wn_concrete4 { color:#fff; background-color:#5c6666; } 
.wn_concrete5 { color:#fff; background-color:#424242; } 

/* 테이블 열 색깔 표시 */
.tr_normal { } 
.tr_normal:hover { background-color:#fece10; } 
.tr_river1 { color:#ffffff; background-color:#3da8e3; } 
.tr_river2 { color:#ffffff; background-color:#3598ce; } 
.tr_river3 { color:#ffffff; background-color:#2986b9; } 
.tr_river4 { color:#ffffff; background-color:#1b71a0; } 
.tr_artichoke1 { color:#ffffff; background-color:#87eb41; } 
.tr_artichoke2 { color:#ffffff; background-color:#79d738; } 
.tr_artichoke3 { color:#ffffff; background-color:#64b92a; } 
.tr_artichoke4 { color:#ffffff; background-color:#50a118; } 
.tr_flower1 { color:#ffffff; background-color:#fece10; } 
.tr_flower2 { color:#ffffff; background-color:#f1c40f; } 
.tr_flower3 { color:#ffffff; background-color:#d7af0d; } 
.tr_flower4 { color:#ffffff; background-color:#b1900b; } 
.tr_alizarin1 { color:#ffffff; background-color:#e74c3c; } 
.tr_alizarin2 { color:#ffffff; background-color:#d44637; } 
.tr_alizarin3 { color:#ffffff; background-color:#c0392b; } 
.tr_alizarin4 { color:#ffffff; background-color:#a5281b; } 
.tr_wetasphalt1 { color:#ffffff; background-color:#82b6ea; } 
.tr_wetasphalt2 { color:#ffffff; background-color:#5e84aa; } 
.tr_wetasphalt3 { color:#ffffff; background-color:#536476; } 
.tr_wetasphalt4 { color:#ffffff; background-color:#34495e; } 
.tr_clouds1 { color:#000; background-color:#f9f9f9; } 
.tr_clouds2 { color:#000; background-color:#ecf0f1; } 
.tr_clouds3 { color:#000; background-color:#d3d7d7; } 
.tr_clouds4 { color:#000; background-color:#aeb1b1; } 
.tr_skred { color:#ffffff; background-color:#cc0033; } 
.tr_earlygreen { color:#ffffff; background-color:#00b050; } 

.button { padding:10px 20px; text-align:center; text-decoration:none; display:inline-block; border:none; cursor:pointer; box-sizing:border-box; -webkit-box-sizing: border-box; -webkit-border-radius:0; -webkit-appearance:none; } 
.button:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.button_m { height:30px; padding:0 10px; text-align:center; text-decoration:none; display:inline-block; font-size:0.85em; border:none; cursor:pointer; box-sizing:border-box; -webkit-box-sizing: border-box; -webkit-border-radius:0; -webkit-appearance:none; } 
.button_m:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.button_s { padding:2px 10px; text-align:center; text-decoration:none; display:inline-block; font-size:0.8em; border:none; cursor:pointer; box-sizing:border-box; -webkit-box-sizing: border-box; -webkit-border-radius:0; -webkit-appearance:none; } 
.button_s:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.button_ss { padding:0 8px; text-align:center; text-decoration:none; display:inline-block; font-size:0.7em; font-weight:100; border:none; cursor:pointer; box-sizing:border-box; -webkit-box-sizing: border-box; -webkit-border-radius:0; -webkit-appearance:none; } 
.button_ss:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.button_o { padding:10px 20px; border:1px solid #ccc; text-align:center; text-decoration:none; display:inline-block; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -webkit-appearance:none; } 
.button_o:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.round-border-5 { border-radius:5px; -webkit-border-radius:5px; } 
.round-border-10 { border-radius:10px; -webkit-border-radius:10px; } 
.round-border-15 { border-radius:15px; -webkit-border-radius:15px; } 
.round-border-20 { border-radius:20px; -webkit-border-radius:20px; } 

/* 변형 버튼 */
.flatBtnBrown { width:100%; height:50px; padding:8px; border:1px solid #6C5545; font-weight:bold; color:#fff; text-align:center; background-color:#6C5545; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnBrown:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnWhite { width:100%; height:50px; padding:8px; border:1px solid #ccc; font-weight:bold; color:#000; text-align:center; background-color:#fff; border-radius:3px; -webkit-border-radius:3px; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnWhite:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 

.flatBtnBrownLt { width:100%; height:50px; padding:8px; border:1px solid #6C5545; color:#fff; text-align:center; background-color:#6C5545; -webkit-appearance:none; cursor:pointer; font-size:14.4px; } 
.flatBtnBrownLt:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnWhiteLt { width:100%; height:50px; padding:8px; border:1px solid #ccc; color:#000; text-align:center; background-color:#fff; -webkit-appearance:none; cursor:pointer; font-size:14.4px; } 
.flatBtnWhiteLt:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 

.flatBtnWhite2 { width:100%; height:50px; padding:8px; border:1px solid #ccc; font-weight:bold; color:#000; text-align:center; background-color:#fff; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnWhite2:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnGold2 { width:100%; height:50px; padding:8px; border:1px solid #666666; font-weight:bold; color:#fff; text-align:center; background-color:#BD9B6A; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnGold2:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 

.flatBtnWhiteNoT { width:100%; height:40px; padding:8px; border-top:0px; border-bottom:1px solid #00674b; border-left:0px; border-right:0px; font-weight:bold; color:#000; text-align:center; background-color:#fff; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnWhiteNoT:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnGoldNoT { width:100%; height:40px; padding:8px; border-top:0px; border-bottom:1px solid #00674b; border-left:0px; border-right:0px; font-weight:bold; color:#fff; text-align:center; background-color:#BD9B6A; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnGoldNoT:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnSilverI { width:100%; height:40px; padding:8px; border-top:1px solid #A7A9AC; border-bottom:1px solid #A7A9AC; border-left:0px; border-right:0px; font-weight:bold; color:#fff; text-align:center; background-color:#A7A9AC; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnSilverI:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnWhiteTr { width:100%; height:40px; padding:8px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:0px; font-weight:bold; color:#000; text-align:center; background-color:#fff; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnWhiteTr:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnWhiteTl { width:100%; height:40px; padding:8px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:0px; border-right:1px solid #cccccc; font-weight:bold; color:#000; text-align:center; background-color:#fff; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnWhiteTl:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnBrownTl { width:100%; height:40px; padding:8px; border-top:1px solid #6C5545; border-bottom:1px solid #6C5545; border-left:0px; border-right:1px solid #6C5545; font-weight:bold; color:#fff; text-align:center; background-color:#6C5545; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnBrownTl:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 

.flatBtnSkred { width:100%; height:40px; padding:8px; border:1px solid #cc0033; font-weight:bold; color:#fff; text-align:center; background-color:#cc0033; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnSkred:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnThemeGreen { width:100%; height:40px; padding:8px; border:1px solid #00674b; font-weight:bold; color:#fff; text-align:center; background-color:#00674b; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnThemeGreen:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnGold { width:100%; height:40px; padding:8px; border:1px solid #BD9B6A; font-weight:bold; color:#fff; text-align:center; background-color:#BD9B6A; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnGold:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnSilver { width:100%; height:40px; padding:8px; border:1px solid #A7A9AC; font-weight:bold; color:#fff; text-align:center; background-color:#A7A9AC; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnSilver:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnGray { width:100%; height:40px; padding:8px; border:1px solid #cccccc; font-weight:bold; color:#666; text-align:center; background-color:#cccccc; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnGray:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 

.flatBtnBrown45 { width:100%; height:45px; padding:8px; border:1px solid #6C5545; font-weight:bold; color:#fff; text-align:center; background-color:#6C5545; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnBrown45:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnBrown50 { width:100%; height:55px; padding:8px; border:1px solid #6C5545; font-weight:bold; color:#fff; text-align:center; background-color:#6C5545; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnBrown50:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnWhite45 { width:100%; height:45px; padding:8px; border:1px solid #ccc; font-weight:bold; color:#000; text-align:center; background-color:#fff; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnWhite45:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnSkred45 { width:100%; height:45px; padding:8px; border:1px solid #cc0033; font-weight:bold; color:#fff; text-align:center; background-color:#cc0033; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnSkred45:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnThemeGreen45 { width:100%; height:45px; padding:8px; border:1px solid #00674b; font-weight:bold; color:#fff; text-align:center; background-color:#00674b; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnThemeGreen45:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnGold45 { width:100%; height:45px; padding:8px; border:1px solid #BD9B6A; font-weight:bold; color:#fff; text-align:center; background-color:#BD9B6A; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnGold45:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnSilver45 { width:100%; height:45px; padding:8px; border:1px solid #A7A9AC; font-weight:bold; color:#fff; text-align:center; background-color:#A7A9AC; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnSilver45:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnGray45 { width:100%; height:45px; padding:8px; border:1px solid #cccccc; font-weight:bold; color:#666; text-align:center; background-color:#cccccc; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnGray45:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 

.flatBtnBrown50 { width:100%; height:50px; padding:8px; border-top:1px solid #6C5545; border-left:0px; border-right:0px; border-bottom:0px; font-weight:bold; color:#fff; text-align:center; background-color:#6C5545; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnBrown50:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnWhite50 { width:100%; height:50px; padding:8px; border-top:1px solid #ccc; border-left:0px; border-right:0px; border-bottom:0px; font-weight:bold; color:#000; text-align:center; background-color:#fff; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnWhite50:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnWhite50 .btn-icon { width: 20px; height: 20px; margin-right: 0; position: relative; top: -2px; vertical-align: middle; }
.flatBtnSkred50 { width:100%; height:50px; padding:8px; border-top:1px solid #cc0033; border-left:0px; border-right:0px; border-bottom:0px; font-weight:bold; color:#fff; text-align:center; background-color:#cc0033; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnSkred50:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnThemeGreen50 { width:100%; height:50px; padding:8px; border-top:1px solid #00674b; border-left:0px; border-right:0px; border-bottom:0px; font-weight:bold; color:#fff; text-align:center; background-color:#00674b; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnThemeGreen50:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnGold50 { width:100%; height:50px; padding:8px; border-top:1px solid #BD9B6A; border-left:0px; border-right:0px; border-bottom:0px; font-weight:bold; color:#fff; text-align:center; background-color:#BD9B6A; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnGold50:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnSilver50 { width:100%; height:50px; padding:8px; border-top:1px solid #A7A9AC; border-left:0px; border-right:0px; border-bottom:0px; font-weight:bold; color:#fff; text-align:center; background-color:#A7A9AC; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnSilver50:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.flatBtnGray50 { width:100%; height:50px; padding:8px; border-top:1px solid #cccccc; border-left:0px; border-right:0px; border-bottom:0px; font-weight:bold; color:#666; text-align:center; background-color:#cccccc; -webkit-appearance:none; cursor:pointer; font-size:0.9em; } 
.flatBtnGray50:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 

.button-alink { border:1px solid #ccc; border-radius:2px; padding-left:2px; padding-right:12px; padding-top:2px; padding-bottom:3px; font-size:0.9em; } 

/* 셀렉트 박스 */
.selectbox-custom { width:auto; height:32px; padding:5px 20px 5px 5px; border:1px solid #ccc; color:#333; font-size:0.9em; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; background: #fff url(/m/images/icons/select_arrow.png) no-repeat 92% 50%; /* 화살표 모양의 이미지 */ } 
.selectbox-custom::-ms-expand { display: none; } 

/* 스티커 */
.salesround { display:table-cell; position:absolute; z-index:9; top:10px; right:10px; width:25px; height:25px; padding:15px; border-radius:50%; -webkit-border-radius:50%; text-align:center; vertical-align:middle; font-size:1em; font-weight:700; opacity:0.8; } 
.salesround2 { position:absolute; z-index:9; top:10px; right:10px; width:35px; height:35px; padding:25px; border-radius:50%; -webkit-border-radius:50%; text-align:center; vertical-align:middle; font-size:1.4em; font-weight:700; opacity:0.8; } 
.salesround3 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
    padding: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 1em;
    font-weight: 700;
    opacity: 0.8;
    white-space: nowrap;
}
.salesqure { z-index:9; top:0; right:0; position:absolute; width:55px; } 
.salesqure .sale { padding: 9px 0 8px; border: 1px solid #cd7f7f; font-size: 15px; font-weight: 600; color: #ffffff; background: #cd7f7f; width:53px; display:inline-block; text-align:center; } 
.salesqure .direct { font-size: 10px; border: 1px solid #CD7F7F; color: #C45454; background-color: #fff; width: 53px;}
.salesqure .sale-mnm { padding: 9px 0 8px; border: 1px solid #FFF940; font-size: 15px; font-weight: 600; color: #000; background: #FFF940; width:53px; display:inline-block; text-align:center; } 
.salesqure .sale.prxmnova { padding: 9px 0 8px; border: 1px solid #cd7f7f; font-size: 17px; font-family: proxima-nova, sans-serif; font-weight: 600; font-style: normal; color: #ffffff; background: #cd7f7f; width:53px; display:inline-block; text-align:center; } 
.salesqure .sale-mnm.prxmnova { padding: 9px 0 8px; border: 1px solid #FFF940; font-size: 17px; font-family: proxima-nova, sans-serif; font-weight: 600; font-style: normal; color: #000; background: #FFF940; width:53px; display:inline-block; text-align:center; } 
.leftbuttonround { position:absolute; z-index:9; top:10px; left:10px; width:30px; height:30px; padding:15px; border-radius:50%; -webkit-border-radius:50%; text-align:center; vertical-align:middle; font-size:1.4em; font-weight:700; opacity:0.7; } 
.leftbuttonround:hover { opacity:1; } 
.rightbuttonround { position:absolute; z-index:9; top:16px; right:16px; width:30px; height:30px; padding:15px; border-radius:50%; -webkit-border-radius:50%; text-align:center; vertical-align:middle; font-size:1.4em; font-weight:700; opacity:0.7; } 
.rightbuttonround:hover { opacity:1; } 
.rightbuttonround_s { position:absolute; z-index:9; bottom:5px; right:6px; width:20px; height:20px; padding:10px; border-radius:50%; -webkit-border-radius:50%; text-align:center; vertical-align:middle; font-size:1.1em; font-weight:700; opacity:0.6; } 
.rightbuttonround_s:hover { opacity:1; } 
.ico_restock { background-image:url(/m/images/icons/alarm.png); background-repeat:no-repeat; background-position:50% 50%; background-size:80% 80%; } 
.ico_restock.active { background-image:url(/m/images/icons/aldone.png); background-repeat:no-repeat; background-position:50% 50%; background-size:80% 80%; } 
.ico_cart_detail { background-image:url(/m/images/icons/cart_4web_128_w.png); background-repeat:no-repeat; background-position:40% 50%; background-size:80% 80%; } 
.ico_reload_detail { background-image:url(/m/images/icons/reload_ios7_128_w.png); background-repeat:no-repeat; background-position:50% 50%; background-size:80% 80%; } 
.ico_comm { background-image:url(/m/images/icons/stickerset.png); background-repeat:no-repeat } 
.ico_comm34 { background-image:url(/m/images/icons/stickerset.png); background-repeat:no-repeat } 
.ico_product { background-image:url(/m/images/icons/stickerset.png); background-repeat:no-repeat } 
.ico_label { background-image:url(/m/images/icons/stickerset.png); background-repeat:no-repeat } 
.ico_best1 { background-position:0 0 } /* 베스트1 */
.ico_best2 { background-position:0 -50px } /* 베스트2 */
.ico_best3 { background-position:0 -100px } /* 베스트3 */
.ico_best4 { background-position:0 -150px } /* 베스트4 */
.ico_best5 { background-position:0 -200px } /* 베스트5 */
.ico_best6 { background-position:0 -250px } /* 베스트6 */
.ico_best7 { background-position:0 -300px } /* 베스트7 */
.ico_best8 { background-position:0 -350px } /* 베스트8 */
.ico_best9 { background-position:0 -400px } /* 베스트9 */
.ico_best10 { background-position:0 -450px } /* 베스트9 */
.ico_premium_gold { background-position:-183px 0; } 
.ico_premium_sliver { background-position:-183px -54px } 
.ico_premium_bronze { background-position:-183px -110px } 
.ico_premium_star { background-position:-183px -166px } 
.ico_skec { background-position:-100px -100px } /* SK건설전용상품 */
.ico_premium_goods { background-position:-100px -150px } /* 프리미엄 상품 */
.ico_reserve_goods { background-position:-100px -207px } /* 예약상품 */
.ico_todaygoout_goods { background-position:-100px -267px } /* 당일발송(내일도착) */
.ico_today_open { background-position:-100px -400px; } /* Reserved */
.ico_special { background-position:0 -470px; text-indent:-9999px; } 
.ico_contract { background-position:0 -540px; text-indent:-9999px; } 
.ico_recomm { background-position:-100px 0; } /* 추천상품 */
.ico_new { background-position:-100px -27px; } /* 신상품 */
.ico_bsale { background-position:-100px -54px; } /* 수량할인 */
.ico_greenball { width:32px; height:32px; background:url(/images/icons/greenball.png) no-repeat; display:block; position:absolute; color:#006400; text-align:center; padding-top:12px; font-size:11px; } 
.ico_heart_tilt { width:32px; height:32px; background:url(/images/icons/heart_tilt.png) no-repeat; display:block; position:absolute; color:#fff; text-align:center; padding-top:12px; font-size:11px; } 
.ico_finland_textbook { width:100px; height:97px; background:url(/images/specialselling/s_finland_textbook.png) no-repeat; display:block; position:absolute; color:#fff; text-align:center; padding-top:12px; font-size:11px; } 

.box_sticker { position:absolute; z-index:9; } 
.box_sticker .ico_comm { float:left; display:block; overflow:hidden; width:70px; height:48px; margin-right:-4px; font-size:0; line-height:0; text-indent:-9999px; } 
.box_sticker .ico_comm34 { float:left; display:block; overflow:hidden; width:34px; height:34px; font-size:0; line-height:0; text-indent:-9999px; } 
.box_sticker .ico_label { position:absolute; float:left; display:block; overflow:hidden; width:59px; height:66px; font-size:0; line-height:0; text-indent:-9999px; } 
.box_sticker .ico_label_big { position:absolute; float:left; display:block; overflow:hidden; width:150px; height:120px; font-size:0; line-height:0; text-indent:-9999px; } 
.box_sticker .ico_label_big2 { position:absolute; float:left; display:block; overflow:hidden; width:170px; height:120px; font-size:0; line-height:0; text-indent:-9999px; } 
.box_sticker .ico_product { position:absolute; float:left; display:block; overflow:hidden; width:50px; height:17px; font-size:0; line-height:0; text-indent:-9999px; } 

.star-rating { position:relative; width:84px; height:18px; overflow:hidden; } 
.star-rating.rating-label { background:url(/m/images/icons/star_rating_set.png) no-repeat; } 
.star-rating.rating-label.rating-1 { background-position:0 0; } /* 별점1 */
.star-rating.rating-label.rating-2 { background-position:0 -16px; } /* 별점2 */
.star-rating.rating-label.rating-3 { background-position:0 -32px; } /* 별점3 */
.star-rating.rating-label.rating-4 { background-position:0 -48px; } /* 별점4 */
.star-rating.rating-label.rating-5 { background-position:0 -66px; } /* 별점5 */
.star_rating { font-size:0; letter-spacing:-4px; } 
.star_rating a { font-size:16px; letter-spacing:0; display:inline-block; margin-left:5px; color:#ccc; text-decoration:none; } 
.star_rating a:first-child { margin-left:0; } 
.star_rating a.on { color:#F37321; } 

.ico_circle_red_32 { position:absolute; display:block; width:32px; height:32px; background:url(/images/icons/circle_red_32.png) no-repeat; color:#fff; text-align:center; padding:10px 0 0 0; font-family:Batangche; font-size:1.2em; } 
.ico_circle_red_48 { position:absolute; display:block; width:48px; height:48px; background:url(/images/icons/circle_red_48.png) no-repeat; color:#fff; text-align:center; padding:15px 0 0 0; font-family:Batangche; font-size:1.6em; } 
.ico_circle_red_64 { position:absolute; display:block; width:64px; height:64px; background:url(/images/icons/circle_red_64.png) no-repeat; color:#fff; text-align:center; padding:20px 0 0 0; font-family:Batangche; font-size:2em; } 
.ico_circle_blue_32 { position:absolute; display:block; background:url(/images/icons/circle_blue_32.png) no-repeat; overflow:hidden; width:32px; height:32px; } 
.ico_circle_blue_48 { position:absolute; display:block; background:url(/images/icons/circle_blue_48.png) no-repeat; overflow:hidden; width:48px; height:48px; } 
.ico_circle_blue_64 { position:absolute; display:block; background:url(/images/icons/circle_blue_64.png) no-repeat; overflow:hidden; width:64px; height:64px; } 

/* 상품인증 아이콘 */
.ico-grade { font-size:9px; font-weight:500; width:48px; height:16px; text-align:center; vertical-align:middle; } 
.ico-grade .ico-grade-orga { border:1px solid #8cb876; color:#7fb067; } 
.ico-grade .ico-grade-gap { border:1px solid #bac68b; color:#b3c07e; } 
.ico-grade .ico-grade-gmp { border:1px solid #8bc6b9; color:#7ec0b1; } 
.ico-grade .ico-grade-meat { border:1px solid #ad9c7e; color:#a49170; } 
.ico-grade .ico-grade-prfd { border:1px solid #7a716d; color:#6c625d; } 
.ico-grade .ico-grade-lco { border:1px solid #8bc6b9; color:#7ec0b1; } 

.ico-grade-type01 { font-size:10px; font-weight:bold; width:46px; line-height:18px; height:18px; text-align:center; vertical-align:middle; } 
.ico-grade-type01 .ico-grade-orga { background-color:#9cc4a9; color:#fff; } 
.ico-grade-type01 .ico-grade-gap, .ico-grade-type01 .ico-grade-lco { background-color:#b2c49c; color:#fff; } 
.ico-grade-type01 .ico-grade-gmp { background-color:#9cc4c0; color:#fff; } 
.ico-grade-type01 .ico-grade-meat { background-color:#b4a99b; color:#fff; } 
.ico-grade-type01 .ico-grade-prfd { background-color:#9caec4; color:#fff; } 

/* 알림 배지 유형 */
.badge-alert { display:inline-block; font-size:11px; font-weight:500; text-align:center; } 
.badge-alert .badge-alert-skred { border:1px solid #CC0033; color:#CC0033; padding-left:4px; padding-right:4px; } 

.number-circle { display:inline-block; border-radius:50%; behavior:url(PIE.htc); width:16px; height:16px; padding-top:0; border:0px solid #ccc; text-align:center; vertical-align:middle; font-size:10px; } 

.dataTable table { border-collapse: collapse; } 
.dataTable tr { border: 0px solid #ccc; } 
.dataTable td { border-left:0 solid #ccc; border-right: 1px dotted #ccc; border-top: 1px solid #ccc; border-bottom: 0px solid #ccc; padding:5px; } 
.dataTable th { background-color:#ecf0f1; border-left:0 solid #ccc; border-right: 1px dotted #ccc; border-top: 1px solid #ccc; border-bottom: 0px solid #ccc; } 
.dataTable td:last-child { border-right:0px solid #ccc; } 
.dataTable tr:last-child td { border-bottom: 1px solid #ccc; } 
.dataTable tr:last-child th { border-bottom: 1px solid #ccc; } 

.dataTable-lg table { border-collapse: collapse; } 
.dataTable-lg tr { border: 0px solid #ecf0f1; } 
.dataTable-lg td { border-left:0 solid #ecf0f1; border-right: 1px dotted #ecf0f1; border-top: 1px solid #ecf0f1; border-bottom: 0px solid #ecf0f1; } 
.dataTable-lg th { background-color:#ecf0f1; border-left:0 solid #ecf0f1; border-right: 1px dotted #ecf0f1; border-top: 1px solid #ecf0f1; border-bottom: 0px solid #ecf0f1; } 
.dataTable-lg td:last-child { border-right:0px solid #ecf0f1; } 
.dataTable-lg tr:last-child td { border-bottom: 1px solid #ecf0f1; } 
.dataTable-lg tr:last-child th { border-bottom: 1px solid #ecf0f1; } 

.dataInnerTable table { border-collapse: collapse; border: 0px solid #fff; } 
.dataInnerTable tr { border: 0px solid #fff; } 
.dataInnerTable td { border: 0px solid #fff; } 
.dataInnerTable th { border: 0px solid #fff; } 
.dataInnerTable td:last-child { border-right:0px solid #ccc; } 
.dataInnerTable tr:last-child td { border-bottom: 0px solid #ccc; } 
.dataInnerTable tr:last-child th { border-bottom: 0px solid #ccc; } 

.greyTable table { border-collapse: collapse; border: 0px solid #000; } 
.greyTable tr { padding-left:10px; border-left: 0px solid #D2D2D2; } 
.greyTable td { padding-left:10px; color:#666666; border-left: 0px solid #D2D2D2; border-right: 0 solid #D2D2D2; border-top: 1px solid #D2D2D2; border-bottom: 0px solid #D2D2D2; } 
.greyTable th { padding-left:10px; color:#666666; border-left: 0px solid #D2D2D2; border-right: 0 solid #D2D2D2; border-top: 1px solid #D2D2D2; border-bottom: 0px solid #D2D2D2; background-color:#EAEAEA; } 
.greyTable td:last-child { border-right:0px solid #D2D2D2; } 
.greyTable tr:last-child td { border-bottom: 1px solid #D2D2D2; } 
.greyTable tr:last-child th { border-bottom: 1px solid #D2D2D2; } 

.greyTablex2 table { border-collapse:collapse; } 
.greyTablex2 tr { padding-left:10px; } 
.greyTablex2 td { padding:10px 10px; color:#666666; border-left:0px solid #D2D2D2; border-right:0 solid #D2D2D2; border-top:1px solid #D2D2D2; border-bottom:0px solid #D2D2D2; line-height:150%; } 
.greyTablex2 th { padding:10px 10px; color:#666666; background-color:#EAEAEA; border-left:0px solid #D2D2D2; border-right:0 solid #D2D2D2; border-top:1px solid #D2D2D2; border-bottom:0px solid #D2D2D2; line-height:150%; } 
.greyTablex2 td:last-child { border-right:0px solid #D2D2D2; } 
.greyTablex2 tr:last-child td { border-bottom: 1px solid #D2D2D2; } 
.greyTablex2 tr:last-child th { border-bottom: 1px solid #D2D2D2; } 

.darkGreyTable table { border-collapse: collapse; border: 1px solid #000; } 
.darkGreyTable tr { border-left: 0px solid #666666; } 
.darkGreyTable td { color:#323232; border-left: 1px solid #666666; border-bottom: 1px solid #666666; } 
.darkGreyTable th { color:#323232; border-left: 1px solid #666666; } 
.darkGreyTable td:first-child { border-left:0px solid #999; } 
.darkGreyTable tr:first-child td { border-bottom: 1px solid #999; } 
.darkGreyTable tr:first-child th { border-bottom: 1px solid #999; } 
.darkGreyTable td:last-child { border-right:0px solid #999; } 
.darkGreyTable tr:last-child td { border-bottom: 1px solid #999; } 
.darkGreyTable tr:last-child th { border-bottom: 1px solid #999; } 

.flatLineTable { width:100%; border-collapse:collapse; border-color:#BD9B6A; } 

.marking { display:inline-block; min-width:10px; padding:5px 10px; font-size:0.9em; font-weight:700; font-family:sans-serif; vertical-align:middle; text-align:center; white-space:nowrap; box-sizing:border-box; -webkit-box-sizing: border-box; } 
.marking:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.marking-r { display:inline-block; min-width:10px; padding:5px 10px; font-size:0.9em; font-weight:700; vertical-align:middle; text-align:center; white-space:nowrap; box-sizing:border-box; -webkit-box-sizing: border-box; border-radius:3px; -webkit-border-radius: 3px; } 
.marking-r:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.marking_s { display:inline-block; min-width:10px; padding:4px 5px; font-size:0.8em; font-weight:300; font-family:sans-serif; vertical-align:middle; text-align:center; white-space:nowrap; box-sizing:border-box; -webkit-box-sizing: border-box; } 
.marking_s:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.marking_ss { display: inline-block; padding: 2px 5px; font-size: 9px; font-weight: 200; font-family: sans-serif; white-space: nowrap; text-align: center; } 
.marking_ss:hover { opacity: 0.5; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 

.highlight {
  padding: 1.5rem;
  background-color: #f8f9fa;
}

.highlighter {
    background-color:#ffe400;
    position: relative;
    box-shadow: 4px 0 0 0 #ffe400, -4px 0 0 0 #ffe400;
}
.highlighter-half { background:linear-gradient(to top, #ffe400 50%, transparent 50%); }
.highlighter-info { background-color: rgba(52, 152, 219, 0.3); }
.highlighter-info-half { background: linear-gradient(to top, rgba(52, 152, 219, 0.3) 50%, transparent 50%); }
.highlighter-success { background-color: rgba(24, 188, 156, 0.3); }
.highlighter-success-half { background: linear-gradient(to top, rgba(24, 188, 156, 0.3) 50%, transparent 50%); }
.underline-wavy { text-decoration: #ffe400 wavy underline; }

.badge { display:inline-block; min-width:10px; padding:3px 7px; font-weight:700; color:#fff; line-height:1; vertical-align:middle; white-space:nowrap; text-align:center; background-color:#999; border-radius:10px; } 
.badge_c { display:inline-block; min-width:12px; min-width:12px; padding:5px; font-size:12px; font-weight:800; color:#fff; line-height:100%; text-align:center; vertical-align:bottom; white-space:nowrap; background-color:#999; border-radius:50%; } 
.badge-big { display:inline-block; padding:10px; font-weight:700; color:#fff; line-height:1; vertical-align:middle; white-space:nowrap; text-align:center; background-color:#999; border-radius:10px; } 
.badge-skyblue, .label-skyblue { border-color:#3bafda; background-color:#3bafda; } 
.badge-softred, .label-softred { border-color:#ed5565; background-color:#ed5565; } 
.badge-darkorange, .label-darkorange { border-color:#f6bb42; background-color:#f6bb42; } 
.badge-skred, .label-skred { border-color:#CC0033; background-color:#CC0033; } 
.badge-brown, .label-brown { border-color:#6C5545; background-color:#6C5545; } 
.badge-gold, .label-gold { border-color:#BD9B6A; background-color:#BD9B6A; } 
.badge-silver, .label-silver { border-color:#A7A9AC; background-color:#A7A9AC; } 
.badge-white, .label-white { color:#BD9B6A; border-color:#fff; background-color:#fff; } 

.note { position:relative; padding:10px; margin:10px auto; color:#333333; background:#ecf0f1; overflow:hidden; } 
.note:before { content:""; position:absolute; top:0; right:0; border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
 border-style:solid; border-color:#fff #fff #BD9B6A #BD9B6A; /* A bit more verbose to work with .rounded too */
 background:#BD9B6A; /* For Opera when also applying a border-radius */
 display:block; width:0; /* Only for Firefox 3.0 damage limitation */
 /* Optional: shadow */
 -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); } 
.note.white { color:#333; background-color:#ecf0f1; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ecf0f1)); /* safari */
 background:-webkit-linear-gradient(left, #fff, #ecf0f1); /* webkit */
 background:-moz-linear-gradient(left, #fff, #ecf0f1); /* modzilla */ } 
.note.white:before { border-color:#fff #fff #ccc #ccc; background:#ccc; } 
/* ROUNDED CORNERS VERSION
 * All modern browsers can produce this effect with a single pseudo-element.
 * However, they all have bugs (mainly to do with border-radius) that make this a bit tricky.
 * As far as I can tell, this is the only cross-browser method for the moment.
 * Can't use this method for the simple effect because Opera 11 will only show backgrounds
 * through transparent borders if there is a border-radius applied.
 */
.note.rounded { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } 
.note.rounded:before { border-width:8px; /* Triggers a 1px 'step' along the diagonal in Safari 5 (and Chrome 10) */
 border-color:#fff #fff transparent transparent; /* Avoids the 1px 'step' in webkit. Background colour shows through */
 -webkit-border-bottom-left-radius:5px; -moz-border-radius:0 0 0 5px; border-radius:0 0 0 5px; } 
.note p { margin:0; } 
.note p + p { margin:1.5em 0 0; } 

/* CKEditor로 작성한 게시물 표시를 위한 속성 */
.editor-contents { line-height:1.5; } 
.editor-contents ul, .editor-contents dl, .editor-contents ol { padding-left:40px; } 
.editor-contents ul { list-style:disc; } 
.editor-contents ol { list-style:decimal; } 
.editor-contents li { list-style:inherit; } 
.editor-contents blockquote { display: block; margin-top: 1em; margin-bottom: 1em; margin-left:40px; margin-right:40px; font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; padding-left:20px; padding-right:8px; border-left-width:5px; } 
.editor-contents a { color:#0782C1; text-decoration:underline; } 
.editor-contents p, h1, h2, h3, h4, h5, h6 { margin:10px 0; } 
.editor-contents table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } 
.editor-contents thead { display: table-header-group; vertical-align: middle; border-color: inherit; } 
.editor-contents tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } 
.editor-contents tr { display: table-row; vertical-align: inherit; border-color: inherit; } 
.editor-contents th { display: table-cell; vertical-align: inherit; font-weight: bold; text-align: center; } 
.editor-contents td { display: table-cell; vertical-align: inherit; } 
.editor-contents td { display: table-cell; vertical-align: inherit; } 

/* 메인 로그인, 레프트 메뉴 */
.sidenav a { padding: 0; } 
#leftMenuPannel { 
    position:fixed; z-index:9999; width:100%; top:0; left:-100%; 
    overflow-x:hidden; 
    overflow-y:auto;
    max-height:100%;
    background-color:#ffffff;  /* background-color:#dcdbdb;*/
    height: -webkit-fill-available;
}
#leftMenuPannel #left-close-button { height: 20px; } 
#leftMenuPannel #divMenuBar { width:100%; height: auto; color: #fff; background-color: #fff; padding-bottom: 0px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} 
#leftMenuPannel #divMenuBar ul li a { text-decoration:none; color: #444; } 
#leftMenuPannel #divMenuBar ul li:nth-child(1) { width: 100%; padding: 18px; box-sizing: border-box; float:left; display:inline-block;} 
#leftMenuPannel #divMenuBar ul li:nth-child(2) { float:left; display:inline-block; position: relative; width: 100%; box-sizing: border-box; line-height: inherit; } 
#leftMenuPannel #divMenuBar ul li a.menu-logo { float: left; margin-right:15px;} 
#leftMenuPannel #divMenuBar ul li a.menu-go img {margin-left:3px; margin-bottom:2.5px; width:5px;}
#leftMenuPannel #divMenuBar ul li a.menu-logo img#headerlogo { width:75px; height:20px; } 
#leftMenuPannel #divMenuBar ul li .menu-close { float: right; } 
#leftMenuPannel #divMenuBar ul li.menubg {background-color: #715a47}
#leftMenuPannel #divMenuBar ul li a.menu-go  {float: left; font-weight:500;color:#fff;font-size:14px;line-height:1;margin:0; padding:7px 13px; font-family: "Pretendard", sans-serif; letter-spacing: -0.3px;background-color: #412f1f; border-radius: 20px;}
#leftMenuPannel #divMenuBar ul li a.menu-go img {margin-left:3px;margin-bottom:2.5px; width:5px;}
#leftMenuPannel #divMenuBar ul li.logout {padding:20px;}
#leftMenuPannel #divMenuBar ul li.myinfo {padding: 20px 20px 18px 20px; height:148px;}
#leftMenuPannel #divMenuBar ul li.myinfo_plain {padding: 20px 20px 18px 20px; height:95px;}
.text-login {font-size:16px;letter-spacing: -0.3px;color:#222;line-height: 16px;}
.text-login em { font-weight:bold;text-decoration: none } 
.text-login img {width:20px;margin-top:-5px;}
.text-ranking { font-size: 11px; font-weight: 500; letter-spacing: -0.3px; padding: 5px; color: #fff; background-color: #81af32; padding: 3px 5px 4px; vertical-align: middle; margin-left: 10px; } 
.text-Grant { display: inline-block; font-size: 13px; letter-spacing: -0.4px; margin-top: 32px; line-height: 21px; } 
.text-Grant img{width: 5px; margin-left: 3px; padding-bottom: 1px;}
.text-Grant em { color: #acabab; font-size: 13px; margin-left: 8px; } 
.text-Grant2 { display:inline-block;font-family: proxima-nova, sans-serif; font-size: 25px; font-weight: 900; margin-top: 4px; color: #444; line-height: 28px; } 
.text-Grant2 em {font-weight:500; font-size:15px; padding-left:3px;} 
#leftMenuPannel #divMenuBar ul li .login-btn { position: absolute;bottom:20px;right: 20px; color: #fff;font-size: 13px;font-weight: 500;letter-spacing: -0.4px;background-color: #dcdcdc;padding: 5px 20px 6px;border-radius: 50px; } 

/* 전문관 */
.main-recomm-container.cont_specialist { padding: 0 10px; box-sizing: border-box; text-align: center; height: auto; } 
.main-recomm-container.cont_specialist img { width: 130px; } 
.main-recomm-container.cont_specialist span { display: block; font-size: 12px; margin-top: 20px; line-height: 21px; letter-spacing: -0.5px; color: #666; } 
.main-recomm-container.cont_specialist p { font-size: 18px; margin-top: 5px; line-height: 20px; letter-spacing: -0.9px; color: #333; } 
.main-recomm-container.cont_specialist div:nth-last-child(2) { margin-right: 20px; } 
.main-recomm-container.cont_specialist .main-recomm-listinner { margin-right: 20px; } 

/* bottom 배너 */
.bottom-banner { display: block; z-index: 10000; position: fixed; left: 0; bottom: 0px; max-width: 500px; width: 100%; height: 70px; background: rgba(108,85,69,0.9); color: #fff; left: 50%; transform: translate(-50%, 0); } 
.bottom-banner { vertical-align: middle; height: 70px; padding: 0 20px; box-sizing: border-box; } 
.bottom-banner span { display: table-cell; vertical-align: middle; height: 70px; font-size: 13px; line-height: 14px; letter-spacing: -0.3px; } 
.bottom-banner a { position: absolute; top: 20px; right: 20px; } 

/* sub UI 수정 */
.product-list #productCategory { border: 0; } 
.select_box.select-form { overflow: hidden; background: #fff; } 
.select_box.select-form li { float: right; width: 50%; padding: 0 20px; box-sizing: border-box; } 
.select_box.select-form li:first-child { float: left; height: 40px; line-height: 36px; } 
.select_box.select-form li:first-child img { width: 25px; } 
.select_box.select-form .optionbox { font-size: 18px; background-size: 18px; padding-right: 30px; border: 0; background: #fff url(/m/images/icons/image-btn-select.png) no-repeat 100% 55%; background-size: 20px; outline: 0; } 
.select_box.select-form2 { position: absolute; right: 0; padding: 16px; text-align: right; } 
.select_box.select-form2 #pOption { background: #fff url(/m/images/icons/img-icon-filter.png) no-repeat 90% 50%; background-size: 16px; border-radius: 50px; height: 42px; border: 0; padding: 10px 40px 10px 15px; width: auto; box-sizing: border-box; font-size: 15px; color: #222; text-align-last: center; vertical-align: middle; } 
.select_box.select-form3 { position: absolute; left: 0; padding: 16px; text-align: right; } 
.select_box.select-form3 #dOption { background: #fff url(/m/images/icons/select_arrow.png) no-repeat 90% 50%; background-size: 16px; border-radius: 50px; height: 42px; border: 0; padding: 10px 40px 10px 15px; width: auto; box-sizing: border-box; font-size: 15px; color: #222; text-align-last: center; vertical-align: middle; } 
.select_box.select-form2 .hm-poption { background: #fff url(/m/images/icons/img-icon-filter.png) no-repeat 90% 50%; background-size: 16px; border-radius: 50px; height: 42px; border: 0; padding: 10px 40px 10px 15px; width: auto; box-sizing: border-box; font-size: 15px; opacity: 0.8; text-align-last: center; vertical-align: middle; color: #222; } 
.select_box.select-form3 { position: absolute; left: 0; padding: 16px; text-align: right; } 
.select_box.select-form3 .hm-doption { background: #fff url(/m/images/icons/select_arrow.png) no-repeat 90% 50%; border-radius: 50px; height: 42px; border: 0; padding: 10px 40px 10px 15px; width: auto; box-sizing: border-box; font-size: 15px; opacity: 0.8; text-align-last: left; vertical-align: middle; color: #222; } 
.slide-menu { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; font-size: 0; background-color: #fff; } 
.slide-menu ul li { display: inline-block; margin: 15px 20px 0 0; padding-bottom: 15px; background: #fff; text-align: center; text-decoration: none; font-size: 15px; line-height: 20px; } 
.slide-menu ul li:first-child { margin: 15px 20px 0; } 
.slide-menu ul li.on { border-bottom: 3px solid #9e785d; color: #9e785d; padding-bottom: 12px; } 
.slide-menu ul li a { color: #666; } 
.slide-menu ul li.on a { color: #9e785d; font-weight: 500; } 

.ul-hm-content { width: 100%; } 
.ul-hm-content #freewall-recommend, 
.ul-hm-content #freewall-new,
.ul-hm-content #freewall-discount { padding: 0 0 0 20px; } 
.ul-hm-content .icon-hm-viewmore { width: 5px; padding: 0 20px 3px 7px; } 

/* 제철관 */
.ul-hm-content .li-section-seasonalfood { position: relative; width: 100%; } 
.ul-hm-content .li-section-seasonalfood .swiper-seasonalfood img { width: 100%; } 

/* 새로나온 상품 */
/* .ul-hm-content .li-section-prodnew { background-color: #f7f7f7; } */
/* .ul-hm-content .li-section-prodnew .brick-inner-table { background-color: #f7f7f7; } */

/* 자연이랑 only */
.ul-hm-content .li-section-natureonly { width: 100vw; } 
.ul-hm-content .li-section-natureonly a img { width: 100%; } 

/*당일 발송*/
.ul-hm-content .li-section-todayDlv { margin-top: 50px; } 
.ul-hm-content .li-section-todayDlv a img { width: 100%; } 

/* 메인배너 */
.ul-hm-content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px; } 
.ul-hm-content .swiper-pagination-bullet { width: 9px; height: 9px; } 
.ul-hm-content .li-section-mainbanner .swiper-pagination-bullet { background: #fff; opacity: 0.4; } 
.ul-hm-content .li-section-mainbanner .swiper-pagination-bullet-active { opacity: 1; } 

/* 메인이벤트 배너*/
.ul-hm-content .li-section-eventbanner { overflow: hidden; } 
.ul-hm-content .li-section-eventbanner .swiper-eventbanner img { width:100%; } 

/* 증정아이콘 */
.ico-freebie { color: #ffffff; background-color: #7b6759; width: 20px; font-size: 13px; padding: 1px 6px 3px 6px; } 

/* 게이지 바 (전문관) */
.paybar-gauge { background-color: #6c5545; position: fixed; bottom: 0; width: 100%; } 
.paybar-gauge .gauge-wrap .gauge-content p { font-size: 14px; text-align: right; margin: 10px 10px 10px; color:#fff; } 
.gauge-progressbar { position: relative; margin-top: 5px; } 
.bg-progressbar { background-color: #fff; opacity: 0.7; border-radius: 2.5px; height: 5px; } 
.progressfill { display: block; position: absolute; top: 0; max-width: 100%; height: 100%; background: #ffc107; opacity: 0.7; border-radius: 2.5px; -webkit-transition-property: width; transition-property: width; } 

.ul-prod-list { text-align: center; } 

/* x2 상품 리스트 정렬 */
.product-list .item-prod { display: inline-block; width: 44vw; margin: 1.2vw; max-width: 200px; } 
.text-product-name { display: -webkit-box; font-size: 14px; color: #222; line-height: 1.45; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.text-product-price { font-size: 14px; color: #222; } 
.text-product-price-krw { font-size: 12px; color: #222; } 
.text-product-oriprice { text-decoration: line-through; font-size: 12px; color: #777 } 
.ico-grade.fixed { bottom:0; right:6px; position: absolute; padding-bottom: 8px; } 
@media screen and (min-width: 500px){
    .product-list .item-prod{ margin: 6px; }
}

/* 20210125 로그인 및 회원가입 레이아웃 수정 */
/*#headerFixed.close { border-bottom: 1px solid #ecf0f1; } */
#headerFixed.close .sub-header-title { position: absolute; left:50%; transform: translate(-50%, 0); font-size: 18px; line-height: 40px; font-weight: 500; color: #6c5545; } 
#headerFixed.close .sub-header-title-special { font-size: 18px; color: #6c5545; padding-top:6px; padding-left: 35px; font-weight: 500; max-width:200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -0.3px; text-align: left; } 
#headerFixed.close .sub-header-title-special span { } 
@media screen and (max-width: 330px){
 #headerFixed.close .sub-header-title-special { max-width:165px; font-size: 18px; } 
 }
#headerFixed.close .back-button { position: absolute; top: 19px; } 
#headerFixed.close .back-button .closebtn { width:21px; height:21px; display:block; } 
#headerFixed.close .back-button img { vertical-align: top; width: 12px; height: 21px; } 
.bg-white { background-color: #fff; } 

/* magazine 추가 */
/* @font-face { font-family: 'NanumMyeongjo'; src: url(/css/font/NanumMyeongjo.ttf) format('woff2'); } 
@font-face { font-family: 'NanumMyeongjo'; src: url(/css/font/NanumMyeongjo.ttf) format('woff2'); } 
@font-face { font-family: 'NanumMyeongjoBold'; src: url(/css/font/NanumMyeongjoBold.ttf) format('woff2'); } 
@font-face { font-family: 'NanumMyeongjoExtraBold'; src: url(/css/font/NanumMyeongjoExtraBold.ttf) format('woff2'); } */
@font-face { font-family: 'louvette-banner', 'serif'; font-style: normal; font-weight: 600; } 
.magazine_header { position: relative; } 
.magazine_header img { width:100%; } 
.magazine_header_wrap { position: absolute; top: 0; width: 100%; height: 50px; border-bottom: 1px solid rgba(255, 255, 255, .3); } 
.magazine_header_title { display: flex; } 
.magazine_header_title span { line-height: 50px; padding: 0 20px; color: #fff; font-size: 13px; } 
.magazine_header_mainTitle { font-family:proximaNova; letter-spacing: 6px; font-weight: 600; } 
.magazine_header_subTitle { font-family:proximaNova; margin-left: auto; font-weight: 300; } 
.magazine_contents { position: relative; width: 100%; } 
.magazine_contents_title { display: flex; align-items: center; position: absolute; top: -70px; left: 50%; transform: translate(-50%, 0%); width: 88%; height: 120px; background-color: #d88f73; padding: 0 30px; box-sizing: border-box; color: #fff; } 
.magazine_contents_mainTitle { font-family:NanumMyeongjo, serif; font-size: 22px; line-height: 30px; letter-spacing: -2px; } 
.magazine_contents_subTitle { font-family:proximaNova; position: absolute; top: -100px; right: 5%; text-align: right; } 
.magazine_contents_subTitle span { font-family:'louvette-banner', 'serif'; font-size: 38px; font-weight: 600; } 
.magazine_contents_subTitle p { font-family:proximaNova; font-size: 12px; letter-spacing: 0.9px; margin: 0px; } 
.magazine_contents_list { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 75px; } 
.magazine_contents_listForm { position: relative; width: 48%; height:48%; } 
.magazine_contents_listForm img { width: 100%; height:48.5%; } 
.magazine_box { font-family:proximaNova; font-weight: bold; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -550%); display: block; width: 86px; height: 30px; background-color: #6c5545; text-align: center; line-height: 30px; color: #fff; font-size: 13px; letter-spacing: 3px; } 
.magazine_box_contents { text-align: center; height: 180px; } 
.magazine_box_contents span { font-family:NanumMyeongjoBold, serif; display: block; font-size: 19px; letter-spacing: -1.2px; color: #6c5545; padding-top: 40px; } 
.magazine_box_contents p { margin:0 auto; width:90%; font-size: 14px; letter-spacing: -1.1px; color: #999; line-height: 20px; padding-top: 10px; } 
.last_btn { margin-bottom:30px; text-align: center; padding-top: 30px; border-top: 1px solid #d9d9d9; } 
.last_btn a { font-size: 19px; line-height: 28px; letter-spacing: -0.85px; color: #6c5545; font-weight: 700; } 
.last_btn img { margin-left: 15px; width:40px; height:40px; } 
/* 매거진 모아보기 */
.magazine_collect_header { position: relative; } 
.magazine_collect_header img { width: 100%; } 
.magazine_collect_header_wrap { position: relative; top: 0; width: 100%; height: 54px; background-color: #f9f9f9; border-top: 1px solid #e9e9e9; } 
.magazine_collect_header_title { display: flex; } 
.magazine_collect_header_title span { line-height: 50px; padding: 0 20px; color: #bbb; } 
.magazine_collect_header_mainTitle { letter-spacing: 6px; font-weight: 600; font-family:proximaNova; font-size: 13px; } 
.magazine_collect_header_subTitle { font-size: 13px; font-weight: 300; margin-left: auto; font-family:proximaNova; } 
.magazine_collect_contents { position: relative; width: 100%; } 
.magazine_collect_contents_title { position: relative; top: 0px; width: 100%; padding: 20px 20px 0; box-sizing: border-box; } 
.magazine_collect_contents_title span { display: block; color: #222; } 
.magazine_collect_contents_mainTitle { position: relative; font-family: NanumMyeongjoBold, serif; font-size: 28px; padding: 70px 0 20px; line-height: 35px; letter-spacing: -2px; border-bottom: 1px solid #222; } 
.magazine_collect_contents_mainTitle::after { content: ''; position: absolute; left: 0; bottom: 3px; width: 100%; height: 1px; border-bottom: 1px solid #222; } 
.magazine_collect_contents_subTitle { text-align: right; font-size: 14px; letter-spacing:-0.5px; } 
.magazine_collect_contents_subTitle p { font-size: 14px; letter-spacing: 0.9px; margin: 0px; } 
.magazine_collect_contents_list { display: flex; flex-wrap: wrap; padding-top: 40px; } 
.magazine_collect_contents_listForm { position: relative; width: 100%; margin-bottom: 80px; padding: 0 20px; box-sizing: border-box; } 
.magazine_collect_box_contents { text-align: center; } 
.magazine_collect_box_title { display: flex; align-items: center; height: 61px; padding: 0 10px; box-sizing: border-box; margin-bottom: 3px; border-bottom: 1px solid #d9d9d9; } 
.magazine_collect_box_title span:first-child { font-family:'louvette-banner'; font-size: 22px; color: #222; font-weight:600; height:25px; } 
.magazine_collect_box_title span:last-child { font-family:proximaNova; margin-left: auto; font-size: 13px; letter-spacing: 0.9px; color: #222; font-weight:500; } 
.magazine_collect_box_contents p { font-family: 'NanumMyeongjoBold', serif; font-size: 18px; height: 48px; line-height: 50px; letter-spacing: -1.8px; box-sizing: border-box; color: #222; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin: 0; } 
.magazine_collect_box_contents p:last-child { height: 47px; } 
.magazine_collect_box_contents p + p { border-top: 0; } 
.magazine_collect_contents_listForm a { display: block; font-size: 14px; letter-spacing: -1px; color: #6c5545; background-color: #f3ece6; width: 100%; height: 70px; line-height: 70px; text-align: center; margin-top: 20px; } 
@media screen and (max-width: 350px){
 .magazine_collect_contents_subTitle { font-size: 14px; } 
 }
/*택배화물조회*/
.gwrapper .delivery-wrap { width:95%; overflow:hidden; padding:20px 10px; } 
.gwrapper .delivery-wrap .info-wrap { position:relative; width:100%; text-align:center; margin:150px 0; } 
.gwrapper .delivery-wrap .info-wrap p { font-size: 20px; line-height: 100%; } 
.gwrapper .delivery-wrap .info-wrap .flatBtnWhite2 { margin-top:10px; } 
.gwrapper .delivery-wrap .delivery-wrap { position: relative; width:100%; text-align:center; } 
.gwrapper .delivery-wrap .delivery-header { text-align:center; color:#7e6e63; font-size:25px; font-weight:700; margin-bottom:10px; } 
.gwrapper .delivery-wrap .deliveryTbl { margin-bottom: 50px; border-collapse: collapse; border-spacing: 0; width: 100%; text-align:left; } 
.gwrapper .delivery-wrap .deliveryTbl .details-header-td { background: #f3ece6; font-size: 15px; color: #666666; letter-spacing: -0.5px; position: relative; border: 1px solid #f3ece6; text-align:left; height:32px; } 
.gwrapper .delivery-wrap .deliveryTbl .details-header-td:first-child { padding-left:5px; } 
.gwrapper .delivery-wrap .deliveryTbl .details-contents-td { vertical-align:top; text-align:left; border:0; font-size: 13px; letter-spacing: -0.5px; padding: 5px; } 
.gwrapper .delivery-wrap .deliveryTbl .summary { margin:10px 5px; } 
.gwrapper .delivery-wrap .deliveryTbl .summary td:first-child { font-size:15px; width:90px; vertical-align:top; } 
.gwrapper .delivery-wrap .deliveryTbl .summary td:last-child { font-size:14px; font-weight:700; vertical-align:top; } 
/* 매거진 추가 */
.magazine-bg { position: absolute; top: 90px; width: 100%; height: 63%; background-color: #f3ece6; } 
.main-magazine-container { position: relative; padding: 0 8px 0 20px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } 
.main-magazine-container .main-magazine-listinner { position: relative; display: inline-block; width: 38.888888888vw; max-width: 280px; white-space: normal; margin-top: 70px; margin-right: 10px; } 
.main-magazine-container .main-magazine-listinner .thumbimg { position: relative; width:100%; z-index: 0; height: 69.44444444444444444444vw; max-height:500px; overflow: hidden; } 
.main-magazine-container .main-magazine-listinner .slide-title { position: absolute; top: -55px; left: 50%; transform: translate(-50%, 0); width: 30.83333333vw; height: 30.83333333vw; max-width: 130px; max-height: 130px; background-color: #fff; text-align: center; z-index: 1; } 
.main-magazine-container .main-magazine-listinner .slide-title p { display: block; font-size: 13px; padding: 20px 0 20px; margin: 0; margin-right: -3px; letter-spacing: 3px; color: #222; font-family: proxima-nova, sans-serif; font-weight: 700; font-style: normal; } 
.main-magazine-container .main-magazine-listinner .slide-title span { display: block; font-size: 14px; letter-spacing: -1.4px; color: #666; line-height: 1.5; font-weight: normal; font-family: noto-sans-cjk-kr, sans-serif; } 
.main-magazine-container .main-magazine-listinner img { position: absolute; bottom: 0; width: 100%; } 
@media screen and (max-width: 400px){
 .main-magazine-container { padding: 0 8px 0 20px; } 
 .main-magazine-container .main-magazine-listinner .slide-title { top: -51px; width: 115px; height: 115px; } 
 }
@media screen and (max-width: 350px){
 .main-magazine-container { padding: 0px 8px 0 20px; } 
 .main-magazine-container .main-magazine-listinner .slide-title { width: 105px; height: 105px; } 
 .main-magazine-container .main-magazine-listinner .slide-title p { padding: 20px 0 10px; } 
 }
/* NEW 제철관 */
.swiper-seasonalfood .swiper-wrapper { padding-left: 20px; } 
.swiper-seasonalfood .swiper-slide { display: flex; width: 75% !important; max-width: 500px; background-color: #f7f7f7; } 
/*.swiper-seasonalfood a img { width: 50% !important; } */
.seasonalfood-text { position: relative; text-align: right; width: 100%; padding: 6%; box-sizing: border-box; } 
.seasonalfood-text > a { display: block; width: 100%; color: #999; font-size: 3.6vw; line-height: 7vw; letter-spacing: -0.1px; border-bottom: 2px solid #cd7f7f; box-sizing: border-box; } 
.seasonalfood-text .garlic { color: #cd7f7f; } 
.seasonalfood-text .seasonalfood-sub-text p.garlic { font-size: 5.2vw; font-family: proxima-nova, sans-serif; font-weight: 400; font-style: normal; } 
.seasonalfood-text p { position: relative; font-size: 5vw; padding-right: 20px; margin-bottom: 0; } 
.seasonalfood-text .icon-hm-viewmore { width: 1.4vw !important; padding: 0 0 2px 3px; } 
.seasonalfood-text .seasonalfood-sub-text { position: absolute; bottom: 8%; right: 12%; } 
.seasonalfood-text .seasonalfood-sub-text span { display: block; font-size: 3.6vw; letter-spacing: -0.5px; } 
.seasonalfood-text .seasonalfood-sub-text .won { position: absolute; font-size: 4.6vw; right: -20px; top: 1px; } 
.li-section-seasonalfood .swiper-pagination { padding-bottom: 50px; bottom: -10px; } 
.sfcommingsoon { width: 100%; height: 100%; position: absolute; background-color: #222; opacity: 0.7; z-index: 1; } 
.sfcommingsoon-char { font-family: proxima-nova, sans-serif; font-weight: bold; color: #fff; font-size: 25px; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; opacity: 1; z-index: 2; line-height: 25px; } 
@media screen and (min-width: 450px){
 .seasonalfood-text > a { font-size: 16px; line-height: 30px; } 
 .seasonalfood-text .icon-hm-viewmore { width: 7px !important; } 
 .seasonalfood-text p { font-size: 24px !important; margin-bottom: 15px; font-family: proxima-nova, sans-serif; font-weight: 400; font-style: normal } 
 .seasonalfood-text .seasonalfood-sub-text span { font-size: 16px; } 
 .seasonalfood-text .seasonalfood-sub-text .won { font-size: 21px; } 
 }


/* 반찬전문관 */
.event_ci.bg_sidedish { width: 100%; max-width: 720px; margin: 0 auto; } 
.event_ci.bg_sidedish img { width: 100%; max-width: 720px; } 
.event_ci.bg_sidedish [class^='sidedish_cont'] { position: relative; text-align: center; } 

.event_ci.bg_sidedish .sidedish_cont3_box { position: absolute; top: 18%; left: 50%; transform: translate(-50%, 0%); width: 87%; max-width: 620px; min-width: inherit; background-color: #fff; } 
.event_ci.bg_sidedish .sidedish_cont3_box > img { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 25%; max-width: 150px; min-width: inherit; } 
.event_ci.bg_sidedish .sidedish_cont3_box + .sidedish_cont3_box { top: 59%; } 
.event_ci.bg_sidedish .sidedish_cont3_title { font-family:NanumMyeongjoBold, serif; font-size: 6vw; margin: 6.1vw 0 4.6vw; letter-spacing:-2px; } 
.event_ci.bg_sidedish .sidedish_cont3_title + .title_line { margin: 0 auto; width: 85%; height: 4px; border: 1px solid #000; border-left: 0; border-right: 0; box-sizing: border-box; } 
.event_ci.bg_sidedish .sidedish_cont3_sub { display: block; font-size: 3.4vw; color: #888; margin: 3.5vw 0 2.8vw; letter-spacing:-1px; } 
.event_ci.bg_sidedish .product_img { margin-bottom: 6.7vw; } 
.event_ci.bg_sidedish .product_img img { min-width: inherit; } 
.event_ci.bg_sidedish .product_img .product_title { font-size: 5vw; font-weight: 500; margin: 2.2vw 0 1.4vw; letter-spacing:-2px; } 
.event_ci.bg_sidedish .product_img span { letter-spacing:-1px; font-size: 5vw; } 
.event_ci.bg_sidedish .product_img .product_sale { position: relative; font-size: 3.3vw; color: #999; margin-right: 10px; } 
.event_ci.bg_sidedish .product_img .product_sale::before { content: ''; position: absolute; top: 60%; width: 100%; height: 1px; background-color: #bbb; } 
.event_ci.bg_sidedish .event_ci.sidedish_wrap .event_wrap .sidedish_header_wrap .sidedish_cont3_bt { position: absolute; bottom: 0; display: flex; align-items: center; } 
.event_ci.bg_sidedish .sidedish_cont3_box .sidedish_cont3_bt { display: flex; } 
.event_ci.bg_sidedish .sidedish_cont3_box .sidedish_cont3_bt a { width: 50%; } 
.event_ci.bg_sidedish .sidedish_cont3_box .sidedish_cont3_bt img { min-width: inherit; } 

.event_ci.bg_sidedish .best_review { position: absolute; top: 15%; left: 50%; transform: translate(-50%, 0%); width: 87%; max-width: 620px; min-width: inherit; background-color: #fff; } 
.event_ci.bg_sidedish .best_review .best_review_wrap { width: 80%; margin: 0 auto; border: 3px solid #a48459; padding: 2.8vw 6vw; box-sizing: border-box; } 
.event_ci.bg_sidedish .best_review .product_img { margin-bottom: 5.5vw; } 
.event_ci.bg_sidedish .best_review .best_review_text { width: 100%; } 
.event_ci.bg_sidedish .best_review .best_review_text span { display: block; height: 7.2vw; line-height: 7.2vw; padding: 0 6.5vw; border-bottom: 2px solid #dcdcdc; box-sizing:border-box; text-align: left; font-size: 3.1vw; color: #a48459; letter-spacing: -1px; font-weight: 500; } 
.event_ci.bg_sidedish .best_review .best_review_text p { margin-top: 0; margin-bottom: 0; display: block; height: 7.2vw; line-height: 7.2vw; padding: 0 6.9vw; box-sizing:border-box; text-align: center; font-size: 3.1vw; color: #7c7c7c; letter-spacing: -1px; } 
.event_ci.bg_sidedish .best_review a { display: block; width: 80%; margin: 2.8vw auto 7vw; } 
.event_ci.bg_sidedish .best_review a img { width: 100%; min-width: inherit; } 
.event_ci.bg_sidedish .sidedish_cont6 { margin-top: 0; } 

.event_ci.bg_sidedish .tab_flex { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 11.1vw 2.8vw 0; } 
.event_ci.bg_sidedish .tab_flex a { width: 50%; padding: 0 1.4vw; margin-bottom: 7vw; box-sizing: border-box; } 
.event_ci.bg_sidedish .tab_flex img { width: 100%; min-width: inherit; } 
.event_ci.bg_sidedish .tab3_img { padding: 11.1vw 0 8vw; } 


@media screen and (min-width: 720px){
 .event_ci.bg_sidedish .sidedish_cont3_title { font-size: 43px; margin: 44px 0 33px; } 
.event_ci.bg_sidedish .sidedish_cont3_sub { font-size: 24px; margin: 25px 0 20px; } 
.event_ci.bg_sidedish .product_img { margin-bottom: 45px; } 
.event_ci.bg_sidedish .product_img .product_title { letter-spacing:-2px; font-size: 36px; margin: 16px 0 10px; } 
.event_ci.bg_sidedish .product_img span { letter-spacing:-1px; font-size: 36px; } 
.event_ci.bg_sidedish .product_img .product_sale { font-size: 24px; } 

.event_ci.bg_sidedish .best_review .product_img { margin-bottom: 38px; } 
.event_ci.bg_sidedish .best_review .best_review_wrap { padding: 20px 42px; } 
.event_ci.bg_sidedish .best_review .best_review_text span { height: 52px; line-height: 50px; padding: 0 50px; font-size: 22px; } 
.event_ci.bg_sidedish .best_review .best_review_text p { height: 50px; line-height: 50px; padding: 0 50px; font-size: 22px; } 
.event_ci.bg_sidedish .best_review a { margin: 20px auto 45px; } 
.event_ci.bg_sidedish .sidedish_cont6 { margin-top: 50px; } 

.event_ci.bg_sidedish .tab_flex { margin: 80px 20px; } 
.event_ci.bg_sidedish .tab_flex a { padding: 0 10px; margin-bottom: 50px; } 
.event_ci.bg_sidedish .tab3_img { padding: 80px 0 60px; } 
 }


/* 일상적미식 */
/* 221200 일상적미식 수정 */
.event_ci.bg_dailygourmet { position: relative; max-width: 720px; margin: 0 auto; } 
.event_ci.bg_dailygourmet img { width: 100%; max-width: 720px; } 
.event_ci.bg_dailygourmet [class^='dailygourmet_cont'] { position: relative; text-align: center; } 
.event_ci.bg_dailygourmet .dailygourmet_cont { } 
.event_ci.bg_dailygourmet .dailygourmet_cont img { width: 100%; min-width: inherit; } 
.event_ci.bg_dailygourmet .dailygourmet_cont2 img:nth-child(2) { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); } 
.event_ci.bg_dailygourmet .dailygourmet_cont2 img { width: 100%; min-width: inherit; } 
.event_ci.bg_dailygourmet .dailygourmet_cont2 .dailygourmet_cont2_img { position: absolute; top: 0; left: 50%; width: 90%; transform: translate(-50%, 15%); max-width: 640px; } 
.event_ci.bg_dailygourmet .dailygourmet_cont2 .dailygourmet_cont2_img2 { position: absolute; top: 0; left: 50%; width: 90%; transform: translate(-50%, 91%); max-width: 640px; } 
.event_ci.bg_dailygourmet .dailygourmet_cont2 .dailygourmet_cont2_img2 div:nth-child(2) img { margin-top: 7%; max-width: 519px; width: 82%; transform: translate(-11%, 0); } 

.event_ci.bg_dailygourmet .dailygourmet_cont3 { background-color: #f8f8f8; } 
.event_ci.bg_dailygourmet .dailygourmet_cont3_img { padding-bottom: 20px; } 
.event_ci.bg_dailygourmet .dailygourmet_cont3_img img { width: 75%; } 
.event_ci.bg_dailygourmet .dailygourmet_cont3 .swiper-container { padding: 0 20px; } 
.event_ci.bg_dailygourmet .dailygourmet_cont3 .swiper-container img { width: 100%; min-width: inherit; } 
.event_ci.bg_dailygourmet .dailygourmet_cont3 .swiper-container .swiper-slide { width: 85% !important; } 
.swiper-container-horizontal > .swiper-scrollbar { left: 50%; transform: translate(-50%, -50%); bottom: 0; height: 1.5%; width: 60%; } 
.swiper-scrollbar { background-color: #d0d7dd; } 
.swiper-scrollbar-drag { background-color: #212121; } 

.event_ci.bg_dailygourmet .dailygourmet_cont4 { background-color: #f8f8f8; } 
.event_ci.bg_dailygourmet .dailygourmet_cont4 img { width: 100%; min-width: inherit; } 
.event_ci.bg_dailygourmet .dailygourmet_cont4 .dailygourmet_cont4_img { position: relative; margin-top: 60px; padding: 0 20px; z-index: 2; } 
.event_ci.bg_dailygourmet .dailygourmet_cont4 .dailygourmet_cont4_img2 { position: relative; margin-top: -20%; padding-top: 20%; background-size: cover; z-index: 1; } 
.event_ci.bg_dailygourmet .dailygourmet_cont4 .dailygourmet_cont4_img2 .wrapper { padding: 5.555% 20px; } 
.event_ci.bg_dailygourmet .dailygourmet_cont4 .dailygourmet_cont4_img2 .btn-wrapper { padding: 20px 0 60px; text-align: right; } 
.event_ci.bg_dailygourmet .dailygourmet_cont4 .dailygourmet_cont4_img2 .btn-wrapper img { width: 56.875%; } 
.event_ci.bg_dailygourmet .dailygourmet_cont4_info { padding: 0 20px; } 
.event_ci.bg_dailygourmet .dailygourmet_cont5 { height: 989.583333vw; max-height: 7125px; } 
.event_ci.bg_dailygourmet .dailygourmet_cont5 img { width: 100%; min-width: inherit; } 
.event_ci.bg_dailygourmet .dailygourmet_cont5 .dailygourmet_cont5_img { position: absolute; top: 5%; left: 50%; width: 35%; transform: translate(-50%, 0%); max-width: 244px; } 
.event_ci.bg_dailygourmet .dailygourmet_cont5 .dailygourmet_cont5_img2 { position: absolute; top: 8%; left: 50%; width: 100%; transform: translate(-50%, 0%); max-width: 720px; } 
.event_ci.bg_dailygourmet .dailygourmet_cont5 .dailygourmet_cont5_img2 div:not(:first-child) img { margin-top: 15%; transform: translate(0, 0); } 

.event_ci.bg_dailygourmet .dailygourmet_cont6 { padding: 60px 20px 0; } 
.event_ci.bg_dailygourmet .dailygourmet_cont7 { padding: 60px 20px 60px; } 

.event_ci.bg_dailygourmet .dailygourmet_cont_tab2_title { margin: 6.944vw 5.55vw 0 5.55vw; } 
.event_ci.bg_dailygourmet .dailygourmet_cont_tab2_title img { min-width: 274px; } 
.event_ci.bg_dailygourmet .dailygourmet_cont_tab2_title:first-child { margin: 16.666vw 5.55vw 0 5.55vw; } 
.event_ci.bg_dailygourmet .dailygourmet_cont_tab2_products { font-size: 0; left: 50%; transform: translate(-50%, 0%); padding-right: 5.55vw; padding-left: 5.55vw; } 
.event_ci.bg_dailygourmet .dailygourmet_cont_tab2_products:last-child { margin-bottom: 10%; } 
.event_ci.bg_dailygourmet .dailygourmet_cont_tab2_products img { width: 48%; min-width: 139px; margin-bottom : 13.88vw; } 
.event_ci.bg_dailygourmet .dailygourmet_cont_tab2_products a:nth-child(odd) { margin-right: 2vw; } 

.event_ci.bg_dailygourmet .dailygourmet_cont_tab3_2 .dailygourmet_cont_tab3_prod { position: absolute; top: 12%; left: 50%; width: 100%; transform: translate(-50%, 0%); max-width: 720px; text-align:center; } 
.event_ci.bg_dailygourmet .dailygourmet_cont_tab3_2 .dailygourmet_cont_tab3_prod img { min-width :277px; } 
.event_ci.bg_dailygourmet .dailygourmet_cont_tab3_2 .dailygourmet_cont_tab3_prod .dailygourmet_prod_section { width:90%; display: inline-block; } 
.event_ci.bg_dailygourmet .dailygourmet_cont_tab3_2 .dailygourmet_cont_tab3_prod .dailygourmet_prod_section:not(:first-child) img { margin-top: 9%; transform: translate(0, 0); } 
.event_ci.bg_dailygourmet .dailygourmet_cont_tab3_3 div { position: absolute; top: 55%; width: 100%; left: 50%; transform: translate(-50%, 0%); } 

.dg-line { padding: 20px 0; background-color: #f8f8f8; } 
.dg-line img { width: 1px !important; height: 71px; } 

.dg-lnb { display: none; margin: 0 auto; max-width: 720px; background-color: #3d3c3d; } 
.dg-lnb-menu { display: flex; justify-content: center; } 
.dg-lnb-link { display: block; background-size: 100% 100%; } 
.dg-lnb-link.active img { opacity: 0; } 

.dg-prd-content { padding-top: 15.277%; } 

.dg-cate-container { padding: 30px 20px 50px; } 

.evt-selectbox select::-ms-expand { display: none; } 
.evt-selectbox .select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.evt-selectbox { position: relative; width: 100%; height: 40px; border-radius: 0; border: 1px solid #ddd; } 
.evt-selectbox .select { position: relative; padding: 0 10px; width: inherit; height: inherit; background: transparent; border: 0 none; color: #777; font-size: 13px; outline: 0 none; z-index: 3; } 
.evt-selectbox .arrow { position: absolute; top: 0; right: 0; z-index: 1; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } 
.evt-selectbox .arrow img { width: 11px; height: 7px; } 

.dg-prd-sections { padding-bottom: 70px; } 
.dg-prd-section { margin: 0; padding: 0 20px; } 
.dg-prd-section:not(:last-child) { margin-bottom: 50px; } 
.dg-prd-header { padding-bottom: 10px; border-bottom: 2px solid #111; } 
.dg-prd-hd { margin: 0; color: #111; font-size: 25px; font-weight: 700; line-height: 1; } 
.dg-prd-list { display: flex; flex-wrap: wrap; margin: 0 -5px; } 
.dg-prd-list > li { width: 50%; padding: 20px 5px 30px; box-sizing: border-box; } 

.dg-prd-item { display: block; } 
.dg-prd-item { width: 100%; } 
.dg-prd-item .img { position: relative; width: 100%; height: 0; padding-top: 120%; } 
.dg-prd-item .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.dg-prd-item .detail { padding-top: 18px; } 
.dg-prd-item .desc { display: block; margin-bottom: 8px; padding-right: 5px; color: #777; font-size: 10px; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.dg-prd-item .tit { margin: 0; padding-right: 5px; color: #111; font-size: 15px; font-weight: 700; letter-spacing: -.75px; display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; line-height: 1.2em; min-height: 2.4em; } 
.dg-prd-item .btn-buy { margin-top: 20px; height: 35px; border: 1px solid #111; box-sizing: border-box; color: #111; font-size: 13px; line-height: 33px; text-align: center !important; } 

.dg-footer { margin: 0 auto; padding: 50px 0 200px; width: 1050px; } 
.dg-btn-all { display: block; margin: 0 auto; width: 420px; height: 100px; background-color: #111; color: #fff; font-size: 26px; letter-spacing: -.25px; text-align: center; line-height: 100px; } 

 /* 오늘의 특가 변경 20210824 */
.swiper-todayspecial { position: relative; margin-right: 16.669%; } 
/* .swiper-todayspecial .swiper-wrapper { padding-right: 35px; } */
.swiper-todayspecial .swiper-slide { width: 100% !important; overflow-y: hidden; } 
.swiper-todayspecial .swiper-slide img { width: 100%; } 
.swiper-todayspecial .swiper-slide a img { width: 119% !important; margin-left: -9.5%; } 
.swiper-todayspecial .swiper-slide p { display: inline-block; font-size: 16px; margin: 15px 0 25px 0; letter-spacing: -0.1px; color: #333; line-height: 1; } 
.swiper-todayspecial .swiper-slide span { display: inline-block; height: 25px; letter-spacing: -0.3px; color: #999; vertical-align: baseline; line-height: 1; margin: 8px 0 0 13px; font-size: 14px; } 
.swiper-todayspecial.swiper-container-horizontal > .swiper-scrollbar { height: 4px; } 
.swiper-todayspecial .swiper-scrollbar-drag { background: #6c5545; } 
.swiper-todayspecial.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-specialist.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { bottom: 0 !important; top: auto !important; border-radius: 100px; } 
.swiper-todayspecial .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { border-radius: 100px; background: #565656 !important; } 
.li-section-specialist { position: relative; padding: 0 35px 34px 35px; } 
.li-section-specialist.today-sale { padding: 0; margin-left: 16.667%; } 
.li-section-specialist .swiper-todayspecial .swiper-pagination { bottom: -30px; } 
.li-section-specialist .swiper-todayspecial .swiper-pagination-bullet-active { background: #666; } 
.swiper-todayspecial .today_sale { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; background-color: #cb7f7f; width: 50px; height: 35px; font-size: 19px; padding: 2px; color: #fff; letter-spacing: 0; font-family: proxima-nova, sans-serif; font-weight: 600; font-style: normal; } 
.swiper-todayspecial .today_img_text { height: 67px; } /*높이 고정*/
.swiper-todayspecial .today_img_text .name { display:block; font-size: 16px; font-weight: 500; margin: 15px 0 4px 0; letter-spacing: -0.5px; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.swiper-todayspecial .today_img_text .sale_price { font-size: 18px; color: #222; letter-spacing: 0; margin: 0; font-family: proxima-nova, sans-serif; font-weight: 600; font-style: normal; } 
.swiper-todayspecial .today_img_text .original_price { display: inline; font-size: 14px; color: #999; font-family: proxima-nova, sans-serif; font-weight: 400; font-style: normal; text-decoration: line-through; vertical-align: baseline; } 
.swiper-todayspecial .today_img_text .original_price txt { font-size: 12.4px; margin-left: 1px; } 

img.hm-todaysale-soldout { position: absolute; bottom: 82px; left: 50%; transform: translate(-50%, 0); } 

.swiper-todayspecial .today_img_text .currency { font-size: 16px; font-weight: 400; color: #222; margin: 2px -4px 0 2px; vertical-align: baseline; } 
.swiper-todayspecial .countdown { position: absolute; bottom: 82px; display: flex; align-items: center; justify-content: center; width: 100%; background: rgba(234,86,86,0.9); color: #fff; font-weight: 500; font-family: 'Montserrat', sans-serif; font-size: 16px; padding: 2% 0; } 
.swiper-todayspecial .countdown div { margin-left: 1px; padding-bottom: 2.5px; font-size: 12px; } 
.swiper-todayspecial .countdown img { width: 16px; margin-right: 10px; padding-bottom: 2px; } 
.swiper-todayspecial .countdown timer { font-family: proxima-nova, sans-serif; font-weight: 600; font-style: normal; line-height: 1; padding-bottom: 1.5px; width: 81px; font-size: 15px; } 

/* 신상품추천 2021 */
.recprodnew-list { position: relative; } 
.recprodnew-list .swiper-slide img { width: 80.556%; } 
.recprodnew-list.swiper-container-horizontal > .swiper-scrollbar { height: 4px; } 
.recprodnew-list .swiper-scrollbar-drag { background: #6c5545; } 
.recprodnew-list.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-specialist.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { bottom: 0 !important; top: auto !important; border-radius: 100px; } 
.recprodnew-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { border-radius: 100px; background: #565656 !important; } 
.li-section-recprodnew { background: #f7f7f7; padding: 8.335% 0 0; overflow: hidden; text-align: center; } 
.li-section-recprodnew .recprodnew-list .swiper-pagination { bottom: -19px; } 
.li-section-recprodnew .recprodnew-list .swiper-pagination-bullet-active { background: #666; } 
.recprodnew-list .swiper-button-prev { background-image: url(/m/images/icons/M_HM_hotitem_btn_left_off.png); left: 5%; background-position: 0px 0px; width: 15px; height: 30px; top: 29.5%; background-size: contain; } 
.recprodnew-list .swiper-button-next { background-image: url(/m/images/icons/M_HM_hotitem_btn_right_off.png); right: 5%; background-position: 0px 0px; width: 15px; height: 30px; top: 29.5%; background-size: contain; } 
.recprodnew-list .swiper-button-prev:hover { background-image: url(/m/images/icons/M_HM_hotitem_btn_left_on.png); } 
.recprodnew-list .swiper-button-next:hover { background-image: url(/m/images/icons/M_HM_hotitem_btn_right_on.png); } 
.recprodnew-img { position: relative; width: 100%; margin: 0 auto; } 
.recprodnew-img .recprodnew-item { position: absolute; top: -5%; left: 19%; width: 23.613% !important; } 
.recprodnew-list .recprodnew-text { text-align: left; padding: 0 20%; margin: 4.17% 0 6.5%; } 
.recprodnew-list .recprodnew-text img { margin-bottom: 18px; } 
.recprodnew-list .recprodnew-text .recprodnew-subtitle { display: block; font-size: 15px; font-weight: 400; color: #aaa; letter-spacing: -0.1px; /*margin-bottom: 2.78%; */ margin-bottom: 2%; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.recprodnew-list .recprodnew-text .recprodnew-title { display: block; font-size: 16px; font-weight: 500; color: #222; letter-spacing: -0.1px; margin-bottom: 4%; /*margin-bottom: 5.56%; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4; } 
.recprodnew-list .recprodnew-text .original_price { display: inline-block; font-size: 14px; color: #999; text-decoration:line-through; margin-left: 8px; margin-bottom: 2px; } 
.recprodnew-list .recprodnew-text .original_price span { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 16px; color: #999; letter-spacing: -0.1px; } 
.recprodnew-list .recprodnew-text .sale_price { display: inline-block; font-size: 16px; color: #222; font-weight: 500; } 
.recprodnew-list .recprodnew-text .sale_price span { font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 18px; color: #222; letter-spacing: -0.1px; } 
.product-list-select { background-color:#ecf0f1; } 
.recprodnew-list .swiper-bullets-gray { margin-top: 0; margin-bottom: 15px; } 
/* 베스트 리뷰 상품 2021 */
.li-section-bestreview { position: relative; width: 100%; overflow: hidden; } 
.swiper-bestreview .swiper-wrapper { padding-left: 20px; } 
.swiper-bestreview .swiper-slide { width: 75% !important; } 
.swiper-bestreview .bestreview-product { overflow:hidden; width:100%; text-align:center; } 
.swiper-bestreview .bestreview-product img { width: 116.06%; margin-left: -8%; } 
.swiper-bestreview .swiper-slide .review-num { position: absolute; top: -13vw; left: 5%; width: 22%; max-width: 110px; } 
.swiper-bestreview .bestreview-text { position: relative; padding: 28px 19px 50px; box-sizing: border-box; border: 1px solid #efefef; } 
.swiper-bestreview .bestreview-title { padding: 0 10px; display: block; font-size: 15px; color: #222; letter-spacing: -0.1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.swiper-bestreview .bestreview-price { display: block; padding: 0 10px; font-size: 16px; color: #222; letter-spacing: -0.1px; font-weight: 500; margin-bottom: 10px; } 
.swiper-bestreview .bestreview-price span { font-family: "proxima-nova", sans-serif; font-weight: 600; font-size: 21px; color: #222; letter-spacing: -0.1px; } 
.swiper-bestreview .bestreview-sub-text { min-height: 65px; font-size: 14px; color: #666; border-top: 1px solid #efefef; padding: 16px 10px 0; line-height: 23px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; } 
.swiper-bestreview .bestreview-sub-text span { font-family:NanumMyeongjo, serif; } 
.swiper-bestreview .bestreview-sub-text p { position: absolute; bottom: 5px; right: 29px; font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 14px; color: #999; letter-spacing: 0; } 
.swiper-bestreview .swiper-pagination { position: relative; bottom: -5px; } 
.swiper-bestreview .swiper-pagination-bullet-active { background: #666; } 

/* App 로드 팝업 */
#appLoadPop { color: #fff; position: fixed; width: 100%; height: 100%; top: 0; z-index: 99995; background-color: rgba(0,0,0,.7); left: 50%; transform: translate(-50%, 0);}
.app-load-popup { position: relative; width: 100%; text-align: center; top: 35%; } 
.app-load-popup .app-load-popup__icon { width: 75px; border-radius: 8px; } 
.app-load-popup .app-load-popup__info { line-height: 1.3; font-size: 16px; margin-top: 15px; } 
.btn-openapp { width: 250px; background-color: #6C5545; left: 50%; display: block; margin: 0 auto; border-radius: 10px; align-items: center; padding: 10px; } 

/* 페이스북 로그인 전환 임시 페이지 */
.sns_account_chk { padding: 0; position: relative; height: 30px; } 
.sns_account_chk input { width: 100%; height: 38px; padding: 4px 30px 4px 8px; border: 1px solid #a8aaaf color: #696969; } 
.login-box.new #snsNextBtn { position: inherit; display: block; width: 100%; height: 40px; padding: 0; line-height: 38px; } 
.login-box.new #snsNextBtn span { display: inline-block; width: 100%; background-color: #6C5545; color: #FFFFFF; text-align: center; } 
.login-box.new .qnaInfo { text-align :right; } 
.login-box.new .qnaInfo img { width: 15px; margin-right: 3px; } 
.login-box.new .qnaInfo p { font-size: 14px; display: inline-block; max-width: 120px; } 
.login-box.new #snsNextBtn { position: inherit; display: inline-block; width: 100%; max-width: 720px; min-width: 362px; height: 40px; padding: 0; line-height: 38px; } 
.login-box.new #snsNextBtn span { display: inline-block; width: 100%; background-color: #6C5545; color: #FFFFFF; text-align: center; } 
.login-box.new .idConversionTbl { border: 1px solid #e6e6e6; background: #fafafa; padding: 30px 0; width: 100%; min-width: 362px; max-width: 720px; font-size :14px; border-collapse: separate; border-spacing: 0 4px; } 
.login-box.new .idConversionTbl .subTd { text-align: left; height: 22px; padding: 0 0 6px 0; box-sizing: border-box; font-size: 12px; color: #999999; line-height: 100%; letter-spacing: -0.5px; } 
.login-box.new .idConversionTbl tr td:nth-child(2) { padding :0 7px; } 
.login-box.new .idConversionTbl tr td.disabled { color: #ccc; } 
.login-box.new .idConversionTbl tr td input.disabled { color: #ccc; } 
.login-box.new .idConversionTbl input[type=button] { height: 30px; padding: 0 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 0.85em; border: none; cursor: pointer; -webkit-box-sizing: border-box; -webkit-appearance: none; } 
.qnaPop { display: none; position: absolute; width: 270px; z-index: 1; border: 1px solid #e6e6e6; padding: 15px; background-color: #ffffff; font-size: 13px; } 
.qnaPop a { position: absolute; top: 3px; right: 3px; } 
.qnaPop p { margin :0; } 
.qnaPop img { width: 27px !important; height: 27px !important; content: url(/m/images/icons/close_4web_128.png); } 
.id_check_msg { margin :-1px 0 7px 0; } 
.setPwTbl { display: none; } 
.setPwTbl table { width: 100%; min-width: 362px; max-width: 720px; font-size :14px; border-collapse: separate; border-spacing: 0 4px; } 
.setPwTbl table input { max-width :381px; } 
.setPwTbl table tr td:nth-child(2) { padding :0 7px; } 

/* modal 기본 형태 */
.modal { position: fixed; top: 0; left: 0; z-index: 10002; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } 
.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } 
.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } 
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 15px; outline: 0; max-width: 580px; margin-left: auto; margin-right: auto; } 
.wn-modal-body { padding: 40px 10px; font-size: 18px; text-align: center; } 
.wn-modal-body img { width: 66%; max-width: 368px; } 
.wn-modal-body span { display: block; } 
.wn-modal-body .title-text { color: #6b513b; font-size: 30px; margin-top: 34px; margin-bottom: 20px; font-family:'sans-serif'; font-weight:700; } 
.wn-modal-body .sub-text { color: #4a4a4a; margin-bottom: 15px; font-size: 22px; font-family: 'nanum-gothic', 'sans-serif'; } 
.wn-modal-body .sub-text div { } 
.wn-modal-body .sub-text2 { color: #a9a9a9; font-size: 18px; margin-bottom: 35px; font-family: 'nanum-gothic', 'sans-serif'; } 
.wn-modal-footer { display: block; margin: 0 auto; } 
.wn-modal-footer a { display: block; font-size: 25px; color: #fff; padding: 20px 0; background-color: #6b513b; width: 87%; margin: 0 auto; font-family: 'nanum-gothic', 'sans-serif'; } 
.wn-modal-footer a:nth-child(1) { padding: 25px 0; } 
.wn-modal-footer a:nth-child(2) { color: #999; background-color: inherit; } 
.wn-modal-footer a span { display: inline-block; position: relative; } 
.wn-modal-footer a span::after { content: ''; display: block; width: 100%; height: 1.7px; background-color: #999; } 
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 10001; width: 100vw; height: 100vh; background-color: #000; } 
.modal-backdrop.show { opacity: .6; } 

@media screen and (max-width: 720px){
 .modal-content { margin-left: 6.5%; margin-right: 6.5%; } 
 .wn-modal-body { padding: 6vw 3vw; } 
 .wn-modal-body .title-text { font-size: 4.7vw; margin-top: 4vw; margin-bottom: 2.4vw; font-family:'sans-serif'; font-style: normal; font-weight: 700; } 
 .wn-modal-body .sub-text { font-size: 3.7vw; margin-bottom: 1.6vw; font-family: 'nanum-gothic', 'sans-serif'; } 
 .wn-modal-body .sub-text2 { font-size: 3.3vw; margin-bottom: 4vw; font-family: 'nanum-gothic', 'sans-serif'; } 
 .wn-modal-footer a { font-size: 3.5vw; padding: 3vw 0; font-family: 'nanum-gothic', 'sans-serif'; } 
 .wn-modal-footer a:nth-child(1) { padding: 4vw 0; } 
 }

/* 메인 - 앱수신동의 팝업 */
#divConsetAppNotification.popModal { position: fixed; top: 0; left: 0; z-index: 10002; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } 
#divConsetAppNotification.popModal .popModal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }
#divConsetAppNotification.popModal .popModal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } 
#divConsetAppNotification.popModal .popModal-content { position: relative; display: flex; padding: 2.4rem; flex-direction: column; width: 100%; pointer-events: auto; border: 0; max-width: 390px; margin-left: auto; margin-right: auto; } 
#divConsetAppNotification.popModal .wn-popModal-body { text-align: center; max-width: 390px; min-width: 268px;} 
#divConsetAppNotification.popModal .wn-popModal-body img { width: 100%; }  
#divConsetAppNotification.popModal .wn-popModal-body a:first-child { display: block; padding: 3%; width: 7%; max-width: 28px; min-width: 24px; right: 10%; position: absolute; }  
#divConsetAppNotification.popModal .wn-popModal-body .wn-popModal-button {position: absolute; top: 74%; width: 18%; max-width: 86px; left: 50%; transform: translate(-10%, 0); margin-top: 2.7%;}  
#divConsetAppNotification.popModal .wn-popModal-body .wn-popModal-button img{width: 100%;}  
#divConsetAppNotification.popModal .popModal-backdrop { position: fixed; top: 0; left: 0; z-index: 10001; width: 100vw; height: 100vh; background-color: #000; } 
#divConsetAppNotification .popModal-backdrop.show { opacity: .6; } 
@media screen and (min-width: 400px){
    #divConsetAppNotification.popModal .wn-popModal-body .wn-popModal-button {margin-top: 3.7%;}
}
.appPushPop.cpNotify {position:fixed;left:0px;top:0px;width:100%;height:100%;z-index: 10002;background-color:rgba(0,0,0,0.25);vertical-align:middle;text-align:center;display: none;}
.appPushPop.cpNotify .popup_wrap {color:#2e2e2e; background-color:#ffffff; width:230px; height : 95px; display: block; padding: 18px;}
.appPushPop.cpNotify .popup_wrap .msg_text {color:#444444;font-size:16px;letter-spacing:-1px;}
.appPushPop.cpNotify .popup_wrap .close_btn {height:35px;font-size:14px;color:#ffffff;letter-spacing:-1px;border:0;cursor: pointer;background-color:#41b785; width: 80px; margin-top: 15px;}

/* 신선식품 품질확인 페이지 */
.qc_subTile { padding: 5px 0 0 10px; font-size: 0.9em; color: #999999; line-height: 110%; float: left; letter-spacing: -1px; } 
.qc_contentsList { display: inline-block; width: 45.5vw; margin: 1.2vw; max-width: 230px; } 
.qc_contentsImg { width: 45.5vw; max-width: 190px; height: 52vw; max-height: 280px; overflow: hidden; } 
.qc_Info { background-color: white; margin: 10px 10px; border-radius: 10px; border: 1px solid #ccc; } 
.qc_Info div { font-size: 0.8em; padding : 11px; } 
.qc_imgContents { max-width: 650px; } 
.qc_imgContents img { margin-bottom: 16px; width:100%; max-width: 650px; } 
.qc_noteContents { line-height: 1.5; margin-bottom : 20px; } 

/*해피톡(마이페이지)*/
#happytalk_btn { position:fixed; bottom:10px; right:12px; z-index:999; width:45px; height:45px; margin-bottom:12px; } 

/*주소록 관련(myaddress, setaddress, recentaddress)*/
div#btnAddAddr { 
    position: fixed; width: 100%; 
} 
body:not(.mobile) div#btnAddAddr {
    max-width: 500px;
    left: 50%;
    transform: translateX(-50%);
}    
div#btnAddAddr input[type=button] { border-radius: 0; } 
span.tag-dawn-address { font-size: 0.8em; color: #ffffff; margin-right: 5px; padding: 2px 10px; text-align: center; display: inline-block; white-space: nowrap; } 
span.tag-normal-address { font-size: 0.8em; color: #6c5545; border: 1px solid #6c5545; margin-right: 5px; padding: 1px 5px; text-align: center; white-space: nowrap;} 
.address-container { color:#333; } 
.address-container ul.ul-addrlist { margin-bottom:100px; } 
.address-container .ul-addrlist li { margin-bottom: 16px; } 
.address-container .ul-addrlist li .myaddr01 { border:1px solid #ccc; padding:16px; } 
.address-container div.no-address { margin-top:0px; padding:30px 0 20px 0; text-align: center; background-color:#ecf0f1; } 
.address-container .btn-rightwrap { width: 100%; text-align: right; } 
.address-container .line-addaddress { margin-bottom: 8px; } 
.address-container .line-addaddress #pOption { height: 40px !important; font-size: 0.9em !important; } 
.address-container ul.ul-entpasswd input[type=checkbox]+label:before { top: 2px; } 
.address-container ul.ul-entpasswd label { line-height: 1.3; } 
.address-container ul.ul-entpasswd span { } 
.address-container input[name="rcvname"], .address-container input[name="addr1"], .address-container input[name="addr2"], 
.address-container input[name="hpno"], .address-container input[name="telno"] { width: 100%; } 
.address-container input[name="dlmsg2"], .address-container ul.ul-entpasswd input[type=text] { width:100%; } 
.address-container input[name="zipcd"] { width: 48%; } 
.address-container input[name="btnrecentaddr"], .address-container input[name="btnspostcode"] { float: right; width: 23%; padding: 0; margin: 0; } 
.address-container input[name="btnrecentaddr"] { margin: 0 8px; } 

.address-container ul.ul-recentlylist { margin-top:10px; } 
.address-container .ul-recentlylist li { margin-bottom: 16px; } 
.address-container .ul-recentlylist li .myaddr01 { border:1px solid #ccc; padding:16px; border-radius:4px; } 

/* 레이어 다이얼로그 표시 */
.divpop.event { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:10; background-color:rgba(0,0,0,0.5); vertical-align:middle; text-align:center; display:none; } 
.divpop.event .popup_wrap { color:#2e2e2e; background-color:#ffffff; width:250px; padding:25px; } 
.divpop.event .popup_wrap .msg_text { color:#444444; font-size:14px; letter-spacing:-1px; padding:0 10px 20px; } 
.divpop.event .popup_wrap .close_btn { background-color:#222222;; width:75px; height:30px; font-size:12px; color:#ffffff; letter-spacing:-1px; border:0; } 
.divpop.event .popup_wrap .close_btn.bg-color20190114 { background-color:#ec6b5d; } 

/* 옵션상품/재입고 신청 */
.modal#modalRestock { display: none; background-color: rgba(0, 0, 0, .5); z-index: 10002; } 
.modal#modalRestock hr { height: 1px; background-color: #eeeeee; display: block; margin: 15px 10px 5px; border: none; } 
.modal#modalRestock h4.wn-modal-header { text-align: center; margin: 15px 0 0; color: #6c5545 } 
.modal#modalRestock .wn-modal-body { text-align: left; } 
.modal#modalRestock .modal-info-restock { color: #777; font-size: 12px; padding: 10px 10px; letter-spacing: -0.2px; } 
.modal#modalRestock .title-gdname { font-size: 15px; padding-left: 10px; color: #6c5545; font-weight: 600; } 
.modal#modalRestock .modal-gdname { padding: 10px 10px 0; color: #333; } 
.modal#modalRestock .modal-dialog { position: relative; width: auto; pointer-events: none; } 
.modal#modalRestock .modal-dialog-centered { height: 100%; } 
.modal#modalRestock .modal-content { position: relative; display: flex; flex-direction: column; width: 350px; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 5px; outline: 0; max-width: 325px; margin: 0 auto !important; } 
.modal#modalRestock .wn-modal-body { text-align: left; padding: 10px; } 
.modal#modalRestock .wn-modal-body img { width: 66%; max-width: 368px; } 
.modal#modalRestock .wn-modal-body span { display: block; } 
.modal#modalRestock .wn-modal-body .title-text { color: #6b513b; margin-top: 34px; margin-bottom: 20px; font-family:'sans-serif'; font-weight:700; } 
.modal#modalRestock .wn-modal-body .sub-text { color: #4a4a4a; margin-bottom: 15px; font-family: 'nanum-gothic', 'sans-serif'; } 
.modal#modalRestock .wn-modal-body .sub-text2 { color: #a9a9a9; margin-bottom: 35px; font-family: 'nanum-gothic', 'sans-serif'; } 
.modal#modalRestock .wn-modal-footer { display: flex; width: 100%; margin: 0 auto; } 
.modal#modalRestock .wn-modal-footer a { display: block; color: #fff; padding: 20px 0; background-color: #6b513b; width: 87%; margin: 0 auto; font-family: 'nanum-gothic', 'sans-serif'; } 
.modal#modalRestock .wn-modal-footer { display: flex; width: 100%; } 
.modal#modalRestock .wn-modal-footer button:nth-child(1) { width: 50%; border-bottom-left-radius: 5px; border-top: 1px solid #cccccc; border-right: 0; } 
.modal#modalRestock .wn-modal-footer button:nth-child(2) { width: 50%; border-bottom-right-radius: 5px; border: 0; } 

/* 마케팅수신동의 확인 */
.modal#modalMarketing { display: none; background-color: rgba(0, 0, 0, .5); z-index: 10002; } 
.modal#modalMarketing h4.wn-modal-header { text-align: center; margin: 15px 0 0; color: #6c5545 } 
.modal#modalMarketing .wn-modal-body { text-align: left; } 
.modal#modalMarketing .modal-info-marketing { color: #777; font-size: 14px; padding: 10px 10px; letter-spacing: -0.2px; } 
.modal#modalMarketing .modal-dialog { position: relative; width: auto; pointer-events: none; } 
.modal#modalMarketing .modal-dialog-centered { height: 100%; } 
.modal#modalMarketing .modal-content { position: relative; display: flex; flex-direction: column; width: 350px; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 5px; outline: 0; max-width: 325px; margin: 0 auto !important; } 
.modal#modalMarketing .wn-modal-body { text-align: left; padding: 10px; } 
.modal#modalMarketing .wn-modal-body img { width: 66%; max-width: 368px; } 
.modal#modalMarketing .wn-modal-body span { display: block; } 
.modal#modalMarketing .wn-modal-footer { display: flex; width: 100%; margin: 0 auto; } 
.modal#modalMarketing .wn-modal-footer a { display: block; color: #fff; padding: 20px 0; background-color: #6b513b; width: 87%; margin: 0 auto; font-family: 'nanum-gothic', 'sans-serif'; } 
.modal#modalMarketing .wn-modal-footer { display: flex; width: 100%; } 
.modal#modalMarketing .wn-modal-footer button:nth-child(1) { width: 50%; border-bottom-left-radius: 5px; border-top: 1px solid #cccccc; border-right: 0; } 
.modal#modalMarketing .wn-modal-footer button:nth-child(2) { width: 50%; border-bottom-right-radius: 5px; border: 0; } 

/* 옵션상품 장바구니 담기 */
.modal#modalBasketOption { overflow: hidden; outline: 0; background-color: rgba(0, 0, 0, .5); } 
.modal#modalBasketOption hr { height: 1px; background-color: #eeeeee; display: block; margin: 15px 10px 5px; border: none; } 
.modal#modalBasketOption .modal-dialog { position: relative; width: auto; pointer-events: none; } 
.modal#modalBasketOption .modal-dialog-centered { height: 100%; margin: 0 auto !important } 
.modal#modalBasketOption .modal-content { position: relative; display: flex; flex-direction: column; max-width: 360px; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 5px; outline: 0; margin-left: auto; margin-right: auto; } 
.modal#modalBasketOption .wn-modal-body { text-align: left; padding: 20px 10px 35px 10px; } 
.modal#modalBasketOption .wn-modal-body .buy-options { padding: 0 10px; max-height: 330px; overflow-y: auto; } 
.modal#modalBasketOption .wn-modal-body .buy-options .option-info { padding-top: 10px; display: flex; justify-content: space-between; } 
.modal#modalBasketOption .wn-modal-body .buy-options .option-title { overflow: hidden; color: #333; padding-right: 10px; } /*white-space: nowrap; text-overflow: ellipsis; */ 
.modal#modalBasketOption .wn-modal-body .buy-options .option-price-info { flex-shrink: 0; color: #999; font-size: 13px; padding-top: 10px; } 
.modal#modalBasketOption .wn-modal-body .buy-options .option-content { display: flex; padding: 6px 0 10px; margin: 0 auto; justify-content: space-between; } 
.modal#modalBasketOption .wn-modal-body .buy-options .option-content .btn-open-restock { color: #3545ff; } 
.modal#modalBasketOption .wn-modal-body .buy-options .action-content { width: 100%; background-color: #fff; } 
.modal#modalBasketOption .wn-modal-body .buy-options .product-line .badge-alert { margin-top: 10px; } 
.modal#modalBasketOption .wn-modal-body .buy-options .product-line-price { color: #333; letter-spacing: -0.5px; } 
.modal#modalBasketOption .wn-modal-body .buy-options .buy-option-item { border-bottom: 1px solid #ddd; } 
.modal#modalBasketOption .wn-modal-body .buy-option-total { display: flex; justify-content: space-between; padding: 10px 5px; margin: 10px 5px -15px; color: #333; } 
.modal#modalBasketOption .wn-modal-footer { display: flex; width: 100%; margin: 0 auto; } 
.modal#modalBasketOption .wn-modal-footer button:nth-child(1) { width: 50%; border-bottom-left-radius: 5px; border-top: 1px solid #cccccc; border-right: 0; } 
.modal#modalBasketOption .wn-modal-footer button:nth-child(2) { width: 50%; border-bottom-right-radius: 5px; border: 0; } 

/* 20221020 자연이랑 NOW */
.main-section-header { padding: 40px 0 15px; text-align: center; } 
.main-section-header .tit { margin: 0; font-size: 18px; font-weight: bold; letter-spacing: -0.2px; color: #222; line-height: 1; } 
.main-section-header small { display: block; margin-top: 10px; font-size: 15px; font-weight: normal; color: #666; letter-spacing: -0.3px; line-height: 1; } 
.li-section-wnnow { position: relative; } 
.li-section-wnnow .swiper-container { background-color: transparent; } 
.li-section-wnnow::before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; display: block; height: 0; padding-top: 56.944%; background-color: #f7f7f7; } 
.swiper-wnnow { padding: 0 20px 15px; } 
.swiper-wnnow .swiper-slide { width: 68.75%; } 
.wnnow-main { display: block; } 
.wnnow-main img { width: 100%; height: auto; } 
.wnnow-main .content { padding: 15px 15px 0 0; } 
.wnnow-main .tit { color: #222; font-size: 16px; font-weight: 500; letter-spacing: -.1px; line-height: 1; } 
.wnnow-main .desc { margin-top: 9px; color: #999; font-size: 12px; letter-spacing: -.3px; line-height: 19px; } 
.wnnow-main .link-home-more { margin-top: 8px; } 
.link-home-more { color: #333; font-size: 13px; letter-spacing: -.1px; } 
.link-home-more * { vertical-align: middle; } 
.icon-hm-more { display: inline-block; width: 18px; height: 18px; background: url("/m/images/icons/icon_hm_more_btn.png") 50% 50% no-repeat; background-size: 5px auto; } 
/* 스와이퍼 Bullet */
.swiper-bullets-gray { margin-top: 22px; bottom: auto; line-height: 9px; text-align: center; } 
.swiper-bullets-gray .swiper-pagination-bullet { margin: 0 5px; width: 9px; height: 9px; background-color: #000; opacity: .2; } 
.swiper-bullets-gray .swiper-pagination-bullet-active { background-color: #666; opacity: 1; } 

/* 221100 일상적미식 */
.li-section-ilmi .content-wrapper { background-color: #f7f7f7; } 
.li-section-ilmi .swiper-container { background-color: #f7f7f7; } 
.li-section-ilmi .brand-header { padding: 27.5px 0 0 20px; height: 75px; box-sizing: border-box; } 
.li-section-ilmi .brand-header .wrapper { display: flex; align-items: center; } 
.li-section-ilmi .brand-header .logo { width: 71px; } 
.li-section-ilmi .brand-header .logo img { display: block; width: 100%; } 
.li-section-ilmi .brand-header .desc { padding-left: 10px; color: #222; font-size: 11px; letter-spacing: -0.1px; line-height: 1; } 
.swiper-ilmi { padding: 0 20px 15px; } 
.swiper-ilmi .swiper-slide { width: 97.5%; } 
.ilmi-item { display: flex; align-items: flex-start; } 
.ilmi-item .img { flex: 0 0 180px; box-shadow: 8px 8px 8px rgba(0,0,0,.15); } 
.ilmi-item img { display: block; width: 100%; } 
.ilmi-item .detail { flex: 1 1 auto; min-width: 0; } 
.ilmi-item .logo { padding-top: 20px; padding-left: 18px; padding-bottom: 11px; width: 71px; } 
.ilmi-item .desc { padding-top: 8px; padding-left: 18px; border-top: 1px solid #ccc; color: #222; font-size: 11px; letter-spacing: -.4px; } 

/* 전문관 별 세로 나열 방식 - 20230410 */
.specialist-renew .list-title-bar-hm { font-weight:normal; } 
.specialist-renew .list-title-bar-hm span { font-weight:bold; } 
.specialist-renew .list-title-bar-hm li:first-child { float:left } 
.specialist-renew .list-title-bar-hm li:last-child { text-align:right; font-size:.7em; font-weight:normal; padding-top: 5px; } 
.specialist-renew .main-recomm-container { padding: 0 10px 5px !important; } 
table[class*="tbl_"] { width: 100%; border-collapse: collapse; border-collapse:separate; border-spacing: 0; border-width: 0; table-layout:fixed; } 
table[class*="tbl_"] .td { text-align: left; } 
table[class*="tbl_"] tr:first-child { height:48px; } 
table[class*="tbl_"] tr:last-child { height:30; } 
.hand { cursor:pointer; } 
.txtleft { text-align: left; } 
.txttop { vertical-align: top; } 
.txtright { text-align: right; } 
.txtbottom { vertical-align: bottom; } 
.main-recomm-container.widget-only { max-height: 285px; min-height: 240px; height: 64vw; }

/* 인라인스타일 정리, 상품 2열 정렬 */
table.tbl-fixedwidth { table-layout: fixed; width: 100%; } 
td.product-price-container { line-height: 1.3; } 
span.out-of-stock { vertical-align: top; color: #ffffff; background-color: #cc0033; display: inline-block; padding: 2px 5px; font-size: 11px; font-weight: bold; font-family: sans-serif; white-space: nowrap; text-align: center; } 
span.out-of-stock.mnm { color: #000; background-color: #fff940; }
li.item-prod img.product-image { display: block; width: 100%; } 
#btnMoreProduct { margin-bottom: 1.6vw; width: 92%; max-width: 430px; }

/*검색*/
.search-wrapper .tab_menu {position: relative; display:block;height:64px;background-color: #fff;width:100%;}
.search-wrapper .tab_menu.fix { position: fixed; top: 55px; z-index: 10; max-width: 500px;}
.search-wrapper .tab_menu .tabs {margin:0 4.17%;}
.search-wrapper .tab_menu .tabs li {cursor:pointer;float:left;width:50%;font-size:18px;line-height:64px;border-bottom:1px solid #e2ddda;font-weight:400;color:#6b5445;letter-spacing:-0.3px;text-align: center; }
.search-wrapper .tab_menu .tabs li.on {height:63px;line-height:63px;border-bottom:2px solid #6b5445;font-weight: 700;}
.search-wrapper .tab_content.origin {margin-top: 0;}
.search-wrapper .tab_content {position:relative;clear: both;margin-top:25px;padding:0 3% 60px;}
.search-wrapper .tab_content .content16 {float:left; padding: 16px 0 16px 6px;}
.search-wrapper .tab_content .more {float:right;color:#333;letter-spacing: -0.3px;padding:16px 0;}
.search-wrapper .tab_content .explanation {clear: both;color:#888;letter-spacing: -0.3px;font-size: 0.7em;}
.tab_content #divSearchWord {border:2px solid #222;border-radius: 4px; padding:0 16px;height:36px;line-height: 36px;}
.search-wrapper .product-list {background-color: #fff;}
.search-wrapper .separation {border-top:2px solid #ececec;border-bottom:2px solid #ececec;background-color:#f2f2f2;height:14px; }
.search-wrapper li.viewmore {text-align:right;font-size:.7em;font-weight:normal; padding-top: 18px;}
.search-wrapper li.viewmore .icon-hm-viewmore{width: 5px; padding: 0 20px 3px 7px;}
.search-wrapper .list-title-bar-hm li:first-child{float:left;}
.search-wrapper .list-title-bar-hm li.viewmore{padding-top: 4px;}

.search-wrapper .mnm-prod-new{padding: 0 0 0 20px;}

/*미친딜*/
.cont_crazydeal_mnm { padding-top: 40px; }
.cont_crazydeal_mnm a img{ width: 100%; }

/* 몰앤몰 위젯 */
.custom_widget_mnm { background-color: #dedede;margin:40px 0 20px 0;padding-bottom:30px; }
.custom_widget_mnm .list-title-bar-hm { padding:44px 0 22px !important; }
.custom_widget_mnm .list-title-bar-hm li:first-child { padding-left:25px; }
.custom_widget_mnm .list-title-bar-hm .icon-hm-logo-mnm { display:inline-block;height:22px;vertical-align:sub;padding-right:8px; }

.custom_widget_mnm .main-recomm-container { padding: 0 25px 5px !important;}
.custom_widget_mnm .main-recomm-listinner .salecircle { z-index:9; top:0; right:0; position:absolute; width:55px; }
.custom_widget_mnm .main-recomm-listinner .salecircle .sale.prxmnova { padding: 12.5px 0;font-size: 17px;font-family: proxima-nova, sans-serif;font-weight: 600;font-style: normal;color: #222222;background: #FFF940;display: inline-block;text-align: center;letter-spacing: -0.3px;width: 50px;border-radius: 25px;text-align: center; }
.custom_widget_mnm .brick.main-recomm-listinner { width:37vw;max-width:170px;margin-right:20px; }
.custom_widget_mnm .brick.main-recomm-listinner:last-child { margin-right:0; }
.custom_widget_mnm .main-recomm-listinner a.gd-img-box { display: inline-block;width: 37vw;max-width: 170px;height:37vw;max-height: 170px;border-radius: 50%;overflow: hidden;position: relative; }
.custom_widget_mnm .main-recomm-listinner a.gd-img-box img { position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); }

.custom_widget_mnm .tr-text-product-price { display:inline-block;margin-top: 12px; }
.custom_widget_mnm .text-product-title-fixed { overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.custom_widget_mnm .text-product-oriprice { font-size: 14px;color: #999999;font-family: proxima-nova, sans-serif;letter-spacing: -0.3px;}
.custom_widget_mnm .text-product-oriprice-krw { font-size:12px;font-family: "Noto Sans KR", sans-serif;letter-spacing: -0.3px; }


.specialsale-coupon-price {display: flex;align-items: center;justify-content: center;font-size:15px;letter-spacing: -0.3px;background-color: #fc4340;  color:#fff;position: absolute;bottom:82px;height:36px;line-height: 36px;padding:0 12px;}
.specialsale-coupon-price span {margin: 8.5px 0 0 8px !important;font-size: 18px !important;font-family: proxima-nova, sans-serif;font-weight: 600;color: #fff !important;line-height: 18px !important;}

/* 시그니처관 */
.signature-list {background-color: #F3F3F3;}
.signature-list img{width: 100%; vertical-align: top;}
.signature-list .signatureHeader {margin-bottom: clamp(17.6px, 5.5vw, 27.5px); margin-left: clamp(21.3341px, 6.6669vw, 33.3345px); margin-right: clamp(21.3341px, 6.6669vw, 33.3345px); overflow: hidden; }
.signature-list .signatureHeader .signatureCate{display: flex; width: 100%;}
.signature-list .signatureHeader .signatureCate img{flex: 1; width: calc(100% / 3); cursor: pointer;}

/* 앱수신동의 바텀시트 팝업 */
.bottom-modal {text-align: left; position: fixed; bottom: -100%; transition: bottom 0.4s ease-in-out; width: 100%; width: clamp(320px, 100vw, 500px); z-index: 10002; left: 50%; transform: translate(-50%, 0); height: clamp(333px, 104.167vw, 520px); display: none;}
.bottom-modal-contents { width: 100%; border-top-left-radius: 1.3rem; border-top-right-radius: 1.3rem; height: 100%; background-size: 100%; box-shadow: 0 -5px 10px rgba(0,0,0,0.2);}
.bottom-modal-contents span{ font-size: 0.9em; color: #333; font-weight: bold;}
.bottom-modal.ver1 .bottom-modal-contents{background-image: url(/m/images/popup/00-app_push_popup_A-1.jpg);}
.bottom-modal.ver2 .bottom-modal-contents{background-image: url(/m/images/popup/00-app_push_popup_B-1.jpg);}
.bottom-modal.ver3 .bottom-modal-contents{background-image: url(/m/images/popup/00-app_push_popup_C-1.jpg);}

.modal-button { position: absolute; bottom: clamp(27.72px, 8.778vw, 44.88px); left: 50%; transform: translate(-50%, 0); width: 65%; text-align: center;}
.modal-button img[class^=mutable] { display: none; }

.bottom-modal.ver1 .modal-button img { width: 100%; }
.bottom-modal.ver1 .modal-button img:last-child{ width: 22%; padding-top: clamp(12.6px, 3.99vw, 20.4px);}

.bottom-modal.ver2 {height: clamp(263px, 84vw, 419px);} /*--height: clamp(236px, 74vw, 369px);--*/
.bottom-modal.ver2 .modal-close{position: absolute; right: 3%; width: clamp(65.92px, 15vw, 104px); bottom: calc(3% + clamp(236px, 74vw, 369px));}
.bottom-modal.ver2 .bottom-modal-contents{height: calc(100% - clamp(27px, 10vw, 50px)); margin-top: clamp(27px, 10vw, 50px);}
.bottom-modal.ver2 .modal-button{ width: 90%; bottom: clamp(23px, 7vw, 34px); }
.bottom-modal.ver2 .modal-button img{ width: 100%;}

.bottom-modal.ver3 { height : clamp(279.6px ,87.44vw, 437.2px);}
.bottom-modal.ver3 .bottom-modal-contents{height: calc(100% - clamp(53.248px, 16.64vw, 83.2px));}
.bottom-modal.ver3 .modal-button{ height: clamp(53.248px, 16.64vw, 83.2px); background-color: #fff; bottom: 0; width: 100%;}
.bottom-modal.ver3 .modal-button img{ position: absolute; right: 7%; top: 20%; width: clamp(64px, 17vw, 86px); }

/* toast 중앙 정렬(PC) */
ul.toast{ left: 50%; transform: translateX(-50%); }

/* 쿠폰만료알림 바텀 팝업 */
.coupon-modal-frame {text-align: left; position: fixed; bottom: -100%; transition: bottom 0.4s ease-in-out; width: 100%; width: clamp(320px, 100vw, 500px); z-index: 10002; left: 50%; transform: translate(-50%, 0); height: clamp(268.16px, 83.8vw, 419px); }
.coupon-modal {text-align: left; width: 100%; }
.coupon-modal-contents {position: absolute; width: 100%; border-top-left-radius: 2.3rem; border-top-right-radius: 2.3rem; background-size: 100%; box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2); height: calc(100% - clamp(41.6px, 13vw, 65px));}
.coupon-modal.ver-wn-1 .coupon-modal-contents{background-image: url(/m/images/popup/241213_Popup_toast_A_img.png);}
.coupon-modal.ver-wn-2 .coupon-modal-contents{background-image: url(/m/images/popup/241213_Popup_toast_B_img.png);}
.coupon-modal.ver-wn-3 .coupon-modal-contents{background-image: url(/m/images/popup/241213_Popup_toast_C_img.png);}
.coupon-modal.ver-mnm .coupon-modal-contents{background-image: url(/m/images/popup/250702_Popup_toast.png);}
/*.coupon-modal .coupon-modal-contents .modal-button{width: 80%; left: 50%; transform: translate(-50%, 0); position: absolute; bottom: clamp(61.44px, 19.2vw, 96px);}*/
.coupon-modal .coupon-modal-contents .modal-button{width: 80%; left: 50%; transform: translate(-50%, 0); position: absolute; bottom: clamp(27.72px, 8.778vw, 44.88px);}

.coupon-modal .coupon-modal-contents span{font-family: 'Pretendard', sans-serif; color: #FFFFFF; font-size: clamp(18.66px,5.832vw,29.16px); margin-left: 10%; position: absolute; letter-spacing: -0.3px; }
.coupon-modal.ver-wn-1 .coupon-modal-contents span:nth-of-type(1) {margin-top: clamp(72.96px,22.8vw,114px); font-weight: 700;}
.coupon-modal.ver-wn-1 .coupon-modal-contents span:nth-of-type(2) {margin-top: clamp(98.24px,30.7vw,153.5px); font-weight: 400;}
.coupon-modal.ver-wn-2 .coupon-modal-contents span {color: #111111; margin-left: 12%;}
.coupon-modal.ver-wn-2 .coupon-modal-contents span:nth-of-type(1) {margin-top: clamp(30.9px,9.67vw,48.38px); font-weight: 700;}
.coupon-modal.ver-wn-2 .coupon-modal-contents span:nth-of-type(2) {margin-top: clamp(55px,17.2vw,86px); font-weight: 400;}
.coupon-modal.ver-wn-3 .coupon-modal-contents span {font-size: clamp(16.6px,5.27vw,26px); bottom: clamp(26.88px, 8.4vw, 42px);}
.coupon-modal.ver-wn-3 .coupon-modal-contents span:nth-of-type(1) {margin-left: 0; font-weight: 700; width : 100%; text-align: center;}
.coupon-modal.ver-wn-3 .coupon-modal-contents span:nth-of-type(2) {margin-left: 39%; font-weight: 400;}

.coupon-modal-nav {position: absolute; bottom: 0; height: clamp(41.6px, 13vw, 65px); background-color: #fff; width: 100%; text-align: center;}
.coupon-modal-nav span{font-weight: 500; color: #888888; font-size: clamp(12.4px,3.9vw,19.4px); margin-top: clamp(10.8px, 3.6vw, 18px); transform: translate(-50%, 0); position: absolute;}

.coupon-modal.ver-wn-3 .coupon-modal-nav span{transform: translate(0, 0);}
.coupon-modal.ver-wn-3 .coupon-modal-nav span:nth-of-type(1){left: 5%;}
.coupon-modal.ver-wn-3 .coupon-modal-nav span:nth-of-type(2){right: 5%;}
.coupon-modal.ver-wn-3 .coupon-modal-nav span > a{color: #888888}

.coupon-modal.ver-mnm .coupon-modal-contents .modal-button {bottom: clamp(18.56px, 5.8vw, 29px);}
.coupon-modal.ver-mnm .coupon-modal-contents .coupon-info {margin-left: 53%; margin-top: clamp(57.6px,18vw,90px);  margin-left: clamp(147px,52vw,260px); }
.coupon-modal.ver-mnm .coupon-modal-contents span{color: #000000; margin-left: 0; position: relative;}
.coupon-modal.ver-mnm .coupon-modal-contents span#memname {font-weight: 700;}
.coupon-modal.ver-mnm .coupon-modal-contents span#cpcnt {font-weight: 700;}

.coupon-modal-frame .coupon-modal-pagination-wrap { position: absolute; top: clamp(12.8px,4vw,20px); color: #fff; right: clamp(12.8px,4vw,20px); background: #000; padding: 6px 12px 8px 16px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50px; z-index: 2; display: flex; align-items: center; justify-content: center; line-height: 0.5; letter-spacing: 1px; height: 18px; overflow: hidden; } 
.coupon-modal-frame .coupon-modal-pagination-wrap .swiper-pagination-mainbanner,
.coupon-modal-frame .coupon-modal-pagination-wrap span { font-size: 12px !important; font-family: proxima-nova, sans-serif !important; font-weight: 600; font-style: normal; } 
.coupon-modal-frame .btn-action { border: none; background: none; padding: 0; margin: 0 2px 4px 8px; } 
.coupon-modal-frame .btn-action img { width: 6.5px; } 
.coupon-modal-frame .swiper-pagination-couponmodal { position: unset; } 

/* 토스트형 바텀시트 팝업 */
.toast-popup-frame {text-align: left; position: fixed; bottom: -100%; transition: bottom 0.4s ease-in-out; width: 100%; width: clamp(320px, 100vw, 500px); z-index: 10002; left: 50%; transform: translate(-50%, 0); height: clamp(188.8px, 59vw, 295px); }
.toast-popup-frame .toast-popup-close {height: clamp(28.8px,9vw,45px); text-align: right; padding-right: clamp(16px, 5vw, 25px);}
.toast-popup-frame .toast-popup-close span{display: inline-block; transform: translateY(clamp(1.408px,0.44vw,2.2px)); font-family: 'Pretendard', sans-serif; color: #FFFFFF; font-size: clamp(10.88px,3.4vw,17px); letter-spacing: clamp(-0.8px, -0.16vw, -0.512px); padding-right: 1%;}
.toast-popup-frame .toast-popup-close img{width: clamp(11.52px,3.6vw,18px);}
.toast-popup {text-align: left; width: 100%; height: clamp(160px,50vw,250px);}
.toast-popup-contents {position: absolute; width: 100%; border-top-left-radius: 2.3rem; border-top-right-radius: 2.3rem; background-size: 100%; box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2); height: 100%;}
.toast-popup-contents #toast-general img{width: 100% !important; height: 100% !important;}
.toast-popup.ver-mnm .toast-popup-contents{background-image: url(/m/images/popup/250922_Popup_toast_mnm_bg.png);}
.toast-popup.ver-wn.type-1 .toast-popup-contents{background-image: url(/m/images/popup/250922_Popup_toast1_bg.png);}
.toast-popup.ver-wn.type-2 .toast-popup-contents{background-image: url(/m/images/popup/250922_Popup_toast2_bg.png);}
.toast-popup.ver-wn.type-3 .toast-popup-contents{background-image: url(/m/images/popup/250922_Popup_toast3_bg.png);}
.toast-popup .toast-popup-contents .toast-button{width: clamp(134.4px,42vw,210px); left: 50%; transform: translate(-97%, 0); position: absolute; bottom: clamp(37.12px, 11.6vw, 58px);}

.toast-popup .toast-popup-contents span{font-family: 'Pretendard', sans-serif; color: #FFFFFF; font-size: clamp(15.36px,4.8vw,24px); margin-left: 10%; position: absolute; font-weight: 600; letter-spacing: clamp(-0.8px, -0.16vw, -0.512px); margin-top: clamp(38.4px,12vw,60px);}
.toast-popup .toast-popup-contents span:nth-of-type(2){font-weight: 400;margin-top: clamp(60.16px,18.8vw,94px);}

.toast-popup.ver-wn.type-2 .toast-popup-contents span {color: #111111;}

.toast-popup.ver-mnm .toast-popup-contents .toast-button {width: clamp(128px,40vw,200px); bottom: clamp(23px, 7.2vw, 36px); transform: translate(-5%, 0);}
.toast-popup.ver-mnm .toast-popup-contents .coupon-info {margin-top: clamp(31.68px,9.9vw,49.5px);  margin-left: clamp(160px,50vw,250px); }
.toast-popup.ver-mnm .toast-popup-contents span{color: #000000; margin-left: 0; position: relative; font-weight: 400;}
.toast-popup.ver-mnm .toast-popup-contents span#memname {font-weight: 700;}
.toast-popup.ver-mnm .toast-popup-contents span#cpcnt {font-weight: 700;}

.toast-popup-frame .toast-popup-pagination-wrap { font-size : clamp(7.68px,2.4vw,12px); position: absolute; top: clamp(38.4px,12vw,60px); color: #fff; right: clamp(12.8px,4vw,20px); background: #000; padding: 1.1vh 1.3vh; background-color: rgba(0, 0, 0, 0.3); border-radius: 50px; z-index: 2; display: flex; align-items: center; justify-content: center; line-height: 0.5; letter-spacing: 1px; overflow: hidden; } 
.toast-popup-frame .toast-popup-pagination-wrap .swiper-pagination-mainbanner,
.toast-popup-frame .toast-popup-pagination-wrap span { font-size: 12px !important; font-family: proxima-nova, sans-serif !important; font-weight: 600; font-style: normal; } 
.toast-popup-frame .btn-action { border: none; background: none; padding: 0; margin: 0 2px 4px 8px; } 
.toast-popup-frame .btn-action img { width: 6.5px; } 
.toast-popup-frame .swiper-pagination-toast { position: unset; } 


/*홈화면 선물하기*/
.page-header.gifting { position: relative; }
.category-header .main .tabs .tab-special {font-family: rixbusanstation-pro, sans-serif; font-style: normal; font-size: 14px; font-weight: 500 !important; white-space: nowrap; padding: 13px 0 9px;}
.category-header .main .tabs .tab-special.gifting {color: #FF5E6A;}
.category-header .main .tabs .tab-special.signature {color: #47907a;}
.page-header.gifting .btn-gifting { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 25%; }
.main .swiper-wrapper.swiper-tab { display: flex; } 
.main .swiper-tab .swiper-slide { width: auto !important; flex-shrink: 0; text-align: center; padding: 0 17px; } 
.main .swiper-tab .swiper-slide a { display: block; white-space: nowrap; } 

/* 몰앤몰 미친딜 배너 */
.mnm-banner-wrap { width: 100%; margin:0 auto; overflow: hidden; position: relative; } 
.mnm-banner-wrap .mnm-banner-title { font-size: 16px;font-weight: bold;letter-spacing: -0.2px;color: #222;padding: 32px 0 15px 15px !important;line-height: 1;}
.mnm-banner-wrap .mnm-banner-title .mnm-logo { display: inline-block; width: 11.46%;min-width: 53.33px; min-height: 16px; aspect-ratio: 80/24; margin-bottom: 3px; } 
.mnm-banner-wrap .hotdeal-wrap {position: relative;display:flex;justify-content: space-between;align-items: center;margin: 0 15px 15px 15px;padding: 2.2% 0;border: 1px #000 solid;border-radius: 4.47px;box-sizing: border-box;}
.mnm-banner-wrap .hotdeal-wrap .hotdeal-badge {display: block;width:6.52%;margin: 0 2.95%;}
.mnm-banner-wrap .hotdeal-wrap .hotdeal-banner {position: relative;padding: 0 2.95%;flex-grow: 1;min-height: 100% !important;overflow: hidden;}
.mnm-banner-wrap .hotdeal-wrap .hotdeal-banner::before {width: 1px; height: 32px;content: "";display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 0;background-color: #000}
.mnm-banner-wrap .hotdeal-wrap .hotdeal-banner a {display: block;height: 100%;}
.mnm-banner-wrap .hotdeal-wrap .hotdeal-banner .hotdeal-banner-content {height: 100%;display: flex;align-items: center;}
.mnm-banner-wrap .hotdeal-wrap .hotdeal-banner .hotdeal-banner-content .hotdeal-banner-text {display:block;width:60.56%;color: #000;font-size: clamp(12px,3.6vw,18px);font-weight: 600;letter-spacing: -0.025px;flex-grow: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mnm-banner-wrap .hotdeal-wrap .hotdeal-banner .hotdeal-banner-content .hotdeal-banner-link {width: 18.2%;height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;font-size: clamp(7.8px,2.7vw,13.9px);margin-left: 15px;padding:1.6% 0;background-color:#333;border-radius: 6.94px;box-sizing: border-box;}
.mnm-banner-wrap .hotdeal-wrap .hotdeal-banner .hotdeal-banner-content .hotdeal-banner-link span:first-child {font-weight: 600;;margin-left: 7%;}
.mnm-banner-wrap .hotdeal-wrap .hotdeal-banner .hotdeal-banner-content .hotdeal-banner-link span:last-child {display: block;margin-right: 7%;}

/* 자연이랑 소개 */
.cscenter-container .wn-introduction {margin: 0 auto; text-align: left; max-width:500px;}
.cscenter-container .wn-introduction img{width: 100%;}
.cscenter-container .wn-introduction .content{padding-top: clamp(26.666px, 8.333vw, 41.665px); padding-left: clamp(17.779px, 5.556vw, 27.78px); padding-right: clamp(17.779px, 5.556vw, 27.78px);}
.cscenter-container .wn-introduction .content ul {display: flex; flex-wrap: wrap;}
.cscenter-container .wn-introduction .content ul li {width: clamp(137.779px, 43.056vw, 215.28px);}
.cscenter-container .wn-introduction .content ul li:nth-child(2n){margin-left:clamp(8.89px,2.778vw,13.89px);}
.cscenter-container .wn-introduction .content ul li a img{width: 70%;}
.cscenter-container .wn-introduction .content ul li a:nth-child(3) img{margin-top: clamp(3.52px,1.1vw,8px);}

.cscenter-container .wn-introduction .content #intro-video-wrap {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7); left: 50%; transform: translateX(-50%);}
.cscenter-container .wn-introduction .content #intro-video-wrap table {position: absolute; bottom: 10%;}
.cscenter-container .wn-introduction .content #intro-video-wrap table td div {position: relative; top: 100px; width:97.22vw;max-width:700px;text-align:right;}
.cscenter-container .wn-introduction .content #intro-video-wrap table td span {color:#fff;display:inline-block;background-color:rgba(0,0,0,0.5);padding:5px 10px;}
.cscenter-container .wn-introduction .content #intro-video-wrap table td iframe {position: relative; top: 100px; width:97.22vw;height:54.68vw;max-width:700px;max-height:393.75px;}
.cscenter-container .wn-introduction .content .movie-container img { width:100%;max-width:500px; }

/* 자연이랑 소개(모바일 메인페이지) */
.ul-withnature .wn-introduction {width:100%; text-align: center;}
.ul-withnature .wn-introduction img{width: 100%;}
.ul-withnature .wn-introduction .content{padding-top: clamp(26.666px, 8.333vw, 41.665px); padding-left: clamp(17.779px, 5.556vw, 27.78px); padding-right: clamp(17.779px, 5.556vw, 27.78px);}
.ul-withnature .wn-introduction .content ul {display: flex; flex-wrap: wrap; position: relative;}
.ul-withnature .wn-introduction .content ul li {width: 48%; text-align: left;}
.ul-withnature .wn-introduction .content ul li:nth-child(2n){margin-left: auto; }
.ul-withnature .wn-introduction .content ul li a img{width: 70%;}
.ul-withnature .wn-introduction .content ul li a:nth-child(3) img{margin-top: clamp(3.52px,1.1vw,8px);}

.ul-withnature #intro-video-wrap {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7); left: 50%; transform: translateX(-50%);}
.ul-withnature #intro-video-wrap table {position: absolute; bottom: 10%;}
.ul-withnature #intro-video-wrap table td div {position: relative; top: 100px; width:97.22vw;max-width:500px;text-align:right;}
.ul-withnature #intro-video-wrap table td span {color:#fff;display:inline-block;background-color:rgba(0,0,0,0.5);padding:5px 10px;}
.ul-withnature #intro-video-wrap table td iframe {position: relative; width:97.22vw;height:54.68vw;max-width:500px;max-height:281.25px;}
.ul-withnature .movie-container img { width:100%;max-width:500px; }


/* 주문완료 페이지 - 보너스(지원금/sk포인트 소진시) 쿠폰 안내 팝업 */
.bonus.divpop.event .popup_wrap { position: relative; }
.bonus.divpop.event .popup_wrap .msg_body{ background-color:#ffffff; }
.bonus.divpop.event .popup_wrap .msg_body .msg_text{ padding: 0 10px 27px; }
.bonus.divpop.event .popup_wrap .button_body { left: 50%; transform: translateX(-50%); bottom: 0px; position: absolute; width: 100%; }
.bonus.divpop.event .popup_wrap .button_body button{ height: 38px; font-size: 14px;}
.bonus.divpop.event .popup_wrap .button_body button:nth-child(1) {float: left; background-color: #e3d1c3; width: 49%; color: #48342c; }
.bonus.divpop.event .popup_wrap .button_body button:nth-child(2) {width: 49%; background-color: #6C5545; color: #ffffff; float: right;}

/* 선물하기 검색창 */
.gift-search-box .search-input {position: relative; margin: 16px; } 
.gift-search-box .search-input input {outline: 0;width: 100%; padding: 16px 16px 16px 12px; border: solid 1px #f2f2f2; color: #222; transition: border-color 0.3s; background-color: #f2f2f2; border-radius: 4px; box-sizing: border-box; } 
.gift-search-box .search-input .search-button {position: absolute; top: 50%; right: 8px; transform: translateY(-50%); width: 22px; ;height: 22px; background: none; border: none; padding: 0; cursor: pointer; } 
.gift-search-box .search-input .search-button img {width: 100%; height: 100%; }