@charset "utf-8";
/*header*/
.header_wrapper .logo .name_logo {
    color:#212457;
    font-family: 'Averia Sans Libre', cursive;
    font-size:21px;
    font-style: italic;
}
#hd_banner{text-align:center;position:relative;}
#hd_banner a {height:100%;display:block;text-decoration:none !important;}
#hd_close{width:26px;height:26px;position:absolute;top:50%;right:17px;margin-top:-13px;cursor:pointer;}

#tnb {height:40px;background-color:#fff;}
#tnb_inner {width:100%; max-width:1200px;padding:15px 0 0;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#tnb_inner ul{width:100%;text-align:right;}
#tnb_inner li {display:inline-block;text-align:left;}
#tnb_inner li:first-child:before {display:none;}
#tnb_inner li:before {width:1px;height:9px;margin:0px 10px;background-color:#ddd;display:inline-block;content:'';}
#tnb_inner li a {color:#666;font-weight: 200;font-size:12px;}
#tnb_inner li .ic_num {width:30px; height:30px; font-size:10px;font-weight:400;margin:0 0 2px 4px;padding:2px 5px;border-radius:100%;background-color:#333;color:#fff;letter-spacing:0;text-align:center;vertical-align:middle;display:inline-block;}

#hd {position:relative;}
#hd:after {display:block;clear:both;content:'';}
#hd_inner {display:flex;align-items: center;width:100%; max-width:1200px;height:100px;margin:0 auto;position:relative;}
#hd_inner .hd_logo {/*display:table;width:1200px;*/margin:0 auto;text-align:center;}
#hd_inner .hd_logo a {/*height:100px;display:table-cell;vertical-align:middle;*/}

#gnb {width:100%;border-top:0px solid #ddd;border-bottom:1px solid #ddd;background-color:rgba(255,255,255,1);position:relative;}
#gnb.gnd_fixed {position:fixed;top:0;left:0;right:0;box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, .1);z-index:999;}
#gnb_inner {display:flex;align-items: center;width:100%; max-width:1200px;height:60px;padding-left:180px;margin:0px auto;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#gnb_inner a {text-decoration:none !important;}

#gnb_inner .gnb_li {flex:1;}
#gnb_inner .gnb_li > ul {text-align:left;overflow:visible;}
#gnb_inner .gnb_li > ul > li {display:inline-block;position:relative;overflow:visible;vertical-align:middle;}
#gnb_inner .gnb_li > ul > li:first-child:before {display:none;}
#gnb_inner .gnb_li > ul > li:before {width:1px;height:13px;margin:0 30px 3px;background-color:#ddd;display:inline-block;vertical-align:middle;content:'';}
#gnb_inner .gnb_li > ul > li > a {height:60px;line-height:60px;font-size:16px;font-weight:500;color:#333;display:inline-block;position:relative;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease; box-sizing: border-box;}
#gnb_inner .gnb_li > ul > li > a:hover {color:var(--concept-color);}
/* gnb sub */
#gnb_inner .gnb_li > ul > li ul {width:148px;padding:15px 0;margin-left:-50px;border-width:0 1px 1px;border-style:solid;border-color:#222;background-color:#fff;position:absolute;top:40px;left:50%;z-index:9100;display:none;}
#gnb_inner .gnb_li > ul > li:first-child ul {margin-left:-70px;}
#gnb_inner .gnb_li > ul > li ul a {line-height:23px;padding:0 15px;font-size:12px;display:block;}
#gnb_inner .gnb_li > ul > li ul a:hover {background-color:#f8f8f8;}
#gnb_inner .gnb_li > ul > li:hover ul {display:block;}

#hd_sch {flex:0 0 250px; text-align:right;margin-right:0px;}
#hd_sch .sch_frm {width:100%;padding:0 45px 0 16px;border-bottom:0px solid #222;background:#f0f0f0; border-radius:24px;box-sizing: border-box;position:relative;}
#hd_sch .sch_frm .sch_stx {width:100%;height:35px;line-height:35px;font-weight:400;font-size:14px; color:var(--second-color);border:none;outline:none;}
#hd_sch .sch_frm .sch_submit {width:30px;height:35px;padding-bottom:0px;color:#222;font-size:20px;position:absolute;border:none;top:0;right:16px; background:url(/layouts/basic/images/layout/gx_i_search_s.png) no-repeat right center;}
#hd_sch .sch_frm input:focus {outline: none;background-color: transparent;}

#hd_cart {flex:0 0 50px;text-align:right;}
#hd_cart .cart{position:relative;width:100%; height:35px; background:url(/layouts/basic/images/layout/gx_gx_i_cart.png) no-repeat right bottom;}
#hd_cart .cart > span{position:absolute;left:10px; top:3px;display:inline-block;text-align:center;font-family: 'Roboto'; font-style: normal; font-weight: 500;font-size:11px; color:#fff;line-height:24px;width:24px; height:24px; border-radius: 50%;background:#222222;box-sizing: border-box;z-index:10;}

/* 전체메뉴 추가 */
#gnb_inner .t-dropdown{position: absolute; left:0px; top:0px; text-align:left;z-index:9999;display:inline-block;width:140px;height:60px;background:url(/layouts/basic/images/layout/gx_i_navi.png) left center no-repeat;font-family: 'NotoSansKR';font-style: normal;font-weight:500;font-size:16px;color:#333; padding-left:40px;}
#gnb_inner .t-dropdown.active{background:url(/layouts/basic/images/layout/i_navgx_i_gx_close.png) left center no-repeat;}

.t-dropbox {position: absolute; left:0px; top:61px; display: none; width:100%;background:#fff;overflow: hidden; border:0px solid #d7d7d7;box-shadow: 1px 4px 10px -4px rgba(0, 0, 0, .15); z-index:888;}
.t-dropbox .innerWrap{display:block;width:100%; max-width:1200px;text-align:left;margin:0px auto; padding:20px 30px;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:888;}
.t-dropbox .innerWrap ul{display:inline-block;width:100%;margin-top:12px;}
.t-dropbox .innerWrap ul:first-child{margin-top:0px;}
.t-dropbox .innerWrap li{display:inline-block;width:100%;}
.t-dropbox .innerWrap li a{position: relative; display:inline-block;min-width:180px;padding:8px 16px;line-height:1;font-size:14px;font-family: 'NotoSansKR';font-style: normal;font-weight:400;color:#666;text-align:left;transition-duration: 0.2s; }
.t-dropbox .innerWrap li a:hover{font-weight:700;color:var(--concept-color);transform: translateX(5px);background-color:#f1f1f1;}

/* Bubble Float Right */
.bubble-float-right {display: inline-block; position: relative; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.bubble-float-right:before {pointer-events: none; position: absolute; z-index: -1; top: calc(50% - 8px); right: 0; content: ""; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #f1f1f1; transition-duration: 0.3s; transition-property: right;opacity: 0;}
.bubble-float-right:hover {transform: translateX(-4px);}
.bubble-float-right:hover:before {right: -8px; opacity: 1;}

/*
.t-dropbox .innerWrap ul{width:100%;display:table;background:#fff;}
.t-dropbox .innerWrap .con_bx .c_box {width:20%;padding:15px 5px;display:table-cell;}
.t-dropbox .innerWrap .con_bx .c_box .cate_tit {line-height:1;font-size:14px;font-family: 'NotoSansKR';font-style: normal;font-weight:700;color:#000;text-align:left;padding:10px 15px;background-color:#f1f1f1;display:block;}
.t-dropbox .innerWrap .con_bx .c_box ul {margin:12px 0;}
.t-dropbox .innerWrap .con_bx .c_box li {width:100%;height:20px;font-family: 'NotoSansKR';font-style: normal;font-weight: 200;font-size:13px;line-height:1.666;text-align:left;}
.t-dropbox .innerWrap .con_bx .c_box li a {padding:0 15px;display:block;}
.t-dropbox .innerWrap .con_bx .c_box li a:hover {background-color:#f5f5f5;}
*/

/* 전체메뉴 추가 end */

/*모바일메뉴 */
#header{/* display:flex;justify-content:space-between; align-items: center;height:60px;*/}
#header .logoArea_m{display:none;flex:1 1 0;text-align:center;justify-content:center;}
#header .logo_m{display:inline-block;width:150px; min-height:40px;background:url(/layouts/basic/images/layout/logo.png) 50% 50% no-repeat;background-size:150px auto; text-indent: -9999px;}
#header .m_open{display:none;text-align:left; flex:0 0 60px;}
#header .m_search{display:none;text-align:right;flex:0 0 30px;}
#header .m_cart{display:none;text-align:right;flex:0 0 50px;height:35px;}
#header .m_cart .cart{position:relative;width:50px; height:35px; background:url(/layouts/basic/images/layout/gx_gx_i_cart.png) no-repeat right bottom;}
#header .m_cart .cart > span{position:absolute;left:12px; top:5px;display:inline-block;text-align:center;font-family: 'Roboto'; font-style: normal; font-weight: 500;font-size:10px; color:#fff;line-height:24px;width:24px; height:24px; border-radius: 50%;background:#222;box-sizing: border-box;z-index:10;}
.btn-msearch{width:25px;height:23px;background:url(/layouts/basic/images/layout/ico_search.png) 50% 50% no-repeat;}

/* hamburger */
.hamburger { margin-right: 0;margin-left: auto;overflow: visible;cursor: pointer;z-index: 7;border: 0; transition-timing-function: linear;transition-duration: .3s ease;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;}
.hamburger-box {position: relative;display: inline-block;width: 22px; height: 20px;vertical-align: middle;}
.hamburger-inner {display: block;top: 0;}

.hamburger-inner:after,
.hamburger-inner:before {display: block;content: '';}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {position: absolute; width: 22px; height: 2px; background-color: #333;transition: transform .3s ease .2s, background-color .3s ease .2s, opacity .3s ease .3s;}
.hamburger-inner:before { top: 8px; right: -4px;}
.hamburger-inner:after { top: 16px; }

.hamburger-active { margin-right: 0;margin-left: auto;overflow: visible;cursor: pointer;z-index: 7;border: 0; transition-timing-function: linear;transition-duration: .3s ease;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;}
.hamburger-active .hamburger-box {position: relative;display: inline-block;width:24px; height:24px;vertical-align: middle;}
.hamburger-active .hamburger-inner,
.hamburger-active .hamburger-inner:after { position: absolute; width: 24px; height: 2px;background-color: #333;transition-delay: .1s;}
.hamburger-active .hamburger-inner { -webkit-transform: translate3d(0, 8px, 0) rotate(45deg); transform: translate3d(0, 8px, 0) rotate(45deg);}
.hamburger-active .hamburger-inner:before {opacity: 0; transition: opacity .3s ease 0s}
.hamburger-active .hamburger-inner:after {width: 24px;-webkit-transform: translate3d(0, -16px, 0) rotate(-90deg); transform: translate3d(0, -16px, 0) rotate(-90deg);}

/* mMenu */
.mMenu { position: fixed; left:-100%; top:0; width:500px; padding:0px;background-color:rgba(255,255,255,1);z-index:202; -webkit-overflow-scrolling: touch; overflow-y: auto;height:100%;}
.mMenu .mclose { position:absolute;  top:20px;right:20px; }
.mMenu .mTop {display:flex;flex-direction: column; align-items: center;; text-align:center;padding:40px 15px 30px; background:#f7f7fc;}
.mMenu .mTop .mem_m{width:70px; height:70px; background:url(/layouts/basic/images/layout/gx_gx_ico_member.png) center center no-repeat #fff; border-radius: 50%; }
.mMenu .mTop .mem_m img{width:100%; height:100%;border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;}
.mMenu .mTop .mem_txt{margin:10px 0px;font-weight: 500;font-size:14px;line-height:1.3;color:#333;letter-spacing:-0.05rem; }
.mMenu .mTop .mem_btn{font-weight: 500;font-size:13px;line-height:1;color:#888;letter-spacing:-0.05rem;padding:5px 10px; border:1px solid #888; }
.mMenu .point{width:100%;margin:0px 0px 15px;}
.mMenu .point span{display:inline-block;min-height:18px;font-size:14px;font-weight:700;color:#333;line-height:18px;background:url('/layouts/basic/images/layout/gx_gx_ico_point_red.png') left center no-repeat;padding-left:22px;}
.mMenu .point a{color:#333;}
.mMenu .btnArea{display: flex;width:100%;}
.mMenu .btnArea > * {flex: 1;}
.mMenu .btnArea a{border-radius:0px;}

/* {display:none; position: fixed; left:-100%; top:0; width:500px; padding:0px;background-color:rgba(255,255,255,1);z-index:202; -webkit-overflow-scrolling: touch; overflow-y: auto;height:100%;} */
.mclose { position:absolute;  top:20px;right:20px; }
.mTop {display:flex;flex-direction: column; align-items: center;; text-align:center;padding:40px 15px 30px; background:#f7f7fc;}
.mTop .mem_m{width:70px; height:70px; background:url(/layouts/basic/images/gx_gx_ico_member.svg) center center no-repeat #fff; border-radius: 50%; }
.mTop .mem_m img{width:100%; height:100%;border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;}
.mTop .mem_txt{margin:10px 0px;font-weight: 500;font-size:14px;line-height:1.3;color:#333;letter-spacing:-0.05rem; }
.mTop .mem_btn{font-weight: 500;font-size:13px;line-height:1;color:#888;letter-spacing:-0.05rem;padding:5px 10px; border:1px solid #888; }
.point{width:100%;margin:0px 0px 15px;}
.point span{display:inline-block;min-height:18px;font-size:14px;font-weight:700;color:#333;line-height:18px;background:url('/layouts/basic/images/layout/gx_gx_ico_point_red.png') left center no-repeat;padding-left:22px;}
.point a{color:#333;}
.btnArea{display: flex;width:100%; padding: 15px 0; background: #e74949 !important;}
.btnArea > * {flex: 1;}
.btnArea a{border-radius:0px; color: var(--val-white-color) !important; text-align: center;}

.list {margin:0px 0px ;}
.lnav{width:100%;-webkit-transition: all .25s ease-in;transition: all .25s ease-in; }
.lnav, .lnav ul, .lnav li {list-style: none;width:100%;}
.lnav ul {margin:0px;}
.lnav {padding: 0px;margin: 0px;}
.lnav > li {margin: 0px 0; border-bottom:1px solid #ebebeb;}
.lnav > li li {margin: 0px;}
.lnav > li li li{margin: 0px;}
.lnav a {line-height:1;font-weight: 500;letter-spacing:-0.05rem;display:flex;align-items: center;justify-content: space-between;outline: none;text-decoration: none;}
.lnav a .caret {float: right;border-style:solid;border-width: 9px 6px 0 6px;border-color: #888 transparent transparent transparent; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.lnav li.open > a > .caret{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);border-color: var(--concept-color) transparent transparent transparent;}
/* line으로 할경우
.lnav a .caret {float: right;width: 10px; height: 10px; border: 1px solid var(--second-color);border-top: none;border-right: none; transform: rotate(-45deg);-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.lnav li.open > a > .caret{transform: rotate(135deg);border: 1px solid var(--concept-color);border-top: none;border-right: none; }
*/
.lnav li a {color:#333; font-size:15px;line-height:1; padding:15px 30px;} 
.lnav > li li a {font-weight:400;color:#666;  font-size:14px;line-height:1;padding: 10px 30px;}
.lnav > li li li a {font-weight:400;color:#666;  font-size:14px;line-height:1;padding: 10px 30px;}
.lnav > li li a.category {font-weight:500;color:#333;  font-size:15px;}
.lnav li.open {}
.lnav li.open a{color:var(--concept-color);}
.lnav li.open li a {color:#333;}
.lnav li.open li a:hover{color:var(--concept-color);}
.lnav li .depth2,
.lnav li.open .depth3 {
    display: none;
}
.lnav li.active a{color:var(--concept-color);}
.lnav li li.active a{color:var(--concept-color);}
.lnav li.off a{}

/* 2 depth 여백 추가 */
.lnav > li > ul{border-top:1px solid #dfdfdf;background:#f9f9f9;}
.lnav li li:first-child{padding-top:10px;}
.lnav li li:last-child{padding-bottom:10px;}

/* 202207 추가작업 */
.list--etc {background:#fafafa; padding:20px;box-sizing: border-box;z-index:10;}
.list--etc li{display:inline-block;width:100%;margin-top:5px;}
.list--etc li:first-child{margin-top:0px;}
.list--etc a{display:block;font-weight: 400;letter-spacing:-0.05rem;color:#666; font-size:15px;line-height:1;position: relative; background:#fff; border:1px solid #dfdfdf; padding:12px 20px 12px 10px;box-sizing: border-box;}
.list--etc a::after { content: ' ';position: absolute; top: 50%;right:12px; width: 7px; height: 7px; margin-top: -3.5px;border: 1px solid #333;border-top: none;border-right: none; transform: rotate(-135deg);}

.list--tit{line-height:1;font-weight: 500;letter-spacing:-0.05rem;color:#000; font-size:16px;line-height:1;margin:20px 0 10px;}
.list--menu {display:flex;align-items: center;justify-content: space-between;width:100%;flex-wrap: wrap;}
.list--menu > a{flex:0 0 49%; margin-left:2%;margin-bottom:5px;}
.list--menu > a:nth-child(2n-1){margin-left:0;}
/* 202207 추가작업 END */

/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.not_scroll .cont {
    position: relative;
    top: 0;
}

/* Msearch */
.Msearch {display:none;position:fixed; top:-200%;width:100%; padding:50px 40px 40px;  z-index:2; background:#fff; border-bottom:1px solid #dfdfdf; box-shadow: 0px 1px 8px rgba(0,0,0,0.1); -webkit-overflow-scrolling: touch;}
.Msearch .mclose {position:absolute;  top:20px;right:5%; }
.Msearch .mclose img{max-width:100%;}
.Msearch .msearchBox{display:inline-block; width: 100%;  margin:0px; text-align:center; padding:0px;}
.Msearch .msearchBox > h3{font-family:'Nanum Gothic Bold';color:#424242;font-size: 14px;line-height:1.3;margin-bottom:20px;}
.Msearch .searchTb{position:relative;display:inline-block;width:100%; max-width:600px;vertical-align:middle;transition: all 0.3s ease-out}
.Msearch .searchTb input{width:100%;color:#000;font-size:14px;height:45px;padding:0px 50px 0 20px;border:2px solid #000;background:#fff;border-radius:48px;box-sizing:border-box;}
.Msearch .searchTb .btn__search{position: absolute;top:50%;transform:translateY(-50%);right:20px;width:19px;height:19px;background:url(/layouts/basic/images/layout/gx_i_search_s.png) 0 50% no-repeat;text-indent: -9999px; z-index: 2;}
.Msearch .searchTb .btn__search input[type=image]{border:0}
.Msearch .searchTb input:focus {outline: none;border-color:var(--concept-color);}

/*quick*/
#qcl {width:80px;/* margin-right:620px; */ /* position:absolute;top:20px;*/ position:fixed; top:200px; /*right:50%;*/ left:20px; z-index:99999;}
#qcl li {margin-top:5px;}
#qcl li:first-child {margin-top:0 !important;}

#qcr {width:80px;margin-left:520px;/*position:absolute;top:20px;*/ position:fixed; top:200px;left:50%;z-index:99999;}
#qcr ul {border-bottom:1px solid #ddd; }
#qcr li {padding:0 9px 9px;border-width:0 1px;border-style:solid;border-color:#ddd;background-color:#fff;text-align:center;}
#qcr li:first-child {padding:0 !important;/*border:0 !important;*/}
#qcr .tit {width:80px;height:28px;font-size:11px;line-height:2.4;color:#666;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px 8px 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#qcr li p {margin-top:9px;}
#qcr .stv_wrap {height:15px;font-size:11px;font-weight:600;position:relative;text-align:center;}
#qcr .stv_wrap #up {position:absolute;left:9px;top:0;cursor:pointer;}
#qcr .stv_wrap #down {position:absolute;right:9px;top:0;cursor:pointer;}
#qcr .no_item {margin:22px 0 !important;color:#ddd !important;font-size:11px;}
.qbtn_bx {position:fixed;bottom:30px;right:5px;z-index:997;}
.qbtn_bx.active {position:absolute;bottom:0;}
.qbtn_bx #anc_up{width:40px;height:40px;font-size:9px;font-family: 'Roboto';font-style: normal;font-weight: 400;color:#fff;line-height:1.5;text-transform:uppercase;margin-top:2px;background-color:#494d52;border:1px solid #494d52;border-radius:50%;display:block;outline:none;}
.qbtn_bx #anc_dw {width:40px;height:40px;font-size:9px;font-family: 'Roboto';font-style: normal;font-weight: 400;color:#999;line-height:1.5;text-transform:uppercase;margin-top:2px;background-color:#fff;border:1px solid #ccc;border-radius:50%;display:block;outline:none;}
.qbtn_bx #anc_up:before{font-size:17px;font-family:'FontAwesome';line-height:8px;color:#fff;display:block;}
.qbtn_bx #anc_up:before {margin-bottom:1px;content:'\f106';}
.qbtn_bx #anc_dw:after {margin-top:0px;content:'\f107';}
.qbtn_bx #anc_dw:after {font-size:17px;font-family:'FontAwesome';line-height:8px;color:#666;display:block;}

#quickWrap{ /*position:absolute;top:20px;*/ position:fixed; top:200px; right:0;width:110px;font-size:0; transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out;z-index:99999;} 
.quickm{display:inline-block;width:30px;}
.quickm a{display:block;width:30px;}
.quickm .btn-qm{width:30px; height:30px;background:url(/layouts/basic/images/layout/gx_quick_btn_menu.png) left top no-repeat;text-indent:-9999px;}
.quickm .btn-qm.active{background:url(/layouts/basic/images/layout/gx_quick_btn_menu_off.png) left top no-repeat;}
.quickm .btn-qc{width:30px; height:30px;background:url(/layouts/basic/images/layout/gx_quick_btn_cart.png) left top no-repeat;text-indent:-9999px;}
.quick_aside{display:inline-block;width:80px; vertical-align:top !important;  border:1px solid #ddd;background:#fff;padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.quick_aside .tit{text-align: center;font-family: 'NotoSansKR';font-style: normal;font-weight: 400;transform: skew(-0.001deg);letter-spacing:-0.03em;color:#333;font-size:11px;margin:5px 0px;}
.quick_aside .txt{text-align: center;font-family: 'NotoSansKR';font-style: normal;font-weight: 200;transform: skew(-0.001deg);letter-spacing:-0.03em;color:#333;font-size:11px;margin-bottom:15px;}

.quick_aside li{display: inline-block;width:100%; margin-top:8px;} 
.quick_aside li:first-child{margin-top:0px;} 
.quick_aside li p {margin-top:9px;border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.quick_aside .stv_wrap {height:15px;font-size:11px;font-family: 'Roboto';font-style: normal;font-weight: 400;position:relative;text-align:center;}
.quick_aside .stv_wrap #up {position:absolute;left:0px;top:0;cursor:pointer;}
.quick_aside .stv_wrap #down {position:absolute;right:0px;top:0;cursor:pointer;}
.quick_aside .no_item {margin:22px 0 !important;color:#ddd !important;font-size:11px;text-align:center;background:url(/layouts/basic/images/layout/gx_view_none.png) center 8px no-repeat;padding:35px 5px 8px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.quick__fixed{top:70px !important;transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out;}

#quickWrap.toggled {width:30px;}
#quickWrap.toggled .quick_aside{display:none;}


/* Header END */

.btn_up_layer {position:fixed; right:10px;bottom:100px;display:none;padding:0px;width:60px; height:60px; background:url(/layouts/basic/images/layout/top.png) right bottom no-repeat;z-index:100;cursor:pointer;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;-ms-filter: alpha(opacity=70); filter: alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}

/* footer  */
#footer{width:100%; margin:0px auto;overflow:hidden;border-top:1px solid #f1f1f1;box-sizing: border-box;}
#footer:after {content:""; display:block; clear:both; height:0;}
#footer .inner-footer{width:100%; max-width:1200px; margin:0 auto;padding:40px 4% 20px;box-sizing: border-box; font-size:0;}	
#footer .left-footer{display: inline-block;width:50%;padding-right:40px;box-sizing: border-box;}	
#footer .right-footer{display: inline-block;width:50%;}	
#footer .bn-footer{width:100%;padding-top:20px; border-top:1px solid #eee; margin-top:20px;}	
#footer .bottom-footer{width:100%;text-align:center;padding:30px 4%;background:#f7f7f7;box-sizing: border-box;}	
#footer .bottom-footer .txt{font-size: 11px; line-height:1.3; color: #999;letter-spacing:-0.05rem;}
#footer .bottom-footer .copy {font-size: 11px; color: #999; line-height: 1.3; margin-top:5px;}

#footer .tit_f {font-weight: 700;font-size: 20px;color: #333; line-height:1; margin-bottom:30px;}
#footer .f_view { display:flex; align-items: center; overflow: hidden;padding-bottom: 16px}
#footer .f_view .tit {flex:0 0 140px; margin-right: 16px;}
#footer .f_call .tit {font-weight: 700;font-size: 22.5px;color: #333; line-height:1;white-space: nowrap}
#footer .f_order .tit,
#footer .f_kakao .tit,
#footer .f_qna .tit {height: 40px;border: 1px solid #e3e3e3;font-weight: 700;font-size: 14px; color: #333;line-height:40px;text-align: center}
#footer .f_order .txt,
#footer .left-footer .list {font-size: 14px;color: #333;line-height:1.4;letter-spacing:-0.05rem;}
#footer .left-footer .list dt {display: block}
#footer .left-footer .list dd {color: #999}
#footer .f_order .txt {color: #999}

#footer .f_menu{width:100%;margin-bottom:20px;}	
#footer .f_menu .f-blank{display:none;}
#footer .f_menu > a{display: inline-block;font-weight:500;padding-left:20px;font-size:14px;color:#333;line-height:1.6;letter-spacing:-0.05rem; }
#footer .f_menu > a:first-child{padding-left:0px;}
#footer .f_cont{width:100%;margin-bottom:30px;}	
#footer .f_cont > p{margin-bottom:4px;}
#footer .f_cont span{position:relative;display: inline-block; text-align:left;color:#888; font-size:13px;line-height:1.4;letter-spacing:-0.05rem;margin-left:10px; padding-left:10px;}
#footer .f_cont span:before {content: ""; position: absolute;left:0; top:50%; transform:translateY(-50%);width:1px; height:10px; background:#aaa; z-index:0;}
#footer .f_cont span:first-child:before {width:0px; height:0rem;}
#footer .f_cont span:first-child {margin-left:0px; padding-left:0px;}
#footer .list_sns {width:100%;}
#footer .list_sns li {display: inline-block;}
#footer .list_sns .link_sns {display: inline-block; width: 30px;height: 30px;margin-right: 10px;vertical-align: top}
#footer .list_sns .link_sns img{width:100%;}
#footer .list_sns .lst { margin-right: 0}
#footer .authentication {display:flex;justify-content: space-between;}
#footer .mark {display:inline-flex;margin-right:20px;}
#footer .mark .logo {width: 34px; height: 34px; margin-right: 10px}
#footer .mark .txt {padding-top: 1px;font-size: 10px;color: #999;line-height: 16px;letter-spacing: -.5px; white-space: nowrap}
#footer .lguplus-logo { width: 102px;height: 34px;margin-right: 10px;}

/*img 관련 */
.imgMax{max-width:100%;}
.imgFix{width:100%;}
.fullsize{display: inline-block;width: 100%;}
.fullsize img{width: 100%;}

/* 팝업 Basic */
.popupWrap_A{position:relative;display: inline-block; width: 100%;/*background:#fff;*/margin:0;padding:4%;}/* basic */
.popupWrap_B{position:relative;display: inline-block; width: 100%;background:#fff;margin:0;}

.icon-close-black{position: absolute;right:20px;top:20px;width:21px; height:21px;background:url(/layouts/basic/images/layout/close_black.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-white{position: absolute;right:20px;top:20px;width:25px; height:25px;background:url(/layouts/basic/images/layout/i_close_wh.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-sm{position: absolute;right:0px;top:0px;width:15px; height:15px;background:url(/layouts/basic/images/layout/i_close_14.png) 50% 50% no-repeat; text-indent: -9999px; z-index:2}

.popupBox_A{position:relative;width: 100%;padding:30px;background:#fff;margin-top:25px;border-radius:16px;} /* basic - x버튼 위에 */
.popupBox_A img{max-width: 100%;}

.popup__inBox{padding:20px;}
.popup__inBox .pagination {margin:20px 0;}

/* video 사용할 경우 */
.video_wrap{position: relative; margin:0px auto; padding-bottom: 56.25%;height: 0;overflow: hidden;}
.youtubeP{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

.content-video{position:relative; width:100%; margin:0 auto; text-align:center; background-color: #000; overflow:hidden; vertical-align:top; padding: 0px;}
.content-video:after {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:"";} 
.content-video-txt{z-index: 2; position:absolute; top:50%;transform:translateY(-50%);text-align:center; }
.content-video video{background-color: #000;opacity:1;vertical-align:top;max-width:100%;height:auto}

.pc_only{display: inline-block;}
.mo_only{display: none;}

.inner{width:100%;max-width:1260px;padding:0px;margin:210px auto 80px;overflow: hidden;}
.inner .left_menu{display: inline-block;width:150px;text-align:left; border:1px solid #e1e1e1;padding:20px 10px;}
.inner .contents_area{display: inline-block;width:calc(100% - 170px); padding-left:30px; text-align:left;}

/*layout*/
/* minsu
#container {width:100%;margin:0px auto 80px;overflow:hidden;position:relative;}
*/
#container {width:95%;margin:0px auto 80px;overflow:hidden;position:relative;}

.cont_inner {width:100%; max-width:1200px;margin:80px auto 0px;min-height:500px;overflow:hidden;box-sizing:border-box;}
.cont_inner.sub{margin:50px auto 0px;}
.section{width:100%;margin-top:80px;}
.bnr--full{display:flex;justify-content: center; width:100%;max-width:1200px;text-align:center;margin:80px auto 0px;}

/* 메인 슬라이드 */
 .swiper_main { position:relative; width:100%;/* height:300px;*/ margin:0px auto 0px;z-index:1; padding-left:0;padding-right:0;} 
 .swiper_main .swiper-slide {width:100%; padding:0px;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;}
 .swiper_main .swiper-slide img{width:100%; height:100%;object-fit: cover; object-position: 50% 50%;} 
 
 /* section_main 스와이퍼 */ 
 .swiper_main .swiper-button-prev,  
 .swiper_main .swiper-button-next{width:48px; height:48px; background-size:48px auto; top:50%;margin-top:-25px;z-index:2;opacity:0;transition:all 0.3s ease-in-out; } /*크기*/
 .swiper_main .swiper-button-prev{background-image: url(/layouts/basic/images/layout/gx_i_prev.png); left:calc(50% - 640px); } /*이미지,위치*/
 .swiper_main .swiper-button-next{background-image: url(/layouts/basic/images/layout/gx_i_next.png); right:calc(50% - 640px); }
 
 .swiper_main .swiper-pagination-bullet {width:6px;height: 6px;margin:0px 4px;display: inline-block;border-radius:24px; background: #bbb; border:0;}
 .swiper_main .swiper-pagination-bullet-active {width:20px;height:6px;background:#545454}
 
 .swiper-container:hover .swiper-button-prev, 
 .swiper-container:hover .swiper-button-next{opacity: 1 !important;transition:all 0.3s ease-in-out; }

 .swiper_main .swiper-scrollbar {display:none;border-radius:10px;position:relative;-ms-touch-action:none;background:#e2e2e2}
 .swiper_main.swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:5%;bottom:0px;z-index:50;height:2px;width:90%;}
 .swiper_main .swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:rgba(0,0,0,.9);border-radius:0px;left:0;top:0}
 .swiper_main .swiper-scrollbar-cursor-drag {cursor:move}
 .swiper_main .swiper-pagination-progress {background:rgba(0,0,0,.9);position:absolute}

 .swiper_main.h--auto {height:auto !important; } 

/* swiper slider basic - 적용전 */
/* 스와이퍼1 */ 
.swiper1 { position:relative; width:100%;margin:0px auto;z-index:1;} 
.swiper1 .swiper-slide {display:inline-block; width:100%;height:400px; padding:0 25px;background:#fff;box-sizing:border-box;  -webkit-box-sizing:border-box; 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; }
.swiper1 .swiper-button-prev,  
.swiper1 .swiper-button-next{width:48px; height:48px; background-size: 48px auto; /* 여기만 위치 top 80 적용 */top:50%; margin-top:-48px;} /*크기*/
.swiper1 .swiper-button-prev{background-image: url(/layouts/basic/images/layout/gx_i_prev.png); left: 0; } /*이미지,위치*/
.swiper1 .swiper-button-next{background-image: url(/layouts/basic/images/layout/gx_i_next.png); right: 0; }
.swiper1 .swiper-pagination-bullet {width: 12px;height: 6px;margin:0px 4px;display: inline-block;border-radius:24px; background: #bbb; border:0;}
.swiper1 .swiper-pagination-bullet-active {width:35px;height:6px;background:var(--concept-color);}

/* 스와이퍼2 - 상품 슬라이드적용  pagination 사용안함 */ 
.swiper2 { position:relative; width:100%;margin:0px auto;z-index:1;} 
.swiper2 .swiper-slide {width:100%; padding:0px;box-sizing:border-box;  -webkit-box-sizing:border-box; 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; }

/* 스와이퍼2 버튼관련 */ 
.swiper2 .swiper-button-prev,  
.swiper2 .swiper-button-next{width:40px; height:40px; background-size: 40px auto; top:50%; margin-top:-20px;} /*크기*/
.swiper2 .swiper-button-prev{background-image: url(/layouts/basic/images/layout/gx_i_prev_40.png); left: 0; } /*이미지,위치*/
.swiper2 .swiper-button-next{background-image: url(/layouts/basic/images/layout/gx_i_next_40.png); right: 0; }
.swiper2 .swiper-pagination-bullet {width: 12px;height: 6px;margin:0px 4px;display: inline-block;border-radius:24px; background: #bbb; border:0;}
.swiper2 .swiper-pagination-bullet-active {width:35px;height:6px;background:var(--concept-color);}
.swiper2 .swiper-scrollbar {display:none;border-radius:24px;position:relative;-ms-touch-action:none;background:#eee;}
.swiper2.swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:0%;bottom:0px;z-index:50;height:3px;width:100%;}
.swiper2 .swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:var(--concept-color);border-radius:24px;left:0;top:0}
.swiper2 .swiper-scrollbar-cursor-drag {cursor:move}
.swiper2 .swiper-pagination-progress {background:var(--concept-color);position:absolute}

.franchise--slide{position: relative;display:flex; width:100%; max-width:1320px; margin:0 auto;overflow:hidden;padding:0 0px;box-sizing: border-box;}

/* 스와이퍼3 - 상품 슬라이드적용  pagination 사용안함 */ 
.swiper3 { position:relative; width:100%;margin:0px auto;z-index:1;} 
.swiper3 .swiper-slide {width:100%; padding:0px;box-sizing:border-box;  -webkit-box-sizing:border-box; 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; }

/* 스와이퍼3 버튼관련 */ 
.swiper3 .swiper-button-prev,  
.swiper3 .swiper-button-next{width:40px; height:40px; background-size: 40px auto; top:50%; margin-top:-20px;} /*크기*/
.swiper3 .swiper-button-prev{background-image: url(/layouts/basic/images/layout/gx_i_prev_40.png); left: 0; } /*이미지,위치*/
.swiper3 .swiper-button-next{background-image: url(/layouts/basic/images/layout/gx_i_next_40.png); right: 0; }
.swiper3 .swiper-pagination-bullet {width: 12px;height: 6px;margin:0px 4px;display: inline-block;border-radius:24px; background: #bbb; border:0;}
.swiper3 .swiper-pagination-bullet-active {width:35px;height:6px;background:var(--concept-color);}
.swiper3 .swiper-scrollbar {display:none;border-radius:24px;position:relative;-ms-touch-action:none;background:#eee;}
.swiper3.swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:0%;bottom:0px;z-index:50;height:3px;width:100%;}
.swiper3 .swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:var(--concept-color);border-radius:24px;left:0;top:0}
.swiper3 .swiper-scrollbar-cursor-drag {cursor:move}
.swiper3 .swiper-pagination-progress {background:var(--concept-color);position:absolute}

/* 메인 슬라이드 END */

/* title */
.mtitle {font-family: 'NotoSansKR'; font-style: normal;font-weight:500;font-size:24px;line-height:1;color:#222;letter-spacing:-0.02em;text-align:center;margin-bottom:40px;}
.i_right_arrow {position: relative;display: inline-block; padding-right:20px; text-align: left;}
.i_right_arrow::after { content: ' ';position: absolute; top: 50%;right: 0px; width: 12px; height: 12px; margin-top: -7px;border:2px solid #333;border-top: none;border-right: none; transform: rotate(-135deg);}

.ctitle {font-family: 'NotoSansKR'; font-style: normal;font-weight:700;font-size:28px;line-height:1;color:#222;letter-spacing:-0.02em;margin:0px 0 30px;text-align:center;position:relative;}
.p-title {font-family: 'NotoSansKR'; font-style: normal;font-weight:700;font-size:20px;line-height:1;color:#222;letter-spacing:-0.02em;margin:0px 0 20px;border-bottom:1px solid #dfdfdf; padding-bottom:10px;}
/* title END */

/* textType  */
.bullet-list{display: inline-block;width:100%;padding-left:9px;font-weight:400;font-size:1.8rem;color:#333;letter-spacing:-0.02em;line-height:1.4;margin-bottom:8px;box-sizing: border-box;}
.bullet-list::before {content: ' '; display: inline-block; vertical-align: top;width:3px; height:3px; margin-top:12px;margin-left:-9px;margin-right:6px;border-radius: 50%; background: currentcolor;}

.alert-list-1{display: inline-block;width:100%;padding-left:24px;font-weight:200;font-size:13px;color:#666;letter-spacing:-0.05rem;line-height:1.4;}
.alert-list-1::before {content: '※'; display: inline-block; vertical-align: top;font-size:13px;margin-left:-24px;margin-right:6px;color:#666;}
.alert-list-1.concept-color{color:var(--concept-color);}
.alert-list-1.concept-color::before {color:var(--concept-color);}

.alert-list-2{display: inline-block;width:100%;font-weight:400;font-size:14px;color:var(--concept-color);letter-spacing:-0.05rem;line-height:1;padding-left:20px;}
.alert-list-2::before {content: '?'; display: inline-block; vertical-align: top;font-size:14px;margin-left:-20px;margin-right:6px;color:var(--concept-color);}

.text-list{font-size:14px;color:#666;letter-spacing:0rem;line-height:1.4; text-indent:-16px; padding-left:16px; margin-bottom:8px;box-sizing: border-box;}

.tit_sty1{font-weight:400;color:#666; font-size:14px;line-height:1.45;margin-bottom:20px;}
.txt_sty1{font-weight:200;color:#666; font-size:14px;line-height:1.45;margin-bottom:20px;}
.txt_sty2{font-weight:200;color:#666; font-size:13px;letter-spacing:-0.05rem;line-height:1.4;}
.txt_sty3{display: inline-block;font-weight:400;color:#666; font-size:13px;line-height:1.4;min-height:17px; padding-left:24px;  margin-right:10px;background: url(/layouts/basic/images/layout/ico_file.png) 0 50% no-repeat;}

/* list box Type */
.box04_wrap{width:100%;font-size:0; }
.box04_wrap li{display:inline-block;width:22%;margin-left:4%;margin-top:40px;vertical-align:top;}
.box04_wrap li:nth-child(4n-3){margin-left:0%;}
.box04_wrap li:nth-child(1), .box04_wrap li:nth-child(2), .box04_wrap li:nth-child(3) ,.box04_wrap li:nth-child(4){margin-top:0px;}
.box04_wrap li.none{display:inline-block;width:100%;margin-left:0%;margin-top:0px;vertical-align:top;padding:100px 0;text-align:center; font-size:16px;line-height:1;color:#222;letter-spacing:-0.02em;}

.box05_wrap{width:100%;font-size:0; }
.box05_wrap li{display:inline-block;width:18%;margin-left:2.5%;margin-bottom:20px;vertical-align:top;}
.box05_wrap li:nth-child(5n-4){margin-left:0%;}

.product_wrap{position: relative;width:100%;margin:0px; padding-bottom:15px; border-bottom:1px solid #cacaca;}
.product_wrap:hover{border-bottom:1px solid var(--concept-color);}
.product_wrap .cardimg{position: relative; display: inline-block; width:100%; height:0px;padding-top:120%;overflow: hidden;border:1px solid #ebebeb;border-radius:0px; background-size: cover; background:#fff;box-sizing: border-box;}
.product_wrap .cardimg img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%;object-fit: cover; object-position: 50% 50%;}
/* 
.product_wrap .cardimg{position: relative;width:100%;border:1px solid #ebebeb;overflow: hidden;box-sizing: border-box;}
.product_wrap .cardimg img{width:100%;height:100%;}
*/
.product_wrap .tagArea{position:absolute; left:10px;top:10px;z-index:3;}
.product_wrap .new{display: inline-block;width:50px;height:50px;background:#222;font-family: 'Roboto';font-style: normal;font-weight: 400;font-size:15px;line-height:50px;color:#fff;text-align:center;border-radius:50%;margin:0 4px;}
.product_wrap .sale{display: inline-block;width:50px;height:50px;background:var(--concept-color);font-family: 'Roboto';font-style: normal;font-weight: 400;font-size:15px;line-height:50px;color:#fff;text-align:center;border-radius:50%;margin:0 4px;}

.product_wrap .cardTxt{display:inline-block;width:100%;padding:15px 0px;box-sizing: border-box;}
.product_wrap .tit{font-family: 'NotoSansKR'; font-style: normal; font-weight:400;font-size:16px;color:var(--second-color);letter-spacing:-0.02em;line-height:1.3;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;margin-bottom:14px;}
.product_wrap .priceTb{display:inline-block;width:100%;font-family: 'NotoSansKR'; font-style: normal; font-weight:700;font-size:16px;color:#000;letter-spacing:0em;line-height:1;margin:0px 0px 10px;}
.product_wrap .price-txt{display:inline-block; font-family: 'NotoSansKR'; font-style: normal; font-weight:700;font-size:16px;color:#000;letter-spacing:0em;line-height:1;margin-left:10px;}
.product_wrap .sale-txt{display:inline-block; font-family: 'NotoSansKR'; font-style: normal; font-weight:700;font-size:16px;color:var(--concept-color);letter-spacing:0em;line-height:1;}
.product_wrap .price-stxt{font-family: 'NotoSansKR'; font-style: normal; font-weight:400;font-size:14px;color:#666;letter-spacing:0em;line-height:1; text-decoration: line-through !important;}
.product_wrap .bottom--btn{position:absolute; right:0px; bottom:10px;}
.product_wrap .bottom--btn > button{ vertical-align:top;}
.product_wrap .bottom--btn > * {margin-left:10px;}
.product_wrap .bottom--btn > *:first-child { margin-left: 0;}

.product_wrap .bottomArea{width:100%;text-align:center;margin-top:10px;}
.product_wrap .bottomArea > button{ vertical-align:top;}

/*공통*/
.i_cart_s{display:inline-block;width:25px;height:25px;background: url(/layouts/basic/images/layout/gx_i_cart_20.png) center center no-repeat;margin:0px;cursor:pointer;}
.i_like{display:inline-block;width:25px;height:25px;background: url(/layouts/basic/images/layout/gx_icon_like_off.png) center center no-repeat;margin:0px;cursor:pointer;}
.i_like.on{background: url(/layouts/basic/images/layout/gx_icon_like_on.png) center center no-repeat;}
.i_newwin{display:inline-block;width:25px;height:25px;background: url(/layouts/basic/images/layout/gx_i_link_20.png) center center no-repeat;margin:0 2px;cursor:pointer;}
.soldout,.memopen {line-height:1em;font-size:13px;font-family: 'NotoSansKR';font-style: normal;font-weight:400;padding:4px 10px 5px;border-radius:3px;color:#fff;display:inline-block;}
.soldout {background-color:var(--concept-color);}
.memopen {background-color:#1680d9;}
.i_del{display:inline-block;width:15px;height:15px;background: url(/layouts/basic/images/layout/gx_gx_i_trash.png) center center no-repeat;margin-right:2px;cursor:pointer;}
.i_edit{display:inline-block;width:15px;height:15px;background: url(/layouts/basic/images/layout/gx_gx_i_pen.png) center center no-repeat;margin-right:2px;cursor:pointer;}
.i_file{display:inline-block;width:20px;height:17px; background:url(/layouts/basic/images/layout/ico_file.png) 0 0 no-repeat;text-indent: -9999px;  }

.i_new{display:inline-block;width:16px;height:16px; background:url(/layouts/basic/images/layout/i_new.png) 0 0 no-repeat;text-indent: -9999px;margin-left:5px;}
.i_reply{display:inline-block;width:20px;height:15px; background:url(/layouts/basic/images/layout/re.png) 0 0 no-repeat;text-indent: -9999px;margin-right:5px;}
.i_comment{display:inline-block;width:15px;height:14px; background:url(/layouts/basic/images/layout/ico_talk_g.png) 0 0 no-repeat;text-indent: -9999px;margin-left:5px;margin-right:2px;}
.i_secret{display:inline-block;width:12px;height:16px; background:url(/layouts/basic/images/layout/ico_secret.png) 0 0 no-repeat;text-indent: -9999px;margin-left:5px;}

.line-through {text-decoration: line-through !important; }

.review--img{position: relative;width:100%;height:0; padding-top:100%; background:#f9f9f9; overflow: hidden;}
.review--img img{position: absolute; left:0; top:0;width:100%; height:100%;object-fit: cover;object-position: 50% 50%;}

.promotion{display:flex;width:100%;max-width:1320px; margin:0 auto;overflow:hidden;box-sizing: border-box;}
.promotion .titArea{width:340px;margin-left:60px;}
.promotion .promotion-tit{font-family: 'NotoSansKR'; font-style: normal;font-weight:500;font-size:24px;line-height:1.3;color:#222;letter-spacing:-0.02em;margin-bottom:15px;}
.promotion .promotion-txt{font-family: 'NotoSansKR'; font-style: normal;font-weight:400;font-size:20px;line-height:1.3;color:var(--concept-color);letter-spacing:-0.02em;margin-bottom:100px;}
.promotion .ev-time{font-family: 'NotoSansKR'; font-style: normal;font-weight:500;font-size:20px;line-height:1.3;color:#000;letter-spacing:0em;margin-bottom:15px;}
.promotion .ev-time-desc{font-family: 'NotoSansKR'; font-style: normal;font-weight:400;font-size:18px;line-height:1.3;color:#000;letter-spacing:-0.02em;}
.promotion .sliderArea{position: relative;width:920px;padding:0 60px;box-sizing: border-box;}
.promotion-span{width:100%;text-align:left;}

.promotion.franchise .titArea{width:30%;margin-left:0px; padding-right:5%;position: relative; }
.promotion.franchise .sliderArea{width:70%;padding:0 60px;}

.franchise--promotion{display:flex;flex-wrap: wrap; width:100%;max-width:1320px; margin:0 auto;overflow:hidden;}
.franchise--promotion .titArea{flex:0 0 30%; position: relative;}
.franchise--promotion .promotion--img{flex:1;padding-left:5%;box-sizing: border-box; }
.franchise--promotion .promotion--img img{width:100%;}
.franchise--promotion .f-tit{font-family: 'NotoSansKR'; font-style: normal;font-weight:500;font-size:24px;line-height:1.3;color:#222;letter-spacing:-0.02em;margin-bottom:15px;}
.franchise--promotion .f-txt{font-family: 'NotoSansKR'; font-style: normal;font-weight:400;font-size:20px;line-height:1.3;color:var(--concept-color);letter-spacing:-0.02em;}

.franchise--cardTxt{width:100%;padding:10px 0; border-bottom:1px solid #dfdfdf; position: absolute; bottom: 0; left: 0;}
.franchise--cardTxt .tit{font-family: 'NotoSansKR'; font-style: normal; font-weight:400;font-size:16px;color:var(--second-color);letter-spacing:-0.02em;line-height:1.3;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;margin-bottom:14px;}
.franchise--cardTxt .priceTb{display:inline-block;width:100%;font-family: 'NotoSansKR'; font-style: normal; font-weight:700;font-size:16px;color:#000;letter-spacing:0em;line-height:1;margin:0px 0px 10px;}
.franchise--cardTxt .price-txt{display:inline-block; font-family: 'NotoSansKR'; font-style: normal; font-weight:700;font-size:16px;color:#000;letter-spacing:0em;line-height:1;margin-left:10px;}
.franchise--cardTxt .sale-txt{display:inline-block; font-family: 'NotoSansKR'; font-style: normal; font-weight:700;font-size:16px;color:var(--concept-color);letter-spacing:0em;line-height:1;}
.franchise--cardTxt .price-stxt{font-family: 'NotoSansKR'; font-style: normal; font-weight:400;font-size:14px;color:#666;letter-spacing:0em;line-height:1; text-decoration: line-through !important;}
.franchise--cardTxt .bottom--btn{width:100%; padding-top:10px;}
.franchise--cardTxt .bottom--btn > button{ vertical-align:top;}
.franchise--cardTxt .bottom--btn > * {margin-left:10px;}
.franchise--cardTxt .bottom--btn > *:first-child { margin-left: 0;}

/* 버튼관련 */ 
.promotion .sliderArea .swiper-button-prev,  
.promotion .sliderArea .swiper-button-next{width:40px; height:40px; background-size: 40px auto; top:33%; margin-top:0px;;} /*크기*/
.promotion .sliderArea .swiper-button-prev{background-image: url(/layouts/basic/images/layout/gx_i_prev_40.png); left: 0; } /*이미지,위치*/
.promotion .sliderArea .swiper-button-next{background-image: url(/layouts/basic/images/layout/gx_i_next_40.png); right: 0; }

.product--slide{position: relative;display:flex; width:100%; max-width:1320px; margin:0 auto;overflow:hidden;padding:0 60px;box-sizing: border-box;}
.product--slide.franchise{padding:0 0px;}

/* 버튼관련 */ 
.product--slide .swiper-button-prev,  
.product--slide .swiper-button-next{width:40px; height:40px; background-size: 40px auto; top:33%; margin-top:0px;} /*크기*/
.product--slide .swiper-button-prev{background-image: url(/layouts/basic/images/layout/gx_i_prev_40.png); left: 0; } /*이미지,위치*/
.product--slide .swiper-button-next{background-image: url(/layouts/basic/images/layout/gx_i_next_40.png); right: 0; }
.product--slide.franchise .swiper-button-prev,  
.product--slide.franchise .swiper-button-next{width:20px; height:40px; background-size: 20px auto; top:30%;} /*크기*/
.product--slide.franchise .swiper-button-prev{background-image: url(/layouts/basic/images/layout/gx_i_prev_20.png); left: 0; } /*이미지,위치*/
.product--slide.franchise .swiper-button-next{background-image: url(/layouts/basic/images/layout/gx_i_next_20.png); right: 0; }

.review--txtBox{display:flex;flex-direction: column;align-items: center;width:100%;margin:60px 0px 0;}
.review--txtBox .r-tit{font-family: 'NotoSansKR'; font-style: normal;font-weight:500;font-size:18px;line-height:1;color:#222;letter-spacing:-0.02em;margin-bottom:10px;}
.review--txtBox .r-txt{text-align:center;font-family: 'NotoSansKR'; font-style: normal;font-weight:200;font-size:16px;line-height:1.45;color:#222;letter-spacing:-0.02em;margin-bottom:20px;}
.review--txtBox .r-txt br{display:none;}
.review--txtBox .r-btn{border:1px solid #c8c8c8;color:#222; padding:10px 20px;font-family: 'NotoSansKR'; font-style: normal;font-weight:400;font-size:16px;line-height:1;color:#222;letter-spacing:-0.02em;cursor:pointer;transition:all 0.3s;}
.review--txtBox .r-btn:hover{border:1px solid var(--concept-color);background:var(--concept-color);color:#fff;}

/* Timer*/
.promotion-timer{ width: 30px;height: 30px;background-color:var(--concept-color);/*box-shadow: inset 0px 0px 0px 2px #fff;*/border-radius: 50%;position: relative; margin: 16px 0;/* Not necessary- its only for layouting*/    }
.promotion-timer:after, .promotion-timer:before{position: absolute;content:"";background-color: #fff;}
.promotion-timer:after{ width: 10px; height: 2px;top: 15px;left: 15px;
    -webkit-transform-origin: 1px 1px;
       -moz-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
    -webkit-animation: minhand 3s linear infinite;
       -moz-animation: minhand 3s linear infinite;
            animation: minhand 3s linear infinite;
}
.promotion-timer:before{width: 8px;height: 2px;top: 15px;left: 15px;
    -webkit-transform-origin: 1px 1px;
       -moz-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
/*    -webkit-animation: hrhand 8s linear infinite;
       -moz-animation: hrhand 8s linear infinite;
            animation: hrhand 8s linear infinite; */
}
@-webkit-keyframes minhand{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes minhand{
    0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
}
@keyframes minhand{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

@-webkit-keyframes hrhand{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes hrhand{
    0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
}
@keyframes hrhand{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

/* sub */
.sub_tree {width:100%; padding:20px;margin-bottom:20px;border:1px solid #eee;background-color:#fafafa;box-sizing:border-box; font-size:0;}
.sub_tree ul{}
.sub_tree li {display: inline-block; width:20%;padding:5px 10px;box-sizing:border-box;}
.sub_tree a {font-size:14px;color: #545454;line-height:1.3;letter-spacing:-0.05rem; }
.sub_tree a:hover {color:var(--concept-color);}
.sub_tree li.active a {font-weight:700;color:var(--concept-color);}

.listTop{display:flex;justify-content: space-between; width:100%;border-bottom:1px solid #eee;padding:10px 0px;margin-bottom:20px;font-size:0;box-sizing: border-box;}
.listTop .leftArea{flex:0 0 100px; font-size:14px;line-height:1;color:#666;}
.listTop .leftArea .num{display:inline-block;margin-left:5px; font-weight:700;font-size:14px;line-height:1;color:#000;}
.listTop .rightArea{text-align:right;overflow: hidden;}
.listTop .rightArea .tabs {font-size: 0;white-space: nowrap;}
.listTop .rightArea .tabs li {position: relative;display:inline-block;margin-left:10px; padding-left:10px;}
.listTop .rightArea .tabs li::before {content: ""; position: absolute;left:0; top:50%; transform:translateY(-50%);width:1px; height:10px; background:#aaa; z-index:0;}
.listTop .rightArea .tabs li:first-child::before { display: none;}
.listTop .rightArea .tabs li:first-child{margin-left:0px; padding-left:0px;}
.listTop .rightArea .tabs li a {display: block;font-size:14px;line-height:1;letter-spacing:-0.05rem;color:#666;}
.listTop .rightArea .tabs li a.active{font-weight:700;color:#000;}
.listTop .rightArea .tabs li a:hover{font-weight:700;color:#000;}

.search--result{font-size:14px;line-height:1;color:#666;margin-bottom:10px;}
.search--result .point{display:inline-block;margin-left:5px; font-weight:700;color:var(--concept-color);}

/* paging */
.pagination {display:block;margin: 60px 0;text-align: center; font-size:0;overflow: hidden;}
.pagination-button {display: inline-block;width: 30px;height: 30px;border: 1px solid #dfdfdf;border-left: 0;font-weight:400;font-size:12px; color: #666;line-height: 30px;}
.pagination-button:first-child {border-left: 1px solid #dfdfdf;}
.pagination-button:hover,
.pagination-button.active {background-color:#f9f9f9;color:var(--concept-color); font-weight:700;}
.pagination-first, .pagination-prev, .pagination-next, .pagination-last {background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px}
.pagination-first {background-image: url(/layouts/basic/images/layout/pagination-first.png)}
.pagination-prev {background-image: url(/layouts/basic/images/layout/pagination-prev.png)}
.pagination-next{background-image: url(/layouts/basic/images/layout/pagination-next.png)}
.pagination-last {background-image: url(/layouts/basic/images/layout/pagination-last.png)}
.pagination-first.disabled {background-image: url(/layouts/basic/images/layout/pagination-first-off.png); pointer-events: none;}
.pagination-prev.disabled {background-image: url(/layouts/basic/images/layout/pagination-prev-off.png); pointer-events: none;}
.pagination-next.disabled {background-image: url(/layouts/basic/images/layout/pagination-next-off.png); pointer-events: none;}
.pagination-last.disabled {background-image: url(/layouts/basic/images/layout/pagination-last-off.png); pointer-events: none;}

/*로그인*/
.login_tbox {width:100%; max-width:700px;margin:0 auto 20px;font-size:0;}
.login_tab {width:100%;z-index:1;}
.login_tab li {display: inline-block;width:50%;height:45px;text-align:center;overflow:visible;position:relative; border-bottom:1px solid #ddd;}
.login_tab li span {font-size:15px;line-height:45px;color:#999;position:absolute;top:0;left:0;bottom:0;right:0;cursor:pointer;}
.login_tab li:first-child span {right:0px;}
.login_tab li.active span {font-weight:700;color:#222;border-bottom:1px solid var(--concept-color);z-index:2;}

.login_wrap {width:100%; max-width:600px;margin:0 auto;border:0px solid #e1e1e1;display:none;text-align:center;overflow:hidden;}
.login_wrap.active {display:block;}
.log_inner {display:inline-block;width:100%;text-align:center;padding:30px 0px;box-sizing: border-box;}
.log_inner .tit{font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:10px;}
.log_inner .stxt {font-size:14px;line-height:1.3;color:#999;margin-bottom:20px;}
.log_inner .log_op {display:flex;width:100%;margin-top:20px;font-size:13px;justify-content: space-between; align-items: center; }
.login_wrap .in_box p {margin:0 0 10px 0;}

/*SNS로그인*/
.sns_btn {display:inline-block;width:100%;padding:30px 0px;border-top:1px solid #e1e1e1;}
.sns_btn h3 {font-size:17px;font-family: 'NotoSansKR';font-style: normal;font-weight:700;color:#444;margin-bottom:30px;text-align:center;}
.sns_btn a {margin:0 5px;display:inline-block;}
.bt_naver,
.bt_face,
.bt_kakao {height:40px;line-height:40px;font-size:14px;font-family: 'NotoSansKR';font-style: normal;font-weight:700;padding:0 25px 0 60px;display:inline-block;text-decoration:none !important;position:relative;border-radius:24px;}
.bt_naver {color:#fff !important;background-color:#1ec800;}
.bt_naver:hover {background-color:#1bb300;}
.bt_naver:hover .bt_ic{background-color:#1bb300;}
.bt_naver .bt_ic {width:50px;height:40px;background-color:#1ec800;text-align:center;display:inline-block;position:absolute;top:0;left:0;border-radius:24px;padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.bt_naver .bt_ic:after {width:0;height:40px;border-left:1px solid #1db402;border-right:1px solid #60dc4a;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_face {color:#fff !important;background-color:#3b579d;}
.bt_face:hover {background-color:#304c91;}
.bt_face:hover .bt_ic{background-color:#304c91;}
.bt_face .bt_ic {width:50px;height:40px;background-color:#3b579d;text-align:center;display:inline-block;position:absolute;top:0;left:0;border-radius:24px;padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.bt_face .bt_ic:after {width:0;height:40px;border-left:1px solid #314984;border-right:1px solid #516cad;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_kakao {color:#381E1E !important;background-color:#F1DC43;}
.bt_kakao:hover {background-color:#e9d334;}
.bt_kakao:hover .bt_ic{background-color:#e9d334;}
.bt_kakao .bt_ic {width:50px;height:40px;background-color:#F1DC43;text-align:center;display:inline-block;position:absolute;top:0;left:0;border-radius:24px;padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.bt_kakao .bt_ic:after {width:0;height:40px;border-left:1px solid #e1cd39;border-right:1px solid #f8e76a;display:inline-block;content:'';position:absolute;top:0;right:0;}
.bt_ic img {margin-bottom:2px;}

.info--form {display:flex;flex-direction: column; padding:20px;background-color:#f8f8f8;}
.info--form label{font-size:14px;line-height:1;color:#333;margin-bottom:8px;}

.join-process-bar{width:100%;padding-bottom:10px; font-size:0;}
.join-process-bar li{position:relative;display:inline-block;width:33.3333%;text-align:center;}
.join-process-bar li:before{content:'';position:absolute;top: 50%;transform:translateY(-50%);left:0;display:inline-block;width:100%;height:1px; background:#ddd; z-index: -1;}
.join-process-bar li.on:before{}
.join-process-bar .process-name{position:relative; display:inline-block;font-family: 'NotoSansKR'; font-style: normal;font-weight:400;font-size:15px;line-height:28px;letter-spacing:-0.05rem;color:#999; padding-right:30px;}
.join-process-bar .process-name:after {display:inline-block;content:'';position:absolute;top:0;right:6px;width:16px;height:28px;background: url(/layouts/basic/images/layout/i-arrow-off.png) 100% 50% no-repeat;}
.join-process-bar .process-name:before {display:inline-block;content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:#fff;z-index: -1;}
.join-process-bar li.on .process-name{font-weight:500;color:#000;}
.join-process-bar li.on .process-name:after {background: url(/layouts/basic/images/layout/i-arrow-on.png) 100% 50% no-repeat;}

.join-process-bar .process-icon1{display:inline-block;min-height:28px; padding-left:41px;background: url(/layouts/basic/images/layout/join-process1.png) 5px 50% no-repeat;}
.join-process-bar .process-icon2{display:inline-block;min-height:28px; padding-left:38px;background: url(/layouts/basic/images/layout/join-process2.png) 5px 50% no-repeat;}
.join-process-bar .process-icon3{display:inline-block;min-height:28px; padding-left:44px;background: url(/layouts/basic/images/layout/join-process3.png) 5px 50% no-repeat;}
.join-process-bar li.on .process-icon1{background: url(/layouts/basic/images/layout/join-process1-on.png) 5px 50% no-repeat;}
.join-process-bar li.on .process-icon2{background: url(/layouts/basic/images/layout/join-process2-on.png) 5px 50% no-repeat;}
.join-process-bar li.on .process-icon3{background: url(/layouts/basic/images/layout/join-process3-on.png) 5px 50% no-repeat;}

/*네이버페이*/
.naverpay-item{display:block;margin:15px 0 0 0 !important;padding:0 !important;}
.cart-naverpay{margin-top:15px;}

/*소비자가입 약관*/
#fregister section {padding:40px 0 0 0;}
#fregister h2 {font-weight:500;font-size:17px;color:#000;margin:0 0 10px;}
#fregister textarea {display:block;padding:10px;width:100%;height:200px;line-height:1.4;color:#666;border:1px solid #dfdfdf;background-color:#fff;box-sizing: border-box;}
#fregister .fregister_agree {text-align:left;margin-top:10px;}

#fregister_private .tbl_head02 {border:1px solid #e1e1e1;}
#fregister_private .tbl_head02 td {width:33%;}

.agree_txt {font-size:13px;padding:20px;background-color:#f5f5f5;}

/*소비자가입 입력*/
#fregisterform {margin-top:30px;}

/*소비자탈퇴*/
#fleaveform {}
#fleaveform section {font-size:13px;margin:30px 0 0 0;}
#fleaveform section ul{margin:10px 0 0 0;}
#fleaveform section li {height:28px;line-height:1.5;}
#fleaveform .line_box {padding:12px 0;margin-bottom:20px;line-height:1.4em;border-width:1px 0;border-style:solid;border-color:#eee;}

/* table */
.table table{width:100%;min-width:100%;table-layout: fixed;}
.table.type1{width:100%;/* overflow:auto; */margin:0px auto;border-top:1px solid #1a1a1a; }
.table.type1 th{background-color: #f9f9f9;text-align:center;vertical-align:middle;padding:10px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;font-size:14px;color: #333;line-height:1;letter-spacing:-0.03em;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;word-wrap: break-word;word-break: keep-all;}
.table.type1 td{text-align:left;vertical-align:middle;padding:10px;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size:14px;color: #5b5b5b;line-height:1.3;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;/*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all;*/ }
.table.type1 tbody tr {background-color: #fff;}
.table.type1 tr th:first-child,
.table.type1 tr td:first-child{border-left:0px solid #ddd;}
.table.type1 .rborder{border-right:1px solid #e1e1e1;}
.table.type1 .rborder2{border-right:1px solid #bbb;}
.table.type1 .lborder{border-left:1px solid #e1e1e1;}
.table.type1 .lborder2{border-left:1px solid #bbb;}
.table.type1 .bg_1{background: #f1f1f1 !important;}
.table.type1 .bold{font-weight:700;}
.table.type1 .left{text-align:left !important;}
.table.type1.g-border{border:1px solid #bbb;}

.infoTxt1{min-height:15px;font-family: 'NotoSansKR';font-style: normal;font-weight:400;color:#5b5b5b;font-size:14px;line-height:15px;letter-spacing:-0.01em;background:url(/layouts/basic/images/layout/gx_gx_i_info_gray.png) left center no-repeat;padding-left:20px;margin-bottom:10px;box-sizing: border-box;}
.infoTxt2{min-height:16px;font-family: 'NotoSansKR';font-style: normal;font-weight:700;color:#333;font-size:16px;line-height:1;letter-spacing:-0.01em;background:url(/layouts/basic/images/layout/i_arrow_right.png) left 0px no-repeat;padding-left:20px;margin-bottom:10px;box-sizing: border-box;}
.infoTxt3{min-height:15px;font-family: 'NotoSansKR';font-style: normal;font-weight:400;color:#01C73D;font-size:14px;line-height:15px;letter-spacing:-0.01em;background:url(/layouts/basic/images/layout/gx_gx_i_info_gray.png) left center no-repeat;padding-left:20px;margin-bottom:10px;box-sizing: border-box;}

/* form */
.form_sty1{width:100%;margin:15px 0 40px;border-top:1px solid #666; font-size:0;box-sizing: border-box;}
.form_sty1 ul{width:100%;margin-top:0px;border-bottom:1px solid #dfdfdf;padding:10px 0px;}
.form_sty1 ul:first-child{}
.form_sty1 li{display: inline-block; vertical-align:middle;}
.form_sty1 li.top{vertical-align:top;padding-top:15px;}
.form_sty1 .tit{display: inline-block;width:150px;}
.form_sty1 .tit > span{position:relative;display: inline-block;font-weight:500;font-size: 14px;color: #333;line-height:1;letter-spacing:-0.05rem;}
.form_sty1 .tit > span.required{padding-right:10px;}
.form_sty1 .tit > span.required::before{position:absolute; right:0; top:0;content: '*';width:6px;height:6px;border-radius: 0%;font-size:14px;color: #ff0000;}
.form_sty1 input[type=radio] + label{padding-left:20px;font-size:14px; margin:5px 10px 5px 0;}
.form_sty1 .cont{display: inline-block;width:calc(100% - 150px); }
.form_sty1 .txt{display: inline-block;padding:0 10px;font-weight:400;font-size: 13px;color: #333;line-height:35px;letter-spacing:-0.05rem;}
.form_sty1 .txt-bold{font-weight:700;font-size: 14px;color: #333;line-height:35px;letter-spacing:-0.05rem;}
.form_sty1 .txt-bold > span{font-weight:400;font-size: 13px;color: #666;line-height:35px;letter-spacing:-0.05rem;}
.form_sty1 a{vertical-align:middle;}
.form_sty1 .cont-txt{display:flex;align-items: center; min-height:24px; font-weight:400;font-size: 14px;color: #333;line-height:1.2;letter-spacing:-0.05rem;}

.form_sty1.pop{margin:0px 0 15px;border-top:1px solid #666;}
.form_sty1.pop .tit{display: inline-block;width:120px;}
.form_sty1.pop .cont{display: inline-block;width:calc(100% - 120px);}
.form_sty1.pop .photoArea{position:relative;}
.form_sty1.pop .photoArea dd{float:left; margin-right:10px; width:calc((100% - 40px) / 5); }
.form_sty1.pop .photoArea dd:last-child{margin:0px;}
.form_sty1.pop .photoArea dd input[type='file']{clip: rect(0, 0, 0, 0); position: absolute;}
.form_sty1.pop .photoArea dd label{overflow:hidden; position:relative; border:2px dashed #ccc; border-radius:5px; text-align:center; width:100%; padding-bottom:100%; background:url("/layouts/basic/images/layout/icon-camera.svg") no-repeat center; background-size:50%;}
.form_sty1.pop .photoArea dd label .btn-upload{position:absolute;}
.form_sty1.pop .photoArea dd label .btn-upload img{width:100%;}


/* __hue__ 231103 추가 코드 시작*/
.form_sty1 input[type=checkbox] + label {
    padding-left: 20px;
    font-size: 14px;
    margin: 3px 10px 5px 0;

}
.form_sty1 input[type=checkbox] + label:before {
    background-size: 50%;
    width: 15px;
    height: 15px;
	top: 49%;
	transform: translateY(-49%);
}
/* __hue__ 231103 추가 코드 끝 */


.msg_usrid{display: inline-block; margin-left:5px; font-weight:400;font-size: 13px;color: #333;line-height:35px;letter-spacing:-0.05rem;}
.col-1{width:300px;} /* form - input */
.col-2{width:100px;} /* form - input -년도 */
.col-3{width:60px;} /* form - input -월 */
.col-4{width:150px;} /* form - input - order-결제금액 */
.col-5{width:150px;} /* 주문상세내역 */

.kakaopay_icon{background:url('/layouts/basic/images/layout/gx_kakao.png') no-repeat ;height:21px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px}
.KPAY{background:url('/layouts/basic/images/layout/gx_kpay_logo.png') no-repeat 5px;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
.PAYNOW{background:url('/layouts/basic/images/layout/gx_paynow_logo.png') no-repeat 5px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
.PAYCO{background:url('/layouts/basic/images/layout/gx_payco_logo.png') no-repeat 5px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}

.tb-col1{width:140px;}
.tb-col2{width:140px;}
.tb-col3{width:180px;}

.f-group-A {display: inline-flex;align-items:center;}
.f-group-A > * {margin-left:5px;}
.f-group-A > *:first-child { margin-left: 0;}
.f-group-A .select-w{flex:0 0 100px;}

/* file */
.filebox_s {position: relative; display:flex;width:100%;font-size:0;} /* input 내부에 찾기버튼 basic */
.filebox_s input[type="file"] {position: absolute; width: 1px;height: 1px;padding: 0; margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox_s label {/*position: absolute;right:0; top:0;*/ margin-left:10px;width:120px;height:35px;text-align:center;line-height:35px;font-size:14px; color:#818181;font-weight: 400;vertical-align: middle;background: #fff;border:1px solid #d9d9d9;cursor: pointer;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:0px;transition:all 0.3s;}
.filebox_s .upload-name {flex:1;height:35px;padding:0px 10px;font-size:14px; line-height:35px;color: #818181;font-weight:400;vertical-align: middle;background:#f5f5f5; border:0px solid #e5e5e5; -webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-radius:0px;}

.view--wrap{width:100%;padding-bottom:20px;font-size:0;}
.view--wrap .view--img{position: relative; display: inline-block;width:42%;margin-right:3%; margin-bottom:40px;}
.view--wrap .view--info{display: inline-block;width:55%;text-align:left;}
.view--wrap .view--tit{font-weight:500;font-size:20px;color:#333;line-height:1.3;letter-spacing:-0.05rem;}
.view--wrap .view--s{display:flex;justify-content:space-between; align-items: center;margin-top:10px;}
.view--wrap .view--desc{font-weight:400;font-size:16px;color:#666;line-height:1.3;letter-spacing:-0.05rem;}
.view--wrap .view--btn{flex:0 0 60px;text-align:right;}
.view--wrap .view--btn > a{display: inline-block;background:#f1f1f1; height:20px; padding:0 8px;font-size:12px;color:var(--concept-color);letter-spacing:-0.05rem;line-height:1;border-radius:8px;}

.view--wrap .view--info > ul{width:100%;padding:20px 0px; border-bottom:1px solid #bbb;}
.view--wrap .view--info > ul:first-child{margin-top:20px;}
.view--wrap .view--info > ul > li{width:100%;padding-top:10px;}
.view--wrap .view--info > ul > li:first-child{width:100%;padding-top:5px;}
.view--wrap .price-t{font-weight:700;font-size:20px;color:#333;line-height:1;}
.view--wrap .price-sale{display: inline-block;font-weight:700;font-size:20px;color:var(--concept-color);line-height:1;margin-left:10px;}
.view--wrap .price-s{position: relative;min-height:20px;font-weight:400;font-size:14px;color:#666;line-height:1;text-decoration: line-through !important;margin-top:10px;}
.view--wrap .price-btn{position:absolute;right:0; top:0;background:#f1f1f1; height:20px; padding:0 8px;font-size:12px;color:var(--concept-color);letter-spacing:-0.05rem;line-height:1;border-radius:8px;}
.view--wrap .price--wrap{ width:100%; text-align:right;padding:20px 0;}
.view--wrap .price--wrap .stxt{display: inline-block; margin-right:10px;font-weight:400;font-size:14px;color:#333;line-height:28px;}
.view--wrap .price--wrap .price--num{display: inline-block;font-weight:700;font-size:28px;color:#000;line-height:1;}
.view--wrap .price--wrap .price--txt{display: inline-block;font-weight:400;font-size:18px;color:#000;line-height:28px;}
.view--wrap .point--t{font-weight:400;font-size:14px;color:#333;line-height:1;margin-top:15px;}

.view--txt {display:flex; width:100%;}
.view--txt .v--tit{flex:0 0 130px;font-weight:400;font-size:15px;color:#888;line-height:1.3;letter-spacing:-0.05rem;}
.view--txt .v--txt{flex:1;font-weight:400;font-size:15px;color:#333;line-height:1.3;letter-spacing:-0.05rem;}
.view--txt .v--sel{position:relative; width:100%;}

.view--option {display:flex; width:100%;}
.view--option .op--tit{flex:0 0 130px;font-weight:400;font-size:15px;color:#888;line-height:1.3;letter-spacing:-0.05rem;}
.view--option .op--txt{flex:1;font-weight:400;font-size:15px;color:#333;line-height:1.3;letter-spacing:-0.05rem;}
.view--option .v--sel{position:relative; width:100%;}

.view--option dt,
.view--option dd {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.view--option dl {width:100%;margin-top:10px;display:flex;justify-content: space-between;align-items: center;}
.view--option dl:first-child {margin-top:0 !important;}
.view--option dt,
.view--option dd {}
.view--option dt {flex:0 0 70px; font-size:13px;}
.view--option dd {flex:1; font-size:13px;}
.view--option dt.op_vi_tit {flex:0 0 60% !important;}
.view--option dd.op_vi_txt {flex:0 0 40% !important;padding-left:3%;position:relative;}

.link--sns {display: inline-block; width: 25px;height: 25px;margin-right:5px;vertical-align: top}
.link--sns img{width:100%;}
.link--sns .lst { margin-right: 0}

/* detail 스와이퍼 일경우*/
.swiper-detail { position:relative; width:100%; margin:0 auto; padding:0 !important;}  
.swiper-detail .swiper-slide {width:100%;box-sizing:border-box;  -webkit-box-sizing:border-box; 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; }
.swiper-detail .swiper-slide img{/*width:100%; height:100%;object-fit: cover; max-width:100%; max-height:100%; object-position: 50% 50%;*/ max-width:100%; }
/* 버튼관련 */ 
.swiper-detail .swiper-button-prev,  
.swiper-detail .swiper-button-next{width:25px; height: 46px; background-size: 25px auto; z-index:99;} /*크기*/
.swiper-detail .swiper-button-prev{background-image: url(/layouts/basic/images/layout/prev.png); left: -30px; } /*이미지,위치*/
.swiper-detail .swiper-button-next{background-image: url(/layouts/basic/images/layout/next.png); right: -30px; }
.swiper-detail .swiper-pagination-bullet {width:12px;height:12px;margin:0px 4px 0px;display:none;border-radius:100%;background:#969696;opacity:1;border:1px solid #969696;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.swiper-detail .swiper-pagination-bullet-active {opacity:1;background:var(--concept-color);border:2px solid var(--concept-color);}

.tab-ty1 {display: inline-block; width: 100%;margin-top:10px;padding:0;text-align:center;overflow:hidden; box-sizing: border-box;z-index:2;}
.tab-ty1 .swiper-slide {display: inline-block; width:18%; margin:0 1%;background:#fff;border:1px solid #ebebeb;box-sizing: border-box;cursor:pointer;}
.tab-ty1 .swiper-slide-thumb-active{border:1px solid var(--concept-color);cursor:pointer;}
.tab-ty1 .swiper-slide img{display: inline-block; width:100%;}

.slideImg{position: relative; display: inline-block; width:100%; height:0px;padding-top:120%;overflow: hidden;border:1px solid #ebebeb;border-radius:0px; background-size: cover; background:#fff;box-sizing: border-box;}
.slideImg img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%;object-fit: cover; object-position: 50% 50%;}

.pImg{position: relative; display: inline-block; width:100%; height:0px;padding-top:120%;overflow: hidden;border:1px solid #ebebeb;border-radius:0px; background-size: cover; background:#fff;box-sizing: border-box;}
.pImg img{position: absolute; top:50%; left:50%;transform:translate(-50%, -50%); max-width:100%; max-height:100%;}

.option-dropdown{position: relative;width:100%;height:35px;text-align:left;font-weight: 400;font-size:13px; color: #333;line-height:1;cursor:pointer;border: solid 1px #d9d9d9; background: #fff;padding: 0 30px 0 15px;transition: all 0.3s ease;box-sizing: border-box;}
.option-dropdown::after {pointer-events: none;content: "";position: absolute;top:11px;right:10px;width: 8px; height: 8px; border: 1px solid var(--concept-color);border-top: none;border-right: none; transform: rotate(-45deg);transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:2;}
.option-dropdown.active::after {transform: rotate(135deg); margin-top:5px;}

.option--content {position: absolute;left:0; top:34px; display: none; width:100%;overflow: hidden;border:1px solid #d9d9d9; background: #fff; box-sizing: border-box;z-index:3;}
.option--content > ul{width:100%;}
.option--content > ul > li{display:flex; width:100%;justify-content: space-between; font-weight: 400;font-size:13px;color: #333;line-height:1;border-top: 1px solid #ebebeb;padding:10px 15px;box-sizing: border-box;cursor:pointer;}
.option--content > ul > li:first-child{border-top: 0px solid #ebebeb;}
.option--content > ul > li:hover{background: #fafafa;}
.option--content .option--l{ padding-right:5px;}
.option--content .option--r{text-align:right;}

.option--box{width:100%; border:1px solid #ebebeb;padding:15px; margin-top:10px;box-sizing: border-box;}
.option--box > ul{display:flex; width:100%;justify-content: space-between;align-items: center;font-weight: 200;font-size:12px;color: #333;line-height:1.3; margin-top:8px;}
.option--box > ul:first-child{margin-top:0px;}
.option--box > ul > li.box--l{}
.option--box > ul > li.box--r{flex:0 0 100px;text-align:right;}
.option--box .box--close{display: inline-block;width:14px; height:14px;background:url(/layouts/basic/images/layout/gx_i_gx_close.png) 50% 50% no-repeat; text-indent: -9999px; z-index:2}

.option_num{position: relative;display: inline-block;width:75px;height:24px;color:#333;font-size:12px;line-height:1;letter-spacing:-0.05rem;border:1px solid #dfdfdf;box-sizing: border-box; margin-bottom: 5px;}
.option_num img{vertical-align:top;padding:0px;}
.option_num input{display: inline-block;width:100%;height:22px;background:#fff; border:0px solid #dfdfdf;text-align:center;color:#333;font-size:12px;line-height:22px;padding:0px 24px;box-sizing: border-box;}
.option_num .decrease {margin: 0px; top: 0px; width:24px; left: 0px; bottom: 0px; color: transparent; overflow: hidden; position: absolute;cursor:pointer;}
.option_num .decrease::before {background: rgb(85, 85, 85); left: 50%; top: 50%; width: 10px; height: 1px; font-size: 0px; display: block; position: absolute; content: ""; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.option_num .decrease::after {background: rgb(85, 85, 85); left: 50%; top: 50%; width: 10px; height: 1px; font-size: 0px; display: block; position: absolute; content: ""; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.option_num .increase {margin: 0px; top: 0px; width:24px; right: 0px; bottom: 0px; color: transparent; overflow: hidden; position: absolute;cursor:pointer;}
.option_num .increase::before {background: rgb(85, 85, 85); left: 50%; top: 50%; width: 10px; height: 1px; font-size: 0px; display: block; position: absolute; content: ""; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.option_num .increase::after {background: rgb(85, 85, 85); left: 50%; top: 50%; width: 10px; height: 1px; font-size: 0px; display: block; position: absolute; content: ""; transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg);}

.option_num input[type=number]::-webkit-inner-spin-button,
.option_num input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

/* accordion */
.accordion-wrap {position: relative;width:100%;padding-bottom:60px;}
.accordion-wrap ul.lists {}
.accordion-wrap ul.lists > li {width:100%; border-bottom: 1px solid #dfdfdf;}
.accordion-wrap ul.lists > li .accord-title { display: block;position: relative;}
.accordion-wrap ul.lists > li .accord-title .btn-toggle {display: block; position: relative; width: 100%; padding: 17px 50px 17px 50px; text-align: left;font-weight: 500;font-size:16px; line-height:1.45;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all; box-sizing: border-box;}
.accordion-wrap ul.lists > li .accord-title .btn-toggle::before {content: 'Q';position: absolute;top:17px;left: 20px; color: var(--concept-color);font-weight:700;font-size:20px; line-height: 1;}
.accordion-wrap ul.lists > li .accord-title .btn-toggle::after {content: ' '; position: absolute;top:20px; right: 23px; width: 10px;  height: 10px; border: 1px solid #888; border-top: none;  border-left: none; transform: rotate(45deg);  transition: all 0.2s ease-out;}
.accordion-wrap ul.lists > li.open .accord-title .btn-toggle::after { margin-top:7px;transform: rotate(225deg);}

.accordion-wrap ul.lists > li .accord-cont { display: none; position: relative;width:100%; padding: 17px 20px 17px 50px; border-top: 1px solid #ddd; background: #f5f8fe;color: #666; font-size: 14px; line-height: 1.45; word-break: keep-all;box-sizing: border-box;}
.accordion-wrap ul.lists > li.open .accord-title .btn-toggle {line-height:1.45; white-space:normal; overflow:visible;  text-overflow:inherit; word-break: keep-all;}

/* data accordion */
.accordion-wrap ul.lists > li .data--title { display: block;position: relative;}
.accordion-wrap ul.lists > li .data--title .btn-toggle {display: block; position: relative; width: 100%; padding: 17px 10px; text-align: left;font-weight: 500;font-size:18px; line-height:1;box-sizing: border-box;}
.accordion-wrap ul.lists > li .data--title .btn-toggle::after {content: ' '; position: absolute;top:20px; right: 23px; width: 10px;  height: 10px; border: 1px solid #888; border-top: none;  border-left: none; transform: rotate(45deg);  transition: all 0.2s ease-out;}
.accordion-wrap ul.lists > li.open .data--title .btn-toggle::after { margin-top:7px;transform: rotate(225deg);}
.accordion-wrap ul.lists > li .data--cont{ display: none; position: relative;width:100%; padding: 17px 20px; border-top: 1px solid #ddd; color: #666; font-size: 14px; line-height: 1.45; word-break: keep-all;box-sizing: border-box;}
.accordion-wrap .data-tit1{display: inline-block;min-height:20px;background:url(/layouts/basic/images/sub/icon-data1.png) 0% 50% no-repeat;padding-left:30px; }
.accordion-wrap .data-tit2{display: inline-block;min-height:20px;background:url(/layouts/basic/images/sub/icon-data2.png) 0% 50% no-repeat;padding-left:30px; }
.accordion-wrap .data-tit3{display: inline-block;min-height:20px;background:url(/layouts/basic/images/sub/icon-data3.png) 0% 50% no-repeat;padding-left:30px; }

/* qa */
.accordion-wrap.qa {padding-bottom:0px;}
.accordion-wrap ul.list-head{display:flex; border-top:1px solid #333;border-bottom: 1px solid #ddd;background-color: #fafafa;padding:12px 5px;box-sizing: border-box;}
.accordion-wrap .tit_cont{flex:1;text-align:center;font-size:14px;color:#333;line-height:1;} 
.accordion-wrap .tit_name{flex:0 0 150px;text-align: center;font-size:14px;color:#333;line-height:1;}
.accordion-wrap .tit_date{flex:0 0 150px;text-align:center;font-size:14px;color:#333;line-height:1;}
.accordion-wrap .tit_answer{flex:0 0 100px;text-align:center;font-size:14px;color:#333;line-height:1;}

.accordion-wrap ul.lists {border-top: 0px solid #ddd;}
.accordion-wrap ul.lists > li {width:100%; border-bottom: 1px solid #ddd;}
.accordion-wrap ul.lists > li .qa--title { display: block;position: relative;}
.accordion-wrap ul.lists > li .qa--title .btn-toggle {display:flex; align-items: center; width: 100%; padding: 15px 5px; text-align: left;box-sizing: border-box;}
.accordion-wrap .cont{flex:1; text-align:left;font-weight:500;font-size:14px;color:#333;letter-spacing:-0.03em;line-height:1.5;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;word-break: break-all; box-sizing: border-box;}
.accordion-wrap .cont.secret{color:#888;min-height:16px;background:url(/layouts/basic/images/layout/ico_secret.png) 0% 2px no-repeat; padding-left:18px;}
.accordion-wrap .name{flex:0 0 150px;font-size:12px;color:#888;line-height:1;text-align:center;}
.accordion-wrap .date{flex:0 0 150px;font-size:12px;color:#888;line-height:1;text-align:center;}
.accordion-wrap .answer{flex:0 0 100px;font-size:12px;color:#888;line-height:1;text-align:center;}
.accordion-wrap .nodata { display: block;padding:60px 0px;font-size:13px;color:#888;line-height:1;text-align:center;}
.accordion-wrap .btnArea { display: block;text-align:right;margin-top:15px;}
.accordion-wrap ul.lists > li .qa--cont { display: none; position: relative;width:100%; padding: 15px 20px; border-top: 1px solid #ddd; background: #f9f9f9;word-break: keep-all;box-sizing: border-box;}
.accordion-wrap ul.lists > li .qa--cont::before {content: 'A';position: absolute;top:15px;left: 20px; color:#fff;font-weight:700;font-size:14px; line-height: 26px; width:26px; height:26px;border-radius:50%;text-align:center; background: var(--concept-color);}
.accordion-wrap ul.lists > li .qa--cont > p{font-size:14px;color:#333;line-height:1.45; padding-left:34px;box-sizing: border-box;}
.accordion-wrap ul.lists > li .qa--cont > p.cont-date{font-weight:200;font-size:12px;color:#666;line-height:1; margin-top:10px;}
.accordion-wrap ul.lists > li .qa--cont.notice::before {display: none;}
.accordion-wrap ul.lists > li .qa--cont.notice > p{padding-left:0px;}

.accordion-wrap ul.lists > li.open .cont {line-height:1.5;  overflow:visible;  /* text-overflow:inherit; */  white-space:normal;}
.accordion-wrap ul.lists > li.open .qa--view {display:block; }
.accordion-wrap ul.lists > li.open .view--secret {display:block; }

.view--secret{display: none;padding:10px 0;text-align:center;} /* 비밀글 클릭시 보여지는 내용 */
.view--secret > p{font-weight:400;font-size:13px;color:#666;letter-spacing:-0.03em;line-height:1.45; margin-bottom:5px;} 
.view--secret .view--input{margin:10px auto 0; text-align:center;} 
.view--secret .input_sty1{display: inline-block;width:150px;margin-right:5px;} 
.view--secret input{height:28px;} 
.view--secret .btn--ok{display: inline-block;height:28px;line-height:1;padding:0px 6px;font-size:12px;font-weight: 400;border-radius:4px;color:#fff !important;border:1px solid var(--concept-color);background:var(--concept-color);box-sizing: border-box;} 

.qa--view{display: none;padding:10px;} /* 클릭시 보여지는 내용 */
.qa--view .view--cont{width:100%;font-weight:400;font-size:14px;color:#666;letter-spacing:-0.03em;line-height:1.45;}

.qa-edit-btn {display:flex;justify-content: flex-end;padding:5px 0;}
.qa-edit-btn > * {margin-left:5px;}
.qa-edit-btn > *:first-child { margin-left: 0;}

.product--info{width:100%;padding-bottom:80px;}
.product--info .p-tit{width:100%;text-align:center;font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;font-size:24px;color: #333;line-height:1.3;letter-spacing:-0.05rem; padding-bottom:30px; border-bottom:1px solid #bbb;margin-bottom:30px;}
.product--info .p-tit > span{display: inline-block;width:100%;font-size:20px;margin-bottom:10px;}
.product--info .p-txt{width:100%;font-size:16px;color: #333;line-height:1.45;letter-spacing:-0.05rem; margin-bottom:20px;}

.product--section{width:100%;padding-bottom:80px;}
.product--section .top--line{position: relative;width:100%;text-align:center;margin-bottom:60px;}
.product--section .top--line .top--icon{display: inline-block;min-height:35px; width:100px;background:url(/layouts/basic/images/sub/icon-buildup.png) 50% 50% no-repeat #fff;}
.product--section .top--line::after {background:#bbb; left: 50%; top: 50%; width:100%; height: 1px;display: block; position: absolute; content: ""; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: -1;}
.product--section .info--tit{font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;font-size:24px;color: #000;line-height:1.3;letter-spacing:-0.05rem;margin-bottom:30px;}
.product--section .review--num{display: inline-block;font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;font-size:24px;color: #333;line-height:1.3;margin-left:10px;}
.product--section .tit{font-weight:500;font-size:18px;color: #333;line-height:1.3;letter-spacing:-0.05rem;margin-bottom:10px;}
.product--section .txt{font-size:14px;color: #666;line-height:1.45;letter-spacing:-0.05rem;margin-bottom:30px;}

.reference-wrap{margin-bottom:40px;}

.imgArea{width:100%;text-align:center;margin-bottom:60px;}

.cs--wrap{margin-bottom:40px;font-size:0;}
.cs--wrap li{display: inline-block; width:33.3333%; padding-right:60px;box-sizing: border-box;}
.cs--wrap .cs-tit{position: relative;font-weight: 500;font-size:20px;color: var(--concept-color);line-height:1;letter-spacing:-0.05rem;padding-left:14px;margin-bottom:20px; box-sizing: border-box;}
.cs--wrap .cs-tit::after {background:var(--concept-color); left:0; top:0; width:4px; height:90%;display: block; position: absolute; content: ""; z-index: -1;}
.cs--wrap .cs-tit br{display:none;}
.cs--wrap .cs-txt{font-size:20px;color:#333;line-height:1.3;letter-spacing:-0.05rem;margin-bottom:20px;box-sizing: border-box;}
.cs--wrap .cs-desc{font-size:14px;color:#666;line-height:1.3;letter-spacing:-0.05rem;box-sizing: border-box;}

/* __hue__ 230706 주석&수정 시작
.review--wrap{font-size:0;}

*/
.review--wrap ul{display:inline-block;width:100%;border-top:1px solid #ebebeb;}
.review--wrap li{display:inline-block;width:100%; padding:15px 0;border-bottom:1px solid #ebebeb;}
.review--wrap .user{
	margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.review--wrap .user-id{display:inline-block;font-weight:200;font-size:13px;color: #333;line-height:1;letter-spacing:-0.05rem;}
.review--wrap .date{display:inline-block;font-weight:200;font-size:13px;color: #333;line-height:1;margin-left:10px;}
.review--wrap .subject{font-weight:400;font-size:14px;color: #888;line-height:1.45;letter-spacing:-0.05rem;margin-bottom:20px;}
.review--wrap .cont{}
.review--wrap .review--photo{overflow:hidden;}
.review--wrap .review--photo img{width:calc((100% - 40px) / 5); margin-right:10px; float:left;}
.review--wrap .review--photo img:last-child{margin:0px;}
.review--wrap .review-txt{margin-top:15px;}
.review--wrap .review-txt > p{font-weight:400;font-size:13px;color: #333;line-height:1.45;letter-spacing:-0.05rem;margin-bottom:15px;}
.review--wrap .review-btn{margin-top:15px;}
.review--wrap .btn-del{display: inline-block;width:14px; height:14px;background:url(/layouts/basic/images/layout/gx_i_gx_close.png) 50% 50% no-repeat; text-indent: -9999px;margin-left:5px;}
.review--wrap .btn{display:inline-block;width:100%;margin-top:10px;text-align:right;}

/* __hue__ 230706 주석&수정 끝 */

.star-rating {width:70px;text-align:left; }
.star-rating,.star-rating span { display:inline-block; height:14px; overflow:hidden; background:url(/layouts/basic/images/layout/m_star.png) no-repeat; } 
.star-rating span{ background-position:left bottom; line-height:0; vertical-align:top; } 

.starArea{display: inline-block; width:100%;text-align:left;margin-bottom:10px;}

.pop--star{display: flex;flex-wrap: wrap; width:100%;}
.pop--star > * {margin:0 0px 5px;}

.coupon--top{display: flex;justify-content: space-between;align-items:flex-end;width:100%; margin-bottom:10px;}
.coupon--top .topArea{padding-bottom:0px;}
.coupon--search{}
.coupon--search .input_sty1{width:200px;margin-right:5px;}
.coupon--search .btn-type.btn4{padding:0 10px;}
.coupon--search .input_sty1 input{height:28px;}

.list--search{display: inline-flex;box-sizing: border-box;}
.list--search .selectArea{width:100px;margin-right:5px;}
.list--search .inputArea{width:250px;}

.topArea{min-height:15px; background:url(/layouts/basic/images/layout/gx_gx_i_info_gray.png) 0 0 no-repeat;font-size:13px;color: #333;line-height:1;letter-spacing:-0.05rem;padding-left:20px;padding-bottom:10px;box-sizing: border-box;}
.topArea > span{font-weight: 700;}

.flex-start{align-self: flex-start;}

.cart--wrap{width:100%;font-size:0;margin-bottom:10px;}
.cart--wrap ul{display:flex;justify-content: space-between;align-items: center; border-bottom: 1px solid #dfdfdf;width:100%;}
.cart--wrap ul.list-head{background-color: #fafafa;height:40px;text-align:center;border-top:1px solid #333;}
.cart--wrap ul.list-body{background-color: #fff;padding:10px 0px;}
.cart--wrap .tit-chkbox{flex:0 0 50px;} 
.cart--wrap .tit-img{flex:0 0 80px;} 
.cart--wrap .tit-cont{flex:1;font-weight: 500;font-size:14px;color:#333;line-height:1; padding:0 10px;} 
.cart--wrap .tit-qty{flex:0 0 60px;font-weight: 500;font-size:14px;color:#333;line-height:1;}
.cart--wrap .tit-price{flex:0 0 120px;font-weight: 500;font-size:14px;color:#333;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}
.cart--wrap .tit-price-total{flex:0 0 120px;font-weight: 500;font-size:14px;color:#333;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}
.cart--wrap .tit-point{flex:0 0 100px;font-weight: 500;font-size:14px;color:#333;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}
.cart--wrap .tit-delivery{flex:0 0 100px;font-weight: 500;font-size:14px;color:#333;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}

.cart--wrap .chkbox{flex:0 0 50px;text-align:center;} 
.cart--wrap .product--cimg{flex:0 0 80px;position: relative;} 
.cart--wrap .cont{flex:1;font-size:14px;color:#333;line-height:1.3; padding:0 10px;text-align:left;} 
.cart--wrap .qty{flex:0 0 60px;font-size:14px;color:#666;line-height:1;text-align:center;box-sizing: border-box;}
.cart--wrap .price{flex:0 0 120px;font-size:14px;color:#666;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}
.cart--wrap .price-total{flex:0 0 120px;font-size:14px;color:#666;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}
.cart--wrap .point{flex:0 0 100px;font-size:14px;color:#666;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}
.cart--wrap .delivery{flex:0 0 100px;font-size:14px;color:#666;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}
.cart--wrap .stit_mo{position: relative;display:none;font-weight: 200;font-size:12px;color:#888;line-height:1;letter-spacing:-0.05rem;margin-right:5px; padding-right:7px; }
.cart--wrap .stit_mo::after {background:#dfdfdf; right:0; top:1px; width:1px; height:10px;display: block; position: absolute; content: ""; z-index: 1;}
.cart--wrap .nodata {flex:0 0 100%; padding:60px 0px;font-size:14px;color:#666;line-height:1;text-align:center;}
.cart--wrap .option-txt{font-size:13px;color:#888;line-height:1.3;margin-top:4px;}
.cart--wrap .order-txt{font-weight: 200;font-size:12px;color:#888;line-height:1.3;margin-top:4px;}
.cart--wrap .option-mody{width:100%; margin-top:10px;position: relative;}
.cart--wrap .option-view{position: relative; /*display:none;*/ width:0; height:0; max-width:500px;overflow:hidden;box-sizing: border-box;}
.cart--wrap .option-mody.active .option-view{height:auto; animation: optionAni .5s  0s both;}
.cart--wrap .product--price{flex:0 0 100%;font-size:14px;color:#666;line-height:1;text-align:right;padding:5px;box-sizing: border-box;}

.cart--wrap .option-view2 > ul{display:flex; width:100%;justify-content: space-between;align-items: center;margin-top:10px;border-bottom:0px solid #dfdfdf;}
.cart--wrap .option-view2 > ul:first-child{margin-top:0px;}
.cart--wrap .option-view2 > ul > li.box--l{flex:1; padding-right:10px;}
.cart--wrap .option-view2 > ul > li.box--m{flex:0 0 75px;text-align:right;}
.cart--wrap .option-view2 > ul > li.box--r{flex:0 0 110px;text-align:right;}
.cart--wrap .option-view2 .box--close{display: inline-block;margin-left:5px;width:14px; height:14px;background:url(/layouts/basic/images/layout/gx_i_gx_close.png) 50% 50% no-repeat; text-indent: -9999px; z-index:2}
.cart--wrap .option-view2 .s-price{display: inline-block;font-weight: 500;font-size:13px;color:#333;line-height:24px;}
.cart--wrap .option-view2 .p-txt{display: inline-block;font-weight: 200;font-size:12px;color: #333;line-height:1.3; padding-right:10px;}
.cart--wrap .option-view2 > ul.priceBox{padding-top:20px; margin:10px 0 20px; border-top:1px solid #666;}
.cart--wrap .option-view2 > ul > li.price--tit{flex:0 0 50%;font-weight: 500;font-size:15px;color: #333;line-height:1;}
.cart--wrap .option-view2 > ul > li.price--total{flex:0 0 50%;text-align:right;font-weight:400;font-size:15px;color: var(--concept-color);line-height:18px;}
.cart--wrap .option-view2 > ul > li.price--total > span{font-weight:700;font-size:18px;}

/* orderinquiryview */
.cart--wrap .tit-date{flex:0 0 100px;font-weight: 500;font-size:14px;color:#333;line-height:1;} 
.cart--wrap .tit-etc1{flex:0 0 100px;text-align:right;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.cart--wrap .tit-etc2{flex:0 0 120px;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}

.cart--wrap .date{flex:0 0 100px;text-align:center;} 
.cart--wrap .date > span{display:inline-block;width:100%;font-weight: 500;font-size:14px;color:#333;line-height:1;margin-bottom:8px;} 
.cart--wrap .orderview{flex:1;} 
.cart--wrap .orderview > div{padding:10px 0; border-top:1px solid #f1f1f1;} 
.cart--wrap .orderview > div:first-child{border-top:0px solid #f1f1f1;} 
.cart--wrap .orderview-wrap{display:inline-flex;width:100%;justify-content: space-between;align-items: center;} 
.cart--wrap .etc1{flex:0 0 100px;text-align:right;font-size:14px;color:#666;line-height:1;padding:0 5px;box-sizing: border-box;}
.cart--wrap .etc2{flex:0 0 120px;text-align:center;font-size:14px;color:#666;line-height:1.2;padding:0 5px;box-sizing: border-box;}
.cart--wrap .etc-blank{flex:0 0 0px;}
/* orderinquiryview end */

  @keyframes optionAni {
    0% {width:0;opacity: 0;}
    100% { width:100%;opacity: 1;border:1px solid #dfdfdf; padding:20px;}
  }

.bsk_tot{display:flex;flex-wrap: wrap; width:100%; margin:30px 0 40px;}
.bsk_tot .tbArea{flex:0 0 50%;}

.anc_tit {padding:0 0 7px 10px;font-family: 'NotoSansKR';font-style: normal; font-weight:700;font-size:14px;color:#333;letter-spacing:-0.05rem;line-height:1.3; position:relative;}
.anc_tit:after {width:6px;height:8px;background:url('/layouts/basic/images/layout/gx_gx_arrow_right.png') no-repeat left 0px;display:inline-block;position:absolute;left:0;top:2px;content:'';}

.pop--top{display:flex;width:100%;min-height:40px; padding:10px; justify-content: space-between;align-items: center;border-bottom:1px solid #666;box-sizing: border-box;}
.pop--top .pop-tit{font-weight:500;font-size:16px;color: #333;line-height:1.3;}
.pop--top .pop-close{margin-left:10px;}

.scope{width:100%;padding:15px;background:#f9f9f9;box-sizing: border-box;}
.scope > p{font-weight:400;font-size:13px;color:#333;letter-spacing:-0.05rem;line-height:1.3;margin-top:5px; }
.scope > p:first-child{font-weight:400;font-size:13px;color:#333;letter-spacing:-0.05rem;line-height:1.3;margin-top:5px; }

.sod_cpuse{width:100%;font-size:0;margin-bottom:20px;}
.sod_cpuse ul{display:flex;justify-content: space-between;border: 1px solid #dfdfdf;width:100%;padding:15px 10px;margin-top:-1px;box-sizing: border-box;}
.sod_cpuse ul:first-child{margin-top:0px;}
.sod_cpuse .product--cimg{flex:0 0 80px;position: relative;} 
.sod_cpuse .cont{flex:1; padding-left:10px;text-align:left;} 
.sod_cpuse .cont-tit{font-size:14px;color:#666;line-height:1;margin-bottom:10px;}
.sod_cpuse .cont-txt{font-size:14px;color:#666;line-height:1;margin-bottom:10px;}
.sod_cpuse .stit_mo{position: relative;display: inline-block;font-weight: 200;font-size:12px;color:#888;line-height:1;letter-spacing:-0.05rem;margin-right:5px;}
.sod_cpuse .btn--coupon{display: inline-block;width:100%; margin-top:10px; text-align:right;}
.sod_cpuse ul.total{display:flex;justify-content: space-between;background:#f9f9f9; width:100%;padding:10px;box-sizing: border-box;}
.sod_cpuse ul.total-sale{display:flex;justify-content: space-between;background:#888; width:100%;padding:10px;box-sizing: border-box;}
.sod_cpuse .t-tit{font-weight: 500;font-size:15px;color: #333;line-height:1;}
.sod_cpuse .t-txt{font-weight: 500;font-size:15px;color: #333;line-height:1;}
.sod_cpuse ul.total-sale .t-tit{color: #fff;}
.sod_cpuse ul.total-sale .t-txt{color: #fff;}
.dc_cancel-btn{display: inline-block;width:15px; height:15px;background:url('/layouts/basic/images/layout/gx_i_gx_close.png') no-repeat left 0px; text-indent: -9999px; margin-left:10px;}

#sod_coupon{padding-bottom:30px;}

/*서브페이지 왼쪽메뉴*/
#aside {float:left;width:180px;}
.aside_hd {padding:30px 0px;text-align:center;border-radius:8px 8px 0px 0px; border:1px solid #dfdfdf;background:#fafafa; /* background:#545454; */ }
.aside_hd p {padding:0;margin:0;line-height:1;}
.aside_hd p.eng {padding-top:5px;font-size:14px;line-height:1;color:#888;text-transform:uppercase;}
.aside_hd p.kor {font-size:22px;font-weight:700;line-height:1;color:#333;}
.aside_hd .id {display:inline-block;width:100%;margin-top:10px;}
.aside_hd .id > span{display:inline-block;font-size:14px;color:#333;background:url('/layouts/basic/images/layout/gx_gx_ico_member_s.png') left center no-repeat;padding-left:18px;}
.aside_hd .point{display:inline-block;width:100%;margin:12px 0px 0px;}
.aside_hd .point span{display:inline-block;min-height:18px;font-size:14px;font-weight:700;color:#333;line-height:18px;background:url('/layouts/basic/images/layout/gx_gx_ico_point_red.png') left center no-repeat;padding-left:22px;}
.aside_hd .point a{color:#333;}

.aside_cs {border-width:0 1px 1px 1px;border-style:solid;border-color:#dfdfdf;border-radius:0px 0px 8px 8px;padding-bottom:10px;}
.aside_cs dt {height:37px;font-size:14px;font-weight:700;line-height:37px;border-top:1px solid #dfdfdf;position:relative;}
.aside_cs dt:first-child {border-top:0 !important;}
.aside_cs dt a:after {font-family:FontAwesome;font-size:19px;font-weight:normal;line-height:37px;color:#ccc;position:absolute;top:0;right:15px;content:"\f105";}
.aside_cs dd {padding:8px 0;border-top:1px dotted #ddd;}
.aside_cs dt a,
.aside_cs dd li a {padding:0 15px;text-decoration:none;display:block;}
.aside_cs dt:hover a,
.aside_cs dt:hover a:after {color:#fff; background-color:#a8aab0;}
.aside_cs dd li a:hover {color:#454545; background-color:#f5f5f5;}
.aside_cs dd li a {font-size:12px;line-height:1.3;padding:6px 15px 6px 22px !important;color:#666;background:url('/layouts/basic/images/layout/gx_lm_dot.gif') no-repeat 15px 11px;}
.aside_my {border-width:0 1px 1px 1px;border-style:solid;border-color:#dfdfdf;border-radius:0px 0px 8px 8px;padding-bottom:10px;}
.aside_my dt {margin-top:7px;padding:15px 0 10px 15px;font-weight:700;font-size:15px;border-top:1px solid #ddd;}
.aside_my dt:first-child {margin-top:0;border-top:0;}
.aside_my dd a {font-size:12px;line-height:1.3;padding:6px 0 6px 15px; color:#666;display:block;text-decoration:none !important;}
.aside_my dd a:hover {background-color:#f5f5f5;color:#454545;}

/* 가맹점 메인 left menu */
.aside_tit {font-size:24px;font-weight:700;line-height:1;color:var(--concept-color);padding-bottom:30px; }
.aside_menu {}
.aside_menu dt {margin-top:7px;padding:15px 0 10px 0px;font-weight:700;font-size:15px;color:#333;border-top:1px solid #ddd;}
.aside_menu dt:first-child {margin-top:0;}
.aside_menu dd a {font-size:12px;line-height:1.3;padding:6px 0 6px 0px; color:#666;display:block;text-decoration:none !important;}
.aside_menu dd a:hover {color:var(--concept-color)}


/* 가맹점 메인 left menu  수정 */
.aside--menu{width:100%;}
.snav{width:100%;-webkit-transition: all .25s ease-in;transition: all .25s ease-in;}
.snav, .snav ul, .snav li {list-style: none;width:100%;}
.snav ul {margin:0px;}
.snav {padding: 0px;margin: 0px;}
.snav > li {margin: 0px 0;border-bottom:1px solid #ddd;}
.snav > li:first-child{border-top:1px solid #ddd;}
.snav > li li {margin: 0px;}
.snav > li li li{margin: 0px;}
.snav a {display:flex;align-items: center;justify-content: space-between;outline: none;text-decoration: none;}
.snav a .caret {width:8px; height:8px;margin-top:-6px; border: 1px solid var(--second-color);border-top: none;border-right: none; transform: rotate(-45deg);-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.snav li.open > a > .caret{margin-top:-4px;transform: rotate(135deg);border: 1px solid var(--concept-color);border-top: none;border-right: none;}

/*
.snav a .caret { border-style:solid;border-width: 9px 6px 0 6px;border-color: #888 transparent transparent transparent; -webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.snav li.open > a > .caret{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);border-color: var(--concept-color) transparent transparent transparent;}
*/
.snav li a {font-weight:700; color:#333; font-size:15px;line-height:1;letter-spacing:-0.05rem; padding:14px 10px 12px;} 
.snav > li li a {font-weight:400;color:#666;  font-size:13px;line-height:1.3;padding:8px 15px;}
.snav > li li li a {font-weight:400;color:#666;  font-size:13px;line-height:1.3;padding:7px 20px;}
.snav li.open {}
.snav li.open a{color:var(--concept-color);}
.snav li.open li a {color:#333;}
.snav li.open li a:hover{color:var(--concept-color);}
.snav li.active a{color:var(--concept-color);}
.snav li li.active a{color:var(--concept-color);}
.snav li.off a{}

/* 2 depth 여백 추가 */
.snav > li > ul{background:#f9f9f9;border-top:1px solid #ddd; /* border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;background:#f9f9f9; */ }
.snav li li:first-child{padding-top:10px;}
.snav li li:last-child{padding-bottom:10px;}





/* 서브페이지 우측컨텐츠 */
#con_lf {width:calc(100% - 200px);float:right;margin-bottom:80px;}
#con_lf img {max-width:100%;height:auto;}

.pg_tit {margin:0 0 20px;height:36px;border-bottom:1px solid #ddd;position:relative;}
.pg_tit span {font-weight:500;font-size:24px;padding:0px 10px 10px 0;display:inline-block;}
.pg_tit .pg_nav {font-weight:200;font-size:12px;position:absolute;bottom:8px;right:0;}
.pg_tit i {font-style:normal;font-size:12px;color:#aaa;margin:0 5px;}
.pg_cnt {margin:0 0 7px;}
.pg_cnt em {color:red;font-family: 'NotoSansKR';font-style: normal;font-weight:700;}

#sod_ws_tot{margin:30px 0;border:1px solid #dfdfdf;background-color:#fff;zoom:1;box-sizing: border-box;}
#sod_ws_tot:after{display:block;visibility:hidden;clear:both;content:"";}
#sod_ws_tot ul{display:flex;justify-content: space-between; width:100%;border-top:1px solid #ebebeb; padding:12px 30px;box-sizing: border-box;}
#sod_ws_tot ul:first-child{border-top:0px solid #ebebeb;}
#sod_ws_tot .tot-tit{font-weight:500;font-size:14px;color:#333;}
#sod_ws_tot .tot-txt{font-weight:400;font-size:14px;color:#333;text-align:right;padding-left:10px;}
#sod_ws_tot ul.ws_price{background-color:var(--concept-color);}
#sod_ws_tot ul.ws_point{background-color:#f9f9f9;}
#sod_ws_tot ul.ws_price .tot-tit{color:#fff;}
#sod_ws_tot ul.ws_price .tot-txt{color:#fff;}

.f-group-B {display:flex;justify-content: center;align-items:center;background-color:#f9f9f9;padding:15px;box-sizing: border-box;}
.f-group-B .btn{flex:0 0 60px;}
.f-group-B .txt{font-weight:400;font-size:14px;color:#333;margin-right:5px;}
.f-group-B .input-s{flex:0 0 300px;margin-right:5px;}

/*마이페이지 (내쇼핑)*/
#smb_my_sec {margin:0 0 30px;}
#smb_my_act {display:flex;justify-content:flex-end;margin-bottom:10px;zoom:1;}
#smb_my_act > * {margin-left:5px;}

/* point */
.point--wrap{width:100%;font-size:0;margin-bottom:20px;}
.point--wrap ul{display:flex;justify-content: space-between;align-items: center; border-bottom: 1px solid #dfdfdf;width:100%;}
.point--wrap ul.list-head{background-color: #fafafa;height:40px;text-align:center;border-top:1px solid #333;}
.point--wrap ul.list-body{background-color: #fff;padding:10px 0px;}
.point--wrap .tit-date{flex:0 0 150px;font-weight: 500;font-size:14px;color:#333;line-height:1;}
.point--wrap .tit-cont{flex:1;font-weight: 500;font-size:14px;color:#333;line-height:1; padding:0 10px;} 
.point--wrap .tit-point{flex:0 0 150px;font-weight: 500;font-size:14px;color:#333;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}
.point--wrap .tit-point-using{flex:0 0 150px;font-weight: 500;font-size:14px;color:#333;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}

.point--wrap .date{flex:0 0 150px;font-size:14px;color:#666;line-height:1;text-align:center;box-sizing: border-box;}
.point--wrap .cont{flex:1;font-size:14px;color:#333;line-height:1.3; padding:0 10px;text-align:center;} 
.point--wrap .point{flex:0 0 150px;font-size:14px;color:#666;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}
.point--wrap .point-using{flex:0 0 150px;font-size:14px;color:#666;line-height:1;text-align:right;padding:0 5px;box-sizing: border-box;}
.point--wrap .etc-blank{flex:0 0 0px;}
.point--wrap .stit_mo{position: relative;display:none;font-weight: 200;font-size:12px;color:#888;line-height:1;letter-spacing:-0.05rem;margin-right:5px; padding-right:7px; }
.point--wrap .stit_mo::after {background:#dfdfdf; right:0; top:1px; width:1px; height:10px;display: block; position: absolute; content: ""; z-index: 1;}
.point--wrap .nodata {flex:0 0 100%; padding:60px 0px;font-size:14px;color:#666;line-height:1;text-align:center;}
/* coupon */
.point--wrap .tit-num{flex:0 0 60px;font-weight: 500;font-size:14px;color:#333;line-height:1;}
.point--wrap .tit-coupon-num{flex:1;font-weight: 500;font-size:14px;color:#333;line-height:1; padding:0 10px;} 
.point--wrap .tit-price{flex:0 0 120px;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.point--wrap .tit-time{flex:0 0 150px;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.point--wrap .tit-etc{flex:0 0 80px;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.point--wrap .tit-use{flex:0 0 180px;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.point--wrap .tit-time2{flex:0 0 180px;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.point--wrap .num{flex:0 0 60px;font-size:14px;color:#666;line-height:1;text-align:center;}
.point--wrap .coupon-num{flex:1;font-size:14px;color:#333;line-height:1; padding:0 10px;text-align:center;} 
.point--wrap .price{flex:0 0 120px;font-size:14px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.point--wrap .use{flex:0 0 180px;font-size:14px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.point--wrap .time{flex:0 0 150px;font-size:13px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.point--wrap .time2{flex:0 0 180px;font-size:14px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.point--wrap .etc{flex:0 0 80px;font-size:14px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.point--wrap .stit_coupon{display:none;height:22px;padding:0px 6px;font-weight: 200;font-size:11px;color:#fff;line-height:22px;letter-spacing:-0.05rem;margin-right:5px;background:#989aa4;border-radius:4px; }
/* coupon End */
/* board */
.point--wrap .tit-chkbox{flex:0 0 50px;}
.point--wrap .tit-no{flex:0 0 60px;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.point--wrap .tit-subject{flex:1;font-weight: 500;font-size:14px;color:#333;line-height:1; padding:0 10px;} 
.point--wrap .tit-name{flex:0 0 100px;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.point--wrap .tit-file{flex:0 0 80px;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.point--wrap .tit-hit{flex:0 0 80px;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.point--wrap .tit-w-date{flex:0 0 100px;font-weight: 500;font-size:14px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}

.point--wrap .chkbox{flex:0 0 50px;text-align:center;}
.point--wrap .no{flex:0 0 60px;font-size:14px;color:#333;line-height:1.3; padding:0 5px;text-align:center;} 
.point--wrap .subject{flex:1;font-size:14px;color:#333;line-height:1.3; padding:0 10px;text-align:left;/* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */} 
.point--wrap .subject a{display:flex;}
.point--wrap .name{flex:0 0 100px;font-size:14px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.point--wrap .file{flex:0 0 80px;font-size:14px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.point--wrap .hit{flex:0 0 80px;font-size:14px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.point--wrap .w-date{flex:0 0 100px;font-size:14px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}

/* ...줄임표 옆 아이콘적용시 */
.subject--wrap {display:inline-flex; width: 100%; height: 100%;align-items: center;justify-content: space-between;}
.subject--wrap .b-subject {flex:1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:2.0rem;}
.subject--wrap .list--type {width:80px; margin-left:4px;text-align:right}
.sp--icon {display: inline-block;vertical-align: middle;border-radius:24px; padding:8px 12px 8px;font-weight:500;font-size:13px;line-height:1;}
/* ...줄임표 옆 아이콘적용시 END */
/* board End */

.coupon--chk{width:100%; border:1px solid #dfdfdf;background:#fafafa; box-sizing: border-box;margin-bottom:30px;}
.coupon--chk li{width:100%; border-top:1px solid #dfdfdf;padding:20px;box-sizing: border-box;}
.coupon--chk li:first-child{border-top:0px solid #dfdfdf;}

.c-group {display:flex;align-items:center;justify-content: center;}
.c-group > * {margin-left:5px;}
.c-group > *:first-child { margin-left: 0;}
.c-group .input-w{flex:0 0 100px;}
.c-group .btn{flex:0 0 100px;}
.c-group .txt{font-weight: 200;font-size:12px;color:#888;line-height:1;}
.c-group .input-s1{flex:0 0 80px;}
.c-group .input-s2{flex:0 0 120px;}

/*tab menu*/
#tab_cate {height:37px;border-bottom:1px solid #333;margin:0px 0 20px;}
#tab_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#tab_cate ul {overflow:visible;zoom:1;}
#tab_cate li {margin-left:-1px;float:left;overflow:visible;}
#tab_cate li a {height:36px;color:#666;padding:0 25px;font-size:14px;font-weight:400;line-height:37px;background-color:#f5f5f5;text-align:center;display:block;text-decoration:none !important;position:relative;}
#tab_cate li.active a {height:37px;color:#333;line-height:38px;font-weight:700;background-color:#fff;z-index:10;}
#tab_cate li:first-child {margin-left:0 !important;}
#tab_cate li a:after {border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;cursor:pointer;display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:'';}
#tab_cate li.active a:after {border-color:#333;}

.board_search{position:relative;display:inline-block;vertical-align:middle;transition: all 0.3s ease-out}
.board_search input{width:100%;color:#000;font-size:14px;height:35px;padding:0px 30px 0px 0px;border:0;background-color: transparent;}
.board_search input:focus {outline: none;background-color: transparent;}
.board_search .btn__search{position: absolute;top:0;right:0px;width:19px;height:35px;background:url(/layouts/basic/images/layout/gx_i_search_s.png) 0 50% no-repeat;text-indent: -9999px;}

.board--del{width:100%; max-width:400px;margin:80px auto 0; text-align:center;border:1px solid #ebebeb; padding:50px 20px;box-sizing: border-box;}
.board--del > p{padding-top:70px; background:url(/layouts/basic/images/layout/i-del-info.png) 50% 0 no-repeat;font-size:14px; line-height:1.45;letter-spacing:0em;color:#333;}

.board--secret{width:100%; max-width:400px;margin:80px auto 0; text-align:center;border:1px solid #ebebeb; padding:50px 20px;box-sizing: border-box;}
.board--secret > p{padding-top:70px; background:url(/layouts/basic/images/layout/i-secret-page.png) 50% 0 no-repeat;font-size:14px; line-height:1.45;letter-spacing:0em;color:#333;}
.board--secret .input_sty1{width:100%; max-width:200px;margin:10px auto;}


/* boardView */
.boardView {display: inline-block;width:100%;margin:0px auto; border-top:1px solid #b1adad; overflow: hidden;  padding-bottom:20px;}
.boardView .board--title{text-align:left;font-weight: 500;font-size: 16px;color: #333;line-height:1.4; padding:12px 20px;border-bottom:1px solid #dfdfdf;background:#f1f1f1;}
.boardView .board--info{text-align:left;padding:10px 20px;border-bottom:1px solid #dfdfdf;background:#fafafa;}
.boardView .board--info > span{display: inline-block;margin-left:20px;font-weight: 500;font-size:13px;color: #333;line-height:1;}
.boardView .board--info > span:first-child{margin-left:0px;}
.boardView .board--info em{display: inline-block;font-style: normal;font-weight: 400;color: #666;margin-left:5px;}
.boardView .content{width:100%; padding:20px; min-height:300px; text-align:left;font-size:13px; line-height:1.45;letter-spacing:0em;color:#333;border-bottom:1px solid #dfdfdf;box-sizing: border-box;}
.boardView .content img{max-width:100%;}
.boardView .imgbox{display: inline-block;width:100%;margin:20px 0px;}
.boardView .imgbox img{max-width:100%;}
.boardView table{width:100%;}
.boardView .content > p{margin-bottom:20px;}
.boardView .file{width:100%;min-height:24px; background:url(/layouts/basic/images/layout/ico_file.png) 20px 8px no-repeat;font-size:13px; line-height:1.45;letter-spacing:0em;color:#333;padding:8px 10px 8px 46px;border-bottom:1px solid #dfdfdf;box-sizing: border-box;}

.admin--reply{display:flex;justify-content: space-between;align-items: center; width:100%; border:1px solid #dfdfdf; background:#fafafa; padding:20px; margin:20px 0 40px;overflow: hidden;box-sizing: border-box;}
.admin--reply .name{font-weight: 500;font-size:14px;color: #333;line-height:1;}
.admin--reply .textarea-box{flex:1; margin:0 10px;}
.admin--reply .textarea-box textArea{display: inline-block;width:100%;border:1px solid #dfdfdf;height:60px; padding:10px;color:#666; font-size: 13px;line-height:1.3;background:#fff;border-radius:4px;box-sizing: border-box;}
.admin--reply .textarea-box textArea:focus {outline: none;border-color:var(--concept-color)}
.admin--reply .wbtn{flex:0 0 80px;}
.admin--reply.nomember{margin:0px 0 40px;}

.nomember--write{display:flex;align-items: center; width:100%; border-top:1px solid #dfdfdf;padding:10px; margin-top:20px;overflow: hidden;box-sizing: border-box;}
.nomember--write > *{margin-left:10px; }
.nomember--write > *:first-child{margin-left:0px; }
.nomember--write .stit{display: inline-block;font-weight: 500;font-size:14px;color: #333;line-height:35px;margin-right:5px; }
.nomember--write .input-w{width:150px;}


.reply--view{display:block;width:100%; border:1px solid #dfdfdf; background:#fff; padding:20px; margin:20px 0 0;overflow: hidden;box-sizing: border-box;}
.reply--view .reply-info{display:flex;align-items: center;width:100%; margin-bottom:10px; border-bottom:1px solid #ebebeb; padding-bottom:10px;}
.reply--view .reply-txt{display:block;width:100%; font-weight:400;font-size: 14px;color: #777;line-height:1.4;}
.reply--view .reply-info > span{display: inline-block;font-weight:400;font-size: 13px;color: #444;line-height:1; }
.reply--view .reply-info em{display: inline-block;font-style: normal;font-weight: 500;color: #000; }

/* file upload */
.inputfile-wrap {position: relative;display: flex; width: 100%;}
.inputfile-wrap input[type="file"] {position: absolute;width: 1px;height: 1px;margin: -1px; padding: 0; border: 0; overflow: hidden;clip: rect(0, 0, 0, 0);}
.inputfile-wrap label.btn {display: block;width: 100px;height:35px;margin-left: 10px; color:#262729;border:1px solid #262729;background:#fff;line-height:35px;padding:0px 5px;text-align:center; font-size:13px;font-weight: 400;border-radius:4px;box-sizing: border-box;}
.inputfile-wrap input{width:100%;height:35px;padding:0 10px;border:1px solid #dfdfdf;background:#fff;color:#666; border-radius:4px; font-size:14px;box-sizing:border-box;transition: border-color 0.15s ease-in-out;}
.inputfile-wrap input:focus {outline: none;background-color:#fff;border-color:var(--concept-color);}

.editor--pc{display: block;}
.editor--mo{display: none;}

.list-typeA{display:block;width:100%;text-align:left; padding:0px; margin:0px auto; font-size:0;}
.list-typeA li{display: inline-block;width:23.5%;margin:0 0% 60px 2%;}
.list-typeA li:nth-child(4n-3){margin:0 0% 60px 0%;}

.gallery--list{width:100%;text-align:left; }
.gallery--list .tit{font-weight:500;letter-spacing:-0.0em;color:#333; font-size:15px;line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:20px;}
.gallery--list .desc{margin-top:10px;font-family: 'NotoSansKR'; font-style: normal;font-weight:400;letter-spacing:0.0em;color:#666; font-size:13px;/*2줄 */ overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height:2.6em;}
.gallery--list .info--wrap{display:block; padding-top:10px; text-align:left;}
.gallery--list .info--wrap  > span{position: relative;font-weight:200;color:#888; font-size:12px;line-height:1;letter-spacing:-0.05rem;margin-left:5px; padding-left:7px; }
.gallery--list .info--wrap  > span::after {background:#dfdfdf; left:0; top:1px; width:1px; height:10px;display: block; position: absolute; content: ""; z-index: 1;}
.gallery--list .info--wrap  > span:first-child{margin-left:0px; padding-left:0px; }
.gallery--list .info--wrap  > span:first-child::after {display:none;}
.gallery--list .chk--wrap{display:block; padding-top:10px; text-align:left;}

.list-topArea{display:flex;margin-bottom:10px;align-items: center;}
.list-topArea .all-chk{margin-right:20px;}
.list-topArea .all-txt{font-size:13px;color: #333;line-height:1;letter-spacing:-0.05rem;min-height:15px; background:url(/layouts/basic/images/layout/gx_gx_i_info_gray.png) 0 0 no-repeat;padding-left:20px;}
.list-topArea .all-txt > span{font-weight: 700;}

.bx-success,.bx-info,.bx-danger,.bx-warning {padding:15px;line-height:1.3;text-align:left;font-weight:200;font-size:12px;}
.bx-success {background:#c0edf1;border:1px solid #58d0da;}
.bx-info {background:#f6fbff;border:1px solid #cbdbe8;}
.bx-danger {background:#f8f8f8;border:1px solid #e3e3e3;}
.bx-warning {background:#fffcea;border:1px solid #f3cc31;}
.bx-danger br{display:none;}

.review--write{width:100%;}
.review--write ul{display:flex;justify-content: space-between;align-items: center;}
.review--write ul.r-top{margin-bottom:15px;}
.review--write .name{font-weight:500;color:#333; font-size:14px;letter-spacing:-0.0em;line-height:1;}
.review--write .name > span{display: inline-block; margin-left:10px; font-weight:200;}
.review--write .star--area{}
.review--write .star--area > p{display: inline-block; margin-left:10px;}
.review--write ul.tbox{display:flex;justify-content: space-between;align-items: center;margin-bottom:0px;width:100%;border:1px solid #dfdfdf;height:60px; padding:10px;background:#fff;border-radius:4px;box-sizing: border-box;}
.review--write .textarea-box{flex:1; margin-right:10px;}
.review--write .textarea-box textArea{display: inline-block;width:100%;color:#666; font-size: 13px;line-height:1.3;border:1px solid #dfdfdf;height:60px; padding:10px;background:#fff;border-radius:4px;box-sizing: border-box;}
.review--write .textarea-box textArea:focus {outline: none;border-color:var(--concept-color)}
.review--write .wbtn{flex:0 0 80px;}

/* tab */
.list-tabs {overflow: hidden;margin-bottom:0px;}
.list-tabs ul.tabs {font-size: 0;white-space: nowrap;}
.list-tabs ul.tabs li {position: relative;display: inline-block;vertical-align: top;padding: 0 30px;}
.list-tabs ul.tabs li::before {content: ' ';position: absolute;top:5px;left: 0;width: 4px;height:4px;background: #dcdcdc;border-radius:50%;}
.list-tabs ul.tabs li:first-child::before { display: none;}
.list-tabs ul.tabs li a {position: relative;display: block;height:24px;font-weight:500;font-size:15px;color: #333;line-height:1;letter-spacing:-0.05rem;}
.list-tabs ul.tabs li.active a{border-bottom:1px solid var(--concept-color);color:var(--concept-color);}
.list-tabs ul.tabs li:first-child{padding-left:20px;}
.list-tabs ul.tabs li a:hover{border-bottom:1px solid var(--concept-color);}

/*faq*/
.faq_li {margin-top:20px;}
.faq_li li {font-size:14px;line-heiⓒght:1.4;border-bottom:1px solid #e1e1e1;position:relative;}
.faq_li li:first-child {border-top:1px solid #e1e1e1;}
.faq_li li:before {font-size:17px;font-weight:900;position:absolute;left:10px;}
.faq_li .faq_q {padding:12px 10px 12px 32px;cursor:pointer;}
.faq_li .faq_q:before {color:#000;content:"Q";top:8px;}
.faq_li .faq_q:hover,
.faq_li .faq_q.active {color:var(--concept-color);}
.faq_li .faq_a {color:#666;padding:15px 15px 15px 32px;background-color:#fbfbfb;display:none;}
.faq_li .faq_a:before {color:var(--concept-color);content:"A";top:13px;}
.faq_li .nodata { display: block;padding:150px 0px;font-size:14px;color:#666;line-height:1;text-align:center;border-bottom:0px solid #dfdfdf;}
.faq_li .nodata > p{ padding-top:80px;background:url(/layouts/basic/images/layout/i-nodata.png) 50% 0 no-repeat;font-size:14px;color:#888;line-height:1;text-align:center;}

.html--area{font-weight:400;color:#555; font-size:1.5rem;line-height:1.45;letter-spacing:-0.05rem; }

.page_move {width:100%;margin-top:40px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0}
.page_move ul{display:flex;border-top:1px solid #e6e6e6;}
.page_move li.prev{position:relative; flex:0 0 80px;background:#fafafa; font-size:13px;text-align:left;color:#333;line-height:1;font-weight: 500;padding:14px 0px 14px 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.page_move li.prev:after{position: absolute;content: "";top: 50%;transform:translateY(-50%); right: 10px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 0px 5px 7px 5px;border-color: transparent transparent #3e4358 transparent; }
.page_move li.prev_tit{flex:1; text-align:left;font-size:13px; color:#646464;line-height:1;font-weight: 400;padding:14px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.page_move li.next{position:relative; flex:0 0 80px;background:#fafafa; font-size:13px;text-align:left;color:#333;line-height:1;font-weight: 500;padding:14px 0px 14px 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.page_move li.next:after{position: absolute;content: "";top: 50%;transform:translateY(-50%); right: 10px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 7px 5px 0 5px;border-color: #3e4358 transparent transparent transparent;}
.page_move li.next_tit{flex:1; text-align:left;font-size:13px; color:#646464;line-height:1;font-weight: 400;padding:14px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.page_move ul:first-child{border-top:0px solid #e6e6e6;}




/*입점신청*/
#fsellerform {}
#fsellerform h2 {margin:0 0 5px;font-size:17px;text-align:left;}
#fsellerform .frm_address {margin:5px 0 0;}
.fsellerform_term {padding:10px 0 20px;}
.fsellerform_term textarea {display:block;padding:10px;width:100%;height:150px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background-color:#fff;box-sizing: border-box;}
.fsellerform_agree {padding:10px 0;text-align:left;}
.fsellerform_agree label {display:inline-block;margin-right:5px;}

.admin--login{display:flex; justify-content:center;align-items: center; margin:0 auto;width:100%; height:100%; }
.admin--login .login--inner{display:flex; flex-wrap: wrap; width:100%; max-width:1000px;border:1px solid #ebebeb;box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, .1);-webkit-box-shadow:1px 2px 10px -2px rgba(0, 0, 0, .1);box-sizing: border-box;font-size:0;}
.admin--login .form--area{flex:0 0 50%; border-right:0px solid #ebebeb; padding:60px 40px 40px;box-sizing: border-box;}
.admin--login .form--area > h1{margin-bottom:20px;}
.admin--login .form--area > h1 img{max-width:100%;}
.admin--login .form--area > h2{font-weight:400;color:#666; font-size:2.8rem;letter-spacing:-0.03em;line-height:1; margin-bottom:15px;}
.admin--login .form--area > h2 > span{font-weight:700;color:#333;}
.admin--login .form--area .txt1{font-weight:400;color:#333; font-size:15px;letter-spacing:-0.03em;line-height:1.3;}
.admin--login .form--area .login--form{display:inline-flex;width:100%;margin:30px 0px 10px;}
.admin--login .form--area .login--form dt{flex:1;}
.admin--login .form--area .login--form dt input {height:37px;width:100%;border:1px solid #ddd;padding:0 12px;margin-bottom:6px;line-height:35px;box-sizing: border-box;}
.admin--login .form--area .login--form dd{flex:0 0 80px;margin-left:10px;}
.admin--login .form--area .login--form dd .btn_large{width:100%;height:80px;box-sizing: border-box;}

.admin--login .form--area .login--info{width:100%;margin-top:20px; padding:20px 0px; border-top:1px solid #f1f1f1;}
.admin--login .form--area .login--info > p{padding-left:9px;font-weight:200;font-size:13px;color:#666;letter-spacing:-0.02em;line-height:1.3;margin-bottom:5px;box-sizing: border-box;}
.admin--login .form--area .login--info > p::before {content: ' '; display: inline-block; vertical-align: top;width:3px; height:3px; margin-top:5px;margin-left:-9px;margin-right:6px;border-radius: 50%; background: currentcolor;}

.admin--login .img--area{flex:0 0 50%;padding:40px;box-sizing: border-box;}
.admin--login .img--area img{width:100%; height:100%;object-fit: cover; object-position: 50% 50%;}
.admin--login .info--area{flex:0 0 100%;text-align:center;padding:20px 40px;box-sizing: border-box;}

.admin--login .info--area > p:first-child{margin-top:0px;}
.admin--login .txt2{font-weight:200;color:#666; font-size:13px;letter-spacing:-0.03em;line-height:1.2;margin-top:5px;}
.admin--login .txt2 > span{position:relative;display: inline-block;margin-left:5px;padding-left:5px;}
.admin--login .txt2 > span:first-child{margin-left:0px;}
.admin--login .txt2 > span:before {content: ""; position: absolute;left:0; top:50%; transform:translateY(-50%);width:1px; height:8px; background:#bbb; z-index:0;}
.admin--login .txt2 > span:first-child:before {width:0px; height:0rem;}
.admin--login .txt2 > span:first-child {margin-left:0px; padding-left:0px;}
.admin--login .txt2 > span.first:before {width:0px; height:0rem;}
.admin--login .txt3{font-weight:200;color:#666; font-size:12px;letter-spacing:-0.03em;line-height:1.3;margin-top:15px;}
.admin--login .sbtn{padding:3px 5px;border:1px solid #666;background:#fff; font-weight: 400;font-size:11px;color:#55575a; border-radius:4px;}

.admin--login .txt2 > span.m--blank{}

#sit_qa_write{padding:20px;box-sizing: border-box;}


/* 원본 defailt.css */
/*
#hd_pop {z-index:999999;position:fixed; left:10px;top:10px;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {*//*position:absolute;*//* background:#fff; width:300px;}
.hd_pops img{width:100%;}
*/
#hd_pop {z-index:999999;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #ddd;background:#fff}

#hd_pop_mo {z-index:999999;position:fixed; left:10px;top:10px;margin:0 auto;width:100%;height:0}
#hd_pop_mo h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops_mo {/*position:absolute;*/ background:#fff; width:300px;}
.hd_pops_mo img{width:100%;} 


.hd_pops_con {border:1px solid #ddd;width:100%;box-sizing: border-box;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

.btn_confirm{margin-top:20px;overflow:hidden;text-align:center;}
.btn_confirm a,.btn_confirm input,.btn_confirm button{margin:0 1.5px;}

.new_win{}
.new_win .tbl_wrap{margin:0 20px;}
.new_win #win_title{margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.8rem;font-weight:700;}
.new_win #win_title .sv{font-size:1.4rem;line-height:1.2;font-weight:400;}
.new_win .win_ul{margin:-21px 0 20px 0;padding:0 20px;border-top:1px solid #333;background-color:#333;list-style:none;zoom:1;}
.new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:"";}
.new_win .win_ul li{float:left;margin-left:-1px;}
.new_win .win_ul a{display:block;padding:10px 10px 8px;border-right:1px solid #555;border-left:1px solid #555;color:#fff;font-weight:500;text-decoration:none;}
.new_win .win_ul a.on{background-color:#fff;color:#222;}
.new_win .win_desc{margin:10px 20px 0 20px;}
.new_win .win_btn{clear:both;padding:20px;text-align:center;} /*새창용*/
.new_win .win_btn a,.new_win .win_btn input,.new_win .win_btn button{margin:0 1.5px;}
.new_win .win_paging{padding-top:20px;text-align:center;}

.pg_wrap {margin:0;padding:20px 0 0;text-align:center;}
.pg_wrap span,.pg_wrap strong,.pg_wrap a {display:inline-block;text-decoration:none;}
.pg {}
.pg a:focus,.pg a:hover {text-decoration:none;border:1px solid #333;}
.pg_page,.pg_current {padding:0 8px;min-width:9px;height:25px;color:#353e44;font-weight:normal;line-height:25px;vertical-align:middle;border:1px solid #c8c8c8;}
.pg_page {background-color:#fbfbfb;text-decoration:none;}
.pg_current {background-color:#333;color:#fff;border:1px solid #333 !important;}
.pg_start,.pg_prev,.pg_next,.pg_end {width:27px;height:27px;overflow:hidden;padding:0 !important;font-size:0 !important;text-indent:-9000px;border:none !important;background:url('/layouts/basic/images/layout/gx_sprite_pg.png') no-repeat;vertical-align:top;}
.pg_prev {margin-right:4px;}
.pg_next {margin-left:4px;}
.pg a.pg_start {background-position:-116px 0;}
.pg a.pg_prev {background-position:-145px 0;}
.pg a.pg_next {background-position:-174px 0;}
.pg a.pg_end {background-position:-203px 0;}
.pg span.pg_start {background-position:0 0;}
.pg span.pg_prev {background-position:-29px 0;}
.pg span.pg_next {background-position:-58px 0;}
.pg span.pg_end {background-position:-87px 0;}

#scash{}
#scash h3{margin:0 0 5px;text-align:left;}
#scash_apply{padding:10px 0 20px;text-align:center;}
#scash_apply #show_progress span{display:block;margin:7px 0 0;}
#scash_copy{margin-bottom:20px;text-align:center;}

#sod_pay_not{margin:20px 0;text-align:center;font-size:18px;font-weight:600;color:red;}
/* .required, textarea.required {background:url('/layouts/basic/images/layout/gx_wrest.gif') #fff top right no-repeat;} */

.tbl_wrap table {width:100%;}
.ini_wrap table {width:auto !important;}
.ini_wrap table td {padding:0; border:0 !important;}

.tbl_head01 {border-top:1px solid #666;border-bottom:1px solid #e4e5e7;}
.tbl_head01 thead th {border-top:0 !important;text-align:center;}
.tbl_head01 th {padding:9px 0;line-height:1em;font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;vertical-align:middle;}
.tbl_head01 th,.tbl_head01 td {font-size:12px;}
.tbl_head01 td {padding:9px;text-align:left;line-height:1.4;border-top:1px solid #e4e5e7;word-break:break-all;font-weight:400;}
.tbl_head01 tfoot {background-color:#f8f8f8 !important;}
.tbl_head01 tfoot th,.tbl_head01 tfoot td {border-top:1px solid #e4e5e7 !important;}

.tbl_head02 {border-top:1px solid #666;border-bottom:1px solid #e4e5e7;}
.tbl_head02 thead th {border-top:0 !important;text-align:center;}
.tbl_head02 thead tr.rows th {border-top:1px solid #e4e5e7 !important;}
.tbl_head02 th {padding:9px 0;line-height:1em;font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;}
.tbl_head02 th,.tbl_head02 td {font-size:12px;border-left:1px solid #e4e5e7;vertical-align:middle;}
.tbl_head02 td {padding:9px;text-align:left;line-height:1.4;border-top:1px solid #e4e5e7;word-break:break-all;font-weight:400;}
.tbl_head02 tfoot {background-color:#f8f8f8 !important;}
.tbl_head02 tfoot th,.tbl_head02 tfoot td {border-top:1px solid #e4e5e7 !important;}
.tbl_head02 tr:not(.rows) th:first-child,
.tbl_head02 tr:not(.rows) td:first-child {border-left:0 !important;}

.tbl_frm01 {border-top:1px solid #666;}
.tbl_frm01 table {width:100%;}
.tbl_frm01 th,
.tbl_frm01 td {padding:8px 14px;height:22px;border-bottom:1px solid #ddd;text-align:left;vertical-align:middle;}
.tbl_frm01 th {font-weight:600;}
.tbl_frm01 .frm_address {margin-top:5px;}

.tbl_frm02 {width:100%;}
.tbl_frm02 th {padding:7px 20px;border:1px solid #e8e8e8;background-color:#fafafa;font-weight:600;text-align:left;}
.tbl_frm02 td {padding:5px 10px;text-align:left;border:1px solid #e8e8e8;background:transparent;}
.tbl_frm02 textarea {padding:2px 2px 3px;border:1px solid #ccc;color:#454545;vertical-align:middle;line-height:1.4;}
.tbl_frm02 textarea {width:100%;height:140px;}

table .spr,.total_price .spr {display:inline-block;}

#display_pay_process{color:#333; font-size:14px;line-height:1.3;}
/* 원본 defailt.css END */

/*브랜드몰*/
.tit_etc {display:flex;align-items: center;width:100%; text-align:left;font-size:27px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:700;color:#333;background:url(/layouts/basic/images/layout/gx_ico_plus.png) left top no-repeat;padding-left:15px;margin:0px 0px 30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.tit_etc > p {display:inline-block; font-size:16px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:400;color:#666;margin-left:15px;}

.br_search {padding:25px 20px 15px 20px;border:1px solid #ddd;text-align:center;}
.br_search #br_sch {text-align:center;overflow:hidden;margin-top:10px;}
.br_search .sch_inner {width:100%; max-width:430px;margin:0 auto;}
.br_search .sch_inner dt {width:65px;height:37px;line-height:2.6;font-size:14px;font-weight:600;color:#555;float:left;}
.br_search .sch_inner dd {height:35px;border-bottom:1px solid #555;/* margin-left:65px;*/position:relative; display:flex; }
.br_search .sch_inner dd input[type=text] {/*width:calc(100% - 35px);*/ flex:1; height:35px;font-size:13px;padding:0 10px;line-height:2.3;border:0;}
.br_search .sch_inner dd input:focus {outline: none;background-color:transparent;border-color:var(--concept-color);}
.br_search .sch_inner dd .btn_submit {/*width:35px;*/ flex:0 0 35px;height:35px;color:#555;font-size:20px;padding-bottom:2px;border:0;cursor:pointer;}
.br_search .sch_inner2 {padding:15px 0;border-top:1px dotted #e9e9e9;overflow:hidden;}

.br_search .sch_tab {display:flex;width:170px;margin:0 auto 10px;border:0px solid #bbb;background: url('/layouts/basic/images/layout/gx_i_circle_4.png') center 50% no-repeat;}
.br_search .sch_tab li {flex:0 0 50%; text-align:center;float:left;cursor:pointer;}
.br_search .sch_tab li a {height:25px;color:#666;font-size:14px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;line-height:2;text-decoration:none !important;display:inline-block;}
.br_search .sch_tab li.active a {color:#1b63bc;/*background-color:#555;*/ font-family: 'NotoSansKR'; font-style: normal; font-weight: 700;/*background: url('/img/gx_i_check.png') left 9px no-repeat;padding-left:12px;*/}

.br_search .sch_tab_con {margin-top:3px;}
.br_search .sch_tab_con ul  {display:flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.br_search .sch_tab_con li {display:inline-flex;align-items: center;justify-content: center;min-width:24px; height:25px;font-size:13px;color:#666;line-height:1;margin:3px 3px 0 0; padding:0 4px;border:1px solid #e9e9e9;float:left;text-align:center;cursor:pointer;border-radius:4px;}
.br_search .sch_tab_con li.active {color:#fff;font-weight:700;background-color:#1b63bc;border:1px solid #1b63bc;}

.br_list {width:100%;overflow:hidden;margin:20px 0 0;font-size:0;}
.br_list ul {width:100%;display:flex;flex-wrap: wrap;}
.br_list li {/*display:inline-block;width:13.2857%; */ flex:0 0 13.2857%; width:13.2857%; border:1px solid #ddd;/*margin:0 0 8px 8px;*/margin-left:1.16666%; margin-bottom:1.16666%;box-sizing: border-box;}
.br_list li:nth-child(7n-6){margin-left:0%;}
.br_list li:hover {border:1px solid #222;}
.br_list li a {padding:15px 10px 10px;color:#666;text-align:center;text-decoration:none !important;display:inline-block;width:100%;box-sizing: border-box;}
.br_list li .br--img{height:40px;width:100%;display:flex;justify-content: center;align-items: center;}
.br_list li a img {max-width:100%;max-height:100%;}
.br_list li p {height:16px;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;}

.br_view_tit {display:flex;justify-content:space-between;align-items: center;width:100%;height:100px;margin-bottom:20px;border:1px solid #ddd;padding:10px 30px;box-sizing: border-box; position:relative;overflow: hidden;}
.br_view_tit::before{position: absolute;content: "";top:0;left:-50px;width:60%;height:100%;background:#b0b5bd;transform:skewX(-35deg);z-index: -2;}
.br_view_tit::after{position: absolute;content: ""; width:60%;height:100%;left:-50px; top:0;transform:skewX(-35deg);background-image: repeating-linear-gradient(-35deg,transparent, transparent 2px,rgba(0,0,0,0.2) 3px,rgba(0,0,0,0.2) 4px);z-index: -1;}

.br_view_tit .tit_logo {flex:0 0 50%; text-align:right;height:40px; padding-left:20px;box-sizing: border-box;}
.br_view_tit .tit_logo img {max-width:100%;max-height:100%;}
.br_view_tit .tit_txt {flex:1;font-weight:500;font-size:30px;color:#fff;line-height:1.3;}
















.taxbill_fld {display:none;}

#sod_fin_cancelfrm {display:none;}

.ptime {height:35px;font-weight:600;padding:5px;margin-top:-1px;border:1px solid #e1e1e1;background-color:#f5f5f5;}
.ptime span {display:inline-block;}
.ptime .num {font-size:15px;padding:2px 2px;border-radius:3px;margin:0 0 0 4px;color:#fff;background-color:#333;letter-spacing:0;}

.time_old {padding:15px 0;background-color:#222;text-align:center;}
.time_old span {font-size:24px;transform: skew(-0.001deg);font-family: 'Nanum Square';font-style: normal;font-weight:900;color:#fff;letter-spacing:0;display:inline-block;}
.time_old .tit,
.time_old .day {font-size:16px;transform: skew(-0.001deg);font-family: 'Nanum Square';font-style: normal;font-weight:400;letter-spacing:-0.5px;}
.time_old .tit {margin-left:10px;}
.time_old .tit:after {margin:0 7px;display:inline-block;content:':';}
.time_old .day {margin-right:7px;}

.t_socia0 {border:none;margin-top:10px;width:100%}
.t_social {background-color:#222;color:#fff;padding:15px 0;font-size:14px;transform: skew(-0.001deg);font-family: 'Nanum Square';font-style: normal;font-weight:400;width:100%;text-align:center;}
.t_social span {transform: skew(-0.001deg);font-family: 'Nanum Square';font-style: normal;font-weight:700;color:#ff9019;}

.plan {}
.plan a {text-decoration:none !important;}
.plan li {width:380px;margin:0 0 20px 20px;border:1px solid #e1e1e1;float:left;}
.plan li:nth-child(3n+1) {margin-left:0 !important;clear:both;}
.plan li .plan_img {width:380px;height:216px;}
.plan li .plan_img img{width:100%;height:auto;}
.plan li .plan_tit {height:35px;font-size:13px;padding:12px 15px;text-align:center;border-top:1px solid #e1e1e1;}

.product_wrap .price-stxt_none{font-family: 'NotoSansKR'; font-style: normal; font-weight:400;font-size:14px;color:#666;letter-spacing:0em;line-height:1; text-decoration: none !important;}

 
.box04_wrap_REACT{width:100%;font-size:0; }
.box04_wrap_REACT li{display:inline-block;width:30%;margin-left:4%;margin-top:40px;vertical-align:top;}
.box04_wrap_REACT li:nth-child(3n-2){margin-left:0%;}
.box04_wrap_REACT li.none{display:inline-block;width:100%;margin-left:0%;margin-top:0px;vertical-align:top;padding:100px 0;text-align:center; font-size:16px;line-height:1;color:#222;letter-spacing:-0.02em;}


.plan_REACT {}
.plan_REACT a {text-decoration:none !important;}
.plan_REACT li {width:317px;margin:0 0 20px 20px;border:1px solid #e1e1e1;float:left;}
.plan_REACT li:nth-child(3n+1) {margin-left:0 !important;clear:both;}
.plan_REACT li .plan_img {width:317px;height:180px;}
.plan_REACT li .plan_img img{width:100%;height:auto;}
.plan_REACT li .plan_tit {height:35px;font-size:13px;padding:12px 15px;text-align:center;border-top:1px solid #e1e1e1;}

 

/* 메인 슬라이드 */
 .swiper_main_mo { position:relative; /*width:315px; height:315px;*/ width:100%; margin:0px auto 0px;z-index:1; padding-left:0;padding-right:0;} 
 .swiper_main_mo .swiper-slide {width:100%; padding:0px;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;}
 .swiper_main_mo .swiper-slide img{width:100%; height:100%;object-fit: cover; object-position: 50% 50%;} 
 
 /* section_main 스와이퍼 */ 
 .swiper_main_mo .swiper-button-prev,  
 .swiper_main_mo .swiper-button-next{width:48px; height:48px; background-size:48px auto; top:50%;margin-top:-25px;z-index:2;opacity:0;transition:all 0.3s ease-in-out; } /*크기*/
 .swiper_main_mo .swiper-button-prev{background-image: url(/layouts/basic/images/layout/gx_i_prev.png); left:calc(50% - 640px); } /*이미지,위치*/
 .swiper_main_mo .swiper-button-next{background-image: url(/layouts/basic/images/layout/gx_i_next.png); right:calc(50% - 640px); }
 
 .swiper_main_mo .swiper-pagination-bullet {width:6px;height: 6px;margin:0px 4px;display: inline-block;border-radius:24px; background: #bbb; border:0;}
 .swiper_main_mo .swiper-pagination-bullet-active {width:20px;height:6px;background:#545454}

 .swiper_main_mo .swiper-scrollbar {display:none;border-radius:10px;position:relative;-ms-touch-action:none;background:#e2e2e2}
 .swiper_main_mo.swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:5%;bottom:0px;z-index:50;height:2px;width:90%;}
 .swiper_main_mo .swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:rgba(0,0,0,.9);border-radius:0px;left:0;top:0}
 .swiper_main_mo .swiper-scrollbar-cursor-drag {cursor:move}
 .swiper_main_mo .swiper-pagination-progress {background:rgba(0,0,0,.9);position:absolute}

 .swiper_main_mo.h--auto {height:auto !important; } 


/* 본문 이미지 모바일에서 100% */
 .product--info_______mo img{width:100%; height:100%;} 



.t-dropbox2 {position: absolute; left:0px; top:61px; display: none; width:100%;/* min-height:350px; */  z-index:888;}
.t-dropbox2 .innerWrap{display:block;width:100%; text-align:left;margin:0px auto; padding:20px 30px; min-height:340px; background:#fff;border:0px solid #d7d7d7;box-shadow: 1px 4px 10px -4px rgba(0, 0, 0, .15); box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:888;}
.t-dropbox2 .innerWrap ul{display:flex; flex-direction: column; max-width:1200px; width:100%;margin:0px auto 0; /* position: relative; */}
.t-dropbox2 .innerWrap ul:first-child{margin-top:0px;}
.t-dropbox2 .innerWrap > ul > li{position: relative}
.t-dropbox2 .innerWrap > ul > li > a{position: relative;display:inline-block; line-height:1;font-size:15px;font-family: 'NotoSansKR';font-style: normal;font-weight:400;color:#333;text-align:left;padding:8px 16px; transition-duration: 0.2s; }
.t-dropbox2 .innerWrap > ul > li > a::after { content: ' ';position: absolute; top: 50%;right:0%; width: 6px; height: 6px; margin-top: -4px;margin-left:-2px;border: 1px solid #333;border-top: none;border-right: none; transform: rotate(-135deg); /* opacity:1;*/ }
.t-dropbox2 .innerWrap > ul > li > a:hover{font-weight:700;color:var(--concept-color);}
.t-dropbox2 .innerWrap > ul > li > a:hover::after{border: 1px solid var(--concept-color);border-top: none;border-right: none; transform: rotate(-135deg);}
.t-dropbox2 .innerWrap > ul > li.on > a{font-weight:700;color:var(--concept-color);}
.t-dropbox2 .innerWrap > ul > li.on > a::after{border: 1px solid var(--concept-color);border-top: none;border-right: none; transform: rotate(-135deg);}
.t-dropbox2 .innerWrap > ul > li.on .two-depth{display:block; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.t-dropbox2 .innerWrap > ul > li.off .two-depth{display:none; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.t-dropbox2 .innerWrap > ul > li.off a::after {display:none;}

.t-dropbox2 .innerWrap .two-depth{ position: absolute;top:0px;left:160px;z-index:4; display:none; font-size:0;  }
.two-depth > li{display:inline-block;width:100%;}
.two-depth > li p{display:none;}
.two-depth > li a{position: relative;display:inline-block;font-weight:200; font-size:14px; color:#61636d;letter-spacing:-0.0em;line-height:1; padding:7px 20px 7px 10px; }
.two-depth > li a::after { content: ' ';position: absolute; top: 50%;left:0; margin-top:-3px; width:3px; height:3px;background:var(--concept-color);border-radius:50%; }
.two-depth > li a:hover{color:var(--concept-color); text-decoration:underline;}
.two-depth > li:first-child{}

/* 세로로 배열일경우
.two-depth > li{display:inline-block;text-align:left; padding-top:30px; padding-left:30px; padding-right:30px;box-sizing: border-box;}
.two-depth > li p{display:block;font-weight:500; font-size:15px; color:#000;letter-spacing:-0.0em;line-height:1.2; height:30px; padding:5px 10px;box-sizing: border-box;}
.two-depth > li a{position: relative;display:block;font-weight:200; font-size:13px; color:#61636d;letter-spacing:-0.0em;line-height:1; padding:7px 10px;}
.two-depth > li a::after { content: ' ';position: absolute; top: 50%;left:0; width: 5px; height: 5px;background:#fff; }
.two-depth > li a:hover{color:var(--concept-color); text-decoration:underline;}
.two-depth > li:first-child{padding-top:0px;}
*/
















/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    1차 디자인 css
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

/* common */
:root {
    --val-black-color: #333333;
    --val-white-color: #ffffff;
    --val-navy-color: #212457;
    --val-red1-color: #c31023;
    --val-red2-color: #fc180f;
    --val-yellow-color: #ffea00;
    --val-gray1-color: #666666;
    --val-gray2-color: #999999;
    --val-gray3-color: #b5b5b5;
    --val-gray4-color: #e2e2e2;
    --val-gray5-color: #eeeeee;
    --val-gray6-color: #f4f4f4;
    --val-gray7-color: #f9f9f9;
    --val-gray8-color: #f7f7fc;
}
* {
    -webkit-user-drag: none;
}
body {
    font-family: 'NotoSansKR', 'Averia Sans Libre', 'Roboto', 'OpenSans', sans-serif;
    font-size: 16px; 
    letter-spacing: 0.2px;
    color: var(--val-black-color);
    background: #f5f5f5;
}
button {
    border: 0;
    background-color: transparent;
    cursor: pointer;
}
a {
    height: 100%;
    display: inline-block;
    cursor: pointer;
}

/* a태그 마우스오버 했을 때 초기값으로 변경 */
a:hover {
    color: inherit !important;
}
.lnav li li a:hover{color:var(--concept-color) !important;}
img {
    vertical-align: top;
}
.visually_hidden {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

/* 공통 카운트 영역 */
.promotion_date {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.promotion_date .icon {
    display: inline-block;
    margin-right: 6px;
}
.promotion_date .icon img {
    width: 18px;
}
.promotion_date .time {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin-right: 7px;
}
.promotion_date .countP {
    display: flex;
    align-items: center;
    color: var(--val-red1-color);
    font-size: 20px;
    font-weight: 600;
}
.promotion_date .countP .count-num {
    font-size: 20px;
}
.promotion_date .countP #number2 {
    margin-left: 8px;
}
.promotion_list {
    margin-bottom: 10px;
}

/* 공통 페이지네이션 영역 */
.v1_pagination {
    text-align:center; 
    padding: 20px 15px;
}
.v1_pagination a { 
    display: inline-block;
    text-align: center;
    color: var(--val-gray2-color);
    min-width: 27px;
    line-height: 25px;
    margin: 0 4px;
}
.v1_pagination a:not(.first, .last).active {
    padding-bottom: 3px;
    font-weight: 600;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--val-navy-color);
    color: var(--val-navy-color);
}
.v1_pagination .first {
    display: inline-block;
    background: url(/layouts/basic/images/btn_arrow_first.svg) no-repeat;
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
    padding: 0;
    line-height: 12px;
}
.v1_pagination .prev {
    display: inline-block;
    background: url(/layouts/basic/images/btn_arrow_prev.svg) no-repeat;
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
    padding: 0;
    line-height: 12px;
}
.v1_pagination .last {
    display: inline-block;
    background: url("/layouts/basic/images/btn_arrow_last.svg") no-repeat;
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
    padding: 0;
}
.v1_pagination .next {
    display: inline-block;
    background: url(/layouts/basic/images/btn_arrow_next.svg) no-repeat;
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
    padding: 0;
    line-height: 12px;
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    .main_container
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main_container {
    position: relative;
    width: 100%;
    height: 100vh;
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    .left_area
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.left_area {
    position: fixed;
    right: 49%;
    z-index: 100;
    width: 51%;
    height: 100%;
}
.left_area .txt_wrapper {
    max-width:500px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align:center;
}
.left_area .intro_title {
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;
    color: var(--val-navy-color);
    text-align: center;
    position: relative;
    display: inline-block;
}
.left_area .intro_title .bold {
    padding: 0 20px;
    font-size: 65px;
    font-weight: 700;
    position: relative;
}
.left_area .intro_title .highlight {
    width: 0;
    height: 55%;
    background: var(--val-yellow-color);
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -6px;
    z-index: -1;
    transition-duration: 1.5s;
}
.left_area .intro_title .highlight.active {
    width: 100%;
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    .right_area
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.right_area {
    max-width: 520px;
    width: 100%;
    height: auto;
    background: var(--val-white-color);
    border: 1px solid var(--val-gray5-color);
    position: absolute;
    left: 51%;
    box-sizing: content-box;
    overflow: hidden;
}

/* header_wrapper */
.header_wrapper {
    height: 80px;
    background: rgba(255, 255, 255);
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 520px;
    z-index: 999;
}
.header_wrapper.fixed {
    transition: 0.2s;
    top: 0px;
}

/* 뒤로가기 버튼 */
.header_wrapper .btn_back button {
    background: url(/layouts/basic/images/btn_back.svg) no-repeat;
    background-size: 100%;
    background-position: center;
    width: 30px;
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    cursor: pointer;
}
.header_wrapper .btn_back > a {
    background: url(/layouts/basic/images/btn_back.svg) no-repeat;
    background-size: 100%;
    background-position: center;
    width: 30px;
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    cursor: pointer;
}

.header_wrapper .header_top_cont {
    width: 100%;
    height: 100%;
}
.header_wrapper .logo {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}
.header_wrapper .logo a {
    font-size: 15px;
    font-weight: 300;
    color: var(--val-navy-color);
}

.header_wrapper .logo a img {
    width: 150px;
}

.link_modal_area {
    position: fixed;
    top: 0;
    max-width: 520px;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(5px);
    z-index: 999;
    display: none;
}

.link_modal_area.on {
    display: block;
}

.link_modal_area .modal_account {
    width: 80%;
    background: var(--val-white-color);
    margin: 0 auto;
    margin-top: calc(100vh / 2);
    padding: 0 15px;
    border-radius: 10px;
    transform: translateY(-50%);
    box-shadow: 1px 1px 20px rgb(0 0 0 / 30%);
    display: none;
}

.link_modal_area .modal_account.on {
    display: block;
}

.link_modal_area .modal_account > .title {
    padding: 15px 0;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid var(--val-gray4-color) ;
}

.link_modal_area .modal_account .reg_delivery {
    padding-top: 20px;
    display: flex;
    width: 100%;
    height: 50px;
}

.link_modal_area .modal_account .reg_delivery>.title {
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.link_modal_area .modal_account .reg_delivery>.write {
    width: 70%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.link_modal_area .modal_account .reg_delivery>.write>input {
    width: 100%;
    height: 80%;
    border: 1px solid;
}

.link_modal_area .modal_account .btn_close,
.link_modal_area .modal_account .btn_add {
    width: 49%;
    height: 52px;
    margin: 20px 0;
    border-radius: 10px;
    color: var(--val-white-color);
    font-size: 18px;
}

.link_modal_area .modal_account .btn_close {
    background: var(--val-gray2-color);
}

.link_modal_area .modal_account .btn_add {
    background: var(--val-navy-color);
}

.link_modal_area .modal_account .email_check {
    border-radius: 10px;
    color: var(--val-white-color);
    background: var(--val-gray2-color);
    height: 100%;
    padding: 0px 10px;
}

.link_modal_area .modal_account .email_check:hover {
    background: var(--val-navy-color);
}
/* 2023-08-25 추가 끝*/

.hamburger_wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
.hamburger_btn {
    position: relative;
    width: 30px;
    height: 21px;
}
.hamburger_btn:hover {
    cursor: pointer;
}
.hamburger_btn span {
    background: var(--val-navy-color);
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    border-radius: 1.5px;
    transition: all 0.1s ease 0.3s, transform 0.3s ease, background 0.1s ease 0.3s;
}
.hamburger_btn.clicked span {
    transition: all 0.1s ease, transform 0.3s ease 0.1s, background 0.1s ease;
}
.hamburger_btn span:nth-child(1) {
    top: 0;
    background: rgba(33, 36, 87, 0.3);
}
.hamburger_btn span:nth-child(2) {
    top: calc(50% - 1.5px);
}
.hamburger_btn span:nth-child(3) {
    top: calc(100% - 3px);
    background: rgba(33, 36, 87, 0.3);
}

/* .hamburger_btn.clicked */
.hamburger_btn.clicked span:nth-child(1) {
    height: 5px;
    top: 40%;
    transform: translateY(-2px) rotate(-225deg);
    border-radius: 6px;
}
.hamburger_btn.clicked span:nth-child(2) {
    opacity: 0;
}
.hamburger_btn.clicked span:nth-child(3) {
    height: 5px;
    border-radius: 3px;
    top: 40%;
    transform: translateY(-2px) rotate(225deg);
    background: var(--val-navy-color);
}

/* menu_bg */
.menu_bg {
    max-width: 520px;
    width: 100%;
    height: calc(100vh - 80px);
    margin: 0 auto;
    position: fixed;
    top: 80px;
    background: #fff;
    z-index: 999;
    display: none;
    overflow-y: scroll;
}

.menu_bg::-webkit-scrollbar {
    display: none;
}

.menu_bg .mMenu {
    width: 100%;
    height: 100vh;
    position: initial;
    overflow-y: unset;
}

.menu_bg .mMenu .m_Top {
    background: var(--val-gray8-color);
}
.menu_bg .mMenu .m_Top .member_txt {
    padding-top: 42px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
}
.menu_bg .mMenu .m_Top .member_txt .member_id {
    font-size: 26px;
    font-weight: 700;
}

/* 아이콘 영역 */
.menu_bg .mMenu .member_icon {
    margin-top: 30px;
    position: relative;
    padding: 0 60px;
    overflow:hidden;
}
.menu_bg .mMenu .member_icon > li {
    float: left;
    width: calc(100% / 3);
    text-align: center;
    padding-bottom: 39px;
}
.menu_bg .mMenu .member_icon > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px;
    color: var(--val-black-color);
}
.menu_bg .mMenu .member_icon .sch_wrapper > a .sch {
    display: inline-block;
    background: url("/layouts/basic/images/btn_sch.svg") #fff no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width:48px;
    height:48px;
    border-radius:50%;
    margin-bottom:10px;
}
.menu_bg .mMenu .member_icon .cart_wrapper > a .cart{
    display: inline-block;
    background: url("/layouts/basic/images/btn_cart.svg") #fff no-repeat;
    background-size: 25px 25px;
    background-position: center;
    width:48px;
    height:48px;
    border-radius:50%;
    margin-bottom:10px;
    position:relative;
}
.menu_bg .mMenu .member_icon .member_wrapper > a .member{
    display: inline-block;
    background: url("/layouts/basic/images/icon_member.svg") #fff no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width:48px;
    height:48px;
    border-radius:50%;
    margin-bottom:10px;
}
.menu_bg .mMenu .cart_wrapper .cart .count {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--val-red2-color);
    font-size: 10px;
    font-weight: 600;
    color: var(--val-white-color);
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: 5px;
    right: 5px;
}

/* sch_form_wrapper */
.menu_bg .mMenu .sch_form_wrapper {
    width: 100%;
    height: 136px;
    padding: 0 30px;
    background: var(--val-white-color);
    border-bottom: 1px solid #dfdfdf;
    display: none;
}
.menu_bg .mMenu .sch_form {
    position: relative;
    width: 100%;
    height: 100%;
}
.menu_bg .mMenu .sch_form_wrapper .btn_close_wrapper {
    position: absolute;
    top: 20px;
    right: 0;
}
.menu_bg .mMenu .sch_form_wrapper .btn_close_wrapper .btn_close {
    background: url(/layouts/basic/images/btn_close.svg) no-repeat;
    background-size: 100%;
    width: 10px;
    height: 10px;
}
.menu_bg .mMenu .sch_form_wrapper .sch_form_cont {
    max-width: 460px;
    position: absolute;
    width: 100%;
    top: 50px;
}
.menu_bg .mMenu .sch_form_wrapper input[type=text] {
    width: calc(100% - 95px);
    height: 45px;
    padding: 0 75px 0 20px;
    background: var(--val-white-color);
    border-radius: 24.5px;
    font-family: 'NotoSansKR';
    font-size: 14px;
    font-weight: 400;
    border: 2px solid var(--val-red2-color);
}
.menu_bg .mMenu .sch_form_wrapper input[type=text]::-webkit-input-placeholder {
    font-family: 'NotoSansKR';
}
.menu_bg .mMenu .sch_form_wrapper .btn__search {
    background: url("/layouts/basic/images/btn_sch.svg") no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12.5px;
}
.menu_bg .mMenu .sch_form_wrapper .btn_delete {
    background: url(/layouts/basic/images/btn_delete.svg) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 43px;
    display: none;
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    main
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.right_area main {
    width: 100%;
    padding-top:80px;
    position: relative;
}
.main_slide {
    margin-bottom: 50px;
}
.main_slide .swiper-slide a {
    width: 100%;
    height: 100%;
    position: relative;
}
.main_slide .swiper-slide img {
    width: 100%;
    max-height: 520px;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-top: 1px solid var(--val-gray4-color);
    border-bottom: 1px solid var(--val-gray4-color);
}
.main_slide .swiper-pagination {
    width: 65px;
    height: 25px;
    border-radius: calc(25px / 2);
    background: rgba(0, 0, 0, 0.7);
    line-height: 24px;
    position: absolute;
    right: 10px;
    bottom: 20px;
    left: initial;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    .promotion_area
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.promotion_area {
    margin-bottom: 50px;
    padding: 0 15px;
    overflow: hidden;
    position:relative;
}
.promotion_area .promotion_title {
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
}
.promotion_area .title {
    display: inline;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    z-index: 0;
    padding: 0 10px;
    overflow: hidden;
}
.promotion_area .title .highlight {
    width: 100%;
    height: 60%;
    background: var(--val-yellow-color);
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -7%;
    z-index: -1;
    transition-duration: 1s;
}

/* promotion_item */
.promotion_item {
    width: 100%;
    margin-top: 30px;
}
.promotion_item > a {
    width: 100%;
}
.promotion_item > a:hover {
    color: inherit;
}
.promotion_item .img_wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0px;
    padding-top: 100%;
    overflow: hidden;
    border: 1px solid var(--val-gray5-color);
    box-sizing: border-box;
}
.promotion_item img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.promotion_item .txt_wrpper {
    margin-top: 15px;
}
.promotion_item .company {
    font-weight: 400; 
    color: var(--val-gray2-color);
}
.promotion_item .product_name {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;

    /* 말줄임표 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.promotion_item .product_price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}
.promotion_item .discount_rate {
    margin-right: 9px;
    font-size: 20px;
    font-weight: 600;
    color: var(--val-red1-color);
}
.promotion_item .sales_price {
    margin-right: 5px;
    font-size: 20px;
    font-weight: 600;
    color: var(--val-bal-color);
}
.promotion_item .dimmed_price {
    text-decoration: line-through;
    font-size: 16px;
    font-weight: 400;
    color: var(--val-gray2-color);
}



/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    배너영역(배너 슬라이드 포함)
    .banner_area,
    .banner_slide
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.banner_area {
    margin-bottom: 50px;
}
.banner_area img,
.banner_slide img {
    width: 100%;
    max-height: 120px;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.banner_slide .swiper-pagination {
    bottom: 5px;
}
.banner_slide .swiper-pagination-bullet {
    border: 0;
    margin: 3px !important;
    width: 6px;
    height: 6px;
}
.banner_slide .swiper-pagination-bullet-active {
    width: 20px;
    height: 6px;
    border-radius: 3px;
    background: var(--val-red1-color);
    transition: 0.2s;
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    .recommend_area
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.recommend_area {
    margin-bottom: 50px;
    padding: 0 15px;
    overflow: hidden;
}
.recommend_area .recommend_title {
    overflow:hidden;
    width: 100%;
    padding-bottom:10px;
    position: relative;
}
.recommend_area .title {
    display: inline;
    position: relative;
    font-weight: normal;
    font-size: 24px;
    z-index: 0;
    padding: 0 10px;
}
.recommend_area .title .highlight {
    width: 100%;
    height: 60%;
    background: var(--val-yellow-color);
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -7%;
    z-index: -1;
    transition-duration: 1s;
}
.recommend_area .btn_more {
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    height: auto;
    font-size: 16px;
    color: var(--val-gray2-color);
    background: url("/layouts/basic/images/btn_arrow_gray.svg") no-repeat;
    background-position: right center;
    padding-right: 11px;
    background-size: 7px 11px;
}
.recommend_area .btn_more:hover {
    color: var(--val-gray2-color) !important;
}
.recommend_area .btn_arrow {
    height: 10px;
}

/* recommend_slide Swiper */
.recommend_slide_wrapper {
    width: 100%;
    margin-top: 20px;
}
.recommend_slide {
    background: #fff;
    height: 100%;
}
.recommend_area .swiper-slide-item {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}
.recommend_area .swiper-slide-item:hover {
    color: inherit;
}
.recommend_area .swiper-slide-item .img_wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    border: 1px solid var(--val-gray5-color);
    box-sizing: border-box;
}


/* __hue__ 231120 추가 코드 시작*/
.recommend_area .swiper-slide-item .img_wrapper .item-review{
	position:absolute;
	right:10px;
	bottom:5px;
	opacity:0.5;
	color: var(--val-red1-color);
	font-size:16px;
	display: flex;
    align-items: center;
}

.recommend_area .swiper-slide-item .img_wrapper .item-review img{
	width:auto;
	position:relative;
}
/* __hue__ 231120 추가 코드 끝*/

.recommend_area .swiper-slide {
    background: #fff;
    height: calc((100% - 20px) / 2) !important;
}
.recommend_area .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.recommend_area .txt_wrapper {
    margin-top: 15px;
}
.recommend_area .company {
    font-size: 18px;
    font-weight: 400;
    color: var(--val-gray2-color);
}
.recommend_area .product_name {
    margin-top: 8px;
    font-size: 20px;
    line-height: 24px;


    /* 말줄임표 */
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */

    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
}
.recommend_area .product_price {
    margin-top: 8px;
}
.recommend_area .discount_rate {
    margin-right: 9px;
    font-size: 20px;
    color: var(--val-red1-color);
}
.recommend_area .sales_price {
    margin-right: 5px;
    font-size: 20px;
    color: var(--val-bal-color);
}
.recommend_area .sales_price .mpr {
    display: inline-block;
}
.recommend_area .class_view {
    margin-top: 8px; 
    font-size: 14px;
    font-weight: 400;
    color: var(--val-gray2-color);
}
.mpr2 {
    display: block;
    margin-top: 5px;
}
.recommend_area .dimmed_price {
    display: block;
    margin-top: 5px;
    text-decoration: line-through;
    font-size: 16px;
    font-weight: 400;
    color: var(--val-gray2-color);
}

.recommend_area .gincen {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    font-weight:500;
    color: var(--val-red1-color);
	display:flex;
	align-items: center;
}

.recommend_area .gincen img{
	margin-right:5px;
	position:relative;
	width:auto;
	filter: invert(10%) sepia(84%) saturate(4627%) hue-rotate(346deg) brightness(119%) contrast(98%);
}

.recommend_option_area .gincen {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    font-weight:500;
    color: var(--val-red1-color);
	display:flex;
	align-items: center;
}

.recommend_option_area .gincen img{
	margin-right:5px;
	position:relative;
	width:auto;
	filter: invert(10%) sepia(84%) saturate(4627%) hue-rotate(346deg) brightness(119%) contrast(98%);
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    .freeitem_area
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.freeitem_area {
    margin-top: 50px;
    padding: 0 15px;
    overflow: hidden;
}
.freeitem_area .freeitem_title {
    overflow: hidden;
    width: 100%;
    padding-bottom: 10px;
    position: relative;
}
.freeitem_area .title {
    display: inline;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    z-index: 0;
    padding: 0 10px;
}
.freeitem_area .title .highlight {
    width: 100%;
    height: 60%;
    background: var(--val-yellow-color);
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -7%;
    z-index: -1;
    transition-duration: 1s;
}
.freeitem_area .btn_more {
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    height: auto;
    font-size: 16px;
    color: var(--val-gray2-color);
    background: url(/layouts/basic/images/btn_arrow_gray.svg) no-repeat;
    background-position: right center;
    padding-right: 11px;
    background-size: 7px 11px;
}
.freeitem_area .btn_arrow {
    height: 10px;
}
.freeitem_area .btn_arrow img {
    height: 10px;
    vertical-align: middle;
}
.freeitem_area .freeitem_slide_wrapper {
    width: 100%;
    margin-top: 20px;
}
.freeitem_area .freeitem_slide.bottom {
    margin-top: 40px;
}
.freeitem_area .freeitem_slide {
    background: #fff;
    height: 100%;
}
.freeitem_area .swiper-slide-item {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}
.freeitem_area .swiper-slide .img_wrapper {
    border: 1px solid var(--val-gray5-color);
}
.freeitem_area .swiper-slide {
    font-size: 18px;
    background: #fff;
    height: calc((100% - 20px) / 2) !important;
}
.freeitem_area .swiper-slide img {
    width: 100%;
    max-height: 240px;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.freeitem_area .txt_wrapper {
    margin-top: 15px;
}
.freeitem_area .company {
    font-size: 18px;
    font-weight: 400;
    color: var(--val-gray2-color);
}
.freeitem_area .product_name {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;

    /* 말줄임표 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.freeitem_area .product_price {
    margin-top: 10px;
}
.freeitem_area .discount_rate {
    margin-right: 9px;
    font-size: 20px;
    font-weight: 600;
    color: var(--val-red1-color);
}
.freeitem_area .sales_price {
    margin-right: 5px;
    font-size: 20px;
    font-weight: 600;
    color: var(--val-bal-color);
}
.freeitem_area .dimmed_price {
    display: block;
    margin-top: 5px;
    text-decoration: line-through;
    font-size: 16px;
    font-weight: 400;
    color: var(--val-gray2-color);
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    .review_area
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review_area {
    margin-bottom: 50px;
    padding: 0 15px;
    overflow: hidden;
}
.review_area .review_title {
    font-size: 24px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 10px;
    position: relative;
}
.review_area .review_title .title {
    display: inline;
    position: relative;
    z-index: 0;
    padding: 0 10px;
}

.review_area .review_title .title small{
	font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    word-break: break-all;
}

.review_area .review_title .title .highlight {
    width: 100%;
    height: 60%;
    background: var(--val-yellow-color);
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -7%;
    z-index: -1;
    transition-duration: 1s;
}
.review_area .btn_more {
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    height: auto;
    font-size: 16px;
    color: var(--val-gray2-color);
    background: url(/layouts/basic/images/btn_arrow_gray.svg) no-repeat;
    background-position: right center;
    padding-right: 11px;
    background-size: 7px 11px;
}
.review_area .btn_more:hover {
    color: var(--val-gray2-color) !important;
}
.review_area .review_item_wrapper {
    overflow: hidden;
}
.review_area .big_item {
    margin-top: 20px;
}
.review_area a:hover {
    color: inherit;
}
.review_area .big_item .img_wrapper {
    border: 1px solid var(--val-gray5-color);
}
.review_area .big_item img {
    width: 100%;
    max-height: 250px;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.review_area .big_item .txt_wrapper {
    margin-top: 20px;
}
.review_area .big_item .txt_wrapper .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    word-break: break-all;
}
.review_area .big_item .txt_wrapper .description {
    color: var(--val-gray1-color );
    line-height: 1.4;
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
    word-break: break-all;
}
.review_area .sml_wrapper {
    margin-top: 30px;
    overflow: hidden;
}
.review_area .sml_item {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.review_area .sml_item:not(:first-child) {
    margin-top: 20px;
}
.review_area .sml_item .img_wrapper {
    flex: 0 0 130px;
    border: 1px solid var(--val-gray5-color);
    box-sizing: content-box;
}
.review_area .sml_item img {
    width: 100%;
    max-height: 130px;
    height: 100%;
    object-fit: cover;  
    object-position: center;
}
.review_area .sml_item .txt_wrapper {
    display: inline-block;
    margin-left: 20px;
}
.review_area .sml_item .company {
    font-weight: 400;
    color: var(--val-gray2-color);
}
.review_area .sml_item .product_name {
    line-height: 25px;
    margin-top: 8px;
    font-size: 20px;
    font-weight: 400;
    
    /* 말줄임표 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
}
.review_area .sml_item .product_price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}
.review_area .sml_item .discount_rate {
    margin-right: 9px;
    font-size: 20px;
    color: var(--val-red1-color);
}
.review_area .sml_item .sales_price {
    margin-right: 5px;
    font-size: 20px;
    color: var(--val-bal-color);
}
.review_area .sml_item .dimmed_price {
    text-decoration: line-through;
    font-size: 16px;
    color: var(--val-gray2-color);
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    .footer_wrapper
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.footer_wrapper {
    padding: 24px 15px;
    background: var(--val-gray6-color);
}
.footer_wrapper .logo {
    font-family: 'Averia Sans Libre';
    font-style: italic;
    font-weight: 700;
    font-size: 20px;
}
.footer_wrapper .logo .highlight {
    font-size: 24px;
    box-shadow: inset 0 -10px 0 var(--val-yellow-color); 
    padding: 0 5px;
    color: var(--val-navy-color);
}
.footer_wrapper .brand_logo {
    color: var(--val-red1-color);
}
.footer_wrapper .designby {
    margin: 16px 0px;
    line-height: 20px;
    font-size: 15px;
    color: var(--val-gray2-color);
}
.footer_wrapper .designby .bold {
    font-weight: 600;
    color: var(--val-navy-color);
}
.footer_wrapper .designby .bold.highlight {
    display: inline-block;
    box-shadow: inset 0 -10px 0 var(--val-yellow-color);
    padding: 0 5px;
}
.footer_wrapper .designby .bold.highlight a {
    width: 100%;
    display: block;
    text-align: center;
}
.footer_wrapper .support {
    margin-top: 16px;
    font-weight: 700;
    color: var(--val-navy-color);
}
.footer_wrapper .user_wrapper {
   
}
.footer_wrapper .user_header {
    font-size: 16px;
    font-weight: 600;
    color: var(--val-navy-color);
    padding: 5px 17px 5px 0px;

}

.footer_wrapper .user_header small{
	font-size:12px;
}

.user_body_wrapper {
		/*
		display: none;
		*/
}
.footer_wrapper .user_body {
    margin: 5px 0 10px;
}
.footer_wrapper .user_body li {
    color: var(--val-gray2-color);
    font-size: 14px;
}
.footer_wrapper .user_wrapper > li:last-child .user_body {
    margin-bottom: 0;
}
.footer_wrapper .user_body li:not(:first-child) {
    margin-top: 5px;
}


.footer_wrapper .serviceby{
	margin-top:10px;
	font-size:0px;
}

.footer_wrapper .serviceby a{
	font-size: 15px;
    color: var(--val-gray2-color);
	position:relative;
	padding-right:10
}

.footer_wrapper .serviceby a:first-child{
	padding-right:10px;
	margin-right:10px;
}
.footer_wrapper .serviceby a:first-child:before{
	content:"";
	position:absolute;
	right:0px;
	top:50%;
	transform:translateY(-50%);
	width:2px;
	height:11px;
	background:#ccc;
}


.footer_wrapper .tosspay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    border-bottom: 0.5px solid var(--val-navy-color);
    padding-bottom: 20px;
}
.footer_wrapper .tosspay .img_wrapper {
    margin-right: 10px;
}
.footer_wrapper .tosspay .img_wrapper img {
    width: 65px;
    height: 100%;
}
.footer_wrapper .tosspay .description {
    width: 496px;
    font-size: 10px;
    line-height: 14px;
    color: var(--val-gray2-color);
    
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    서브페이지
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

/* .modal_area */
.modal_area {
    position: fixed;
    top: 0;
    max-width: 520px;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    background: rgba(0, 0, 0, 0.9);
    z-index: 999;
    display: none;
}
.modal_area.on {
    display: block;
}
.modal_area .modal_delivery,
.modal_area .modal_prd {
    width: 100%;
    background: var(--val-white-color);
    margin: 0 auto;
    margin-top: calc(100vh / 2);
    padding: 0 15px;
    border-radius: 10px;
    transform: translateY(-50%);
    box-shadow: 1px 1px 20px rgb(0 0 0 / 30%);
    display: none;
}
.modal_area .modal_delivery.on,
.modal_area .modal_prd.on,
.modal_area .modal_share.on {
    display: block;
}
.modal_area .modal_delivery > .title {
    padding: 15px 0;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid var(--val-gray4-color) ;
}
.modal_area .modal_delivery .reg_delivery {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.modal_area .modal_delivery .reg_delivery > .title,
.modal_area .modal_delivery .add_delivery > .title {
    font-size: 18px;
    font-weight: 700;
}
.modal_area .modal_delivery .add_delivery {
    margin-top: 30px;
}
.modal_area .modal_delivery .add_delivery .ils_mou,
.modal_area .modal_delivery .add_delivery .jeju,
.modal_area .modal_delivery .add_delivery .jeju_ils_mou {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}
.modal_area .modal_delivery .reg_delivery > .price,
.modal_area .modal_delivery .add_delivery .ils_mou .title,
.modal_area .modal_delivery .add_delivery .ils_mou .price,
.modal_area .modal_delivery .add_delivery .jeju .title,
.modal_area .modal_delivery .add_delivery .jeju .price,
.modal_area .modal_delivery .add_delivery .jeju_ils_mou .title,
.modal_area .modal_delivery .add_delivery .jeju_ils_mou .price {
    font-size: 18px;
}
.modal_area .modal_delivery .btn_close,
.modal_area .modal_prd .btn_close,
.modal_area .modal_share .btn_close {
    width: 100%;
    height: 52px;
    background: var(--val-navy-color);
    margin: 20px 0;
    border-radius: 10px;
    color: var(--val-white-color);
    font-size: 18px;
}

/* modal_prd */
.modal_area .modal_prd > .title {
    padding: 15px 0;
    font-weight: 800;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid var(--val-gray4-color) ;
}
.modal_area .modal_prd .prd_info {
    margin-top: 20px;
}
.modal_area .modal_prd .code_num,
.modal_area .modal_prd .brand,
.modal_area .modal_prd .model,
.modal_area .modal_prd .origin,
.modal_area .modal_prd .manufacturer {
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
.modal_area .modal_prd .code_num .title,
.modal_area .modal_prd .brand .title,
.modal_area .modal_prd .model .title,
.modal_area .modal_prd .origin .title,
.modal_area .modal_prd .manufacturer .title {
    float: left;
}
.modal_area .modal_prd .code_num .num,
.modal_area .modal_prd .brand .desc,
.modal_area .modal_prd .model .desc,
.modal_area .modal_prd .origin .desc,
.modal_area .modal_prd .manufacturer .desc {
    float: right;
    width: 70%;
    text-align: right;
}

.modal_area .modal_prd .prd_info > div:first-child {
    margin-top: 0;
}
.modal_area .modal_prd .title {
    font-size: 18px;
    font-weight: 700;
}
.modal_area .modal_prd .code_num,
.modal_area .modal_prd .desc {
    font-size: 18px;
}

/* modal_share */
.modal_area .modal_share {
    max-width: 520px;
    width: 100%;
    margin-top: calc(100vh / 2);
    transform: translateY(-50%);
    text-align: center;
    padding: 0 40px;
    display: none;
}
.modal_area .modal_share.on {
    display: block;
}
.modal_area .modal_share_list {
    margin-bottom: 30px;
}
.modal_area .modal_share_item  {
    display: inline-block;
    margin: 0 4px;
}
.modal_area .modal_share_item.fb a {
    background: url(/layouts/basic/images/gx_facebook.svg) #fff no-repeat;
    background-position: center;
}
.modal_area .modal_share_item.twitter a {
    background: url(/layouts/basic/images/gx_twitter.svg) #fff no-repeat;
    background-position: center;
}
.modal_area .modal_share_item.kakao a {
    background: url(/layouts/basic/images/gx_kakaostory.svg) #fff no-repeat;
    background-position: center;
}
.modal_area .modal_share_item.band a {
    background: url(/layouts/basic/images/gx_naverband.svg) #fff no-repeat;
    background-position: center;
}
.modal_area .modal_share_item.google a {
    background: url(/layouts/basic/images/gx_googleplus.svg) #fff no-repeat;
    background-position: center;
}
.modal_area .modal_share_item.naver a {
    background: url(/layouts/basic/images/gx_naver.svg) #fff no-repeat;
    background-position: center;
}
.modal_area .modal_share_item.pinterest a {
    background: url(/layouts/basic/images/gx_pinterest.svg) #fff no-repeat;
    background-position: center;
}
.modal_area .modal_share_item a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 44px;
    background: #fff;
}
.modal_area .modal_share img {
    width: 28px;
    height: 28px;
    vertical-align: middle;
}



/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    .promotion_detail_area
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

.promotion_detail_area {
    width: 100%;
}
.promotion_detail_slide .swiper-slide a {
    width: 100%;
}
.promotion_detail_slide img {
    width: 100%;
    max-height: 520px;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-top: 1px solid var(--val-gray4-color);
    border-bottom: 1px solid var(--val-gray4-color);
}
.promotion_detail_area .swiper-pagination {
    width: 65px;
    height: 25px;
    border-radius: 12.5px;
    background: rgba(255, 255, 255, 0.8);
    line-height: 24px;
    position: absolute;
    right: 10px;
    bottom: 20px !important;
    left: initial;
    font-size: 14px;
    font-weight: 500;
    color: var(--val-gray2-color);
    bottom: 7px;
}
.promotion_detail_area .promotion_date {
    padding: 0 15px;
    margin-top: 23px;
}
.promotion_detail_area .promotion_detail_info {
	position:relative;
    padding: 0 15px;
	/*
    border-bottom: 10px solid var(--val-gray7-color);	
	*/
    border-bottom: 3px solid var(--val-gray7-color);
}
.promotion_detail_area .txt_wrpper {
    margin-top: 15px;
    margin-bottom: 17px;
}
.promotion_detail_area .company {
    font-weight: 400; 
    color: var(--val-gray2-color);
}
.promotion_detail_area .product_name {
    margin-top: 4px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}
.promotion_detail_area .product_price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 3px;
}
.promotion_detail_area .discount_rate {
    margin-right: 9px;
    font-size: 20px;
    font-weight: 600;
    color: var(--val-red1-color);
}
.promotion_detail_area .sales_price {
    margin-right: 5px;
    font-size: 20px;
    font-weight: 600;
    color: var(--val-bal-color);
}
.promotion_detail_area .dimmed_price {
    text-decoration: line-through;
    font-size: 16px;
    font-weight: 400;
    color: var(--val-gray2-color);
}
.promotion_detail_area .pro_info_wrapper {
    display: inline-block;
}
.promotion_detail_area .pro_info_wrapper .pro_info {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    color: var(--val-gray3-color);
    position:relative;
    margin-right: 20px;
}
.promotion_detail_area .pro_info_wrapper .pro_info:hover,
.promotion_detail_area .delivery_info_wrapper .delivery_info:hover {
    color: var(--val-gray3-color) !important;
}
.promotion_detail_area .delivery_info_wrapper {
    display: inline-block;
}
.promotion_detail_area .delivery_info_wrapper .delivery_info {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    color: var(--val-gray3-color);
    position:relative;
}
.promotion_detail_area .pro_info_wrapper a::after,
.promotion_detail_area .delivery_info_wrapper a::after {
    content: "";
    display: inline-block;
	filter: invert(57%) sepia(18%) saturate(7156%) hue-rotate(329deg) brightness(105%) contrast(86%);
    background: url("/layouts/basic/images/ico_pop.svg") no-repeat;
    background-size: 100%;
    background-position: center;
    width: 12px;
    height: 12px;
    margin-left: 2px;
    vertical-align: middle;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.promotion_detail_area .pro_info_wrapper span::after,
.promotion_detail_area .delivery_info_wrapper span::after {
    content: "";
    display: inline-block;
    background: url("/layouts/basic/images/ico_pop.svg") no-repeat;
    background-size: 100%;
    background-position: center;
    width: 12px;
    height: 12px;
    margin-left: 2px;
    vertical-align: middle;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

/* 서브페이지 재고수량 카운팅, 총 상품 금액 영역 */
.promotion_detail_area .option--box {
    border: none;
    padding: 0; 
}

.promotion_detail_area .option--box > ul > li.box--l {
    text-align: left;
}
.promotion_detail_area .option--box > ul > li.box--l .sit_opt_prc {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: var(--val-gray3-color);
    margin-top: 5px;
}
.promotion_detail_area .option--box > ul > li.box--r {
    flex: 0 0 auto;
}
.promotion_detail_area .option--box > ul > li.box--r .price--wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}
.promotion_detail_area .option--box > ul > li.box--r .price--wrap .stxt {
    font-size: 14px;
    font-weight: 500;
    color: var(--val-gray2-color);
}
.promotion_detail_area .option--box > ul > li.box--r .price--wrap .price--num {
    margin-left: 5px;
    font-size: 26px;
    font-weight: 600;
    color: var(--val-bal-color);
}

.promotion_detail_area  .btn_wrapper {
    display: flex;
    margin-top: 20px;
    margin-bottom: 35px;
}
.promotion_detail_area .btn_buy {
    flex: 1;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background: var(--val-navy-color);
    border-radius: 10px;
    color: var(--val-white-color);
    font-size: 16px;
}
.btn_buy:hover {
    color: var(--val-white-color) !important;
}
 
.promotion_detail_area .btn_buy2 {
    flex: 1;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background: #980603;
    border-radius: 10px;
    color: var(--val-white-color);
    font-size: 16px;
	margin-left: 10px;  
}
.btn_buy2:hover {
    color: var(--val-white-color) !important;
}


.promotion_detail_area .btn_fav_wrapper,
.promotion_detail_area .btn_cart_wrapper,
.promotion_detail_area .btn_share_wrapper {
    width: 52px;
    height: 52px;
    /* border: 1px solid var(--val-gray4-color); */
    border-radius: 10px;
    margin-left: 10px;  
}
/* #89b6fa */
.promotion_detail_area .btn_fav_wrapper {
    background: url("/layouts/basic/images/btn_fav.svg") #fff no-repeat;
    background-position: center;
    background-size: 55%;
}
.promotion_detail_area .btn_fav_wrapper.selected {
    background: url("/layouts/basic/images/btn_fav_selected.svg") #fff no-repeat;
    background-position: center;
    background-size: 55%;
}
.promotion_detail_area .btn_cart_wrapper {
    background: url("/layouts/basic/images/btn_cart_grey.svg") #fff no-repeat;
    /* background: url("/layouts/basic/images/btn_cart_blue.svg") #fff no-repeat; */
    background-position: center;
    background-size: 55%;
}
.promotion_detail_area .btn_share_wrapper {
    background: url("/layouts/basic/images/btn_share.svg") #fff no-repeat;
    background-position: center;
    background-size: 55%;
}
.promotion_detail_area .btn_share img {
    width: 27px;
    height: 29.88px;
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    .info_note
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.info_note_wrapper {
    margin-top: 10px;
    margin-bottom: 30px; 
    padding: 0 15px 30px 15px;
	border-bottom:1px solid #ccc;
}
.info_note_wrapper .info_note_list {
    padding: 0 10px;
    border-top: 1px solid var(--val-gray4-color);
}
.info_note_wrapper .info_note_list.bg {
    background: var(--val-gray7-color);
}
.info_note_wrapper .info_note_list:first-child {
    border-top: none;
}
.info_note_wrapper .info_note_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.info_note_wrapper .info_note_top .title {
    font-size: 16px;
    font-weight: 500;
}
.info_note_wrapper .info_note_top .title,
.info_note_wrapper .info_note_top .desc {
    padding: 20px 0;
    font-size: 18px;
    padding-left: 10px;
    color: var(--val-black-color);
}
.info_note_wrapper .btn_arrow {
    transition: 0.3s;
}
.info_note_wrapper .title.active {
    font-weight: 600;
}
.info_note_wrapper .btn_arrow.active {
    transform: rotate(180deg);
}
.info_note_wrapper .btn_arrow img {
    width: 25px;
    height: 25px;
}
.info_note_wrapper .info_note_body {
    border-top: 1px solid var(--val-black-color);
    border-left: none;
    padding-bottom: 20px;
    display: none;
}
.info_note_wrapper .info_note_body.ex_return,
.info_note_wrapper .info_note_body.qna  {
    border-top: none;
}
.info_note_wrapper table {
    width: 100%;
    max-width: 520px;
}
.info_note_wrapper tbody .title {
    width: 40%;
    padding: 10px;    
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
    line-height: 1.5;
}
.info_note_wrapper tbody .desc {
    padding: 10px;
    border-left: 1px solid var(--val-gray4-color);
    font-size: 14px;
    word-break: break-word;
    line-height: 1.5;
}
.info_note_wrapper tr .title, 
.info_note_wrapper tr .desc {
    border-bottom: 1px solid var(--val-gray4-color);
}
.info_note_wrapper .info_note_body.ex_return .desc,
.info_note_wrapper .info_note_body.qna .desc {
    border-left: none;
    border-bottom: none;
}

/* 20230629 상세페이지 하단 설명글 a태그 표시 */
.baesong > p > a {
    color : #0772d0;
}

.baesong > p > a:hover {
    color : #E44556;
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    .why_buildeup
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.why_buildeup .title_wrapper {
    padding: 0 15px;
}
.why_buildeup .title_wrapper .title {
    font-size: 30px;
    font-weight: 700;   
    padding-top:100px;
    position:relative;
    z-index: 1;
}
.why_buildeup .title_wrapper .title:after{
    content: "Why Builde Up?";
    color: var(--val-gray7-color);
    position: absolute;
    width: 100%;
    top: 60px;
    transform: scale(2.5);
    z-index: -1;
    left: 75%;
}
.why_buildeup .contents {
    margin-top: 60px;
    padding: 0px 8% 50px;
    position: relative;
}
.why_buildeup .content {
    margin:0px;
    display: inline-block;
    width: 100%;
    position:relative;
}
.why_buildeup .content:last-child{
    margin-bottom:0px;
}
.why_buildeup .content li{
    display:inline-block;
}
.why_buildeup .content .icon_wrapper {
    width: 15%;
    position: relative;
    float: left;
    transform: translateY(-26%);
}
.why_buildeup .content .icon_wrapper img {
    width: 100%;
}
.why_buildeup .content .txt_wrapper {
    width: calc(100% - 15% - 50px);
    float:left;
    position:relative;
    margin-left:50px;
    padding-bottom: 80px;
}
.why_buildeup .content:last-child .txt_wrapper {
    padding-bottom: 0;
}
.why_buildeup .content .txt_wrapper:before {
    content:"";
    width:11px;
    height:11px;
    border-radius:50%;
    background:#212457;
    position:absolute;
    top:6px;
    left:-30px;
}
.why_buildeup .content .txt_wrapper:after {
    content:"";
    position:absolute;
    left:-25px;
    top:6px;
    width:1px;
    height:100%;
    background:#212457;
}
.why_buildeup .content:first-child  .txt_wrapper:after{
    content:"";
}
.why_buildeup .content:last-child .txt_wrapper:after {
    content:"";
    height:0px;
}
.why_buildeup .contents .txt_wrapper .title {
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    margin-bottom: 7px;
    color: var(--val-navy-color);
}
.why_buildeup .contents .txt_wrapper .desc {
    font-size: 14px;
    line-height: 22px;
    word-break: break-all;
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
.review_detail_wrapper
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.review_detail_wrapper .review_cont li {
    border-bottom: 10px solid var(--val-gray6-color);
}
.review_detail_wrapper .review_cont li:last-child {
    border-bottom: none;
}
.review_detail_wrapper .review_cont li:first-child a {
    padding-top: 0;
    border-top: none;
}
.review_detail_wrapper .review_cont li a {
    width: 100%;
    padding: 20px 15px 25px;
    border-top: 1px solid var(--val-gray5-color);
    border-bottom: 1px solid var(--val-gray5-color);
}
.review_detail_wrapper .review_cont li a:hover {
    color: inherit;
}
.review_detail_wrapper .review_cont li:last-child a {
    border-bottom: none;
}
.review_detail_wrapper .review_cont .img_wrapper {
    margin-bottom: 20px;
    position: relative;
    border: 1px solid var(--val-gray5-color);
}
.review_detail_wrapper .review_cont img {
    width: 100%;
    max-height: 280px;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.review_detail_wrapper .review_cont .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.review_detail_wrapper .review_cont .description {
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 11px;
}
.review_detail_wrapper .review_cont .date {
    font-size: 14px;
    color: var(--val-gray3-color);
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    리스트 페이지
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

/* top_wrapper */
.list_wrapper {
    padding-top: 0 !important;
}
.list_wrapper .top_wrapper {
    padding: 0 15px;
}
.list_wrapper .top_wrapper .title {
    margin: 10px 0 30px;
    text-align: center;
    font-weight: 700;
}

/* list_slide_wrapper */
.list_wrapper .top_wrapper .list_slide_wrapper {
    height: 100% !important;
    padding: 25px 0;
}
.list_wrapper .top_wrapper .list_slide_wrapper .swiper-slide {
    width: auto !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
    background: transparent;
    height: 37px;
    line-height: 37px;
}
.list_wrapper .top_wrapper .list_slide_wrapper .active a {
    border-bottom: 2px solid var(--val-black-color);
    font-weight: 700;
}
.list_wrapper .top_wrapper .list_slide_wrapper a {
    font-size: 18px;
    padding-bottom: 10px;
}

/* category_navi_wrapper */
.list_wrapper .top_wrapper .category_navi_wrapper {
    margin-bottom: 20px;
}
.list_wrapper .top_wrapper .category_navi {
    display: flex;
    align-items: center;
}
.list_wrapper .top_wrapper .category_navi li {
    position: relative;
    padding-right: 14px;
}
.list_wrapper .top_wrapper .category_navi li:last-child a {
    font-weight: 600;
}
.list_wrapper .top_wrapper .category_navi li::after {
    content: "";
    display: inline-block;
    background: url("/layouts/basic/images/btn_arrow02.svg") no-repeat;
    background-size: 100% 100%;
    width: 6px;
    height: 16px;
    margin: 0 4px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.list_wrapper .top_wrapper .category_navi li:last-child::after {
    display: none;
}
.list_wrapper .top_wrapper .category_navi li a {
    vertical-align: inherit;
}
.list_wrapper .top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0 15px;
}
.list_wrapper .top li {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}
.list_wrapper .top > li:last-child {
    position: relative;
}
.list_wrapper .top li .count {
    font-weight: 700;
    font-size: 16px;
    margin-left: 3px;
}
.list_wrapper .top .arr_btn {
    font-size: 14px;
    font-weight: 500;
    color: var(--val-black-color);
    position: relative;
    padding-right: 22px;
}
.list_wrapper .top_wrapper .arr_btn::after {
    content: "";
    background: url(/layouts/basic/images/btn_arrow_bk.svg) no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 10px;
    height: 6px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 9px;
}
.list_wrapper .top_wrapper .arr_list {
    border-radius: 6px;
    background: var(--val-white-color);
    box-shadow: rgb(0 0 0 / 10%) 2px 2px 10px;
    overflow: hidden;
    position: absolute;
    top: 24px;
    right: 0;
    display: none;
    z-index: 100;
}
.list_wrapper .top_wrapper .arr_list li:hover {
    background: var(--val-gray6-color);
}
.list_wrapper .top_wrapper .arr_list button {
    padding: 18px 22px;
    font-size: 14px;
    color: var(--val-black-color);
}
.list_wrapper .top_wrapper .arr_list button.active {
    font-weight: 600;
}

/* body_wrapper */
.list_wrapper .body_wrapper {
    overflow:hidden;
    padding: 0 15px;
}
.list_wrapper .list_cont_wrapper li {
    width: calc(50% - 4px);
    float:left;
}
.list_wrapper .list_cont_wrapper li:nth-child(odd){
    margin-right:8px;
}
.list_wrapper .visually_hidden {
    display: inline-block;
}
.list_wrapper .list_cont_wrapper li a{
    display:inherit;
}
.list_wrapper .list_cont_wrapper li a:hover {
    color: inherit;
}
.list_wrapper .img_wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0px;
    padding-top: 100%;
    overflow: hidden;
    border: 1px solid var(--val-gray5-color);
    box-sizing: border-box;
}

/* __hue__ 231120 추가 코드 시작*/
.list_wrapper .img_wrapper .item-review{
	position:absolute;
	right:10px;
	bottom:5px;
	opacity:0.5;
	color: var(--val-red1-color);
	font-size:16px;
	display: flex;
    align-items: center;
}

.list_wrapper .img_wrapper .item-review img{
	width:auto;
	position:relative;
}
/* __hue__ 231120 추가 코드 끝*/

.list_wrapper .img_wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.list_wrapper .txt_wrapper {
    margin-top: 15px;
    margin-bottom: 28px;
}
.list_wrapper .company {
    font-weight: 400;
    color: var(--val-gray2-color);
}
.list_wrapper .product_name {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;

    /* 말줄임표 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list_wrapper .product_price {
    margin-top: 10px;
}
.list_wrapper .discount_rate {
    margin-right: 9px;
    font-size: 20px;
    font-weight: 600;
    color: var(--val-red1-color);
}
.list_wrapper .sales_price {
    margin-right: 5px;
    font-size: 20px;
    font-weight: 600;
    color: var(--val-bal-color);
}
.list_wrapper .sales_price .mpr {
    display: inline-block;
}
.list_wrapper .dimmed_price {
    display: block;
    margin-top: 5px;
    text-decoration: line-through;
    font-size: 16px;
    font-weight: 400;
    color: var(--val-gray2-color);
}

.list_wrapper .gincen {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    font-weight:500;
    color: var(--val-red1-color);
	display:flex;
	align-items: center;
}

.list_wrapper .gincen img{
	margin-right:5px;
	position:relative;
	width:auto;
	filter: invert(10%) sepia(84%) saturate(4627%) hue-rotate(346deg) brightness(119%) contrast(98%);
}


/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    웹진 서브페이지
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/


.review_sub_wrapper {}
.review_sub_wrapper .title_cont {
    margin-top: 25px;
}
.review_sub_wrapper .title_cont .txt_wrapper {
    padding: 0 15px;
    margin-bottom: 20px;
}
.review_sub_wrapper .title_cont .title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 10px;
}
.review_sub_wrapper .title_cont .date {
    font-size: 14px;
    color: var(--val-gray3-color);
}
.review_sub_wrapper .img_wrapper {}
.review_sub_wrapper img {
    width: 100%;
}
.review_sub_wrapper .body_cont {
    margin-top: 42px;
    padding: 0 15px;
}
.review_sub_wrapper .body_cont .list_cont {
    margin-bottom: 42px;
}
.review_sub_wrapper .body_cont .title {
    margin-bottom: 7px;
}
.review_sub_wrapper .body_cont .video_duration {
    margin-bottom: 14px;
    color: var(--val-gray2-color);
}
.review_sub_wrapper .body_cont .description {
    margin-bottom: 11px;
    padding-left: 10px;
}
.review_sub_wrapper .body_cont .description li {
    list-style: inside;
    line-height: 20px;
    color: var(--val-gray2-color);
}
.review_sub_wrapper .list_view_wr {
    margin: 70px 0;
    text-align: center;
}
.review_sub_wrapper .list_view {
    width: 340px;
    height: 58px;
    line-height: 58px;
    border-radius: 10px;
    background: var(--val-navy-color);
    color: var(--val-white-color);
    font-size: 20px;
}
.review_sub_wrapper .list_view:hover {
    color: var(--val-white-color) !important;
}
.review_sub_wrapper .list_view::after {
    content: "";
    display: inline-block;
    background: url("/layouts/basic/images/btn_arrow_wh.svg") no-repeat;
    background-size: contain;
    background-position: center;
    width: 8px;
    height: 15px;
    margin-left: 10px;
}


/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    미디어쿼리
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

/* 1150px 이하 */
@media (max-width: 1150px) {
    .main_container {
        display: flex;
        justify-content: center;
        height: auto;
    }
    .left_area {
        display: none;
    }
    .right_area {
        position: static;
        border: none;
    }
}

/* 522px 이하 */
@media (max-width: 522px) {

    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        공통
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

    /* header_wrapper */
    .header_wrapper {
        height: 65px;
    }
    .header_wrapper .logo a {
        font-size: 22px;
    }
    .header_wrapper .sch_form_wrapper {
        height: 115px;
        top: 65px;
    }
    .header_wrapper .sch_form_wrapper .btn_close_wrapper {
        top: 18px;
    }
    .header_wrapper .sch_form_wrapper .btn_close_wrapper .btn_close {
        width: 15px;
        height: 15px;
    }
    .header_wrapper .sch_form_wrapper .sch_form_cont {
        top: 45px;
    }
    .header_wrapper .sch_form_wrapper input[type=text] {
        height: 35px;
        border-radius: 19.5px;
    }

    /* menu_bg */
    .menu_bg {
        top: 65px;
        height: calc(100vh - 65px);
    }

    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        메인페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

    /* main */
    .right_area main {
        padding-top: 65px;
    }

    /* promotion_area */
    .promotion_date .icon {
        margin-bottom: 0;
    }
    .promotion_area .title {
        font-size: 22px;
    }
    .promotion_date .time,
    .promotion_date .countP .count-num {
        font-size: 18px;
    }
    .promotion_date .countP {
        font-size: 17px;
    }
    .promotion_item .product_price {
        margin-top: 10px;
    }
    .promotion_item .product_name,
    .promotion_item .discount_rate,
    .promotion_item .sales_price {
        font-size: 18px;
    }
    .promotion_item .product_name {
        margin-top: 5px;
    }
    .recommend_area .discount_rate {
        margin-right: 5px;
    }

    /* recommend_area */
    .recommend_slide_wrapper {
        margin-top: 20px;
    }
    .recommend_area .title {
        font-size: 22px;
    }
    .recommend_area .recommend_title {
        height: 55%;
    }
    .recommend_area .btn_more {
        position: absolute;
        right: 0;
        top: calc(50% - 10px);
        height: auto;
        font-size: 16px;
        color: var(--val-gray2-color);
        background: url(/layouts/basic/images/btn_arrow_gray.svg) no-repeat;
        background-position: right center;
        padding-right: 11px;
        background-size: 7px 11px;
    }
    .recommend_area .product_price {
        margin-top: 7px;
    }
    .recommend_area .company {
        font-size: 16px;
    }
    .recommend_area .product_name {
        font-size: 16px;
        margin-top: 3px;
    }
    .recommend_area .discount_rate,
    .recommend_area .sales_price {
        font-size: 16px;
        margin-top: 4px;
    }
    
    /* freeitem_area */
    .freeitem_area .title {
        font-size: 22px;
    }
    .freeitem_area .btn_more {
        background-size: 6px 10px;
        font-size: 14px;
    }
    .freeitem_area .company,
    .freeitem_area .product_name,
    .freeitem_area .discount_rate,
    .freeitem_area .sales_price {
        margin-top: 4px;
        font-size: 16px;
    }
    .product_price .dimmed_price {
        font-size: 14px;
    }
    .freeitem_area .product_price {
        margin-top: 4px;
    }
    .freeitem_area .discount_rate {
        margin-right: 5px;
    }

    /* review_area */
    .review_area .review_title .title {
        font-size: 22px;
    }
    .review_area .btn_more {
        background-size: 6px 10px;
        font-size: 14px;
    }
    .review_area .big_item .txt_wrapper .title {
        font-size: 18px;
    }
    .review_area .big_item .txt_wrapper .description {
        line-height: 1.5;
        font-size: 16px;
    }
    .review_area .sml_item .product_name,
    .review_area .sml_item .discount_rate,
    .review_area .sml_item .sales_price {
        font-size: 18px;
    }
    .review_area .sml_item .product_price {
        margin-top: 10px;
    }

    /* footer_wrapper */
    .footer_wrapper .logo {
        height: 18px;
        font-size: 18px;
    }
    .footer_wrapper .logo .highlight {
        font-size: 22px;
        box-shadow: inset 0 -10px 0 var(--val-yellow-color);
    }
    .footer_wrapper .designby {
        font-size: 14px;
    }

	.footer_wrapper .serviceby a{
		font-size: 14px;
	}
    .footer_wrapper .support a,
    .footer_wrapper .user_title {
        font-size: 15px;
    }
    .footer_wrapper .user_title {
        padding-right: 15px;
        color: var(--val-black-color);
    }
    .footer_wrapper .tosspay .description {
        font-size: 8px;
        line-height: 13px;
    }

    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        서브페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
    /* promotion_detail_area */
    .promotion_detail_area .product_name, 
    .promotion_detail_area .discount_rate, 
    .promotion_detail_area .sales_price {
        font-size: 18px;
    }
    .promotion_detail_area .btn_buy {
        height: 43px;
        line-height: 43px;
    }

    .promotion_detail_area .btn_buy2 {
        height: 43px;
        line-height: 43px;
    }
    .promotion_detail_area .btn_fav_wrapper, 
    .promotion_detail_area .btn_cart_wrapper, 
    .promotion_detail_area .btn_share_wrapper {
        width: 43px;
        height: 43px;
        margin-left: 8px;
    }
    .promotion_detail_area .btn_fav img {
        width: 20px;
        height: auto;
    }
    .promotion_detail_area .btn_cart img,
    .promotion_detail_area .btn_share img {
        width: 22px;
        height: auto;
    }

    /* info_note_wrapper */
    .info_note_wrapper .title {
        font-size: 16px;
    }

    /* modal_area */
    .modal_area {
        width: 100%;
    }
    .modal_area .modal_prd .brand, 
    .modal_area .modal_prd .model, 
    .modal_area .modal_prd .origin, 
    .modal_area .modal_prd .manufacturer {
        margin-top: 6px;
    }
    .modal_area .modal_prd .title,
    .modal_area .modal_prd .desc,
    .modal_area .modal_prd .num,
    .modal_area .modal_delivery > .title,
    .modal_area .modal_delivery .reg_delivery > .title, 
    .modal_area .modal_delivery .reg_delivery > .price, 
    .modal_area .modal_delivery .add_delivery > .title,
    .modal_area .modal_delivery .add_delivery .ils_mou .title, 
    .modal_area .modal_delivery .add_delivery .ils_mou .price, 
    .modal_area .modal_delivery .add_delivery .jeju .title, 
    .modal_area .modal_delivery .add_delivery .jeju .price, 
    .modal_area .modal_delivery .add_delivery .jeju_ils_mou .title, 
    .modal_area .modal_delivery .add_delivery .jeju_ils_mou .price {
        font-size: 16px;
    }
    .modal_area .modal_prd .desc {
        width: 70%;
        line-height: 1.2;
        text-align: right;
    }
    .modal_area .modal_delivery .btn_close, 
    .modal_area .modal_prd .btn_close, 
    .modal_area .modal_share .btn_close {
        height: 40px;
        margin: 20px 0 10px;
        border-radius: 8px;
        font-size: 16px;
    }
    .modal_area .modal_delivery .reg_delivery {
        padding-top: 15px;
    }
    .modal_area .modal_delivery .add_delivery {
        margin-top: 15px;
    }
    .modal_area .modal_delivery .add_delivery .ils_mou, 
    .modal_area .modal_delivery .add_delivery .jeju, 
    .modal_area .modal_delivery .add_delivery .jeju_ils_mou {
        margin-top: 6px;
    }
    .modal_area .modal_share img {
        width: 26px;
        height: 26px;
    }
    .modal_area .modal_share_list {
        line-height: 4;
        margin-bottom: 20px;
    }

    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        웹진 페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

    .review_detail_wrapper .description {
        line-height: 18px;
        font-size: 13px;
    }


    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        리스트 페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
    .review_detail_wrapper .img_wrapper {
        margin-bottom: 15px;
    }
    .list_wrapper .product_name {
        margin-top: 5px;
        font-size: 16px;
    }
    .list_wrapper .product_price {
        margin-top: 9px;
    }
    .list_wrapper .discount_rate,
    .list_wrapper .sales_price {
        margin-top: 4px;
        font-size: 16px;
    }
    .list_wrapper .dimmed_price {
        margin-top: 3px;
    }
    .review_detail_wrapper .date {
        font-size: 12px;
    }


    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        웹진 서브페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
    .review_sub_wrapper .title_cont .title {
        line-height: 26px;
        font-size: 20px;
    }
    .review_sub_wrapper .body_cont {
        margin-top: 30px;
    }
    .review_sub_wrapper .body_cont .list_cont {
        margin-bottom: 30px;
    }
    .review_sub_wrapper .list_view_wr {
        margin: 40px 0 60px;
        text-align: center;
    }
    .review_sub_wrapper .list_view {
        width: 260px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
    .review_sub_wrapper .list_view::after {
        width: 7px;
        height: 12px;
    }
    
}

/* 414px 이하 320px 이상 */
@media (max-width: 414px) and (min-width: 320px) {


    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
            공통
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
    
    .highlight {
        padding: 0 6px 0;
        box-shadow: inset 0 -13px 0 var(--val-yellow-color);
    }
    
    /* header_wrapper */
    .header_wrapper {
        height: 60px;
    }
    .member_txt {
        padding: 0 24.5px;
        padding-top: 42px;
    }
    .mMenu .member_icon {
        padding: 0 30px;
    }
    .header_wrapper .sch_wrapper {
        right: 100px;
    }
    .header_wrapper .sch_wrapper .sch {
        width: 25px;
        height: 25px;
    }
    .header_wrapper .cart_wrapper {
        right: 60px;
    }
    .header_wrapper .cart_wrapper .cart {
        width: 25px;
        height: 25px;
    }
    .header_wrapper .sch_form_wrapper {
        height: 100px;
        top: 60px;
        padding: 0 20px;
    }
    .header_wrapper .sch_form_wrapper .btn_close_wrapper {
        top: 15px;
    }
    .header_wrapper .sch_form_wrapper .btn_close_wrapper .btn_close {
        width: 13px;
        height: 13px;
    }
    .header_wrapper .sch_form_wrapper .sch_form_cont {
        top: 40px;
    }
    .header_wrapper .sch_form_wrapper input[type=text] {
        font-size: 12px;
    }
    .header_wrapper .sch_form_wrapper input::placeholder {
        font-size: 12px;
    }
    .header_wrapper .sch_form_wrapper .btn_delete {
        width: 18px;
        height: 18px;
        right: 45px;
    }
    
    /* hamburger_wrapper */
    .hamburger_btn {
        width: 25px;
    }
    .hamburger_btn.clicked {
        width: 25px;
        position: relative;
    }
    .close {
        top: 30px;
        width: 30px;
    }
    
    /* menu_bg */
    .menu_bg {
        top: 60px;
        height: calc(100vh - 60px);
    }
    .mMenu .m_Top .member_txt {
        font-size: 14px;
    }

    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        메인페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

    /* main */
    .right_area main {
        padding-top: 60px;
    }

    /* promotion_area */
    .promotion_area {
        margin-top: 40px;
    }
    .promotion_area .title {
        padding: 0 5px;
        font-size: 20px;
    }
    .promotion_date {
        margin-top: 13px;
    }
    .promotion_date .icon {
        margin-right: 4px;
    }
    .promotion_date .icon img {
        width: 16px;
    }
    .promotion_date .time {
        font-size: 16px;
    }
    .promotion_date .countP {
        font-size: 17px;
    }
    .promotion_date .countP .count-num {
        font-size: 16px;
    }
    .promotion_item .company {
        font-size: 14px;
    }
    .promotion_item .product_price {
        margin-top: 7px;
    }
    .promotion_item .product_name, 
    .promotion_item .discount_rate, 
    .promotion_item .sales_price {
        font-size: 16px;
    }
    .promotion_item .product_name {
        margin-top: 3px;
    }
    
    /* banner_slide */
    .banner_slide .swiper-pagination {
        bottom: 3px;
    }

    /* recommend_area */
    .recommend_area .title {
        padding: 0 5px;
        font-size: 20px;
    }
    .recommend_area .company {
        font-size: 14px;
    }
    .recommend_area .product_name, 
    .recommend_area .discount_rate, 
    .recommend_area .sales_price {
        font-size: 16px;
    }

    /* freeitem_area */
    .freeitem_area .title {
        padding: 0 5px;
        font-size: 20px;
    }
    .freeitem_area .company {
        font-size: 14px;
    }
    .freeitem_area .product_price {
        margin-top: 5px;
    }
    .freeitem_area .product_name,
    .freeitem_area .discount_rate, 
    .freeitem_area .sales_price {
        font-size: 16px;
    }

    /* review_area */
    .review_area .review_title .title {
        padding: 0 5px;
        font-size: 20px;
    }
    .review_area .big_item .txt_wrapper .title {
        font-size: 16px;
    }
    .review_area .big_item .txt_wrapper .description {
        margin-top: 3px;
        font-size: 14px;
    }
    .review_area .sml_item:not(:first-child) {
        margin-top: 10px;
    }
    .review_area .sml_item .img_wrapper {
        flex: 0 0 80px;
    }
    .review_area .sml_item img {
        max-height: 80px !important;
    }
    .review_area .sml_item .txt_wrapper {
        margin-left: 10px;
    }
    .review_area .sml_item .product_name, 
    .review_area .sml_item .discount_rate, 
    .review_area .sml_item .sales_price {
        font-size: 15px;
    }
    .review_area .sml_item .company {
        font-size: 14px;
    }
    .review_area .sml_item .product_name {
        margin-top: 4px;
        line-height: 22px;
    }
    .review_area .sml_item .product_price {
        margin-top: 7px;
    }
    .review_area .sml_item .dimmed_price {
        font-size: 14px;
    }

    /* footer_wrapper */
    .footer_wrapper .logo {
        font-size: 16px;
    }
    .footer_wrapper .logo .highlight,
    .footer_wrapper .designby .bold.highlight {
        padding: 0 4px 0;
        box-shadow: inset 0 -9px 0 var(--val-yellow-color);
    }
    .footer_wrapper .logo .highlight {
        font-size: 20px;
    }
    .footer_wrapper .designby {
        margin-top: 10px;
        font-size: 12px;
        line-height: 16px;
    }

	.footer_wrapper .serviceby a{
		font-size: 12px;
	}


    .footer_wrapper .support,
    .footer_wrapper .user_wrapper {
        
    }
    .footer_wrapper .support, 
    .footer_wrapper .user_header {
        font-size: 13px;
    }
    .footer_wrapper .user_header  {
        padding-right: 13px;
        padding-bottom: 2px;
    }
    .footer_wrapper .user_title::after {
        width: 12px;
        height: 12px;
    }
    .footer_wrapper .tosspay {
        margin-top: 10px;
    }
    .footer_wrapper .tosspay .img_wrapper img {
        width: 50px;
    }
    .footer_wrapper .user_body li {
        font-size: 12px;
    }

    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        서브페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
    .promotion_detail_area .company {
        font-size: 14px;
    }
    .promotion_detail_area .product_name, 
    .promotion_detail_area .discount_rate, 
    .promotion_detail_area .sales_price {
        font-size: 16px;
    }
    .promotion_detail_area .product_name {
        margin-top: 3px;
    }
    .promotion_detail_area .product_price {
        margin-top: 7px;
    }
    .promotion_detail_area .pro_info_wrapper .pro_info,
    .promotion_detail_area .delivery_info_wrapper .delivery_info {
        font-size: 13px;
    }
    .promotion_detail_area .btn_buy,
    .promotion_detail_area .btn_buy2,
    .promotion_detail_area .btn_fav_wrapper, 
    .promotion_detail_area .btn_cart_wrapper, 
    .promotion_detail_area .btn_share_wrapper {
        width: 35px;
        height: 35px;
        border-radius: 6px;
        margin-left: 6px;
    }
    .promotion_detail_area .btn_buy {
        margin-left: 0;
        line-height: 35px;
        font-size: 14px;
    }
    .promotion_detail_area .btn_buy2 {
        margin-left: 10;
        line-height: 35px;
        font-size: 14px;
    }
    .promotion_detail_area .btn_wrapper {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .promotion_detail_area .modal_area .modal_share_list {
        line-height: 3.5;
    }
    .promotion_detail_area .btn_close, .modal_area .modal_share .btn_close {
        margin: 0;
    }

    /* info_note_wrapper */
    .info_note_wrapper .title {
        padding: 15px 0;
        font-size: 14px;
    }
    .info_note_wrapper .btn_arrow img {
        width: 18px;
        height: 18px;
    }
    .info_note_wrapper .info_note_top .title{
        font-size: 14px;
    }
    .info_note_wrapper .info_note_top .title, 
    .info_note_wrapper .info_note_top .desc {
        padding: 15px 0;
    }
    .info_note_wrapper tbody .title,
    .info_note_wrapper tbody .desc {
        font-size: 12px;
    }

    /* why_buildeup */
    .why_buildeup .title_wrapper .title {
        padding-top: 80px;
        font-size: 25px;
    }
    .why_buildeup .title_wrapper .title:after {
        transform: scale(2);
        left: 35%;
    }
    .why_buildeup .contents {
        margin-top: 40px;
        padding-bottom: 30px;
    }
    .why_buildeup .contents::before {
        height: 70%;
        left: 24%;
    }
    .why_buildeup .content {
        margin-top: 0;
    }
    .why_buildeup .content .txt_wrapper {
        padding-bottom: 30px;
    }
    .why_buildeup .contents .txt_wrapper .title {
        margin-bottom: 3px;
        font-size: 14px;
        line-height: 18px;
    }
    .why_buildeup .contents .txt_wrapper .desc {
        font-size: 12px;
        line-height: 18px;
    }

	/*__hue__240327 mj 추가 코드 시작*/
	.relation_wapper .product_name{
		margin:0px !important;
	}

	.relation_wapper .product_price{
		margin-bottom:0px !important;
	}

	.relation_wapper .pro_info_wrapper .pro_info{
		padding-bottom:0px !important;
	}

	.relation_wapper .delivery_info_wrapper .delivery_info{
		padding-bottom:0px !important;
	}

	.relation_wapper .recommend_option_area img{
		width:20px;
	}
	/*__hue__240327 mj 추가 코드 끝*/

    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        리스트 페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
    .list_wrapper .company {
        font-size: 14px;
    }
    .list_wrapper .product_name, 
    .list_wrapper .discount_rate, 
    .list_wrapper .sales_price {
        font-size: 16px;
    }
    .list_wrapper .discount_rate,
    .list_wrapper .sales_price {
        margin-right: 5px;
    }


    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        웹진 서브페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
    .review_sub_wrapper .title_cont .title {
        margin-bottom: 7px;
        font-size: 18px;
        line-height: 22px;
    }
    .review_sub_wrapper .title_cont .txt_wrapper {
        margin-bottom: 13px;
    }
    .review_sub_wrapper .body_cont {
        margin-top: 25px;
    }
    .review_sub_wrapper .body_cont .list_cont {
        margin-bottom: 25px;
    }
    .review_sub_wrapper .list_view_wr {
        margin: 15px 0 40px;
    }
    .review_sub_wrapper .list_view {
        width: 220px;
        height: 43px;
        line-height: 43px;
        font-size: 14px;
    }
    .review_sub_wrapper .list_view::after {
        width: 6px;
        height: 10px;
    }

}

/* 320px 이하 */
@media (max-width: 320px) {

    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
            공통
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
    .mMenu .m_Top .member_txt {
        font-size: 14px;
    }

    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        메인페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

    /* sch_wrapper  */
    .header_wrapper .sch_wrapper {
        right: 100px;
    }
    .header_wrapper .sch_wrapper .sch {
        width: 25px;
        height: 25px;
    }
    .header_wrapper .cart_wrapper {
        right: 60px;
    }
    .header_wrapper .cart_wrapper .cart {
        width: 25px;
        height: 25px;
    }
    .header_wrapper .sch_form_wrapper {
        height: 100px;
        top: 60px;
        padding: 0 20px;
    }
    .header_wrapper .sch_form_wrapper .btn_close_wrapper {
        top: 15px;
    }
    .header_wrapper .sch_form_wrapper .btn_close_wrapper .btn_close {
        width: 13px;
        height: 13px;
    }
    .header_wrapper .sch_form_wrapper .sch_form_cont {
        top: 40px;
    }
    .header_wrapper .sch_form_wrapper .btn_delete {
        width: 18px;
        height: 18px;
        right: 45px;
    }

    /* hamburger_btn */
    .hamburger_btn {
        width: 30px;
    }
    .hamburger_btn.clicked {
        width: 30px;
        position: relative;
    }

    /* promotion_area */
    .promotion_area {
        margin-top: 40px;
    }
    .promotion_date .icon img {
        width: 15px;
    }
    .promotion_date .time {
        font-size: 16px;
    }
    .promotion_date .countP {
        font-size: 16px;
    }
    .promotion_date .countP .count-num {
        font-size: 16px;
    }
    .promotion_item .company {
        font-size: 14px;
    }
    .promotion_item .product_name, 
    .promotion_item .discount_rate, 
    .promotion_item .sales_price {
        font-size: 16px;
    }
    .promotion_item .product_name {
        margin-top: 3px;
    }
    .promotion_item .product_price {
        margin-top: 7px;
    }

    /* banner_slide */
    .banner_slide .swiper-pagination {
        bottom: 3px;
    }

    /* banner_area */
    .banner_area {
        margin-top: 40px;
    }

    /* recommend_area */
    .recommend_area .title {
        padding: 0 5px;
        font-size: 20px;
    }
    .recommend_area .company {
        font-size: 14px;
    }
    .recommend_area .product_name, 
    .recommend_area .discount_rate, 
    .recommend_area .sales_price {
        font-size: 16px;
    }

    /* freeitem_area */
    .freeitem_area .title {
        padding: 0 5px;
        font-size: 20px;
    }
    .freeitem_area .company {
        font-size: 14px;
    }
    .freeitem_area .product_name {
        margin-top: 3px;
    }
    .freeitem_area .product_price {
        margin-top: 7px;
    }

    /* review_area */
    .review_area .review_title .title {
        padding: 0 5px;
        font-size: 20px;
    }
    .review_area .sml_item:not(:first-child) {
        margin-top: 10px;
    }
    .review_area .sml_item .txt_wrapper {
        margin-left: 10px;
    }
    .review_area .big_item .txt_wrapper .title {
        font-size: 16px;
    } 
    .review_area .big_item .txt_wrapper .description {
        margin-top: 3px;
        font-size: 14px;
    }
    .review_area .sml_item .img_wrapper {
        flex: 0 0 80px;
    }
    .review_area .sml_item img {
        max-height: 80px !important;
    }
    .review_area .sml_item .company {
        font-size: 14px;
    }
    .review_area .sml_item .product_name, 
    .review_area .sml_item .discount_rate, 
    .review_area .sml_item .sales_price {
        font-size: 15px;
    }
    .review_area .sml_item .product_name {
        margin-top: 4px;
        line-height: 22px;
    }
    .review_area .sml_item .product_price {
        margin-top: 7px;
    }

    /* footer_wrapper */
    .footer_wrapper .logo {
        font-size: 16px;
    }
    .footer_wrapper .logo .highlight, 
    .footer_wrapper .designby .bold.highlight {
        padding: 0 4px 0;
        box-shadow: inset 0 -9px 0 var(--val-yellow-color);
    }
    .footer_wrapper .logo .highlight {
        font-size: 20px;
    }
    .footer_wrapper .designby {
        margin-top: 10px;
        font-size: 12px;
        line-height: 16px;
    }

	.footer_wrapper .serviceby a{
		font-size: 12px;
	}


    .footer_wrapper .support, 
    .footer_wrapper .user_header {
        font-size: 13px;
    }
    .footer_wrapper .user_header  {
        padding-right: 13px;
    }
    .footer_wrapper .support, 
    .footer_wrapper .user_wrapper {
        
    }
    .footer_wrapper .user_body li {
        font-size: 12px;
        }
    .footer_wrapper .tosspay {
        margin-top: 10px;
    }
    .footer_wrapper .tosspay .img_wrapper img {
        width: 50px;
    }

    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        서브페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
    
    /* promotion_detail_area */
    .promotion_detail_area .company {
        font-size: 14px;
    }
    .promotion_detail_area .product_name, 
    .promotion_detail_area .discount_rate, 
    .promotion_detail_area .sales_price {
        font-size: 16px;
    }
    .promotion_detail_area .product_name {
        margin-top: 3px;
    }
    .promotion_detail_area .product_price {
        margin-top: 7px;
    }
    .promotion_detail_area .pro_info_wrapper .pro_info,
    .promotion_detail_area .delivery_info_wrapper .delivery_info {
        font-size: 13px;
    }
    .promotion_detail_area .btn_buy,
    .promotion_detail_area .btn_buy2,
    .promotion_detail_area .btn_fav_wrapper, 
    .promotion_detail_area .btn_cart_wrapper, 
    .promotion_detail_area .btn_share_wrapper {
        width: 35px;
        height: 35px;
        border-radius: 6px;
        margin-left: 6px;
    }
    .promotion_detail_area .btn_buy {
        margin-left: 0;
        line-height: 35px;
        font-size: 14px;
    }
    .promotion_detail_area .btn_buy2 {
        margin-left: 0;
        line-height: 35px;
        font-size: 14px;
    }
    .promotion_detail_area .btn_wrapper {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    /* info_note_wrapper */
    .info_note_wrapper .title {
        padding: 15px 0;
        font-size: 14px;
    }
    .info_note_wrapper .btn_arrow img {
        width: 18px;
        height: 18px;
    }
    .info_note_wrapper .info_note_top .title{
        font-size: 14px;
    }
    .info_note_wrapper .info_note_top .title, 
    .info_note_wrapper .info_note_top .desc {
        padding: 15px 0;
    }
    .info_note_wrapper tbody .title,
    .info_note_wrapper tbody .desc {
        font-size: 12px;
    }

    /* why_buildeup */
    .why_buildeup .title_wrapper .title {
        padding-top: 80px;
        font-size: 25px;
    }
    .why_buildeup .title_wrapper .title:after {
        transform: scale(2);
        left: 35%;
    }
    .why_buildeup .contents {
        margin-top: 40px;
        padding-bottom: 30px;
    }
    .why_buildeup .contents::before {
        height: 70%;
        left: 24%;
    }
    .why_buildeup .content {
        margin-top: 0;
    }
    .why_buildeup .content .txt_wrapper {
        padding-bottom: 30px;
    }
    .why_buildeup .contents .txt_wrapper .title {
        margin-bottom: 3px;
        font-size: 14px;
        line-height: 18px;
    }
    .why_buildeup .contents .txt_wrapper .desc {
        font-size: 12px;
        line-height: 18px;
    }


    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        리스트 페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
    .list_wrapper .company {
        font-size: 14px;
    }
    .list_wrapper .product_name, 
    .list_wrapper .discount_rate, 
    .list_wrapper .sales_price {
        font-size: 16px;
    }
    .list_wrapper .discount_rate,
    .list_wrapper .sales_price {
        margin-right: 5px;
    }


    /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
        웹진 서브페이지
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
    .review_sub_wrapper .title_cont .title {
        margin-bottom: 7px;
        font-size: 18px;
        line-height: 22px;
    }
    .review_sub_wrapper .title_cont .txt_wrapper {
        margin-bottom: 13px;
    }
    .review_sub_wrapper .body_cont {
        margin-top: 25px;
    }
    .review_sub_wrapper .body_cont .list_cont {
        margin-bottom: 25px;
    }
    .review_sub_wrapper .list_view_wr {
        margin: 15px 0 40px;
    }
    .review_sub_wrapper .list_view {
        width: 220px;
        height: 43px;
        line-height: 43px;
        font-size: 14px;
    }
    .review_sub_wrapper .list_view::after {
        width: 6px;
        height: 10px;
    }
}









/* 20220227 기존 페이지에 추가 */
.cont_inner.sub {
    margin: 80px auto 0px;
}
@media (max-width: 520px) {
    .cont_inner.sub {
        margin: 30px auto 0px;
    }
}

.mtitle {
    line-height: normal;
}

.cart--wrap ul.list-body {
    justify-content: flex-end;
    padding: 15px 0;
}

.cart--wrap .product--price {
    flex: 0 0 50%;
    font-size: 14px;
    color: #666;
    line-height: 1.35;
    text-align: right;
    padding: 5px;
    box-sizing: border-box;
}
@media (max-width: 520px) {
    .cart--wrap .product--price {
        font-size: 13px;
        flex: 0 0 80%;
        line-height: 1;
    }
}

.slideImg {
    padding-top: 100%;
    box-sizing: content-box;
}
.cart--wrap .product--cimg {
    flex: 0 0 30% !important;
    margin-bottom: 0 !important;
}
.cart--wrap .product--cimg > a {
    width: 100%;
}
.mocanvas_area {
    padding: 80px 15px;
	border-top: 10px solid var(--val-gray7-color);
}
.mocanvas_area img {
    width: 100%;
}
.cart--wrap .cont {
    padding-bottom: 0 !important;
    line-height: normal;
}
.cart--wrap .cont > a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}
.cart--wrap .cont_detail {
    border-top: none !important;
    border-bottom: none;
    margin-top: 9px;
}
.cart--wrap .cont_detail li {
    flex: 0 0 100%;
    line-height: 1.1;
    color: #333;
    font-weight: 500;
    padding-bottom: 7px;
}
.cart--wrap .cont_detail li.delete {
    text-align: right;
}
.cart--wrap .cont_detail .mpr {
    display: inline-block;
}
.cart--wrap.order .order-txt .etc1.price {
    font-size: 0;
}
.cart--wrap .cont_detail .price {
    padding-left: 0;
}
.cart--wrap .cont_detail .qty {
    border-top: none;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 7px;
    line-height: normal;
}
.cont_inner.sub .cart--wrap .cont_detail .qty02 {
    font-size: 0;
}
.cont_inner.sub .cart--wrap .cont_detail .qty02 .stit_mo {
    padding-top: 5px;
}
.option_num {
    margin-bottom: 0;
}
.cart--wrap .cont_detail .price-total {
    padding-left: 0;
    padding-bottom: 7px;
}
.cart--wrap .stit_mo::after {
    display: none;
}
.cart--wrap .stit_mo {
    font-size: 13px;
    line-height: 1.2;
    color: #5b5b5b !important;
}
.cart--wrap .gray {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
}
.cart .cart--wrap .cont_detail .qty .stit_mo {
   line-height: 2; 
}

.cart--wrap .reviewBtn {
   font-size:12px;
   display:inline-block;
   padding:3px 5px;
   border-radius:3px;
   background:#8c8f93;
   color:#fff;
}



/* 주문/결제 페이지 */
.cart--wrap.order .qty {
    border-top: none !important;
    padding: 0px 0 7px 0px !important;
    line-height: 1;
}
.cart--wrap.order .price-total {
    padding: 0 0px 7px 0px !important;
}

/* 주문/결제2 페이지 */
.cart--wrap.order .cont {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}
.cart--wrap.order .cont_detail {
    margin-top: 9px;
}

/* 주문상세내역 */
.cart--wrap .order-txt .gray {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    line-height: 1.1;
}
.cart--wrap .order-txt .red {
    font-size: 14px;
    color: #FF0000;
    font-weight: 500;
    line-height: 1.1;
}
.cart--wrap .order-txt .blue {
    font-size: 14px;
    color: #0000FF;
    font-weight: 500;
    line-height: 1.1;
}
.cart--wrap .order-txt .color7 {
    font-size: 14px;
    color: #804000;
    font-weight: 500;
    line-height: 1.1;
}




.cart--wrap .cont > a:hover {
    color: inherit;
}
.cart--wrap.order .order-txt > li {
	width: 100%;
    font-size: 0;
    display: flex; 
    align-items: center;
}
.cart--wrap.order .order-txt .price {
    padding-bottom: 7px;
}
.cart--wrap .order-txt .qty {
}

.cart--wrap.order .order-txt .qty {
    /* padding-bottom: 0 !important; */

}

/* 찜한상품 */
.cart--wrap.order .cont_detail .gray {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
}


/* nav 메뉴 */
.lnav li a:hover {
    color: var(--concept-color) !important;
}
.lnav li .depth2, .lnav li .depth3 {
    display: none;
}







/* minsu */
.worker_header_wrapper {
    height: 65px;
}

.worker_header_wrapper .header_top_cont {
    background: #0772d0;
}


.worker_header_wrapper .worker_logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}


.worker_wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 28px;
}

.worker_wrapper.main {
    right: 70px;
}
@media (max-width: 414px) {
    .worker_wrapper.main {
        right: 60px;
    }
}

.worker_wrapper.main #goChangPage1 {
    /* 
    background: url("/layouts/basic/mainether/images/layout/btn_mainether.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 31px;
    text-indent: -9999px; 
    */
    background: url("../images/btn_arrow.svg") center right no-repeat;
    background-size: 7px 11px;
    padding-right: 8px;
    width: 100%;
    font-size: 16px;
    color: var(--val-navy-color);
}


@media (max-width: 414px) {
    .worker_wrapper.main #goChangPage1 {
        background-size: 5px 9px;
        padding-right: 5px;
        font-size: 12px;
    }
}


.worker_wrapper #goChangPage2 {
    /*
    background: url("/layouts/basic/mainether/images/layout/btn_shop.svg") no-repeat;
    background-size: 100%;
    width: 27px;
    height: 24px;
    text-indent: -9999px; 
    */
    background-size: 7px 11px;
    padding-right: 8px;
    width: 100%;
    font-size: 16px;
    color: #333;
}


/* menu_bg */
.worker_menu_bg {
    max-width: 520px;
    width: 100%;
    height: auto;
    margin: 0 auto;
	/*
    position: fixed;
	*/
    top: 80px;
    /* background: #fff;   */
    background: var(--val-gray8-color); 
    z-index: 999;
    /*display: none;*/
    overflow-y:auto;
}

.worker_menu_bg .mMenu {
    width: 100%;
    height: 100%;
    position: initial;
    overflow-y: unset;
}


.worker_menu_bg .mMenu .m_Top {
    /* padding-top: 80px;  */
    padding-top: 64px;
    background: var(--val-gray8-color); 
}

.worker_menu_bg .mMenu .m_Top .member_txt {
    padding-top: 42px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
}

.worker_menu_bg .mMenu .m_Top .member_txt .member_id {
    font-size: 26px;
    font-weight: 700;
}

/* 아이콘 영역 */
.worker_menu_bg .mMenu .member_icon {
    margin-top: 30px;
    position: relative;
    padding: 0 60px;
    overflow:hidden;
}

.worker_menu_bg .mMenu .member_icon > li {
    float: left;
    width: calc(100% / 3);
    text-align: center;
    padding-bottom: 39px;
}

.worker_menu_bg .mMenu .member_icon > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px;
    color: var(--val-black-color);
}

.worker_menu_bg .mMenu .member_icon .sch_wrapper > a .sch {
    display: inline-block;
    background: url("/layouts/basic/images/btn_sch.svg") #fff no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width:48px;
    height:48px;
    border-radius:50%;
    margin-bottom:10px;
}
.worker_menu_bg .mMenu .member_icon .cart_wrapper > a .cart{
    display: inline-block;
    background: url("/layouts/basic/images/btn_cart.svg") #fff no-repeat;
    background-size: 25px 25px;
    background-position: center;
    width:48px;
    height:48px;
    border-radius:50%;
    margin-bottom:10px;
    position:relative;
}

.worker_menu_bg .mMenu .member_icon .member_wrapper > a .member{
    display: inline-block;
    background: url("/layouts/basic/images/icon_member.svg") #fff no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width:48px;
    height:48px;
    border-radius:50%;
    margin-bottom:10px;
}

.worker_menu_bg .mMenu .cart_wrapper .cart .count {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--val-red2-color);
    font-size: 10px;
    font-weight: 600;
    color: var(--val-white-color);
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: 5px;
    right: 5px;
}

/* sch_form_wrapper */
.worker_menu_bg .mMenu .sch_form_wrapper {
    width: 100%;
    height: 136px;
    padding: 0 30px;
    background: var(--val-white-color);
    border-bottom: 1px solid #dfdfdf;
    display: none;
}
.worker_menu_bg .mMenu .sch_form {
    position: relative;
    width: 100%;
    height: 100%;
}
.worker_menu_bg .mMenu .sch_form_wrapper .btn_close_wrapper {
    position: absolute;
    top: 20px;
    right: 0;
}
.worker_menu_bg .mMenu .sch_form_wrapper .btn_close_wrapper .btn_close {
    background: url(/layouts/basic/images/btn_close.svg) no-repeat;
    background-size: 100%;
    width: 10px;
    height: 10px;
}
.worker_menu_bg .mMenu .sch_form_wrapper .sch_form_cont {
    max-width: 460px;
    position: absolute;
    width: 100%;
    top: 50px;
}
.worker_menu_bg .mMenu .sch_form_wrapper input[type=text] {
    width: calc(100% - 95px);
    height: 45px;
    padding: 0 75px 0 20px;
    background: var(--val-white-color);
    border-radius: 24.5px;
    font-family: 'noto sans KR';
    font-size: 14px;
    font-weight: 400;
    border: 2px solid var(--val-red2-color);
}
.worker_menu_bg .mMenu .sch_form_wrapper input[type=text]::-webkit-input-placeholder {
    font-family: 'NotoSansKR';
}
.worker_menu_bg .mMenu .sch_form_wrapper input[type=text]:focus {
    font-family: 'noto sans KR';
}
.worker_menu_bg .mMenu .sch_form_wrapper .btn__search {
    background: url("/layouts/basic/images/btn_sch.svg") no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12.5px;
}
.worker_menu_bg .mMenu .sch_form_wrapper .btn_delete {
    background: url(/layouts/basic/images/btn_delete.svg) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 43px;
    display: none;
}






.worker_why_buildeup .title_wrapper {
    padding: 0 15px;
	overflow:hidden;
}

/* __hue__ 230620 추가 시작  */
.worker_why_buildeup .title_wrapper .title {
    font-size: 30px;
    font-weight: 700;   
    padding-top:30px;
	height:115px;
    position:relative;
    z-index: 1;
}
/* __hue__ 230620 추가 끝  */

.worker_why_buildeup .title_wrapper .title:after{
    content: "Why Builde Up?";
    color: var(--val-gray7-color);
    position: absolute;
    width: 100%;
    top: 60px;
    transform: scale(2.5);
    z-index: -1;
    left: 75%;
}
.worker_why_buildeup .contents {
    margin-top: 60px;
    padding: 0px 8% 50px;
    position: relative;
}
.worker_why_buildeup .content {
    margin:0px;
    display: inline-block;
    width: 100%;
    position:relative;
}
.worker_why_buildeup .content:last-child{
    margin-bottom:0px;
}
.worker_why_buildeup .content li{
    display:inline-block;
}
.worker_why_buildeup .content .icon_wrapper {
    width: 15%;
    position: relative;
    float: left;
    transform: translateY(-26%);
}
.worker_why_buildeup .content .icon_wrapper img {
    width: 100%;
}
.worker_why_buildeup .content .txt_wrapper {
    width: calc(100% - 15% - 50px);
    float:left;
    position:relative;
    margin-left:50px;
    padding-bottom: 80px;
}
.worker_why_buildeup .content:last-child .txt_wrapper {
    padding-bottom: 0;
}
.worker_why_buildeup .content .txt_wrapper:before {
    content:"";
    width:11px;
    height:11px;
    border-radius:50%;
    background:#212457;
    position:absolute;
    top:6px;
    left:-30px;
}
.worker_why_buildeup .content .txt_wrapper:after {
    content:"";
    position:absolute;
    left:-25px;
    top:6px;
    width:1px;
    height:100%;
    background:#212457;
}
.worker_why_buildeup .content:first-child  .txt_wrapper:after{
    content:"";
}
.worker_why_buildeup .content:last-child .txt_wrapper:after {
    content:"";
    height:0px;
}
.worker_why_buildeup .contents .txt_wrapper .title {
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    margin-bottom: 7px;
    color: var(--val-navy-color);
}
.worker_why_buildeup .contents .txt_wrapper .desc {
    font-size: 14px;
    line-height: 22px;
    word-break: break-all;
}


.worker_list {
    margin-top: 5px;
    padding: 0 15px;
}

.worker_lnav{width:100%;-webkit-transition: all .25s ease-in;transition: all .25s ease-in; }
.worker_lnav, .worker_lnav ul, .worker_lnav li {list-style: none;width:100%;}
.worker_lnav ul {margin:0px;}
.worker_lnav {padding: 0px;margin: 0px;}
.worker_lnav > li {margin: 0px 0; border-bottom:1px solid #ebebeb;}
.worker_lnav > li li {margin: 0px;}
.worker_lnav > li li .btn_more {
    justify-content: center;
    color: var(--val-navy-color) !important;
}

.worker_lnav > li li .btn_more::after,
.worker_lnav li .depth2 li table tfoot button::after,
.worker_lnav li .depth3 li a.content::after {
    content: "";
    mask: url("/layouts/basic/mainether/images/layout/btn_arrow_gray03.svg") no-repeat;
    background-color: var(--val-navy-color);
    width: 7px;
    height: 11px;
    margin-left: 5px;
    -webkit-mask: url("/layouts/basic/mainether/images/layout/btn_arrow_gray03.svg") no-repeat;
    position: absolute;
    margin-top: 2px;
}

.worker_lnav > li li li{margin: 0px;}
.worker_lnav a:not(.pagination>*,a.content) {line-height:1;font-weight: 500;letter-spacing:-0.05rem;display:flex;align-items: center;justify-content: space-between;outline: none;text-decoration: none;}
.worker_lnav a .caret {
    background: url("/layouts/basic/mainether/images/layout/btn_arrow_gray02.svg") no-repeat;
    background-size: contain;
    width: 20px;
    height: 12px;
    transition: transform .65s ease;
}
.worker_lnav li.open > a > .caret{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);border-color: var(--concept-color) transparent transparent transparent;}
/* line으로 할경우
.worker_lnav a .caret {float: right;width: 10px; height: 10px; border: 1px solid var(--second-color);border-top: none;border-right: none; transform: rotate(-45deg);-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.worker_lnav li.open > a > .caret{transform: rotate(135deg);border: 1px solid var(--concept-color);border-top: none;border-right: none; }
*/

.worker_lnav .pagination { margin: 30px 0px;}
.worker_lnav li a:not(.pagination>*) {color:#333; font-size:15px;line-height:1; padding:15px 30px;} 
.worker_lnav > li > a:hover:not(.pagination>*) {color:var(--concept-color) !important;}
.worker_lnav > li li a:not(.pagination>*) {font-weight:400;color:#666;  font-size:14px;line-height:1;padding: 0px 30px;}
.worker_lnav > li li a:hover:not(.btn_more,.pagination) {color:var(--concept-color) !important;}
.worker_lnav > li li li a:not(.pagination>*) {font-weight:400;color:#666;  font-size:14px;line-height:1;padding: 10px 30px;}
.worker_lnav > li li a.category {font-weight:500;color:#333;  font-size:15px;}
.worker_lnav li.open {}
.worker_lnav li.open a{color:var(--concept-color);}
.worker_lnav li.open li a {color:var(--val-navy-color);}
.worker_lnav li.open li a:hover{color:var(--concept-color);}
.worker_lnav li .depth2,
.worker_lnav li.open .depth3 {
    display: none;
}

.worker_lnav li .depth3 {
  padding:20px 30px;
}

.worker_lnav li .depth3 li{
  border-bottom:1px solid #c3c3c3;
}

.worker_lnav li .depth3 li:last-child{
  border:0px;
}

.worker_lnav li .depth3 li a{
  background:none;
  padding:10px 0px;
}

.worker_lnav li .depth3 li a.btn_more{
    display: block;
    text-align: center;
    font-size: 15px;
    position: relative;
}

.worker_lnav li .depth3 li a.content{
    display: block;
    border-bottom: 1px solid var(--val-gray4-color);
}

.worker_lnav li .depth2 li a.link_btn{
    display: block;
    font-size: 13px;
    font-weight: 200;
    padding: 0px 0px;
}

/* 닫힐 때 */
.worker_lnav li .depth2 li {
    opacity: 0;
    transition: ease-in-out 0.2s;
}
/* 열릴 때 */
.worker_lnav li.open .depth2 li {
    opacity: 1;
    /* transition: 4s; */
}
/* .worker_lnav li.open .depth2 li {
    opacity: 1;
    transition: 0.5s;
} */


/* __hue__ 231108 코드 추가 시작*/
.worker_lnav li .depth2 li .goodsSort{
	padding:10px 0px;
}

.worker_lnav li .depth2 li .goodsSort{
	padding:10px 0px;
	display: flex;
    justify-content: space-between;
}


.worker_lnav li .depth2 li:nth-of-type(1) .goodsSort button.upBtn{
	display:none !important;
}

.worker_lnav li .depth2 li:nth-last-of-type(3) .goodsSort button.downBtn{
	display:none !important;
}


.worker_lnav li .depth2 li .goodsSort button.upBtn{
	background:url("/layouts/basic/images/btn_arrow_top.svg") no-repeat center;
	width: 15px;
    height: 15px;
    background-size: contain;
    transform: rotate(270deg);
	
}

.worker_lnav li .depth2 li .goodsSort button.downBtn{
	background:url("/layouts/basic/images/btn_arrow_top.svg") no-repeat center;
	width: 15px;
    height: 15px;
    background-size: contain;
	transform: rotate(90deg);
	margin-left:10px;
}

.worker_lnav li .depth2 li .goodsSort button.delBtn{
	background:url("/layouts/basic/images/btn_delete.svg") no-repeat center;
	width: 15px;
    height: 15px;
    background-size: contain;
	margin-left:20px;
}



.worker_lnav li .depth2 li .addComBtn, .worker_lnav li .depth2 li .submitBtn{
	width:100%;
	background:#efefef;
	padding:10px;
	margin-top:10px;
	box-sizing: inherit;
	font-weight:400;
}

/* __hue__ 231108 코드 추가 끝*/



.worker_lnav .activeBtn{
  padding:10px 30px;
  display:flex;
  align-items: center;
}

/* __hue__ 230525 추가 시작 */

.worker_lnav .activeBtn button.autoBtn{
	border:0px;
	padding:5px 10px;
	border-radius:5px;
	color:#fff;
	background:#0772d0;
	box-shadow:0px 0px 5px rgba(0,0,0,.4);
	margin:0px;
}

.worker_lnav .activeBtn #helpPop{
  padding:15px 10px 10px;
  font-size:12px;
  position:absolute;
  background:url("/layouts/basic/mainether/images/layout/helpBg.png") no-repeat;
  width:200px;
  font-weight:200;
  text-align:left;
  top:20px;
  z-index:99;
  left:-35px;
  display:none;
  background-size:cover;
}

/* __hue__ 230525 추가 끝 */


/* __hue__ 버튼 효과 시작*/


.el-switch,
.el-switch-style,
.el-switch-style:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.el-switch {
    display: inline-block !important;
    font-size: 100%;
    height: 1.6em;
    position: relative;
    margin:0px !important;
}
.el-switch .el-switch-style {
    height: 1.6em;
    left: 0;
    background: #C0CCDA;
    -webkit-border-radius: 0.8em;
    border-radius: 0.8em;
    display: inline-block;
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 3em;
    cursor: pointer;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.5) inset;
}
.el-switch .el-switch-style:before {
    display: block;
    content: '';
    height: 1.4em;
    position: absolute;
    width: 1.4em;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 0.1em;
    top: 0.1em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
.el-switch > input[type="checkbox"] {
    display: none;
}
.el-switch > input[type="checkbox"][disabled] + .el-switch-style {
    cursor: not-allowed;
    background-color: #D3DCE6;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style {
    background-color: #0772d0;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style:before {
    left: 50%;
}
.el-switch > input[type="checkbox"]:checked[disabled] + .el-switch-style {
    background-color: #b0d7f5;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked + .el-switch-style {
    background-color: #20a0ff;
}
.el-switch.el-switch-blue > input[type="checkbox"]:checked[disabled] + .el-switch-style {
    background-color: #b0d7f5;
}
.el-switch.el-switch-green > input[type="checkbox"]:checked + .el-switch-style {
    background-color: #13ce66;
}
.el-switch.el-switch-green > input[type="checkbox"]:checked[disabled] + .el-switch-style {
    background-color: #a1efc4;
}
.el-switch.el-switch-red > input[type="checkbox"]:checked + .el-switch-style {
    background-color: #ff4949;
}
.el-switch.el-switch-red > input[type="checkbox"]:checked[disabled] + .el-switch-style {
    background-color: #f9b3b3;
}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked + .el-switch-style {
    background-color: #f7ba2a;
}
.el-switch.el-switch-yellow > input[type="checkbox"]:checked[disabled] + .el-switch-style {
    background-color: #fbeac1;
}


/* __hue__ 버튼 효과 끝*/








.worker_lnav .activeBtn #helpPop.active{
  display:block;
}

.worker_lnav .activeBtn #helpPop h4{
  margin-bottom:10px;
  border-bottom:1px solid #000;
  padding:10px 0px;
  font-weight:bold;
  font-size:14px;
  position:relative;
}


.worker_lnav .activeBtn button{
  margin:0px 10px 0px 5px;
  position:relative;
}

.worker_lnav .activeBtn span{
	/* margin-left:10px; */
	display:block;
	font-weight:normal;
	overflow:hidden;
}

.worker_lnav .activeBtn .left{
    margin-left: 10px;
}

.worker_lnav .activeBtn span span.syn{
	margin-top:5px;
	display:block;
	font-weight:normal !important;
	font-size:10px;
	margin-left:0px;
}

.worker_lnav .activeBtn .title{
	display: inline;
    position: relative;
    z-index: 0;
	font-size:15px;
}

.worker_lnav .activeBtn .title .highlight{
	width:100%;
    height: 55%;
    background: var(--val-yellow-color);
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: -1;
    transition-duration: 1.5s;
	margin:0px;
}

.worker_lnav li .depth2 li table{
  width:100%;
  border-collapse:collapse;
  color: var(--val-navy-color);
}



/* __hue__ 231102 코드 시작 */
.worker_lnav li .depth2 li input[type='checkbox']{
	display:inline-block;
	-webkit-appearance:auto;
}

.worker_lnav li .depth2 li .btnWr{
	margin-top:10px;
	text-align:right;
}

.worker_lnav li .depth2 li .btnWr input[type='submit']{
	padding:8px 10px;
	background:#efefef;
	border-radius:15px;
	font-weight:500;
	cursor:pointer;
}

/* __hue__ 231102 코드 끝 */








.worker_lnav li .depth2 li table caption.title{
    width: 100%;
    height: 40px;
    font-size: 1em;
    visibility: unset;
    line-height: 1;
    text-align: left;
    overflow: unset;
}

.worker_lnav li .depth2 li table caption.title>span{
    font-size: 0.8em;
    color: var(--val-gray2-color);
    vertical-align: middle;
}

.worker_lnav li .depth2 li table caption.title>select{
    float: right;
    padding: 0px 25px 0px 0px;
    /* background: #fff; */
    cursor: pointer;
    font-size: 14px;
    color: #666;
    background: url(/layouts/basic/mainether/images/layout/btn_arrow_gray02.svg) no-repeat right 5px center;
    background-size: 15px;
    line-height: 1.3;
    border-bottom: 1px solid var(--val-gray4-color);
}

.worker_lnav li .depth2 li table caption.title>.add{
    padding: 0px 10px;
    font-size: 14px;
    color: #666;
    box-sizing: border-box;
    border-bottom: 1px solid var(--val-gray4-color);
    float: right;
    line-height: 1.3;
}

.worker_lnav li .depth2 li table caption.title>.add:hover{
    color: var(--val-red2-color);
    border-color: var(--val-red2-color);
}

.worker_lnav li .depth2 li table td:first-child{
    text-align:center;
}

.worker_lnav li .depth2 li table th{
    padding:10px 0px;
    font-weight:normal;
    font-weight:500;
    text-align: center;
    font-size: 14px;
}

.worker_lnav li .depth2 li table th small{
    float:right;
    line-height:16px;
    font-weight:normal;
}

.worker_lnav li .depth2 li table tbody {
    border-bottom: 1px solid var(--val-gray3-color);
    border-top: 1px solid var(--val-gray3-color);
}

.worker_lnav li .depth2 li table tbody td{
    /* border:1px solid #ebebeb; */
    padding:10px 0;
    text-align:center;
    font-size:13px;
    font-weight:200;
}

.worker_lnav li .depth2 li table tbody td span.grade_name, 
.worker_lnav li .depth2 li table tbody td span small{ 
    color: var(--val-navy-color) !important;
}

.worker_lnav li .depth2 li table tbody td span.grade_name:hover {
    cursor: pointer;
}

.worker_lnav li .depth2 li table tbody td span.grade_name::after {
    content: "";
    background: url(/layouts/basic/mainether/images/layout/btn_arrow_gray02.svg) no-repeat;
    width: 10px;
    position: absolute;
    height: 10px;
    background-size: contain;
    margin: 5px 0 0 5px;
}

.worker_lnav li .depth2 li table tbody td.num {
    text-align: right;
}

.worker_lnav li .depth2 li table tbody td.pleft {
    text-align: left;
    padding-left: 10px;
}

.worker_lnav li .depth2 li table tbody td.pright {
    text-align: right;
    padding-right: 10px;
}

.worker_lnav li .depth2 li table tbody td.num:last-child {
    padding-right: 15px;
}

.worker_lnav li .depth2 li table tbody td .viewHide{
	display:block;
	margin-bottom:5px;
}

.worker_lnav li .depth2 li table tbody td .goodsView{
	padding: 8px 10px;
    background: #efefef;
    border-radius: 15px;
    font-weight: 400;
    cursor: pointer;
}

.worker_lnav li .depth2 li table td small{
    color:#E44556;
}

.worker_lnav li .depth2 li table tfoot button{
    width:100%;
    padding-top: 20px;
    font-size:15px;
    color: var(--val-navy-color);
    position: relative;
}

.worker_lnav li .depth2 li table tbody td .grade_select{
    display: none;
    position: absolute;
    background: #F7F7FC;
    border: 1px solid var(--val-gray4-color);
    border-radius: 5px;
    z-index: 1;
    width: 100px;
    left: 35%;
    top: 80%;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
}

.worker_lnav li .depth2 li table tbody td .grade_select li{
    display: flex;
    justify-content: space-between;
    padding: 5px !important;
}

.worker_lnav li .depth2 li table tbody td .grade_select li:hover{
    cursor: pointer;
    background-color: var(--val-gray4-color);
}

.worker_lnav li .depth2 li table tbody td .grade_select li span.check::after{
    content: "";
    background: url("/layouts/basic/images/check_icon.svg") no-repeat;
    width: 10px;
    position: absolute;
    height: 10px;
}

/* __hue__ 230620 주석 시작
.worker_lnav li li .worker_why_buildeup {
    background: url("/layouts/basic/mainether/images/layout/why_builde_up.svg") no-repeat;
    background-size: 100%;
    padding-top: 131%;
}
 __hue__ 230620 주석 
*/
.worker_lnav li.active a{color:var(--concept-color);}
.worker_lnav li li.active a{color:var(--concept-color);}
.worker_lnav li.off a{}

/* 2 depth 여백 추가 */
.worker_lnav > li > ul{border-top:1px solid #dfdfdf; background:#fff;}
.worker_lnav li:last-child li:first-child:not(.calc){}
.worker_lnav li:last-child li:last-child:not(.calc){}
.worker_lnav li li a:hover{color:var(--concept-color);}


.worker_lnav .main_list .pagination {display:block;margin: 30px 0;text-align: center; font-size:0;overflow: hidden;}
.worker_lnav .main_list .pagination-button {display: inline-block;width: 20px;height: 20px;border-left: 0;font-weight:400;font-size:12px; color: #666;line-height: 20px; border: unset;}
.worker_lnav .main_list .pagination-button:first-child {border-left: 1px solid #dfdfdf; border: unset;}
.worker_lnav .main_list .pagination-button:hover,
.worker_lnav .main_list .pagination-button.active {background-color:#f9f9f9;color:var(--concept-color); font-weight:700;}
.worker_lnav .main_list .pagination-first, .worker_lnav .main_list .pagination-prev, .worker_lnav .main_list .pagination-next, .worker_lnav .main_list .pagination-last {background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px}
.worker_lnav .main_list .pagination-first {background-image: url(/layouts/basic/images/layout/pagination-first.png)}
.worker_lnav .main_list .pagination-prev {background-image: url(/layouts/basic/images/layout/pagination-prev.png)}
.worker_lnav .main_list .pagination-next{background-image: url(/layouts/basic/images/layout/pagination-next.png)}
.worker_lnav .main_list .pagination-last {background-image: url(/layouts/basic/images/layout/pagination-last.png)}
.worker_lnav .main_list .pagination-first.disabled {background-image: url(/layouts/basic/images/layout/pagination-first-off.png); pointer-events: none;}
.worker_lnav .main_list .pagination-prev.disabled {background-image: url(/layouts/basic/images/layout/pagination-prev-off.png); pointer-events: none;}
.worker_lnav .main_list .pagination-next.disabled {background-image: url(/layouts/basic/images/layout/pagination-next-off.png); pointer-events: none;}
.worker_lnav .main_list .pagination-last.disabled {background-image: url(/layouts/basic/images/layout/pagination-last-off.png); pointer-events: none;}



/*__hue__231211 추가 코드 시작*/
.worker_lnav li.open .depth2 li h2{
	font-size:14px;
	padding:10px 0px;
	border-bottom:1px solid #B5B5B5;
	font-weight:bold;
	color:#212457;
}

.worker_lnav li.open .depth2 li .con{
	padding:10px 0px;
	font-size:14px;
	color:#212457;
	line-height:20px;
}
/*__hue__231211 추가 코드 끝*/




/* 2023.05.26 로딩*/
  
.loaderBox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    z-index: 1000;
	top:0px;
	left:0px;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.loader-wheel {
    animation: spin 1s infinite linear;
    border: 2px solid rgba(30, 30, 30, 0.5);
    border-left: 4px solid #fff;
    border-radius: 50%;
    height: 100px;
    margin-bottom: 10px;
    width: 100px;
    margin: auto;
}

.loader-text {
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 1.25em;
    margin-top: 50px;
}

.loader-text:after {
    content: '멋진 빌드업이 만들어 지고 있습니다.';
    /* animation: load 2s linear infinite; */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* __hue__ 230706 상품상세 리뷰 추가 시작*/

.reviewArea{
	margin-bottom:50px;
}

.reviewArea h3{
	font-size:22px;
	font-weight:500;
	padding:15px 0px;
	position:relative;
	z-index:0;
	margin:0px 15px;
	display:-webkit-inline-flex;
	overflow:hidden;
	align-items: baseline;
}

.reviewArea h3 small{
	font-size:13px;
	margin-left:5px;
	color:#888;
	text-decoration:underline;
}

.reviewArea h3 .highlight {
    width: 100%;
    height: 30%;
    background: var(--val-yellow-color);
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 20%;
    z-index: -1;
}

.reviewArea li{
	border-bottom:1px solid #ccc;
	padding:15px;
}

.reviewArea li .memberInfo{
	display:flex;
	align-items: center;
}
.reviewArea li .memberInfo small{
	border:1px solid #c31023;
	padding:3px 5px;
	border-radius:3px;
	color:#c31023;
	margin-right:5px;
	font-size:11px;
}

.reviewArea li .memberInfo .regTime{
	position:absolute;
	right:15px;
	font-size:11px;
	color:#888;
}

.reviewArea li .rePhoto{
	overflow:hidden;
}

.reviewArea li .rePhoto dl{
	overflow:hidden;
}

.reviewArea li .rePhoto dd{
	margin-top:15px;
	float:left;
	width:calc((100% - 40px) / 5);
	margin-right:10px;
}

.reviewArea li .rePhoto dd:last-chid{
	margin:0px;
}

.reviewArea li .rePhoto dd a {
	display:inline-block;
	width:100%;
	height:100px;
	position:relative;
}

.reviewArea li .rePhoto dd a span{
	position:absolute;
	bottom:0px;
	right:0px;
	background:#efefef;
	padding:5px;
	border-radius:5px 0px 0px 5px;
}

.reviewArea li .rePhoto dd a span img{
	width:15px;
}

.reviewArea li p{
	margin-top:15px;
	font-size:14px;
	line-height:normal;
	font-weight:300;
}
/* __hue__ 230706 상품상세 리뷰 추가 끝*/





/* 별점 CSS 230712 추가 시작 */

.review_wrapper {
	display:block;
	margin-top:5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review_wrapper .starBg{ 
	overflow:hidden; 
	background:#FCE2E2;
	display:block;
	position:relative;
	z-index:0;
	height:15px;
	margin-right:5px;
}

.review_wrapper .star{
	display:inline-block;
	width:80px;
	height:15px;
	overflow:hidden; 
	background:url(/layouts/basic/images/layout/starBg.png) no-repeat;
	background-size:100%;
}

.review_wrapper .starColor{
	display:inline-block;
	height:15px;
	background:#E74949;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
}

/* 별점 CSS 230712 추가 끝 */






/* __hue__ 230717 추가 코드 시작*/
.relation_wapper{
	margin:15px !important;
	padding-bottom: 30px !important;
}

.relation_wapper h3{
	font-size: 22px;
	font-weight: 500;
	padding: 15px 0px;
	position: relative;
	z-index: 99;
	margin: 0px 0px 10px 0px;
	display: -webkit-inline-flex;
	overflow: hidden;
}

.relation_wapper h3 .highlight{
	width: 100%;
	height: 30%;
	background: var(--val-yellow-color);
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 20%;
	z-index: -1;
}

.relation_wapper > ul > li{
	border:1px solid #ccc;
	padding:10px;
	position:relative;
}


.relation_wapper .relation_btn{
	display:flex;
	position:absolute;
	top:-1px;
	right:-1px;
	transform: translateY(-100%);
}

.relation_wapper .relation_btn a{
	/* border:1px solid #ccc; */
	border-radius:0px;
	border-bottom:0px;
}

.relation_wapper a{
	display:flex;
	overflow:hidden;
}

.relation_wapper .img_wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 1px solid var(--val-gray5-color);
    box-sizing: border-box;
	margin-right:10px;
	float:left;
}

.relation_wapper .txt_wrpper {
    margin-top: 15px;
}
.relation_wapper .company {
	font-size:14px;
    font-weight: 400; 
    color: var(--val-gray2-color);
}
.relation_wapper .product_name {
    font-size: 15px;
    font-weight: 500;
	margin-top:5px;
    /* 말줄임표 */
    overflow: hidden;
    text-overflow: ellipsis;

    /* 밑줄로 변경 */
    /* white-space: nowrap; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 250px;
}
.relation_wapper .product_price {
    display: flex;
    margin-top: 5px;
}
.relation_wapper .discount_rate {
    margin-right: 9px;
    font-size: 15px;
    font-weight: 600;
    color: var(--val-red1-color);
}
.relation_wapper .sales_price {
    margin-right: 5px;
    font-size: 15px;
    font-weight: 600;
    color: var(--val-bal-color);
}
.relation_wapper .dimmed_price {
    text-decoration: line-through;
    font-size: 13px;
    font-weight: 400;
    color: var(--val-gray2-color);
}


.relation_wapper .swiper-pagination {
    width: auto;
    height:auto;
    border-radius:0;
    background: none;
    line-height: inherit;
    position: absolute;
    right: 10px;
    bottom: 0px !important;
    left: initial;
    font-size: 14px;
    font-weight: 500;
    color: var(--val-gray2-color);
}

.relation_wapper .swiper-pagination .swiper-pagination-bullet{
	background:#E74949;
}

/* __hue__ 230717 추가 코드 끝 */


/* __hue__ 230727 정산 추가 코드 */

.cont_wrapper {
    /* background: #f9f9f9; */
    padding: 20px;
}

.main_list {
    padding: 20px !important;
}

.cont_wrapper .contents{
    color:#212457;
}

.cont_wrapper .title_wrapper {
 overflow:hidden;
}

.cont_wrapper .title_wrapper .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom:10px;
}

.cont_wrapper .contents .selectbox{
 font-size:0px;
 display: flex;
    justify-content: space-between;
}

.cont_wrapper .contents .selectbox div{
 width:calc((100% - 20px)/ 2);
}

.cont_wrapper .contents .selectbox select {
    height: 30px;
    border-radius: 5px;
    border: 1px solid #dddddd;
    color: #fff;
    box-sizing: border-box;
    padding: 0px 15px;
	width:100%;
	font-size:15px;
    background-color: #0772D0;
}

.cont_wrapper .contents .content .text_wrapper {
    display: inline-block;
    font-size: 0.8em;
}

.cont_wrapper .contents .content .text_wrapper .text_left {
    float: left;
    margin: 5px 0px;
}

.cont_wrapper .contents .content .text_wrapper .text_rigth {
    float: right;
    margin: 5px 0px;
}

.cont_wrapper .contents .content{
 padding:10px 0px;
}

.cont_wrapper .contents .chargePrice,
.cont_wrapper .contents .balancePrice:not(:last-child){
 border-bottom:1px solid #ccc;
 margin-bottom:20px;
}
/* __hue__ 230727 정산 추가 코드 끝 */





/* __hue__ 230728 장바구니,찜하기 코드 추가 시작 */

#cart_msg_layer {position:absolute;top:0;left:50%; top:50%; transform:translate(-50%, 50%); padding:10px;width:336px;border:1px solid #ccc;border-radius:25px;background:#fff;text-align:left;letter-spacing:0; z-index:9;}
#cart_msg_layer h3 {padding:5px 0 10px;border-bottom:1px solid #343434}
#cart_msg_close {position:absolute;top:5px;right:5px;margin:0;padding:0;width:22px;height:22px;border:0;background:transparent;overflow:hidden}
#cart_msg_close span {position:absolute;top:0;left:0;width:100%;height:100%;background:url('img/pop_msg_close.gif')}
#cart_msg_layer p {color:#E74949;text-align:center;line-height:1.5em}
#cart_msg_layer div {padding:10px 0;text-align:center}

#wish_msg_layer {position:absolute;top:0;left:50%; top:50%; transform:translate(-50%, 50%); padding:10px;width:336px;border:1px solid #ccc;border-radius:25px;background:#fff;text-align:left;letter-spacing:0; z-index:9;}
#wish_msg_layer h3 {padding:5px 0 10px;border-bottom:1px solid #343434}
#wish_msg_close {position:absolute;top:5px;right:5px;margin:0;padding:0;width:22px;height:22px;border:0;background:transparent;overflow:hidden}
#wish_msg_close span {position:absolute;top:0;left:0;width:100%;height:100%;background:url('img/pop_msg_close.gif')}
#wish_msg_layer p {color:#E74949;text-align:center;line-height:1.5em}
#wish_msg_layer div {padding:10px 0;text-align:center}
 
 
#subscription_msg_layer { margin: 0 auto;padding:10px;width:336px;border:1px solid #ccc;border-radius:25px;background:#fff;text-align:left;letter-spacing:0; z-index:9;}
#subscription_msg_layer h3 {padding:5px 0 10px;border-bottom:1px solid #343434}
#subscription_msg_close {top:5px;right:5px;margin:0;padding:0;width:22px;height:22px;border:0;background:transparent;overflow:hidden}
#subscription_msg_close span {top:0;left:0;width:100%;height:100%;background:url('img/pop_msg_close.gif')}
#subscription_msg_layer p {color:#E74949;text-align:center;line-height:1.5em}
#subscription_msg_layer div {padding:10px 0;text-align:center}
#subscription_msg_layer .p-title {font-family: 'NotoSansKR'; font-style: normal;font-weight:700;font-size:15px;line-height:1;color:#222;letter-spacing:-0.02em;margin:0px 0 20px;border-bottom:1px solid #dfdfdf; padding-bottom:10px;}

 
/* __hue__ 230728 장바구니,찜하기 코드 추가 끝 */


 



/*__hue__ 231027 장바구니 info 섹션 코드 시작*/
.cartInfo{
	padding:40px 20px 20px;
	border:1px solid #888;
	border-bottom:0px;
	border-radius:30px 30px 0px 0px;
	line-height:20px;
	font-size:14px;
	font-weight:200;
	max-width:520px;
	width:100%;
	bottom:-100px;
	position:fixed;
	background:#fff;
	opacity:0;
    z-index: 1;
}

.cartInfo button{
	position: absolute;
	right: 30px;
	top: 20px;
}

.cartInfo p{
	font-weight:bold;
}

.cartInfo p small{
	color:#fc180f;
	font-weight:bold;
	font-size:18px;
	margin-right:2px;
}

/*__hue__ 231027 장바구니 info 섹션 코드 끝*/



/** 상세 gpt 추가 **/

.bot_msg,
.bot_msg::before,
.bot_msg::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.bot_textarea {
    resize: none;
}
.bot_btn {
    display: inline-block;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    font-size: 14px;
    line-height: 38px;
    font-weight: 400;
    vertical-align: top;
    cursor: pointer;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    white-space: nowrap;
    text-align: center;
}
.bot_btn.btn-point {
    background-color: #ee3d43;
    border-color: #ee3d43;
    color: #fff;
}
.bot_form-control {
    display: block;
    width: 100%;
    min-height: 30px;
    height: 40px;
    padding: 7px 10px;
    border: 1px solid #ddd;
    border-radius: 0;
    background: transparent;
    font-size: 14px;
    line-height: normal;
    transition: border 0.2s ease-in-out;
}
#bot_wrap {
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "noto sans KR", Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: normal;
    letter-spacing: -0.2px;
}
#bot_wrap .container {
    position: relative;
    width: 100%;
    max-width: 768px;
    min-height: calc(100% - 322px);
    margin: 0 auto;
    padding-top: 100px;
}
#bot_wrap .container.full {
    display: flex;
    align-items: center;
    height: 100%;
}
.message-area {
    position: relative;
}
.message-area .message-body {

}
.message-area .message-body .msg-date {
    margin-bottom: 20px;
    text-align: center;
}
.message-area .message-body .msg-date span {
    display: inline-block;
    vertical-align: top;
    height: 26px;
    padding: 0 22px;
    border-radius: 13px;
    font-size: 12px;
    line-height: 26px;
	cursor:pointer;
}
.onspan {
    background: #1D4684;
    color: #fff;
}
.offspan {
    background: #E9EFFA;
    color: #163163;
}
.onspan_talk {
    background: #1D4684;
    color: #fff;
}
.offspan_talk {
    background: #E9EFFA;
    color: #163163;
}
.message-area .message-body .msg-wrap {
    position: relative;
    margin-bottom: 25px;
}
.message-area .message-body .msg-wrap.from {

}
.message-area .message-body .msg-wrap.from .thumb {

}
.message-area .message-body .msg-wrap.from .bot_msg p,
.message-area .message-body .msg-wrap.from .bot_msg .bot_div {
    background: #f8f8f8;
    color: #333;
}
.message-area .message-body .msg-wrap.from .bot_msg p::before,
.message-area .message-body .msg-wrap.from .bot_msg .bot_div::before {
    left: -6px;
    background-image: url("/layouts/basic/images/bg/bg-msg-from.png");
}
.message-area .message-body .msg-wrap.to {
    padding-right: 8px;
}
.message-area .message-body .msg-wrap.to .bot_msg {
    flex-direction: row-reverse;
}
.message-area .message-body .msg-wrap.to .bot_msg p {
    background: #ee3d43;
    color: #fff;
}
.message-area .message-body .msg-wrap.to .bot_msg p::before {
    right: -6px;
    background-image: url("/layouts/basic/images/bg/bg-msg-to.png");
}
.message-area .message-body .msg-wrap .bot_msg {
    display: flex;
    align-items: flex-end;
}
.message-area .message-body .msg-wrap .bot_msg p,
.message-area .message-body .msg-wrap .bot_msg .bot_div {
    position: relative;
    max-width: 90%;
    padding: 0px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 22px;
    word-break: keep-all;
}
.message-area .message-body .msg-wrap .bot_msg p::before,
.message-area .message-body .msg-wrap .bot_msg .bot_div::before {
    content: ' ';
    position: absolute;
    top: 8px;
    width: 6px;
    height: 7px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.bot_div{
    line-height: 1.4;
    color: var(--val-navy-color) !important;
}

.bot_div a {
    display: unset !important;
    padding: unset !important;
    color: var(--val-navy-color) !important;
    font-weight: unset !important;
    font-size: unset !important;
}

.bot_div a:hover {
    color: var(--concept-color) !important;
}


.message-area .message-body .msg-wrap .bot_msg span.date {
    margin: 0 10px;
    color: #888;
    font-size: 12px;
    white-space: nowrap;
}
.message-area .message-foot {
    margin-top: 8px;
    display: flex;
    align-items: flex-end;
    border-top: 0px solid #ddd;
    padding: 0px;
    padding-bottom: 40px;
}
.message-area .message-foot .bot_form-control {
    height: 40px;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 22px;
}
.message-area .message-foot .text-area {
    flex: 1 1 auto;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px 10px;
}
.message-area .message-foot .text-area textarea {
    display: block;
    width: 100%;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    border: none;
    padding: 0;
}
.message-area .message-foot .text-area textarea:focus {
    outline: 0;
}
.message-area .message-foot .bot_btn.btn-point {
    padding-top: 9.6px;
    padding-bottom: 8px;
	margin-left: 8px;
    border-radius: 4px;
}

/*** 상세페이지에 mail css 적용하기 ***/

@media screen and (max-width: 460px) {      
	.stb-two-col .stb-column {        
	max-width: 100% !important;      
	}    
}    
@media screen and (min-width: 461px) {      
	.stb-two-col .stb-column {        
	max-width: 50% !important;      
	}    
}    
@media screen and (max-width: 640px) {      
	img.stb-justify {        
	width: 100% !important;     
	}    
}    
.stb-one-col p, .stb-two-col p {      
	margin: 0px !important;    
}

.first_div_top {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/*
	padding: 20px 0px;
	*/
	margin: 0 auto;
	background:#ffffff;
}

.first_div {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	padding: 20px 0px;
	margin: 0 auto;
	background:#ffffff;
}

.first_table {
	width:100%;
	background:#ffffff;
	border:0 !important
}

.outer {
	width:100%;
	max-width:630px;
	background:#ffffff;
	margin: 0px auto;
}

.stb-one-col {
	width: 100%;
	border:0;
}

.first_td {
	text-align:justify;
	font-size:0;
	box-sizing:border-box;
	padding:15px 15px 15px 15px;
}

.stb-justify {
	width: 600px;
	display:inline;
	vertical-align:bottom;
	text-align:justify;
	max-width:100% !important;
	height:auto;
	border:0;
}

.second_td {
	word-break:break-all;
	text-align:left;
	margin:0px;
	line-height:1.7;
	word-break:break-word;
	font-size:16px;
	font-family:noto sans kr, noto sans cjk kr, noto sans cjk, Malgun Gothic, apple sd gothic neo, nanum gothic, malgun gothic, dotum, arial, helvetica, Meiryo, MS Gothic, sans-serif!important;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	color:#000000;
	padding:15px 15px 15px 15px;
}

.second_div {
	text-align: center;
}

.first_span {
	font-size: 26px;
}

.h_15 {
	height:15px;
}

.w_15 {
	width:15px;
}

.hd_15 {
	height:15px;
	background: none;
	padding: 0px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#999999;
	margin:0 0;
}

.stb-bold {
	font-weight: bold;
}

.first_ul {
	padding: 0; 
	margin: 0 0 0 30px;
}

.stb-image-box {
	text-align:justify;
	margin:0px;
	padding:15px 15px 15px 15px;
}


.stb-image-box_mo {
	text-align:justify;
	margin:0px;
	text-align: center;
}

.third_td {
	font-size:0;
	line-height:0;
}

.first_a {
	text-decoration: none; 
	color: #0000ff; 
	textDecoration: none;
}

.third_div {
	padding: 10pt 0cm 10pt 0cm;
}

.MsoNormal {
	text-align: center;
}

.first_ol {
	padding: 0; 
	margin: 0 0 0 30px;
}

.txt_left {
	text-align: left;
}

.stb-size-16 {
	font-size: 16px;
}

.stb-underline{
	text-decoration: underline;
}

.stb-size-18 {
	font-size: 18px;
}

.four_td {
	padding:15px 15px 15px 15px;
	border:0;
	width:100%;
	text-align:center;
}

.stb-cell-wrap-cta {
	color:#ffffff;
	mso-padding-alt:0px;
	background:#ff5252;
	border-radius:3px;
	mso-line-height-rule:exactly;
	box-sizing:border-box;
	text-decoration:none;
	outline:0px;
	font-family:noto sans kr, noto sans cjk kr, noto sans cjk, Malgun Gothic, apple sd gothic neo, nanum gothic, malgun gothic, dotum, arial, helvetica, Meiryo, MS Gothic, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-align:center;
	display:inline-table;
	border:0;
}

.five_td {
	font-size:0;
	background:none;
	border-radius:3px;
	padding:19px 20px;
	text-align:center;
}

.second_a {
	font-size:16px;
	display:inline-block;
	color:#ffffff;
	text-decoration:none;
	outline:0px;
	font-family:noto sans kr, noto sans cjk kr, noto sans cjk, Malgun Gothic, apple sd gothic neo,     nanum gothic, malgun gothic, dotum, arial, helvetica, Meiryo, MS Gothic, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-align:center;
	line-height:1;
	box-sizing:border-box;
	mso-line-height-rule:exactly;
}

.six_td {
	font-size:0;
	box-sizing:border-box;
	padding:15px 15px 15px 15px;
}

.stb-fore-colored {
	font-size: 14px; 
	color: #515151;
}

.stb-color {
	color: #ff5252;
}

.two_a {
	font-weight: normal; 
	font-style: normal; 
	text-decoration: underline; 
	color: #0000ff; 
	textDecoration: none;
}

.seven_td {
	font-size:0;
	background:none;
	border-radius:3px;
	padding:19px 20px 16px;
	text-align:center;
}

.mocanvas_area_bot_view {
	padding: 0px 15px;
	/*
	border-top: 10px solid var(--val-gray7-color);
	*/
}
.mocanvas_area_bot_view img {
    width: 100%;
}


.second_td3 {
	word-break:break-all;
	text-align:left;
	margin:0px;
	word-break:break-word;
	padding:15px 15px 15px 15px;
}

.second_span_v {
	word-break:break-all;
	text-align:left;
	margin:0px;
	word-break:break-word;
	font-size:16px;
	color:#B61701;
	cursor:pointer;
	font-weight: 600;
}

.second_span_v2 {
	word-break:break-all;
	text-align:left;
	margin:0px;
	word-break:break-word;
	font-size:14px;
	color:#525252;
	line-height:1.2;
	font-weight: 400;
}

.second_span_v3 {
	word-break:break-all;
	text-align:left;
	margin:0px;
	word-break:break-word;
	font-size:13.5px;
	color:#B61701;
	line-height:1.2;
	font-weight: 600;
}

.second_span_v4 {
	word-break:break-all;
	text-align:left;
	margin:0px;
	word-break:break-word;
	font-size:13.5px;
	color:#B61701;
	line-height:1.2;
	font-weight: 600;
	margin-bottom:5px;
}

.second_span_v5 {
	padding-top:15px;
	word-break:break-all;
	text-align:left;
	margin:0px;
	word-break:break-word;
	font-size:13.5px;
	color:#286D9A;
	line-height:1.2;
	font-weight: 600;
	text-decoration:underline;
}

#bot_wrap_talk {
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "noto sans KR", Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: normal;
    letter-spacing: -0.2px;
}
#bot_wrap_talk .container {
    position: relative;
    width: 100%;
    max-width: 768px;
    min-height: calc(100% - 322px);
    margin: 0 auto;
    padding-top: 100px;
}
#bot_wrap_talk .container.full {
    display: flex;
    align-items: center;
    height: 100%;
}


.bot_dotted_line {
   border-top: 1px dotted #B61701;  
   width: 100%;  
   margin: 20px 0;  
}


.bot_dotted_class_line {
   border-top: 1px dotted #1A3524;  
   width: 100%;  
   margin: 20px 0;  
   float: right;
}

.naver_gptLoaderText_img {
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 1.25em;
    margin-top: 50px;
}
.naver_gptLoaderText_img:after {
    content: '빌드업 챗봇이 최저가를 분석하고 있습니다. 잠시만 기다려주세요 :)';
	color:#212457;
	font-size:14px;
}


.gptLoaderText_up_end {
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 1.25em;
    margin-top: 50px;
}
.gptLoaderText_up_end:after {
    content: '상품 저장 및 게시를 진행중에 있습니다. 잠시만 기다려주세요 :)';
	color:#212457;
	font-size:14px;
}


.business>li:not(.boardMor) {
    border-bottom: 0px !important;
}




/*__hue__240314 추가 코드 시작 mj */
.groupHome{
	background:#ccc; 
	color:#fff; 
	overflow:hidden; 
	text-align:center; 
	font-size:13px; 
	font-weight:300;
	position: fixed; 
}

.worker_lnav_group{
	overflow:hidden;
	padding:10px;
	background:#fff;
}
.worker_lnav_group li{
	float:left;
	width:calc((100% - 10px) / 2);
	margin-bottom:10px;
}

.worker_lnav_group li:nth-child(odd){
	margin-right:10px;
}

.worker_lnav_group li h2{
	font-size:15px;
	font-weight:bold;
	padding:10px;
	color:#212457;
	border-bottom:1px solid #ccc;
}

.worker_lnav_group li table{
	width:100%;
}

.worker_lnav_group li table th{
	padding:5px 10px;
	font-size: 13px;
    font-weight: 300;
}

.worker_lnav_group li table td{
	padding:5px 10px;
	font-size: 13px;
    font-weight: 300;
	text-align:right;
}

.worker_lnav_group li table td .link_btn{
	width:100%;
	padding:8px;
	text-align:center;
	background: #001c65;
    color: #fff;
}

.worker_lnav_group li table td .link_btn:hover{
	color:#fff !important;
}

.worker_lnav_group li table td .notRegistered{
	width:100%;
	padding:8px;
	text-align:center;
	background:#c31023;
    color: #fff;
	display:block;
}




.botReWr{
	border-top: 10px solid var(--val-gray7-color);
	padding:20px 15px;
	border-bottom: 10px solid var(--val-gray7-color);
}

.botReWr h2{
	font-weight:bold;
	font-size: 16px;
	margin-bottom:20px;
}

.botReWr h2 span{
	color:#B61701;
}

.botReWr .botReTxt{
	word-break: break-word;
    font-size: 14px;
    color: #525252;
    line-height: 1.5;
    font-weight: 400;
}

.botReWr .botReTxt h3{
	font-weight:bold;
	font-size: 15px;
	margin-bottom:10px;
	color:#ee3d43;
}

.botReWr .botReTxt .botReSimple{
	font-weight:bold;
	font-size: 15px;
	display: block;
    margin-top: 20px;
	color:#000;
}

.botReWr .botReTxt .botReSimple h4{
	margin-bottom:15px;
	font-weight:bold;
}

.botReWr .botReTxt .botReSimple small{
	display:block;
	margin-top:5px;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	color:#1D4684;
}

.botReWr .botReOrder{
	margin-top: 50px;
    margin-bottom: 10px;
}

.botReWr .botReOrder small{
	font-size: 11px;
    color: #ee3d43;
    display: block;
}

.botReWr .botReOrder select{
	border-radius:0px;
	padding:5px 0px;
	font-size:14px;
	text-decoration: underline;
    font-weight: bold;
}



.botReWr .botReWrite{
	display: flex;
    align-items: flex-end;
}

.botReWr .botReWrite textarea{
	resize:none;
	height: 40px;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
	width:100%;
	border: 1px solid #ddd;
	color:#000;
}

.botReWr .botReWrite button{
	background:#ee3d43;
	color:#fff;
	font-size: 14px;
    line-height: 38px;
    font-weight: 400;
	display: inline-block;
    padding: 0 14px;
	padding-top: 9.6px;
    padding-bottom: 8px;
    margin-left: 8px;
	border-radius: 4px;
	border:1px solid #ee3d43;
}

.botReWr .botReResult{
	margin-top:20px;
}

.botReWr .botReResult p {
	font-size:15px;
}

.botReWr .botReResult p small{
	color: #B61701;
	font-weight:bold;
	font-size:17px;
}
/*__hue__240314 추가 코드 끝 mj */








/*__hue__240403 mj 추가 코드 시작*/

/* ************************************** *
 * 메인 브랜드 리스트
 * ************************************** */
#brandDiv{
	padding:0px 15px 50px 15px;
}

#brandDiv h3{
	font-weight:bold;
	margin-bottom:20px;
	font-size:22px;
	font-family:'AppleSDGothicNeo','NotoSansKR', sans-serif;
}

#brandDiv .brandWrap{
	display:flex;
	align-items: center;
}

#brandDiv .brandWrap .brandLeft{
	flex: 0 0 55%;
	margin-right:10px;
}


#brandDiv .brandWrap .brandLeft span.title{
	word-break: break-all;
	font-size:20px;
	font-family:'AppleSDGothicNeo','NotoSansKR', sans-serif;
	margin-bottom:10px;
	display:block;
	font-weight:900;
	line-height:25px;
}

#brandDiv .brandWrap .brandLeft span.subTitle{
	word-break: break-all;
	font-size:14px;
	font-family:'AppleSDGothicNeo','NotoSansKR', sans-serif;
	margin-bottom:20px;
	line-height:20px;
	display:block;
	font-weight:600;
}

#brandDiv .brandWrap .brandLeft small{
    font-size: 10px;
	font-family:'AppleSDGothicNeo','NotoSansKR', sans-serif;
	font-weight:400;
}

#brandDiv .brandWrap .brandRight{
	
}

#brandDiv .brandWrap .brandRight img{
	width:100%;
}


/* ************************************** *
 * 메인 AI 리스트
 * ************************************** */
#offline_area{
	margin-bottom: 50px;
	padding: 0 15px;
	overflow: hidden;
	position: relative;
	font-family:'AppleSDGothicNeo','NotoSansKR', sans-serif;
}

#offline_area .offline_title{
	overflow: hidden;
    padding-bottom: 10px;
    position: relative;
}

#offline_area .offline_title .title{
    display: inline;
    position: relative;
    font-size: 22px;
    font-weight: 600;
    z-index: 0;
    padding: 0 10px;
    overflow: hidden;
}

#offline_area .img_wrapper{
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	border: 1px solid var(--val-gray5-color);
	box-sizing: border-box;
}

#offline_area .img_wrapper img{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

#offline_area .txt_wrapper{
	margin-top:15px;
}

#offline_area .txt_wrapper .name{
	font-size:16px;
	font-weight:600;
	margin-bottom:5px;
}

#offline_area .txt_wrapper .explan{
	color:#707070;
	margin-bottom:15px;
	font-weight:300;
	font-size:13px;
}

#offline_area .txt_wrapper .memo{
	font-size:12px;
	font-weight:600;
	line-height:20px;
	max-height:80px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    text-overflow: ellipsis;
	overflow:hidden;
	margin-bottom:20px;
}

#offline_area .txt_wrapper .price{
	color:#c31023;
	font-weight:700;
}

#offline_area .txt_wrapper .price span{
	margin-right:5px;
}



#offline_view_area{
	font-family:'AppleSDGothicNeo','NotoSansKR', sans-serif;
}

#offline_view_area h2{
	font-size:22px;
	font-weight:600;
	text-align:center;
}

#offline_view_area h2 small{
	color:#707070;
	margin-bottom:15px;
	font-weight:300;
	font-size:13px;
	display:block;
	margin-top:5px;
}

#offline_view_area .img_wrapper img{
	width:100%;
}

#offline_view_area .txt_wrapper h3{
	margin-bottom:15px;
	font-weight:600;

}

#offline_view_area .txt_wrapper{
	padding:20px;
	font-weight:300;
	line-height:20px;
}

#offline_view_area .relation_wrapper{
	padding:20px;
}

/*__hue__240403 mj 추가 코드 끝*/


.bot_dotted_line2 {
   border-top: 1px dotted #0772D0;  
   width: 100%;  
   margin-bottom:10px;
}


.saupjagptLoaderWheel {
    animation: spin 1s infinite linear;
    border: 2px solid rgba(30, 30, 30, 0.5);
    border-left: 4px solid #fff;
    border-radius: 50%;
    height: 50px;
    margin-bottom: 0px;
    width: 50px;
    margin: auto;
}
.saupjaLoaderText_img {
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 1.25em;
    margin-top: 10px;
}
.saupjaLoaderText_img:after {
    content: '사업자 등록번호 검증 중에 있습니다. 잠시만 기다려주세요 :)';
	color:#212457;
	font-size:14px;
}

.saupjaLoaderText_img2 {
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 1.25em;
    margin-top: 10px;
}
.saupjaLoaderText_img2:after {
    content: '인증 문자를 전송하고 있습니다. 잠시만 기다려주세요 :)';
	color:#212457;
	font-size:14px;
}

.btn_lsmall_mypage {
	display:inline-block;
	text-decoration:none !important;
	vertical-align:middle !important;
	font-family:inherit;
	white-space:nowrap;
	cursor:pointer;
	background:transparent;
	text-align:center;
	border-radius:0;
	outline:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
	padding:3px 20px;
	font-size:13px;
	line-height:1.65;
	transform: skew(-0.001deg);font-family: 'Nanum Square';font-style: normal;font-weight:400;
	
	background:#ffffff;
	border:1px solid #b5b6bd;
	color:#818181;
	border-radius:24px; 
}