@charset "utf-8";

/**
태그 초기화
**/
*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html, body {width:100%;min-width:320px;height:100%;font-size:13px;}
body {margin:0;font-weight:400;font-family:'noto','notojp',sans-serif;font-family:'raleway','noto','notojp',sans-serif;font-size:13px;color:#101010;line-height:23px;/*word-wrap:break-word;word-break:keep-all;*/-webkit-text-size-adjust:none;}
div, iframe, h1, h2, h3, h4, h5, h6, p, button, abbr, address, blockquote, q, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0; padding:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:1rem;line-height:1;}
ol, ul, li {list-style:none;}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
form, fieldset, iframe {border:0;}
img {border:0;vertical-align:top;font-size:0;line-height:0;}
button {border:0;}
hr {height:0;border:0;}
i, em, address {font-style:normal}
u {text-decoration:none;}
strong, b {font-family:'noto','notojp';font-weight:700;}
label, button {cursor:pointer;}
blockquote, q {quotes:none;}
input, textarea, select, button {padding:0;font-weight:400;font-family:'noto','notojp';font-family: 'raleway','noto','notojp',sans-serif;font-size:13px;vertical-align:middle;background:none;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
select::-ms-expand {display:none;}
a {color:#101010;text-decoration:none;outline:none;}
a:hover {text-decoration:none;}
img {max-width:100%;vertical-align:top;}
img, input, textarea, fieldset {border:none;outline:none;border-radius:0;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none;}
header, footer, article, aside, nav, section, div {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}

/* [display] */
.blind, caption, legend {overflow:hidden;visibility:hidden;position:absolute;left:-9999em;top:-9999em;width:0;height:0;font-size:0;line-height:0;}
.hidden {overflow:hidden;}
.clear:after {content:'';display:block;clear:both;}
.v-row {display:table;width:100%;height:100%;}
.v-cell {display:table-cell;vertical-align:middle;}
.v-cell.va-t {vertical-align:top;}
.v-cell.va-b {vertical-align:bottom;}
.uppercase {text-transform:uppercase;}
.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}
.va_t {vertical-align:top;}
.va_m {vertical-align:middle;}
.va_b {vertical-align:bottom;}
.fl_l {float:left;}
.fl_r {float:right;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}
.ellipsis {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis2 {display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;}/* 2줄 말줄임 line-height, height 부여 */
.ellipsis3 {display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;}/* 3줄 말줄임 line-height, height 부여 */
.ellipsis4 {display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;}/* 4줄 말줄임 line-height, height 부여 */

/**
COLOR
**/
.c_primary {color:#024137 !important;}
.c_sunshine {color:#41695e !important;}
.c_spring {color:#83a48a !important;}
.c_morning {color:#c2cabe !important;}
.c_sunny {color:#f6eee6 !important;}
.c_hazeblue {color:#d4e0e9 !important;}
.c_earthgray {color:#3b3e38 !important;}
.c_black {color:#101010 !important;}
.c_red {color:#d10000 !important;}

/**
LAYOUT
**/
#wrap {overflow:hidden;}
#header {position:fixed;z-index:801;left:0;top:0;width:100%;min-width:320px;height: 61px;text-align:center;background:rgba(255,255,255,1);-webkit-transition:all .4s ease;transition:all .4s ease;}
#header:after {content:'';display:block;clear:both;}
#header .headerIn {height:100%;}
#header .logo_wrap {display:inline-block;position:relative;height:100%;padding:0 2%;margin:0 auto;vertical-align:top;}
#header .logo {padding-top:15px;}
#header .logo img {width:auto;height:18px;}
#header .headL {position:absolute;left: 6px;top:0;height:100%;}
#header .headL a {display:block;float:left;height:100%;width:50px;height:100%;}
#header .headR {position:absolute;right: 6px;top:0;height:100%;}
#header .headR a {display: block;float: left;height: 100%;width: 50px;height: 100%;}
#header a.btn_gnbToggle {position:relative;}
#header a.btn_gnbToggle .ico {display:block;position:absolute;left:16px;top:50%;width: 18px;height:14px;margin-top:-7px;}
#header a.btn_gnbToggle .ico .bar {display:block;position:absolute;left:0;top:50%;width: 18px;height:1px;background:#101010;}
#header a.btn_gnbToggle .ico .bar:nth-child(1) {margin-top:-6px;}
#header a.btn_gnbToggle .ico .bar:nth-child(2) {}
#header a.btn_gnbToggle .ico .bar:nth-child(3) {margin-top:6px;}
/*#header a.btn_gnbToggle .ico .bar:nth-child(1) {margin-top:-6px;-webkit-animation:sidenavibar01 .4s forwards;animation:sidenavibar01 .4s forwards;}
#header a.btn_gnbToggle .ico .bar:nth-child(2) {-webkit-animation:sidenavibar02 .4s forwards;animation:sidenavibar02 .4s forwards;}
#header a.btn_gnbToggle .ico .bar:nth-child(3) {margin-top:6px;bottom:0;-webkit-animation:sidenavibar03 .4s forwards;animation:sidenavibar03 .4s forwards;}
@-webkit-keyframes sidenavibar01 {
	0% {width:23px;-webkit-transform:translateY(6px) rotate(45deg);}
	50% {width:15px;-webkit-transform:translateY(6px) rotate(0);}
	100% {width:18px;-webkit-transform:translateY(0) rotate(0);}
}
@keyframes sidenavibar01 {
	0% {width:23px;-webkit-transform:translateY(6px) rotate(45deg);}
	50% {width:15px;-webkit-transform:translateY(6px) rotate(0);}
	100% {width:18px;-webkit-transform:translateY(0) rotate(0);}
}
@-webkit-keyframes sidenavibar02 {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@keyframes sidenavibar02 {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes sidenavibar03 {
	0% {width:23px;-webkit-transform:translateY(-6px) rotate(-45deg);}
	50% {width:15px;-webkit-transform:translateY(-6px) rotate(0);}
	100% {width:18px;-webkit-transform:translateY(0) rotate(0);}
}
@keyframes sidenavibar03 {
	0% {width:23px;-webkit-transform:translateY(-6px) rotate(-45deg);}
	50% {width:15px;-webkit-transform:translateY(-6px) rotate(0);}
	100% {width:18px;-webkit-transform:translateY(0) rotate(0);}
}*/

#header a.btn_gnbToggle.on .ico {margin-top:-5px;margin-left:-2px;}
/*#header a.btn_gnbToggle.on .ico .bar:nth-child(1) {-webkit-animation:sidenavibar01-active .4s forwards;animation:sidenavibar01-active .4s forwards;}
#header a.btn_gnbToggle.on .ico .bar:nth-child(2) {-webkit-animation:sidenavibar02-active .4s forwards;animation:sidenavibar02-active .4s forwards;}
#header a.btn_gnbToggle.on .ico .bar:nth-child(3) {-webkit-animation:sidenavibar03-active .4s forwards;animation:sidenavibar03-active .4s forwards;}
@-webkit-keyframes sidenavibar01-active {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {width:15px;-webkit-transform:translateY(6px) rotate(0);}
	100% {width:23px;-webkit-transform:translateY(6px) rotate(45deg);}
}
@keyframes sidenavibar01-active {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {width:15px;-webkit-transform:translateY(6px) rotate(0);}
	100% {width:23px;-webkit-transform:translateY(6px) rotate(45deg);}
}
@-webkit-keyframes sidenavibar02-active {
	0% {}
	50% {opacity:0;}
	100% {opacity:0;}
}
@keyframes sidenavibar02-active {
	0% {}
	50% {opacity:0;}
	100% {opacity:0;}
}
@-webkit-keyframes sidenavibar03-active {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {width:15px;-webkit-transform:translateY(-6px) rotate(0);}
	100% {width:23px;-webkit-transform:translateY(-6px) rotate(-45deg);}
}
@keyframes sidenavibar03-active {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {width:15px;-webkit-transform:translateY(-6px) rotate(0);}
	100% {width:23px;-webkit-transform:translateY(-6px) rotate(-45deg);}
}*/

#header a.btn_search.active {background-image:url('../images/common/ico_search_on.svg');}
/*#header a.btn_mypage {background:url('../images/common/ico_mypage.svg') no-repeat center center / auto 100%;}*/
#header a.btn_search {margin-right:10px;background:url('../images/common/ico_search.png') no-repeat center center / auto 100%;}
#header a.btn_cart {text-align:center;color:transparent;background:url('../images/common/ico_cart.png') no-repeat center center / auto 100%;border-radius:50%;}
#header a.btn_cart.active {color:#fff;background:#024137;}
#container {position:relative;padding-top: 61px;}
#container.bg {background:#f7f7f7;}
#container.sub {padding-top:75px;}
#quick {position:fixed;z-index:800;right:25px;bottom:-200px;text-align:center;transition-duration:.45s;}
#quick.show {bottom: 30px;}
#quick a {display:block;position:relative;width:45px;height:45px;border-radius:50%;}
#quick a + a {margin-top:10px;}
#quick .goTop {background:#024137;}
#quick .goTop .arrow {display:block;position:absolute;left:50%;top:50%;width:1px;height:21px;margin-top:-10px;margin-left:-1px;background:#fff;font-size:0;line-height:0;color:transparent;}
#quick .goTop .arrow:before,
#quick .goTop .arrow:after {content:'';display:block;position:absolute;top:-2px;width:1px;height:10px;background-color:inherit;}
#quick .goTop .arrow:before {margin-left:-3px;transform:rotate(45deg);}
#quick .goTop .arrow:after {margin-left:3px;transform:rotate(-45deg);}
#quick .goCompare {background:#fff;box-shadow:2px 2px 9px rgba(0,0,0,.15);}
#quick .goCompare .n {display:block;position:absolute;right:-2px;top:-2px;width:16px;height:16px;border-radius:50%;font-size:11px;line-height:16px;color:#fff;background:#024137;}
.contents {padding:0 16px;}
.footerIn {color:#fff;background:#024137;}
.footerIn a {color:#fff;}
.foot_menu {padding:0 16px;}
.foot_menu a {display:block;}
.foot_menu .dep1 {position:relative;border-bottom:1px solid rgba(126,126,126,.5);box-sizing:border-box;}
.foot_menu .dep1:after {content:'';display:block;position:absolute;right:11px;top:20px;width:21px;height:14px;background:url('../images/common/arr_footer_menu.png') no-repeat right center / 100% auto;}
.foot_menu .dep1.hasSub {}
.foot_menu .dep1.hasSub:after {right:13px;width:auto;height:auto;padding:4px;background:none;border:solid #fff;border-width:0 2px 2px 0;border-radius:1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.foot_menu .dep1.open:after {top:25px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.foot_menu .dep1 > a {padding:0 12px;height:55px;line-height:55px;}
.foot_menu .dep2 {display:none;padding:10px 20px;border-top:1px solid rgba(126,126,126,.5);}
.foot_menu .dep2 li {line-height:42px;}

.foot_info {padding:25px 27px 30px;}
.foot_info .f_sns {height:35px;font-size:0;color:transparent;background:url('../images/common/foot_sns.png') no-repeat 0 0 / auto 35px;}
.foot_info .f_sns a {display:inline-block;vertical-align:top;width:35px;height:35px;}
.foot_info .f_sns a + a {margin-left:10px;}
.foot_info .f_copy {min-height:40px;padding:4px 0 0 50px;margin-top:64px;font-size:11px;line-height:15px;background:url('../images/common/foot_mark.png') no-repeat left center / auto 40px;}
.foot_info .f_util {margin-top:8px;margin-left:-15px;font-size:0;}
.foot_info .f_util li {display:inline-block;position:relative;padding:0 15px;font-size:11px;}
.foot_info .f_util li:before {content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-6px;background:#99b3af;}
.foot_info .f_util li:first-child:before {display:none;}
.foot_info .f_util a {color:#99b3af;}

@media all and (max-width:360px) {
	.foot_info .f_util ul {margin-left:-8px;}
	.foot_info .f_util li {padding:0 8px;}
}

/* 전체메뉴 */
.sideNavi {overflow:hidden;position:fixed;z-index:1900;left:-100%;top: 0;width:100%;min-width:320px;height: calc(100%);background:#f7f7f7;transform:translateX(0);transition-duration:.3s;}
.sideNavi.open {transform:translateX(100%);}
.sideNavi .naviIn {overflow:hidden;overflow-y:auto;position:relative;height:100%;min-height:calc(100vh - 51px);-webkit-overflow-scrolling:touch;}
.sideNavi .closeNavi {display:block;z-index:1;position:absolute;right:1.2rem;top:1.2rem;width:3rem;height:3rem;}
.sideNavi .nav_head {}
.sideNavi .my_account {position:relative;padding:20px 26px;}
.sideNavi .my_account.login {padding-left:107px;padding-bottom:30px;}
.sideNavi .my_account i.profile {display:block;position:absolute;left:16px;top:50%;width:75px;height:75px;margin-top:-38px;background:url('../images/common/ico_profile.png') no-repeat 0 0 / 100% auto;}
.sideNavi .my_account .des {font-size:11px;line-height:15px;color:#676767;}
.sideNavi .my_account .btn_join {margin-top:22px;}
.sideNavi .my_account .btn_login {position:absolute;right:16px;bottom:25px;width:110px;}
.sideNavi .my_account.logout {padding-bottom:18px;}
.sideNavi .my_account .welcome {font-weight:500;font-size:17px;line-height:1;}
.sideNavi .my_account .my_info {margin-top:13px;line-height:23px;}
.sideNavi .my_account .my_info dt {clear:both;float:left;margin-right:5px;font-size:11px;}
.sideNavi .my_account .my_info dd {float:left;font-weight:500;color:#41695e;}
.sideNavi .my_account .my_info dd:nth-child(4) {color:#f0d506;}
.sideNavi .my_account .my_info:after {content:'';display:block;clear:both;}
.sideNavi .my_account .btn_mypage {position:absolute;right:16px;bottom:25px;width:110px;}

.sideNavi .nav_container {padding:0 16px 24px;border-top:1px solid #767676;}
.sideNavi .nav_util {position:relative;margin-top:54px;}
.sideNavi .nav_util li {line-height:24px;}
.sideNavi .nav_util li a {color:#767676;}
.sideNavi .nav_util .btn_logout {display:block;position:absolute;right:10px;top:12px;width:30px;height:34px;background:url('../images/common/ico_logout.png') no-repeat 0 0 / auto 100%;}

.sideNavi .nav_foot {padding:30px 16px;font-size:0;color:#fff;background:#024137;}
.sideNavi .nav_foot .n_copy {display:inline-block;width:calc(100% - 191px);height:40px;padding-top:1px;padding-left:50px;vertical-align:middle;font-size:8px;letter-spacing:-0.5px;line-height:12px;background:url('../images/common/foot_mark.png') no-repeat 0 0 / auto 100%;}
.sideNavi .nav_foot .n_sns {display:inline-block;width:191px;vertical-align:middle;color:transparent;background:url('../images/common/navi_sns.png') no-repeat 0 0 / auto 100%;}
.sideNavi .nav_foot .n_sns a {display:inline-block;width:31px;height:31px;}
.sideNavi .nav_foot .n_sns a + a {margin-left:9px;}

@media all and (max-width:360px) {
	.sideNavi .my_account .my_info {font-size:12px;}
	.sideNavi .my_account .btn_mypage {width:90px;}
	.sideNavi .nav_foot {padding:20px 16px;}
	.sideNavi .nav_foot .n_copy {height:35px;padding-left:42px;width:calc(100% - 154px);line-height:11px;}
	.sideNavi .nav_foot .n_sns {width:154px;}
	.sideNavi .nav_foot .n_sns a {width:25px;height:25px;}
	.sideNavi .nav_foot .n_sns a + a {margin-left:7px;}
}

#nav {}
#nav .sub {display:none;}
#nav li {position:relative;}
#nav li > a {display:block;position:relative;}
#nav li.hasSub.open > a {font-weight:500;color:#024137;}

#nav li.dep1 {border-bottom:1px solid #ccc;}
#nav li.dep1 > a {height:54px;padding:0 11px;line-height:54px;}
#nav li.dep1 > .sub {line-height:42px;background:#fff;border-top:1px solid #ccc;}
#nav li.dep1 > .sub > ul {padding:10px 0;}
#nav li.dep2 a {padding-left:15px;}
#nav li.dep3 a {padding-left:30px;}
#nav li.dep3 > .sub {padding:0 30px;}
#nav li.dep3 > .sub .sub > ul {padding:0 12px;font-size:11px;}

#nav li > a:after {right:6px;top:15px;}
#nav li.dep1 > a:after {content:'';display:block;position:absolute;right:11px;top:20px;width:21px;height:14px;background:url('../images/common/arr_navi_menu.png') no-repeat right center / 100% auto;}
#nav li.dep1.hasSub > a:after {right:13px;}
#nav li.dep1.hasSub.open > a:after {top:25px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
#nav li.dep2 > a:after,
#nav li.dep3 > a:after {content:'';display:block;position:absolute;right:21px;top:15px;width:21px;height:14px;background:url('../images/common/arr_navi_menu.png') no-repeat right center / 100% auto;}
#nav li.hasSub > a:after {width:auto;height:auto;padding:4px;background:none;border:solid #024137;border-width:0 2px 2px 0;border-radius:1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#nav li.hasSub.dep2 > a:after,
#nav li.hasSub.dep3 > a:after {right:22px;}
#nav li.hasSub.dep2.open > a:after,
#nav li.hasSub.dep3.open > a:after {top:19px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}

/* 검색 */
#inp_search .inp_text.line_type input {color:#fff;border:0;-webkit-appearance:none;}
#inp_search .inp_text.line_type:before {border-color:transparent !important;transition-duration:unset;}
#inp_search .inp_text .btn_clear {width:30px;}
#inp_search .inp_text .btn_clear:before,
#inp_search .inp_text .btn_clear:after {background:#fff;}
.schArea {position:fixed;z-index:3000;right:0;top:0;width:100%;height:100%;background:#fff;transform:translateX(100%);transition-duration:.4s;}
.schArea.visible {transform:translateY(0);}
.schArea .btn_close {display:block;z-index:50;position:absolute;left:17px;top:20px;width:17px;height:35px;background:url('../images/common/arr_schArea.png') no-repeat left center / 17px auto;}
.schArea .schAreaIn {overflow-y:auto;height:100%;}
.schArea .schTop {height:75px;padding:20px 17px;background:#024137;}
.schArea .schTop .inp_text {padding-left:20px;border-bottom:1px solid #fff;}
.schArea .schTop .inp_text input {}
.schArea .schCon {padding:0 16px;}


/* 장바구니 */
.cartArea {position:fixed;z-index:3000;right:0;top:0;width:100%;height:100%;background:#fff;transform:translateY(-100%);transition-duration:.4s;}
.cartArea.visible {transform:translateY(0);}
.cartArea .cartAreaIn {overflow-y:auto;height:100%;}
.cartArea .cartWrap {padding:0 16px;}
.cartArea .cartTop {position:relative;padding:15px 0 14px;text-align:right;border-bottom:1px solid #ccc;}
.cartArea .cartTop .btn_delA {position:absolute;left:0;top:50%;margin-top:-6px;font-size:11px;line-height:1;color:#024137;}
.cartArea .cartTop .btn_delA i {display:inline-block;vertical-align:middle;width:11px;height:11px;margin-top:-2px;background:url('../images/common/ico_delA.png') no-repeat 0 0 / 11px auto;}
.cartArea .cartTop .num {display:inline-block;width:31px;height:31px;text-align:center;font-size:13px;line-height:31px;vertical-align:top;color:#fff;border-radius:50%;background:#024137;}
.cartArea .cartTop .btn_close {display:inline-block;vertical-align:top;width:31px;height:31px;margin-left:4px;font-size:0;line-height:0;color:transparent;background:url('../images/common/btn_closePop.png') no-repeat center center / 100% auto;}
.cartArea .cartCon .noData {padding-top:55px;text-align:center;}
.cartArea .cartCon .noData p {}
.cartArea .cartCon .noData .btn_wrap {margin-top:15px;}
.cartArea .cartCon .noData .btn {width:150px;letter-spacing:-1px;}
.cartArea .cartList {}
.cartArea .cartList .cartItem {padding-top:25px;border-bottom:1px solid #ccc;}
.cartArea .cartList .li {position:relative;width:100%;margin-bottom:25px;}
.cartArea .cartList .inp_check {position:absolute;left:0;top:0;}
.cartArea .cartList .pdtThumb {width:42.86%;padding:0 10px 0 17px;}
.cartArea .cartList .pdtThumb img {width:100%;/*background:rgba(0,0,0,.5);*/}
.cartArea .cartList .pdtInfo {position:absolute;right:0;top:0;width:57.14%;min-height:100%;padding:0 17px 8px 0;}
.cartArea .cartList .cartItem.vip .li {padding-bottom:30px;}
.cartArea .cartList .opt_pdtname {overflow:hidden;width:90%;margin-top:-5px;white-space:nowrap;text-overflow:ellipsis}
.cartArea .cartList .opt_optname {margin-top:3px;font-size:11px;line-height:1;color:#767676;}
.cartArea .cartList .opt_optname .chip {display:inline-block;vertical-align:top;width:30px;height:11px;margin-top:1px;margin-right:1px;}
.cartArea .cartList .opt_promo {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#024137;}
.cartArea .cartList .opt_optname + .opt_promo {margin-top:5px;}
.cartArea .cartList .opt_qty {margin-top:15px;font-size:11px;}
.cartArea .cartList .opt_optname + .opt_qty {margin-top:20px;}
.cartArea .cartList .soldout .opt_qty {margin-top:0;}
.cartArea .cartList .soldout .opt_optname + .opt_qty {margin-top:3px;}
.cartArea .cartList .opt_btn {}
.cartArea .cartList .opt_btn .btn_alarm {position:absolute;left:0;bottom:0;width:74px;height:30px;line-height:30px;text-align:center;color:#fff;background:#767676;}
.cartArea .cartList .opt_price {position:absolute;right:17px;bottom:-3px;text-align:right;font-weight:500;line-height:17px;}
.cartArea .cartList .opt_price em {}
.cartArea .cartList .opt_price del {display:block;font-weight:400;color:#ccc;text-decoration:none;}
.cartArea .cartList .opt_price del span {position:relative;padding:0 2px;}
.cartArea .cartList .opt_price del span:after {content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:1px;background:#9e9e9e;}
.cartArea .cartList .opt_price .t {display:inline-block;margin-right:1px;font-weight:400;font-size:11px;color:#767676;}
.cartArea .cartList .opt_price .free {}
.cartArea .cartList .btn_vip {position:absolute;left:-130px;bottom:0;width:120px;}
.cartArea .cartList .btn_del {display:block;position:absolute;right:-4px;top:-4px;width:20px;height:20px;}
.cartArea .cartList .btn_del:before,
.cartArea .cartList .btn_del:after {content:'';display:block;position:absolute;left:50%;top:50%;width:16px;height:1px;margin-left:-8px;background:#024137;}
.cartArea .cartList .btn_del:before {transform:rotate(45deg);}
.cartArea .cartList .btn_del:after {transform:rotate(-45deg);}
.cartArea .cartList .msg {padding:8px 0;margin-bottom:5px;text-align:center;font-size:11px;line-height:14px;color:#024137;background:#fafafa;}
.cartArea .cartList .msg.error {color:#d10000;}
.cartArea .cartList .reviewer {padding:13px 16px 17px;border-top:1px solid #e6e6e6;font-size:11px;line-height:16px;}
.cartArea .cartList .reviewer .username {color:#024137;}
.cartArea .cartList .reviewer .sub {margin-top:4px;color:#767676;}
.cartArea .cartList .li + .reviewer {margin-top:-10px;}
.cartArea .cartList .msg + .reviewer {margin-top:10px;}

.cartArea .cartList .gift_free {padding:13px 17px 15px;background:#fafafa;}
.cartArea .cartList .li + .gift_free {margin-top:-6px;}
.cartArea .cartList .gift_free .tit {font-weight:500;font-size:11;line-height:18px;letter-spacing:-1px;}
.cartArea .cartList .gift_free li {padding:15px 0;color:#767676;border-top:1px solid #e8e8e8;font-size:0;}
.cartArea .cartList .gift_free li:first-child {padding-top:10px;border-top:0;}
.cartArea .cartList .gift_free li:last-child {padding-bottom:5px;}
.cartArea .cartList .gift_free li .thumb,
.cartArea .cartList .gift_free li .info {display:inline-block;vertical-align:middle;}
.cartArea .cartList .gift_free li .thumb {width:60px;}
.cartArea .cartList .gift_free li .thumb img {width:100%;/*background:rgba(0,0,0,.5);*/}
.cartArea .cartList .gift_free li .info {width:calc(100% - 60px);padding-left:20px;font-size:13px;line-height:23px;}
.cartArea .cartList .gift_free li .pdtname {overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;}
.cartArea .cartList .gift_free li .qty {}

.cartArea .promoWrap {padding-top:55px;}
.cartArea .promoWrap .promoTit {}
.cartArea .promoWrap .promoTit .btn_link {display:inline-block;vertical-align:top;padding-top:2px;margin-left:5px;font-size:11px;border-bottom:1px solid #101010;}
.cartArea .promoWrap .inp_wrap {margin-top:8px;}
.cartArea .promoWrap .inp_wrap .inp_text {width:calc(100% - 95px);}
.cartArea .promoWrap .inp_wrap .inp_text input,
.cartArea .promoWrap .inp_wrap .inp_text input::placeholder {font-size:11px;}
.cartArea .promoWrap .inp_wrap .btn {width:85px;}
.cartArea .promoList {padding:14px 20px;margin-top:8px;font-size:12px;color:#767676;background:#eee;}
.cartArea .codeItem {width:100%;font-size:11px;line-height:32px;}
.cartArea .codeItem:after {content:'';display:block;clear:both;}
.cartArea .codeItem .name {float:left;width:31%;vertical-align:top;}
.cartArea .codeItem .code {float:left;width:69%;vertical-align:top;}
.cartArea .codeItem .code li {position:relative;padding-right:25px;}
.cartArea .codeItem .code li p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cartArea .codeItem .code li .btn_del {display:block;position:absolute;right:-5px;top:50%;width:21px;height:21px;margin-top:-11px;/*background:rgba(0,0,0,.2);*/}
.cartArea .codeItem .code li .btn_del:before,
.cartArea .codeItem .code li .btn_del:after {content:'';display:block;position:absolute;left:50%;top:50%;width:15px;height:1px;margin-left:-8px;background:#024137;}
.cartArea .codeItem .code li .btn_del:before {transform:rotate(45deg);}
.cartArea .codeItem .code li .btn_del:after {transform:rotate(-45deg);}
.cartArea .cartTotal {padding-top:33px;}
.cartArea .cartTotal:after {content:'';display:block;clear:both;}
.cartArea .cartTotal dt,
.cartArea .cartTotal dd {font-weight:500;line-height:22px;}
.cartArea .cartTotal dt {float:left;font-size:18px;}
.cartArea .cartTotal dd {float:right;}
.cartArea .cartTotal .opt_price {font-size:22px;}
.cartArea .cartTotal .opt_price .t {font-weight:400;font-size:13px;color:#767676;}
.cartArea .cartBtn {position:relative;padding:15px 0 57px;} 

.cartArea .lyGift {overflow:hidden;z-index:10;left:0;top:0;position:relative;width:100%;height:35px;background:#fff;transition-duration:.35s;}
/*.cartArea .lyGift.open {height:auto;}*/
.cartArea .lyGift.open {height:100%;}
.cartArea .lyGift .giftCon {display:none;height:calc(100% - 35px);padding:0 16px 20px;}
.cartArea .lyGift .giftTop {padding:40px 0 16px;border-bottom:1px solid #ccc;}
.cartArea .lyGift .giftTop .subtit {margin-top:3px;font-size:11px;line-height:15px;}
.cartArea .lyGift .giftTop .subtit em {color:#024137;}
.cartArea .lyGift .inp_select {margin-top:12px;}
.cartArea .lyGift .scrollarea {overflow-y:auto;height:calc(100% - 130px);margin-top:10px;}
.cartArea .lyGift .inp_select + .scrollarea {overflow-y:auto;height:calc(100% - 180px);}
.cartArea .lyGift .btnGift {display:block;position:absolute;left:0;bottom:0;width:100%;height:35px;color:#fff;background:#024137;}
.cartArea .lyGift .btnGift > span {text-align:center;font-size:11px;line-height:35px;}
.cartArea .lyGift .btnGift i {display:inline-block;vertical-align:middle;width:17px;height:17px;margin-top:-2px;margin-right:7px;background:url('../images/common/arr_cart_gift.png') no-repeat 0 0 / 17px auto;}
.cartArea .lyGift .btnGift .txt_close {display:none;}
.cartArea .lyGift .btnGift .txt_close {display:none;}
.cartArea .lyGift.open .btnGift i {transform:rotate(180deg);}
.cartArea .lyGift.open .btnGift .txt_close {display:inline;}
.cartArea .lyGift.open .btnGift .txt_open {display:none;}

.giftPdtList ul:after {content:'';display:block;clear:both;}
.giftPdtList .item {float:left;width:50%;padding:0 25px;margin-top:24px;box-sizing:border-box;}
.giftPdtList .item .thumb {}
.giftPdtList .item .thumb img {width:100%;/*background:rgba(0,0,0,.5);*/}
.giftPdtList .item .pdtname {overflow:hidden;max-height:56px;margin-top:3px;}


/**
PAGE TITLE
**/

/**
SLICK
**/
.slick-slider {display:block;position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {display:block;overflow:hidden;position:relative;padding:0;margin:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track {display:block;position:relative;left:0;top:0;margin-right:auto;margin-left:auto;}
.slick-track:before,
.slick-track:after {content:'';display:table;}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
/*custom*/
.slick-slide {outline:none;}
.slick-arrow {position:absolute;z-index:10;top:40%;font-size:0;width:20px;height:20px;}
.slick-arrow.slick-disabled:before {border-color:#999;}
.slick-prev {left:0;}
.slick-next {right:0;}
.slick-arrow:before {content:'';display:inline-block;top:50%;padding:6px;border:solid #024137;border-width:0 1px 1px 0;}
.slick-prev:before {left:0;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.slick-next:before {right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

/**
BUTTON
**/
.btn {display:inline-block;width:100%;min-width:55px;box-sizing:border-box;}
.btn.disabled {cursor:not-allowed;}
.btn {text-align:center;}
.btn span {display:block;position:relative;padding:0 10px;box-sizing:border-box;}
.btn_default span {color:#fff;background:#024137;border: 2px solid #024137;border-radius: 22.5px;}
.btn_primary span {color:#024137;border: 2px solid #024137;border-radius: 22.5px;}
.btn_underline span {display:inline-block;padding:0;line-height:20px;vertical-align:top;border-bottom:1px solid #101010;}
.btn_alarm span {color:#fff;background:#767676;border:1px solid #767676;}
.btn_vip span {color:#fff;background:#ddab0a;border:1px solid #ddab0a;}

.btnSizeL {height:47px;line-height:43px;}
.btnSizeM {height:37px;line-height:33px;}
.btnSizeS {height:32px;font-size:11px;line-height:28px;}
.btnSizeL.btn_underline {padding-top:12px;}
.btnSizeM.btn_underline {padding-top:7px;}
.btnSizeS.btn_underline {padding-top:4px;}

.btn_txt {display:inline-block;position:relative;font-size:11px;line-height:21px;color:#6e6e6e;}
.btn_txt:before {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:#6e6e6e;}
.btn_primary.disabled span {color:#cdd7d6;border-color:#cdd7d6;}
.btn_default.disabled span {border-color:#cdd7d6;background-color:#cdd7d6;}
.btn_underline.disabled span {color:#cdd7d6;border-color:#cdd7d6;}

.btn_more {display:block;font-weight:500;font-size:16px;line-height:1;color:#024137;}
.btn_more.btnSizeS {padding:7px 0;}
.btn_more.btnSizeM {padding:9px 0 10px;}
.btn_more.btnSizeL {padding:14px 0 15px;}
.btn_more span {display:inline-block;position:relative;padding:0 22px 0 0;}
.btn_more span:after {content:'';display:block;position:absolute;right:2px;top:0;width:auto;height:auto;padding:4px;background:none;border:solid #024137;border-width:0 2px 2px 0;border-radius:1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}


.btn_wrap {}
.btn_wrap:after {content:'';display:block;clear:both;}
.btn_wrap .btn {margin-top:10px;}
.btn_wrap .btn:first-child {margin-top:0;}
.btn_wrap.sideSpace {padding:0 16px;}
.btn_wrap.bChild2 .btn {float:left; width:50%;}
.btn_wrap.bChild2 .btn:nth-child(odd) {padding-right:5px;}
.btn_wrap.bChild2 .btn:nth-child(even) {padding-left:5px;}
.btn_wrap.bChild2 .btn:nth-of-type(1),
.btn_wrap.bChild2 .btn:nth-of-type(2) {margin-top:0;}
.btn_wrap.bChild3 .btn:nth-of-type(2) {float:left;width:50%;padding-right:5px;}
.btn_wrap.bChild3 .btn:nth-of-type(3) {float:left;width:50%;padding-left:5px;}
.btn_wrap.bChild3-2 .btn:nth-of-type(1) {float:left;width:50%;padding-right:5px;}
.btn_wrap.bChild3-2 .btn:nth-of-type(2) {float:left;width:50%;padding-left:5px;margin-top:0;}
.btn_wrap.bChild3-2 .btn:nth-of-type(3) {clear:both;}

.btn_switch {display:inline-block;position:relative;width:62px;height:30px;}
.btn_switch input {width:0;height:0;opacity:0;}
.btn_switch .slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
.btn_switch .slider:before {content:'';position:absolute;width:26px;height:26px;left:2px;bottom:2px;background:#fff url('../images/common/btn_switch_off.png') no-repeat;background-size:100%;-webkit-transition:.4s;transition:.4s;}
.btn_switch input:checked + .slider {background-color:#0047b1;}
.btn_switch input:checked + .slider:before {background-image:url('../images/common/btn_switch_on.png');-webkit-transform:translateX(32px);-ms-transform:translateX(32px);transform:translateX(32px);}
.btn_switch .slider.round {border-radius:30px;}
.btn_switch .slider.round:before {border-radius: 50%;}

/**
폼태그
**/
.inp_text {position:relative;}
span.inp_text {display:inline-block;vertical-align:middle;}
.inp_text .btn_search {position:absolute;right:0;top:0;width:32px;height:35px;font-size:0;line-height:0;color:transparent;background:url('../images/common/btn_search.png') no-repeat left center / 17px auto;transition-duration:.3s;}
.inp_text .btn_clear {position:absolute;visibility:hidden;right:0;top:0;width:30px;height:35px;opacity:0;font-size:0;line-height:0;color:transparent;transition-duration:.3s;}
.inp_text .btn_clear:before,
.inp_text .btn_clear:after {content:'';display:block;position:absolute;left:50%;top:50%;width:14px;height:1px;margin-top:-1px;margin-left:-7px;background:#024137;}
.inp_text .btn_clear:before {transform:rotate(45deg);}
.inp_text .btn_clear:after {transform:rotate(-45deg);}
.inp_text .btn_clear.on {opacity:1;visibility:visible;}
.inp_text input {width:100%;height:35px;padding:5px 14px;border:1px solid #cccccc;border-radius:0;font-size: 12px;line-height:20px;caret-color:#024137;outline:none;box-sizing:border-box;vertical-align:top;}
.inp_text input::-webkit-input-placeholder {color:#ccc;line-height:normal;}
.inp_text input::-moz-input-placeholder {color:#ccc;line-height:normal;}
.inp_text input[type="password"] {}
.inp_text input[type="password"]::-webkit-input-placeholder {}
.inp_text input[type="password"]::-moz-input-placeholder {}
.inp_text input:focus {border-color:#024137;} 

.inp_wrap {position:relative;}
.inp_wrap .help {font-size:12px;line-height:22px;color:#767676;} 
.inp_wrap .help p:first-child {margin-top:6px;}
.inp_wrap .help p.ok {color:#024137;}
.inp_wrap .help p.sub {position:relative;margin-top:2px;padding-left:17px;line-height:15px;}
.inp_wrap .help p.sub:before {content:'-';position:absolute;left:10px;top:0;}
.inp_wrap .help p em {color:#101010;}
.inp_wrap .error {color:#d10000;}
.inp_wrap.ok input {border-color:#0047b1 !important;}
.inp_wrap.ok input::-webkit-input-placeholder {color:#ccc;}
.inp_wrap.ok .btn_clear {display:none;}
.inp_wrap.ok .inp_text:after {content:'';display:block;position:absolute;right:0;top:0;width:30px;height:35px;background:url('../images/common/ico_inp_text_ok.png') no-repeat 45% 50% / 14px auto;}
.inp_wrap.error input {border-color:#d10000 !important;}
.inp_wrap.error input::-webkit-input-placeholder {color:#ccc;}
.inp_wrap.error .inp_text:after {content:'';display:block;position:absolute;right:0;top:0;width:30px;height:35px;background:url('../images/common/ico_inp_text_error.png') no-repeat 40% 50% / 2.5px auto;}
.inp_wrap.error .btn_clear {display:none;}
.inp_wrap.error .error {display:block;}

.inp_both .inp_text {display:inline-block;width:calc(50% - 5px);vertical-align:top;}
.inp_both .inp_text + .inp_text {margin-left:6px;}
.inp_wrap.hasbtn .inp_text {width:calc(100% - 117px)}
.inp_wrap.hasbtn .btn {position:absolute;right:0;top:0;width:107px;}

.inp_wrap .inp_auto {display:none;overflow-y:auto;position:absolute;z-index:10;left:0;top:34px;width:100%;max-height:180px;padding:0 14px 2px;background:#fff;border:1px solid #024137;border-top-color:#767676;}
.inp_wrap .inp_auto.bg {background:#f7f7f7;}
.inp_wrap .inp_auto button {display:block;width:100%;height:34px;padding:0 10px;line-height:35px;color:#767676;text-align:left;box-sizing:border-box;}
.inp_wrap .inp_auto button + button {border-top:1px solid #767676;}
.inp_wrap.hasbtn .inp_auto {width:calc(100% - 95px);}

.inp_text.line_type:before {content:'';position:absolute;left:0;right:0;top:34px;border-bottom:1px solid #024137;
	transform:scaleX(0);transition:transform .4s cubic-bezier(0.0, 0, 0.2, 1) 0ms;-webkit-transform-origin:right center;transform-origin:right center;
}
.inp_text.line_type.focused:before {transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center;}
.inp_text.line_type input {padding:7px 14px 3px;line-height:normal;border-width:0 0 1px 0;}
.inp_text.line_type input:focus {border-color:#aaa !important;}
.inp_text.line_type .btn_clear {width:40px;}
.inp_text.line_type.ok:before {border-color:#0047b1;}
.inp_text.line_type.ok:after {width:40px;background-position:50% 65%;}
.inp_text.line_type.error:before {border-color:#bd081c;}
.inp_text.line_type.error:after {width:40px;background-position:50% 65%;}

.inp_check {position:relative;height:17px;}
span.inp_check {display:inline-block;vertical-align:middle;}
div.inp_check + div.inp_check {margin:10px 0 0;}
span.inp_check + span.inp_check {margin:0 0 0 10px;}
.inp_check input {display:block;position:absolute;left:0;top:0;width:17px;height:17px;font-size:13px;line-height:17px;margin:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.inp_check label {display:inline-block;vertical-align:top;position:relative;z-index:2;height:100%;padding-left: 25px;font-size: 12px;line-height:17px;color:#6e6e6e;background: url('../images/common/inp_check02.png') no-repeat left top / 17px auto;}
.inp_check input:checked + label {background-position:0 -50px;}

.inp_radio {position:relative;height:24px;}
span.inp_radio {display:inline-block;vertical-align:middle;}
div.inp_radio + div.inp_radio {margin:15px 0 0;}
span.inp_radio + span.inp_radio {margin:0 0 0 15px;}
.inp_radio input {display:block;position:absolute;left:0;top:0;width:24px;height:24px;font-size:14px;line-height:24px;margin:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.inp_radio label {display:inline-block;vertical-align:top;position:relative;z-index:2;height:100%;padding-left:33px;font-size: 12px;line-height:24px;color:#6e6e6e;background:url('../images/common/inp_radio.png') no-repeat left top / 24px auto;}
.inp_radio input:checked + label {background-position:0 -100px;color:#024137;}

.inp_select {position:relative;height:35px;border: 2px solid #f6f6f6;border-radius: 10px;}
span.inp_select {display:inline-block;vertical-align:middle;}
.inp_select select {overflow:hidden;position:relative;width:100%;height: 31px;line-height: 33px;padding-right:30px;text-align:left;text-indent:15px;text-overflow:ellipsis;white-space:nowrap;color:#767676;background: #eee url('../images/member/down_arrow_icon.png') no-repeat right 15px center;background-size: 10px;border-radius: 10px;}
.inp_wrap.error .inp_select {border:1px solid #d10000;}

.inp_birth .inp_select {display:inline-block;width:calc(33% - 6.7px);margin-left:7px;}
.inp_birth .inp_select:first-child {margin-left:0;}

.addr_post_detail .inp_text {margin-top:10px; width:100%;}

.inp_tel .tel_bar {display:inline-block;vertical-align:middle;}
.inp_tel .tel_bar {margin:0 1.5px;width:4px;height:1px;background:#000;}
.inp_tel .inp_select {display:inline-block;vertical-align:middle;width:calc(33.33% - 6.7px);}
.inp_tel .inp_text {display:inline-block;width:calc(33.33% - 11px);margin:0;line-height:35px;}

.inp_zip {position:relative;}
.inp_zip .inp_text {display:inline-block;width:calc(50% - 66.5px);}
.inp_zip .bar {display:inline-block;margin:0 1.5px;width:4px;height:1px;vertical-align:middle;background:#000;}
.inp_zip .btn {position:absolute;right:0;top:0;width:110px;}

.inp_optlist {position:relative;height:40px;border:1px solid #767676;}
.inp_optlist .title {overflow:hidden;position:relative;width:100%;height:38px;line-height:38px;padding-right:30px;text-align:left;text-indent:13px;text-overflow:ellipsis; white-space:nowrap;color:#767676;background:url('../images/member/down_arrow_icon.png') no-repeat right 13px center / 14px auto;}
.inp_optlist .title .chk {display:none;}
.inp_optlist .title.soldout {padding-right:90px;color:#ccc;}
.inp_optlist .title.soldout .chk {display:block;}
.inp_optlist .selList {display:none;position:absolute;top:38px;left:-1px;width:100%;max-height:122px;background:#fff;border:1px solid #767676;border-top-color:;opacity:0;filter:alpha(opacity=0);}
.inp_optlist .selList li {position:relative;padding:0 14px;}
.inp_optlist .selList li label {display:inline-block;overflow:hidden;position:relative;width:100%;height:40px;padding-right:60px;border-bottom:1px solid #e6e6e6;line-height:40px;color:#767676;text-indent:9px;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.inp_optlist .selList li label.soldout {color:#ccc;}
.inp_optlist .selList li:last-child label {border:0 none;}
.inp_optlist .selList li .option {position:absolute;left:0;top:0;width:0;height:0;border:0;border-radius:0;opacity:0;filter:alpha(opacity=0);}
.inp_optlist .chip {display:inline-block;width:50px;height:14px;margin-top:-2px;margin-right:7px;vertical-align:middle;}
.inp_optlist .chk {display:inline-block;position:absolute;right:0;top:0;text-align:right;font-size:11px;color:#d10000;}
.inp_optlist .title .chk {right:30px;}
.inp_optlist.open .title {background-image:url('../images/member/up_arrow_icon.png');}
.inp_optlist.open .selList {overflow-y:auto;margin-bottom:30px;-webkit-overflow-scrolling:touch;opacity:1;filter:alpha(opacity=100);z-index: 100;}
.inp_optlist.bg,
.inp_optlist.bg .selList {background-color:#fafafa;}

.inp_optlist.sizeS {height:23px;}
.inp_optlist.sizeS .title {height:23px;padding-right:20px;font-size:11px;line-height:21px;text-indent:8px;background-position:right 7px center;background-size:10px auto;}
.inp_optlist.sizeS .selList {top:21px;max-height:80px;}
.inp_optlist.sizeS .selList li {padding:0;}
.inp_optlist.sizeS .selList li label {height:23px;line-height:23px;padding-right:0;}
.inp_optlist.sizeS .chip {width:30px;height:11px;margin-right:3px;}

.inp_qty {height:25px;}
.inp_qty:after {content:'';display:block;clear:both;}
span.inp_qty {display:inline-block;vertical-align:middle;width:78px;border:1px solid #ccc;box-sizing:border-box;}
.inp_qty button {float:left;width:28px;height:100%;vertical-align:middle;background-repeat:no-repeat;background-position:center center;background-size:10px auto;box-sizing:border-box;}
.inp_qty button.btn_down {background-image:url('../images/common/qty_downS.png');}
.inp_qty button.btn_up {background-image:url('../images/common/qty_upS.png');}
.inp_qty input {float:left;width:calc(100% - 56px);height:100%;font-size:11px;text-align:center;text-indent:0;background:transparent;border:none;}

.inp_qty.sizeS {height:24px;}
span.inp_qty.sizeS {width:78px;}

.opt_qty {color:#d10000;}
.opt_qty .inp_qty {margin-right:7px;vertical-align:top;}
.opt_qty .txt_qty {font-size:11px;color:#d10000;}

.textWrap {position:relative;}
.textWrap .charCnt {position:absolute;bottom:15px;right:15px;color:#ccc;}
.textWrap .charCnt em {color:#767676;}
textarea.textArea {width:100%;height:150px;padding:15px;border:1px solid #ccc;background-color:#ffffff;box-sizing:border-box;vertical-align:top;border-radius:0;resize:vertical;color:#767676;}
textarea.textArea::-webkit-input-placeholder {color:#ccc;line-height:normal;}
textarea.textArea::-moz-input-placeholder {color:#ccc;line-height:normal;}


/**
TAB
**/
.tabType {background:#fff;}
.tabType.bg {background:#fafafa;}
.tabType ul:after {content:'';display:block;clear:both;}
.tabType li {float:left;position:relative;}
.tabType li a {display:block;box-sizing:border-box;}

.tabType1 {padding-left:16px;}
.tabType1 li {margin-right:32px;}
.tabType1 li a {color:#ccc;line-height:45px;}
.tabType1 li.on a {color:#024137;}
.tabType1 li a:after {content:'';display:none;position:absolute;left:0;right:0;bottom:0;height:2px;background:#024137;}
.tabType1 li.on a:after {display:block;}

.tabType2 {text-align:center;font-size:0;line-height:0;background:#fafafa;}
.tabType2 li {float:none;display:inline-block;vertical-align:top;padding-right:5px;background:#fff;}
.tabType2 li:first-child {padding-left:5px;}
.tabType2 li a {position:relative;z-index:2;width:110px;height:45px;font-size:13px;line-height:43px;border:1px solid #101010;background:#fff;}
.tabType2 li a span {position:relative;padding-left:0;}
.tabType2 li.on a {font-weight:500;color:#fff;background:#024137;border-color:#024137;}

.tabTypeAuto {padding:0;}
.tabTypeAuto li {margin-right:0;text-align:center;}
.tabTypeAuto li a {white-space:nowrap;}

@media all and (max-width:360px) {
	.tabType2 li a {width:90px;height:40px;line-height:38px;font-size:12px;}
}

/**
GRADE
**/
.rating_wrap {line-height:20px;}
.rating_wrap > span {display:inline-block;vertical-align:top;}
.rating_star {line-height:0;}
.rating_star .starPoint {display:inline-block;width:78px;height:20px;vertical-align:top;font-size:0;line-height:20px;color:transparent;background:url('../images/common/rating_star.png') no-repeat 0 0 / 100% auto;}
.rating_star .starPoint.p1 {background-position:0 -23px;}
.rating_star .starPoint.p2 {background-position:0 -46px;}
.rating_star .starPoint.p3 {background-position:0 -69px;}
.rating_star .starPoint.p4 {background-position:0 -92px;}
.rating_star .starPoint.p5 {background-position:0 -115px;}
.rating_star .starPoint.p6 {background-position:0 -138px;}
.rating_star .starPoint.p7 {background-position:0 -161px;}
.rating_star .starPoint.p8 {background-position:0 -184px;}
.rating_star .starPoint.p9 {background-position:0 -207px;}
.rating_star .starPoint.p10 {background-position:0 -230px;}
.rating_avg {margin-left:6px;}
.rating_star_large .tit {display:inline-block;margin-right:15px;font-weight:700;vertical-align:middle;}
.rating_star_large .pointArea {overflow:hidden;display:inline-block;position:relative;width:134px;height:30px;background:url('../images/common/rating_star_large.png') no-repeat 0 0;background-size:auto 100px;vertical-align:middle;}
.rating_star_large .pointArea .pointBg {position:absolute;left:0%;top:0;width:0;height:100%;background:;font-size:0;color:transparent;background:url('../images/common/rating_star_large.png') no-repeat 0 -50px;background-size:auto 100px;
	-webkit-transition:width .1s ease-out;transition:width .1s ease-out;
}
.rating_star_large .pointArea .starPoint {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;color:transparent; }
.rating_star_large .pointArea .starPoint button {float:left;width:22px;height:100%;margin-left:6px;font-size:0;color:transparent;}
.rating_star_large .pointArea .starPoint button:first-child {margin-left:0;}


/**
제품리스트
**/
.pdtList {overflow:hidden;position:relative;padding:0 5px;font-size:0;}
.pdtList .pdtListIn {margin-top:-35px;}
.pdtList .pdtItem {display:inline-block;vertical-align:top;position:relative;width:50%;padding:0 11px;margin-top:35px;font-size:13px;box-sizing:border-box;}
.pdtList .pdtItem.ban {width:100%;}
.pdtList .pdtItem .pdtWrap {position:relative;}
.pdtItem .pdtThumb img {/*background:rgba(65,105,94,.2);*/}
.pdtItem .pdtFlag {position:absolute;left:0;top:0;font-size:0;line-height:20px;}
.pdtItem .pdtFlag .flag {display:inline-block;width:37px;height:20px;text-align:center;vertical-align:top;font-size:11px;color:#fff;}
.pdtItem .pdtFlag .flag + .flag {margin-left:5px;}
.pdtItem .pdtFlag .best {background:#024137;}
.pdtItem .pdtFlag .new {background:#83a48a;}
.pdtItem .pdtFlag .sale {background:#f78634;}
.pdtItem .pdtFlag .rank {display:block;margin-top:7px;font-size:13px;line-height:15px;}
.pdtItem .pdtWish {position:absolute;right:0;top:0;}
.pdtItem .pdtWish .btn_wish {width:27px;height:23px;background:url('../images/shopping/ico_wish_off.png') no-repeat center center / 100% auto;}
.pdtItem .pdtWish .btn_wish.on {background-image:url('../images/shopping/ico_wish_on.png');}
.pdtItem .pdtInfo:after {content:'';display:block;clear:both;}
.pdtItem .pdtInfo .opt_name {position:relative;}
.pdtItem .pdtInfo .opt_name p {overflow:hidden;max-height:43px;text-overflow:ellipsis;vertical-align:bottom;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pdtItem .pdtInfo .opt_name .vip {position:absolute;right:0;bottom:10px;width:37px;height:20px;text-align:center;font-size:11px;line-height:20px;color:#fff;background:#ddab0a;}
.pdtItem .pdtInfo .opt_cate {overflow:hidden;margin-top:4px;margin-left:-2px;font-size:0;line-height:0;}
.pdtItem .pdtInfo .opt_cate span {display:inline-block;padding:0 3px;margin-top:2px;margin-left:2px;vertical-align:top;font-size:11px;line-height:15px;color:#767676;border:1px solid #ccc;box-sizing:border-box;}
.pdtItem .pdtInfo .opt_price {font-weight:500;line-height:17px;}
.pdtItem .pdtInfo .opt_price em {font-weight:400;font-size:11px;color:#d10000;}
.pdtItem .pdtInfo .opt_price del {font-weight:400;font-size:11px;color:#767676;text-decoration:none;}
.pdtItem .pdtInfo .opt_price del span {position:relative;}
.pdtItem .pdtInfo .opt_price del span:after {content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:1px;background:#9e9e9e;}
.pdtItem .pdtInfo .opt_price .t {display:inline-block;margin-right:2px;font-weight:400;font-size:11px;vertical-align:top;color:#767676;}
.pdtItem .pdtBtn {margin-top:16px;font-size:0;line-height:0;}
.pdtItem .pdtBtn button,
.pdtItem .pdtBtn a {width:45px;height:45px;color:#fff;}
.pdtItem .pdtBtn .btn_alarm {width:calc(100% - 50px);color:#fff;background:#767676;}
.pdtItem .pdtBtn .btn_buy {display:inline-block;vertical-align:middle;width:calc(100% - 50px);text-align:center;font-size:13px;line-height:45px;color:;background:#024137;}
.pdtItem .pdtBtn .btn_compare {margin-left:5px;font-size:0;color:transparent;border:1px solid #1e1e1e;background:url('../images/shopping/btn_compare.png') no-repeat center center / 45px auto;}
.pdtItem .pdtBtn .btn_cart {margin-left:5px;font-size:0;color:transparent;border:1px solid #1e1e1e;background:url('../images/shopping/btn_cart.png') no-repeat center center / 45px auto;}

.pdtListType1 .pdtItem .pdtInfo .opt_name {padding-bottom:10px;border-bottom:1px solid #222;}
.pdtListType1 .pdtItem .pdtInfo .opt_name p {width:calc(100% - 40px);}
.pdtListType1 .pdtItem .pdtInfo .opt_cate {float:left;width:42%;max-height:38px;}
.pdtListType1 .pdtItem .pdtInfo .opt_price {float:right;width:58%;margin-top:8px;text-align:right;}
.pdtListType1 .pdtItem .pdtInfo .opt_price del {display:block;}

.pdtListType2 .pdtItem {padding:0 8px;}
.pdtListType2 .pdtItem .pdtInfo {position:relative;padding-top:24px;text-align:center;}
.pdtListType2 .pdtItem .pdtInfo .opt_name {padding:0 15px;}
.pdtListType2 .pdtItem .pdtInfo .opt_name .vip {display:none;}
.pdtListType2 .pdtItem .pdtInfo .opt_cate {position:absolute;left:0;bottom:calc(100% - 21px);width:100%;max-height:19px;padding:0;}
.pdtListType2 .pdtItem .pdtInfo .opt_price {margin-top:10px;}

.pdtListInline {padding:0 0 0;}
.pdtListInline .pdtItem {width:46%;}
.pdtListInline .pdtListIn {overflow-y:hidden;overflow-x:auto;position:relative;width:100%;padding:0 8px 10px;font-size:0;vertical-align:top;white-space:nowrap;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
/*.pdtListInline ul::-webkit-scrollbar {display:none;-webkit-appearance:none;}
.pdtListInline ul::-o-scrollbar {display:none;-webkit-appearance:none;}
.pdtListInline ul::-ms-scrollbar {display:none;-webkit-appearance:none;}*/

/* 베스트셀러,신제품 */
.bestNewListWrap {padding-top:30px;}
.onSaleListWrap {}
.onSaleListWrap .secTitle {margin:30px 0 13px;}
.onSaleListWrap .pdtList + .secTitle {margin:44px 0 13px;}

@media all and (max-width:360px) {
	.pdtList .pdtItem {padding:0 6px;}
	.pdtItem .pdtFlag .flag + .flag {margin-left:1px;}
	.pdtItem .pdtInfo .opt_cate span {letter-spacing:-0.5px;}
}

/**
리뷰
**/
/* 리뷰공통 */
.reviewItem .rv_top {position:relative;padding:15px 0 17px;line-height:18px;}
.reviewItem .rv_top .info {position:relative;padding:1px 0;padding-left:50px;}
.reviewItem .rv_top .info i {display:block;position:absolute;left:0;top:-1px;width:40px;height:40px;border-radius:50%;border:1px solid #f7d500;box-sizing:border-box;}
.reviewItem .rv_top .name {font-weight:500;font-size:14px;}
.reviewItem .rv_top .level {font-size:12px;color:#767676;}
.reviewItem .rv_con {position:relative;}
.reviewItem .rv_con .rv_share {position:absolute;right:0;top:28px;width:22px;height:27px;font-size:0;color:transparent;background:url('../images/common/ico_sns.png') no-repeat center center / 22px auto;}
.reviewItem .rv_con .subj {font-weight:500;font-size:18px;color:#1e1e1e;}
.reviewItem .rv_con .tail {margin-top:10px;color:#3e3e3e;}
.reviewItem .rv_con .hash {font-size:11px;line-height:15px;color:#024137;}
.reviewItem .rv_con .hash .tag {display:inline-block;vertical-align:top;}
.reviewItem .rv_bottom {font-size:11px;line-height:15px;border-top:1px solid #e6e6e6;}
.reviewItem .rv_bottom .heart {padding-left:18px;background:url('../images/shopping/ico_review_heart.png') no-repeat left center / 13px auto;}
.reviewItem .rv_bottom .reply {padding-left:18px;margin-left:8px;background:url('../images/shopping/ico_review_reply.png') no-repeat left center / 13px auto;}
.rv_article .vod_wrap {position:relative;width:100%;padding-top:75%;}
.rv_article .vod_wrap iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
.rv_article .img_wrap {position:relative;}
.rv_article .img_wrap img {width:100%;}
.rv_article .img_wrap .dot {position:absolute;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;background:rgba(16,16,16,.8);}
.rv_article .img_wrap .dot .toggle {display:block;position:relative;width:100%;height:100%;}
.rv_article .img_wrap .dot .toggle:before,
.rv_article .img_wrap .dot .toggle:after {content:'';display:block;position:absolute;left:50%;top:50%;background:#fff;}
.rv_article .img_wrap .dot .toggle:before {width:7px;height:1px;margin-left:-3px;}
.rv_article .img_wrap .dot .toggle:after {width:1px;height:7px;margin-top:-3px;}
.rv_article .img_wrap .dot .name {display:none;position:absolute;left:50%;top:100%;padding:0 8px;margin-top:10px;transform:translateX(-50%);background:rgba(16,16,16,.8);}
.rv_article .img_wrap .dot .name:before {content:'';position:absolute;left:50%;bottom:100%;width:0;height:0;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(16,16,16,.8);}
.rv_article .img_wrap .dot .name button {overflow:hidden;position:relative;max-width:185px;padding:5px 15px 7px 0;color:#fff;white-space:nowrap;text-overflow:ellipsis;}
.rv_article .img_wrap .dot .name button:before,
.rv_article .img_wrap .dot .name button:after {content:'';display:block;position:absolute;right:0;top:50%;width:16px;height:1px;margin-top:-1px;background:#fff;}
.rv_article .img_wrap .dot .name button:before {transform:rotate(45deg);}
.rv_article .img_wrap .dot .name button:after {transform:rotate(-45deg);}
.rv_article .img_wrap .dot.left .name {left:20%;margin-left:-6px;transform:translateX(0);}
.rv_article .img_wrap .dot.left .name:before {left:6%;}
.rv_article .img_wrap .dot.right .name {left:auto;right:-20%;margin-right:-4px;transform:translateX(0);}
.rv_article .img_wrap .dot.right .name:before {left:auto;right:6%;}
.rv_article .img_wrap .dot.current {z-index:5;}
.rv_article .img_wrap .dot.current .name {display:block;}
.rv_article .popRvPdt {position:absolute;z-index:10;left:50%;top:100%;width:230px;padding:15px 20px 20px;margin-top:12px;margin-left:-115px;background:#fff;}
.rv_article .popRvPdt:before {content:'';display:block;position:absolute;left:50%;top:-8px;margin-left:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;}
.rv_article .popRvPdt .opt_optname {margin-top:3px;font-size:11px;line-height:22px;}
.rv_article .popRvPdt .opt_optname .chip {display:inline-block;vertical-align:middle;width:30px;height:12px;}
.rv_article .popRvPdt .opt_price {margin-top:20px;line-height:18px;}
.rv_article .popRvPdt .opt_price em {}
.rv_article .popRvPdt .opt_price del {display:inline-block;vertical-align:top;margin-left:5px;font-weight:400;color:#ccc;text-decoration:none;}
.rv_article .popRvPdt .opt_price del span {position:relative;padding:0 2px;}
.rv_article .popRvPdt .opt_price del span:after {content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:1px;background:#9e9e9e;}
.rv_article .popRvPdt .opt_price .t {display:inline-block;vertical-align:top;margin-right:1px;font-weight:400;font-size:11px;color:#767676;}
.rv_article .popRvPdt .pdtBtn {margin-top:8px;font-size:0;}
.rv_article .popRvPdt button,
.rv_article .popRvPdt a {width:30px;height:30px;color:#fff;}
.rv_article .popRvPdt .btn_alarm {width:calc(100% - 35px);color:#fff;background:#767676;}
.rv_article .popRvPdt .btn_buy {display:inline-block;vertical-align:middle;width:calc(100% - 35px);text-align:center;font-size:11px;line-height:30px;color:;background:#024137;}
.rv_article .popRvPdt .btn_cart {margin-left:5px;font-size:0;color:transparent;border:1px solid #1e1e1e;background:url('../images/shopping/btn_cartS.png') no-repeat center center / 30px auto;}

.rv_article .dot.left .popRvPdt {left:0;margin-left:-10px;}
.rv_article .dot.left .popRvPdt:before {left:20px;}
.rv_article .dot.right .popRvPdt {left:auto;right:0;margin-left:auto;margin-right:-10px;}
.rv_article .dot.right .popRvPdt:before {left:auto;right:12px;}

/* 리뷰상세 */
.reviewDetail {padding:0 16px;}
.reviewDetail .reviewItem .rv_top {padding:23px 0 20px;border-bottom:1px solid #e6e6e6;}
.reviewDetail .reviewItem .rv_top i {top:-3px;}
.reviewDetail .reviewItem .rv_con .opt {display:inline-block;margin-left:12px;vertical-align:middle;text-align:right;color:#767676;}
.reviewDetail .reviewItem .rv_con .opt .chip {display:inline-block;width:25px;height:10px;}
#rvDetail .lyBody {padding-bottom:15px;}
.rvDetail .rvTopCtrl {}
.rvDetail .rvTopCtrl button {display:inline-block;width:36px;height:50px;font-size:0;color:transparent;vertical-align:top;}
.rvDetail .rvTopCtrl .ico_heart {background:url('../images/shopping/ico_rvheart.png') no-repeat 0 51% / 23px auto;}
.rvDetail .rvTopCtrl .ico_heart.on {background-image:url('../images/shopping/ico_rvheart_on.png');}
.rvDetail .rvTopCtrl .ico_share {background:url('../images/shopping/ico_rvshare.png') no-repeat 0 50% / 17px auto;}

.lyPopArea.rvDetailPdt {padding:0 16px 0 34%;}
.lyPopArea.rvDetailPdt .lyPop {padding:20px 0;}
.rvDetailPdt .opt_pdtname {}
.rvDetailPdt .opt_optname {margin-top:3px;font-size:11px;line-height:1;color:#767676;}
.rvDetailPdt .opt_optname .chip {display:inline-block;vertical-align:top;width:30px;height:11px;margin-top:1px;margin-right:1px;}
.rvDetailPdt .pdtItem {padding-top:35px;}
.rvDetailPdt .pdtItem .pdtInfo .opt_price {margin-top:20px;text-align:right;font-weight:500;line-height:17px;}
.rvDetailPdt .pdtItem .pdtInfo .opt_price em {}
.rvDetailPdt .pdtItem .pdtInfo .opt_price del {display:block;font-size:13px;color:#ccc;}
.rvDetailPdt .pdtItem .pdtInfo .opt_price del span {position:relative;padding:0 2px;}
.rvDetailPdt .pdtItem .pdtInfo .opt_price del span:after {content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:1px;background:#9e9e9e;}
.rvDetailPdt .pdtItem .pdtInfo .opt_price .t {display:inline-block;margin-right:1px;font-weight:400;color:#767676;}


/**
TABLE
**/
.tblType1 {border:1px solid #ccc;}
.tblType1 tbody th,
.tblType1 tbody td {padding:7px 10px 8px;font-size:11px;line-height:15px;}
.tblType1 tbody th {padding-right:5px;text-align:left;font-weight:400;background:#fafafa;vertical-align:top;}
.tblType1 tbody td {color:#767676;}
.tblType1 tbody td .btn_link {display:inline-block;position:relative;padding-right:13px;font-size:11px;color:#024137;}
.tblType1 tbody td .btn_link:after {content:'';display:block;position:absolute;right:0;top:50%;padding:2px;margin-top:-2px;margin-left:-7px;border:solid #024137;border-width:0 1px 1px 0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}

.tblType2 {padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.tblType2 tbody th,
.tblType2 tbody td {padding:7px 0 8px;line-height:24px;}
.tblType2 tbody th {padding-left:10px;text-align:left;font-weight:400;color:#767676;vertical-align:top;}
.tblType2 tbody td {text-align:right;}

.tblType_pdt {padding-bottom:50px;}
.tblType_pdt .pdtItem {padding-bottom:20px;background:#fafafa;}
.tblType_pdt .pdtItem .opt_name {width:80%;margin:0 auto;}
.tblType_pdt .pdtItem .opt_name p {max-height:21px;-webkit-line-clamp:1;}
.tblType_pdt .title {padding-left:5px;font-weight:500;font-size:20px;line-height:24px;letter-spacing:1px;}
.tblType_pdt th {padding-top:27px;padding-bottom:5px;padding-left:5px;border-bottom:1px solid #e6e6e6;text-align:left;font-weight:500;font-size:16px;}
.tblType_pdt td {padding-top:15px;padding-bottom:10px;vertical-align:top;line-height:21px;color:#767676;}
.tblType_pdt .rating_wrap {margin-top:5px;}
.tblType_pdt td:nth-child(1) {padding-left:0;padding-right:7px;}
.tblType_pdt td:nth-child(2) {padding-left:7px;}
.tblType_pdt tr.tr_top th {padding-top:64px;padding-bottom:0;border-bottom:0;}
.tblType_pdt tr.tr_top td {padding-bottom:0;}
.tblType_pdt .opt_price {font-weight:500;line-height:17px;color:#101010;}
.tblType_pdt .opt_price .t {display:inline-block;margin-right:2px;font-weight:400;vertical-align:top;color:#767676;}
.tblType_pdt .ingrebox {overflow-y:auto;padding-right:10px;height:142px;-webkit-overflow-scrolling:touch;}
.tblType_pdt .pdtBtn {margin-top:25px;}

/**
LIST
**/
.unordered_list {}
.unordered_list p.tit {margin-bottom:9px;}
.unordered_list ul {padding-left:7px;}
.unordered_list li {position:relative;font-size:11px;line-height:20px;color:#767676;}
.unordered_list li:before {content:'';display:block;position:absolute;left:-7px;top:8px;width:2px;height:2px;border-radius:50%;background:#767676;}
.unordered_list.type_star li:before {content:'*';top:0;width:auto;height:auto;border-radius:none;background:none;}

/**
REPLY
**/
.cmt_wrap {padding:44px 0 0;}
.cmt_wrap.sideSpace {padding:44px 16px 0;}
.cmt_wrap .tit {font-weight:500;font-size:16px;line-height:24px;}
.cmt_wrap .cmt_write {padding:14px 0 15px;border-bottom:1px solid #e6e6e6;}
.cmt_wrap .cmt_write .btn_wrap {margin-top:14px;}
.cmt_wrap .cmt_sup {padding-left:26px;margin-top:27px;font-weight:500;background:url('../images/common/ico_reply.png') no-repeat left center / 17px auto;}
.cmt_wrap .cmt_sup span {color:#024137;}
.cmt_wrap .paging {padding:40px 0;}
.cmt_wrap .cmt_list + .btn_wrap {margin-top:12px;}

.cmt_list {border-bottom:1px solid #e6e6e6;}
.cmt_item {padding:30px 0 10px;border-top:1px solid #e6e6e6;}
.cmt_item:first-child {padding-top:20px;border-top:0;}
.cmt_item .cmt_del {color:#ccc;}
.cmt_item .cmt_info {position:relative;padding:1px 0;padding-left:50px;line-height:18px;}
.cmt_item .cmt_info i {display:block;position:absolute;left:0;top:-4px;width:40px;height:40px;border-radius:50%;border:1px solid #f7d500;box-sizing:border-box;}
.cmt_item .cmt_info .name {font-weight:500;font-size:14px;}
.cmt_item .cmt_info .level {font-size:12px;color:#767676;}
.cmt_item .cmt_info .ctrl {position:absolute;right:-3px;top:50%;margin-top:-12px;}
.cmt_item .cmt_info .ctrl button {width:20px;height:20px;vertical-align:top;font-size:0;color:transparent;background-repeat:no-repeat;background-position:center center;}
.cmt_item .cmt_info .ctrl .modify {margin-right:6px;background-image:url('../images/common/ico_cmt_modify.png');background-size:17px auto;}
.cmt_item .cmt_info .ctrl .delete {background-image:url('../images/common/ico_cmt_delete.png');background-size:14px auto;}
.cmt_item .cmt_txt {margin-top:13px;}
.cmt_item .cmt_modify {margin-top:13px;}
.cmt_item .cmt_modify .btn_wrap {margin-top:10px;}
.cmt_item .date {margin-top:2px;font-size:12px;color:#767676;}
.cmt_item .cmt_btn {margin-top:10px;}
.cmt_item .cmt_btn button {font-weight:500;font-size:11px;line-height:15px;}
.cmt_item .cmt_btn .reply {margin-right:17px;color:#024137;}
.cmt_item .cmt_btn .toggle {position:relative;padding-right:17px;color:#767676;}
.cmt_item .cmt_btn .toggle .n {margin-left:3px;}
.cmt_item .cmt_btn .toggle:after {content:'';display:block;position:absolute;right:0;top:1px;padding:3px;border:solid #767676;border-width:0 2px 2px 0;border-radius:1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.cmt_item .cmt_btn .toggle.open .n {display:none;}
.cmt_item .cmt_btn .toggle.open:after {top:5px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}

.replyBox {display:none;}
.replyBox .cmt_item {padding-top:17px;padding-left:50px;border-top:0;}
.replyBox .cmt_item .cmt_info {padding-left:40px;}
.replyBox .cmt_item .cmt_info i {top:2px;width:32px;height:32px;}
.replyBox .cmt_item .cmt_txt {margin-top:9px;}
.replyBox .cmt_item .cmt_modify {padding-bottom:12px;}


/**
PAGING
**/
.paging {padding-bottom:5px;text-align:center;color:#767676;line-height:18px;}
.paging > a,
.paging span {display:inline-block;position:relative;vertical-align:top;color:#767676;}
.paging > a,
.paging .current {width:30px;margin:0 5px;}
.paging .current {color:#024137;}
.paging span a {display:block;height:18px;transition-duration:.3s;}
.paging > a:after,
.paging .current:after {
	content:'';display:block;position:absolute;left:50%;bottom:-3px;width:12px;height:2px;margin-left:-6px;background:#024137;
	-webkit-transform:scaleX(0);transform:scaleX(0);}
.paging > .current:after {-webkit-transform:scaleX(1);transform:scaleX(1);}
.paging .prev,
.paging .next {width:20px;}
.paging .prev {margin-right:-4px;margin-left:5px;}
.paging .next {margin-right:5px;margin-left:-4px;}
.paging .prev a:before,
.paging .next a:before {content:'';display:block;position:absolute;left:50%;top:50%;padding:4px;margin-top:-4px;border:solid #ccc;border-width:0 1px 1px 0;}
.paging .prev a:before {transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.paging .next a:before {margin-left:-7px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.paging .first,
.paging .last {width:20px;}
.paging .first a,
.paging .last a {background:url('../images/common/arr_paging.png') no-repeat 0 0 / auto 13px;}
.paging .first a {background-position:left center;}
.paging .last a {background-position:right center;}


/**
VOD
**/
.vod_wrap {position:relative;width:100%;padding-top:56.2%;}
.vod_area {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;}
.vod_area .cover {display:table;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;text-align:center;font-size:0;color:#fff;background-repeat:no-repeat;background-position:center center;}
.vod_area .stop {z-index:2;}
.vod_area .play {z-index:3;}
.vod_area .play:before {content:'';position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;background:rgba(2,65,55,.4);transition-duration:.3s;}
.vod_area .play .bg {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:.5s ease-out;}
.vod_area .play .con {display:table-cell;position:relative;z-index:3;vertical-align:middle;}
.vod_area .play .txt {font-weight:700;line-height:50px;}
.vod_area .play .ico {display:block;position:relative;width:70px;height:70px;margin: auto;}
.vod_area .play .ico:before {content:'';display:block;position:absolute;left:50%;top:50%;background:#fff;border-radius:50%;transition:.4s ease-in-out;}
.vod_area .play .ico:after {content:'';display:block;position:absolute;left:50%;top:50%;width:0;height:0;}
.vod_area video {position:absolute;left:-1%;top:50%;width:102%;transform:translateY(-50%);}
.vod_area .play .txt {margin-bottom:42px;font-size:34px;}
.vod_area .play .ico:before {width:70px;height:70px;margin-top:-35px;margin-left:-35px;}
.vod_area .play .ico:after {margin-left:-5px;margin-top:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:17px solid rgba(2,65,55,.7);}


/**
SEARCH
**/

/**
POPUP
**/
.lyPopArea {display:none;overflow:hidden;overflow-y:auto;position:fixed;z-index:3500;left:0;top:0;width:100%;min-width:320px;height:100vh;padding:0 16px;font-size:0;background:rgba(30,30,30,.7);-webkit-overflow-scrolling:touch;}
.lyPopArea:after {content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.lyPopArea .lyPop {display:inline-block;vertical-align:middle;position:relative;width:100%;padding:20px 0 40px;margin:20px 0;background:#f7f7f7;font-size:13px;}
.lyPopArea .lyWrap {}
.lyPopArea .lyClose {display:block;position:absolute;right:20px;top:20px;width:30px;height:30px;font-size:0;color:transparent;border-radius:50%;border:1px solid #024137;}
.lyPopArea .lyClose:before,
.lyPopArea .lyClose:after {content:'';display:block;position:absolute;left:50%;top:50%;width:14px;height:2px;margin-top:-1px;margin-left:-7px;background:#024137;}
.lyPopArea .lyClose:before {transform:rotate(45deg);}
.lyPopArea .lyClose:after {transform:rotate(-45deg);}
/*.lyPopArea .lyTop {position:relative;height:68px;padding:0 20px;}
.lyPopArea .lyTop .lyTit {position:absolute;left:20px;bottom:17px;padding-right:50px;font-weight:500;font-size:18px;line-height:24px;}*/
.lyPopArea .lyBody {padding:0 20px;letter-spacing:-0.5px;}
.lyPopArea .lyTit {padding:23px 30px 0 0;font-weight:500;font-size:18px;line-height:31px;}
.lyPopArea .lyTitSub {margin-top:24px;}
.lyPopArea .scrollarea {overflow-y:auto;-webkit-overflow-scrolling:touch;}
.lyPopArea .des {line-height:23px;color:#767676;}
.lyPopArea .listType1 {padding:30px 15px 32px;margin-top:14px;background:#e6e6e6;}
.lyPopArea .listType1 li {position:relative;/* padding-left:15px; */line-height:1;}
.lyPopArea .lyTit + .des {margin-top:7px;}
.lyPopArea .lyTit + .lyTitSub {margin-top:8px;}
.lyPopArea .des + .btn_wrap {margin-top:40px;}
.lyPopArea .listType1 + .btn_wrap {margin-top:45px;}
.lyPopArea.wide {padding:0;}
.lyPopArea.wide .lyPop {margin:0;background:#fff;}
.lyPopArea.wide .lyBody {padding:0 16px;}
.lyPopArea.lyPage {overflow:hidden;padding:0;}
.lyPopArea.lyPage .lyPop {min-height:100%;padding:0;margin:0;background:#fff;}
.lyPopArea.lyPage .lyClose {right:16px;top:10px;}
.lyPopArea.lyPage .lyTit {padding:0;line-height:50px;}
.lyPopArea.lyPage .lyTop {position:absolute;z-index:5;left:0;top:0;width:100%;height:50px;padding:0 16px;background:#fff;border-bottom:1px solid #101010;}
.lyPopArea.lyPage .lyBody {overflow:hidden;overflow-y:auto;height:100vh;padding:50px 0 75px;-webkit-overflow-scrolling:touch;}
.lyPopArea.lyPage .lyBottom {position:absolute;z-index:5;left:0;bottom:0;width:100%;padding:15px 16px;background:#fff;}
.form_box {padding:32px 0 40px;}
.form_box .inp_text {}
.form_box .inp_wrap + .inp_wrap {margin-top:25px;}

/* 제품플로팅바 */
.pdtBar {position:fixed;z-index:1000;left:0;bottom:0;width:100%;text-align:center;}
.pdtBar .barCompare {height:45px;color:#fff;background:#41695e;}
.pdtBar .barCompare button {display:block;width:100%;height:100%;line-height:45px;color:#fff;}
.pdtBar .barCompare button em {font-weight:700;}
.pdtBar .barCompare button .arr {display:inline-block;position:relative;vertical-align:top;width:18px;height:100%;margin-left:10px;}
.pdtBar .barCompare button .arr:after {content:'';display:inline-block;position:absolute;left:50%;top:50%;padding:4px;margin-top:-2px;border:solid #fff;border-width:0 1px 1px 0;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.pdtBar .barBuy {display:;}

/**
제품구매공통
**/
.pdt_quick {position:relative;}
.pdt_quick .opt_soldout {padding:0 16px;margin-top:15px;}
.pdt_quick .opt_soldout:after {content:'';display:block;clear:both;}
.pdt_quick .opt_soldout .txt {float:left;width:calc(100% - 130px);line-height:15px;color:#d10000;}
.pdt_quick .opt_soldout .btn {float:right;width:125px;}
.pdt_quick .selected_opt {border-bottom:1px solid #e6e6e6;}
.pdt_quick .selected_opt .item .btn_del {display:block;position:absolute;right:12px;top:10px;width:20px;height:20px;}
.pdt_quick .selected_opt .item .btn_del:before,
.pdt_quick .selected_opt .item .btn_del:after {content:'';display:block;position:absolute;left:50%;top:50%;width:16px;height:1px;margin-left:-8px;background:#024137;}
.pdt_quick .selected_opt .item .btn_del:before {transform:rotate(45deg);}
.pdt_quick .selected_opt .item .btn_del:after {transform:rotate(-45deg);}
.pdt_quick .selected_opt .item .name {margin-bottom:18px;}
.pdt_quick .selected_opt .item .name .chip {display:inline-block;width:50px;height:15px;margin-right:8px;vertical-align:middle;}
.pdt_quick .selected_opt .item .row {position:relative;}
.pdt_quick .selected_opt .item .row .price {position:absolute;right:0;bottom:0;}
.pdt_quick .selected_opt .item .row + .msg {margin-top:10px;}
.pdt_quick .selected_opt .item .msg:last-child {margin-bottom:0;}
.pdt_quick .opt_price {text-align:right;font-weight:500;font-size:18px;line-height:20px;}
.pdt_quick .opt_price em {font-weight:400;font-size:13px;color:#d10000;}
.pdt_quick .opt_price del {display:block;font-weight:400;font-size:13px;color:#767676;text-decoration:none;}
.pdt_quick .opt_price del span {position:relative;padding:0 2px;}
.pdt_quick .opt_price del span:after {content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:1px;background:#9e9e9e;}
.pdt_quick .opt_price .t {display:inline-block;margin-right:3px;font-weight:400;font-size:13px;vertical-align:baseline;color:#767676;}
.pdt_quick dl:after {content:'';display:block;clear:both;}
.pdt_quick dt {float:left;width:40%;}
.pdt_quick dd {float:right;width:60%;text-align:right;}
.pdt_quick .dl_point {padding-top:14px;}
.pdt_quick .dl_point dd {color:#024137;}
.pdt_quick .dl_price {padding-top:12px;padding-bottom:5px;}
.pdt_quick.noOpt .selected_opt .item {padding:10px 0 22px;border-top:0;}
.pdt_quick.hasOpt .selected_opt {margin-top:15px;}
.pdt_quick.hasOpt .selected_opt .item {position:relative;padding:10px 16px;border-top:1px solid #e6e6e6;}
.pdt_quick.hasOpt dl {margin:0 16px;}
.pdt_quick .msg {padding:7px 0 8px;margin-bottom:10px;text-align:center;font-size:11px;line-height:15px;color:#024137;background:#fafafa;}
.pdt_quick .msg.error {color:#d10000;}

/* 제품바로구매 */
.quickShop {display:none;position:fixed;z-index:1800;left:0;bottom:0;width:100%;height:100%;font-size:0;background:rgba(30,30,30,.7);}
.quickShop .lyClose {right:15px;top:15px;}
.quickShop:after {content:'';display:inline-block;vertical-align:middle;height:100%;}
.quickShop .lyPop {padding:0 0 20px;}
.quickShop .pdtTop {display:table;}
.quickShop .pdtTop .opt_thumb {display:table-cell;width:46%;vertical-align:middle;}
.quickShop .pdtTop .opt_name {display:table-cell;width:54%;padding-top:24px;padding-left:15px;vertical-align:middle;}
.quickShop .pdtCon {padding-top:10px;}
.quickShop .pdtCon .pdt_quick.noOpt {border-top:1px solid #e6e6e6;}
.quickShop .pdtCon .selected_opt {margin-top:15px;}
.quickShop .pdtCon .opt_soldout {padding:15px 16px;}
/*.quickShop .inp_optlist.open {height:auto;}
.quickShop .inp_optlist.open .selList{position:relative;top:0;margin-bottom:0;border-bottom:0;}*/
.quickShop .btn_wrap {margin-top:10px;}

/* 제품상세바로구매 */
.pdpQuickShop {display:none;position:fixed;z-index:1800;left:0;bottom:0;width:100%;height:100%;font-size:0;background:rgba(30,30,30,.7);}
.pdpQuickShop:after {content:'';display:inline-block;vertical-align:middle;height:100%;}
.pdpQuickShop .lyPop {display:inline-block;position:relative;width:100%;font-size:13px;vertical-align:bottom;transition:transform .5s;transform:translateY(150%);}
.pdpQuickShop .lyTop button {display:block;width:100%;height:28px;background:url('../images/common/btn_quickShop.png') no-repeat center bottom / 78px auto;}
.pdpQuickShop .lyBody {padding:16px;background:#fff;}
.pdpQuickShop .inp_optlist.open {height:auto;}
.pdpQuickShop .inp_optlist.open .selList{position:relative;top:0;margin-bottom:0;border-bottom:0;}
.pdpQuickShop .scrollarea {overflow-y:auto;max-height:62vh;-webkit-overflow-scrolling:touch;}
.pdpQuickShop .btn_wrap {margin-top:15px;}
.pdpQuickShop.show .lyPop {transform:translateY(0);}

/**
제품비교하기
**/
.lyPdtCompare {position:fixed;z-index:1500;left:0;bottom:0;width:100%;background:#fff;box-shadow:-7px 0 12px rgba(0,0,0,.04);transition:transform .5s;transform:translateY(150%);}
.lyPdtCompare.show {transform:translateY(0);}
.lyPdtCompare .lyPop {position:relative;}
.lyPdtCompare .lyWrap {position:relative;}
.lyPdtCompare .lyClose {display:block;position:absolute;z-index:5;right:0;top:0;width:28px;height:28px;}
.lyPdtCompare .lyClose:after {content:'';display:inline-block;position:absolute;left:50%;top:4px;padding:5px;border:solid #024137;border-width:0 1px 1px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.lyPdtCompare .lyTop {height:45px;color:#fff;background:#41695e;}
.lyPdtCompare .lyTop button {display:block;width:100%;height:100%;line-height:45px;color:#fff;}
.lyPdtCompare .lyTop button em {font-weight:700;}
.lyPdtCompare .lyTop button .arr {display:inline-block;position:relative;vertical-align:top;width:18px;height:100%;margin-left:10px;}
.lyPdtCompare .lyTop button .arr:after {content:'';display:inline-block;position:absolute;left:50%;top:50%;padding:4px;margin-top:-7px;border:solid #fff;border-width:0 1px 1px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.lyPdtCompare .lyBody {position:relative;padding:20px 0;}
.lyPdtCompare .pdtCompareList {overflow-y:hidden;overflow-x:auto;position:relative;width:100%;min-height:134px;padding:0 16px 10px;font-size:0;vertical-align:top;white-space:nowrap;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
.lyPdtCompare .pdtCompareList .item {display:inline-block;position:relative;margin-left:5px;vertical-align:middle;text-align:center;}
.lyPdtCompare .pdtCompareList .item:first-child {margin-left:0;}
.lyPdtCompare .pdtCompareList .item .btnDel {display:inline-block;position:relative;padding-left:12px;margin-top:7px;font-size:11px;color:#024137;}
.lyPdtCompare .pdtCompareList .item .btnDel:before,
.lyPdtCompare .pdtCompareList .item .btnDel:after {content:'';display:block;position:absolute;left:0;top:50%;width:13px;height:1px;margin-left:-6px;background:#024137;}
.lyPdtCompare .pdtCompareList .item .btnDel:before {transform:rotate(45deg);}
.lyPdtCompare .pdtCompareList .item .btnDel:after {transform:rotate(135deg);}
.lyPdtCompare .pdtCompareList .item .pdtThumb {width:100px;}
.lyPdtCompare .pdtCompareList .item .pdtThumb input {position:absolute;visibility:hidden;}
.lyPdtCompare .pdtCompareList .item .pdtThumb label {display:block;position:relative;width:100%;}
.lyPdtCompare .pdtCompareList .item .pdtThumb label:after {content:'';display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.14) url('../images/common/inp_check_compare.png') no-repeat center center / 14px auto;}
.lyPdtCompare .pdtCompareList .item .pdtThumb input:checked + label:after {display:block;}
.lyPdtCompare .pdtCompareList .item .pdtThumb img {width:100%;/*background:rgba(0,0,0,.5);*/}
/*.lyPdtCompare .pdtCompareList .item:before,
.lyPdtCompare .pdtCompareList .item .pdtThumb:before {content:'';display:block;position:absolute;left:-40px;top:50%;width:40px;height:40px;margin-top:-20px;background:url('../images/shopping/btn_compare.png') no-repeat center center;}
.lyPdtCompare .pdtCompareList .item:before {opacity:0.5;}
.lyPdtCompare .pdtCompareList .item:first-child:before,
.lyPdtCompare .pdtCompareList .item:first-child .pdtThumb:before {display:none;}*/
.lyPdtCompare .btn_wrap {margin-top:12px;}

/* 제품비교하기상세 */
.lyPdtCompareDetail .lyClose {right:25px;top:23px;}
.lyPdtCompareDetail .lyPop {padding:0;}

/* 전성분확인하기 */
.lyIngredient .scrollarea {max-height:60vh;}

/* 재입고알림 */
.stockReminder .tblType2 {margin-top:80px;}
.stockReminder .inp_wrap {}
.stockReminder .inp_wrap.hasbtn .inp_text {width:calc(100% - 70px);}
.stockReminder .inp_wrap.hasbtn .btn {width:60px;height:24px;line-height:22px;}
.stockReminder .inp_text input {height:24px;padding:0 14px;}
.stockReminder .inp_text.line_type:before {top:23px;}
.stockReminder .inp_text .btn_clear {width:24px;height:24px;}
.stockReminder .btn_wrap {margin-top:40px;}

/* sns공유 */
.lySnsShare .lyTit {padding-top:0;}
.sns_list {width:285px;margin:0 auto;margin-top:25px;font-size:0;color:transparent;background:url('../images/common/sns_share.png') no-repeat 0 0 / auto 45px;}
.sns_list a {display:inline-block;width:45px;height:45px;vertical-align:top;}
.sns_list a + a {margin-left:15px;}

/* 유투브추가 */
.vodUrl {}
.vodUrl .inp_wrap {margin-top:8px;}
.vodUrl .btn_wrap {margin-top:10px;}

/* 제품검색 */
.schPdt .inp_wrap {margin-top:8px;}
.schPdt .scrollarea {overflow:hidden;overflow-y:auto;height:160px;margin-top:10px;}
.schPdt .item:nth-child(odd) {background:#f0f0f0;}
.schPdtList .item {padding:10px 15px;font-size:0;}
.schPdtList .item .thumb {display:inline-block;vertical-align:middle;width:60px;}
.schPdtList .item .info {display:inline-block;vertical-align:middle;width:calc(100% - 110px);padding:0 15px;font-size:11px;line-height:20px;}
.schPdtList .item .info .pdtname {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.schPdtList .item .btn {display:inline-block;vertical-align:middle;width:50px;min-width:auto;}

/* 리뷰상세_제품 */
.rvDetailPdt {}

/* 리뷰작성가이드 */
.reviewGuide {}
.reviewGuide dl {margin-top:24px;}
.reviewGuide dt {}
.reviewGuide dd {color:#767676;}
.reviewGuide dd .txt {}
.reviewGuide dd .img {margin-top:15px;}
.reviewGuide .lyTit + dl {margin-top:5px;}
.reviewGuide .img + .txt {margin-top:15px;}

/**
noData
**/
.noData {padding:60px 0;text-align:center;}
.noData i {display:block;width:60px;height:50px;margin:0 auto 18px;background:url('../images/common/ico_nodata.png') no-repeat center center / 60px auto;}
.noData i.cmt {width:50px;height:48px;background:url('../images/common/ico_nodata_cmt.png') no-repeat center center / 50px auto;}
.noData i.point {width:50px;height:50px;background:url('../images/mypage/point_icon.png') no-repeat;background-size:contain;}
.noData i.code {width:50px;height:40px;background:url('../images/mypage/code_icon.png') no-repeat;background-size:contain;}
.noData i.contact {width:50px;height:42.5px;background:url('../images/mypage/contact_icon.png') no-repeat;background-size:contain;}
.noData i.wish {width:51px;height:42.5px;background:url('../images/mypage/mypage_wish_icon.png') no-repeat;background-size:contain;}
.noData i.notice {width:50px;height:50px;background:url('../images/common/nodata_notice.png') no-repeat;background-size:contain;}
.noData i.order {background:url('../images/mypage/ico_nodata_myorder.png') no-repeat center center / 32px auto;}
.noData p {font-weight:500;line-height:23px;}
.noData p.sub {font-weight:400;color:#797979;}
.noData .btn_wrap {margin-top:55px;}

/**
error, browser check
**/
















































/**
LAYOUT
**/
.breadcrumb {position:fixed;z-index:500;left:0;top:51px;width:100%;height:25px;padding:0 16px;background:#fff;border-bottom:1px solid #cccccc;}
.breadcrumb span,
.breadcrumb em {display:inline-block;vertical-align:top;font-size:11px;line-height:23px;color:#767676;}
.breadcrumb span:after {content:' / ';padding:0 1px 0 2px;}
.breadcrumb a {color:#767676;}
.breadcrumb em {padding-left:2px;color:#101010;}

/* 페이지타이틀 */
.title_wrap {position:relative;padding:27px 16px 9px;background:#fff;}
.title_wrap.bg {background:#fafafa;}
.title_wrap.border {border-bottom:1px solid #d3d3d3;}
.title_wrap .title {font-weight:500;font-size:20px;line-height:25px;letter-spacing:0.8px;}
.title_wrap .title.ja {letter-spacing:0;}
.title_wrap .tail {margin:6px 0 4px;font-size:11px;line-height:15px;color:#3e3e3e;}

.pageTitArea {text-align:center;}
.pageTitArea .title {position:relative;font-weight:500;font-size:20px;line-height:1;}
.pageTitArea .title:before {content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:1px;margin-top:-2px;background:#ccc;}
.pageTitArea .title > span {display:inline-block;position:relative;padding:0 13px;vertical-align:top;background:#fff;}
.pageTitArea .title > span:before,
.pageTitArea .title > span:after {content:'';display:block;position:absolute;top:50%;width:12px;height:100%;margin-top:-12px;font-weight:400;background:url('../images/common/bar_pageTitArea.png') no-repeat left center / 6px auto;}
.pageTitArea .title > span:before {left:-4px;background-position:left center;}
.pageTitArea .title > span:after {right:-4px;background-position:right center;}
.pageTitArea .title .sub {display:inline-block;vertical-align:bottom;margin-left:6px;font-weight:400;font-size:11px;color:#767676;}
.pageTitArea.alignL {padding-left:37px;text-align:left;}
.pageTitArea.alignL .title:before {left:auto;right:100%;}
.pageTitArea.alignL .title > span:after {display:none;}
.pageTitArea.bg .title > span {background:#fafafa;}

.secTitle {padding:0 16px;}
.secTitle:before {}
.secTitle .title {position:relative;font-size:16px;line-height:25px;}
.secTitle .title:before {content:'';position:absolute;left:0;top:50%;width:100%;height:1px;background:#767676;}
.secTitle .title > span {display:inline-block;position:relative;padding-right:10px;vertical-align:top;background:#fff;}
.secTitle.bg .title > span {background:#fafafa;}

/* list */
.toggleList {border-top:1px solid #101010;}
.toggleList .item {border-bottom:1px solid #e6e6e6;}
.toggleList button {display:block;position:relative;width:100%;height:50px;padding-left:10px;line-height:50px;text-align:left;}
.toggleList button:after {content:'';display:inline-block;position:absolute;right:12px;top:50%;padding:4px;margin-top:-6px;border:solid #024137;border-width:0 1px 1px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.toggleList button.open:after {margin-top:-2px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.toggleList .toggleCon {display:none;padding:0 10px 14px;}

/**
쇼핑
**/
/* 제품리스트 */
.category_wrap {position:relative;}
.sel_cate_group {padding:0 16px 10px;}
.sel_cate_group button {display:inline-block;padding:0 8px 0 22px;margin-bottom:5px;margin-right:3px;vertical-align:top;font-size:11px;line-height:18px;letter-spacing:-1px;color:#fff;background:#024137 url('../images/shopping/btn_sel_cate.png') no-repeat 10px center / 7px auto;border-radius:18px;}
.sel_cate_group button em {display:inline-block;vertical-align:middle;width:8px;height:8px;margin-top:-2px;margin-left:4px;border-radius:50%;}
.category_wrap .btnToggle {display:block;position:relative;z-index:101;width:100%;height:37px;text-align:center;font-weight:500;font-size:11px;line-height:35px;letter-spacing:-1px;color:#101010;background:#f8f8f8;border-top:1px solid #767676;border-bottom:1px solid #767676;box-sizing:border-box;}
.category_wrap .btnToggle .arrow {display:inline-block;position:relative;margin-left:8px;vertical-align:top;width:15px;height:100%;}
.category_wrap .btnToggle .arrow:after {content:'';display:inline-block;position:absolute;right:3px;top:50%;padding:4px;margin-top:-8px;border:solid #024137;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.category_wrap .btnToggle.active {color:#024137;}
.category_wrap .btnToggle.active .arrow:after {margin-top:-2px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}

.pdt_cate_list {display:none;position:absolute;z-index:100;left:0;top:100%;width:100%;padding:0 16px 40px;background:rgba(247,247,247,.97);}
.cate_item_top {padding:20px 0 16px;text-align:center;}
.cate_item_top .inp_chkbox {letter-spacing:0;}
.cate_item {border-top:1px solid #ddd;}
.cate_item button {display:block;position:relative;width:100%;padding-left:10px;height:55px;line-height:55px;letter-spacing:-0.7px;text-align:left;}
.cate_item button:after {content:'';display:inline-block;position:absolute;right:13px;top:50%;padding:4px;margin-top:-7px;border:solid #024137;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.cate_item button.open:after {margin-top:-2px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.cate_item ul {display:none;padding:12px 25px 30px;background:#fff;border-top:1px solid #ddd;}
.cate_item ul:after {content:'';display:block;clear:both;}
.cate_item li {float:left;width:50%;margin-top:17px;}
.cate_item .colorchip {padding:10px 15px 30px;}
.cate_item .colorchip li {float:left;width:auto;margin:11px 5px 0 5px;}
.pdt_cate_list .btn_wrap {margin-top:40px;}

.inp_chkbox {position:relative;height:17px;}
span.inp_chkbox {display:inline-block;vertical-align:top;}
span.inp_chkbox + span.inp_chkbox {margin-left:30px;}
.inp_chkbox input {display:block;position:absolute;left:0;top:0;width:20px;height:20px;font-size:13px;line-height:17px;margin:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.inp_chkbox label {display:inline-block;overflow:hidden;vertical-align:top;position:relative;z-index:2;height:100%;max-width:100%;padding-left:30px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:17px;letter-spacing:-0.7px;color:#6e6e6e;background:url('../images/common/inp_check.png') no-repeat left top / 17px auto;box-sizing:border-box;}
.inp_chkbox label .chip {display:inline-block;width:12px;height:12px;vertical-align:top;margin-top:2px;margin-right:2px;border-radius:50%;}
.inp_chkbox input:checked + label {color:#024137;background-position:0 -50px;}
.inp_chkbox.inp_chip {width:21px;height:21px;}
.inp_chkbox.inp_chip label {position:absolute;overflow:visible;left:2px;top:2px;width:17px;height:17px;padding:0;font-size:0;color:transparent;background:none;}
.inp_chkbox.inp_chip label:after {content:'';display:block;position:absolute;left:-3px;top:-3px;right:-3px;bottom:-3px;border:1px solid transparent;}
.inp_chkbox.inp_chip input:checked + label:after {border-color:#a8a8a8;}
.inp_chkbox.inp_best,
.inp_chkbox.inp_new,
.inp_chkbox.inp_sale {height:20px;}
.inp_chkbox.inp_best label,
.inp_chkbox.inp_new label,
.inp_chkbox.inp_sale label {padding-left:24px;background-size:16px auto;}
.inp_chkbox.inp_best label {color:#024137;background-image:url('../images/common/inp_best.png');}
.inp_chkbox.inp_new label {color:#83a48a;background-image:url('../images/common/inp_new.png');}
.inp_chkbox.inp_sale label {color:#f78634;background-image:url('../images/common/inp_sale.png');}
.inp_chkbox.inp_best input:checked {color:#024137;}
.inp_chkbox.inp_new input:checked {color:#83a48a;}
.inp_chkbox.inp_sale input:checked {color:#f78634;}
.inp_chkbox.inp_best input:checked + label {color:#024137;background-position:0 -51px;}
.inp_chkbox.inp_new input:checked + label {color:#83a48a;background-position:0 -51px;}
.inp_chkbox.inp_sale input:checked + label {color:#f78634;background-position:0 -51px;}

.pdtListWrap {padding-bottom:68px;}
.pdtTopBan {padding:15px 16px 0;}
.pdtListTop {}
.pdtListTop .pdtTit {padding:0 16px;font-weight:500;font-size:16px;line-height:24px;}
.pdtListTop .pdtTit span {color:#024137;}
.pdtListTop .pdtRecommand {padding:15px 0 30px;}
.pdtListTop .pdtRecommand .pdtList {margin-top:15px;}
.pdtListTop .pdtRealtime {padding:30px 0 40px;background:#fff;}
.pdtListTop .pdtRealtime .slick-arrow {top:36%;}
.pdtListTop .pdtRealtime .slick-prev {left:3%;}
.pdtListTop .pdtRealtime .slick-next {right:3%;}
.pdtListTop .pdtRealtime .pdtItem {width:100%;}
.pdtListTop .pdtRealtime .pdtItem .pdtThumb {max-width:200px;margin:0 auto;}
.pdtCtrl {padding:37px 16px 27px;}
.pdtCtrl:after {content:'';display:block;clear:both;}
.pdtCtrl .opt_total {float:left;font-size:11px;line-height:15px;}
.pdtCtrl .opt_sorting {float:right;}
.pdtCtrl .sortType {position:relative;height:15px;}
.pdtCtrl .sortType:after {content:'';display:inline-block;position:absolute;right:3px;top:0;padding:4px;border:solid #024137;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.pdtCtrl .sortType select {padding-right:15px;text-align:right;font-size:11px;line-height:15px;vertical-align:top;}
.pdtListWrap .paging {margin-top:38px;}

.insta_wrap {padding:0 16px;margin-top:56px;}
.insta_wrap .tit {margin-right:-10px;font-weight:500;font-size:16px;line-height:23px;letter-spacing:-1px;}
.insta_wrap .hash {margin-top:3px;color:#767676;}
.insta_wrap .hash span {display:inline-block;vertical-align:top;}
.insta_wrap .hash span + span {margin-left:8px;}
.insta_list {overflow:hidden;margin:20px -16px 0;}
.insta_list ul {overflow-y:hidden;overflow-x:auto;position:relative;width:100%;padding:0 16px 10px;font-size:0;vertical-align:top;white-space:nowrap;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
.insta_list li {display:inline-block;vertical-align:top;width:150px;font-size:13px;line-height:23px;white-space:normal;word-wrap:break-word;word-break:keep-all;}
.insta_list li + li {margin-left:16px;}
.insta_list li .userid {padding-left:20px;margin-top:20px;background:url('../images/common/ico_insta_black.png') no-repeat left center / 14px auto;}
.insta_list li .tail {margin-top:10px;color:#767676;line-height:23px;}
.insta_wrap .btn_wrap {padding:0 30px;margin-top:20px;}

/* 제품상세 */
.pdtView {}
.pdtView .pdtTop {position:relative;}
.pdtView .pdtTop .btn_back {display:block;position:absolute;z-index:10;left:16px;top:25px;width:80%;padding-left:35px;box-sizing:border-box;}
.pdtView .pdtTop .btn_back .arr {position:absolute;left:0;top:50%;width:24px;height:1px;margin-top:-1px;background:#101010;transition-duration:.3s;}
.pdtView .pdtTop .btn_back .arr::before,
.pdtView .pdtTop .btn_back .arr::after {content:'';position:absolute;left:0px;width:6px;height:100%;background-color:inherit;}
.pdtView .pdtTop .btn_back .arr::before {top:3px;transform:rotate(-135deg);}
.pdtView .pdtTop .btn_back .arr::after {top:-3px;transform:rotate(135deg);}
.pdtView .pdtTop .opt_sns {display:block;position:absolute;z-index:10;right:16px;top:30px;width:22px;height:27px;background:url('../images/common/ico_sns.png') no-repeat center center / 22px auto;}
.pdtTop .pdtVisual {padding:30px 16px 0;background:#fafafa;}
.pdtTop .pdtVisual .visualImg {width:58.66%;margin:0 auto;}
.pdtTop .pdtVisual .visualImg .opt_vod {overflow:hidden;position:relative;width:100%;padding-top:100%;}
.pdtTop .pdtVisual .visualImg .opt_vod .vod_area {overflow:hidden;position:absolute;left:0;top:50%;width:100%;padding-top:56.25%;transform:translateY(-50%);}
.pdtTop .pdtVisual .visualImg .opt_vod .vod_area video {position:absolute;left:-0.5%;top:-0.5%;width:101%;height:101%;}
.pdtTop .pdtVisual .visualImg img {/*background:rgba(0,0,0,.2);*/}
.pdtTop .pdtVisual .visualThumb {padding-bottom:17px;text-align:center;}
.pdtTop .pdtVisual .visualThumb .slick-list {width:275px;margin:0 auto;}
.pdtTop .pdtVisual .visualThumb .slick-arrow {top:12px;}
.pdtTop .pdtVisual .visualThumb .slick-arrow:before {padding:4px;}
.pdtTop .pdtVisual .visualThumb .item {display:inline-block;}
.pdtTop .pdtVisual .visualThumb .item img {/*background:rgba(0,0,0,.2);*/}
.pdtTop .pdtVisual .visualThumb .item a {display:block;position:relative;width:45px;height:45px;margin:0 5px;box-sizing:border-box;opacity:.4;}
.pdtTop .pdtVisual .visualThumb .item a.on {background:#fff;opacity:1;}
.pdtTop .pdtVisual .visualThumb .item a.on:after {content:'';position:absolute;left:0;top:0;right:0;bottom:0;border:2px solid #101010;}
.pdtTop .pdtVisual .visualThumb .item.vod a:before {content:'';display:block;position:absolute;z-index:5;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0) url('../images/common/vod_play.png') no-repeat center center / 17px auto;}
.pdtTop .pdtVisual .visualChip {position:relative;padding:8px 0 11px;margin-right:-10px;font-size:0;}
.pdtTop .pdtVisual .visualChip:before {content:'';position:absolute;left:0;top:0;width:calc(100% - 10px);height:1px;background:#e6e6e6;}
.pdtTop .pdtVisual .visualChip button {display:inline-block;position:relative;margin:10px 10px 0 0;}
.pdtTop .pdtVisual .visualChip button.on {}
.pdtTop .pdtVisual .visualChip button.on:after {content:'';display:block;position:absolute;z-index:5;left:0;right:0;top:0;bottom:0;border:2px solid #101010;}
.pdtTop .pdtVisual .visualChip button span {display:block;width:25px;height:25px;font-size:0;line-height:0;color:transparent;}
.pdtTop .pdtVisual .visualChip .selected {margin-top:10px;font-size:11px;color:#767676;}
.pdtTop .pdtVisual .visualChip .selected em {color:#101010;}
.pdtTop .pdtVisual .viewChip {display:none;position:absolute;left:0;top:0;width:100%;padding:30px 16px 0;background:#fafafa;}
.pdtTop .pdtVisual .viewChip .inner {width:58.66%;margin:0 auto;}
.pdtTop .pdtInfo {position:relative;padding:30px 16px;}
.pdtTop .pdt_tab {position:relative;}
.pdtTop .btn_wish {position:absolute;right:0;top:0;width:27px;height:23px;background:url('../images/shopping/ico_wish_off.png') no-repeat center center / 100% auto;}
.pdtTop .btn_wish.on {background-image:url('../images/shopping/ico_wish_on.png');}
.pdtTop .opt_flag {padding-right:30px;line-height:20px;}
.pdtTop .opt_flag .flag {display:inline-block;width:37px;height:20px;text-align:center;vertical-align:top;font-size:11px;color:#fff;}
.pdtTop .opt_flag .flag + .flag {margin-left:2px;}
.pdtTop .opt_flag .best {background:#024137;}
.pdtTop .opt_flag .new {background:#83a48a;}
.pdtTop .opt_flag .sale {background:#f78634;}
.pdtTop .opt_cate {display:inline-block;margin-top:5px;vertical-align:top;color:#767676;}
.pdtTop .opt_cate span {display:inline-block;height:20px;padding:0 5px;vertical-align:top;font-size:12px;line-height:18px;border:1px solid #ccc;box-sizing:border-box;}
.pdtTop .opt_cate span.radius {padding:0 9px;border-radius:12px;}
.pdtTop .pdt_name {margin-top:8px;font-weight:500;font-size:22px;line-height:36px;}
.pdtTop .pdt_des {margin-top:4px;line-height:23px;}
.pdtTop .pdt_avg {margin-top:16px;line-height:18px;}
.pdtTop .pdt_avg ul:after {content:'';display:block;clear:both;}
.pdtTop .pdt_avg li {float:left;position:relative;padding:0 14px 0 0;color:#024137;line-height:20px;}
.pdtTop .pdt_avg li + li {padding-left:17px;}
.pdtTop .pdt_avg li + li:before {content:'';position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:#ccc;}
.pdtTop .pdt_avg li i.heart {display:inline-block;width:14px;height:12px;margin-top:5px;margin-right:6px;vertical-align:top;background:url('../images/shopping/ico_wish_on.png') no-repeat center center / 14px auto;}
.pdtTop .pdt_attr {padding-bottom:12px;margin-top:14px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.pdtTop .pdt_attr span {display:inline-block;position:relative;height:24px;padding-left:30px;margin-top:15px;vertical-align:top;font-size:11px;line-height:22px;box-sizing:border-box;}
.pdtTop .pdt_attr span:before {content:'';position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.2);}
.pdtTop .pdt_attr span:nth-child(odd) {width:110px;}
.pdtTop .pdt_attr span:nth-child(even) {width:calc(100% - 120px)}
.pdtTop .pdt_sec dl:after {content:'';display:block;clear:both;}
.pdtTop .pdt_sec dt {float:left;width:40%;}
.pdtTop .pdt_sec dd {float:right;width:60%;text-align:right;}
.pdtTop .pdt_sec .dl_award {padding-top:14px;}
.pdtTop .pdt_sec .dl_research {padding:18px 0 14px;}
.pdtTop .pdt_sec .dl_point {padding:14px 0 12px;border-top:1px solid #e6e6e6;}
.pdtTop .pdt_sec .dl_point dd {color:#024137;}
.pdtTop .toggleList {border-top-color:#e6e6e6;}
.pdtTop .toggleList .toggleCon {padding:0 0 14px;color:#767676;}
.pdtTop .toggleList button {padding-left:0;}
.pdtTop .toggleList button:after {right:2px;}
.pdtTop .pdt_quick .opt_option {padding-top:20px;}
.pdtTop .pdt_quick .opt_price {padding:24px 0 30px;}
.pdtTop .pdt_quick.noOpt .opt_qty {position:absolute;left:0;bottom:30px;}
.pdtTop .msg {padding:7px 0 8px;margin-bottom:10px;text-align:center;font-size:11px;line-height:15px;color:#024137;background:#fafafa;}
.pdtTop .msg.error {color:#d10000;}

.pdtView .pdt_ban {padding-bottom:40px;}
.pdtView .sec_info {padding:32px 16px;}
.pdtView .sec_related,
.pdtView .sec_recom {padding-top:47px;padding-bottom:40px;background:#fafafa;}
.pdtView .sec_recom {padding-bottom:80px;}
.pdtView .sec_related .pdtList,
.pdtView .sec_recom .pdtList {margin-top:33px;}

.gift_list {}
.gift_list li {padding:15px 0;font-size:0;}
.gift_list li:first-child {padding-top:10px;border-top:0;}
.gift_list li:last-child {padding-bottom:5px;}
.gift_list li .thumb,
.gift_list li .info {display:inline-block;vertical-align:middle;}
.gift_list li .thumb {width:90px;}
.gift_list li .thumb img {width:100%;/*background:rgba(0,0,0,.5);*/}
.gift_list li .info {width:calc(100% - 90px);padding:0 30px 0 20px;font-size:13px;line-height:23px;}
.gift_list li .pdtname {overflow:hidden;max-height:46px;color:#101010;}
.gift_list li .qty {font-size:11px;}

.pdtDetailTab {display:none;}
.pdtDetailFAQ {padding:35px 0 50px;}
.pdtDetailFAQ .pageTitle {text-align:center;}
.pdtDetailFAQ .des {}
.pdtDetailFAQ .title {margin-top:10px;font-weight:500;font-size:20px;}
.pdtDetailFAQ .toggleList {margin-top:40px;}

/* 리뷰공통 */
.dl_score dt {font-weight:500;font-size:18px;line-height:31px;}
.dl_score dd {width:64.45%;margin-top:15px;}
.dl_score .range_wrap {position:relative;}
.dl_score .range_wrap .btn {display:block;position:absolute;left:0;top:0;right:0;bottom:0;font-size:0;color:transparent;}
.range_wrap {position:relative;width:100%;padding-bottom:22px;line-height:20px;}
.range_wrap .rail {display:block;position:absolute;left:0;top:8px;width:100%;height:3px;background:#f3f8f7;transition-duration:.2s;}
.range_wrap .rail:before,
.range_wrap .rail:after {content:'';position:absolute;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:50%;background:#024137;}
.range_wrap .rail:before {left:0;}
.range_wrap .rail:after {right:0;}
.range_wrap .txt {position:absolute;bottom:0;font-size:11px;color:#024137;}
.range_wrap .txt.min {left:0;}
.range_wrap .txt.max {right:0;}
.range_wrap .slider {position:relative;width:100%;margin:0;vertical-align:top;-webkit-appearance:none;outline:none;}
.range_wrap .slider::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:7px solid #024137;border-radius:50%;box-sizing:border-box;}
.range_wrap .slider::-moz-range-thumb {width:20px;height:20px;background:#fff;border:7px solid #024137;border-radius:50%;box-sizing:border-box;}
.range_wrap.ready .rail {background-color:#e6e6e6;}
.range_wrap.ready .rail:before,
.range_wrap.ready .rail:after {background-color:#ccc;}
.range_wrap.ready .slider::-moz-range-thumb {border:7px solid #ccc;}
.range_wrap.ready .slider::-webkit-slider-thumb {border:7px solid #ccc;}
.range_wrap.ready .txt {color:#ccc;}
.range_wrap.readonly .slider::-moz-range-thumb {border:0;background:url('../images/shopping/ico_review_avg.png') no-repeat center center / 100% auto;}
.range_wrap.readonly .slider::-webkit-slider-thumb {border:0;background:url('../images/shopping/ico_review_avg.png') no-repeat center center / 100% auto;}

/* 리뷰리스트 */
.reviewSummary {padding:40px 16px 37px;}
.reviewSummary .rv_sum {text-align:center;}
.reviewSummary .rv_sum .leaf {display:block;width:50px;height:50px;margin:0 auto;border-radius:50%;background:#f3f8f7 url('../images/common/ico_leaf.png') no-repeat center center / 15px auto;}
.reviewSummary .rv_sum .sum {margin-top:18px;font-weight:500;font-size:22px;line-height:1;color:#767676;letter-spacing:0.5px;}
.reviewSummary .rv_sum em {color:#024137;}
.reviewSummary .rv_sum .reply {margin-top:7px;}
.reviewSummary .rv_sum .reply span {color:#024137;}
.reviewSummary .dl_avg {margin-top:16px;font-size:0;line-height:20px;}
.reviewSummary .dl_avg:after {content:'';display:block;clear:both;}
.reviewSummary .dl_avg dt,
.reviewSummary .dl_avg dd {margin-top:5px;font-size:14px;}
.reviewSummary .dl_avg dt {float:left;width:44px;padding-left:12px;text-align:center;color:#024137;background:url('../images/common/ico_leaf.png') no-repeat 0 3px / 11px auto;box-sizing:border-box;}
.reviewSummary .dl_avg dd {float:right;width:calc(100% - 44px);color:#767676;}
.reviewSummary .dl_avg dd .total {display:inline-block;vertical-align:top;position:relative;width:calc(100% - 44px);height:10px;margin-top:5px;background:#f6f8f7;}
.reviewSummary .dl_avg dd .total .bar {display:block;position:absolute;left:0;top:0;height:100%;background:#024137;transition-duration:.3s;}
.reviewSummary .dl_avg dd .avg {display:inline-block;width:40px;vertical-align:top;padding-left:7px;box-sizing:border-box;}
.reviewSummary .dl_score {padding-top:40px;margin-top:24px;border-top:1px solid #eaeaea;}
.reviewListArea {padding:30px 16px 33px;background:#fafafa;}
.reviewListArea .btn_wrap {margin-top:23px;}
.reviewSup {position:relative;padding-bottom:15px;border-bottom:1px solid #e6e6e6;}
.reviewSup .tit {font-weight:500;font-size:18px;}
.reviewSup .sub {}
.reviewSup .sub em {color:#024137;}
.reviewSup .btn {position:absolute;right:0;top:0;width:170px;}
.reviewCtrl {position:relative;margin-top:25px;background:#ffffff;}
.reviewCtrl .inp_select {width:100px;height:50px;border:0;}
.reviewCtrl .inp_select select {height:50px;line-height:48px;}
.reviewCtrl .btn_filter {display:block;position:absolute;right:0;top:0;width:48px;height:100%;font-size:0;color:transparent;background:url('../images/common/ico_filter.png') no-repeat center center / 18px auto;}
.reviewList {}
.reviewList .reviewItem {padding:0 16px;background:#fff;border:1px solid #e6e6e6;}
.reviewList .reviewItem .rv_top .date {position:absolute;right:0;bottom:15px;font-size:12px;color:#767676;}
.reviewList .reviewItem .rv_con {padding-bottom:28px;border-top:1px solid #e6e6e6;}
.reviewList .reviewItem .rv_con .thumb {position:relative;width:100%;padding-top:48.5%;margin-top:-1px;background-position:center top;background-size:cover;}
.reviewList .reviewItem .rv_con .thumb .num {display:block;position:absolute;right:0;bottom:0;padding:0 5px 0 30px;font-size:12px;line-height:30px;color:#fff;text-align:center;background:rgba(16,16,16,.8) url('../images/shopping/ico_review_pic.png') no-repeat 5px center / 19px auto;}
.reviewList .reviewItem .rv_con .rating_star {margin-top:15px;}
.reviewList .reviewItem .rv_con .subj {margin-top:10px;}
.reviewList .reviewItem .rv_con .hash {margin-top:7px;}
.reviewList .reviewItem.pic .rv_con .thumb .num {background-image:url('../images/shopping/ico_review_pic.png');}
.reviewList .reviewItem.vod .rv_con .thumb .num {background-image:url('../images/shopping/ico_review_vod.png');}
.reviewList .reviewItem .rv_bottom {position:relative;padding:13px 0;}
.reviewList .reviewItem .rv_bottom .opt {position:absolute;right:0;top:50%;margin-top:-7px;text-align:right;color:#767676;}
.reviewList .reviewItem .rv_bottom .opt .chip {display:inline-block;width:25px;height:10px;}
.reviewList .reviewItem + .reviewItem {margin-top:20px;}

@media all and (max-width:360px) {
	.reviewSup .btn {width:150px;}
}

/* 리뷰상세 */
.reviewDetail {}
.reviewDetail .reviewItem .rv_con .rating_star {margin-top:27px;}
.reviewDetail .reviewItem .rv_con .subj {margin-top:10px;}
.reviewDetail .reviewItem .rv_con .date {margin-top:8px;}
.reviewDetail .reviewItem .rv_con .hash {margin-top:12px;}
.reviewDetail .rv_article {padding-top:10px;}
.reviewDetail .rv_article .img_wrap,
.reviewDetail .rv_article .vod_wrap,
.reviewDetail .rv_article .txt_wrap {margin-top:10px;}
.reviewDetail .rv_con {padding-bottom:12px;}
.reviewDetail .rv_bottom {padding:23px 0 40px;text-align:center;font-size:12px;}
.reviewDetail .rv_bottom .ico {display:block;width:50px;height:50px;margin:0 auto;margin-bottom:14px;border-radius:50%;background:#f3f8f7 url('../images/shopping/ico_rvheart.png') no-repeat center center / 19px auto;}
.reviewDetail .rv_bottom .ico_heart.on {background-image:url('../images/shopping/ico_rvheart_on.png')}
.reviewDetail .rebuy {padding:28px 0 24px;text-align:center;font-weight:500;font-size:16px;line-height:24px;background:#fafafa;}
.reviewDetail .reviewer {position:relative;padding:2px 0 20px 88px;margin-top:25px;border-bottom:1px solid #e6e6e6;}
.reviewDetail .reviewer i {display:block;position:absolute;left:0;top:0;}
.reviewDetail .reviewer .name {font-weight:500;font-size:17px;line-height:22px;letter-spacing:0.1px;}
.reviewDetail .reviewer .dl_like {}
.reviewDetail .reviewer .dl_like dt,
.reviewDetail .reviewer .dl_like dd {display:inline-block;vertical-align:top;letter-spacing:0.1px;}
.reviewDetail .reviewer .dl_like dt {font-size:12px;color:#767676;}
.reviewDetail .reviewer .dl_like dd {margin-right:12px;font-weight:500;font-size:11px;}
.reviewDetail .reviewer .des {margin-top:6px;font-size:11px;color:#767676;letter-spacing:0.2px;}
.reviewDetail .reviewer .des em {font-weight:500;color:#101010;}
.reviewDetail .re_pdt {position:relative;padding-bottom:15px;margin-top:35px;border-bottom:1px solid #e6e6e6;}
.reviewDetail .re_pdt .pdtThumb {position:absolute;left:0;top:0;width:80px;}
.reviewDetail .re_pdt .pdtInfo {min-height:80px;padding-top:4px;padding-left:88px;}
.reviewDetail .re_pdt .opt_pdtname {font-weight:500;font-size:16px;}
.reviewDetail .re_pdt .opt_price {margin-top:3px;font-size:14px;}
.reviewDetail .re_pdt .opt_price .t {font-size:11px;color:#767676;}
.reviewDetail .re_pdt .opt_optname {margin-top:4px;font-size:11px;color:#767676;}
.reviewDetail .re_pdt .opt_optname .chip {display:inline-block;width:25px;height:10px;margin-right:6px;}
.reviewDetail .re_pdt .plus {margin-top:1px;font-size:11px;}
.reviewDetail .re_pdt .plus span {color:#024137;}
.reviewDetail .re_pdt .pdtBtn {margin-top:25px;font-size:0;}
.reviewDetail .re_pdt .pdtBtn .btn_buy,
.reviewDetail .re_pdt .pdtBtn .btn_cart {height:45px;}
.reviewDetail .re_pdt .pdtBtn .btn_buy {display:inline-block;vertical-align:middle;width:calc(100% - 50px);text-align:center;font-size:13px;line-height:45px;color:#fff;background:#024137;}
.reviewDetail .re_pdt .pdtBtn .btn_buy em {font-size:14px;}
.reviewDetail .re_pdt .pdtBtn .btn_cart {width:45px;margin-left:5px;color:transparent;font-size:0;border:1px solid #1e1e1e;background:url('../images/shopping/btn_cart.png') no-repeat center center / 45px auto;}
.reviewDetail .otherRv {overflow:hidden;padding-top:42px;margin:0 -16px;}
.reviewDetail .otherRv .tit {padding:0 16px;font-weight:500;font-size:16px;line-height:24px;}
.reviewDetail .otherRv .tit span {color:#024137;}
.reviewDetail .otherRv ul {overflow-y:hidden;overflow-x:auto;position:relative;width:100%;padding:0 16px 10px;margin-top:14px;font-size:0;vertical-align:top;white-space:nowrap;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
.reviewDetail .otherRv li {display:inline-block;vertical-align:top;width:123px;font-size:13px;line-height:23px;white-space:normal;word-wrap:break-word;word-break:keep-all;}
.reviewDetail .otherRv li + li {margin-left:10px;}
.reviewDetail .otherRv li .thumb {width:100%;padding-top:100%;background-position:center top;background-size:cover;}
.reviewDetail .otherRv li .pdt {margin-top:4px;font-size:11px;line-height:15px;}



/* 리뷰작성 */
.reviewWrite {position:relative;padding:32px 16px 60px;}
.reviewWrite .btn_back {display:block;position:absolute;z-index:10;left:16px;top:25px;width:80%;padding-left:35px;box-sizing:border-box;}
.reviewWrite .btn_back .arr {position:absolute;left:0;top:50%;width:24px;height:1px;margin-top:-1px;background:#101010;transition-duration:.3s;}
.reviewWrite .btn_back .arr::before,
.reviewWrite .btn_back .arr::after {content:'';position:absolute;left:0px;width:6px;height:100%;background-color:inherit;}
.reviewWrite .btn_back .arr::before {top:3px;transform:rotate(-135deg);}
.reviewWrite .btn_back .arr::after {top:-3px;transform:rotate(135deg);}
.reviewTop {padding-bottom:40px;}
.reviewTop .reviewPdt {position:relative;text-align:center;}
.reviewTop .reviewPdt .pdtname {position:absolute;left:0;bottom:0;width:100%;bottom:0;}
.reviewTop .reviewPdt .thumb {width:58.6%;min-width:220px;margin:0 auto;}
.reviewTop .rating_star_large {margin-top:16px;text-align:center;}
.reviewTop dl dt {font-weight:500;font-size:18px;line-height:31px;}
.reviewTop dl dd {margin-top:10px;}
.reviewTop .dl_score {margin-top:50px;}
.reviewTop .dl_tag {margin-top:35px;}
.reviewTop .dl_tag .tag_list {font-size:0;}
.reviewTop .dl_tag .tag {display:inline-block;position:relative;margin-top:5px;margin-right:5px;vertical-align:top;line-height:23px;}
.reviewTop .dl_tag .tag input {position:absolute;left:0;top:0;visibility:hidden;opacity:0;}
.reviewTop .dl_tag .tag label {display:block;position:relative;height:30px;font-size:13px;line-height:28px;padding:0 11px;color:#ccc;border:1px solid #ccc;box-sizing:border-box;}
.reviewTop .dl_tag .tag input:checked + label {color:#fff;background:#024137;border-color:#024137;}
.reviewTop .dl_tag .inp_wrap {margin-top:20px;}
.reviewTop .range_wrap {margin-top:5px;}
.reviewCon {padding:30px 16px;background:#fafafa;}
.reviewCon .title {position:relative;font-weight:500;font-size:18px;line-height:31px;}
.reviewCon .title .btn_link {display:inline-block;position:absolute;right:0;bottom:5px;font-size:11px;line-height:15px;color:#024137;border-bottom:1px solid #024137;}
.reviewCon .point_list {margin-top:14px;font-size:11px;line-height:20px;}
.reviewCon .point_list em {color:#024137;}
.reviewCon .unordered_list {margin-top:10px;}
.reviewCon dl dd {margin-top:8px;}
.reviewCon .dl_title {margin-top:25px;}
.reviewCon .dl_title .inp_text {background:#fff;}
.reviewCon .dl_article {margin-top:20px;}
.writeArea .selItemType {display:block;margin:5px auto 0;text-align:center;font-size:11px;color:#024137;}
.writeArea .selItemType i {display:block;position:relative;width:30px;height:30px;margin:0 auto 4px;border-radius:50%;border:1px solid #024137;box-sizing:border-box;}
.writeArea .selItemType i:before,
.writeArea .selItemType i:after {content:'';display:block;position:absolute;left:50%;top:50%;background:#024137;}
.writeArea .selItemType i:before {width:11px;height:1px;margin-left:-5px;}
.writeArea .selItemType i:after {width:1px;height:11px;margin-top:-5px;}
.writeArea .write_type {padding:65px 0;font-size:0;text-align:center;background:#fff;border:1px solid #e6e6e6;}
.writeArea ul + .write_type {margin-top:30px;}
.writeArea li {position:relative;padding-bottom:25px;}
.writeArea li + li {margin-top:30px;}
.writeArea .write_type button {display:inline-block;vertical-align:top;width:60px;margin:0 10px;font-size:13px;}
.writeArea .write_type button i {display:block;width:60px;height:60px;margin-bottom:14px;border-radius:50%;background:#f3f8f7;background-repeat:no-repeat;background-position:center center;background-size:20px auto;}
.writeArea .write_type button.txt i {background-image:url('../images/common/ico_review_txt.png');}
.writeArea .write_type button.pic i {background-image:url('../images/common/ico_review_pic.png');}
.writeArea .write_type button.vod i {background-image:url('../images/common/ico_review_vod.png');}
.writeArea .btn {display:block;position:absolute;right:0;bottom:0;text-align:right;}
.writeArea .btn button {display:inline-block;position:relative;padding-left:20px;font-size:11px;line-height:20px;color:#024137;}
.writeArea .btn button i {display:inline-block;position:absolute;left:0;top:0;width:20px;height:20px;}
.writeArea .btn .chgimg {display:inline-block;vertical-align:middle;overflow:hidden;position:relative;padding-left:20px;margin-right:20px;font-size:11px;line-height:20px;color:#024137;background:url('../images/common/ico_chgimg.png') no-repeat left center / 14px auto;}
.writeArea .btn .chgimg input {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.writeArea .btn .del i:before,
.writeArea .btn .del i:after {content:'';display:block;position:absolute;left:50%;top:50%;width:14px;height:1px;margin-left:-7px;background:#024137;}
.writeArea .btn .del i:before {transform:rotate(45deg);}
.writeArea .btn .del i:after {transform:rotate(-45deg);}
.writeArea textarea.textArea {height:100px;}
.writeArea .inp_wrap .help {position:absolute;left:0;top:100%;width:42%;margin-top:-2px;}
.writeArea.rv_article .img_wrap {border:1px solid #e6e6e6;border-bottom:0;}
.reviewBottom {padding:40px 0 0;}
.reviewBottom dl dt {font-weight:500;font-size:18px;line-height:31px;}
.reviewBottom dl dd {margin-top:12px;}
.reviewBottom .unordered_list {margin-top:40px;}
.reviewBottom .btn_wrap {margin-top:37px;}



















































.help span.addDesc {margin-top:8px;}
.help span.addDesc + span.addDesc {margin-top:5px;}
.addDesc {position:relative;display:block;padding-left:8px;font-size:11px;color:#767676;line-height:15px;/* white-space: nowrap; */}
.addDesc:before {content:'*';position:absolute;top:-1px; left:-1px;}

.inp_radio.type1 {height:19px;}
.inp_radio.type1 input {width:19px;height:19px;line-height:19px;}
.inp_radio.type1 label {padding-left:29px;line-height:19px;font-size:13px;background-size:19px auto;}
.inp_radio.type1 input:checked + label {background-position:0px -79px;}
span.inp_radio.type1 + span.inp_radio.type1 {margin:0 0 0 35px;}

.inp_radio.type2 input:checked + label {color:#101010;}
.inp_radio.type2 input:checked + label span{color:#024137;}

/**
 MY INFORMATION
**/
.myPage .contents_title .tit {font-size:18px;font-weight:500;}
.myPage .contents_title .tail {font-size:13px;}
.myPage .contents_title .tit + .tail {margin-top:10px;}
.myPage .secession {padding-top:30px;padding-bottom:60px;}
.myPage .secession .contents_title .tit + .tail {margin-top:5px;}

.myPage .changePw {padding-top:35px;padding-bottom:60px;}
.myPage .changePw .myPage_form {margin-top:15px;}
.myPage .changePw .myPage_form .tr + .btn_wrap {margin-top:17.5px;}

.myPage .confirmPw {padding-top:30px;padding-bottom:60px;}
.myPage .confirmPw .inp_wrap {margin-top:30px;}
.myPage .confirmPw .btn_wrap {margin-top:20px;}

/* 회원 탈퇴 */
.secession .contents_title {text-align:center;}
.secession .contents_title .tit {line-height:31px;}
.secession .tr {margin-top:55px;}
.secession .tr .th {padding-bottom:10px;border-bottom:1px solid #767676;}
.secession .tr .th .subtit {font-size:18px;line-height:18px;}
.secession .tr .td {padding:25px 0;}
.secession .tr .td.available {padding:0;}
.secession .tr .available li {width:100%;border-bottom:1px solid #ccc;height:35px;line-height:35px;}
.secession .tr .available li:after {content:'';display:block;clear:both;}
.secession .tr .available li p {float:left;color:#767676;}
.secession .tr .available li p + p {float:right;color:#101010;}
.secession .tr .td.unavailable {padding:15px 0 25px;margin-top:25px;border-top:1px solid #ccc;}
.secession .tr .td.unavailable p {margin-top:5px;}
.secession .tr .td.unavailable p span{display:inline-block;padding-left:6px;text-indent:-7px;font-size:11px;line-height:15px;color:#767676;}
.secession_info {margin-top:30px;padding:20px 0px 20px 29px;background:#fafafa;}
.secession_info .tit {position:relative;line-height:12px;font-weight:500;}
.secession_info .tail {margin-top:12px;font-size:11px; line-height:15px;}
.secession div.inp_radio + div.inp_radio {margin:17px 0 0;}

/* MY POINT */
.myPoint .pointTop {line-height:1;padding:35px 0 15px;}
.myPoint .pointTop .toptxt {}
.myPoint .pointTop .midtxt {margin-top:16px;font-size:30px;font-weight:500;color:#024137;}
.myPoint .pointTop .btmtxt {margin-top:31px;font-size:11px;color:#767676;}

.searchDate {padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.searchDate ul {}
.searchDate ul:after {content:'';display:block;clear:both;}
.searchDate ul li {float:left;margin-left:5px;width:calc(25% - 3.75px);}
.searchDate ul li:first-child {margin-left:0;}
.inp_wrap.detail {padding-top:15px;}
.detailDate, .pointList {display:none;}
.detailDate:after {content:'';display:block;clear:both;}
.detailDate .inp_text {float:right;width:calc(50% - 5px);}
.detailDate .inp_text:first-child {float:left;}
.detailDate .wind_bar {display:inline-block;width:10px;height:35px;line-height:35px;text-align:center;}

.myPointArea .pointList > ul + .paging {padding:40px 0 60px;}
.myPointArea .pointList > ul > li {display:table;width:100%;padding:20px 0;border-bottom:1px solid #ccc;}
.myPointArea .pointList > ul > li > div {display:table-cell;vertical-align:middle;}
.myPointArea .pointList .goods .name {}
.myPointArea .pointList .goods ul {margin-top:5px;}
.myPointArea .pointList .goods ul li {float:left;color:#767676;}
.myPointArea .pointList .goods ul li + li:before {content:'|';margin:0px 5px;}
.myPointArea .pointList .goods ul .givetake {color:#101010;font-weight:500;}
.myPointArea .pointList .point {text-align:right;}
.myPointArea .pointList .point em{font-size:16px;font-weight:500;color:#024137;}

/* SNS */
.myPage_sns {padding:50px 16px 58px 16px;}
.snsArea {background:#fafafa;padding:25px 15px;}
.snsArea .contents_title {}
.myPage_sns .snslist {background:#fff;margin-top:20px;}
.snslist li {padding:20px 0;border-top:1.25px solid #fafafa;border-bottom:1.25px solid #fafafa;}
.snslist li:first-child {border-top:0 none;}
.snslist li:last-child {border-bottom:0 none;}
.snsli .snsicon {height:35px;}
.snsli .snsicon .snstxt {display:inline-block;padding-left:72px;height:35px;background:url('../images/mypage/mypage_icon.png') no-repeat;background-size:35px;background-position:20px 0;}
.snsli .snsicon .snstxt .tit {line-height:35px;font-size:16px;}
.snsli .snsicon .snstxt .snsdate {display:none;margin-top:5px;line-height:1;font-size:11px;color:#767676;}
.snsli .snsbtn {position:relative;display:inline-block;width:62px;height:30px;float:right;margin:2.5px 15px 2.5px 0px;}
.snslist .line .snstxt {}
.snslist .fb .snstxt {background-position:20px -35px;}
.snslist .yh .snstxt {background-position:20px -70px;}
.snslist .az .snstxt {background-position:20px -105px;}
.snslist .line.on .snstxt {background-position:20px -140px;}
.snslist .fb.on .snstxt {background-position:20px -175px;}
.snslist .yh.on .snstxt {background-position:20px -210px;}
.snslist .az.on .snstxt {background-position:20px -245px;}
.snsli.on .snsicon .snstxt .tit {margin-top:2px;line-height:1;}
.snsli.on .snsicon .snstxt .snsdate {display:block;}
.snsli.on .snsicon .snsdate span {color:#024137;}
.myPage_sns .withdraw {padding-top:58px;text-align:center;font-size:11px;line-height:15px;color:#000;}
.myPage_sns .withdraw .click_pop {display:inline-block;vertical-align:middle;}
.myPage_sns .withdraw .click_pop a {border-bottom:1px solid #024137;color:#024137;}
.myPage_sns .withdraw .tail {margin-top:23px;color:#767676;}


/*  MY INFORMATION FORM */
.myPage_form {}
.myPage_form .tit {font-size:18px;}
.myPage_form .form_top .tit {margin:35px 0 15px;}
.myPage_form .form_middle {margin:30px 0 50px;}
.myPage_form .form_bottom .tit {padding-bottom:15px;border-bottom:1px solid #767676;}
.myPage_form .inp_check label {color:#101010;}
.myPage_form .tit span.subtit {float:right;font-size:11px;line-height:15px;}
.myPage_form .tit span.subtit a {border-bottom:1px solid #024137;color:#024137;}
.myPage_form .myinfo {padding:51px 0;text-align:center;background:#fafafa;}
.myPage_form .myinfo .tail {color:#767676;}
.myPage_form .myinfo .tail span{color:#101010;}
.myPage_form .tr {padding:12.5px 0;}
.myPage_form .tr + .btn_wrap {margin-top:15px;}
.myPage_form .tr.borT.mgt {margin-top:17.5px;}
.myPage_form .tr.borT {padding:25px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.myPage_form .tr.borT + .tr.borT {border-top:0 none;}
.myPage_form .th {line-height:12px;}
.myPage_form .th .essential {color:#d10000;}
.myPage_form .td {margin-top:10px;}
.myPage_form .id {margin-top:12.5px;}
.myPage_form .sex {margin-top:17.5px;}
.myPage_form .sex .td {margin-top:20px;}
.myPage_form .job {margin-top:17.5px;}
.myPage_form .receive_email .td {margin-top:16px;}
.check_type .chklist:after {content:'';display:block;clear:both;}
.check_type .chklist .inp_check {float:left;width:50%;margin:8.5px 0;}

/* SHIPPINGZONE */
.shippingzone {padding-bottom:60px;}
.shippingzone h3.tit {padding:35px 0 15px;font-size:18px;font-weight:500;}
.shippingzone .tit span.subtit {float:right;font-size:11px;line-height:15px;}
.shippingzone .tit span.subtit a {border-bottom:1px solid #024137;color:#024137;}

.zipList li {}
.zipList > li:last-child {border-bottom:1px solid #ccc;}
.zipList li .listTitle {}
.zipList .listTitle {position:relative;border-top:1px solid #767676;}
.zipList .listTitle .name {padding:10px 0;font-weight:500;}
.zipList .listTitle .name span {color:#024137;}
.zipList .listTitle .icon {position:absolute;top:0;right:16px;height:43px;}
.zipList .listTitle .icon button{display:inline-block;width:18px;height:43px;}
.zipList .listTitle .icon button + button {margin-left:18px;}
.zipList .listTitle .icon .zipedit {background: url('../images/mypage/edit_icon.png') no-repeat center center;background-size:contain;}
.zipList .listTitle .icon .zipdel {background: url('../images/mypage/delete_icon.png') no-repeat center center;background-size:contain;}
.zipList .zip {border-top:1px solid #ccc;padding:15px 0;}
.zipList .zip li {display:table;width:100%;}
.zipList .zip li + li {margin-top:15px;}
.zipList .zip li .tit {display:table-cell;width:36%;}
.zipList .zip li .tail {display:table-cell;width:64%;}

.shipping_form {overflow:hidden;padding:0 0 25px 0;}
.shipping_form .new_addr dl {margin-top:15px;}
.shipping_form .new_addr dt {}
.shipping_form .new_addr dd {margin-top:5px;}
.shipping_form .new_addr dd + dd {margin:20px 0 5px;}
.shipping_form .new_addr .notice_chk .sub_txt {padding-top:10px;border-top:1px solid #767676;}
.shipping_form .notice_chk {margin-top:20px;height:17px;line-height:15px;}

/**
로그인
**/
/* 일반로그인 */
.loginPage {
}
.loginPage .sec01 {padding:36px 0 25px;}
.loginPage .sec01 .title {font-size:18px;font-weight:500;color:#101010;line-height:14px;}
.loginPage .loginarea {margin-top:26px;}
.loginPage .inp_text.password {margin-top:25px;}
.loginPage .chkfind {margin-top:12px;}
.loginPage .chkfind:after {content:'';display:block;clear:both;}
.loginPage .chkfind .rememberbtn {float:left;}
.loginPage .chkfind .findbtn {float:right;font-size:11px;font-weight: 500;line-height:15px;}
.loginPage .btnArea {margin-top:38px;}
.loginPage .btnArea .textAreaC .textcenter {padding:36px 0;text-align:center;}	
.loginPage .btnArea .sns {font-size:0;}
.loginPage .btnArea .sns .btn_sns {width:22.8%;height:34px;color:#fff;font-size:10px;}
.loginPage .btnArea .sns .btn_sns + .btn_sns {margin-left:2.933%;}
.loginPage .btnArea .sns .btn_sns .icon {display:inline-block; margin-right:5px; vertical-align:middle;}
.loginPage .btnArea .sns .btn_sns.fb {background-color:#3b5998;}
.loginPage .btnArea .sns .btn_sns.fb .icon {width:7px;height:14px;background:url('../images/member/login_fb_icon.png') no-repeat center center;background-size:contain;}
.loginPage .btnArea .sns .btn_sns.line {background-color:#15c906;}
.loginPage .btnArea .sns .btn_sns.line .icon {width:24px;height:8px;background:url('../images/member/login_line_icon.png') no-repeat center center;background-size:contain;}
.loginPage .btnArea .sns .btn_sns.yahoo {background-color:#720e9e;}
.loginPage .btnArea .sns .btn_sns.yahoo .icon {width:21px;height:15px;background:url('../images/member/login_yahoo_icon.png') no-repeat center center;background-size:contain;}
.loginPage .btnArea .sns .btn_sns.amazon {background-color:#ff9900;}
.loginPage .btnArea .sns .btn_sns.amazon .icon {width:17px;height:17px;background:url('../images/member/login_amazon_icon.png') no-repeat center center;background-size:contain;}
.loginPage .addExp {padding-bottom:23px;margin-top:17px;border-bottom:1px solid #adadad;}
.loginPage .addExp .tail {position:relative;padding-left:5px;font-size:11px;line-height:15px;color:#6e6e6e;white-space:nowrap;}
.loginPage .addExp .tail span {font-weight:500;color:#024137;}
.loginPage .addExp .tail:before {content:'*';position:absolute;left:0px;top:1px;}
.loginPage .addExp .tail + .tail {margin-top:10px;}
.loginPage .sec02 {padding-bottom:60px;}
.loginPage .sec02 .title {font-size:18px;font-weight:500;color:#101010;line-height:14px;}
.loginPage .sec02 .tail {margin-top:15px;color:#767676;}
.loginPage .sec02 .tail + .btnArea {margin-top:23px;}

/* 통합회원전환+완료 */
.loginTerms {padding-bottom:60px;}
.loginTerms .inp_check {margin:20px 0 10px;}
.loginTerms .sec01 {padding:30px 16px 15px;border-bottom:1px solid #d3d3d3;font-size:20px;font-weight:500;}
.loginTerms .sec01 .title {font-size:20px;}
.loginTerms .sec01 .tail {margin-top:15px;font-size:11px;color:#3e3e3e;line-height:15px;word-break:break-word;}
.loginTerms .sec02 {padding:34px 0 8px;border-bottom:1px solid #767676;}
.loginTerms .sec02:after {content:'';display:block;clear:both;}
.loginTerms .sec02 .title {float:left;font-weight:500;line-height:24px;}
.loginTerms .sec02 .inp_check {float:right;margin:0;}
.loginTerms .sec03 .btn_wrap {margin-top:30px;}
.loginTerms .terms_box {width:100%;height:190px;border:1px solid #adadad;background: #f6f6f6;box-sizing:border-box;}
.loginTerms .terms_box > div {overflow:hidden; overflow-x:hidden;overflow-y:scroll;width:calc(100% - 6px);height:182px;padding:8px 16px;margin:3px;border:0 none;color:#767676;resize:none;box-sizing:border-box;word-break:break-all;}
.loginTerms .terms_box > div::-webkit-scrollbar {width: 5px !important; margin-right: 5px !important;}
.loginTerms .terms_box > div::-webkit-scrollbar-thumb {border-radius:5px 5px 5px 5px; background-color: #024137}
.loginTerms .terms_box > div::-webkit-scrollbar-track {background-color: none}

.loginIntergrate .sec01 {padding:33px 16px 12px;border-bottom:1px solid #d3d3d3;font-size:20px;font-weight:500;}
.loginIntergrate .sec01 .title {font-size:20px;}
.loginIntergrate .sec01 .tail {margin-top:12px;font-size:11px;color:#3e3e3e;line-height:15px;word-break:break-word;}
.loginIntergrate .sec02 {margin:30px 0;text-align:center;}
.loginIntergrate .sec02 li .txt{color:#767676;}
.loginIntergrate .sec02 li .txt span{color:#101010;}
.loginIntergrate .desc {position:relative;padding:7px 0 22px 8px;border-bottom:1px solid #ddd;font-size:11px;line-height:15px;color:#767676;}
.loginIntergrate .desc em {font-weight:500;color:#127137;}
.loginIntergrate .desc:before {content:'*';position:absolute;left:0;top:7px;}
.loginIntergrate .sec04 {padding:20px 0 60px;}
.loginIntergrate .sec04 .tit {}
.loginIntergrate .sec04 .tail {margin-top:7px;margin-left:9px;text-indent:-9px;font-size:11px;line-height:15px;color:#767676;}
.loginIntergrate .sec04 .btn_wrap {margin-top:22px;}

/* 회원가입+완료 */
.join .sec01 {border-bottom:1px solid #ccc;}
.join .join_top {display:table;margin:0 auto;padding:15px 0 18px;}
.join .join_top li + li {margin-left:65px;}
.join .join_top li {float:left;display:table-cell;text-align:center;}
.join .join_top li .join_num {position:relative;margin:0 auto;width:32px;height:32px;line-height:30px;border:1px solid #ccc;border-radius:50%;color:#ccc;}
.join .join_top li .join_txt {margin-top:10px;font-size:11px;line-height:12px;color:#ccc;}
.join .join_top li.on .join_num {border:1px solid #024137;color:#fff;background:#024137;}
.join .join_top li.on .join_txt {color:#024137;}
.join .desc {position:relative;padding-left:8px;margin-top:9px;font-size:11px;line-height:15px;color:#767676;}
.join .desc:before {content:'*';position:absolute;left:0;top:-1px;}

.join_page {padding-bottom:60px;}
.join_default .inp_select,
.join_default .inp_text input {}
.join_gift {padding:30px 0;}
.join_form .subtit {position:relative;margin-left:-2px;}
.join_form .subtit:after {}
.join_form .essential {position:absolute;top:2px;color:#d10000;}
.join_form .subtxt {border-bottom:1px solid #767676;}
.join_form .subtxt h3 {font-size:18px;font-weight:500;line-height:24px;}
.join_form .subtxt p {padding-bottom:13px;margin-top:9px;font-size:11px;line-height:15px;color:#767676;}
.join_form .tr + .btn_wrap {margin-top:25px;}
.join_form .td{margin-top:10px;}
.join_form .td.sex {margin-top:20px;}
.join_form .sex span.inp_radio + span.inp_radio {margin:0 0 0 35px;}
.join_form .td ul {margin-top:11.5px;}
.join_form .borT {border-top:1px solid #ccc;}
.join_default .tit {position:relative;margin-top:53px;font-size:18px;color:#101010;font-weight:500;line-height:24px;}
.join_default .tit .subtit {position:absolute;right:0;top: 0;padding-left:7.5px;font-size:11px;line-height:12px;color:#767676;}
.join_form .tit .subtit .essential {top:0px;left:0;}
.join_default .th {line-height:12px;}
.join_default .pdt25 {padding-top:25px;}
.join_default .pd25 {padding:25px 0;}
.join_default .pd25.borT {margin-top:30px;}
.join_default .pd25.borT + .pd25.borT {margin-top:0px;}
.join_default .padb25 {}
.join_default .tblType_form {padding-top:30px;}
.join_default .tblType_form span.btn_wrap {float:right;}
.join_default .tblType_form span.btn_wrap button {padding:0;width:110px;}
.join_default .tblType_form .widthfix {margin-top:11px;width:100%;}
.join_default .tblType_form .widthfix.mgt6 {margin-top:6px;}
.join_default .addDesc2 {display:inline-block;margin-top:7px;padding-left:9px;text-indent:-5px;white-space:nowrap;}
.join_default .pdt25 .subtail {margin-top:10px;font-size:11px;color:#767676;line-height:15px;}
.join_default .selc_skin .inp_selectbox {width:100%;}
.join_default .receive_email .inp_check {width:100%;margin-top:10px;}
.join_default .receive_email .inp_check + .inp_check {margin:10px 0 0;}
.join_default .receive_email + .help {margin-top:15px;}
.join_default .agree {margin-top:10px;}
.join_default .agree .click_pop {display:inline-block;float:right;vertical-align:middle;line-height:23px;font-size:11px;color:#000;}
.join_default .agree .click_pop a {border-bottom:1px solid #000;color: #024137;}

.joinComplete {text-align:center;padding-bottom:60px;}
.joinComplete .subtit:before {content:'';display:block;margin:35px auto 20px;width:50px;height:50px;background:url('../images/member/m_join_complete_icon.png') no-repeat;background-size:50px;}
.joinComplete .subtit {font-size:16px;color:#024137;}
.joinComplete .tit {line-height:31px;margin-top:5px;line-height:40px;font-size:20px;color:#024137;}
.joinComplete .tit em {font-weight:500;}
.joinComplete .myinfo {margin-top:10px;padding:28px 0;background:#fafafa;}
.joinComplete .myinfo .tail {color:#767676;}
.joinComplete .myinfo .tail em {display:inline-block;margin-left:15px;color:#024137;}
.joinComplete .bannerArea {padding:10px 0 20px;}

/* 배너영역 */
.bannerArea {
    margin: 0 -16px;
}
.bannerArea img{width:100%;}

/**
팝업
**/
.lyPopArea .lyTop.tit2 .lyTit {line-height:31px;}

/**
마이페이지 메인
**/
.myPage_main .subtitle {padding:15px 0 15px 16px;background:#fafafa;}
.myPage_main .subtitle em {font-weight:500;color:#024137;}
.myPage_main dl, .myPage_sub dl {position:relative;width:100%;height:40px;border-bottom:1px solid #e6e6e6;}
.myPage_main dt, .myPage_sub dt {display:inline-block;line-height:40px;color:#767676;}
.myPage_main dd, .myPage_sub dd {position:absolute;right:10px;display:inline-block;line-height:40px;color:#767676;}
.myPage_main dd a, .myPage_sub dd a {color:#101010;border-bottom:1px solid #101010;}

.membership, .community {padding:0 16px;}
.rate {display:table;width:100%;height:137px;border-bottom:1px solid #ccc;}
.rate .icon,
.rate .txt {display:table-cell;height:100%;vertical-align:middle;}
.rate .icon {width:33%;text-align:center;}
.rate .txt {width:67%;}
.rate .txt .tit {line-height:20px;}
.rate .txt a {display:inline-block;margin-top:5px;border-bottom:1px solid #024137;font-size:11px;color:#024137;}
.membership .rate .txt .tit em {margin-top:5px;font-size:16px;font-weight:500;color:#41695e;}
.membership .rate .txt .addDesc {margin-top:8px;color:#767676;}
.membership .rate .txt .addDesc span {color:#024137;}
.membership .rate .icon .ratePoint {font-size:11px;color:#1e1e1e;}
.membership .rate .icon .ratePoint em {color:#767676;}
.community {margin-top:10px;}
.community .rate .txt .tit {margin-top:px;}
.community .rate .txt .tit em {margin-top:5px;font-size:16px;font-weight:500;color:#f0d506;}
.community .rate .icon {background:url('../images/mypage/commu_rating_icon.png') no-repeat center;background-size:59px;}

.myPage_sub {background:#fafafa;}
.myPage_sub .subtitle {padding:30px 0;line-height:31px;text-align:center;font-size:18px;font-weight:500;}
.detailInfo {padding:0 16px;}
.detailInfo ul {display:table;padding:0 16px;width:calc(100% - 32px);height:90px;background:#fff;}
.detailInfo ul:after {content:'';display:block;clear:both;}
.detailInfo ul li {display:table-cell;position:relative;width:25%;text-align:center;vertical-align:middle;}
.detailInfo ul li:after {content:'';display:inline-block;position:absolute;right:0px;top:50%;padding:4px;margin-top:-17px;border:solid #767676;border-width:1px 1px 0 0;transform:rotate(45deg);}
.detailInfo ul li:last-child:after {content:none;}
.detailInfo ul li a {font-weight:500;font-size:18px;}
.detailInfo ul li p {margin-top:10px;line-height:15px;font-size:11px;color:#767676;}
.detailInfo .details {padding:0 16px;width:100%;background:#fff;padding-bottom:23px;}
.detailInfo .details dl:first-child {border-top:1px solid #e6e6e6;}
.detailInfo .details dl {width:100%;height:40px;background:#fff;}
.subArea {}
.subArea .tit {position:relative;padding:28px 0 15px 16px;font-size:16px;line-height:31px;font-weight:500;}
.subArea .tit .tail{display:inline-block;margin-left:10px;font-size:11px;font-weight:400;color:#767676;}
.subArea .barCodeArea {padding:22.5px;width:100%;text-align:center;background:#fff;}
.subArea .barCodeArea img {width:186px;}
.subArea .recentPrdt {padding-bottom:100px;}

/* 등급 아이콘 */
.progressCircle {position:relative;margin:2px auto 5px;width:62.5px;height:62.5px;background-color:#ccc;border-radius:50%;}
.progressCircle:after{content:'';display:block;position:absolute;top:3px;left:3px;width:56.5px;height:56.5px;text-align:center;border-radius:50%;background:url('../images/mypage/leaf_rating_icon.png') no-repeat center;background-size:14px;background-color:#fff;}
.progressCircle canvas {width:100% !important;height:100% !important;vertical-align:top;}

.myPage_main .arr {position:absolute;right:0;top:50%;width:21px;height:1px;background-color:#024137;}
.myPage_main .arr::before,
.myPage_main .arr::after {content:'';display:inline-block;position:absolute;right:0px;
width:7px;height:100%;background-color:inherit;}
.myPage_main .arr::before {top:3px;transform:rotate(-45deg);}
.myPage_main .arr::after {top:-3px;transform:rotate(45deg);}
.myInfo.toggleList {margin-top:30px;border-top:1px solid #ccc;}
.myInfo.toggleList button{height:40px;line-height:40px;padding-left:16px;border-bottom:1px solid #ccc;}
.myInfo.toggleList button:after {right:16px;}
.myInfo.toggleList .toggleCon {padding:0 16px; border-bottom:1px solid #ccc;}
.myInfo.toggleList .toggleCon li {position:relative;height:40px;line-height:40px;border-bottom:1px solid #ccc;}
.myInfo.toggleList .toggleCon li a {color:#767676;}
.myInfo.toggleList .toggleCon li:last-child {border-bottom:0 none;}

/**
마이페이지 코드박스
**/
.codeTop {}
.codeTop li a {font-weight:500;color:#101010;}
.myCodeArea {background:#fafafa;}
.myCodeArea .subtit {padding-top:30px;}
.myCodeArea .inp_wrap.hasbtn {margin-top:10px;padding-bottom:70px;}
.myCodeArea .inp_wrap.hasbtn .inp_text {width:calc(100% - 95px);}
.myCodeArea .inp_wrap.hasbtn .btn {width:85px;}
.myCodeArea .inp_text input {font-size:11px;}
.myCodeArea .inp_wrap .help {font-size:11px;line-height:15px;}

.codeList {display:block;padding-bottom:70px;}
.codeList ul {padding:25px 0 30px;}
.codeList ul li:first-child {margin-top:0;}
.codeList ul li {display:table;width:100%;height:146px;padding:20px 0;margin-top:15px;background:#fff;}
.codeDetail {display:table-cell;width:68%;line-height:1;vertical-align:middle;border-right:1px solid #e6e6e6;}
.codeDetail > p {margin-left:20px;}
.codeDetail .discount {font-size:18px;font-weight:700;}
.codeDetail .sortCode {margin-top:10px;font-weight:500;}
.codeDetail .numberCode {margin-top:17px;font-size:11px;color:#024137;}
.codeDetail .dateCode {margin-top:17px;font-size:11px;color:#767676;}
.codeDetail .termsCode {margin-top:7px;font-size:11px;color:#767676;}
.rightCode {display:table-cell;width:32%;vertical-align:middle;}
.rightCode button {position:relative;margin-left:20px;padding-left:15px;line-height:11px;font-size:11px;color:#024137;}
.rightCode button:before {content:'';display:inline-block;position:absolute;top:0;left:0;width:10px;height:12px;background:url('../images/mypage/code_copy_icon.png') no-repeat;background-size:10px;}
.rightCode .used {text-align:center;color:#ccc;}
.rightCode .timeover {text-align:center;color:#d10000;}

/**
마이페이지 1:1Contact
**/
/* contact + QnA */
.contactTop .tail {padding:27px 0;}
.contact {padding-bottom:60px;}
.contact.myPage_form .tr:first-child {padding:25px 0 12.5px;}
.contactArea {}
.contactList {padding-bottom:70px;}
.contactList .paging {margin-top:40px;}
.contactbtn {display:block;position:relative;width:100%;height:90px;text-align:left;border-bottom:1px solid #cccccc;}
.contactbtn:after {content:'';display:inline-block;position:absolute;right:12px;top:40px;padding:4px;margin-top:-6px;border:solid #024137;border-width:0 1px 1px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.contactbtn.open {height:auto;}
.contactbtn.open:after {margin-top:-2px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.contactbtn .contactDetail {height:90px;}
.contactbtn .contactDetail .contactTit {padding-top:20px;}
.contactbtn .contactDetail .contactEtc {padding-top:5px;}
.contactbtn .contactDetail .contactEtc span {font-size:11px;}
.contactbtn .contactDetail .contactEtc span + span:before {content:'|';padding-right:5px;color:#767676;}
.contactbtn .contactDetail .contactEtc .contactCondition {margin-right:5px;}
.contactbtn .contactDetail .contactEtc .contactCondition.replyY {color:#024137;}
.contactbtn .contactDetail .contactEtc .contactCondition.replyN {color:#767676;}
.contactbtn .contactDetail .contactEtc .contactDate {color:#024137;}

.contactToggle .contactContents {margin-top:-5px;margin-bottom:20px;}
.contactToggle {display:none;position:relative;margin-top:-1px;padding-top:1px;border-bottom:1px solid #cccccc;background:#fff;}
.contactToggle .contactReply {padding:20px 16px 35px;border-top:1px solid #e6e6e6;background:#fafafa;}
.contactToggle .replyTit {font-weight:500;}
.contactToggle .replyDate {font-size:11px;color:#024137;}
.contactToggle .replyImg {margin-top:15px;}
.contactToggle .replyImg img {width:100%;}
.contactToggle .replyContents {margin-top:15px;}
.contactToggle .btn_wrap {margin-top:25px;}
.contactToggle .btn_wrap .btn {width:105px;}

/* contact write */
.inp_wrap.hasbtn.type2 .inp_text {width:calc(100% - 88px);}
.inp_wrap.hasbtn.type2 .btn {width:78px;}
.imgUpload {position:relative;}
.imgUpload input {position:absolute;top:0;left:0;width:0px;height:0px;opacity:0;}
.imgUpload label {display:inline-block;float:left;width:75px;height:75px;margin-right:10px;margin-bottom:10px;background:url('/static/front/resources/mobile/images/mypage/contact_upload_icon.jpg') no-repeat;background-size:75px;}
.imgUpload #addImg:after {content:'';display:block;clear:both;}
.imgUpload #addImg .addImg_item {position:relative;float:left;width:75px;height:75px;overflow:hidden;margin-right:10px;margin-bottom:10px;}
.imgUpload #addImg img {width:75px;}
.imgUpload span.deleteImg {position:absolute;top:0;right:0;width:20px;height:20px;background:url('/static/front/resources/mobile/images/mypage/contact_delete_icon.png') no-repeat;background-size:20px;}
.imgUpload .addDesc {color:#ccc;}
.imgUpload + .btn_wrap {margin-top:40px;}

.lyPopArea.wide.type2 {padding:0;height:100%;background:#fff;}
.lyPopArea.type2 .lyClose {top:20px;right:0px;}
.lyPopArea.type2 .lyPop {padding:0;background:#fff;}
.lyPopArea.type2 .lyTop {position:relative;margin:0 16px;height:83px;}
.lyPopArea.type2 .lyTit {position:absolute;bottom:0;line-height:1;margin-bottom:16px;padding:0;}
.lyPopArea.type2 .lyTail {display:inline-block;margin-left:5px;font-size:11px;color:#767676;}
.lyPopArea.type2 .lyBody {padding:0 16px;letter-spacing:0;}
.lyPopArea.type2 .btn_wrap {padding-bottom:70px;}

.orderCList {border-bottom:1px solid #e6e6e6;}
.orderCList .inp_radio.type1 {position:relative;height:45px;border-top:1px solid #767676;border-bottom:1px solid #e6e6e6;}
.orderCList .inp_radio.type1 label {margin:12px 0;width:100%;height:auto;box-sizing:border-box;}
.orderCList + .paging {padding:40px 0;}
.orderCInfo {padding:17.5px 0;}
.orderCInfo li {display:table;width:100%;margin-top:10px;}
.orderCInfo li:first-child {margin-top:0px;}
.orderCInfo li > p, .orderCInfo li > div {display:table-cell;}
.orderCInfo li .orderCtit {width:36%;color:#767676;}
.orderCInfo li .orderCtail {width:64%;}
.orderCInfo li .orderCtail .orderNumber {color:#024137;}
.orderCInfo li .orderCtail .orderPrice {font-weight:500;color:#024137;}

/* wish list */
.wishListArea {padding-bottom:60px;background:#fafafa;}
.wishListArea .wishQnty {padding:30px 16px;line-height:16px;} 
.wishListArea .wishQnty em {font-weight:500;color:#024137;}
.wishListArea .noData {margin:0 16px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

.pdtListWrap.wishListWrap {padding:0;}
.wishListWrap .pdtBtn .btn_buy {width:100%;}

/**
Customer Center
**/
.customer {}
.noticeArea {padding-top:20px;}
.noticeArea .list_view_group {margin-top:0;}

/* NOTICE */
.searchNotice {}
.searchNotice .inp_wrap + .inp_wrap {margin-top:10px;}
.noticeList {}
.noticeList li {width:100%;height:120px;border-bottom:1px solid #e6e6e6;box-sizing:border-box;}
.noticeList li .tit {padding-top:20px;font-weight:500;}
.noticeList li .tit .important {display:inline-block;width:17.5px;height:20.5px;margin-right:6px;background:url('/static/front/resources/mobile/images/common/icon_top_notice.png') no-repeat;background-size:contain;vertical-align:middle;}
.noticeList li .tit em {color:#024137;}
.noticeList li .date {margin-top:15px;line-height:1;font-size:11px;color:#024137;}
.noticeList + .paging {padding:40px 0;}

/* NOTICE view */
.viewTop {border-bottom:1px solid #ccc;}
.viewTop .tit {margin-top:5px;font-size:16px;font-weight:500;line-height:24px;}
.viewTop .date {padding:20px 0;line-height:15px;color:#024137;}
.viewDown {}
.viewDown:after {content:'';clear:both;display:block;}
.viewDown .downArea {float:right;height:48px;line-height:48px;}
.viewDown .downArea a {color:#767676;font-size:11px;}
.viewDown .downArea a:before {content:'';display:inline-block;width:17.5px;height:22.5px;margin-right:10px;vertical-align:middle;background:url('/static/front/resources/mobile/images/common/icon_download.png') no-repeat center;background-size:contain;}
.viewCon .viewImg {}
.viewCon .viewImg img {width:100%;}
.viewCon .viewtext {padding-top:20px;}
.viewCon .btn_wrap {padding:30px 0;}

/* SHOPPING GUIDE index */
.iconArea {padding:16px 0;}
.iconArea:after {content:'';clear:both;display:block;}
.iconArea li {position:relative;float:left;width:50%;height:171.5px;text-align:center;}
.iconArea li a {display:block;width:100%;height:100%;}
.iconArea li i {display:inline-block;}
.iconArea li i.profile {width:100%;height:100%;background:url('/static/front/resources/mobile/images/customer/customer_profile_icon.png') no-repeat bottom 88px center;background-size:44.5px 40px;}
.iconArea li i.member {width:100%;height:100%;background:url('/static/front/resources/mobile/images/customer/customer_member_icon.png') no-repeat bottom 88px center;background-size:57.5px 39px;}
.iconArea li i.point {width:100%;height:100%;background:url('/static/front/resources/mobile/images/customer/customer_point_icon.png') no-repeat bottom 88px center;background-size:40.5px 44px;}
.iconArea li i.code {width:100%;height:100%;background:url('/static/front/resources/mobile/images/customer/customer_code_icon.png') no-repeat bottom 88px center;background-size:46.5px 42.5px;}
.iconArea li i.cart {width:100%;height:100%;background:url('/static/front/resources/mobile/images/customer/customer_cart_icon.png') no-repeat bottom 88px center;background-size:39.5px 35px;}
.iconArea li i.credit1 {width:100%;height:100%;background:url('/static/front/resources/mobile/images/customer/customer_icon_creditcard1.png') no-repeat bottom 88px center;background-size:52px 35px;}
.iconArea li i.credit2 {width:100%;height:100%;background:url('/static/front/resources/mobile/images/customer/customer_icon_creditcard2.png') no-repeat bottom 88px center;background-size:52px 35px;}
.iconArea li i.delivery {width:100%;height:100%;background:url('/static/front/resources/mobile/images/customer/customer_delivery_icon.png') no-repeat bottom 88px center;background-size:57px 37px;}
.iconArea li .txt {position:absolute;width:100%;bottom:45px;}
.center {padding:25px 0 30px;border-top:1px solid #ccc;}
.center .tit {font-size:16px;font-weight:500;}
.center .info {margin-top:20px;}
.center .info li {display:table;width:100%;}
.center .info li p {display:table-cell;color:#767676;}
.center .info li + li {padding-top:10px;}
.center .info li .infoT {width:25%;}
.center .info li .infoC a {border-bottom:1px solid #024137;font-size:16px;font-weight:500;color:#024137;}















































/* ==========================
공통 
==========================*/

.hide {font-size:0;display:none;position:absolute;top:0;left:-200%}
.loader {position:fixed;right: 50%;bottom: 23px;background: url(../images/layout/loader.gif) no-repeat center center / 16px auto;width: 16px;height: 16px;z-index: 99999;display: block;}


/* ==========================
레이아웃
========================== */

#header {-webkit-transition: none;transition: none;}
#header .page_ttl a {font-size: 20px;font-weight: 700;color: #101010;line-height: 61px;}
#header .page_ttl a span {text-indent: -9999px;display: inline-block;width: 20px;background: url(../images/common/innistar.png) no-repeat center / 20px auto;}
#header .headerIn .headR a {background: url(../images/common/guide_icon.png) no-repeat center / 29px auto;}
#header.bg {background: #024137;}
#header.bg .page_ttl a {color:#fff}
#header.bg a.btn_gnbToggle .ico .bar {background:#fff}
#header.bg a.btn_gnbToggle.on .ico .bar {background:#101010;}
#header.Ingre {background: transparent;}
#header.Ingre .page_ttl a {color:#fff}
#header.Ingre a.btn_gnbToggle .ico .bar {background:#fff}
#header.nav-down {background:#fff !important}
#header.nav-down .page_ttl a {color:#101010 !important}
#header.nav-down a.btn_gnbToggle .ico .bar {background: #101010 !important;}

.sideNav {overflow:hidden;position:fixed;z-index:1900;left:-100%;top: 0;width:100%;height: 100%;overflow-y: scroll;background:#f7f7f7;transform:translateX(0);transition-duration:.3s;text-align: left;}
.sideNav.open {transform:translateX(100%);}
.sideNav .loginDiv {position: absolute;top: 5px;right: 10px;}
.sideNav .loginDiv > div {line-height: 40px;color: #999999;background: url(../images/common/user_icon.png) no-repeat right center / 35.5px auto;padding-right: 40.5px;}
.sideNav .loginDiv > div span {color: #024137;font-weight: 600;margin: 0 0 0 5px;}
.sideNav .loginDiv > div.on {color: #383838;}
.sideNav .loginDiv > div.on span {}
.sideNav .gnbClose {position: absolute;left: 20px;top: 36px;width: 23px;height: 1px;}
.sideNav .gnbClose .ico {}
.sideNav .gnbClose .bar {width: 100%;height: 100%;display: block;background: #101010;position: absolute;top: 0;left: 0;}
.sideNav .gnbClose .bar:nth-child(1) {margin-top: -6px;transform: rotate(45deg);}
.sideNav .gnbClose .bar:nth-child(2) {display: none;}
.sideNav .gnbClose .bar:nth-child(3) {margin-top: -6px;transform: rotate(-45deg);}
.sideNav .nav {margin: 100px 20px -1px;}
.sideNav .nav li {border-bottom: 1px solid #999999;}
.sideNav .nav li a {display: block;line-height: 78px;font-size: 25px;font-weight: 600;color: #383838;position: relative;overflow: hidden;}
.sideNav .nav li a span {text-indent: -9999px;display: inline-block;width: 18.5px;background: url(../images/common/innistar.png) no-repeat center / 18.5px auto;}
.sideNav .link01 {background:url(../images/common/link_arrow.png) no-repeat right center;background-size: 16px auto;display: inline-block;margin: 40px 20px 0;padding-right: 25px;font-size: 15px;font-weight: 600;color: #383838;}
.sideNav .sns {overflow: hidden;margin: 40px 20px 20px;}
.sideNav .sns li {text-indent: -9999px;float: left;margin: 0 6px;}
.sideNav .sns li.twitter {background:url(../images/common/twitter.png) no-repeat center;background-size: 20px auto;}
.sideNav .sns li.facebook {background:url(../images/common/facebook.png) no-repeat center;background-size: 20px auto}
.sideNav .sns li.instagram {background: url(../images/common/instagram.png) no-repeat center;background-size: 20px auto;}
.sideNav .sns li a {display: block;padding: 15px;width: 20px;height: 20px;border: 1px solid #dbdbdb;border-radius: 50%;}
.sideNav .sns li a span {}


/* ==========================
팝업 
========================== */

/* 기본 팝업 */
.lyPopArea .lyPop {border-radius: 7px;overflow: hidden;background: #f7f7f7;}
.lyPopArea .teaser_lyWrap {margin: -20px 0 0;}
.lyPopArea .lyClose {border: 2px solid #ffffff;}
.lyPopArea .lyClose:before,
.lyPopArea .lyClose:after {background: #ffffff;}
.lyPopArea .lyClose:before {}
.lyPopArea .lyClose:after {}
.lyPopArea .teaser_lyttl {background: #024137;color: #fff;padding: 60px 20px 20px 20px;}
.lyPopArea .teaser_lyttl .popUp_p01 {padding: 0 0 10px;}
.lyPopArea .teaser_lyttl .popUp_p02 {font-weight: 700;font-size: 25px;line-height: 30px;padding: 0 0 10px;}
.lyPopArea .teaser_lyttl .popUp_p02 span {text-indent: -9999px;display: inline-block;width: 18.5px;background: url(../images/common/innistar.png) no-repeat center / 16.5px auto;}
.lyPopArea .teaser_lyttl .popUp_p03 {font-size:12px;line-height: 21px;}
.lyPopArea .teaser_lyttl .popUp_p04 {font-size:11px;line-height: 20px;}
.lyPopArea .teaser_lyctt {}
.lyPopArea .teaser_lyctt > p {color: #767676;font-size: 11px;}
.lyPopArea .teaser_lyctt img {width:100%;height: 100%;display:block;}
.lyPopArea .teaser_lyfoot {margin: 0 20px;}

/* 부가정보입력혜택 팝업 */
.lyPopArea.addInfo .teaser_lyttl .popUp_p02 {font-size:18px;font-weight: 500;}

/* 부가정보입력혜택2 팝업 */
.lyPopArea.addInfo2 .teaser_lyttl .popUp_p02 {font-size:18px;font-weight: 500;}
.lyPopArea.addInfo2 .teaser_lyttl .popUp_p03 {}

/* 비번찾기 팝업 */
.lyPopArea.findPw .teaser_lyttl .popUp_p02 {font-size:18px;font-weight: 500;}
.lyPopArea.findPw .teaser_lyctt {margin:20px}

/* 신청완료 팝업 */
.lyPopArea.complePopup .teaser_lyttl .popUp_p02 {font-size:18px;font-weight: 500;}
.lyPopArea.complePopup .teaser_lyctt {margin:20px;}

/* 신청취소 팝업 */
.lyPopArea.cancelPopup .teaser_lyttl .popUp_p02 {font-size:18px;font-weight: 500;}
.lyPopArea.cancelPopup .teaser_lyctt {margin:20px;}

/* 임시비밀번호발송 팝업 */
.lyPopArea.sendPw .teaser_lyttl .popUp_p02 {font-size:18px;font-weight: 500;}
.lyPopArea.sendPw .teaser_lyctt {margin:20px}

/* 회원전환 팝업 */
.lyPopArea.comMember .teaser_lyttl .popUp_p02 {font-size:18px;font-weight: 500;}
.lyPopArea.comMember .teaser_lyctt {margin:20px}

/* 이벤트 가이드 레이어 팝업 */
.lyPopArea.guidePopup .lyPop {border-radius: 7px;overflow: hidden;background: #fff;}
.lyPopArea.guidePopup .teaser_lyWrap {margin: -20px 0 0;}
.lyPopArea.guidePopup .lyClose {}
.lyPopArea.guidePopup .lyClose:before,
.lyPopArea.guidePopup .lyClose:after {}
.lyPopArea.guidePopup .lyClose:before {}
.lyPopArea.guidePopup .lyClose:after {}
.lyPopArea.guidePopup .teaser_lyttl {background: #024137;color: #fff;padding: 50px 20px 20px 20px;}
.lyPopArea.guidePopup .teaser_lyttl .popUp_p01 {padding: 0 0 10px;}
.lyPopArea.guidePopup .teaser_lyttl .popUp_p02 {font-weight: 700;font-size: 25px;line-height: 30px;padding: 0 0 10px;}
.lyPopArea.guidePopup .teaser_lyttl .popUp_p02 span {text-indent: -9999px;display: inline-block;width: 18.5px;background: url(../images/common/innistar.png) no-repeat center / 16.5px auto;}
.lyPopArea.guidePopup .teaser_lyttl .popUp_p03 {}
.lyPopArea.guidePopup .teaser_lyctt {}
.lyPopArea.guidePopup .teaser_lyctt img {width:100%;display:block}
.lyPopArea.guidePopup .teaser_lyfoot {margin: 0 20px;}
.lyPopArea.guidePopup .teaser_lyfoot .box01 {margin: 0 20px;}
.lyPopArea.guidePopup .teaser_lyfoot .box01 .ttl {font-weight: 500;font-size: 18px;line-height: 31px;margin: 0 0 10px;}
.lyPopArea.guidePopup .teaser_lyfoot .box01 .ctt {text-align: center;font-size: 20px;font-weight: 700;color: #024137;}
.lyPopArea.guidePopup .teaser_lyfoot .box02 {overflow: hidden;border-bottom: 1px solid #e6e6e6;}
.lyPopArea.guidePopup .teaser_lyfoot .box02 .ttl {font-size: 18px;color: #101010;}
.lyPopArea.guidePopup .teaser_lyfoot .box02 .ctt {margin: 30px -20px 30px;}
.lyPopArea.guidePopup .teaser_lyfoot .box02 .ctt img {}
.lyPopArea.guidePopup .teaser_lyfoot .box03 {margin: 25px 0;}
.lyPopArea.guidePopup .teaser_lyfoot .box03 .ttl {font-size: 12px;font-weight: 700;margin: 8px 0 0;}
.lyPopArea.guidePopup .teaser_lyfoot .box03 ul {font-size: 12px;line-height: 23px;color: #666;}
.lyPopArea.guidePopup .teaser_lyfoot .box03 ul li {margin: 0 0 5px;padding: 0 0 0 10px;position: relative;}
.lyPopArea.guidePopup .teaser_lyfoot .box03 ul li span {position: absolute;top: 0;left: 0;line-height: 23px;width: 4px;height: 23px;background: url(../images/common/bullet.png) no-repeat left center / 4px;}
.lyPopArea.guidePopup .teaser_lyfoot .box04 {text-align: center;}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .snsBtn {display: inline-block;color: #333;font-size: 14px;padding: 0 0 0 30px;line-height: 23px;background: url(../images/common/sns_icon.png) no-repeat left center / 20px;}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .snsBtn > a {padding: 0 20px 0 0;position: relative;}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .snsBtn > a::after {content:'';position:absolute;top:50%;right: 4px;width: 7px;height: 2px;margin: -1px 0 0;background:#024137;transform: rotate(45deg);}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .snsBtn > a::before {content:'';position:absolute;top: 50%;right: 0px;width: 7px;height: 2px;margin: -1px 0 0;background:#024137;transform: rotate(-45deg);}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .snsBtn > a.on::after {transform: rotate(-45deg);}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .snsBtn > a.on::before {transform: rotate(45deg);}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .sns {display:none;overflow: hidden;margin: 25px auto 10px;font-size: 0;}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .sns li {text-indent: -9999px;display: inline-block;vertical-align: middle;margin: 0 6px;}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .sns li.twitter {background:url(../images/common/twitter.png) no-repeat center / 20px auto;}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .sns li.facebook {background:url(../images/common/facebook.png) no-repeat center / 20px auto;}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .sns li.sns01 {background: url(../images/common/sns01.png) no-repeat center / 20px auto;}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .sns li.url {background: url(../images/common/url.png) no-repeat center / 20px auto;}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .sns li a {display: block;width: 20px;height: 20px;padding: 15px;border: 1px solid #dbdbdb;border-radius: 50%;}
.lyPopArea.guidePopup .teaser_lyfoot .box04 .sns li a span {}

/* 베스트 리뷰어 공고 팝업 */
.lyPopArea.bestReviewNotice .lyPop {border-radius: 7px;overflow: hidden;background: #fff;}
.lyPopArea.bestReviewNotice .teaser_lyWrap {margin: -20px 0 0;}
.lyPopArea.bestReviewNotice .lyClose {}
.lyPopArea.bestReviewNotice .lyClose:before,
.lyPopArea.bestReviewNotice .lyClose:after {}
.lyPopArea.bestReviewNotice .lyClose:before {}
.lyPopArea.bestReviewNotice .lyClose:after {}
.lyPopArea.bestReviewNotice .teaser_lyttl {background: #024137;color: #fff;padding: 50px 20px 20px 20px;}
.lyPopArea.bestReviewNotice .teaser_lyttl .popUp_p01 {padding: 0 0 10px;}
.lyPopArea.bestReviewNotice .teaser_lyttl .popUp_p01 span {text-indent: -9999px;display: inline-block;width: 10px;background: url(../images/common/innistar.png) no-repeat center / 10px auto;}
.lyPopArea.bestReviewNotice .teaser_lyttl .popUp_p02 {font-weight: 700;font-size: 25px;line-height: 30px;padding: 0 0 10px;}
.lyPopArea.bestReviewNotice .teaser_lyttl .popUp_p02 span {text-indent: -9999px;display: inline-block;width: 18.5px;background: url(../images/common/innistar.png) no-repeat center / 16.5px auto;}
.lyPopArea.bestReviewNotice .teaser_lyttl .popUp_p03 {}
.lyPopArea.bestReviewNotice .teaser_lyctt {padding: 0 20px;}
.lyPopArea.bestReviewNotice .teaser_lyctt .ttl {display: inline-block;padding: 4px 0 0 28px;margin: 35px 0 0;font-size: 20px;font-weight: 700;}
.lyPopArea.bestReviewNotice .teaser_lyctt .ttl.first {background: url(../images/common/fisrt_star.png) no-repeat left center / 22.5px auto;}
.lyPopArea.bestReviewNotice .teaser_lyctt .ttl.second {background: url(../images/common/second_star.png) no-repeat left center / 22.5px auto;}
.lyPopArea.bestReviewNotice .teaser_lyctt .ttl.third {background: url(../images/common/third_star.png) no-repeat left center / 22.5px auto;}
.lyPopArea.bestReviewNotice .teaser_lyctt .ctt {margin: 5px 0 0;font-size: 12px;}
.lyPopArea.bestReviewNotice .teaser_lyctt table {text-align: center;margin: 10px auto 0;}
.lyPopArea.bestReviewNotice .teaser_lyctt table tr {}
.lyPopArea.bestReviewNotice .teaser_lyctt table tr th {background: #f2f6f3;padding: 9px 0;}
.lyPopArea.bestReviewNotice .teaser_lyctt table tr td {padding: 18px 0;border-bottom: 1px solid #cccccc;}

/* 이니스타동영상 팝업 */
.lyPopArea.innistarVideo {}
.lyPopArea.innistarVideo .lyPop {padding: 0;border-radius: 0;overflow: visible;}
.lyPopArea.innistarVideo .teaser_lyWrap {}
.lyPopArea.innistarVideo .lyClose {top: -60px;right: 0;}
.lyPopArea.innistarVideo .lyClose:before,
.lyPopArea.innistarVideo .lyClose:after {}
.lyPopArea.innistarVideo .lyClose:before {}
.lyPopArea.innistarVideo .lyClose:after {}
.lyPopArea.innistarVideo .teaser_lyctt {}
.lyPopArea.innistarVideo .teaser_lyctt .vodCon1 {position: relative;padding-top: 57.1%;margin-left:0;}
.lyPopArea.innistarVideo .teaser_lyctt .vodCon1 iframe {position: absolute;top: 0;left: 0;width: 100%;height:100%;}

/* 리뷰작성 팝업 */
.lyPopArea.reviewWritePopup {}
.lyPopArea.reviewWritePopup .lyPop {border-radius: 7px;overflow: hidden;background: #fff;}
.lyPopArea.reviewWritePopup .teaser_lyWrap {margin: -20px 0 0;}
.lyPopArea.reviewWritePopup .lyClose {border: 1px solid #024137;}
.lyPopArea.reviewWritePopup .lyClose:before,
.lyPopArea.reviewWritePopup .lyClose:after {background: #024137;}
.lyPopArea.reviewWritePopup .lyClose:before {}
.lyPopArea.reviewWritePopup .lyClose:after {}
.lyPopArea.reviewWritePopup .teaser_lyttl {padding: 20px;background: #fff;color: #101010;}
.lyPopArea.reviewWritePopup .teaser_lyttl .popUp_p02 {font-weight: 700;font-size: 18px;line-height: 30px;padding: 0 0 20px;border-bottom: 1px solid #e6e6e6;}
.lyPopArea.reviewWritePopup .teaser_lyttl .popUp_p02 span {text-indent: -9999px;display: inline-block;width: 18.5px;background: url(../images/common/innistar.png) no-repeat center / 16.5px auto;}
.lyPopArea.reviewWritePopup .teaser_lyctt {padding: 0 20px;}
.lyPopArea.reviewWritePopup .teaser_lyctt > div {margin-top: 40px;}
.lyPopArea.reviewWritePopup .teaser_lyctt > div .ttl {font-weight: 700;font-size: 18px;}
.lyPopArea.reviewWritePopup .teaser_lyctt > div .ttl span {background: url(../images/common/bullet02.png) no-repeat left center / 7px auto;width: 9px;height: 6.5px;display: inline-block;vertical-align: top;position: relative;top: 2px;}
.lyPopArea.reviewWritePopup .teaser_lyctt > div .inp_wrap {margin-top: 20px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box01 {margin-top: 0;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box01 .ttl {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box01 .ttl span {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box01 .inp_wrap {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box01 .inp_wrap .inp_radio {display: block;margin: 14px 0;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box01 .inp_wrap .inp_radio input {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box01 .inp_wrap .inp_radio label {padding-left: 36px;color: #1e1e1e;font-size: 13px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box01 .inp_wrap .help {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box01 .inp_wrap .help p {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box02 {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box02 .ttl {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box02 .ttl span {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box02 .inp_wrap {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box02 .inp_wrap .inp_select {border-radius: 5px;height: 46px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box02 .inp_wrap .inp_select select {border-radius: 5px;height: 44px;line-height: 44px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box02 .inp_wrap .inp_select select option {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box02 .inp_wrap .help {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box02 .inp_wrap .help p {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box03 {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box03 .ttl {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box03 .ttl span {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box03 > p {margin-top: 15px;font-size: 13px;color: #3e3e3e;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box03 .inp_wrap {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box03 .inp_wrap .help {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box03 .inp_wrap .help p {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .ttl {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .ttl span {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .inp_wrap {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .inp_wrap .inp_text {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .inp_wrap .inp_text input {height: 46px;padding: 7px 94px 3px 14px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .inp_wrap .inp_text.line_type:before {top: 45px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .inp_wrap .inp_text button {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .inp_wrap .inp_text button span {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .inp_wrap .inp_text .charCnt {position:absolute;bottom: 10px;right:15px;color:#ccc;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .inp_wrap .inp_text .charCnt em {color:#767676;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .inp_wrap .help {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box04 .inp_wrap .help p {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .ttl {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .ttl span {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg {overflow: hidden;margin: 10px 0 0;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul {font-size: 0;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul li {position: relative;display: block;float: left;width: 75px;height: 75px;margin: 10px 10px 20px 0;border-radius: 5px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul li .imgBox {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align:center;overflow: hidden;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul li .imgBox img {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul li .imgBox .firstThum {position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(2,65,55,0.7);color: #fff;font-size: 11px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul li .close {position: absolute;bottom: -27px;left: 0;width: 100%;display: block;text-align: center;z-index: 1;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul li .close a {background: url(../images/common/close.png) no-repeat left center / 10.5px auto;padding-left: 14px;color: #024137;font-size: 11px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul li.fileUpload {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul li.fileUpload input {display: none;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul li.fileUpload label {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f3f8f7;text-align: center;cursor: pointer;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul li.fileUpload label:after {content:'';display:inline-block;vertical-align:middle;height:100%;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .innerImg ul li.fileUpload label span {display: inline-block;vertical-align: middle;font-size: 11px;color: #024137;background: url(../images/common/upload_icon.png) no-repeat center top / 19.5px auto;text-align: center;padding-top: 22px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .cmt {
    font-size: 12px;
    color: #999;
    margin: 10px 0 20px;
}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .cmt span {
    color: #024137;
}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .inp_wrap {
    margin: 20px 0 40px;
}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .inp_wrap .textWrap {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .inp_wrap .textWrap textarea {border-radius: 5px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .inp_wrap .textWrap .charCnt {right: 0;bottom: -27px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .inp_wrap .textWrap .charCnt em {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .inp_wrap .help {
    position: absolute;
    left: 0;
    bottom: -27px;
}
.lyPopArea.reviewWritePopup .teaser_lyctt .box05 .inp_wrap .help p {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box06 {background: #f7f7f7;margin: 20px -20px 10px;padding: 20px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box06 .ttl {font-weight: 700;font-size: 13px;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box06 .ttl span {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box06 .ctt {}
.lyPopArea.reviewWritePopup .teaser_lyctt .box06 .ctt li {margin: 5px 0 0;padding: 0 0 0 10px;position: relative;}
.lyPopArea.reviewWritePopup .teaser_lyctt .box06 .ctt li span {position: absolute;top: 0;left: 0;line-height: 23px;width: 4px;height: 23px;background: url(../images/common/bullet.png) no-repeat left center / 4px;}
.lyPopArea.reviewWritePopup .teaser_lyfoot {padding: 14px 20px 0;}

/* 베스트리뷰 상세 팝업 */
.lyPopArea.bestReviewPopup {display:block;position: absolute;z-index: -1;top: 0;left: -200%;}
.lyPopArea.bestReviewPopup.open {position: fixed;z-index: 3500;left: 0;top: 0;}
.lyPopArea.bestReviewPopup .lyPop {border-radius: 7px;overflow: hidden;background: #fff;padding: 0;}
.lyPopArea.bestReviewPopup .lyPop .teaser_lyWrap {margin: 60px 10px 20px;}
.lyPopArea.bestReviewPopup .lyClose {border: 1px solid #024137;}
.lyPopArea.bestReviewPopup .lyClose:before,
.lyPopArea.bestReviewPopup .lyClose:after {background: #024137;}
.lyPopArea.bestReviewPopup .lyClose:before {}
.lyPopArea.bestReviewPopup .lyClose:after {}
.lyPopArea.bestReviewPopup .teaser_lyctt {}
.lyPopArea.bestReviewPopup .teaser_lyctt .box01 {padding: 0 0 60px;position: relative;}
.lyPopArea.bestReviewPopup .teaser_lyctt .box02 {margin: 0 10px;}

.lyPopArea.bestReviewPopup .teaser_lyctt .moding {position: absolute;top: 6px;right: 11px;font-size: 0;width: auto;}
.lyPopArea.bestReviewPopup .teaser_lyctt .moding span {background: #a2a2a2;width: 5px;height: 5px;margin: 0 2px;border-radius: 50%;display: inline-block;vertical-align: middle;}
.lyPopArea.bestReviewPopup .teaser_lyctt .moding span.span01 {}
.lyPopArea.bestReviewPopup .teaser_lyctt .moding span.span02 {}
.lyPopArea.bestReviewPopup .teaser_lyctt .moding span.span03 {}

/* 댓글 전체보기 팝업 */
.lyPopArea.commentView {}
.lyPopArea.commentView .lyPop {padding: 20px 0;border-radius: 7px;overflow: hidden;background: #fff;}
.lyPopArea.commentView .lyPop .teaser_lyWrap {}
.lyPopArea.commentView .lyClose {border: 1px solid #024137;}
.lyPopArea.commentView .lyClose:before,
.lyPopArea.commentView .lyClose:after {background: #024137;}
.lyPopArea.commentView .lyClose:before {}
.lyPopArea.commentView .lyClose:after {}
.lyPopArea.commentView .teaser_lyttl {padding: 20px 20px 0;background: #fff;color: #101010;}
.lyPopArea.commentView .teaser_lyttl .popUp_p02 {font-weight: 700;font-size: 18px;line-height: 30px;padding: 0 0 20px;}
.lyPopArea.commentView .teaser_lyttl .popUp_p02 span {text-indent: -9999px;display: inline-block;width: 18.5px;background: url(../images/common/innistar.png) no-repeat center / 16.5px auto;}
.lyPopArea.commentView .teaser_lyctt {margin: 0 10px;}

/* 제품페이지 동영상레이어 팝업 */
.lyPopArea.VideoLayer {}
.lyPopArea.VideoLayer .lyPop {padding: 0;border-radius: 0;overflow: visible;background: transparent;}
.lyPopArea.VideoLayer .lyPop .teaser_lyWrap {overflow: hidden;}
.lyPopArea.VideoLayer .lyClose {top: -60px;right: 0;}
.lyPopArea.VideoLayer .lyClose:before,
.lyPopArea.VideoLayer .lyClose:after {}
.lyPopArea.VideoLayer .lyClose:before {}
.lyPopArea.VideoLayer .lyClose:after {}
.lyPopArea.VideoLayer .teaser_lyctt {}
.lyPopArea.VideoLayer .teaser_lyctt .vodCon1 {position: relative;padding-top: 57.1%;margin-left:0;}
.lyPopArea.VideoLayer .teaser_lyctt .vodCon1 iframe {position: absolute;top: 0;left: 0;width: 100%;height:100%;}

/* 제품페이지 가이드 팝업 */
.lyPopArea.productGuide {display: block;position: absolute;z-index: -1;top: 0;left: -200%;}
.lyPopArea.productGuide.open {position: fixed;z-index: 3500;left: 0;top: 0;}
.lyPopArea.productGuide .lyPop {border-radius: 7px;overflow: hidden;background: #fff;}
.lyPopArea.productGuide .lyPop .teaser_lyWrap {margin: -20px 0 0;}
.lyPopArea.productGuide .lyClose {}
.lyPopArea.productGuide .lyClose:before,
.lyPopArea.productGuide .lyClose:after {}
.lyPopArea.productGuide .lyClose:before {}
.lyPopArea.productGuide .lyClose:after {}
.lyPopArea.productGuide .teaser_lyttl {background: #024137;color: #fff;padding: 50px 20px 50px 20px;}
.lyPopArea.productGuide .teaser_lyttl .popUp_p01 {padding: 0 0 10px;}
.lyPopArea.productGuide .teaser_lyttl .popUp_p02 {font-size: 18px;font-weight: 400;padding: 0 0 15px;}
.lyPopArea.productGuide .teaser_lyttl .popUp_p02 span {text-indent: -9999px;display: inline-block;width: 18.5px;background: url(../images/common/innistar.png) no-repeat center / 16.5px auto;}
.lyPopArea.productGuide .teaser_lyttl .popUp_p03 {font-size: 11px;}
.lyPopArea.productGuide .teaser_lyctt {margin: 30px 20px 0;}
.lyPopArea.productGuide .slideBox {margin-top: -35px;}
.lyPopArea.productGuide .slideBox .ttl {font-size: 18px;font-weight: 500;color: #fff;padding: 30px 0 0;margin: 10px 20px 10px;border-top: 1px solid #678d87;}
.lyPopArea.productGuide .slideBox .ctt {}
.lyPopArea.productGuide .slideBox .ctt .productGuideSlide {overflow: visible;}
.lyPopArea.productGuide .slideBox .ctt .productGuideSlide .swiper-wrapper {}
.lyPopArea.productGuide .slideBox .ctt .productGuideSlide .swiper-wrapper .swiper-slide {overflow-x: hidden;width:80%;border-radius: 5px;box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.1);}
.lyPopArea.productGuide .slideBox .ctt .productGuideSlide .swiper-wrapper .swiper-slide img {width: 100%;display: block;}
.lyPopArea.productGuide .teaser_lyctt .merit {}
.lyPopArea.productGuide .teaser_lyctt .merit .ttl {font-size: 18px;font-weight: 500;margin: 10px 0 0;}
.lyPopArea.productGuide .teaser_lyctt .merit .ctt {margin: 30px 0 0;}
.lyPopArea.productGuide .teaser_lyctt .merit .ctt dl {padding-left: 90px;position: relative;}
.lyPopArea.productGuide .teaser_lyctt .merit .ctt dl dt {font-size: 15px;position: absolute;top: 0;left: 0;}
.lyPopArea.productGuide .teaser_lyctt .merit .ctt dl dt span {font-size: 15px;font-weight: 700;color: #024137;}
.lyPopArea.productGuide .teaser_lyctt .merit .ctt dl dd {font-size: 12px;text-align: right;}
.lyPopArea.productGuide .teaser_lyctt .StepBox {margin: 30px 0 0;padding: 30px 0 0;border-top: 1px solid #e6e6e6;}
.lyPopArea.productGuide .teaser_lyctt .StepBox .ttl {font-size: 18px;font-weight: 500;}
.lyPopArea.productGuide .teaser_lyctt .StepBox .ctt {margin: 20px 0 0;overflow: hidden;}
.lyPopArea.productGuide .teaser_lyctt .StepBox .ctt ul {}
.lyPopArea.productGuide .teaser_lyctt .StepBox .ctt ul li {width: 33.33%;float: left;padding: 80px 0 0;text-align: center;font-size: 12px;color: #333;}
.lyPopArea.productGuide .teaser_lyctt .StepBox .ctt ul li.step01 {background: url(../images/temp/product_guide_img01.jpg) no-repeat center 9px / 60px auto;}
.lyPopArea.productGuide .teaser_lyctt .StepBox .ctt ul li.step02 {background: url(../images/temp/product_guide_img02.jpg) no-repeat center 9px / 65px auto;}
.lyPopArea.productGuide .teaser_lyctt .StepBox .ctt ul li.step03 {background: url(../images/temp/product_guide_img03.jpg) no-repeat center 8px / 62px auto;}
.lyPopArea.productGuide .teaser_lyctt .StepBox .ctt ul li span {display: block;color: #024137;font-weight: 700;}
.lyPopArea.productGuide .teaser_lyctt .textBox {margin: 20px 0 0;padding: 20px 0 0;border-top: 1px solid #e6e6e6;}
.lyPopArea.productGuide .teaser_lyctt .textBox .ttl {font-size: 12px;font-weight: 700;margin: 10px 0 0;}
.lyPopArea.productGuide .teaser_lyctt .textBox ul {font-size: 12px;line-height: 20px;color: #666;}
.lyPopArea.productGuide .teaser_lyctt .textBox ul li {margin: 0 0 5px;padding: 0 0 0 10px;position: relative;}
.lyPopArea.productGuide .teaser_lyctt .textBox ul li span {position: absolute;top: 0;left: 0;line-height: 23px;width: 4px;height: 23px;background: url(../images/common/bullet.png) no-repeat left center / 4px;}


/* ==========================
main
========================== */

.main_wrap #header {background:transparent;}
.main_wrap #header a.btn_gnbToggle .ico .bar {background:#fff;}
.main_wrap #header a.btn_gnbToggle.on .ico .bar {background:#000;}
.main_wrap #container {padding-top:0;}
.main_top {position:relative;padding-top:70px;height:100vh;text-align:center;background:url('../images/main/main_top_bg.jpg') no-repeat center center / cover;}
.main_top h2.logo img {height:35px;}
.main_top .txt_group {margin-top:20px;font-family:'raleway';font-weight:500;color:#fff;line-height:18px;}
.main_top .txt_group .date {margin-top:2px;font-family:'raleway';font-weight:700;color:#fff;}
.main_top .more {position:absolute;left:50%;bottom:20px;transform:translateX(-50%);padding-right:22px;font-size:12px;font-weight:500;color:#fff;}
.main_top .more .arr {position:absolute;right:0;top:0;width:12px;height:16px;vertical-align:middle;background: url('../images/main/arr_down1.png') no-repeat 0 0 /12px auto;
	-webkit-animation: more_ani 5s infinite; -moz-animation: more_ani 5s infinite; -o-animation: more_ani 5s infinite; animation: more_ani 5s infinite;
}
@keyframes more_ani {0% {top:-3px;} 25% {top:6px;} 50% {top:-1px;} 75% {top:6px;} 100% {top:-3px;} }
.circle_area {display:none;position:relative;}
.circle_area .progress_circle {position:relative;margin:34px auto 0;width:300px;height:300px;border-radius:50%;}
/*.circle_area .progress_circle:after{content:'ddd';display:block;position:absolute;top:4px;left:4px;text-align:center;border-radius:50%;background-color:red;}*/
.circle_area .progress_circle canvas {width:100% !important;height:100% !important;vertical-align:top;}
.circle_area .time_box {position:absolute;left:50%;top:95px;width:240px;transform:translateX(-50%);color:#fff;}
.circle_area .time_box #time {overflow:hidden;font-size:45px;line-height:100%;}
.circle_area .time_box #time span {float:left;width:25%;text-align:center;font-family:'raleway';}
.circle_area .time_box #time strong {font-weight:500;font-family:'raleway';}
.circle_area .time_box .bot {overflow:hidden;margin-top:13px;}
.circle_area .time_box .bot span {float:left;width:25%;text-align:center;font-size:11px;}
.circle_area .time_box .bot span em {display:block;font-weight:700;line-height:100%;}
.m_event_sec {padding:50px 0 35px 0;text-align:center;}
.m_event_sec .sec_tit {font-size:25px;font-weight:700;color:#383838;}
.m_event_sec .list_area {margin-top:22px;}
.m_event_sec .list_area .item {margin-bottom:15px;padding:30px 25px 24px 25px;border-radius: 5px;box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.1);z-index: 1;}
.m_event_sec .list_area .item:last-child {margin-bottom:0px;}
.m_event_sec .list_area .ico {height:45px;}
.m_event_sec .list_area .ico.product {background: url('../images/main/e_product.png') no-repeat center top/45px;}
.m_event_sec .list_area .ico.innistar {background: url('../images/main/e_innistar.png') no-repeat center top/45px;}
.m_event_sec .list_area .ico.membership {background: url('../images/main/e_membership.png') no-repeat center top/45px;}
.m_event_sec .list_area .ico.ingrendient {background: url('../images/main/e_ingrendient.png') no-repeat center top/45px;}
.m_event_sec .list_area .tit {display:block;margin-top:17.5px;font-size:14px;font-weight:700;color:#383838;}
.m_event_sec .list_area .txt {display:block;margin-top:5px;font-size:12px;color:#646464;}
.m_event_sec .list_area .more {display:inline-block;margin-top:15px;padding-right:22px;font-size:12px;color:#024137;background:url('../images/main/arr_right1.png') no-repeat right center/16px;}
.m_event_sec .list_area .star {display:inline-block;width:10px;height:10px;background:url('../images/main/ico_star.png') no-repeat 0 0/cover;}
.m_event_sec .goTop {display:block;width:100%;margin-top:60px;padding-top:35px;font-size:25px;font-weight:700;color:#383838;border-top: 1px solid #dbdbdb;}


/* ==========================
TERMS page 
========================== */

.loginTerms .inp_check label {}


/* ==========================
회원가입 page 
========================== */

.join_step {display:table;margin: 40px auto 80px;}
.join_step li + li {margin-left: 55px;position: relative;}
.join_step li + li::after {content:'';position: absolute;top: 11px;right: 28px;width: 110px;height: 1px;background: #d8d8d8;}
.join_step li {float:left;display:table-cell;text-align:center;}
.join_step li .step {position: relative;width: 22px;height: 22px;margin: 0 auto;background: transparent;border-radius: 50%;text-indent: -9999px;overflow: hidden;z-index: 1;}
.join_step li .step::after {content:'';position: absolute;top: 50%;left: 50%;margin: -5px 0 0 -5px;background: #d4dedd;width: 10px;height: 10px;border-radius: 50%;}
.join_step li .ttl {margin-top:13px;color: #d8d8d8;}
.join_step li.on .step {background: #d4dedd;}
.join_step li.on .step::after {background: #024137;}
.join_step li.on .ttl {color: #101010;}

.radio_type01 {font-size:0}
.radio_type01 span.inp_radio {font-size:12px;margin: 0 3% 15px 0;width: 30%;}
.radio_type01 span.inp_radio label {padding-left: 22px;background: url(../images/common/inp_radio.png) no-repeat left 2px / 18px auto;}
.radio_type01 span.inp_radio input:checked + label {background-position: 0px -73px;}
.radio_type01 span.inp_radio + span.inp_radio {margin:0 15px 0 0;}
.join_form .sex.radio_type01 span.inp_radio + span.inp_radio {margin: 0 3% 15px 0;}
.join_event {}
.join_event .teaser_lyWrap {}
.join_event .teaser_lyttl {background: #024137;color: #fff;padding: 40px 20px 20px 20px;}
.join_event .teaser_lyttl .popUp_p01 {padding: 0 0 10px;}
.join_event .teaser_lyttl .popUp_p02 {font-size: 18px;font-weight: 400;padding: 0 0 15px;}
.join_event .teaser_lyttl .popUp_p02 span {text-indent: -9999px;display: inline-block;width: 18.5px;background: url(../images/common/innistar.png) no-repeat center / 16.5px auto;}
.join_event .teaser_lyttl .popUp_p03 {font-size: 11px;margin: 0 0 10px;}
.join_event .teaser_lyttl .popUp_p04 {font-size: 12px;}
.join_event .teaser_lyctt {margin: 30px 20px;}
.join_event .teaser_lyctt .StepBox {margin: 0 0 30px;padding: 0 0 30px;border-bottom: 1px solid #e6e6e6;}
.join_event .teaser_lyctt .StepBox .ttl {font-size: 18px;font-weight: 500;}
.join_event .teaser_lyctt .StepBox .ctt {margin: 20px 0 0;overflow: hidden;}
.join_event .teaser_lyctt .StepBox .ctt ul {}
.join_event .teaser_lyctt .StepBox .ctt ul li {width: 50%;float: left;padding: 80px 0 0;text-align: center;font-size: 12px;color: #383838;}
.join_event .teaser_lyctt .StepBox .ctt ul li.step01 {background: url(../images/member/event_step01.jpg) no-repeat center 16px / 39.5px auto;}
.join_event .teaser_lyctt .StepBox .ctt ul li.step02 {background: url(../images/member/event_step02.jpg) no-repeat center 24px / 37.5px auto;}
.join_event .teaser_lyctt .StepBox .ctt ul li.step03 {background: url(../images/member/event_step03.jpg) no-repeat center 21px / 41.5px auto;}
.join_event .teaser_lyctt .StepBox .ctt ul li.step04 {background: url(../images/member/event_step04.jpg) no-repeat center 24px / 55px auto;}
.join_event .teaser_lyctt .StepBox .ctt ul li.step05 {background: url(../images/member/event_step05.jpg) no-repeat center 12px / 39.5px auto;}
.join_event .teaser_lyctt .StepBox .ctt ul li.step06 {background: url(../images/member/event_step06.jpg) no-repeat center 21px / 47.5px auto;}
.join_event .teaser_lyctt .StepBox .ctt ul li.step07 {background: url(../images/member/event_step07.jpg) no-repeat center 27px / 33.5px auto;}
.join_event .teaser_lyctt .StepBox .ctt ul li.step08 {background: url(../images/member/event_step08.jpg) no-repeat center 24px / 55px auto;}
.join_event .teaser_lyctt .StepBox .ctt ul li span {display: block;color: #024137;font-weight: 700;}
.join_event .teaser_lyctt .textBox {margin: 0 0 30px;}
.join_event .teaser_lyctt .textBox .ttl {font-size: 12px;font-weight: 700;margin: 10px 0 0;}
.join_event .teaser_lyctt .textBox ul {}
.join_event .teaser_lyctt .textBox ul li {font-size: 12px;line-height: 20px;color: #646464;margin: 0 0 5px;padding: 0 0 0 10px;position: relative;}
.join_event .teaser_lyctt .textBox ul li span {position: absolute;top: 0;left: 0;line-height: 23px;width: 4px;height: 23px;background: url(../images/common/bullet.png) no-repeat left center / 4px;}
.join_event .teaser_lyfoot {margin: 0 20px;}
.join_event .teaser_lyfoot .btn_wrap {margin: 0 0 30px;}
.join_event .teaser_lyfoot .btn_wrap a {}
.join_event .teaser_lyfoot .btn_wrap a span {}
.join_event .teaser_lyfoot .snsBox {margin: 0 0 30px;text-align: center;}
.join_event .teaser_lyfoot .snsBox .snsBtn {display: inline-block;color: #333;font-size: 14px;padding: 0 0 0 30px;line-height: 23px;background: url(../images/common/sns_icon.png) no-repeat left center / 20px;}
.join_event .teaser_lyfoot .snsBox .snsBtn > a {padding: 0 20px 0 0;position: relative;}
.join_event .teaser_lyfoot .snsBox .snsBtn > a::after {content:'';position:absolute;top:50%;right: 4px;width: 7px;height: 2px;margin: -1px 0 0;background:#024137;transform: rotate(45deg);}
.join_event .teaser_lyfoot .snsBox .snsBtn > a::before {content:'';position:absolute;top: 50%;right: 0px;width: 7px;height: 2px;margin: -1px 0 0;background:#024137;transform: rotate(-45deg);}
.join_event .teaser_lyfoot .snsBox .snsBtn > a.on::after {transform: rotate(-45deg);}
.join_event .teaser_lyfoot .snsBox .snsBtn > a.on::before {transform: rotate(45deg);}
.join_event .teaser_lyfoot .snsBox .sns {display:none;overflow: hidden;margin: 25px auto 10px;font-size: 0;}
.join_event .teaser_lyfoot .snsBox .sns li {text-indent: -9999px;display: inline-block;vertical-align: middle;margin: 0 6px;}
.join_event .teaser_lyfoot .snsBox .sns li.twitter {background:url(../images/common/twitter.png) no-repeat center / 20px auto;}
.join_event .teaser_lyfoot .snsBox .sns li.facebook {background:url(../images/common/facebook.png) no-repeat center / 20px auto;}
.join_event .teaser_lyfoot .snsBox .sns li.sns01 {background: url(../images/common/sns01.png) no-repeat center / 20px auto;}
.join_event .teaser_lyfoot .snsBox .sns li.url {background: url(../images/common/url.png) no-repeat center / 20px auto;}
.join_event .teaser_lyfoot .snsBox .sns li a {display: block;width: 20px;height: 20px;padding: 15px;border: 1px solid #dbdbdb;border-radius: 50%;}
.join_event .teaser_lyfoot .snsBox .sns li a span {}
.loginPage .chkfind .findbtn a {position: relative;display: block;padding-right: 21px;}
.loginPage .chkfind .findbtn a > span {position: absolute;top: 50%;right: 2px;width: 15px;height: 2px;margin-top: -1px;background: #000;}
.loginPage .chkfind .findbtn a > span .span01 {position: absolute;bottom: 0;right: 0;width: 8px;height: 2px;background: #000;transform: translate(2px, -2.5px) rotate(45deg);}
.loginPage .chkfind .findbtn a > span .span02 {position: absolute;top: 0;right: 0;width: 8px;height: 2px;background: #000;transform: translate(2px, 2.5px) rotate(-45deg);}
.loginPage .btnArea > p {font-size: 12px;color: #767676;text-align: center;margin: 0 0 25px;}
.loginPage .btnArea > p > a {position: relative;padding-right: 28px;margin-left: 10px;font-size: 13px;font-weight: 700;color: #024137;}
.loginPage .btnArea > p > a > span {position: absolute;top: 50%;right: 3px;width: 20px;height: 3px;margin-top: -1.5px;background: #024137;}
.loginPage .btnArea > p > a > span .span01 {position: absolute;top: 0;right: 0;width: 12px;height: 3px;background: #024137;transform: translate(3px, -3.5px) rotate(45deg);}
.loginPage .btnArea > p > a > span .span02 {position: absolute;top: 0;right: 0;width: 12px;height: 3px;background: #024137;transform: translate(3px, 3.5px) rotate(-45deg);}
.join_3step_ctt {text-align: center;margin: 0 40px 0;border-bottom: 1px solid #e6e6e6;}
.join_3step_ctt.no {background: url(../images/common/welcome_icon.jpg) no-repeat center top / 58px auto;padding-top: 80px;margin: 0 20px 60px;border-bottom: none;}
.join_3step_ctt .p1 {font-size: 25px;font-weight: 700;color: #024137;margin: 0 0 20px;}
.join_3step_ctt .p2 {font-size: 12px;margin: 0 0 20px;}
.join_3step_ctt .p2 strong {color: #024137;}

/* ==========================
리뷰 page 
========================== */

.all {border-color: #646464;border-style: solid;background-color: #646464;color: #fff;}
.nosebum {border-color:#8bd5cf;border-style:solid;background-color:#8bd5cf;color:#fff;}
.greentea {border-color:#1a534a;border-style:solid;background-color:#1a534a;color:#fff;}
.vivid {border-color:#c45454;border-style:solid;background-color:#c45454;color:#fff;}
.bija {border-color:#49aec4;border-style:solid;background-color:#49aec4;color:#fff;}
.volcanic {border-color:#7c4f3e;border-style:solid;background-color:#7c4f3e;color:#fff;}
.ts_user {}
.ts_user .icon {background: #f16265;width: 33px;height: 33px;line-height: 33px;display: inline-block;vertical-align: middle;border-radius: 50%;font-size: 18px;color: #fff;text-align: center;} 
.ts_user .name {display: inline-block;vertical-align: middle;padding: 5px;font-size: 12px;font-weight: 700;color: #101010;}
.ts_cmt {background: url(../images/common/cmt.png) no-repeat left center / 13px;padding-left: 18px;font-size: 12px;font-weight: 500;color: #101010;}
.ts_zzim {background: url(../images/common/zzim.png) no-repeat left center / 10px;padding-left: 15px;font-size: 11px;font-weight: 500;color: #fff;}
.ts_zzim02 {background: url(../images/common/zzim02.png) no-repeat left center / 13px;padding-left: 18px;font-size: 12px;font-weight: 500;color: #101010;}
/* 190603 추가 s */
.ts_zzim.on {background: url(../images/common/zzim_on.png) no-repeat left center / 10px;}
.ts_zzim02.on {background: url(../images/common/zzim02_on.png) no-repeat left center / 13px;}
/* 190603 추가 e */
.rating_star_large {}
.rating_star_large .pointArea {background: url(../images/common/rating_star_large.png) no-repeat 0 0;background-size: 100px auto;width: 100px;height: 23px;}
.rating_star_large .pointArea .pointBg {background: url(../images/common/rating_star_large.png) no-repeat 0 -38px;background-size: 100px auto;}
.rating_star_large .pointArea .pointBg em {}
.rating_star_large .pointArea .starPoint {}
.rating_star_large .pointArea .starPoint button {width: 19%;height: 100%;margin-left: 1.25%;}
.rating_star_large .pointArea .starPoint button:first-child {margin-left: 0;}
.rating_star_large .innerPoint {margin-left: 20px;font-size: 13px;color: #101010;font-weight: 500;}
.writeBtn {}
.writeBtn a {background: url(../images/common/write_icon.png) no-repeat left center / 61.5px;display: block;position: fixed;bottom: 75px;right: 14px;width: 61.5px;height: 62px;z-index: 800;}
.video_tab {margin-left: 1%;}
.video_tab .swiper-slide {text-align: center;font-size: 18px;background: #fff;width: auto;height:auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width: 46%;height: auto;border-radius: 5px;border-width: 5px}
.video_tab .swiper-slide a {position:relative;width:100%;height:100%;display:block;}
.video_tab .swiper-slide img {width:100%;display:block;}
.video_tab .swiper-slide span {width:100%;display:block;background: url(../images/layout/video_play.png) no-repeat center / 100% auto;position: absolute;top: 50%;left: 50%;width: 11.502%;height: 0;padding-top: 13.318%;margin: -6.659%;}
.list_tab {margin-left: 1%;}
.list_tab .swiper-wrapper .swiper-slide {text-align: center;font-size: 18px;background: #fff;width: auto;height:auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position:relative;overflow:hidden}
.list_tab .swiper-wrapper .swiper-slide input {position:absolute;top:0;left:-100%;margin:0;padding:0;}
.list_tab .swiper-wrapper .swiper-slide label {font-size: 12px;font-weight: 700;line-height: 31px;min-width: 72px;padding: 0 10px;border-width: 4px;border-radius: 3px;}
.list_tab .swiper-wrapper .swiper-slide label.all.on {background-color: #fff;color: #646464;}
.list_tab .swiper-wrapper .swiper-slide label.nosebum.on {background-color: #fff;color: #8bd5cf;}
.list_tab .swiper-wrapper .swiper-slide label.greentea.on {background-color: #fff;color: #1a534a;}
.list_tab .swiper-wrapper .swiper-slide label.vivid.on {background-color: #fff;color: #c45454;}
.list_tab .swiper-wrapper .swiper-slide label.bija.on {background-color: #fff;color: #49aec4;}
.list_tab .swiper-wrapper .swiper-slide label.volcanic.on {background-color: #fff;color: #7c4f3e;}

.list_tab .swiper-wrapper .swiper-slide input:checked + label {}
.list_ctt {margin: 13px 0 50px;}
.list_ctt ul{font-size:0;}
.list_ctt ul > li {position: relative;width: 31.33%;padding: 31.33% 0 0;margin: 1%;height: 0;display: inline-block;vertical-align:top;box-sizing: content-box;}
.list_ctt ul > li.on {display:inline-block;}
.list_ctt ul > li:hover {}
.list_ctt ul > li > .thumbnail {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-width: 7.5px;border-radius: 5px;box-sizing: border-box;background-size: cover;background-position: center;background-repeat: no-repeat;}
.list_ctt ul > li > .thumbnail.noimage {background-size:contain}
.list_ctt ul > li > .ts_zzim {display: block;position: absolute;bottom: 6px;right: 9px;}
.detail_p01 {margin: 10px 10px 0;font-size: 18px;color: #1e1e1e;word-break: break-all;}
.detail_p02 {margin: 10px 10px 0;font-size: 13px;color: #1e1e1e;word-break: break-all;}
.detail_p03 {margin: 10px 10px 0;font-size: 13px;color: #3e3e3e;word-break: break-all;}
.detailArea {padding: 0 0 60px;position: relative;}
.detailArea .userDiv {}
.detailArea .userDiv .ts_user {}
.detailArea .userDiv .ts_user .icon {width: 37px;height: 37px;line-height: 37px;}
.detailArea .userDiv .ts_user .name {padding: 5px 5px 5px 10px;font-size: 18px;}
.detailArea .rating_star_large {margin: 20px 10px 0;}
.detailArea .rating_star_large .pointArea {}
.detailArea .rating_star_large .pointArea .pointBg {}
.detailArea .rating_star_large .pointArea .pointBg em {}
.detailArea .rating_star_large .innerPoint {}
.detailArea .cmtText {position: absolute;bottom: 20px;left: 10px;font-size: 11px;color: #3e3e3e;}
.detailArea .ts_zzim02 {position: absolute;bottom: 20px;right: 55px;}
.detailArea .ts_cmt {position: absolute;bottom: 20px;right: 10px;}
.detailArea .moding {position: absolute;top: 0;right: 10px;}
.detailArea .moding span {}
.detailArea .moding span.span01 {}
.detailArea .moding span.span02 {}
.detailArea .moding span.span03 {}
.detailArea .bestRevieImgBoxType01 {}
.detailArea .bestRevieImgBoxType01 .bestRevieImg {margin: 10px 0 0;border-width: 7.5px;border-radius: 5px;box-sizing: border-box;max-height: 150vw;}
.detailArea .bestRevieImgBoxType01 .swiper-wrapper {}
.detailArea .bestRevieImgBoxType01 .swiper-slide {}
.detailArea .bestRevieImgBoxType01 .swiper-slide img {max-width:100%;margin:0 auto;display: block;}
.detailArea .bestRevieImgBoxType01 .swiper-pagination {}
.detailArea .bestRevieImgBoxType01 .swiper-pagination-bullet {display: inline-block;vertical-align: middle;opacity: 1;box-sizing: content-box;background: #fff;}
.detailArea .bestRevieImgBoxType01 .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #646464;}
.detailArea .bestRevieImgBoxType01.nosebum .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #8bd5cf;}
.detailArea .bestRevieImgBoxType01.greentea .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #1a534a;}
.detailArea .bestRevieImgBoxType01.vivid .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #c45454;}
.detailArea .bestRevieImgBoxType01.bija .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #49aec4;}
.detailArea .bestRevieImgBoxType01.volcanic .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #7c4f3e;}
.detailArea .bestRevieImgBoxType02 {margin: 10px 0 0;border-width: 7.5px;border-radius: 5px;box-sizing: border-box;}
.detailArea .bestRevieImgBoxType02 .bestRevieImg {width:100%;height:0;padding-top: 61.33%;}
.detailArea .bestRevieImgBoxType02 .swiper-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.detailArea .bestRevieImgBoxType02 .swiper-slide {background-position:center;background-repeat: no-repeat;background-size:contain;}
.detailArea .bestRevieImgBoxType02 .swiper-slide img {max-width:100%;margin:0 auto;display: block;}
.detailArea .bestRevieImgBoxType02 .swiper-pagination {}
.detailArea .bestRevieImgBoxType02 .swiper-pagination-bullet {display: inline-block;vertical-align: middle;opacity: 1;box-sizing: content-box;background: #fff;}
.detailArea .bestRevieImgBoxType02 .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #646464;}
.detailArea .bestRevieImgBoxType02.nosebum .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #8bd5cf;}
.detailArea .bestRevieImgBoxType02.greentea .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #1a534a;}
.detailArea .bestRevieImgBoxType02.vivid .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #c45454;}
.detailArea .bestRevieImgBoxType02.bija .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #49aec4;}
.detailArea .bestRevieImgBoxType02.volcanic .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #7c4f3e;}
.cmtArea {margin: 0 10px;}
.cmtArea .commentWrite {position: relative;padding: 22px 10px 22px 49px;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.cmtArea .commentWrite .ts_user {position: absolute;top: 20px;left: 0;}
.cmtArea .commentWrite .ts_user .icon {width: 37px;height: 37px;line-height: 37px;}
.cmtArea .commentWrite .inp_wrap {}
.cmtArea .commentWrite .inp_wrap .inp_text {}
.cmtArea .commentWrite .inp_wrap .inp_text input {padding: 5px 85px 5px 14px;border-radius: 20px;border: 2px solid #e6e6e6;}
.cmtArea .commentWrite .inp_wrap .inp_text button.btn_clear {right: 50px;}
.cmtArea .commentWrite .inp_wrap .inp_text button.btn_clear span {}
.cmtArea .commentWrite .inp_wrap .btn {position: absolute;top: 0;right: 0;width: auto;height: 35px;}
.cmtArea .commentWrite .inp_wrap .btn span {font-size: 13px;font-weight: 500;color: #1e1e1e;}
.cmtArea .commentWrite .inp_wrap .help {}
.cmtArea .commentWrite .inp_wrap .help .error {font-size: 11px;}
.cmtArea .commentBox {padding: 10px;}
.cmtArea .commentBox ul {}
.cmtArea .commentBox ul li {position: relative;padding: 10px 25px 10px 49px;}
.cmtArea .commentBox ul li .ts_user {position: absolute;top: 14px;left: 0;}
.cmtArea .commentBox ul li .ts_user .icon {}
.cmtArea .commentBox ul li .cmt_ctt {}
.cmtArea .commentBox ul li .cmt_ctt .p01 {font-size: 12px;font-weight: 700;word-break: break-all;}
.cmtArea .commentBox ul li .cmt_ctt .p02 {font-size: 12px;color: #3e3e3e;word-break: break-all;}
.cmtArea .commentBox ul li .cmt_ctt .p03 {font-size: 11px;color: #cccccc;}
.cmtArea .commentBox ul li .close {position: absolute;top: 23px;right: 0;width: 15px;height: 15px;}
.cmtArea .commentBox ul li .close .span01 {position: absolute;top: 0;right: 0;width: 15px;height: 1px;background: #000;-webkit-transform: translateY(7.5px) rotate(45deg);}
.cmtArea .commentBox ul li .close .span02 {position: absolute;top: 0;right: 0;width: 15px;height: 1px;background: #000;-webkit-transform: translateY(7.5px) rotate(-45deg);}

/* 베스트 리뷰 리스트 */
.review_wrap {overflow: hidden;border-top: 1px solid #d8d8d8;}
.bestReviewList {margin: 23px 0 100px;}
.bestReviewList .list_ttl {display: block;margin: 0 5%;overflow: hidden;}
.bestReviewList .list_ttl span.first {float: left;display: block;padding: 4px 0 0 28px;font-size: 20px;font-weight: 700;background: url(../images/common/fisrt_star.png) no-repeat left center / 22.5px auto;}
.bestReviewList .list_ttl span.second {float: left;display: block;padding: 4px 0 0 28px;font-size: 20px;font-weight: 700;background: url(../images/common/second_star.png) no-repeat left center / 22.5px auto;}
.bestReviewList .list_ttl span.third {float: left;display: block;padding: 4px 0 0 28px;font-size: 20px;font-weight: 700;background: url(../images/common/third_star.png) no-repeat left center / 22.5px auto;}
.bestReviewList .list_ctt.firstPlace {margin: 13px 0 80px;}
.bestReviewList .list_ctt.firstPlace ul {}
.bestReviewList .list_ctt.firstPlace ul > li {width: 98%;padding: 98% 0 0;}
.bestReviewList .list_ctt.firstPlace ul > li.on {}
.bestReviewList .list_ctt.firstPlace ul > li:hover {}
.bestReviewList .list_ctt.firstPlace ul > li > .thumbnail {}
.bestReviewList .list_ctt.firstPlace ul > li > .ts_zzim02 {position: absolute;bottom: -36px;right: 64px;}
.bestReviewList .list_ctt.firstPlace ul > li > .userDiv {position: absolute;bottom: -41px;left: 10px;text-align: left;}
.bestReviewList .list_ctt.firstPlace ul > li > .ts_cmt {position: absolute;bottom: -36px;right: 9px;}
.reviewList {}
.reviewList .videoBox {background: #f7f7f7;padding: 9px 0;}
.reviewList .listBox {padding: 15px 0;}
.reviewList .list_ctt ul{position: relative;padding-top: 66.66%;}
.reviewList .list_ctt ul > li.zzim_target {position: absolute;width: 64.66%;padding: 64.66% 0 0;margin: 1%;top: 0;left: 33.33%;}
.reviewList .list_ctt ul > li.list01 {position: absolute;top: 0;left: 0;}
.reviewList .list_ctt ul > li.list02 {position: absolute;top: 0;left: 0;margin: 34.33% 1% 0;}

/* 리뷰 상세 */
.detail_wrap {padding: 30px 20px;}
.detail_wrap .detail_cttBox {padding: 10px 10px 0;border-radius: 7px;background: #fff;}
.detail_wrap .detail_cttBox .detailArea {}
.detail_wrap .detail_cttBox .detailArea .userDiv {}
.detail_wrap .detail_cttBox .detailArea .userDiv .ts_user {}
.detail_wrap .detail_cttBox .detailArea .userDiv .ts_user .icon {}
.detail_wrap .detail_cttBox .detailArea .userDiv .ts_user .name {}
.detail_wrap .detail_cttBox .detailArea .bestRevieImgBoxType02 {}
.detail_wrap .detail_cttBox .detailArea .bestRevieImgBoxType02 .bestRevieImg {border-width: 0;border-radius: 0;background: none;}
.detail_wrap .detail_cttBox .detailArea .bestRevieImgBoxType02 .bestRevieImg .swiper-wrapper {}
.detail_wrap .detail_cttBox .detailArea .bestRevieImgBoxType02 .bestRevieImg .swiper-wrapper .swiper-slide {}
.detail_wrap .detail_cttBox .detailArea .bestRevieImgBoxType02 .bestRevieImg .swiper-wrapper .swiper-slide img {}
.detail_wrap .detail_cttBox .detailArea .bestRevieImgBoxType02 .bestRevieImg .swiper-pagination {}
.detail_wrap .detail_cttBox .detailArea .bestRevieImgBoxType02 .bestRevieImg .swiper-pagination .swiper-pagination-bullet {}
.detail_wrap .detail_cttBox .detailArea .bestRevieImgBoxType02 .bestRevieImg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {}
.detail_wrap .detail_cttBox .detailArea .rating_star_large {}
.detail_wrap .detail_cttBox .detailArea .rating_star_large .pointArea {}
.detail_wrap .detail_cttBox .detailArea .rating_star_large .pointArea .pointBg {}
.detail_wrap .detail_cttBox .detailArea .rating_star_large .pointArea .pointBg em {}
.detail_wrap .detail_cttBox .detailArea .rating_star_large .innerPoint {}
.detail_wrap .detail_cttBox .detailArea .cmtText {}
.detail_wrap .detail_cttBox .detailArea .ts_zzim02 {}
.detail_wrap .detail_cttBox .detailArea .ts_cmt {}
.detail_wrap .detail_cttBox .detailArea .moding {}
.detail_wrap .detail_cttBox .detailArea .moding span {}
.detail_wrap .detail_cttBox .detailArea .moding span.span01 {}
.detail_wrap .detail_cttBox .detailArea .moding span.span02 {}
.detail_wrap .detail_cttBox .detailArea .moding span.span03 {}
.detail_wrap .detail_cttBox .cmtArea {margin: 0 -10px;}
.detail_wrap .detail_cttBox .cmtArea .commentWrite {border-bottom: 0;padding: 22px 10px 22px 59px;}
.detail_wrap .detail_cttBox .cmtArea .commentWrite .ts_user {left: 10px;}
.detail_wrap .detail_cttBox .cmtArea .commentWrite .ts_user .icon {}
.detail_wrap .detail_cttBox .cmtArea .commentWrite .inp_wrap {}
.detail_wrap .detail_cttBox .cmtArea .commentWrite .inp_wrap .inp_text {}
.detail_wrap .detail_cttBox .cmtArea .commentWrite .inp_wrap .inp_text input {}
.detail_wrap .detail_cttBox .cmtArea .commentWrite .inp_wrap .inp_text button.btn_clear {}
.detail_wrap .detail_cttBox .cmtArea .commentWrite .inp_wrap .inp_text button.btn_clear span {}
.detail_wrap .detail_cttBox .cmtArea .commentWrite .inp_wrap .btn {}
.detail_wrap .detail_cttBox .cmtArea .commentWrite .inp_wrap .btn span {}
.detail_wrap .detail_cttBox .cmtArea .commentWrite .inp_wrap .help {}
.detail_wrap .detail_cttBox .cmtArea .commentWrite .inp_wrap .help .error {}
.detail_wrap .detail_cttBox .cmtArea .commentBox {padding: 10px 20px;border-top: 1px solid #e6e6e6;}
.detail_wrap .detail_cttBox .cmtArea .commentBox ul {}
.detail_wrap .detail_cttBox .cmtArea .commentBox ul li {}
.detail_wrap .detail_cttBox .cmtArea .commentBox ul li .ts_user {}
.detail_wrap .detail_cttBox .cmtArea .commentBox ul li .ts_user .icon {}
.detail_wrap .detail_cttBox .cmtArea .commentBox ul li .cmt_ctt {}
.detail_wrap .detail_cttBox .cmtArea .commentBox ul li .cmt_ctt .p01 {}
.detail_wrap .detail_cttBox .cmtArea .commentBox ul li .cmt_ctt .p02 {}
.detail_wrap .detail_cttBox .cmtArea .commentBox ul li .cmt_ctt .p03 {}
.detail_wrap .detail_cttBox .cmtArea .commentBox ul li .close {}
.detail_wrap .detail_cttBox .cmtArea .commentBox ul li .close .span01 {}
.detail_wrap .detail_cttBox .cmtArea .commentBox ul li .close .span02 {}
.moreBtn {padding: 40px 0;margin: 0 -20px;background: #fff;text-align: center;}
.moreBtn a {padding: 0 20px 0 0;background: url(../images/common/bottom_arrow.png) no-repeat right center / 11.5px;font-size: 14px;font-weight: 700;color: #024137;}


/* ==========================
제품 page 
========================== */

.product_wrap {width:100%;overflow:hidden}
.product_wrap > ul {}
.product_wrap > ul > li {position: relative;overflow: hidden;background: #999;}
.product_wrap > ul > li > a {font-size: 20px;font-weight: 700;color: #fff;line-height: 40px;padding: 20px 21px;display: block;}
.product_wrap .onoff {font-size: 12px;font-weight: 700;background: #fff;line-height: 24px;padding: 0 15px;border-radius: 16px;position: absolute;top: 29px;right: 54px;display: block;min-width: 61px;text-align: center;text-transform: uppercase;}
.product_wrap .plusMinus {position: absolute;top: 32px;right: 20px;width: 15px;height: 15px;}
.product_wrap .plusMinus .span01 {position: absolute;top: 50%;left: 0;width: 100%;height: 2.5px;margin-top: -1.25px;background: #fff;}
.product_wrap .plusMinus .span02 {position: absolute;top: 0;left: 50%;width: 2.5px;height: 100%;margin-left: -1.25px;background: #fff;}
.product_wrap .product_cttBox {position:absolute;top:0;left:-200%;width:100%;overflow: hidden;}
.product_wrap .product_cttBox .detailArea {padding: 0;}
.product_wrap .product_cttBox .productSlide {margin: 0;border-width: 7.5px;border-radius: 5px;box-sizing: border-box;}
.product_wrap .product_cttBox .productSlide .slideBox {width:100%;height:0;padding-top: 61.33%;}
.product_wrap .product_cttBox .productSlide .swiper-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product_wrap .product_cttBox .productSlide .swiper-slide {background-position:center;background-repeat: no-repeat;background-size:contain;background-color:#f7f7f7}
.product_wrap .product_cttBox .productSlide .swiper-slide img {max-width:100%;margin:0 auto;display: block;}
.product_wrap .product_cttBox .productSlide .swiper-pagination {}
.product_wrap .product_cttBox .productSlide .swiper-pagination-bullet {display: inline-block;vertical-align: middle;opacity: 1;box-sizing: content-box;background: #fff;}
.product_wrap .product_cttBox .productSlide .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #646464;}
.product_wrap .product_cttBox .cttBox {padding:0 21px}
.product_wrap .product_cttBox .ttl {margin: 40px 0 0;font-size: 25px;font-weight: 700;color: #fff;}
.product_wrap .product_cttBox .infoBox01 {margin: 25px 0 0;padding: 25px 0;position: relative;overflow: hidden;background: #fff;border-radius: 5px;box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.1);}
.product_wrap .product_cttBox .infoBox01::after {content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:100%;background: #dbdbdb;}
.product_wrap .product_cttBox .infoBox01 dl {padding: 0 10px 0 20px;float: left;width: 50%;box-sizing: border-box;}
.product_wrap .product_cttBox .infoBox01 dt {font-size: 12px;color: #646464;}
.product_wrap .product_cttBox .infoBox01 dd {font-size: 18px;}
.product_wrap .product_cttBox .dataBox {margin: 25px 0 0;padding: 25px 26px;position: relative;overflow: hidden;background: #fff;border-radius: 5px;box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.1);}
.product_wrap .product_cttBox .dataBox .p01 {font-size: 11px;color: #646464;}
.product_wrap .product_cttBox .dataBox .p01 > span {font-size: 26px;font-weight: 700;margin: 0px 12px 0px 0px;}
.product_wrap .product_cttBox .dataBox .p02 {font-size: 11px;color: #646464;margin: 10px 0 0;}
.product_wrap .product_cttBox .dataBox .p02 > span {font-size: 26px;font-weight: 700;color: #dbdbdb;margin: 0 12px 0 0;}
.product_wrap .product_cttBox .dataBox .p02 > span > span {}
.product_wrap .product_cttBox .dataBox .div01 {margin: 10px 0 0;position: relative;/* overflow: hidden; */height: 10px;}
.product_wrap .product_cttBox .dataBox .div01 > span {position: absolute;top: 0;left: 0;width: 100%;height: 10px;border-radius: 10px;background: #f7f7f7;}
.product_wrap .product_cttBox .dataBox .div01 > span > span {position: absolute;top: 0;left: 0;height: 10px;border-radius: 10px;background: #999;transition: 0.6s;}
.product_wrap .product_cttBox .dataBox .div01 > span > span > .arw {position: absolute;top: 0;width: 10px;height: 10px;border-radius: 50%;background: #000;right: -5px;}
.product_wrap .product_cttBox .dataBox .div02 {position: relative;top: 5px;left: 0;height: 50px;}
.product_wrap .product_cttBox .dataBox .div02 div {position: absolute;top: 0;color: #dbdbdb;font-size: 12px;width: auto;transform: translateX(-50%);}
.product_wrap .product_cttBox .dataBox .div02 div > span {position: absolute;top: 100%;left: 0;width: 100%;transform: translateX(50%);margin-top: 3px;}
.product_wrap .product_cttBox .dataBox .div02 div > span > span {position: absolute;top: 0;left: 0;transform: translateX(-50%);z-index: 1;}
.product_wrap .product_cttBox .dataBox .div02 div > span > span > .txt {position: relative;padding: 5px 6px;background: #dbdbdb;font-size: 12px;color: #fff;border-radius: 5px;z-index: 1;}
.product_wrap .product_cttBox .dataBox .div02 div > span > span > .arw {background: #dbdbdb;position: absolute;top: -4px;left: 50%;width: 10px;height: 10px;margin: 0 0 0 -5px;transform: rotate(45deg);z-index: -1;}
.product_wrap .product_cttBox .dataBox .div02 .on {font-weight: 700;}
.product_wrap .product_cttBox .dataBox .div02 .on > span {}
.product_wrap .product_cttBox .dataBox .div02 .on > span > span {}
.product_wrap .product_cttBox .dataBox .div02 .on > span > span > .txt {}
.product_wrap .product_cttBox .dataBox .div02 .on > span > span > .arw {}
.product_wrap .product_cttBox .dataBox .div02 div:first-child {left: 0;}
.product_wrap .product_cttBox .dataBox .div02 div:last-child {transform: translateX(-100%);}
.product_wrap .product_cttBox .dataBox .div02 div:last-child > span {transform: translateX(0%);}
.product_wrap .product_cttBox .dataBox .div02 div:last-child > span > span {left: auto;right: 0;transform: translateX(0);}
.product_wrap .product_cttBox .dataBox .div02 div:last-child > span > span > .arw {left: auto;right: 6px;margin: 0;}
.product_wrap .product_cttBox .normalli {position: relative;padding-left: 12px;}
.product_wrap .product_cttBox .normalli span {position: absolute;top: 0;left: 0;}
.product_wrap .product_cttBox .bulletli {position: relative;padding-left: 9px;}
.product_wrap .product_cttBox .bulletli span {position: absolute;top: 0;left: 0;font-weight: 700;}
.product_wrap .product_cttBox .dataBox .ctt {font-size: 12px;color: #646464;line-height: 1.7;margin: 17px 0 0;border-top: 1px solid #dbdbdb;}
.product_wrap .product_cttBox .dataBox .ctt .topCmt {padding: 25px 0 0;}
.product_wrap .product_cttBox .dataBox .ctt .topCmt .colorOn {font-weight: 700;}
.product_wrap .product_cttBox .dataBox .ctt .cmt {line-height: 1.7;}
.product_wrap .product_cttBox .dataBox .ctt ul {}
.product_wrap .product_cttBox .dataBox .ctt ul li {position: relative;padding-left: 9px;}
.product_wrap .product_cttBox .dataBox .ctt ul li .bullet {background: url(../images/common/bullet.png) no-repeat left center / 4px auto;width: 4px;height: 4px;position: absolute;top: 7px;left: 0;}
.product_wrap .product_cttBox .dataBox .ctt .subcmt {font-size: 10px;color: #999;margin: 5px 0 0;}
.product_wrap .product_cttBox .videoBox {margin: 15px 0 0;overflow: hidden;position: relative;border-radius: 5px;box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.1);}
.product_wrap .product_cttBox .videoBox a {display: block;}
.product_wrap .product_cttBox .videoBox a img {width: 100%;display: block;}
.product_wrap .product_cttBox .videoBox a span {position: absolute;background: url(../images/common/play.png) no-repeat left top / 37.5px;top: 50%;left: 50%;width: 37.5px;height: 44px;margin: -22PX 0 0 -19.5PX;}
.product_wrap .product_cttBox .infoBox02 {padding: 5px 0 0;border-top: 1px solid #fff;margin: 20px 0 0;}
.product_wrap .product_cttBox .infoBox02 dl {padding: 20px 0 0;}
.product_wrap .product_cttBox .infoBox02 dl dt {font-size: 20px;font-weight: 700;color: #fff;margin: 0 0 10px;}
.product_wrap .product_cttBox .infoBox02 dl dd {font-size: 13px;color: #fff;}
.product_wrap .product_cttBox .infoBox02 dl dd p {}
.product_wrap .product_cttBox .infoBox02 dl dd p strong {display: block;margin: 0 0 5px;}
.product_wrap .product_cttBox .infoBox02 dl dd > ul {}
.product_wrap .product_cttBox .infoBox02 dl dd > ul > li {}
.product_wrap .product_cttBox .infoBox02 dl dd > ul > li > span {}
.product_wrap .product_cttBox .infoBox02 dl dd > ul > li > ul {}
.product_wrap .product_cttBox .infoBox02 dl dd > ul > li > ul li {}
.product_wrap .product_cttBox .infoBox02 dl dd > ul > li > ul li span {}
.product_wrap .product_cttBox .commenBox {text-align: center;font-size: 12px;color: #fff;margin: 25px 0 0;}
.product_wrap .product_cttBox .btnBox {margin: 20px 0 0;}
.product_wrap .product_cttBox .btnBox .btn_wrap {}
.product_wrap .product_cttBox .btnBox .btn_wrap a {}
.product_wrap .product_cttBox .btnBox .btn_wrap a span {background: #fff;color: #101010;border: 2px solid #101010;}
.product_wrap .product_cttBox .snsBox {text-align: center;}
.product_wrap .product_cttBox .snsBtn {display: inline-block;color: #fff;font-size: 14px;padding: 20px 0 20px 30px;line-height: 23px;background: url(../images/common/sns_icon02.png) no-repeat left center / 20px;}
.product_wrap .product_cttBox .snsBtn > a {position:relative;padding: 0 20px 0 0;}
.product_wrap .product_cttBox .snsBtn > a::after {content:'';position:absolute;top:50%;right: 4px;width: 7px;height: 2px;margin: -1px 0 0;background: #f7f7f7;transform: rotate(45deg);}
.product_wrap .product_cttBox .snsBtn > a::before {content:'';position:absolute;top: 50%;right: 0px;width: 7px;height: 2px;margin: -1px 0 0;background: #f7f7f7;transform: rotate(-45deg);}
.product_wrap .product_cttBox .snsBtn > a.on::after {transform: rotate(-45deg);}
.product_wrap .product_cttBox .snsBtn > a.on::before {transform: rotate(45deg);}
.product_wrap .product_cttBox .snsBtn > a span {color: #fff;}
.product_wrap .product_cttBox .sns {display:none;overflow: hidden;margin: 0 auto 20px;font-size: 0;}
.product_wrap .product_cttBox .sns li {text-indent: -9999px;display: inline-block;vertical-align: middle;margin: 0 6px;}
.product_wrap .product_cttBox .sns li.twitter {background:url(../images/common/twitter02.png) no-repeat center / 20px auto;}
.product_wrap .product_cttBox .sns li.facebook {background:url(../images/common/facebook02.png) no-repeat center / 20px auto;}
.product_wrap .product_cttBox .sns li.sns01 {background: url(../images/common/sns02.png) no-repeat center / 20px auto;}
.product_wrap .product_cttBox .sns li.url {background: url(../images/common/url02.png) no-repeat center / 20px auto;}
.product_wrap .product_cttBox .sns li a {display: block;width: 20px;height: 20px;padding: 15px;border: 1px solid #fff;border-radius: 50%;}
.product_wrap .product_cttBox .sns li a span {}
.product_wrap .product_cttBox .cloBtn {padding: 40px 0;text-align: center;border-top: 1px solid #fff;}
.product_wrap .product_cttBox .cloBtn a {font-size: 25px;font-weight: 700;color: #fff;}
.product_wrap .backHome {margin: 0 20px;text-align: center;border-top: 1px solid #dbdbdb;}
.product_wrap .backHome a {font-size: 25px;font-weight: 700;color: #383838;padding: 50px 0;display: block;}
.product_wrap .active .plusMinus .span02 {display:none}
.product_wrap .active .product_cttBox {position:relative;top:0;left:0;}

/* 원료별 색상 */
.product_wrap .nosebum_bg {background:#8bd5cf;}
.product_wrap .nosebum_bg .onoff {color:#8bd5cf;}
.product_wrap .nosebum_bg .product_cttBox .productSlide .swiper-slide {background-color:#e6f8f8}
.product_wrap .nosebum_bg .product_cttBox .productSlide .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #8bd5cf;}
.product_wrap .nosebum_bg .product_cttBox .infoBox01 dd {color: #08b4bc;}
.product_wrap .nosebum_bg .product_cttBox .dataBox .p01 > span {color: #008e95;}
.product_wrap .nosebum_bg .product_cttBox .dataBox .p02 > span {color: #008e95;}
.product_wrap .nosebum_bg .product_cttBox .dataBox .p02 > span > span {}
.product_wrap .nosebum_bg .product_cttBox .dataBox .div01 > span {background: #d2f1ee;}
.product_wrap .nosebum_bg .product_cttBox .dataBox .div01 > span > span {background: linear-gradient(45deg, #08b4bc, #008e95);}
.product_wrap .nosebum_bg .product_cttBox .dataBox .div01 > span > span > .arw {background: #00ffeb;}
.product_wrap .nosebum_bg .product_cttBox .dataBox .div02 .on {color: #08b4bc;}
.product_wrap .nosebum_bg .product_cttBox .dataBox .div02 .on > span > span > span.txt {background: #08b4bc;}
.product_wrap .nosebum_bg .product_cttBox .dataBox .div02 .on > span > span > span.arw {background: #08b4bc;}
.product_wrap .nosebum_bg .product_cttBox .dataBox .ctt .topCmt .colorOn {color:#08b4bc}
.product_wrap .nosebum_bg .product_cttBox .commenBox {}
.product_wrap .nosebum_bg .product_cttBox .snsBtn > a::before {background: #008e95;}
.product_wrap .nosebum_bg .product_cttBox .snsBtn > a::after {background: #008e95;}
.product_wrap .nosebum_bg .product_cttBox .btnBox .btn_wrap a span {color: #024137;border: 2px solid #024137;background: #fff;}
.product_wrap .nosebum_bg.open .product_cttBox .btnBox .btn_wrap a span {color: #fff;background: #008e95;border: 2px solid #008e95;}
.product_wrap .greentea_bg {background:#1a534a;}
.product_wrap .greentea_bg .onoff {color:#1a534a;}
.product_wrap .greentea_bg .product_cttBox .productSlide .swiper-slide {background-color:#e3ece9}
.product_wrap .greentea_bg .product_cttBox .productSlide .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #1a534a;}
.product_wrap .greentea_bg .product_cttBox .infoBox01 dd {color: #537f6b;}
.product_wrap .greentea_bg .product_cttBox .dataBox .p01 > span {color: #316c5b;}
.product_wrap .greentea_bg .product_cttBox .dataBox .p02 > span {color: #316c5b;}
.product_wrap .greentea_bg .product_cttBox .dataBox .p02 > span > span {}
.product_wrap .greentea_bg .product_cttBox .dataBox .div01 > span {background: #dae4dc;}
.product_wrap .greentea_bg .product_cttBox .dataBox .div01 > span > span {background: linear-gradient(45deg, #537f6b, #316c5b);}
.product_wrap .greentea_bg .product_cttBox .dataBox .div01 > span > span > .arw {background: #46dc90;}
.product_wrap .greentea_bg .product_cttBox .dataBox .div02 .on {color: #537f6b;}
.product_wrap .greentea_bg .product_cttBox .dataBox .div02 .on > span > span > span.txt {background: #537f6b;}
.product_wrap .greentea_bg .product_cttBox .dataBox .div02 .on > span > span > span.arw {background: #537f6b;}
.product_wrap .greentea_bg .product_cttBox .dataBox .ctt .topCmt .colorOn {color:#537f6b}
.product_wrap .greentea_bg .product_cttBox .commenBox {}
.product_wrap .greentea_bg .product_cttBox .snsBtn > a::before {background: #316c5b;}
.product_wrap .greentea_bg .product_cttBox .snsBtn > a::after {background: #316c5b;}
.product_wrap .greentea_bg .product_cttBox .btnBox .btn_wrap a span {color: #316c5b;border: 2px solid #316c5b;background: #fff;}
.product_wrap .greentea_bg.open .product_cttBox .btnBox .btn_wrap a span {color: #fff;background: #316c5b;border: 2px solid #316c5b;}
.product_wrap .vivid_bg {background:#c45454;}
.product_wrap .vivid_bg .onoff {color:#c45454;}
.product_wrap .vivid_bg .product_cttBox .productSlide .swiper-slide {background-color:#f9eded}
.product_wrap .vivid_bg .product_cttBox .productSlide .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #c45454;}
.product_wrap .vivid_bg .product_cttBox .infoBox01 dd {color: #c73b41;}
.product_wrap .vivid_bg .product_cttBox .dataBox .p01 > span {color: #a21d13;}
.product_wrap .vivid_bg .product_cttBox .dataBox .p02 > span {color: #a21d13;}
.product_wrap .vivid_bg .product_cttBox .dataBox .p02 > span > span {}
.product_wrap .vivid_bg .product_cttBox .dataBox .div01 > span {background: #f3dbdc;}
.product_wrap .vivid_bg .product_cttBox .dataBox .div01 > span > span {background: linear-gradient(45deg, #c73b41, #a20d13);}
.product_wrap .vivid_bg .product_cttBox .dataBox .div01 > span > span > .arw {background: #ff4453;}
.product_wrap .vivid_bg .product_cttBox .dataBox .div02 .on {color: #a21d13;}
.product_wrap .vivid_bg .product_cttBox .dataBox .div02 .on > span > span > span.txt {background: #a21d13;}
.product_wrap .vivid_bg .product_cttBox .dataBox .div02 .on > span > span > span.arw {background: #a21d13;}
.product_wrap .vivid_bg .product_cttBox .dataBox .ctt .topCmt .colorOn {color:#c73b41}
.product_wrap .vivid_bg .product_cttBox .commenBox {}
.product_wrap .vivid_bg .product_cttBox .snsBtn > a::before {background: #a8151b;}
.product_wrap .vivid_bg .product_cttBox .snsBtn > a::after {background: #a8151b;}
.product_wrap .vivid_bg .product_cttBox .btnBox .btn_wrap a span {color: #a8151b;border: 2px solid #a8151b;background: #fff;}
.product_wrap .vivid_bg.open .product_cttBox .btnBox .btn_wrap a span {color: #fff;background: #a8151b;border: 2px solid #a8151b;}
.product_wrap .bija_bg {background:#49aec4;}
.product_wrap .bija_bg .onoff {color:#49aec4;}
.product_wrap .bija_bg .product_cttBox .productSlide .swiper-slide {background-color:#dceff3}
.product_wrap .bija_bg .product_cttBox .productSlide .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #49aec4;}
.product_wrap .bija_bg .product_cttBox .infoBox01 dd {color: #44a1bc;}
.product_wrap .bija_bg .product_cttBox .dataBox .p01 > span {color: #3183a4;}
.product_wrap .bija_bg .product_cttBox .dataBox .p02 > span {color: #3183a4;}
.product_wrap .bija_bg .product_cttBox .dataBox .p02 > span > span {}
.product_wrap .bija_bg .product_cttBox .dataBox .div01 > span {background: #cae9f0;}
.product_wrap .bija_bg .product_cttBox .dataBox .div01 > span > span {background: linear-gradient(45deg, #44a1bc, #3183a4);}
.product_wrap .bija_bg .product_cttBox .dataBox .div01 > span > span > .arw {background: #00eaff;}
.product_wrap .bija_bg .product_cttBox .dataBox .div02 .on {color: #3183a4;}
.product_wrap .bija_bg .product_cttBox .dataBox .div02 .on > span > span > span.txt {background: #3183a4;}
.product_wrap .bija_bg .product_cttBox .dataBox .div02 .on > span > span > span.arw {background: #3183a4;}
.product_wrap .bija_bg .product_cttBox .dataBox .ctt .topCmt .colorOn {color:#44a1bc}
.product_wrap .bija_bg .product_cttBox .commenBox {}
.product_wrap .bija_bg .product_cttBox .snsBtn > a::before {background: #3183a4;}
.product_wrap .bija_bg .product_cttBox .snsBtn > a::after {background: #3183a4;}
.product_wrap .bija_bg .product_cttBox .btnBox .btn_wrap a span {color: #3183a4;border: 2px solid #3183a4;background: #fff;}
.product_wrap .bija_bg.open .product_cttBox .btnBox .btn_wrap a span {color: #fff;background: #3183a4;border: 2px solid #3183a4;}
.product_wrap .volcanic_bg {background:#7c4f3e;}
.product_wrap .volcanic_bg .onoff {color:#7c4f3e;}
.product_wrap .volcanic_bg .product_cttBox .productSlide .swiper-slide {background-color:#e3dbd8}
.product_wrap .volcanic_bg .product_cttBox .productSlide .swiper-pagination-bullet.swiper-pagination-bullet-active {border: 2px solid #7c4f3e;}
.product_wrap .volcanic_bg .product_cttBox .infoBox01 dd {color: #81432b;}
.product_wrap .volcanic_bg .product_cttBox .dataBox .p01 > span {color: #5a2713;}
.product_wrap .volcanic_bg .product_cttBox .dataBox .p02 > span {color: #5a2713;}
.product_wrap .volcanic_bg .product_cttBox .dataBox .p02 > span > span {}
.product_wrap .volcanic_bg .product_cttBox .dataBox .div01 > span {background: #d6c5be;}
.product_wrap .volcanic_bg .product_cttBox .dataBox .div01 > span > span {background: linear-gradient(45deg, #81432b, #5a2713);}
.product_wrap .volcanic_bg .product_cttBox .dataBox .div01 > span > span > .arw {background: #fffc00;}
.product_wrap .volcanic_bg .product_cttBox .dataBox .div02 .on {color: #81432b;}
.product_wrap .volcanic_bg .product_cttBox .dataBox .div02 .on > span > span > span.txt {background: #81432b;}
.product_wrap .volcanic_bg .product_cttBox .dataBox .div02 .on > span > span > span.arw {background: #81432b;}
.product_wrap .volcanic_bg .product_cttBox .dataBox .ctt .topCmt .colorOn {color:#81432b}
.product_wrap .volcanic_bg .product_cttBox .commenBox {}
.product_wrap .volcanic_bg .product_cttBox .snsBtn > a::before {background: #5a2713;}
.product_wrap .volcanic_bg .product_cttBox .snsBtn > a::after {background: #5a2713;}
.product_wrap .volcanic_bg .product_cttBox .btnBox .btn_wrap a span {color: #5a2713;border: 2px solid #5a2713;background: #fff;}
.product_wrap .volcanic_bg.open .product_cttBox .btnBox .btn_wrap a span {color: #fff;background: #5a2713;border: 2px solid #5a2713;}


/* ==========================
원료 page 
========================== */

/* 메인 */
.Ingredient_main_wrap {}
.Ingredient_main_wrap {padding: 0;border: none;transition:all 0.3s;position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
.Ingredient_main_wrap.nosebum {background: #8bd5cf url(../images/temp/Ingredient_nosebum.jpg) no-repeat center top / cover;}
.Ingredient_main_wrap.greentea {background: #1A534B url(../images/temp/Ingredient_greentea.jpg) no-repeat center top / cover;}
.Ingredient_main_wrap.vivid {background: #c45454 url(../images/temp/Ingredient_vivid.jpg) no-repeat center top / cover;}
.Ingredient_main_wrap.bija {background: #49aec4 url(../images/temp/Ingredient_bija.jpg) no-repeat center top / cover;}
.Ingredient_main_wrap.volcanic {background: #7c4f3e url(../images/temp/Ingredient_volcanic.jpg) no-repeat center top / cover;}
.Ingredient_main_wrap .ing_list {width: 100%;height: 100%;}
.Ingredient_main_wrap .ing_list .swiper-wrapper {}
.Ingredient_main_wrap .ing_list .swiper-slide {width:100%;opacity:0 !important}
.Ingredient_main_wrap .ing_list .swiper-slide.swiper-slide-active {opacity:1 !important}
.Ingredient_main_wrap .ing_list .swiper-slide .p01 {font-size: 55px;font-weight: 700;line-height: 60px;margin: 38% 16px -10px 16px;color: #fff;}
.Ingredient_main_wrap .ContrlArea {position: fixed;bottom: 20px;left: 0;width: 100%;z-index:1}
.Ingredient_main_wrap .ContrlArea .line {position: absolute;top: 50%;margin-top: -1px;width: 20%;height: 2px;background: #fff;}
.Ingredient_main_wrap .ContrlArea .line .arrow {position: absolute;top: 50%;margin-top: -9.5px;width: 19px;height: 19px;background: #fff;border-width: 2px;border-style: solid;border-color: #024137;border-radius: 50%;}
.Ingredient_main_wrap .ContrlArea .line .arrow span {display:block;position:absolute;top: 50%;left: 50%;width:16px;height:14.5px;margin: -7.25px 0 0 -8px;}
.Ingredient_main_wrap .ContrlArea .line.left {left: 0;}
.Ingredient_main_wrap .ContrlArea .line.left .arrow {left: 50%;margin-left: -9.5px;}
.Ingredient_main_wrap .ContrlArea .line.left .arrow span {}
.Ingredient_main_wrap .ContrlArea .line.right {right: 0;}
.Ingredient_main_wrap .ContrlArea .line.right .arrow {right: 50%;margin-right: -9.5px;}
.Ingredient_main_wrap .ContrlArea .line.right .arrow span {}
.Ingredient_main_wrap .ContrlArea .btn_wrap {width: 50%;margin: 0 auto;}
.Ingredient_main_wrap .ContrlArea .btn_wrap .btn {height: 52px;line-height: 46px;}
.Ingredient_main_wrap .ContrlArea .btn_wrap .btn > span {background: #fff;border-width: 3px;border-style: solid;border-color: #024137;border-radius: 50px;font-size: 0;}
.Ingredient_main_wrap .ContrlArea .btn_wrap .btn .text {display: inline-block;vertical-align: middle;position: static;padding: 0 6px 0 0;background: #fff;border-width: 0;border-radius: 0;font-size: 14px;font-weight: 700;color: #024137;}
.Ingredient_main_wrap .ContrlArea .btn_wrap .btn .arrow {position: relative;display: inline-block;vertical-align: middle;width: 13px;height: 3px;background: #024137;}
.Ingredient_main_wrap .ContrlArea .btn_wrap .btn .arrow .span01 {position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: #024137;transform: translate(0, 0) rotate(90deg);}
.Ingredient_main_wrap .ContrlArea .btn_wrap .btn .arrow .span02 {position: absolute;top: 0;right: 0;width: 10px;height: 3px;background: #024137;transform: translate(2px, 2.5px) rotate(-45deg);display: none;}
.Ingredient_main_wrap .backBtn {width: 90%;margin: 50px auto 0;padding: 30px 0;border-top: 1px solid #fff;display: block;text-align: center;font-size: 25px;font-weight: 700;color: #fff;}

.Ingredient_main_wrap.nosebum .ing_list .swiper-slide .p01 {}
.Ingredient_main_wrap.nosebum .ContrlArea .btn_wrap .btn > span {border-color: #008e95;}
.Ingredient_main_wrap.nosebum .ContrlArea .btn_wrap .btn .text {color: #008e95;}
.Ingredient_main_wrap.nosebum .ContrlArea .btn_wrap .btn .arrow {background:#008e95;}
.Ingredient_main_wrap.nosebum .ContrlArea .btn_wrap .btn .arrow .span01 {background:#008e95}
.Ingredient_main_wrap.nosebum .ContrlArea .btn_wrap .btn .arrow .span02 {background:#008e95}
.Ingredient_main_wrap.nosebum .ContrlArea .line.left .arrow {border-color: #7c4f3e;}
.Ingredient_main_wrap.nosebum .ContrlArea .line.left .arrow span {background: url(../images/common/volcanic_icon.png) no-repeat center / 16px auto}
.Ingredient_main_wrap.nosebum .ContrlArea .line.right .arrow {border-color: #1a534a;}
.Ingredient_main_wrap.nosebum .ContrlArea .line.right .arrow span {background: url(../images/common/greentea_icon.png) no-repeat center / 16px auto}
.Ingredient_main_wrap.greentea .ing_list .swiper-slide .p01 {}
.Ingredient_main_wrap.greentea .ContrlArea .btn_wrap .btn > span {border-color: #316c5b;}
.Ingredient_main_wrap.greentea .ContrlArea .btn_wrap .btn .text {color: #316c5b;}
.Ingredient_main_wrap.greentea .ContrlArea .btn_wrap .btn .arrow {background: #316c5b;}
.Ingredient_main_wrap.greentea .ContrlArea .btn_wrap .btn .arrow .span01 {background: #316c5b;}
.Ingredient_main_wrap.greentea .ContrlArea .btn_wrap .btn .arrow .span02 {background: #316c5b;}
.Ingredient_main_wrap.greentea .ContrlArea .line.left .arrow {border-color: #8bd5cf;}
.Ingredient_main_wrap.greentea .ContrlArea .line.left .arrow span {background: url(../images/common/nosebum_icon.png) no-repeat center / 16px auto}
.Ingredient_main_wrap.greentea .ContrlArea .line.right .arrow {border-color: #c45454;}
.Ingredient_main_wrap.greentea .ContrlArea .line.right .arrow span {background: url(../images/common/vivid_icon.png) no-repeat center / 16px auto}
.Ingredient_main_wrap.vivid .ing_list .swiper-slide .p01 {}
.Ingredient_main_wrap.vivid .ContrlArea .btn_wrap .btn > span {border-color: #a8151b;}
.Ingredient_main_wrap.vivid .ContrlArea .btn_wrap .btn .text {color: #a8151b;}
.Ingredient_main_wrap.vivid .ContrlArea .btn_wrap .btn .arrow {background: #a8151b;}
.Ingredient_main_wrap.vivid .ContrlArea .btn_wrap .btn .arrow .span01 {background: #a8151b;}
.Ingredient_main_wrap.vivid .ContrlArea .btn_wrap .btn .arrow .span02 {background: #a8151b;}
.Ingredient_main_wrap.vivid .ContrlArea .line.left .arrow {border-color: #1a534a;}
.Ingredient_main_wrap.vivid .ContrlArea .line.left .arrow span {background: url(../images/common/greentea_icon.png) no-repeat center / 16px auto}
.Ingredient_main_wrap.vivid .ContrlArea .line.right .arrow {border-color: #49aec4;}
.Ingredient_main_wrap.vivid .ContrlArea .line.right .arrow span {background: url(../images/common/bija_icon.png) no-repeat center / 16px auto}
.Ingredient_main_wrap.bija .ing_list .swiper-slide .p01 {}
.Ingredient_main_wrap.bija .ContrlArea .btn_wrap .btn > span {border-color: #3183a4;}
.Ingredient_main_wrap.bija .ContrlArea .btn_wrap .btn .text {color: #3183a4;}
.Ingredient_main_wrap.bija .ContrlArea .btn_wrap .btn .arrow {background: #3183a4;}
.Ingredient_main_wrap.bija .ContrlArea .btn_wrap .btn .arrow .span01 {background: #3183a4;}
.Ingredient_main_wrap.bija .ContrlArea .btn_wrap .btn .arrow .span02 {background: #3183a4;}
.Ingredient_main_wrap.bija .ContrlArea .line.left .arrow {border-color: #c45454;}
.Ingredient_main_wrap.bija .ContrlArea .line.left .arrow span {background: url(../images/common/vivid_icon.png) no-repeat center / 16px auto}
.Ingredient_main_wrap.bija .ContrlArea .line.right .arrow {border-color: #7c4f3e;}
.Ingredient_main_wrap.bija .ContrlArea .line.right .arrow span {background: url(../images/common/volcanic_icon.png) no-repeat center / 16px auto}
.Ingredient_main_wrap.volcanic .ing_list .swiper-slide .p01 {}
.Ingredient_main_wrap.volcanic .ContrlArea .btn_wrap .btn > span {border-color: #5a2713;}
.Ingredient_main_wrap.volcanic .ContrlArea .btn_wrap .btn .text {color: #5a2713;}
.Ingredient_main_wrap.volcanic .ContrlArea .btn_wrap .btn .arrow {background: #5a2713;}
.Ingredient_main_wrap.volcanic .ContrlArea .btn_wrap .btn .arrow .span01 {background: #5a2713;}
.Ingredient_main_wrap.volcanic .ContrlArea .btn_wrap .btn .arrow .span02 {background: #5a2713;}
.Ingredient_main_wrap.volcanic .ContrlArea .line.left .arrow {border-color: #49aec4;}
.Ingredient_main_wrap.volcanic .ContrlArea .line.left .arrow span {background: url(../images/common/bija_icon.png) no-repeat center / 16px auto}
.Ingredient_main_wrap.volcanic .ContrlArea .line.right .arrow {border-color: #8bd5cf;}
.Ingredient_main_wrap.volcanic .ContrlArea .line.right .arrow span {background: url(../images/common/nosebum_icon.png) no-repeat center / 16px auto}

/* 상세 */
.Ingredient_wrap {padding: 65.8% 0 0;border: none;transition:all 0.3s;}
.Ingredient_wrap.nosebum {background: #8bd5cf url(../images/temp/Ingredient_nosebum_detail.jpg) no-repeat center top / 100% auto;}
.Ingredient_wrap.greentea {background: #1a534a url(../images/temp/Ingredient_greentea_detail.jpg) no-repeat center top / 100% auto;}
.Ingredient_wrap.vivid {background: #c45454 url(../images/temp/Ingredient_vivid_detail.jpg) no-repeat center top / 100% auto;}
.Ingredient_wrap.bija {background: #49aec4 url(../images/temp/Ingredient_bija_detail.jpg) no-repeat center top / 100% auto;}
.Ingredient_wrap.volcanic {background: #7c4f3e url(../images/temp/Ingredient_volcanic_detail.jpg) no-repeat center top / 100% auto;}
.Ingredient_wrap .ing_list {}
.Ingredient_wrap .ing_list .swiper-wrapper {}
.Ingredient_wrap .ing_list .swiper-slide {margin: 5% 0 35px;width:80%;height: 300px;overflow-y: auto;overflow-x: hidden;background: #fff;border-radius: 5px;box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.1);}
.Ingredient_wrap .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_container {margin-right: 4px;}
.Ingredient_wrap .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools {width: 10px;}

.Ingredient_wrap.nosebum .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(49,176,167,1)}
.Ingredient_wrap.nosebum .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {background-color: rgba(49,176,167,.1)}
.Ingredient_wrap.greentea .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(26,83,74,1)}
.Ingredient_wrap.greentea .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {background-color: rgba(26,83,74,.1)}
.Ingredient_wrap.vivid .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(196,84,84,1)}
.Ingredient_wrap.vivid .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {background-color: rgba(196,84,84,.1)}
.Ingredient_wrap.bija .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(73,174,196,1)}
.Ingredient_wrap.bija .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {background-color: rgba(73,174,196,.1)}
.Ingredient_wrap.volcanic .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(125,79,63,1)}
.Ingredient_wrap.volcanic .ing_list .swiper-slide.mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {background-color: rgba(125,79,63,.1)}

.Ingredient_wrap .ing_list .swiper-slide .heightBox {background: #fff;padding: 30px;font-size: 12px;line-height: 1.8;color: #646464;}
.Ingredient_wrap .ing_list .swiper-slide .heightBox > div {}
.Ingredient_wrap .ing_list .swiper-slide .p01 {font-size: 25px;font-weight: 700;margin: 0 0 -10px;color: #024137;}
.Ingredient_wrap .ing_list .swiper-slide .p02 {font-weight: 700;color: #383838;margin-top: 25px;}
.Ingredient_wrap .ing_list .swiper-slide .p03 {}
.Ingredient_wrap .ing_list .swiper-slide .p04 {font-size: 10px;color: #999999;margin: 5px 0 0;}
.Ingredient_wrap .ContrlArea {position: relative;}
.Ingredient_wrap .ContrlArea .line {position: absolute;top: 50%;margin-top: -1px;width: 20%;height: 2px;background: #fff;}
.Ingredient_wrap .ContrlArea .line .arrow {position: absolute;top: 50%;margin-top: -9.5px;width: 19px;height: 19px;background: #fff;border-width: 2px;border-style: solid;border-color: #024137;border-radius: 50%;}
.Ingredient_wrap .ContrlArea .line .arrow span {display:block;position:absolute;top: 50%;left: 50%;width:16px;height:14.5px;margin: -7.25px 0 0 -8px;}
.Ingredient_wrap .ContrlArea .line.left {left: 0;}
.Ingredient_wrap .ContrlArea .line.left .arrow {left: 50%;margin-left: -9.5px;}
.Ingredient_wrap .ContrlArea .line.left .arrow span {}
.Ingredient_wrap .ContrlArea .line.right {right: 0;}
.Ingredient_wrap .ContrlArea .line.right .arrow {right: 50%;margin-right: -9.5px;}
.Ingredient_wrap .ContrlArea .line.right .arrow span {}
.Ingredient_wrap .ContrlArea .btn_wrap {width: 50%;margin: 0 auto;}
.Ingredient_wrap .ContrlArea .btn_wrap .btn {height: 52px;line-height: 46px;}
.Ingredient_wrap .ContrlArea .btn_wrap .btn > span {background: #fff;border-width: 3px;border-style: solid;border-color: #024137;border-radius: 50px;font-size: 0;}
.Ingredient_wrap .ContrlArea .btn_wrap .btn .text {display: inline-block;vertical-align: middle;position: static;padding: 0 6px 0 0;background: #fff;border-width: 0;border-radius: 0;font-size: 14px;font-weight: 700;color: #024137;}
.Ingredient_wrap .ContrlArea .btn_wrap .btn .arrow {position: relative;display: inline-block;vertical-align: middle;width: 21.5px;height: 3px;background: #024137;}
.Ingredient_wrap .ContrlArea .btn_wrap .btn .arrow .span01 {position: absolute;top: 0;right: 0;width: 10px;height: 3px;background: #024137;transform: translate(2px, -2.5px) rotate(45deg);}
.Ingredient_wrap .ContrlArea .btn_wrap .btn .arrow .span02 {position: absolute;top: 0;right: 0;width: 10px;height: 3px;background: #024137;transform: translate(2px, 2.5px) rotate(-45deg);}
.Ingredient_wrap .ttl {font-size: 25px;font-weight: 700;color: #fff;width: 73%;margin: 35px auto 0;}
.Ingredient_wrap .videoBox {position: relative;width: 89.334%;padding: 53.334% 0 0;margin: 35px auto 0;}
.Ingredient_wrap .videoBox a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.Ingredient_wrap .videoBox a span {position: absolute;background: url(../images/common/play.png) no-repeat center / 37.5px auto;width: 37.5px;height: 44px;top: 50%;left: 50%;margin: -22px 0 0 -18.25px;}
.Ingredient_wrap .videoBox iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.Ingredient_wrap .backBtn {width: 90%;margin: 35px auto 0;padding: 30px 0;border-top: 1px solid #fff;display: block;text-align: center;font-size: 25px;font-weight: 700;color: #fff;}
.Ingredient_wrap .ing_review {overflow: visible;margin: 35px auto;}
.Ingredient_wrap .ing_review > .swiper-wrapper {}
.Ingredient_wrap .ing_review > .swiper-wrapper > .swiper-slide {opacity: 0 !important;}
.Ingredient_wrap .ing_review > .swiper-wrapper > .swiper-slide.swiper-slide-active {opacity: 1 !important;}
.Ingredient_wrap .ing_review > .swiper-wrapper > .swiper-slide .ts_user {display: block;padding: 0 15px 10px;}
.Ingredient_wrap .ing_review > .swiper-wrapper > .swiper-slide .ts_user .icon {}
.Ingredient_wrap .ing_review > .swiper-wrapper > .swiper-slide .ts_user .name {}
.Ingredient_wrap .ing_review > .swiper-wrapper > .swiper-slide .imgBox {width: 100%;padding: 100% 0 0;background-position: center;background-size: cover;}
.Ingredient_wrap .ing_review > .swiper-wrapper > .swiper-slide .cmt {font-size: 13px;color: #383838;line-height: 20px;height: 60px;padding: 20px 10px;word-break: break-all;}
.Ingredient_wrap .ing_review_list {overflow: visible;}
.Ingredient_wrap .ing_review_list > .swiper-wrapper {}
.Ingredient_wrap .ing_review_list > .swiper-wrapper > .swiper-slide {padding: 15px 5px;background: #fff;overflow: hidden;border-radius: 5px;box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.1);}
.Ingredient_wrap .ing_review_list > .swiper-button-prev {position: absolute;top: 100%;left: 0;margin-top: 54px;width: 20%;height: 2px;background: #fff;}
.Ingredient_wrap .ing_review_list > .swiper-button-next {position: absolute;top: 100%;right: 0;margin-top: 54px;width: 20%;height: 2px;background: #fff;}
.Ingredient_wrap .ing_review_list > .swiper-button-prev .arrow,
.Ingredient_wrap .ing_review_list > .swiper-button-next .arrow {position: absolute;top: 50%;right: 50%;margin-right: -9.5px;margin-top: -9.5px;width: 19px;height: 19px;background: #fff;border-width: 2px;border-style: solid;border-color: #024137;border-radius: 50%;}
.Ingredient_wrap .ing_review_list > .swiper-button-prev .arrow span,
.Ingredient_wrap .ing_review_list > .swiper-button-next .arrow span {display: block;position: absolute;top: 50%;left: 50%;width: 16px;height: 14.5px;margin: -7.25px 0 0 -8px;}

.Ingredient_wrap.nosebum .ing_list .swiper-slide .p01 {color: #8bd5cf;}
.Ingredient_wrap.nosebum .ContrlArea .btn_wrap .btn > span {border-color: #008e95;}
.Ingredient_wrap.nosebum .ContrlArea .btn_wrap .btn .text {color: #008e95;}
.Ingredient_wrap.nosebum .ContrlArea .btn_wrap .btn .arrow {background:#008e95;}
.Ingredient_wrap.nosebum .ContrlArea .btn_wrap .btn .arrow .span01 {background:#008e95}
.Ingredient_wrap.nosebum .ContrlArea .btn_wrap .btn .arrow .span02 {background:#008e95}
.Ingredient_wrap.nosebum .ContrlArea .line.left .arrow {border-color: #7c4f3e;}
.Ingredient_wrap.nosebum .ContrlArea .line.left .arrow span {background: url(../images/common/volcanic_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.nosebum .ContrlArea .line.right .arrow {border-color: #1a534a;}
.Ingredient_wrap.nosebum .ContrlArea .line.right .arrow span {background: url(../images/common/greentea_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.nosebum .videoBox a {background: url(../images/temp/Ingredient_nosebum_video.png) no-repeat center / cover;}
.Ingredient_wrap.nosebum .ing_review_list > .swiper-button-next .arrow {border-color: #008e95;}
.Ingredient_wrap.nosebum .ing_review_list > .swiper-button-next .arrow span {background: url(../images/common/nosebum_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.nosebum .ing_review_list > .swiper-button-prev .arrow {border-color: #008e95;}
.Ingredient_wrap.nosebum .ing_review_list > .swiper-button-prev .arrow span {background: url(../images/common/nosebum_icon.png) no-repeat center / 16px auto}

.Ingredient_wrap.greentea .ing_list .swiper-slide .p01 {color: #1a534a;}
.Ingredient_wrap.greentea .ContrlArea .btn_wrap .btn > span {border-color: #316c5b;}
.Ingredient_wrap.greentea .ContrlArea .btn_wrap .btn .text {color: #316c5b;}
.Ingredient_wrap.greentea .ContrlArea .btn_wrap .btn .arrow {background: #316c5b;}
.Ingredient_wrap.greentea .ContrlArea .btn_wrap .btn .arrow .span01 {background: #316c5b;}
.Ingredient_wrap.greentea .ContrlArea .btn_wrap .btn .arrow .span02 {background: #316c5b;}
.Ingredient_wrap.greentea .ContrlArea .line.left .arrow {border-color: #8bd5cf;}
.Ingredient_wrap.greentea .ContrlArea .line.left .arrow span {background: url(../images/common/nosebum_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.greentea .ContrlArea .line.right .arrow {border-color: #c45454;}
.Ingredient_wrap.greentea .ContrlArea .line.right .arrow span {background: url(../images/common/vivid_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.greentea .videoBox a {background: url(../images/temp/Ingredient_greentea_video.png) no-repeat center / cover;}
.Ingredient_wrap.greentea .ing_review_list > .swiper-button-next .arrow {border-color: #316c5b;}
.Ingredient_wrap.greentea .ing_review_list > .swiper-button-next .arrow span {background: url(../images/common/greentea_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.greentea .ing_review_list > .swiper-button-prev .arrow {border-color: #316c5b;}
.Ingredient_wrap.greentea .ing_review_list > .swiper-button-prev .arrow span {background: url(../images/common/greentea_icon.png) no-repeat center / 16px auto}

.Ingredient_wrap.vivid .ing_list .swiper-slide .p01 {color: #c45454;}
.Ingredient_wrap.vivid .ContrlArea .btn_wrap .btn > span {border-color: #a8151b;}
.Ingredient_wrap.vivid .ContrlArea .btn_wrap .btn .text {color: #a8151b;}
.Ingredient_wrap.vivid .ContrlArea .btn_wrap .btn .arrow {background: #a8151b;}
.Ingredient_wrap.vivid .ContrlArea .btn_wrap .btn .arrow .span01 {background: #a8151b;}
.Ingredient_wrap.vivid .ContrlArea .btn_wrap .btn .arrow .span02 {background: #a8151b;}
.Ingredient_wrap.vivid .ContrlArea .line.left .arrow {border-color: #1a534a;}
.Ingredient_wrap.vivid .ContrlArea .line.left .arrow span {background: url(../images/common/greentea_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.vivid .ContrlArea .line.right .arrow {border-color: #49aec4;}
.Ingredient_wrap.vivid .ContrlArea .line.right .arrow span {background: url(../images/common/bija_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.vivid .videoBox a {background:url(../images/temp/Ingredient_vivid_video.png) no-repeat center / cover;}
.Ingredient_wrap.vivid .ing_review_list > .swiper-button-next .arrow {border-color: #a8151b;}
.Ingredient_wrap.vivid .ing_review_list > .swiper-button-next .arrow span {background: url(../images/common/vivid_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.vivid .ing_review_list > .swiper-button-prev .arrow {border-color: #a8151b;}
.Ingredient_wrap.vivid .ing_review_list > .swiper-button-prev .arrow span {background: url(../images/common/vivid_icon.png) no-repeat center / 16px auto}

.Ingredient_wrap.bija .ing_list .swiper-slide .p01 {color: #49aec4;}
.Ingredient_wrap.bija .ContrlArea .btn_wrap .btn > span {border-color: #3183a4;}
.Ingredient_wrap.bija .ContrlArea .btn_wrap .btn .text {color: #3183a4;}
.Ingredient_wrap.bija .ContrlArea .btn_wrap .btn .arrow {background: #3183a4;}
.Ingredient_wrap.bija .ContrlArea .btn_wrap .btn .arrow .span01 {background: #3183a4;}
.Ingredient_wrap.bija .ContrlArea .btn_wrap .btn .arrow .span02 {background: #3183a4;}
.Ingredient_wrap.bija .ContrlArea .line.left .arrow {border-color: #c45454;}
.Ingredient_wrap.bija .ContrlArea .line.left .arrow span {background: url(../images/common/vivid_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.bija .ContrlArea .line.right .arrow {border-color: #7c4f3e;}
.Ingredient_wrap.bija .ContrlArea .line.right .arrow span {background: url(../images/common/volcanic_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.bija .videoBox a {background:url(../images/temp/Ingredient_bija_video.png) no-repeat center / cover;}
.Ingredient_wrap.bija .ing_review_list > .swiper-button-next .arrow {border-color: #3183a4;}
.Ingredient_wrap.bija .ing_review_list > .swiper-button-next .arrow span {background: url(../images/common/bija_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.bija .ing_review_list > .swiper-button-prev .arrow {border-color: #3183a4;}
.Ingredient_wrap.bija .ing_review_list > .swiper-button-prev .arrow span {background: url(../images/common/bija_icon.png) no-repeat center / 16px auto}

.Ingredient_wrap.volcanic .ing_list .swiper-slide .p01 {color: #7c4f3e;}
.Ingredient_wrap.volcanic .ContrlArea .btn_wrap .btn > span {border-color: #5a2713;}
.Ingredient_wrap.volcanic .ContrlArea .btn_wrap .btn .text {color: #5a2713;}
.Ingredient_wrap.volcanic .ContrlArea .btn_wrap .btn .arrow {background: #5a2713;}
.Ingredient_wrap.volcanic .ContrlArea .btn_wrap .btn .arrow .span01 {background: #5a2713;}
.Ingredient_wrap.volcanic .ContrlArea .btn_wrap .btn .arrow .span02 {background: #5a2713;}
.Ingredient_wrap.volcanic .ContrlArea .line.left .arrow {border-color: #49aec4;}
.Ingredient_wrap.volcanic .ContrlArea .line.left .arrow span {background: url(../images/common/bija_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.volcanic .ContrlArea .line.right .arrow {border-color: #8bd5cf;}
.Ingredient_wrap.volcanic .ContrlArea .line.right .arrow span {background: url(../images/common/nosebum_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.volcanic .videoBox a {background:url(../images/temp/Ingredient_volcanic_video.png) no-repeat center / cover;}
.Ingredient_wrap.volcanic .ing_review_list > .swiper-button-next .arrow {border-color: #5a2713;}
.Ingredient_wrap.volcanic .ing_review_list > .swiper-button-next .arrow span {background: url(../images/common/volcanic_icon.png) no-repeat center / 16px auto}
.Ingredient_wrap.volcanic .ing_review_list > .swiper-button-prev .arrow {border-color: #5a2713;}
.Ingredient_wrap.volcanic .ing_review_list > .swiper-button-prev .arrow span {background: url(../images/common/volcanic_icon.png) no-repeat center / 16px auto}


/* 웰컴배경 */
.modalScreen {display:none; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.8; filter:alpha(opacity=80); background:#000000; z-index:1000;}
/* 웰컴팝업 */

/* 일반팝업 */
.popWrap {display:none; position:absolute; left:0; top:0; width:100%; z-index:1001;}
.popWrap .popBody {max-width:600px; margin:0 auto; background:#ffffff;}
.popWrap .popBody .popinner {position:relative; padding:30px 30px 40px;border-radius: 5px;box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.1);}
.popWrap .popBody .popTitle {padding:0 30px 20px 0; font-size:20px; color:#222222; border-bottom:1px solid #222222;}
.popWrap .popBody .popClose {position:absolute; right:30px; top:30px;}
.popWirteForm {}
.popWirteForm .msg {overflow:hidden; padding-top:16px;}
.popWirteForm .msg .please {float:left; line-height:1.4; font-size:13px; color:#c50000;}
.popWirteForm .msg .note {float:right; padding-left:10px; line-height:1.4; font-size:13px; color:#222222; background:url(../images/common/bul_required.gif) no-repeat left 6px;}
.popWirteForm .formArea {}
.popWirteForm .formArea ul {}
.popWirteForm .formArea ul li {overflow:hidden; min-height:55px; margin-top:15px;}
.popWirteForm .formArea ul li .dt {float:left; padding:7px 5px 0 0; font-size:13px; color:#222222;}
.popWirteForm .formArea ul li .dt span {display:inline-block; padding-left:10px;}
.popWirteForm .formArea ul li .dt .required {background:url(../images/common/bul_required.gif) no-repeat left 5px;}
.popWirteForm .formArea ul li .dd {overflow:hidden;}
.popWirteForm .formArea ul li .dd .select {display:block; width:100%; height:29px; font-size:13px; color:#666666; border:none; border-bottom:1px solid #aaaaaa;}
.popWirteForm .formArea ul li .dd .input-text {display:block; width:100%; height:28px; font-size:13px; color:#666666; border:none; border-bottom:1px solid #aaaaaa;}
.popWirteForm .formArea ul li .dd .textarea {display:block; width:100%; height:100px; line-height:1.4; font-size:13px; color:#999999; border:none; border-bottom:1px solid #aaaaaa;}
.popWirteForm .formArea ul li .dd label.error {margin-top:10px;}
.popWirteForm .formArea .agreeArea {position:relative; margin:40px 0 50px; padding-left:17px;}
.popWirteForm .formArea .agreeArea .input-check {position:absolute; left:0; top:3px;}
.popWirteForm .formArea .agreeArea .label {line-height:1.4; font-size:13px; color:#666666;}
.popWirteForm .formArea .agreeArea .error {position:absolute; left:17px; top:100%; margin-top:5px;}
.popWirteForm .formArea .btnOld {margin-top:15px; padding-top:20px; text-align:center; border-top:1px solid #aaaaaa;}
.popWirteForm .formArea .btnOld a {display:inline-block; min-width:113px; padding:0 10px; text-align:center; border:1px solid #222222; background:#222222;}
.popWirteForm .formArea .btnOld a span {display:inline-block; line-height:38px; font-size:13px; color:#ffffff;}
.popWirteForm .formArea .btnOld a.btnW {background:#ffffff;}
.popWirteForm .formArea .btnOld a.btnW span {color:#222222;}
.popWirteForm .formArea .confirmMsg {font-family:'新宋体'; padding:50px 10px 35px; text-align:center; line-height:1.6; font-size:13px; color:#222222;}
.popWirteForm .formArea .confirmMsgL {font-family:'新宋体'; padding-top:15px; line-height:1.6; font-size:13px; color:#222222;}

.popWirteForm .formArea .btnOld.btnSGStyle a span{display:block; line-height:17px;}
.popWirteForm .formArea .btnOld.btnSGStyle a.btnSGStyle_w{background-color:#fff; border: 1px solid #bfbfbf; color:#222; margin-bottom:5px;}
.popWirteForm .formArea .btnOld.btnSGStyle a.btnSGStyle_w span{color:#222;}
.popWirteForm .formArea .btnOld.btnSGStyle a{display: block; width:90%; margin:0 auto; min-width: 113px; padding: 5px 10px; text-align: center; border: 1px solid #bfbfbf;
background: #222222;}
.popWirteForm .formArea .btnOld.btnSGStyle a span:first-child{font-weight:bold;}

@media screen and (max-width: 768px){
.popWrap .popBody .popinner {padding:15px 15px 30px;;}
.popWrap .popBody .popTitle {padding:0 20px 13px 0; font-size:13px;}
.popWrap .popBody .popClose {position:absolute; right:0; top:0;}
.popWrap .popBody .popClose a {display:block; width:15px; padding:15px;}
.popWirteForm .msg {}
.popWirteForm .msg .please {float:none;}
.popWirteForm .msg .note {float:none; margin-top:5px;}
.popWirteForm .formArea ul li {min-height:inherit; margin-top:10px;}
.popWirteForm .formArea ul li .dt {width:100px; padding:4px 10px 0 0; font-size:12px;}
.popWirteForm .formArea ul li .dt .required {background-position:left 4px;}
.popWirteForm .formArea ul li .dd .select {font-size:12px;}
.popWirteForm .formArea ul li .dd .input-text {font-size:12px;}
.popWirteForm .formArea ul li .dd .textarea {font-size:12px;}
.popWirteForm .formArea ul li .dd label.error {margin-top:6px;}
.popWirteForm .formArea .agreeArea {margin-top:20px;}
.popWirteForm .formArea .btnOld a {display:block;}
.popWirteForm .formArea .btnOld a span {padding-right:17px; line-height:50px; font-size:12px; font-weight:bold; background:url(../images/common/arrRight_7x12_ffffff.png) no-repeat right center;}
.popWirteForm .formArea .btnOld.btnChild2 {}
.popWirteForm .formArea .btnOld.btnChild2 a {display:inline-block; min-width:90px;}
.popWirteForm .formArea .btnOld.btnChild2 a span {padding-right:0; line-height:40px; font-size:13px; font-weight:normal; background:none;}

}
@media screen and (max-width: 630px){
.popWrap .popBody {margin:0 15px;}
}

/* 이메일수정폼팝업 */
#emailEdit {}
#emailEdit .popBody {max-width:480px;}
#emailEdit .popWirteForm .formArea ul li {min-height:inherit;}
#emailEdit .popWirteForm .formArea .btnOld {border:none;}


/* ==========================
쿠폰영역
========================== */

.coupon {position:relative;}
.coupon .bg {width:100%;height: 45px;position: absolute;top: 0;left: 0;background: #044137;}
.coupon .couponBox {position: relative;margin: 0 20px;padding: 0 30px 10px;background: #fff;border-radius: 5px;box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.1);z-index: 1;}
.coupon .coupon_img {display: block;width: 218px;margin: 0 auto;padding: 20px 0 10px;}
.coupon .ttl {font-size:12px;color:#101010;margin: 0 0 5px;}
.coupon ul {margin: 0 0 20px;}
.coupon li {font-size:12px;color:#999;position:relative;padding-left: 7px;line-height: 23px;}
.coupon li span {position: absolute;top: 0;left: 0;line-height: 23px;width: 4px;height: 23px;background: url(../images/common/bullet.png) no-repeat left center / 4px;opacity: 0.3;}