@charset "utf-8";

@font-face {
font-family: 'SCDream';
font-style: normal;
font-weight: 300;
src: url('/web/fonts/SCDream3.woff2') format('woff2'),
url('/web/fonts/SCDream3.woff') format('woff'),
url('/web/fonts/SCDream3.otf') format('opentype');
}

@font-face {
font-family: 'SCDream';
font-style: normal;
font-weight: 400;
src: url('/web/fonts/SCDream4.woff2') format('woff2'),
url('/web/fonts/SCDream4.woff') format('woff'),
url('/web/fonts/SCDream4.otf') format('opentype');
}

@font-face {
font-family: 'SCDream';
font-style: normal;
font-weight: 500;
src: url('/web/fonts/SCDream5.woff2') format('woff2'),
url('/web/fonts/SCDream5.woff') format('woff'),
url('/web/fonts/SCDream5.otf') format('opentype');
}

@font-face {
font-family: 'SCDream';
font-style: normal;
font-weight: 600;
src: url('/web/fonts/SCDream6.woff2') format('woff2'),
url('/web/fonts/SCDream6.woff') format('woff'),
url('/web/fonts/SCDream6.otf') format('opentype');
}


/* reset */
* {margin:0;padding:0;box-sizing:border-box;}
html, body, h1, h2, h3, h4, h5, h6, div, p, li, input, select, textarea, button, a {font-family: 'SCDream', 'Sans-serif';line-height:150%;color:#404040;font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased;letter-spacing:-0.5px;}
body {background:#fff;overflow-x:hidden;}
img {border:0;max-width:100%;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
li {list-style:none;}
a {border:0;text-decoration:none;color:#404040;transition: all 0.1s;}
legend,caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
address,cite,em,var {font-style:normal;}
label{cursor:pointer;}
button {border:0;background:0;cursor:pointer;outline:none;transition: all 0.1s;}
.blind{display:block !important;overflow:hidden !important;position:absolute !important;left:0 !important;top:-10000px !important;width:0 !important;height:0 !important;}
.ir {display:inline-block;text-indent:-9999px;overflow:hidden;text-align:left;background-repeat:no-repeat;background-position:50% 50%;}

/* form */
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], textarea {width:100%;padding:0 10px;height:35px;font-size:14px;background:#fff;border:1px solid #ddd;border-radius:4px;-webkit-appearance:none;outline:none;vertical-align:middle;}
input[type='text']:focus, input[type='email']:focus, input[type='number']:focus, input[type='password']:focus, input[type='tel']:focus, textarea:focus {border:1px solid #404040 !important}
input[type='text']:disabled, input[type='email']:disabled, input[type='number']:disabled, input[type='password']:disabled, input[type='tel']:disabled, textarea:disabled {background:#f5f5f5;}
input[type="file"] {width:100%;padding:0 10px;height:30px;background-color:#e5e5e5;border:1px solid #e5e5e5;outline:none;-webkit-border-radius:0;-webkit-appearance:none;}
input[type="file"]:focus {border-color:#00cc99}
input[type="checkbox"]{position:absolute;opacity:0;width:18px;height:18px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none}
input[type="checkbox"]+label{position:relative;display:inline-block;height:22px;line-height:20px;padding-left:25px;-webkit-user-select:none;-webkit-user-drag:none;cursor:pointer;font-size:12px;}
input[type="checkbox"]+label::after{content:"";display:inline-block;position:absolute;left:0;top:0;width:18px;height:18px;background:#fff;border:1px solid #828282;}
input[type="checkbox"]:checked+label::after {background:#fff;}
input[type="checkbox"]:checked+label::before{content:"";display:inline-block;position:absolute;left:2px;top:3px;width:14px;height:6px;border:2px solid #e8241a;border-top:0;border-right:0;z-index:10;transform:rotate(-52deg)}
input[type="radio"]{position:absolute;opacity:0;width:18px;height:18px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none}
input[type="radio"]+label{position:relative;display:inline-block;height:22px;line-height:20px;padding-left:25px;-webkit-user-select:none;-webkit-user-drag:none;cursor:pointer;font-size:12px;}
input[type="radio"]+label::after{content:"";display:inline-block;position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #828282;background:#fff;border-radius:50%;}
input[type="radio"]:checked+label::before{content:"";display:inline-block;position:absolute;left:5px;top:5px;width:10px;height:10px;background:#e8241a;border-radius:50%;z-index:20}
textarea {padding:10px;height:100px;}
select {width:100%;padding:0 25px 0 10px;height:35px;font-size:14px;background:#fff url('/web/img/m/common/ico_select_down.png') no-repeat 97% 50%;border:1px solid #ddd;border-radius:4px;-webkit-appearance:none;outline:none;vertical-align:middle;-webkit-box-sizing:border-box;}
select::-ms-expand {display:none;}
select:focus {border-color:#000;}
select:disabled {background-color:#e5e5e5;color:#8a8a8a;}
::placeholder {color:rgba(61, 72, 93, 0.5);}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:rgba(61, 72, 93, 0.5);}
::-moz-placeholder { /* Firefox 19+ */color:rgba(61, 72, 93, 0.5);}
:-ms-input-placeholder { /* IE 10+ */color:rgba(61, 72, 93, 0.5);}
:-moz-placeholder { /* Firefox 18- */color:rgba(61, 72, 93, 0.5);}
.ck_wrap {position:relative;display:inline-block;vertical-align:middle;margin-right:20px;}
.sl_wrap {display:inline-block;vertical-align:middle;}
.ip_wrap {display:inline-block;vertical-align:middle;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
.ck_wrap.type_box {float:left;width:48%;margin-right:2%;margin-bottom:10px;}
.ck_wrap.type_box label {display:block;height:50px;line-height:48px;padding-left:0;border:2px solid #fff;background:#fff;border-radius:3px;font-size:14px;text-align:center;font-weight:500}
.ck_wrap.type_box input:disabled + label {opacity:0.5}
.ck_wrap.type_box label:before {display:none;}
.ck_wrap.type_box label:after {display:none;}
.ck_wrap.type_box input[type="radio"]:checked+label {border:2px solid #e8241a;color:#e8241a}
.ck_wrap.type_box input[type="radio"]:checked+label::before {display:none;}
.ck_wrap.type_box input[type="checkbox"]:checked+label {border:2px solid #e8241a;color:#e8241a}
.ck_wrap.type_box input[type="checkbox"]:checked+label::before {display:none;}

/*layout*/
.mainLogo {position:absolute;left:15px;top:15px;width:62px;z-index:10}
.header {height:55px;background:#fff}
.header .bt_sidemenu {position:absolute;left:0;top:0;width:55px;height:55px;}
.header .bt_sidemenu .line {display:block;background:#000;width:28px;height:2px;margin:6px auto;transition: transform .5s ease;border-radius:25px;overflow:hidden;}
.header .logo {}
.header .logo a {display:block;width:160px;margin:0 auto;height:55px;line-height:55px;}
.header .logo img {width:100%;vertical-align:middle;}
.header .head_util {display:flex;position:absolute;right:0;top:0;text-align:right;}
.header .head_util a {display:inline-block;width:40px;height:55px;}
.header .head_util .ut_mypage {background-image:url('/web/img/m/common/ico_head_my.png');background-size:54%;}
.header .head_util .ut_mypage.my2 {background-image:url('/web/img/m/common/ico_head_my_on.jpg');background-size:54%;}
.header .head_util .ut_cart {position:relative;background-image:url('/web/img/m/common/ico_head_cart.png');background-size:67%;}
.header .head_util .ut_cart .count {position:absolute;left:0;top:13px;color:#fff;background:#767676;width:15px;height:15px;line-height:15px;text-align:center;font-size:11px;border-radius:50%;text-indent:0}
.menuActive {position:fixed;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.menuActive .bt_sidemenu {z-index:1001;left:auto;right:0}
.menuActive .bt_sidemenu .line:nth-child(1) {position:absolute;left:14px;top:21px;transform:rotate(45deg);}
.menuActive .bt_sidemenu .line:nth-child(2) {opacity:0;}
.menuActive .bt_sidemenu .line:nth-child(3) {position:absolute;left:14px;top:21px;transform:rotate(-45deg);}
#sideMenu {position:fixed;top:0;bottom:0;left:0;width:100%;background:#fff;transform: translate3d(-100%,0,0);transition:transform .2s ease-in-out;z-index:1000;}
#sideMenu.open {transform: translate3d(-0%,0,0);}
#sideMenu .side_head {position:fixed;top:0;right:0;left:0;z-index:20;height:105px;background:#eaeaea}
#sideMenu .side_body {position:absolute;top:105px;right:0;left:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling: touch;}
#sideMenu .side_body h3 {font-weight:bold;padding:10px 15px;}
#sideMenu .ft {text-align:center;}
#sideMenu .ft a {display:inline-block;padding:15px 0;font-size:12px}
#sideMenu .ft a:before {content:"";display:inline-block;width:1px;height:11px;margin:-3px 8px 0 6px;background:#f1f1f1;vertical-align:middle;}
#sideMenu .ft a:first-child:before {display:none;}
#sideMenu .mem_msg {position:relative;padding:15px 10px 0 60px;min-height:55px;font-size:13px;color:#000}
#sideMenu .mem_msg span {display:block;font-size:18px;margin-right:5px;color:#000;font-weight:500;line-height:18px;margin-bottom:2px}
#sideMenu .mem_msg a {font-size:18px;color:#000}
#sideMenu .mem_msg a:after {content:"";display:inline-block;width:10px;height:10px;border:2px solid #585858;border-radius:2px;border-left:0;border-bottom:0;transform:rotate(45deg);margin:-5px 0 0 15px;vertical-align:middle;}
#sideMenu .mem_msg .btnLgot {display:inline-block;width:55px;height:20px;line-height:18px;font-size:11px;text-align:center;background:#fff;border:1px solid #cdcdcd;margin: -2px 0 0 10px;}
#sideMenu .mem_msg .btnLgot:after {display:none;}
#sideMenu .mem_msg:before {content:"";position:absolute;left:10px;top:15px;display:inline-block;width:40px;height:40px;margin:-5px 8px 0 0;vertical-align:middle;background:#fff url("/web/img/m/common/ico_head_my.png") no-repeat 50% 50%;background-size: 54%;border:1px solid #cdcdcd;border-radius:50%;}
#sideMenu .mem_link {display:flex;justify-content:space-between;padding:10px 10px 0 10px;}
#sideMenu .mem_link a {width:32.5%;height:35px;line-height:34px;font-size:16px;text-align:center;background:#fff;border:1px solid #cdcdcd;color:#585858}
#sideMenu .btCoupon {position:absolute;right:10px;top:10px;background:#cdcdcd;display:inline-block;padding:2px 5px;font-size:12px;color:#000}
#sideMenu .btspcPri {position:absolute;right:60px;top:10px;background:#cdcdcd;display:inline-block;padding:2px 5px;font-size:12px;color:#000}
.sdwBg {width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;z-index:999}
.head_search {position:relative;}
.head_search .sch_input {position:relative;}
.head_search .ip_wrap {display:block;padding:3px 10px;}
.head_search .ip_wrap input {width:100%;height:35px;padding:0 20px;border-radius:25px;background:#f1f1f1;border:0;}
.head_search .bt_search {position:absolute;right:10px;top:3px;width:35px;height:35px;}
.head_search .bt_search:before {content:"";position:absolute;left:6px;top:9px;display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid #1f1f1f;}
.head_search .bt_search:after {content:"";position:absolute;left:21px;top:18px;display:inline-block;width:2px;height:8px;background:#1f1f1f;transform:rotate(307deg)}
.fixed .wrap {padding-top:40px;}
.quick_nav {background:#fff;}
.fixed .quick_nav {position:fixed;left:0;top:0;right:0;z-index:999;box-shadow:1px 1px 5px #3339}
.quick_nav nav {display:flex;justify-content:space-between;}
.quick_nav nav a {position:relative;padding:0 8px;height:40px;line-height:40px;font-size:13px;font-weight:500;}
.quick_nav nav a.on {color:#e8241a;font-weight:700;}
.quick_nav nav a.on:after {content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:#e8241a;color:#e8241a}
.quick_cate {display:flex;flex-wrap:wrap;border-top:1px solid #ebebeb;margin-left:-1px;}
.quick_cate li {width:50%;border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb}
.quick_cate li > a {position:relative;display:block;height:35px;line-height:35px;font-size:14px;letter-spacing:-1px;}
.quick_cate li > a.on {background:#7e7e7e;color:#fff}
.quick_cate li > a.on:after {content:"";position:absolute;right:10px;top:12px;display:inline-block;width:6px;height:6px;border:2px solid #fff;border-radius:2px;border-left:0;border-bottom:0;transform:rotate(134deg)}
.quick_cate li > a.on:before {background:#fff}
.quick_cate li > a:before {content:"";display:inline-block;width:2px;height:2px;margin:-3px 5px 0 10px;vertical-align:middle;border-radius:50%;background:#000;}
.quick_cate .dth2 {position:relative;width:200%;padding:10px 0;overflow:hidden;border-top:1px solid #ebebeb;background:#f6f6f6;z-index:10;display:none;}
.quick_cate li > a.on + .dth2 {display:block;}
.quick_cate .dth2 a {display:block;float:left;width:50%;padding:5px 5px 5px 17px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;letter-spacing:-1px;}
.quick_cate li:nth-child(even) .dth2 {margin-left:-100%}
.side_banner_wrapper {padding:20px 10px;}
.side_banner_wrapper .side_banner_slider {padding-bottom:30px;}
.side_banner_wrapper .swiper-pagination-bullet {background:#fff;border:1px solid #7e7e7e;}
.side_banner_wrapper .swiper-pagination-bullet-active {width:8px;background:#7e7e7e;}

.head_search .sch_tab {display:flex;width:100%;border-bottom:1px solid #cacaca;}
.head_search .sch_tab a {width:50%;height:35px;line-height:35px;text-align:center;font-size:13px}
.head_search .sch_tab a.on {color:#e8241a;border-bottom:1px solid #e8241a;}
.head_search .sch_history_wrap {position:absolute;left:10px;right:10px;top:38px;background-color:#fff;border:1px solid #cacaca;border-radius:10px;display:none;overflow:hidden;z-index:1000;}
.head_search .sch_history_wrap.open{display:block;}
.head_search .sch_history {padding:10px 20px;}
.head_search .sch_history li {position:relative;margin:2px 0;}
.head_search .sch_history li .bt_del {position:absolute;right:0;top:4px;width:11px;height:11px;background-image: url('../img/common/ico_delete.png');}
.head_search .sch_history a {display:block;margin-right:6px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;max-width:80%;}
.head_search .sch_history_ft {display:flex;justify-content:space-between;padding:7px 20px;background:#f5f5f5}
.head_search .sch_history_ft button {color:#000;font-size:12px;}
.head_search .sch_history_ft .bs {font-size:12px}

.footer {background:#fff;}
.hasFixNav .footer {padding-bottom:55px;}
.footer .foot_link {display:flex;justify-content:center;background:#2e2e2e;}
.footer .foot_link a {height:30px;line-height:30px;padding:0 7px;color:#fff;font-size:11px;}
.footer .foot_content {padding:10px;}
.footer .cs {}
.footer .cs dt {display:inline-block;font-size:12px;font-weight:bold}
.footer .cs dd {display:inline-block;margin-left:5px;font-size:12px;font-weight:bold}
.footer .center {padding-top:15px;}
.footer .ct_tit {font-size:12px}
.footer .center p {font-size:12px}
.footer .center p span {display:inline-block;margin-right:6px;}
.footer .copyright {margin-top:20px;font-size:12px;text-align:center;color:#999}
.footer .foot_info {padding:20px 10px 0 10px;margin-top:20px;border-top:1px solid #d5d5d5;text-align:center;}
.footer .foot_info span {display:inline-block;margin:0 3px;color:#999;font-size:12px;}
.footer .foot_sns {display:flex;align-items:center;padding:5px 5px 0 5px;}
.footer .foot_sns a {padding:0 5px}
.foot_view_control {position:relative;margin:20px 10px 0 10px;}
.foot_view_control .bt_foot_flip {position:relative;width:100%;height:50px;line-height:50px;text-align:center;border:1px solid #2e2e2e;}
.foot_view_control .bt_foot_flip:after {content:" 펼치기"}
.foot_view_control:after {content:"";position:absolute;right:20px;top:15px;display:block;width:10px;height:10px;border:1px solid #2e2e2e;transform:rotate(45deg);border-top:0;border-left:0;}
footer .foot_content,
footer .foot_sns {display:none !important;}
footer.open .foot_content {display:block !important;}
footer.open .foot_sns {display:flex !important;}
footer.open .foot_view_control .bt_foot_flip:after {content:" 접기"}
footer.open .foot_view_control:after {transform:rotate(224deg);top:20px}
.page_title {position:fixed;height:60px;line-height:62px;font-size:18px;border-bottom:1px solid #d5d5d5;padding-right:60px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;background:#f1f1f1;left:0;top:0;right:0;text-align:left;text-indent:50px;z-index:999;}
.page_title.al_c {text-indent:0;text-align:center;}
.btn_page_prev {position:fixed;left:0;top:0;width:50px;height:60px;background-image:url('/web/img/m/common/btn_prev_page.png');background-size:60%;z-index:999;background-size:12px;}
.btn_head_sch {position:fixed;right:0;top:0;width:50px;height:60px;background-image:url('/web/img/m/common/ico-search.png');background-size:60%;z-index:999;}
.btn_head_set {position:fixed;right:0;top:0;width:50px;height:60px;background-image:url('/web/img/m/common/ico-setting.png');background-size:60%;z-index:999;}
.btn_head_close {position:fixed;right:0;top:0;width:50px;height:60px;background-image:url('/web/img/m/common/btn-close-nor.png');background-size:60%;z-index:999;}
.container {padding-bottom:30px}

/*고정메뉴*/
.fixed_nav {position:fixed;width:100%;overflow:hidden;bottom:0;height:50px;border-top:1px solid #d9d9d9;z-index:100;background:#fff;opacity:1;transition:all 0.1s 0.1s;-webkit-transition:all 0.1s 0.1s;}
.fixed_nav.nav-down {transform:translate(0%,0%);-webkit-transform:translate(0%,0%);}
.fixed_nav.nav-up {transform:translate(0%,100%);-webkit-transform:translate(0%,100%);opacity:0;-webkit-opacity:0;}
.fixed_nav a {float:left;width:20%;height:55px;color:#656666;text-align:center;font-size:11px;}
.fixed_nav a:before {content:"";display:block;width:100%;height:25px;margin-top:5px;background-position:50% 50%;background-repeat:no-repeat;}
.fixed_nav a.on {color:#0066cc}
.fixed_nav .fx_menu1:before {background-image:url('/web/img/m/common/fixed_nav_ico_category.png');background-size:18px;}
.fixed_nav .fx_menu2:before {background-image:url('/web/img/m/common/fixed_nav_ico_home.png');background-size:23px;}
.fixed_nav .fx_menu3:before {background-image:url('/web/img/m/common/ico_head_cart.png');background-size:23px;}
.fixed_nav .fx_menu4:before {background-image:url('/web/img/m/common/ico_head_my.png');background-size:17px;}
.fixed_nav .fx_menu5:before {background-image:url('/web/img/m/common/fixed_nav_ico_recent.png');background-size:18px;}

/*float nav*/
.float_nav {position:relative;z-index:100;}
/* .float_nav .bt_float_nav {position:fixed;bottom:105px;right:10px;width:38px;height:38px;background:url("/web/img/m/common/float_btn_open.png") no-repeat 50% 50%;background-size:100%;} */
.float_nav .bt_float_nav {position:fixed;bottom:105px;left:10px;width:38px;height:38px;background:url("/web/img/m/common/float_btn_open.png") no-repeat 50% 50%;background-size:100%;}
.float_nav.active .bt_float_nav {background:url("/web/img/m/common/float_btn_close.png") no-repeat 50% 50%;background-size:100%;}
/* .float_nav .menu_float {position:fixed;bottom:155px;right:10px;background:#fff;border:1px solid #e7e7e7;display:none;} */
.float_nav .menu_float {position:fixed;bottom:155px;left:10px;background:#fff;border:1px solid #e7e7e7;display:none;}
.float_nav.active .menu_float {display:block;}
.float_nav .menu_float li + li {border-top:1px solid #e7e7e7}
.float_nav .menu_float a {position:relative;display:block;padding:10px 15px 10px 43px;font-size:12px;}
.float_nav .menu_float a img {position:absolute;left:10px;top:50%;transform:translateY(-50%)}
.btn_page_top {position:relative;z-index:100;}
/* .btn_page_top button {position:fixed;bottom:60px;right:10px;width:38px;height:38px;background:url("/web/img/m/common/float_btn_top.png") no-repeat 50% 50%;background-size:100%;} */
.btn_page_top button {position:fixed;bottom:60px;left:10px;width:38px;height:38px;background:url("/web/img/m/common/float_btn_top.png") no-repeat 50% 50%;background-size:100%;}

/*elements*/
.rv_score .star {position:relative;width:70px;display:inline-block;background:url('/web/img/m/common/star_off.png') no-repeat;background-size:70px;vertical-align:middle;}
.rv_score .star var {display:block;height:15px;background:url('/web/img/m/common/star_on.png') no-repeat 0 50%;background-size:70px;text-indent:-9999px;overflow:hidden;}
.rv_score .star_b {width:129px;background-size:129px}
.rv_score .star_b var {height:26px;background-size:129px}
.rv_score .grade {display:inline-block;vertical-align:middle;font-weight:700;font-size:36px}
.rv_score .count {display:inline-block;vertical-align:middle;font-size:12px}
.badge-common {display:inline-block;vertical-align:middle;font-size:12px;}
.badge-common.sqr-badge {height:23px;line-height:22px;padding:0 5px;letter-spacing:-1px;color:#000;border:1px solid #cdcdcd;font-weight:bold;font-size:11px}
.badge-common.sqr-badge.c-red {border:1px solid #f35050}
.badge-common.sqr-badge.c-blue {border:1px solid #50b4f3}
.badge-common.sqr-badge.c-green {border:1px solid #2fc11b}
.badge-common.sqr-badge.c-gray {border:1px solid #cdcdcd;color:#61a41f}
.badge-common.rnd-badge {height:23px;line-height:23px;padding:0 10px;color:#fff;border-radius:25px;font-size:11px}
.badge-common.rnd-badge.c-blue {background:#3581f2}
.badge-common.rnd-badge.c-purple {background:#b83aec}
.badge-common.rnd-badge.c-orange {background:#f1661a}
.badge-common.rnd-badge.c-green {background:#4abc2f}
.count_func_common {display:inline-block;text-align:left;position:relative;width:96px;padding:0 30px;border:1px solid #ccc;vertical-align:middle;background:#fff}
.count_func_common .order_cnt_input {border:0;width:34px !important;height:30px;text-align:center;font-weight:bold;color:#000;padding:0;}
.count_func_common .count_down {position:absolute;top:0;left:0;width:30px;height:30px;border-right:1px solid #ccc;background:url('/web/img/m/common/ico_count_down.png') no-repeat 50% 50%;background-size:9px}
.count_func_common .count_up {position:absolute;top:0;right:0;width:30px;height:30px;border-left:1px solid #ccc;background:url('/web/img/m/common/ico_count_up.png') no-repeat 50% 50%;background-size:9px}
.bt_del_item {display:inline-block;width:20px;height:20px;background:url('/web/img/m/common/ico_delete_m.png') no-repeat 50% 50%;vertical-align:middle;}
.bt_del_item.s {background:url('/web/img/m/common/ico_delete_s.png') no-repeat 50% 50%;}
.bt_del_item.m {background:url('/web/img/m/common/ico_delete_m.png') no-repeat 50% 50%;}
.prc {font-family:'NotoSansKR';}
.prc var {font-family:'NotoSansKR';font-weight:500}
.bulList {}
.bulList li {text-indent:-8px;margin-left:8px;line-height:1.8}
.bulList li:before {content:"";display:inline-block;width:4px;height:4px;margin:-5px 5px 0 0;background:#b2b2b2;vertical-align:middle;}
.bulList .ico_star {display:inline-block;vertical-align:middle;margin:-9px 4px 0 7px}
.dashList {}
.dashList li {position:relative;line-height:1.4;padding-left:10px;font-size:12px;line-height:1.6}
.dashList li:before {content:"-";position:absolute;left:0;top:-2px;display:inline-block;color:#3f3f3f}
.dashList li.emp {color:#e9241b;font-weight:normal;}
.dashList li .emp {color:#e9241b;font-weight:normal;}
.basicList li {line-height:1.8}
.emp {color:#e9241b;font-weight:bold;}
.bold {font-weight:bold;}
.bul_tit {padding-left:10px;margin-bottom:10px;font-size:15px;font-weight:bold;color:#000}
.bul_tit span {display:inline-block;vertical-align:middle;margin-top:-2px;color:#e9241b;font-size:11px;font-weight:normal;}
.bul_tit var {color:#e9241b}
.noCnt {padding:100px 10px 30px 10px;background:url('/web/img/m/sub/ico_noCnt.png') no-repeat 50% 30px;background-size:55px;}
.noCnt p {text-align:center;font-size:13px;}
.rv_list {width:100%;overflow:hidden;}
.rv_list li {position:relative;padding-left:120px;margin:15px 10px;}
.rv_list li .view_detail {display:block;position:absolute;left:0;top:0;bottom:0;right:0;}
.rv_list .pic {position:absolute;left:0;top:0;}
.rv_list .pic img {display:block;width:108px;height:108px;border:1px solid #d8d8d8}
.rv_list .rv_tit {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:16px;font-weight:bold;}
.rv_list .rv_cnt {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;overflow:hidden;text-overflow:ellipsis;}
.rv_list .rv_score {margin-top:10px;}
.rv_list .rv_score .star {}
.rv_list.type_vertical {display:flex;flex-wrap:wrap;padding:0 1%;}
.rv_list.type_vertical li {width:49%;padding:0;margin:15px .5%;margin-bottom: -1px;}
.rv_list.type_vertical .pic {position:static;padding-bottom:15px;}
.rv_list.type_vertical .pic img {border:0;margin:0 auto;}
.rv_list.type_vertical .cnt {padding:10px 0;margin:0 10px;border-top:1px solid #dedede;}
.rv_list.type_vertical .rv_tit {font-size:14px;}
.rv_list.type_vertical .rv_cnt {font-size:12px;height:36px;}
.rv_list.type_vertical .rv_score {margin-top:5px}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}

/*slider*/
.swiper-button-next.swiper-button-round {right:0;width:30px;height:30px;border-radius:50%;background:#000000b8 url('/web/img/m/common/bt_slide_round_r.png') no-repeat;background-size:100%;}
.swiper-button-prev.swiper-button-round {left:0;width:30px;height:30px;border-radius:50%;background:#000000b8 url('/web/img/m/common/bt_slide_round_l.png') no-repeat;background-size:100%;}
.swiper-button-next.swiper-button-round2 {right:0;width:30px;height:30px;border-radius:50%;background:#6f6f6f url('/web/img/m/common/bt_slide_round_r.png') no-repeat;background-size:100%;}
.swiper-button-prev.swiper-button-round2 {left:0;width:30px;height:30px;border-radius:50%;background:#6f6f6f url('/web/img/m/common/bt_slide_round_l.png') no-repeat;background-size:100%;}
.swiper-button-next.swiper-button-square {right:0;width:30px;height:30px;background:url('/web/img/m/common/bt_slide_square_r.png') no-repeat;background-size:100%;}
.swiper-button-prev.swiper-button-square {left:0;width:30px;height:30px;background:url('/web/img/m/common/bt_slide_square_l.png') no-repeat;background-size:100%;}
.swiper-pagination-bullet {background:#575757;transition:all .2s;opacity:1}
.swiper-pagination-bullet-active {width:25px;border-radius:25px;background:#fff;}
.swiper-wrapper.disabled {transform: translate3d(0px, 0, 0) !important;}
.swiper-wrapper.disabled .swiper-nav-group {display:none;}
.swiper-pagination.disabled {display: none;}

/*paging*/
.paging {width:100%;overflow:hidden;margin-top:20px;text-align:center;}
.paging span {display:inline-block;}
.paging span a {width:30px;height:30px;line-height:30px;display:inline-block;vertical-align:middle;}
.paging span a.on {background:#9f9f9f;color:#fff;}
.paging span button {width:30px;height:30px;vertical-align:middle;text-indent:-9999px;overflow:hidden;}
.paging span.prev {background:url('/web/img/m/common/bul_paging_l.png') no-repeat 50% 50%;background-size:20px;}
.paging span.next {background:url('/web/img/m/common/bul_paging_r.png') no-repeat 50% 50%;background-size:20px;}

/*list*/
.list_wrap_common {width:100%;overflow:hidden;}
.list_wrap_common ul > li a {display:block;background:#fff;}
.list_wrap_common ul > li > a {border:1px solid #bebebe;}
.list_wrap_common .btnPdView {height:100%}
.list_wrap_common ul > li a img {}
.list_wrap_common ul > li .pic {}
.list_wrap_common ul > li .pic img {display:block;margin:0 auto;}
.list_wrap_common .list_type_horizon {width:100% !important;display:flex;flex-wrap:wrap;}
.list_wrap_common .list_type_horizon > li {width:100%;padding:7px;border-bottom:1px solid #e9e9e9}
.list_wrap_common .list_type_horizon > li a {width:100%;overflow:hidden;padding:5px;}
.list_wrap_common .list_type_horizon .pic {float:left;border:1px solid #e9e9e9}
.list_wrap_common .list_type_horizon .pic img {display:block;width:25vw;height:25vw;}
.list_wrap_common .list_type_horizon .cnt {padding-left:25vw;margin-left:10px;}
.list_wrap_common .list_type_horizon .top + .bot {margin-top:5px;}
.list_wrap_common .list_type_horizon .prd {display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:bold;}
.list_wrap_common .list_type_horizon .detail {display:block;margin-top:3px;font-size:12px;color:#6c6c6c;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.list_wrap_common .list_type_horizon a:hover .prd,
.list_wrap_common .list_type_horizon a:hover .detail {text-decoration:underline}


/*btns*/
.btn_wrap {margin:15px 10px;}
.btn_wrap:after {content:"";display:block;clear:both;}
.btn_wrap.al_c {text-align:center;}
.btn_wrap.al_c button,
.btn_wrap.al_c a {margin:0 3px;}
.btn_wrap.al_r {text-align:right;}
.btn_wrap.al_l {text-align:left;}
.btn_wrap .fl {float:left;text-align:left;}
.btn_wrap .fr {float:right;text-align:right;}
.btn_wrap.n2 {display:flex;justify-content:center;}
.btn_wrap.n3 {display:flex;justify-content:space-between;}
.btn_wrap.n4 {display:flex;justify-content:space-between;}
.btn_wrap.border {padding-top:10px;border-top:2px solid #6d6d6d}
.btn_wrap.n2 .bt_submit {width:35%;min-width:auto !important;margin:0 5px !important;}
.btn_wrap.n3 .bt_submit {width:31%;min-width:auto !important;margin:0 !important;}
.btn_wrap.n4 .bt_submit {width:24%;min-width:auto !important;margin:0 !important;}
.btn_wrap.n3:after {display:none;}
.btn_wrap.n4:after {display:none;}
.bt_full {display:block;width:100%;}
.bt_submit {display:inline-block;width:100%;height:40px;line-height:38px;font-size:14px;font-weight:bold;margin:0 !important;border-radius:4px;}
.bt_func {display:inline-block;min-width:60px;height:29px;padding:0 7px;line-height:27px;font-size:12px;color:#fff;letter-spacing:-1px;font-weight:bold;vertical-align:middle;}
.bt_func_s {display:inline-block;min-width:60px;height:26px;padding:0 7px;line-height:24px;font-size:12px;color:#fff;letter-spacing:-1px;vertical-align:middle;}
.bt_basic {display:inline-block;min-width:95px;height:33px;padding:0 10px;line-height:31px;font-size:12px;color:#fff;letter-spacing:-1px;font-weight:500;vertical-align:middle;}
.bt_basic2 {display:inline-block;min-width:135px;height:40px;padding:0 17px;line-height:38px;font-size:14px;font-weight:bold;letter-spacing:-1px;border-radius:5px;vertical-align:middle;}
.bt_basic3 {display:inline-block;min-width:6rem;height:2rem;padding:0 10px;line-height:3px;font-size:0.9rem;font-weight:bold;letter-spacing:-1px;vertical-align:middle;}
.bt_type1 {background:#e8241a;border:1px solid #e8241a;color:#fff}
.bt_type2 {background:#7e7e7e;border:1px solid #7e7e7e;color:#fff}
.bt_type3 {background:#fff;color:#585858;border:1px solid #9a9a9a}
.bt_type4 {background:#fff;color:#000;border:2px solid #a5a5a5}
.bt_type5 {background:#fff;color:#e9241b;border:1px solid #eb524d}
.bt_type6 {background:#5c5c5c;color:#fff;border:2px solid #5c5c5c}
.bt_type7 {background:#f1f1f1;color:#7e7e7e;border:1px solid #9a9a9a}
.bt_type8 {background:#656565;color:#fff;border:1px solid #656565}
.bt_type9 {background:#4e4e4e;color:#fff;border:1px solid #4e4e4e}
.bt_favorite {width:20px;height:20px;background-image:url('/web/img/m/sub/ico_heart.png');background-size:20px}
.bt_favorite.on {background-image:url('/web/img/m/sub/ico_heart_on.png');}
.bt_typeN {background:#01c73c;color:#fff;letter-spacing:0px;}
.bt_typeN:before {content:"";display:inline-block;width:15px;height:15px;margin:-2px 5px  0 0;background:url('/web/img/m/sub/ico_nPay.png') no-repeat;background-size:100%;vertical-align:middle;}


/*layer popup*/
body.modalOpen {overflow:hidden;}
.layer_popup_wrappper {position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;z-index:999;display:none;}
.layer_popup_wrappper:after {content:"";position:fixed;top:0;right:0;left:0;bottom:0;display:block;background:#000;opacity:0.5;}
.layer_popup {position:absolute;left:10px;top:50%;right:10px;max-height:90vh;transform:translate(0%, -50%);overflow-y:auto;background:#fff;z-index:1000;border-radius:5px;}
.layer_popup_wrappper.typeFull {}
.layer_popup_wrappper.typeFull .layer_popup {position:relative;left:auto;top:auto;right:auto;min-height:100vh;border-radius:0;background:#fff;transform:translate(0%, 0%);}
.layer_popup .popup_inner {padding:0 10px;}
.layer_popup .pop_head {position:fixed;left:0;top:0;right:0;height:50px;background:#fff;z-index:100}
.layer_popup .pop_contents {padding:50px 15px 30px 15px;}
.layer_popup .pop_tit {text-align:left;height:50px;line-height:50px;padding-left:15px;font-weight:bold;font-size:16px;}
.layer_popup .bt_close_layer {position:absolute;right:0;top:0;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('/web/img/m/common/bt_layer_close.png') no-repeat 50% 50%;background-size:20px}
.layer_popup .btn_wrap {margin-top:15px;}


/*tab*/
.tab_common {}
.tab_common ul {display:flex;flex-wrap:wrap;border:1px solid #828282;border-bottom:0;border-right:0;}
.tab_common ul li {width:33.33%;}
.tab_common ul li a {display:block;border-bottom:1px solid #828282;border-right:1px solid #828282;height:35px;line-height:35px;color:#3f3f3f;text-align:center;font-size:13px;}
.tab_common ul li a.active {color:#fff;background:#d71e14;border-color:#d71e14}
.tab_flip {}
.tab_flip button {width:100%;height:30px;font-size:12px;font-weight:bold;background:#35393e;text-align:center;color:#fff}
.tab_flip button:after {content:"";}

.pic img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    margin:0 auto;
    display:block;
}

.pic-cen{
    position:relative;
}
.pic-cen img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);

}
/* 모바일 상세 이미지 크기 조절 */
#prodVisual img { text-align: left; margin-top: 10px;width:100% !important; height:auto !important}