/* 제품 리스트  */
.menuCategory {display: flex;flex-flow: wrap row;justify-content: center;position: relative;z-index: 100;width: 100%;margin: 0 0 80px;}
.menuCategory a {display: block;color: #555;font-size: 90%;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-indent: 15px;font-size: 90%;transition: all .3s ease;}
.menuCategory li.be > a {background-image: url(./img/dotB_3.png);background-repeat: no-repeat;background-position: 95% 50%;}
.menuCategory > li {flex: 0 0 19%;align-self: flex-start;position: relative;vertical-align: top;margin: 0 0.5% 0;padding: 0 0 10px;}
.menuCategory > li > a {line-height: 40px;border-radius: 7px;background-color: #f4f4f4;transition: background-color .3s ease;}
.menuCategory > li > ul {position: absolute;z-index: 2;display: none;left: 0;top: 45px;width: calc(100% - 2px);background: #fff;border-radius: 7px;border: 1px solid rgba(0, 0, 0, .1);}
.menuCategory > li > ul > li {position: relative;line-height: 35px !important;}
.menuCategory > li > ul > li > ul {position: absolute;z-index: 3;display: none;top: -1px;left: 97%;width: 170px;background: #fff;border-radius: 7px;border: 1px solid rgba(0, 0, 0, .1);}
.menuCategory > li > ul > li > ul > li > a {line-height: 35px;}
.product_menu {position: relative;margin: 50px 0;}
.product_menu .function {height: 35px;padding: 0 0 10px;border-bottom: 1px solid #eee;}
.product_menu .prdCount {float: left;line-height: 30px;padding: 0 0 0 15px;font-size: 14px;}
.product_menu .prdCount strong {display: inline-block;height: 30px;margin: 0 5px 0 0;padding: 0 15px;background: #111;border-radius: 25px;font-weight: 400;color: #fff;text-align: center;}
.product_menu .function select {position: relative;float: right;width: 110px;height: 28px;line-height: 27px;margin: 0 10px 0 0;border: 2px solid #111;border-radius: 25px;font-size: 100% !important;font-size: 14px !important;text-indent: 10px;cursor: pointer;}


/* 개별 제품 페이지   */

.product_thumb_outer  {overflow: hidden;   user-select: none;}
.product_thumb_outer img {width:100%;}
.detailArea { position: relative;  margin: 0 0 50px;  text-align: center;	}
.detailArea .imgArea { position: relative;display: inline-block;width: 100%;max-width: 500px;margin: 0 5% 0 0;vertical-align: top;text-align: left;	 }
.detailArea .imgArea .lSGallery  {margin-top: 5px; transition-duration: 400ms; width: 202.5px; transform: translate3d(0px, 0px, 0px);}
.detailArea .imgArea .lSGallery  li  { float: left;width:100%;width:96px;margin-right:5px;margin: 0 5px 0 0 !important;	}
.detailArea .imgArea .lSGallery  li img { display: block;width: 96%;height: auto;border: 1px solid #eee;border-radius: 9px;overflow: hidden;transition: border .3s ease;	}

.buy-wrapper { display: inline-block; bottom: -1000px; width: 50%; max-width: 800px; vertical-align: top; text-align: left; transition: bottom .3s ease;	}
@media all and (max-width:575px) {
	.buy-wrapper {width:100%;}
}


.buy-scroll-box { width: 100%; overflow-x: hidden; line-height:2em; }
.buy-scroll-box p.icon { display: block; margin: 0 0 0 10px;}
.buy-scroll-box h2 { display: block; min-height: 30px; line-height: 25px; padding: 0px 10px 15px 10px; font-size: 150%; font-weight: 400; white-space: normal; word-break: normal;}
.buy-scroll-box .infoArea { position: relative;}
.buy-scroll-box .infoArea th { width: 25%; margin: 0; padding: 15px 0 15px 10px; text-align: left; vertical-align: middle; font-size: 95% !important; font-weight: 400; color: #555; }
.buy-scroll-box .infoArea th span { font-size: 95% !important; color: #555 !important; }
.buy-scroll-box .infoArea .price strong {height: 40px;line-height: 37px;font-size: 150% !important;font-weight: 600 !important;	}

.totalPrice { margin: 10px 0 0; padding: 10px; vertical-align: middle;}
.totalPrice strong { font-weight: normal;}
.totalPrice .total { color: #111 !important;}
.totalPrice .total strong { float: right; line-height: 26px; font-size: 150%; color: #111; font-weight: 500;}
.buy-box .ec-base-button { position: relative; float: right; width: 100%; z-index: 1;}
.buy-box .ec-base-button a:first-child { width: 48.2%; margin: 0;}
.buy-box .ec-base-button a.-white { width: 24.8%;}
.buy-box .ec-base-button a { float: left; display: block; margin: 0 0 0 1%; padding: 0; font-size: 100% !important;}
.tab70 {   background-color: #333 !important; color: #fff;}
.buy-box .ec-base-button a span { font-size: 100% !important;}
.NaverChk_Button { display: block !important;  clear: both; margin: 0 0 10px; height: 90px; background: url(/_wg/img/naverpay.jpg) no-repeat right;}
#NaverChk_Button { display: block; clear: both; margin: 0 0 10px; text-align: right;}
#prdDetail {margin: 50px 0 80px;	}
.tabMenu { width: 100%; height: 36px; margin: 0 0 50px; text-align: center;}
.tabMenu ul { font-size: 0;}
.tabMenu ul li { display: inline-block; width: 25%; height: 35px; letter-spacing: 0; vertical-align: top;}
.tabMenu ul li a { display: inline-block; position: relative; top: -1px; width: 100%; line-height: 32px; padding: 0 0 5px; border-bottom: 2px solid #ddd; color: #999; text-align: center; font-size: 14px; cursor: pointer; }
.tabMenu ul li a { transition: all .2s ease;}
.tabMenu ul li.on a { border-bottom: 2px solid #111; font-weight: bold; color: #111;}
#tab01, #tab02, #tab03, #tab04, #tab05 { position: relative; top: -130px; width: 0; height: 0;}
.prd_info { display: block; clear: both; margin: 10px 10px 40px; letter-spacing: 0;}
.prd_info h3.title { margin: 0 0 10px; padding: 0 0 10px 10px; border-bottom: 1px solid #eee;}
.title { position: relative; margin: 0; padding: 0; font-weight: bold; white-space: nowrap;}
.title.md { position: relative; font-size: 115%;}
.prd_info .fr-view, .prd_info .info_text { position: relative; display: block; line-height: 180%; padding: 0 0 0 15px; font-size: 90%;}
#totalProducts table {}

.product_main-detail { display: block; position: relative; margin: 50px auto;}
.product_main-detail .infoArea thead {display: none !important;}
.product_main-detail .infoArea td {position: relative;padding: 15px 0;vertical-align: middle;font-size: 90%;	}

#totalProducts tbody tr {position: relative;top: -5px;border-top: 5px solid #fff;background-color: #f8f8f8;border-radius: 4px;	}
#totalProducts tbody tr td:first-child {padding: 0 0 0 20px;border-radius: 9px 0 0 9px;}
#totalProducts tbody tr td:last-child {border-radius: 0 9px 9px 0;}
#totalProducts tbody td {padding: 20px 0;line-height: 18px;font-size: 14px;color: #333;vertical-align: middle;word-wrap: break-word;word-break: break-all;}
#totalProducts table .right {color: #111 !important;}
#totalProducts table .right {width: 0;padding: 0 20px 0 0;color: #333;text-align: right;font-size: 16px !important;color: #333;}
#totalProducts tbody td .quantity {display: inline-block;position: relative;z-index: 1;width: 100px !important;background: #fff;padding: 0 5px;border: 1px solid #ddd;vertical-align: top !important;}
#totalProducts tbody td .quantity a {display: inline-block !important;position: relative;top: 2px;padding: 0;vertical-align: top;font-size: 0;}
#totalProducts tbody td input {height: 30px !important;line-height: 35px;border: 0;background: #fff;text-align: center;font-size: 14px !important;color: #111;}
#totalProducts tbody td .quantity input {width: 40px;margin: 0;padding: 0;text-align: center !important;}
#totalProducts tbody td a.down, #totalProducts tbody td .QuantityDown {content: url(./img/ico_quantity_down.png);float: left;width: 30px !important;}
#totalProducts tbody td a.up, #totalProducts tbody td .QuantityUp  {content: url(./img/ico_quantity_up.png);float: right;width: 30px !important;}
#totalProducts tbody td .quantity_price {display: none;}


/* 장바구니 (카트) */

#wrap.left {background: #f4f4f4;}
#wrap.left #left {background-color: #fff;padding: 10px;border-radius: 9px;border: 1px solid #eee;}
@media (min-width: 961px) {
    #left {position: relative;float: left;width: 200px;margin: 40px 0 0;    }
}
#left h2 {height: 45px;line-height: 45px;margin: 5px 0 15px;text-indent: 10px;}
#left .oper_time {line-height: 1.4rem;margin: 0 0 15px;padding: 0 10px 15px;border-bottom: 1px solid #e1e1e1;font-size: 85%;}
#left .oper_time li {color: #777;}
#left .oper_time h4 {display: none;}
#left .oper_time .phone {margin: 0 0 15px;font-size: 160%;font-weight: 700;}
#left .oper_time .right a {width: 100%;margin: 0 auto 5px;}
#left .oper_time .right a:first-child {display: none;}
@media (min-width: 961px) {
	#left {position: relative;float: left;width: 200px;margin: 40px 0 0;}
}

#wrap.left #contents {background-color: #fff;padding: 15px;border-radius: 9px;border: 1px solid #eee;}
#contents {position: relative;min-height: 700px;margin: 40px 0 0;}
@media (min-width: 961px) {
	#contents.left {position: relative;float: right;width: calc(100% - 260px);}
}

#left .counselBtn {display: block;margin: 0 0 10px;padding: 0 10px 15px;border-bottom: 1px solid #e1e1e1;}
#left .counselBtn a {display: block;margin: 0 0 5px;font-size: 85%;text-align: left;}
#left .counselBtn img {width: 17px;height: 17px;margin: -2px 0 0;}

.leftMenu {    position: relative;    z-index: 10;    margin: 0;    padding: 0 10px 5px;}
.leftMenu li {    position: relative;    border-top: 1px solid rgba(0, 0, 0, .05);}
.leftMenu li:first-child {    border-top: none;}
.leftMenu a {    display: block;    line-height: 35px;    padding: 0 0 0 5px;    color: #555;    font-size: 90%;    white-space: nowrap;    text-decoration: none;    transition: all .3s ease;}
leftMenu a i {    top: 2px;    margin: 0 5px 0 0;    font-size: 1rem;}

.JS_faq {position: relative;z-index: 30;margin: 0 0 5px;padding: 0 10px 10px;border-bottom: 1px solid #e1e1e1;}
.JS_faq h4.title {line-height: 40px;text-indent: 8px;}
.JS_faq more {position: absolute;top: 9px;right: 14px;}
.JS_faq a {display: block;color: #555;font-size: 80%;white-space: nowrap;text-decoration: none;transition: all .3s ease;}

.JS_faq > li {display: block;position: relative;border-top: 1px solid rgba(0, 0, 0, .05);}
.JS_faq > li > a {line-height: 35px;padding: 0 0 0 5px;color: #555;font-size: 90%;white-space: nowrap;text-decoration: none;}
.JS_faq > li.arrow > a {background: url(./img/dotB_3.png) no-repeat 95% 50%;}
.JS_faq > li > ul {display: none;position: absolute;top: -10px;left: 100%;min-width: 100px;padding: 10px 0;border: 1px solid rgba(0, 0, 0, .1);background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, .1);}
.JS_faq > li > ul > li > a {line-height: 2.3em;padding: 0 10px;font-size: 80%;text-indent: 5px;white-space: nowrap;}