@import "https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css";
@import "https://fonts.cdnfonts.com/css/sf-pro-display";
@font-face {
    font-family: 'NanumSquareNeoBold';
    src: local('NanumSquareNeoBold'), url('../fonts/NanumSquareNeoTTF-cBd.woff') format('woff');
}
@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: local('NanumSquareNeoExtraBold'), url('../fonts/NanumSquareNeoTTF-dEb.woff') format('woff');
}
@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: local('NanumSquareNeoHeavy'), url('../fonts/NanumSquareNeoTTF-eHv.woff') format('woff');
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: local('NanumSquareNeo'), url('../fonts/NanumSquareNeoTTF-bRg.woff') format('woff');
}
@font-face {
    font-family: 'NanumSquareNeoLight';
    src: local('NanumSquareNeoLight'), url('../fonts/NanumSquareNeoTTF-aLt.woff') format('woff');
}

:root{--main-color:#00a0b6;--dark-main-color:#00a0b6;--light-grey:#f1f1f1;--point-color:#FF6B64;--text-color:#141415;--lock-color:#c2c0c0;--bg-color:#f1f1f1;--white-color:#fff;--star-color:#f8d748;--main-dark-grey:#9E9E9E;--main-light-grey:#F3F3F3;--footer-bg-color:#cecece;--copyright-color:#e3e3e3;--fav-color:#F08687;--font-kr:'NanumSquareNeo','SF Pro Display',sans-serif}
*{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}
body{background-color:var(--bg-color);padding:0;margin:0;font-family:var(--font-kr);padding-left:env(safe-area-inset-left) !important;padding-right:env(safe-area-inset-right) !important;padding-top:env(safe-area-inset-top) !important;padding-bottom:env(safe-area-inset-bottom) !important;font-family:var(--font-kr)}
.body1{background:url(../img/backlogo.png) no-repeat center;width:100%;height:100%;position:absolute;top:0;left:0;padding-left:constant(safe-area-inset-left);padding-right:constant(safe-area-inset-right)}
.header :not(.mybuycontainer){width:100%;height:12vw;opacity:.37;background-color:#fff;z-index:9999;position:absolute;left:0;top:0;padding-bottom:9%}
.logo{width:17%;height:0;left:8px;top:1.5%;position:absolute;z-index:10000;object-fit:contain;padding-bottom:4%}
.imglogo{width:100%;height:100%;position:absolute}
.bannerimg{width:100%;height:auto}
select {cursor: pointer;}
.style_img{width:100%;height:100%;top:0;left:0;position:absolute;border-radius:2px;object-fit:cover;z-index:1}
.imgFilter{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background:linear-gradient(180deg,rgba(217,217,217,0.00) 0%,rgba(0,0,0,0.30) 100%)}
.artist_img{width:100%;height:auto;top:0;left:0}
.search{width:5vw;height:5vw;float:right;right:2.9%;top:1.5%;z-index:10000;position:absolute;padding-bottom:4%}
.wrap{width:100%;height:auto;overflow-x:scroll;white-space:nowrap;vertical-align:middle}
.contain{z-index:9998;width:100%;height:auto;object-fit:contain;position:absolute;top:0;left:0}
.content{background-color:#fff;width:100%;height:auto;margin-top:10px;position:relative;padding-top:20px}
.toptitle{position:relative;width:100%}
.main-event-title{margin-bottom:10px}
.tit{margin-left:2vw;width:auto;height:5vw;font-size:4vw;font-weight:700;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:left;color:var(--text-color);float:left;font-family:var(--font-kr)}
.event-main-title{font-size:20px}
.tit2{margin-left:2vw;width:auto;height:5vw;font-size:4vw;font-weight:700;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:left;color:var(--text-color);float:left;font-family:var(--font-kr)}
.tit_normal{margin-left:1vw;width:auto;height:0;font-size:4vw;font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:left;color:var(--text-color);float:left}
.returncash{text-align:end;padding-right:2rem;text-decoration:underline;color:var(--lock-color);font-family:var(--font-kr);font-weight:700}
.more{color:var(--main-color);font-size:3vw;float:right;margin-right:4vw;font-family:var(--font-kr)}
.event-more{font-size:14px}
.contentList{width:100%;height:auto;display:flex;flex-wrap:wrap;overflow:auto;justify-content:flex-start;align-items:flex-start;align-content:flex-start;padding-top:1%;padding-bottom:1%}
#artistList{width:100%;height:310px;display:flex;flex-wrap:wrap;overflow:hidden;justify-content:flex-start;align-items:flex-start;align-content:flex-start;padding-top:1%;padding-bottom:1%}
.item{width:48%;height:auto;background-color:#fff;margin:1%;padding-left:2%;padding-right:2%;padding-bottom:25px;position:relative;cursor:pointer}
.Contentlist1{width:100%;height:auto;display:flex;white-space:nowrap;overflow:auto;padding-top:2%}
.artistitem{width:48%;height:0;border:solid 1px var(--lock-color);border-radius:2vw;background-color:#fff;position:relative;flex:0 0 auto;margin-left:1vw;margin-right:.5vw;padding-bottom:58%;margin-bottom:1.5vw}
.artistitem > .middle_cont{margin-top:15px;display:flex;justify-content:center;align-items:center}
.imgarea{width:100%;height:0;margin-top:2px;position:relative;padding-bottom:100%;border-radius: 10px; overflow: hidden;}
.imgarea1{width:100%;height:145px;margin-top:2px;position:relative;padding-bottom:78%;overflow:hidden}
.artistitem .imgarea{height:180px;margin-top:0}
.new{position:relative;background:url(../img/new.png) 100% 100% no-repeat;background-size:31px auto;float:left;width:31px;height:32px;z-index:1000}
.event{position:relative;background:url(../img/event.png) 100% 100% no-repeat;background-size:31px auto;float:left;width:31px;height:32px;z-index:1000}
.fav{position:relative;margin-right:8px;margin-top:4px;background:url(../img/active_bookmark.png) 100% 100% no-repeat;background-size:31px auto;float:right;width:31px;height:32px;z-index:1000}
.unfav{position:relative;margin-right:8px;margin-top:4px;background:url(../img/no_bookmark.png) 100% 100% no-repeat;background-size:31px auto;float:right;width:31px;height:32px;z-index:1000}
.contentcategory{margin-top:10px;font-size:.75em;line-height:1em;font-weight:400;color:#7e7e7e;font-family:var(--font-kr)}
.contenttitle{margin-top:4px;font-size:14px;line-height:18px;overflow:hidden;font-family:'NanumSquareNeoBold';color: #141415;font-weight:bold;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.middle_cont{margin-top:8px;width:100%;height:0;padding-bottom:5%}
.star_rate{width:45%;float:left}
.star{width:17%;height:auto;margin-left:0}
.count{width:45%;font-size:13px;color:#7e7e7e;float:left;line-height:3vw;font-family:var(--font-kr);font-weight:500}
.price{font-size:15px;line-height:4vw;color:#000;font-family:var(--font-kr)!important;font-weight:700;margin-top:5px;float:right;width:60%;text-align:right}
.day{font-size:15px;line-height:3vw;font-family:var(--font-kr);font-weight:700;color:var(--main-color);margin-top:5px;width:40%}
.middlebanner{margin-top:2vw}
.artist_list{margin-top:2vw;width:100%;height:auto;background-color:#fff;padding-top:5%;padding-bottom:3%}
.artisttitle{margin-top:2vw;font-size:3vw;line-height:4vw;text-align:center;font-weight:700;font-family:var(--font-kr)}
.artistsubtitle{margin-left:2vw;margin-top:2vw;font-size:2.7vw;line-height:3vw;margin-bottom:1vw;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:90%;overflow:hidden}
.starcont{float:left;margin-right:10px}
.reviewcnt{color:#000;letter-spacing:-2.96px;font-size:3vw;font-family:var(--font-kr)}
.reviewtitle{line-height:6vw;margin-right:1vw;color:#666;letter-spacing:0;font-family:var(--font-kr)}
.startrate{font-size:3vw;font-family:var(--font-kr)}
.Contentlist1::-webkit-scrollbar{display:none}
.event_container{margin-top:10px;width:100%;height:auto;background-color:#fff;padding-top:20px}
.eventList{width:100%;height:auto;padding-bottom:5%;padding-top:20px}
.eventitem{margin:1% 2vw 2%}
.companyinfo{width:100%;height:auto;margin-top:5vw;padding-bottom:100px;display:flex;justify-content:center}
.company_info_limit{width:100%;padding:0 16px}
.like{text-align:center;color:var(--main-dark-grey);font-size:10px;font-weight:700;margin-bottom:10px;font-family:var(--font-kr);display:flex;align-items:center;justify-content:space-between}
.like a,.like a:is(:hover,:focus){text-decoration:none;color:var(--main-dark-grey)}
.brand{margin-left:4vw;margin-top:4vw;color:var(--lock-color);font-size:5vw;line-height:7vw;margin-bottom:3vw}
.footer-logo{width:100px;margin-bottom:15px}
.footer-logo img{width:100%}
.address{color:var(--main-dark-grey);font-size:10px;margin-top:4px;line-height:13px;font-family:var(--font-kr);font-weight:400}
.address1{margin-top:10px;color:var(--main-dark-grey);font-size:10px;line-height:15px;font-weight:700;font-family:var(--font-kr)}
.footer-copyright{text-align:right;color:var(--main-dark-grey);text-align:right;font-family:var(--font-kr);font-size:10px;font-style:normal;font-weight:400;line-height:10px;margin-top:20px}
.address2{margin-left:4vw;margin-top:4vw;color:var(--lock-color);font-size:10px;line-height:4vw}
.footer{position:fixed;height:19vw;background-color:#fff;z-index:10000;bottom:0;width:100%;padding:3vw 0;color:var(--lock-color);font-weight:700;-webkit-box-shadow:0 -4px 15px 2px rgba(0,0,0,0.37);box-shadow:0 -4px 15px 2px rgba(0,0,0,0.37)}
.footer a{text-decoration:none;color:var(--bg-color)}
.tab_home{position:relative;width:20%;height:100%;background:url(../img/tab_home_off.png) 100% 100% no-repeat;background-size:6vw auto;float:left;background-position:center 1vw}
.tab_home_active{position:relative;width:20%;height:100%;background:url(../img/tab_home_on.png) 100% 100% no-repeat;background-size:6vw auto;float:left;background-position:center 1vw;color:var(--point-color)}
.tab_desgin{position:relative;width:20%;height:100%;background:url(../img/tab_desgin_off.png) 100% 100% no-repeat;background-size:8vw auto;float:left;background-position:center 1vw}
.tab_desgin_active{position:relative;width:20%;height:100%;background:url(../img/tab_desgin_on.png) 100% 100% no-repeat;background-size:8vw auto;float:left;background-position:center 1vw;color:var(--point-color)}
.tab_product{position:relative;width:20%;height:100%;background:url(../img/tab_gift_off_back.png) 100% 100% no-repeat;background-size:6vw auto;float:left;background-position:center 1vw}
.tab_product_active{position:relative;width:20%;height:100%;background:url(../img/tab_gift_on_back.png) 100% 100% no-repeat;background-size:6vw auto;float:left;background-position:center 1vw;color:var(--point-color)}
.tab_bookmark{position:relative;width:20%;height:100%;background:url(../img/tab_bookmark_off.png) 100% 100% no-repeat;background-size:6vw auto;float:left;background-position:center 1vw}
.tab_bookmark_active{position:relative;width:20%;height:100%;background:url(../img/tab_bookmark_on.png) 100% 100% no-repeat;background-size:6vw auto;float:left;background-position:center 1vw;color:var(--point-color)}
.tab_community{position:relative;width:20%;height:100%;background:url(../img/main_btn_community_off.png) 100% 100% no-repeat;background-size:6vw auto;float:left;background-position:center 1vw}
.tab_community_active{position:relative;width:20%;height:100%;background:url(../img/main_btn_community_on.png) 100% 100% no-repeat;background-size:6vw auto;float:left;background-position:center 1vw;color:var(--point-color)}
.tab_my{position:relative;width:20%;height:100%;background:url(../img/tab_my_off.png) 100% 100% no-repeat;background-size:5vw auto;float:left;background-position:center 1vw}
.tab_my_active{position:relative;width:20%;height:100%;background:url(../img/tab_my_on.png) 100% 100% no-repeat;background-size:5vw auto;float:left;background-position:center 1vw;color:var(--point-color)}
.detailmenufixed{position:fixed;top:45px;z-index:10000}
@media screen and (min-width: 420px) {
.detailmenufixed{top:65px}
}
.productnamefixed{margin-bottom:56px}
.tab_title{top:8vw;position:absolute;text-align:center;width:100%;font-size:3vw;font-weight:700}
.subhead{display:flex;align-items:center;justify-content:center;width:100%;height:45px;z-index:100000;position:fixed;border-bottom:solid 1px var(--lock-color);background-color:#fff;flex-shrink:0}
.subhead2{display:flex;align-items:center;justify-content:center;width:100%;height:49px;z-index:1000;position:fixed;border-bottom:solid 1px var(--lock-color);background-color:#fff;flex-shrink:0}
.subhead3{display:flex;align-items:center;justify-content:center;width:100%;height:57px;z-index:1000;position:fixed;border-bottom:solid 1px var(--lock-color);background-color:#fff;flex-shrink:0}
.backbtn{
    width: 24px;
    height: 24px;
    background: #fff url(../img/icon/back.png) no-repeat center;
    background-size: 24px 24px;
    position: static;
    float: none;
    margin: 0;
    margin-left: 20px;
}

.headright > .cashicon {
    display: none;
}
.headtitle{display:inline-block;position:relative;color:var(--text-color);text-align:center;font-weight:700;line-height:43px;width:max-content;white-space:nowrap;margin-left:11%;font-family:var(--font-kr)}
.headtitle2{display:inline-block;position:relative;color:var(--text-color);text-align:center;line-height:43px;width:max-content;white-space:nowrap;font-weight:700;font-family:var(--font-kr)}
.headtitle3{display:inline-block;position:relative;color:var(--text-color);text-align:center;font-size:1rem;font-weight:700;line-height:43px;width:max-content;white-space:nowrap;font-family:var(--font-kr)}
.searchbar{width:100%;height:0;position:fixed;padding-bottom:11%;margin-top:11%;z-index:9999;border:solid 1px var(--lock-color);background-color:#fff}
.searchicon{width:5%;height:0;float:left;left:14px;top:12px;z-index:120000;position:absolute;padding-bottom:5%}
.searchicon2{position:fixed;background:url(../img/search_off.png) 50% 50% no-repeat;background-size:5vw auto;background-position:center center;height:12vw;width:8vw;float:right;z-index:120000;right:0}
.searchicon3{position:fixed;background:url(../img/search_off.png) 50% 50% no-repeat;background-size:5vw auto;background-position:center center;height:12vw;width:8vw;float:right;z-index:120000;right:8vw}
.sort{position:fixed;background:url(../img/filter_off.png) 50% 50% no-repeat;background-size:5vw auto;background-position:center center;height:12vw;width:8vw;float:right;right:0;z-index:120000}
.searchinput{width:80%;height:auto;position:absolute;left:50px;top:12px;border:none}
.searchinput > input{width:100%;border:none;font-size:3.5vw;font-family:var(--font-kr)}
.cont{width:100%;height:auto;position:relative}
.no_result{    width: 100%;
    background: url(../img/charector_icon.png) 100% 100% no-repeat;
    background-size: 100px auto;
    background-position: center center;
    height: 200px;
    position: relative;
    margin-bottom: 50px;}
.no_result_title{    color: var(--lock-color);
    text-align: center;
    position: absolute;
    font-size: 12px;
    bottom: 10px;
    display: inline-block;
    width: 100%;}
.search_content{width:100%;height:calc(100vh - 11vh);overflow-x:hidden;overflow-y:auto;top:70px;position:relative}
@media screen and (min-width: 420px) and (max-width: 767px) {
.searchbar{margin-top:64px}
.search_content{top:22vw}
}
.help{position:relative;background:url(../img/help.png) 50% 50% no-repeat;background-size:5vw auto;height:100%;width:11%;float:right;z-index:9999}
.help2{position:relative;background:url(../img/help.png) 100% 100% no-repeat;background-size:5vw auto;background-position:center center;top:2.2vw;right:-32%;height:5vw;width:250%;float:left;margin-bottom:5%}
.searchicon1{position:relative;background:url(../img/search_off.png) 100% 100% no-repeat;background-size:5vw auto;background-position:center center;height:5vw;width:5vw;float:right;left:34%;margin-right:4vw;margin-bottom:1%}
.categorybar{width:100%;height:0;position:fixed;top:45px;padding-bottom:11%;z-index:9999;background-color:#fff;display:flex;white-space:nowrap;overflow-x:auto;overflow-y:hidden}
.category{width:auto;height:100%;background-color:#fff;position:relative;flex:0 0 auto;margin-left:9vw;margin-right:2vw;text-align:center;font-size:4vw;line-height:12vw;color:#b3b3b3;font-weight:700;font-family:var(--font-kr)}
.categorybar > .active{padding-bottom:9.5vw;color:var(--point-color);border-bottom:.2rem solid var(--point-color);font-family:var(--font-kr);font-weight:700}
.categorybar div:last-of-type:not(:only-child){margin-right:10%}
.topbanner{position:relative;width:100%;display:flex}
.stylecontentList{width:100%;height:calc(100vh - 35vw);display:flex;flex-wrap:wrap;overflow:auto;justify-content:flex-start;align-items:flex-start;align-content:flex-start;padding-top:10px;padding-bottom:15vw;position:relative}
.stylecontentList > .item{width:48%;height:0;border:solid 1px var(--lock-color);background-color:#fff;margin:1%;padding-left:2%;padding-right:2%;position:relative;padding-bottom:70%}
.stylecontentList > .item > .imgarea{width:100%;height:0;margin-top:2px;position:relative;padding-bottom:100%}
.stylecontentList > .item > .new{position:relative;background:url(../img/new.png) 100% 100% no-repeat;background-size:31px auto;float:left;width:31px;height:32px;z-index:1000}
.stylecontentList > .item > .event{position:relative;background:url(../img/event.png) 100% 100% no-repeat;background-size:31px auto;float:left;width:31px;height:32px;z-index:1000}
.stylecontentList > .item > .fav{position:relative;margin-right:8px;margin-top:4px;background:url(../img/active_bookmark.png) 100% 100% no-repeat;background-size:31px auto;float:right;width:31px;height:32px;z-index:1000}
.stylecontentList > .item > .unfav{position:relative;margin-right:8px;margin-top:4px;background:url(../img/no_bookmark.png) 100% 100% no-repeat;background-size:31px auto;float:right;width:31px;height:32px;z-index:1000}
.stylecontentList > .item > .contenttitle{margin-left:10px;margin-top:5px;font-size:3vw;line-height:5vw;overflow:hidden;height:5vw;font-family:var(--font-kr);font-weight:500}
.stylecontentList > .item > .middle_cont{margin-top:1vw;width:100%;height:0;padding-bottom:5%}
.stylecontentList > .item > .middle_cont > .star_rate{margin-left:10px;width:33%;float:left}
.stylecontentList > .item > .middle_cont > .star{width:18%;height:auto;margin-left:0}
.stylecontentList > .item > .middle_cont > .count{width:60%;font-size:2vw;color:#7e7e7e;float:left;font-family:var(--font-kr);line-height:3vw;font-weight:500}
.stylecontentList > .item > .price{margin-left:10px;font-size:4vw;line-height:5vw;font-family:var(--font-kr);color:#7e7e7e;margin-top:2vw;font-weight:500}
.search_content > .contentList{width:100%;height:auto;display:flex;flex-wrap:wrap;overflow:auto;justify-content:flex-start;align-items:flex-start;align-content:flex-start;padding-top:6vw;padding-bottom:1%}
.RNB{position:absolute;width:100%;height:100%;z-index:10001;filter:alpha(opacity=50)}
.dimBg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.RNB_MENU{z-index:10002;background:#fff;width:60%;height:calc(100% - 11.9vw);float:right;position:fixed;right:0;overflow:auto}
.menutable{text-align:right;width:100%;border-bottom:solid 1px #999}
.menutable > tbody > tr{height:12vw;font-size:4vw}
.menutable > tbody > tr > td{margin-right:7vw;float:right;margin-top:4vw;font-family:var(--font-kr)}
.menutable > tbody > .headertr{color:var(--main-color);font-weight:700;background:url(../img/filter_sel.png) 100% 100% no-repeat;background-size:5vw auto;background-position:left center;background-position-x:3vw}
.menutable > tbody > .menutr{color:#999;font-weight:500}
.subhead > .active{background:url(../img/filter_on.png) 100% 100% no-repeat;background-size:5vw auto;background-position:center center}
.headtitle2{position:relative;text-align:center;font-size:5vw;font-weight:700;line-height:11.9vw}
.bookmarkmenu{width:100%;height:11.9vw;position:fixed;margin-top:12%;z-index:9999;background-color:#fff}
.designmenu{width:100%;height:11.9vw;margin-top:3%;z-index:9999;background-color:#fff}
.designmenu > .active{background:var(--main-color);color:#fff}
.designmenu > a > .active{background:var(--main-color);color:#fff}
.bookmarkstyle{width:33%;height:11.9vw;float:left;text-align:center;position:relative;line-height:11.9vw;font-size:4vw;background-color:#fff}
.bookmarkgift{width:33%;height:11.9vw;float:left;text-align:center;position:relative;line-height:11.9vw;font-size:4vw}
.bookmarkartist{width:33%;height:11.9vw;float:left;text-align:center;position:relative;line-height:11.9vw;font-size:4vw;background-color:#fff}
.buy_history_menu_style{width:33.3%;height:11vw;float:left;text-align:center;position:relative;line-height:11vw;font-size:3vw;background-color:#fff}
.return_list_menu{width:33.3%;height:12vw;float:left;text-align:center;position:relative;line-height:11vw;font-family:var(--font-kr);font-size:4vw;background-color:#fff}
.bookmarkmenu > .active{background:var(--main-color);color:#fff}
.mytopbanner{position:relative;width:100%;height:19vw}
.mycontent{width:100%;height:calc(100% - 21vw);overflow:auto;font-size:3vw}
.rowcontent{width:100%;height:160px;border-bottom:solid 1px var(--bg-color)}
.rowcontent1{width:100%;height:82px;background:#fff;border-bottom:solid 1px var(--bg-color);background:#fff}
.rowcontent2{width:100%;height:auto;background:#fff}
.mynotice{width:100%;height:50px;background-color:#fff;border-bottom:solid 1px var(--bg-color);background:url(../img/noti_icon.png) 100% 100% no-repeat;background-size:23px auto;background-position-y:center;background-position-x:35px;padding-left:70px;font-size:14px;font-weight:700;line-height:50px;font-family:var(--font-kr)}
.myreview{width:100%;height:50px;background-color:#fff;border-bottom:solid 1px #f1f1f1;background:url(../img/reviewicon.png) 100% 100% no-repeat;background-size:23px auto;background-position-y:center;background-position-x:35px;padding-left:70px;font-size:14px;font-weight:700;line-height:50px;font-family:var(--font-kr)}
.beforeHistory{width:100%;height:50px;background-color:#fff;border-bottom:solid 1px #f1f1f1;background:url(../img/before_buy.png) 100% 100% no-repeat;background-size:23px auto;background-position-y:center;background-position-x:33px;padding-left:70px;font-size:14px;font-weight:700;line-height:50px;font-family:var(--font-kr)}
.refundHistory{width:100%;height:50px;background-color:#fff;border-bottom:solid 1px #f1f1f1;background:url(../img/return_icon.png) 100% 100% no-repeat;background-size:26px auto;background-position-y:center;background-position-x:32px;padding-left:70px;font-size:14px;font-weight:700;line-height:50px;font-family:var(--font-kr)}
.deliveryPay{width:100%;height:50px;background-color:#fff;border-bottom:solid 1px #f1f1f1;background:url(../img/delivery_pay_info_icon.png) 100% 100% no-repeat;background-size:26px auto;background-position-y:center;background-position-x:32px;padding-left:70px;font-size:14px;font-weight:700;line-height:50px;font-family:var(--font-kr)}
.myevent{width:100%;height:50px;background-color:#fff;border-bottom:solid 1px var(--bg-color);background:url(../img/event_icon.png) 100% 100% no-repeat;background-size:23px auto;background-position-y:center;background-position-x:35px;padding-left:70px;font-size:14px;font-weight:700;line-height:50px;font-family:var(--font-kr)}
.mysuggest{width:100%;height:50px;background-color:#fff;border-bottom:solid 1px var(--bg-color);background:url(../img/reservationicon.png) 100% 100% no-repeat;background-size:23px auto;background-position-y:center;background-position-x:35px;padding-left:70px;font-size:14px;font-weight:700;line-height:50px;font-family:var(--font-kr)}
.mycontact{width:100%;height:50px;background-color:#fff;border-bottom:solid 1px var(--bg-color);background:url(../img/contact.png) 100% 100% no-repeat;background-size:23px auto;background-position-y:center;background-position-x:35px;padding-left:70px;font-size:14px;font-weight:700;line-height:50px;font-family:var(--font-kr)}
.mysetting{width:100%;height:50px;background-color:#fff;border-bottom:solid 1px var(--bg-color);background:url(../img/setting.png) 100% 100% no-repeat;background-size:23px auto;background-position-y:center;background-position-x:35px;padding-left:70px;font-size:14px;font-weight:700;line-height:50px;font-family:var(--font-kr)}
.myinfo{width:100%;height:100%;float:left;position:relative;border-right:solid 1px var(--bg-color)}
.mypoint{width:36%;height:100%;float:left;position:relative}
.couponinfo{width:33%;height:auto;position:relative;float:left;border-right:solid 1px var(--bg-color);background:url(../img/couponicon.png) 100% 100% no-repeat;background-size:33px auto;background-position-x:center;background-position-y:19px;text-align:center;padding-top:60px;font-size:12px;font-weight:700;font-family:var(--font-kr)}
.reservationinfo{width:33%;height:auto;position:relative;float:left;border-right:solid 1px var(--bg-color);background:url(../img/booking_icon.png) 100% 100% no-repeat;background-size:33px auto;background-position-x:center;background-position-y:15px;text-align:center;padding-top:60px;font-size:12px;font-weight:700;font-family:var(--font-kr)}
.pointinfo{width:33%;height:auto;position:relative;float:left;border-right:solid 1px var(--bg-color);background:url(../img/point.png) 100% 100% no-repeat;background-size:33px auto;background-position-x:center;background-position-y:15px;text-align:center;padding-top:60px;font-size:12px;font-weight:700;font-family:var(--font-kr)}
.userpoint,.usercash,.couponcnt{font-size:12px;font-weight:700;margin-right:2px;top:20px;font-weight:bold;color:var(--main-color);font-family:var(--font-kr)}
.cashinfo{width:33%;height:auto;position:relative;float:left;border-right:solid 1px var(--bg-color);background:url(../img/cashicon.png) 100% 100% no-repeat;background-size:33px auto;background-position-x:center;background-position-y:15px;text-align:center;padding-top:60px;font-size:12px;font-weight:700;font-family:var(--font-kr)}
.reservationcnt{position:absolute;top:5vw;text-align:center;width:auto;margin-left:18vw;font-size:3.5vw;color:#fff;font-weight:500;background:var(--point-color);border-radius:1.8vw;padding:.5vw 1.5vw}
.orderinfo{width:33%;height:auto;position:relative;float:left;border-right:solid 1px var(--bg-color);background:url(../img/orderdetail.png) 100% 100% no-repeat;background-size:33px auto;background-position-x:center;background-position-y:15px;text-align:center;padding-top:60px;font-size:12px;font-weight:700;font-family:var(--font-kr)}
.cartinfo{width:33%;height:auto;position:relative;float:left;border-right:solid 1px var(--bg-color);background:url(../img/carticon.png) 100% 100% no-repeat;background-size:40px auto;background-position-x:center;background-position-y:15px;text-align:center;padding-top:60px;font-size:12px;font-weight:700;font-family:var(--font-kr)}
.picarea{width:100%;height:120px;float:left;margin-bottom:10px}
.userarea{width:100%;height:40px;position:relative;text-align:center}
.userpic{position:relative;width:100px;height:100px;overflow:hidden;border-radius:50%;margin:auto;margin-top:15px}
.circleimg{border-radius:50%;width:100%;height:100%;margin-left:-5vw;object-fit:cover}
.userpic > .circleimg{border-radius:50%;width:100%;height:100%;margin-left:0;object-fit:cover}
.username{height:30px;width:100%;padding-top:20px;font-size:20px;font-weight:700;font-family:var(--font-kr)}
.editprofile{float:right;font-size:15px;margin-right:10px;font-family:var(--font-kr);font-weight:700;line-height:22px}
.pointtitle{font-family:var(--font-kr);font-weight:500;font-size:3.5vw;background:url(../img/point.png) 100% 100% no-repeat;background-size:6vw auto;background-position-x:2vw;background-position-y:2vw;padding-top:2vw;width:100%;height:6vw;line-height:6vw;padding-left:10vw}
.pointinfo > .point{position:relative;margin-top:2vw;margin-left:4vw;font-size:5vw;font-weight:700}
.coupontitle{font-family:var(--font-kr);font-weight:500;font-size:3.5vw;background:url(../img/coupon.png) 100% 100% no-repeat;background-size:6vw auto;background-position-x:2vw;background-position-y:3vw;padding-top:2vw;width:100%;height:6vw;line-height:6vw;padding-left:10vw}
.mycompanyinfo{width:100%;height:auto;margin-top:6vw;font-size:10px;padding-bottom:27vw}
.bottominfo{width:100%;height:auto;margin-top:14vw;text-align:center}
.version{display:inline-block;padding:.8vw 3.1vw;font-size:3.1vw;color:#fff;background:var(--lock-color);text-align:center;margin:auto;border-radius:3.5vw}
.copyright{line-height:8vw;color:var(--lock-color);font-size:3vw}
.categorytopbanner{position:relative;width:100%;height:15vw;margin-top:8px}
.categoryList{position:relative;top:4vw;width:100%;height:auto;display:inline-block;background:#fff;padding-bottom:80px;min-height:calc(100% - 160px)}
.categoryitem{display:block;float:left;width:33.3%;border-right:solid 1px var(--bg-color);background:#fff;border-bottom:solid 1px var(--bg-color);background:#fff;height:33vw;text-align:center;font-size:3.5vw;font-weight:400;position:relative;font-family:var(--font-kr);padding:22vw 10px 2vw}
.categoryitem > img{width:16vw;height:16vw;position:absolute;top:3vw;left:9vw}
.headunfav{position:absolute;background:url(../img/bookmark_add_off.png) 50% 50% no-repeat;background-size:85% auto;float:right;width:7%;height:100%;z-index:1000;right:22%}
.headfav{position:absolute;background:url(../img/bookmark_add_on.png) 50% 50% no-repeat;background-size:85% auto;float:right;width:7%;height:100%;z-index:1000;right:22%}
.share{position:absolute;background:url(../img/share_off.png) 50% 50% no-repeat;background-size:85% auto;float:right;width:7%;height:100%;z-index:1000;right:2%}
.artist_share{right:12%}
.Detailcontent{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;position:relative;margin-bottom:40px;display:inline-block}
.Detailcontent > .topImage{width:100%;position:relative;padding-top:67%;overflow:hidden}
.detailtitle{width:100%;bottom:0;height:10vw;position:absolute;z-index:1;text-align:center;color:#fff}
.detailtitle > .title_bg{background:#000;opacity:.5;width:100%;height:100%;position:absolute}
.detailtitle > .title{z-index:100;color:#fff;width:100%;height:100%;position:absolute;line-height:10vw;font-size:4vw;font-family:var(--font-kr)}
.pagetitle{position:absolute;right:20px;font-size:4vw;line-height:10vw;bottom:0;z-index:99999;color:#fff}
.pagetitle > .currentpage{color:var(--point-color);margin-right:6px}
.pagetitle > .totalpage{margin-left:6px}
.detailmenu{height:15vw;width:100%;display:flex;justify-content:space-between}
.detailmenu > .menu{width:33.3%;height:100%;float:left;border-right:solid 1px #d7d7d7;border-bottom:solid 1px #d7d7d7;color:#d7d7d7;text-align:center;line-height:15vw;font-size:4vw;background:#fff;font-family:var(--font-kr);font-weight:700}
.detailmenu > .active{color:#fff;background:var(--point-color);font-family:var(--font-kr);font-weight:700}
.menuContent > .coupon{width:100%;height:20vw;position:relative}
.menuContent > .detailinfo{width:100%;height:auto;position:relative;background:#fff}
.infoline1{width:100%;height:6vw;position:relative;margin-left:5vw;color:#000;opacity:.8;font-size:3vw;line-height:5vw}
.infoline1 > img{width:4vw;height:3vw;top:1vw;margin-right:2vw;position:absolute}
.infoline1 > span{position:absolute;width:auto;height:auto;left:6vw;font-weight:700;font-family:var(--font-kr)}
.infoline{width:auto;height:auto;position:relative;color:var(--text-color);font-size:3vw;line-height:5vw}
.infoline2{width:100%;height:2vw;position:relative}
.menuContent > .option{width:100%;height:auto;background:#fff;position:relative;margin-top:2vw}
.option > .optiontype1{width:100%;height:auto;position:relative;padding-top:8vw}
.option > .optiontype1 > .optionImg{width:80%;height:auto;margin:auto;position:relative}
.optionImg > img{width:100%;height:auto}
.optiontype1 > .optiontitle{width:98%;height:auto;padding-left:1%;padding-right:1%;position:relative;text-align:center;font-size:5vw;margin-top:4vw;font-weight:700;line-height:8vw;font-family:var(--font-kr)}
.optiontype1 > .optionsubtitle{width:85%;height:auto;margin:0 auto;padding-left:1%;padding-right:1%;color:#ff8886;text-align:center;line-height:5vw;font-size:3vw;font-family:var(--font-kr)}
.optiontype1 > .optionselect{width:100%;height:auto;padding-bottom:3vw}
.optiontype1 > .optionselect > .optionitem{width:100%;height:14vw;font-size:4vw;line-height:14vw;position:relative;color:#000;font-weight:700;background:url(../img/check_off.png) 100% 100% no-repeat;background-size:7vw auto;background-position:left center;background-position-x:3vw;    display: flex;justify-content: space-between;}
.optiontype1 > .optionselect > .optionitem > .optionitemName{float:left;margin-left:12vw;font-family:var(--font-kr);font-weight:700}
.optiontype1 > .optionselect > .optionitem > .optionitemPrice{float:right;margin-right:5vw;font-family:var(--font-kr);font-weight:700}
.optiontype1 > .optionselect > .active{color:#000;font-weight:700;background:url(../img/check_on.jpg) 100% 100% no-repeat;background-size:7vw auto;background-position:left center;background-position-x:3vw}
.optiondiv{width:98%;height:1px;background:var(--lock-color);margin-left:1%}
.option > .optiontype2{width:100%;height:auto;position:relative;padding-top:8vw}
.option > .optiontype2 > .optionImg{width:80%;height:auto;margin:auto;position:relative}
.optiontype2 > .optiontitle{width:98%;height:auto;padding-left:1%;padding-right:1%;position:relative;text-align:center;font-size:5vw;margin-top:4vw;font-weight:700;line-height:8vw}
.optiontype2 > .optionsubtitle{width:98%;height:auto;padding-left:1%;padding-right:1%;color:var(--point-color);text-align:center;line-height:4vw;margin-top:6px;font-size:3vw}
.optiontype2 > .optioncount{text-align:center;margin:auto;display:table;margin-bottom:20px}
.optiontype2 > .optioncount > .optioncountgroup{display:table-cell;text-align:center;vertical-align:middle;width:154px}
.optioncountgroup > .count_btn{width:36px;height:36px;text-align:center;vertical-align:middle;line-height:38px;font-size:20px;color:#d1d1d1;float:left;border:solid 1px #d1d1d1;margin-top:20px}
.optioncountgroup > .count{width:72px;height:36px;line-height:36px;font-size:20px;color:#000;font-weight:700;text-align:center;border:solid 1px #d1d1d1;margin-top:20px}
.option > .optiontype3{width:100%;height:auto;position:relative;padding-top:8vw}
.option > .optiontype3 > .optionImg{width:80%;height:auto;margin:auto;position:relative}
.optiontype3 > .optiontitle{width:98%;height:auto;padding-left:1%;padding-right:1%;position:relative;text-align:center;font-size:5vw;margin-top:4vw;font-weight:700;line-height:8vw}
.optiontype3 > .optionsubtitle{width:98%;height:auto;padding-left:1%;padding-right:1%;color:var(--point-color);text-align:center;line-height:8vw;font-size:3vw}
.optiontype3 > .optionselect{width:100%;height:auto;padding-bottom:3vw}
.optiontype3 > .optionselect > .optionitem{width:100%;height:14vw;font-size:4vw;line-height:14vw;position:relative;color:#000;font-weight:700;background:url(../img/check_off.png) 100% 100% no-repeat;background-size:7vw auto;background-position:left center;background-position-x:3vw}
.optiontype3 > .optionselect > .optionitem > .optionitemName{float:left;margin-left:12vw}
.optiontype3 > .optionselect > .optionitem > .optionitemPrice{float:right;margin-right:5vw}
.optiontype3 > .optionselect > .active{color:#000;font-weight:700;background:url(../img/check_on.jpg) 100% 100% no-repeat;background-size:7vw auto;background-position:left center;background-position-x:3vw}
.option > .optiontype4{width:100%;height:auto;position:relative;padding-top:8vw}
.option > .optiontype4 > .optionImg{width:80%;height:auto;margin:auto;position:relative}
.optiontype4 > .optiontitle{width:98%;height:auto;padding-left:1%;padding-right:1%;position:relative;text-align:center;font-size:5vw;margin-top:4vw;font-weight:700;line-height:8vw;font-family:var(--font-kr)}
.optiontype4 > .optionsubtitle{width:98%;height:auto;padding-left:1%;padding-right:1%;color:var(--point-color);text-align:center;line-height:4vw;margin-top:6px;font-size:3vw;font-family:var(--font-kr)}
.optiontype4 > .optionselect{width:100%;height:auto;padding-bottom:3vw}
.optiontype4 > .optionselect > .optionitem{width:100%;height:14vw;font-size:4vw;line-height:14vw;position:relative;color:#000;font-weight:700;background:url(../img/multicheck_off.jpg) 100% 100% no-repeat;background-size:7vw auto;background-position:left center;background-position-x:3vw}
.optiontype4 > .optionselect > .optionitem > .optionitemName{float:left;margin-left:12vw;font-family:var(--font-kr);font-weight:700}
.optiontype4 > .optionselect > .optionitem > .optionitemPrice{float:right;margin-right:5vw;font-family:var(--font-kr);font-weight:700}
.optiontype4 > .optionselect > .active{color:#000;font-weight:700;background:url(../img/multicheck_on.jpg) 100% 100% no-repeat;background-size:7vw auto;background-position:left center;background-position-x:3vw}
.option > .optiontype5{width:100%;height:auto;position:relative;padding-top:8vw}
.optiontype5 > .optiontitle{width:98%;height:auto;padding-left:1%;padding-right:1%;position:relative;text-align:center;font-size:5vw;margin-top:4vw;font-weight:700;line-height:8vw}
.optiontype5 > .optionsubtitle{width:98%;height:auto;padding-left:1%;padding-right:1%;color:var(--point-color);text-align:center;line-height:8vw;font-size:3vw}
.optiontype5 > .optionselect{width:100%;height:auto;padding-bottom:3vw}
.optiontype5 > .optionselect > .optionitem{width:100%;height:14vw;font-size:4vw;line-height:14vw;position:relative;color:#000;font-weight:700;background:url(../img/multicheck_off.jpg) 100% 100% no-repeat;background-size:7vw auto;background-position:left center;background-position-x:3vw}
.optiontype5 > .optionselect > .optionitem > .optionitemName{float:left;margin-left:12vw}
.optiontype5 > .optionselect > .optionitem > .optionitemPrice{float:right;margin-right:5vw}
.optiontype5 > .optionselect > .active{color:#000;font-weight:700;background:url(../img/multicheck_on.jpg) 100% 100% no-repeat;background-size:7vw auto;background-position:left center;background-position-x:3vw}
.ordercount{width:100%;height:26vw;position:relative;margin-top:20px;background:#fff}
.ordercount > .optioncount{height:100%;text-align:center;margin:auto;position:absolute;top:2.5vw;right:4vw;display:table}
.ordercount > .optioncountgroup > .count{width:20vw;height:10vw;line-height:10vw;font-size:5vw;color:#000;font-weight:700;text-align:center;border:solid 1px #d1d1d1}
.companyinfo{width:100%;position:relative;color:var(--lock-color);margin-top:20px}
.companyinfo > .companyinfoline1{margin-bottom:3.6vw;width:94%;height:auto;font-size:3.5vw;margin-left:3%;margin-right:3%}
.companyinfo > .companyinfoline2{width:94%;height:auto;font-size:2.7vw;line-height:4.4vw;margin-left:3%;margin-right:3%}
.order{width:100%;height:20vw;position:fixed;bottom:0;z-index:1000;background:var(--main-color);color:#fff;padding-right:8vw}
.order > .reserve{width:100%;height:100%;font-size:6vw;line-height:20vw;text-align:center;font-weight:700;position:absolute;text-align:left;padding-left:30px;font-family:var(--font-kr)}
.order > .orderprice{position:relative;height:100%;line-height:20vw;font-size:6vw;font-weight:700;float:right;font-family:var(--font-kr)}
.basicinfo{width:100%;height:auto;background:#fff;margin-top:1px;position:relative;display:flow-root}
.infotitle{width:100%;height:40px;line-height:20px;font-size:6.5vw;margin-top:4vw;padding-left:3vw;font-family:var(--font-kr);font-weight:700}
.infomark{width:100%;height:auto;position:relative;padding-top:5vw}
.infomark > div{width:33.3vw;float:left;text-align:center;position:relative;background:#fff;line-height:5vw;padding-bottom:5vw;padding-top:2vw;height:21vw;display:flow-root;position:relative;font-family:var(--font-kr);font-weight:700}
.markbg{border-radius:50%;width:12vw;height:12vw;border:solid 1px var(--main-color);margin:auto}
.markbg1{border-radius:50%;width:12vw;height:12vw;border:solid 1px var(--point-color);margin:auto}
.markbg2{border-radius:50%;width:12vw;height:12vw;border:solid 1px #f5ae00;margin:auto}
.mark{position:absolute;margin:auto;font-size:4vw;line-height:5vw;font-weight:700;top:3.6vw;width:100%;left:0}
.mark1{position:absolute;margin:auto;font-size:14px;line-height:15px;font-weight:700;top:8vw;width:100%;left:0;text-align:center;display:flex;justify-content:center;flex-direction:column;height:0}
.fasticon{background:url(../img/faster_info.png) 100% 100% no-repeat;background-size:8vw auto;background-position-x:center;width:100%;height:14vw;position:absolute;background-position-y:3vw}
.redline{width:98%;height:1px;background:#ff6c6a;margin-left:1%}
.productinfo{position:relative;width:100%;height:auto;background:#fff;padding-top:2px;padding-bottom:6vw}
.art_info{width:100%;position:relative;z-index:1}
.art_pic{display:inline-block;position:relative;width:17vw;height:17vw;overflow:hidden;border-radius:50%;margin-left:7vw;margin-top:7vw;margin-right:2vw;border:solid 1px #ccc;float:left}
.art_pic > .circleimg{border-radius:50%;margin:auto}
.art_con{width:calc(100% - 29vw);position:relative;float:left;height:100%}
.art_con_bg{width:100%;height:100%;background:url(../img/commentbg.png);background-size:100% 100%;top:3vw;border-radius:4px;position:absolute;resize:both}
.art_desc{width:100%;height:auto;position:relative;background:#fff}
.art_desc > .art_desc_title{width:100%;height:auto;position:relative;font-size:20px;font-weight:700;color:#484848;line-height:10vw;margin-bottom:3vw;margin-left:10px;font-family:var(--font-kr)}
.art_desc > .art_desc_cont{width:80%;height:auto;position:relative;padding-left:3%;font-size:3.5vw;color:#484848;line-height:5vw}
.bottominfo{width:100%;height:40vw;position:relative}
.bottominfo > .bottomlogo{width:100%;background:url(../img/charector_icon.png) 100% 100% no-repeat;background-size:17vw auto;background-position:center top;padding-bottom:18%;padding-top:10%}
.bottominfo > .bottomdesc{width:90%;height:auto;padding:5%;color:var(--lock-color);font-size:3vw;text-align:left;padding-bottom:20vw}
.reviewheader{width:100%;height:auto;position:relative;margin-top:1px;background:#fff}
.reviewheader > .reviewstararea{width:45%;height:120px;position:relative;float:left}
.startarea{position:absolute;width:100%;top:7vw;left:2vw}
.reviewstararea > .reviewcount{width:100%;position:absolute;top:16vw;font-size:7vw;line-height:10vw;left:2vw;font-weight:700}
.grayline{width:98%;height:1px;background:var(--lock-color);margin-left:1%}
.reviewcont{width:100%;height:auto;padding:15px 0;position:relative;background:#fff}
.reviewphoto{width:100%;height:100%;color:var(--lock-color);font-size:4.5vw;line-height:8vw;padding-top:17vw;left:65vw;position:absolute;padding-left:11vw;background:url(../img/roundcheck_off.png) 100% 100% no-repeat;background-size:10vw auto;background-position:left 16vw;background-position-x:0}
.reserveDate{width:92%;margin-left:4%;margin-bottom:5%;border-radius:8px;height:12vw;top:2vw;background:var(--point-color);color:#fff;font-size:5vw;font-weight:700;text-align:center;line-height:13vw;position:relative;font-family:var(--font-kr)}
.reserveDate img{width:14%;height:auto;padding:1%}
.orderoption{position:relative;top:7vw;margin-top:2vw;width:94%;background:#fff;margin-left:3%;height:auto}
.ordertitle{width:100%;height:14vw;text-align:center;font-size:4.8vw;font-weight:700;line-height:14vw;color:#858585}
.orderoption > .orderline{width:90%;margin-left:5%;height:1px;background:var(--lock-color)}
.orderoption > .orderoptiondetail{width:90%;height:auto;margin-left:5%;margin-top:4vw;color:#727272;font-weight:700}
.orderoption > .orderoptiondetail > .orderoptionitem{width:100%;height:10vw}
.orderoption > .orderoptiondetail > .orderoptionitem > .optiontitle{float:left;font-size:3.2vw;line-height:10vw}
.orderoption > .orderoptiondetail > .orderoptionitem > .optionprice{float:right;font-size:3.6vw;line-height:10vw}
.requestpic{width:100%;height:auto;background:#fff}
.requestpic > .comment{position:relative;width:100%;height:auto;padding-top:2vw}
.requestpic > .comment > textarea{width:90%;margin-left:5%;height:20vw;border:none;font-size:4vw;font-weight:700;color:#58585b}
.requestpic > .reservepicarea{width:100%;height:26vw;margin-top:3vw;position:relative}
.requestpic > .reservepicarea > .picitem{width:20vw;height:20vw;margin-left:3vw;position:relative;float:left}
.requestpic > .reservepicarea > .picitem > img{width:100%;height:100%;resize:both}
.requestpic > .reservepicarea > .picitem > .picdel{position:absolute;top:0;right:0;width:5vw;height:5vw}
.requestpic > .reservepicarea > .picitem > .picdel > .picdelbg{background:#000;width:100%;height:100%;opacity:.5}
.requestpic > .reservepicarea > .picitem > .picdel > .btndel{position:absolute;width:100%;height:100%;color:#fff;top:0;right:0;text-align:center;line-height:6vw;font-size:4vw}
.requestpic > .reservepicarea > .addpic{position:relative;width:20vw;height:20vw;float:left;margin-left:3vw;background:var(--bg-color);text-align:center;font-size:15vw;color:#fff;line-height:24vw}
.order_info{width:96%;height:85vw;font-size:3.2vw;color:#727272;font-weight:700}
.order_info_comment{width:75%;margin-left:10%;background:#e1dfdf;color:#848484;font-size:3vw;padding:3vw;font-weight:500;padding-left:5vw;padding-right:5vw}

html,body{position:relative;-webkit-font-smoothing:antialiased;height:100%;touch-action:auto}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,button,address,em,img,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr{margin:0;padding:0;box-sizing:border-box}
body{padding:0;font-size:14px;color:var(--text-color);box-sizing:border-box;min-width:320px;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-weight:400}
ol,ul,li{list-style:none}
table{width:100%;border-collapse:separate;border-spacing:0}
form,fieldset,iframe{display:block;border:0}
img,button{border:0 none;vertical-align:middle}
hr{height:0;display:none}
i,em,address{font-style:normal}
label,button{cursor:pointer}
caption,legend{width:0;height:0;margin:0;padding:0;text-indent:-9999em;overflow:hidden;font-size:0}
.blind{position:absolute!important;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;overflow:hidden;font-size:0;line-height:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;box-sizing:border-box}
input,textarea,select{margin:0;padding:0;vertical-align:middle;border-radius:0;box-shadow:none;box-sizing:border-box;-webkit-border-radius:0;-webkit-appearance:none;outline:none}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none}
select::-ms-expand{display:none}
textarea{resize:none;overflow-y:auto}
button{overflow:visible;margin:0;padding:0;border:0 none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{border:0;padding:0}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
a{color:var(--text-color);text-decoration:none;word-break:break-all}
a2{color:var(--text-color);text-decoration:none;word-break:break-all}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none}
a2:link,a2:visited,a2:hover,a2:active,a2:focus{text-decoration:none}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
.clearfix::after{content:'';display:block;clear:both;height:0;visibility:hidden}
.txt_red{color:var(--point-color)!important;font-family:'NotoSansKR-Bold'}
.btn_type {
    padding: 0 10px;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    background-color: var(--main-color);
}
.btn_red{background-color:var(--point-color)!important}
.btn_blue{background-color:var(--main-color)!important}
.form_area .btn_type{position:absolute;top:0;right:0}
.bnt_bottom{position:fixed;z-index:2;left:0;right:0;bottom:0}
.bnt_bottom .btn_type{    display: block;
    height: 60px;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    font-weight: 700;
    background-color: var(--main-color);
    border-radius: 0;
    margin-top: 10px;
    max-width: 1000px;
    width: 100%;
    text-align: left;
    font-family: var(--font-kr);
    margin: auto;}
.bnt_bottom .btn_type2{display:block;height:60px;color:#fff;font-size:18px;line-height:60px;font-weight:700;text-align:center;background-color:var(--main-color);border-radius:0;margin-top:10px;font-family:var(--font-kr)}
.bnt_bottom .btn_type .center{text-align:center}
.form_area{position:relative;margin-bottom:4.6vw}
.form_type{    width: 100%;
    height: 40px;
    color: var(--text-color);
    font-size: 14px;
    line-height: 40px;
    border-bottom: 1px var(--lock-color) solid;
    border-width: 0 0 1px;}
select.form_type{background:url(../img/ico_sel.png) right center no-repeat;background-position-x:calc(100% - 10px);background-size:18px 11px}
select.form_type.open{background:url(../img/ico_sel_open.png) right center no-repeat;background-position-x:calc(100% - 10px);background-size:18px 11px}
.form_type_btn{padding-right:29vw}
.form_inner{display:table;margin-bottom:16px;width:100%}
.form_inner .form_area{display:table-cell;margin-bottom:0}
.form_inner label{    display: table-cell;
    width: 75px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    vertical-align: top;}
.form_area textarea{border-width:1px}
.has_error .txt_error{margin-top:1.8vw;color:var(--point-color);font-size:3.1vw;text-align:center}
.textarea{font-family:var(--font-kr)}
.divtype_active{background:url(../img/ico_sel_open.png) right center no-repeat;background-position-x:calc(100% - 10px);background-size:18px 11px}
.divtype{background:url(../img/ico_sel.png) right center no-repeat;background-position-x:calc(100% - 10px);background-size:18px 11px}
input:focus,select:focus, textarea:focus{border-color:var(--main-color)!important;caret-color:var(--main-color)!important}
input::-ms-input-placeholder{color:var(--lock-color)}
input::-webkit-input-placeholder{color:var(--lock-color)}
input::-moz-placeholder{color:var(--lock-color)}
.subhead .btn_txt{position:absolute;padding:3.3vw 3.5vw;color:var(--main-color);font-size:3.8vw;right:0}
.companyinfo .footer_btn{margin:7.7vw 0 4.4vw;width:97%}
.companyinfo .footer_btn ul{display:table;width:100%}
.companyinfo .footer_btn li{display:table-cell;padding:0 2.7vw;border-right:1px var(--lock-color) solid}
.companyinfo .footer_btn li:last-of-type{border-right-width:0}
.companyinfo .footer_btn li a{display:block;color:var(--lock-color);font-size:2.8vw;text-align:center}
.companyinfo .sel_btn{position:relative;float:right;padding-right:1.9vw;margin-right:3%;font-size:2.8vw}
.companyinfo .sel_btn::after{content:'';position:absolute;top:0;right:-1.9vw;width:1.5vw;height:1.5vw;border:2px var(--lock-color) solid;border-width:0 2px 2px 0;transform:rotate(45deg)}
.companyinfo .version_area{margin-top:13.9vw;text-align:center}
.companyinfo .version_area .version_no{display:inline-block;margin:auto;padding:.8vw 3.1vw;font-size:3.1vw;color:#fff;text-align:center;background:var(--lock-color);border-radius:3.5vw}
.companyinfo .version_area p{margin-top:2.3vw;font-size:3.1vw;font-weight:700}
.pop_full{height:100%;background-color:#fff;display:table;width:100%}
.btn_close{display:inline-block;padding:5.8vw 0 0 4.9vw}
.btn_close button{width: 20px;
    height: 20px;
    background: url(../img/modalclose.png);
    background-repeat: no-repeat;
    background-size: contain;}
.pop{position:Fixed;z-index:10004;top:0;left:0;right:0;bottom:0}
.pop::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4)}
.pop .pop_inner {
    width:90%;
    max-width: 400px;
    position: relative;
    z-index: 10005;
    padding: 50px 10px 0px;
    margin: auto;
    top: 30%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);
}
.pop .pop_inner .btn_close {
    position: absolute;
    padding: 0;
    top: 20px;
    right: 20px;
}

.pop .pop_inner .tit {
    float: none;
    margin: 0;
    width: 100%;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    height:60px;
}
.tab_inner .tab_area{display:table;width:100%}
.tab_inner .tab_area li{z-index:99999;display:table-cell;width:calc(100% / 10);height:10.6vw;vertical-align:middle;border-right:1px var(--bg-color) solid;background-color:#fff}
.tab_inner .tab_area li:last-of-type{border-right-width:0}
.tab_inner .tab_area li.active{background-color:var(--main-color)}
.tab_inner .tab_area li.active a{display:table-cell;width:calc(100% / 10);height:10.6vw;vertical-align:middle;padding-left:1px;color:#fffefe}
.tab_inner .tab_area li.active a2{display:table-cell;width:calc(100% / 10);height:10.6vw;vertical-align:middle;padding-left:20px;color:#fffefe}
.tab_inner .tab_area li a{display:block;color:var(--text-color);font-size:3.8vw;line-height:7vw;text-align:center;padding-left:1px}
.tab_inner .tab_area li a2{display:block;color:var(--text-color);font-size:3.8vw;line-height:7vw;text-align:center;padding-left:20px}
.policy_inner{padding:0 4.4vw;margin-top:11.6vw;background-color:#fff}
.policy_inner h2{padding:6.6vw 0 4.8vw;font-size:3.8vw;font-weight:700}
.policy_inner .policy_cont{padding:3.2vw 0}
.policy_inner .form_area{padding:0 4.4vw;margin:0 -4.4vw;border:1px var(--bg-color) solid;border-width:1px 0}
.policy_inner .form_area select.form_type{height:11.2vw;color:var(--text-color);font-size:3.8vw;line-height:11.2vw;background-color:#fff;border-bottom-width:0}
.policy_inner .policy_cont h3{margin-bottom:13.3vw;font-size:3.8vw;font-weight:700}
.policy_inner .policy_cont .policy_tit{margin-bottom:7.7vw;font-size:3.8vw;font-weight:700;line-height:normal}
.policy_inner .policy_cont p{margin-bottom:13.4vw;line-height:5.8vw;word-break:keep-all}
.join_policy{padding-top:21.3vw}
.join_policy h1{font-size:7.9vw;font-weight:700;line-height:9.3vw;text-align:center;font-family:var(--font-kr)}
.join_policy .agree_area{padding:20vw 6.7vw 18vw}
.join_policy .agree_area .agree_all{padding:0 3.5vw 0 6.9vw;height:15.6vw;line-height:15.6vw;background-color:var(--bg-color);border-radius:1.4vw}
.join_policy .agree_area .agree_all span{font-size:4.9vw;font-weight:700}
.join_policy .agree_area .agree_all .btn_ck{float:right;margin-top:3.4vw;width:8.9vw;height:8.9vw;background:url(../img/check_off.png) center no-repeat;background-size:8.9vw}
.join_policy .agree_area .agree_all .btn_ck.on{background:url(../img/check_on.png) center no-repeat;background-size:8.9vw}
.join_policy .agree_area ul{padding:3.4vw 0 3.4vw 6.8vw}
.join_policy .agree_area li{position:relative;padding:3.4vw 0;color:var(--lock-color);font-weight:700}
.join_policy .agree_area li::after{content:'';position:absolute;top:4vw;right:5.5vw;width:4.2vw;height:3.3vw;background:url(../img/chk_agree_off.png) center no-repeat;background-size:4.2vw 3.3vw}
.join_policy .agree_area li:last-of-type::after,.join_policy .agree_area .on li:last-of-type::after{display:none}
.join_policy .agree_area .on li::after{content:'';position:absolute;top:3.7vw;right:5.5vw;width:4.2vw;height:3.3vw;background:url(../img/chk_agree_on.png) center no-repeat;background-size:4.2vw 3.3vw}
.join_policy .agree_area ul .on::after{content:'';position:absolute;top:3.7vw;right:5.5vw;width:4.2vw;height:3.3vw;background:url(../img/chk_agree_on.png) center no-repeat;background-size:4.2vw 3.3vw}
.join_policy .agree_area li a{color:var(--lock-color);font-weight:700;border-bottom:1px var(--lock-color) solid}
.join_policy .agree_area li:nth-last-child(2) a{border-bottom-width:0}
.join_policy .agree_area li:last-of-type a{margin-left:1vw}
.join_policy .agree_area li p{margin-top:2.7vw;font-size:3.1vw;font-weight:400}
.join_certify{position:relative;top:11.9vw;height:100%;background-color:#fff;display:table;width:100%}
.join_certify form{padding-top:13.7vw;margin:0 8.3vw}
.join_certify .btn_area{margin-top:7.5vw;margin-bottom:4vw}
.join_certify .btn_area .btn_type{width:100%;height:15.6vw;font-size:4.1vw;line-height:15.6vw;font-weight:700;text-align:center;border-radius:1.4vw}
.join_inner{position:relative;padding-top:3vw;padding-bottom:25vw;top:11.9vw}
.join_inner .join_top{padding:4vw 11.7vw 3.7vw;margin:0 6.2vw;background-color:#fff;border-radius:1.4vw}
.join_inner .join_top .profile_area{margin-bottom:1.7vw}
.join_inner .join_top .profile_area .profile{position:relative;margin:0 auto;width:21.3vw;height:21.3vw;background:url(../img/img_noprofile.png) center no-repeat;background-size:21.3vw}
.join_inner .join_top .profile_area .profile img{width:100%;height:100%;border-radius:21.3vw}
.join_inner .join_top .profile_area .img_edit{position:absolute;left:1vw;bottom:0;width:19.6vw;height:6.5vw;background:url(../img/btn_profile.png) center no-repeat;background-size:19.6vw 6.5vw}
.join_inner .join_top .form_area{position:relative;margin-bottom:0}
.join_inner .join_top .form_type{color:var(--text-color);font-family:var(--font-kr);text-align:center;font-weight:700}
.join_inner .join_top input::-ms-input-placeholder{color:#8e8e8e}
.join_inner .join_top input::-webkit-input-placeholder{color:#8e8e8e}
.join_inner .join_top input::-moz-placeholder{color:#8e8e8e}
.join_inner .join_top .form_area .delete{position:absolute;padding:4vw 5vw;top:0;right:0;background:url(../img/close_off.png) right 2.7vw no-repeat;background-size:4.6vw 4.2vw}
.join_inner .join_form{padding:1.9vw 1.9vw 2.8vw;margin:2.2vw 6.2vw 0;background-color:#fff;border-radius:1.4vw}
.join_inner .join_form label{width:35%;font-weight:700;font-family:var(--font-kr)}
.join_inner .join_form .form_inner{margin-bottom:2vw}
.join_inner .join_form .form_type{text-align:right;font-family:var(--font-kr)}
.join_inner .join_form .has_error .txt_error{margin-left:-30vw;font-size:2.8vw}
.pop .join_pop {
    padding-left: 0;
    padding-right: 0;
    margin: auto;
    top: 20%;
    border-radius: 10px;
    width: 80%;
    overflow: hidden;
    max-width: 400px;
}
.pop .join_pop .btn_close button {
    width: 20px;
    height: 20px;
    background: url(../img/close_off.png) center no-repeat;
    background-size: 20px;
    margin-top: 6px;
    margin-right: 2px;
}
.pop .join_pop .tit{    margin: 20px 0 10px}
.pop .join_pop .bnt_bottom{position:relative}
.pop .join_pop .bnt_bottom .btn_type{display:inline-block;float:left;padding:0;width:50%;height:13.2vw;font-size:3.8vw;line-height:13.2vw;border-radius:0;background-image:url(../img/btn_img.png);background-position:center;background-repeat:no-repeat;background-size:7.5vw 6.1vw}
.pop .join_pop .bnt_bottom .btn_red{background:url(../img/btn_camera.png) center no-repeat;background-size:8.1vw 6.1vw}
.pop .join_logout .bnt_bottom .btn_type{background-image:none;text-align:center;font-family:var(--font-kr);font-weight:700}
.set_inner{position:relative;margin-top:11.9vw}
.set_inner .set_tit{padding:0 0 2.5vw 9.9vw;color:#000;font-size:4.2vw;font-weight:700;background-color:#f1f1f1;font-family:var(--font-kr)}
.set_inner ul{background-color:#fff}
.set_inner li{overflow:hidden;padding:0 5.4vw 0 16.2vw;height:16.4vw;line-height:16.4vw;border-bottom:1px #f1f1f1 solid}
.set_inner li p{display:inline-block;color:#000;font-size:4.2vw;font-weight:700}
.set_inner li .toggle_switch{position:relative;float:right}
.set_inner li .toggle_switch::before{content:'';position:absolute;top:3.5vw;right:0;width:22.2vw;height:8.4vw;background:url(../img/setting_on.png) center no-repeat;background-size:22.2vw 8.4vw}
.set_inner li .toggle_switch.off::before{content:'';position:absolute;top:3.5vw;right:0;width:22.2vw;height:8.4vw;background:url(../img/setting_off.png) center no-repeat;background-size:22.2vw 8.4vw}
.set_inner li:last-child{margin-bottom:5vw;overflow:hidden;padding:0 5.4vw 0 16.2vw;height:16.4vw;line-height:16.4vw;border-bottom:1px var(--bg-color) solid}
.qna_list_inner li .txt_area{position:relative}
.qna_list_inner li.open .txt_area::after{content:'';position:absolute;bottom:-2.4vw;left:0;right:0;width:100%;height:1px;background-color:var(--point-color)}
.qna_list_inner.faq_list_inner li .txt_area .txt{margin-bottom:.8vw;color:#000;font-size:3.6vw;font-weight:500}
.qna_list_inner li .txt_area .date{color:var(--lock-color);font-size:3.2vw;font-weight:700}
.qna_list_inner li .txt_area .state{margin-left:4.3vw;color:var(--point-color);font-size:3.6vw;font-weight:700}
.qna_list_inner li .txt_area .option{float:right;padding-right:6.8vw;color:#000;font-size:3.6vw;font-weight:500;background:url(../img/btn_open.png) right center no-repeat;background-size:3.3vw 2.1vw}
.qna_list_inner li.open .txt_area .option{background:url(../img/btn_close.png) right center no-repeat;background-size:3.3vw 2.1vw}
.qna_list_inner li .view .question{padding-left:3.5vw;margin-top:3vw;color:#333;font-size:3.6vw!important}
.qna_list_inner li .view .answer{padding-left:4.3vw;margin-top:11.6vw;font-size:3.6vw;line-height:5.5vw}
.qna_list_inner li .view .answer span{color:var(--point-color)}
.qna_list_inner .bg_img{margin:4.1vw auto;width:16.2vw;height:19.9vw}
.qna_list_inner .bg_img img{width:100%;height:100%}
.subhead.customer .headtitle{padding-left:11.2vw;text-align:left}
.tab_inner.customer{margin-bottom:2vw}
.customer_qna_wht{margin-top:13.6vw;height:100%;background-color:#fff;display:table;width:100%}
.customer_qna_wht form{padding:2.8vw 8.2vw}
.customer_qna_wht .bnt_bottom .btn_type{display:inline-block;float:left;padding:0;width:50%;border-radius:0}
.customer_qna_wht form select.form_type{color:var(--text-color);background:url(../img/btn_open.png) right center no-repeat;background-size:3.3vw 2.1vw}
.customer_qna_wht form select.form_type.open{color:var(--text-color);background:url(../img/btn_close.png) right center no-repeat;background-size:3.3vw 2.1vw}
.customer_qna_wht .form_inner:last-of-type{margin-top:5.3vw;margin-bottom:23vw}
.customer_qna_wht .form_area textarea{height:70.8vw}
.tab_inner.customer_faq .tab_area{border-bottom:1px var(--bg-color) solid}
.faq_list_inner{position:relative;top:1%}
.faq_list_inner .faq_list_area{background-color:#fff}
.faq_list_inner .tit{float:none;margin-left:0;height:14.8vw;line-height:14.8vw;font-size:4.9vw;font-weight:700;text-align:center;border-bottom:1px var(--bg-color) solid;font-family:var(--font-kr)}
.faq_list_inner .tit2{float:none;margin-left:0;height:14.8vw;line-height:14.8vw;font-size:4.9vw;font-weight:700;text-align:center;border-bottom:1px var(--bg-color) solid;font-family:'Nanum Barun Gothic',sans-serif;font-weight:bold}
.faq_list_inner .cont li{padding:4vw 4.5vw;border-bottom:1px var(--bg-color) solid}
.faq_list_inner .cont li.open{background-color:var(--bg-color)}
.faq_list_inner .cont li .txt{padding-right:5vw;font-size:3.8vw;line-height:5.5vw;font-weight:700;background:url(../img/btn_open.png) right center no-repeat;background-size:3.3vw 2.1vw;font-family:var(--font-kr);font-weight:bold}
.faq_list_inner .cont li.open .txt{background:url(../img/btn_close.png) right center no-repeat;background-size:3.3vw 2.1vw}
.faq_list_inner .cont li .view{display:none;padding:2.2vw 0}
.faq_list_inner .cont li.open .view{display:block}
.faq_list_inner .cont li .view p{margin-bottom:1.8vw;font-size:3.1vw;line-height:4.3vw;font-weight:700;font-family:var(--font-kr)}
.faq_list_inner .cont li .view a{display:inline-block;margin-bottom:1.8vw;color:var(--point-color);font-size:3.1vw}
.event_inner{position:relative;margin-top:11.9vw;background-color:#fff}
.event_inner .event_cont li{padding:6.7vw 4.4vw;border-bottom:1px var(--bg-color) solid}
.event_inner .event_cont li p{margin-bottom:2.9vw;color:#000;font-size:4.1vw;line-height:6.1vw}
.event_inner .event_cont li span{display:block;margin-bottom:4.4vw;color:var(--lock-color);font-size:3.8vw}
.event_inner .event_cont li img{width:100%;height:auto}
.coupon_inner{position:relative;top:12vw}
.coupon_inner .coupon_tit{text-align:center;height:20.4vw;line-height:20.4vw;background-color:#fff;border-bottom:1px var(--bg-color) solid}
.coupon_inner .coupon_tit p{display:inline-block;color:#000;font-size:4.9vw;font-weight:700;font-family:var(--font-kr)}
.coupon_inner .coupon_tit p span{color:var(--main-color)}
.coupon_inner .coupon_tit a{display:inline-block;float:right;padding:4vw 0 4vw 4vw;margin-top:3.8vw;color:var(--point-color);font-size:3.6vw;line-height:normal;font-weight:700}
.coupon_inner .coupon_list{position:relative}
.coupon_inner .coupon_list .no_data_area{position:relative;height:calc(100vh - 32.3vw)}
.coupon_inner .coupon_list .no_data_area .no_data_cont{position:absolute;top:50%;left:0;right:0;margin-top:-13.3vw;text-align:center}
.coupon_inner .coupon_list .no_data_area p{padding-top:23vw;color:var(--lock-color);font-size:3.7vw;font-weight:700;background:url(../img/charector_icon.png) center top no-repeat;background-size:16.2vw 19.9vw;font-family:var(--font-kr)}
@media screen and (min-width: 768px) {
.detail_no p{top:16vw;position:relative}
.detail_no{top:85%!important}
}
@media screen and (min-width: 500px) and (max-width: 768px) {
.reviewcont{padding:70px 0}
}
.coupon_inner .coupon_list ul{padding:7.4vw 7.6vw;display:flex;flex-direction:column;gap:25px}
.coupon_inner .coupon_list li{position:relative;padding:12px 10px 0 90px;background:url(../img/invalid.png) center no-repeat;background-size:100%;display:flex;flex-direction:column}
.coupon_inner .coupon_list li:last-of-type{margin-bottom:0}
.coupon_inner .coupon_list li a{position:absolute;padding:1px;top:16px;right:20px;color:var(--point-color);font-size:12px;font-weight:700}
.coupon_inner .coupon_list li .tit{display:block;float:none;margin:0;width:auto;color:#484848;font-size:14px;font-weight:700;margin-top:0}
.coupon_inner .coupon_list li .name{margin-bottom:2px;color:#484848;font-size:20px;font-weight:700}
.coupon_inner .coupon_list li .cost{margin-bottom:3px;color:var(--main-color);font-size:17px;font-weight:700}
.coupon_inner .coupon_list li .date{margin-bottom:3px;color:#484848;font-size:12px;font-weight:700}
.coupon_inner .coupon_list li .date span{display:block;padding-top:2px;font-weight:600}
.coupon_inner .coupon_list li .txt{color:var(--lock-color);margin-bottom:10px;font-size:12px;font-weight:600}
.coupon_pop{top:10%!important}
#couponpopup{overflow:auto}
.coupon_pop form{margin-top:-30px;padding-bottom:20px;}
.coupon_pop .form_area .form_type{font-weight:700;text-align:center}
.coupon_pop .form_area{margin-bottom:8.9vw}
.coupon_pop .btn_area{text-align:center}
.coupon_pop .btn_area .btn_type{    width: 200px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;}
.coupon_pop form .coupon_pop_inner{position:relative;top:0}
.coupon_pop form .coupon_pop_inner .coupon_tit{padding:0 4.8vw;height:20.4vw;line-height:20.4vw;background-color:#fff;border-bottom:1px var(--bg-color) solid}
.coupon_pop form .coupon_pop_inner .coupon_tit p{display:inline-block;color:#000;font-size:4.9vw;font-weight:700}
.coupon_pop form .coupon_pop_inner .coupon_tit p span{color:var(--main-color)}
.coupon_pop form .coupon_pop_inner .coupon_tit a{display:inline-block;float:right;padding:4vw 0 4vw 4vw;margin-top:3.8vw;color:var(--point-color);font-size:3.6vw;line-height:normal;font-weight:700}
.coupon_pop form .coupon_pop_inner .coupon_list{position:relative}
.coupon_pop form .coupon_pop_inner .coupon_list .no_data_area,.no_data_area{position:relative;height:300px}
.coupon_pop form .coupon_pop_inner .coupon_list .no_data_area .no_data_cont,.no_data_cont{position:absolute;top:50%;left:0;right:0;margin-top:-60px;text-align:center}
.coupon_pop form .coupon_pop_inner .coupon_list .no_data_area p,.no_data_cont p{padding-top: 84px;
    color: var(--lock-color);
    font-size: 14px;
    font-weight: 700;
    background: url(../img/charector_icon.png) center top no-repeat;
    background-size: 64px 80px;}
.coupon_pop form .coupon_pop_inner .coupon_list ul,.coupon_list ul{padding:3vw 0}
.coupon_pop form .coupon_pop_inner .coupon_list li,.coupon_auction{position:relative;padding:1.8vw 1.5vw 10px 23.5vw;margin-bottom:5vw;background:url(../img/couponunselect.png) center no-repeat;background-size:80vw 33.1vw}
.coupon_pop form .coupon_pop_inner .coupon_list .select,.coupon_auction_select{position:relative;padding:1.8vw 1.5vw 10px 23.5vw;margin-bottom:5vw;background:url(../img/couponselect.png) center no-repeat;background-size:80vw 33.1vw}
.coupon_pop form .coupon_pop_inner .coupon_list li:last-of-type,.coupon_auction:last-of-type{margin-bottom:0}
.coupon_pop form .coupon_pop_inner .coupon_list .select a{position:absolute;padding:2vw 3vw;top:1vw;right:2.3vw;color:var(--point-color);font-size:3vw;font-weight:700}
.coupon_pop form .coupon_pop_inner .coupon_list .select .tit,.coupon_auction_select .tit{color:#484848}
.coupon_pop form .coupon_pop_inner .coupon_list .select .name,.coupon_auction_select .name{color:#484848}
.coupon_pop form .coupon_pop_inner .coupon_list .select .cost,.coupon_auction_select .cost{color:var(--main-color)}
.coupon_pop form .coupon_pop_inner .coupon_list .select .date,.coupon_auction_select .date{color:#484848}
.coupon_pop form .coupon_pop_inner .coupon_list .select .txt,.coupon_auction_select .txt{color:var(--lock-color)}
.coupon_pop form .coupon_pop_inner .coupon_list li .tit,.coupon_list .coupon_auction .tit{padding-top:3px;display:block;float:none;width:auto;color:#d0d0d0;font-size:3.2vw;font-weight:700;text-align:left;margin-bottom:.5vw}
.coupon_pop form .coupon_pop_inner .coupon_list li .name,.coupon_list .coupon_auction .name{margin-bottom:.6vw;color:#d0d0d0;font-size:4vw;font-weight:700}
.coupon_pop form .coupon_pop_inner .coupon_list li .cost,.coupon_list .coupon_auction .cost{margin-bottom:.5vw;color:#d0d0d0;font-size:5vw;font-weight:700}
.coupon_pop form .coupon_pop_inner .coupon_list li .date,.coupon_list .coupon_auction .date{margin-bottom:1.5vw;color:#d0d0d0;font-size:2.5vw;font-weight:700}
.coupon_pop form .coupon_pop_inner .coupon_list li .date span,.coupon_list .coupon_auction .date span{display:block;margin-top:1vw;font-weight:600}
.coupon_pop form .coupon_pop_inner .coupon_list li .txt,.coupon_list .coupon_auction .txt{color:#d0d0d0;font-size:10px;font-weight:600}
.point_inner{position:relative;width:100%}
.point_inner .point_top{padding:9.5vw 0 2vw;margin-bottom:2.5vw;text-align:center;background-color:#fff}
.point_inner .point_top .point{display:inline-block;padding-top:1vw;padding-left:17.9vw;height:11.3vw;color:#484848;font-size:7.6vw;line-height:11.3vw;font-weight:500;background:url(../img/point.png) left top no-repeat;background-size:11.3vw;font-family:var(--font-kr)}
.point_inner .point_top .point2{display:inline-block;padding-top:1vw;padding-left:17.9vw;height:11.3vw;color:#484848;font-size:7.6vw;line-height:11.3vw;font-weight:500;background:url(../img/point.png) left top no-repeat;background-size:11.3vw;font-family:var(--font-kr)}
.point_inner .point_top .cash{display:inline-block;padding-top:1vw;padding-left:17.9vw;height:11.3vw;color:#484848;font-size:7.6vw;line-height:11.3vw;font-weight:500;background:url(../img/cashicon.png) left top no-repeat;background-size:11.3vw;font-family:var(--font-kr)}
.point_inner .point_top .cash2{display:inline-block;padding-top:1vw;padding-left:17.9vw;height:11.3vw;color:#484848;font-size:7.6vw;line-height:11.3vw;font-weight:500;background:url(../img/cashicon.png) left top no-repeat;background-size:11.3vw;font-family:var(--font-kr)}
.point_inner .point_top .info{margin-top:2.2vw;color:gray;font-size:3.7vw;line-height:5.6vw;font-family:var(--font-kr)}
.point_inner .point_top .txt{margin-top:4.4vw;color:#c2c0c0;font-size:3.7vw;font-family:var(--font-kr)}
.point_inner .point_list{padding:12.4vw 0 0;background-color:#fff}
.point_inner .point_list .tit{float:none;padding-bottom:5vw;padding-left:5.3vw;margin-left:0;height:auto;color:#000;font-size:4.9vw;font-weight:700;border-bottom:1px var(--bg-color) solid;font-family:var(--font-kr)}
.point_inner .point_list li{padding:5.6vw 4.7vw 4.3vw;border-bottom:1px var(--bg-color) solid}
.point_inner .point_list li .txt{display:inline-block;width:70%;color:#000;font-size:4.4vw}
.point_inner .point_list li .cost{display:inline-block;float:right;width:30%;color:var(--main-color);font-size:4.4vw;font-weight:500;text-align:right}
.point_inner .point_list li .cost.cost_use{color:var(--point-color)}
.point_inner .point_list li .date{margin-top:2.9vw;color:gray;font-size:3.4vw}
.may_inner .join_form{margin:2.2vw 6.2vw}
.may_inner .join_form .form_inner:nth-of-type(2){margin-bottom:6.9vw}
.may_inner .join_form .form_inner .label{display:table-cell;width:18.8vw;height:9.5vw;font-size:3.8vw;line-height:9.5vw;font-weight:700;vertical-align:top;font-family:var(--point-color)}
.may_inner .join_form .form_inner .input{display:table-cell;height:9.5vw;font-size:3.8vw;line-height:9.5vw;text-align:right;vertical-align:top}
.may_inner .join_form .form_inner .form_type{text-align:left}
.may_inner .btn_group{float:right;margin-top:.1vw;margin-right:10.3vw;margin-bottom:4vw}
.may_inner .btn_group li{display:inline-block;margin-left:4.3vw}
.may_inner .btn_group li a{display:block;font-size:2.8vw;border-bottom:1px var(--text-color) solid}
.rsv_list_inner{position:relative;top:2.1vw}
.rsv_list_inner .rsv_list_area{padding:6.9vw 3.7vw}
.myorder-cont{padding:.5em 1em;position:relative;top:2.1vw;border-radius:.28571429rem!important}
.myorder-cont-inner{border-radius:.28571429rem!important}
.rsv_list_inner li{margin-bottom:4.8vw;background-color:#fff;border-radius:.9vw}
.myorder-cont li{margin-bottom:4.8vw;background-color:#fff;border-radius:.9vw}
.rsv_list_inner li:last-of-type{margin-bottom:0}
.column-text{font-weight:700}
.small-margin{height:10px}
.progressbar-header{font-weight:700;color:var(--dark-main-color);font-size:1.5rem;font-family:var(--font-kr)}
.ui.card.item{width:100%;height:auto;border-radius:.28571429rem}
.column-sn{font-weight:700}
.card-ui-middle-space{display:block;margin-top:2px}
.small-line{border-bottom:1px solid var(--lock-color);align-self:center;width:93%}
.ui.button:not(#nextBtn){width:100%;height:42px;padding:1rem 0!important;background-color:#fff!important;color:#000;font-weight:400!important;border-radius:2px!important;border:1px solid var(--main-dark-grey)!important}
.menu-item{padding:0 5px!important;min-height:10%!important;width:100%;display:flex;flex-direction:row;justify-content:center}
.content{border-top:none!important}
.ui.centered.grid.button-grid{padding:0 5px}
.rsv_list_inner li .head{padding:2.4vw 5.6vw 1.1vw;height:24.8vw;color:#fff;background-color:var(--main-color);border-radius:.9vw .9vw 0 0}
.rsv_list_inner li .head .no{margin-top:5.1vw;font-size:2.9vw;text-align:center}
.rsv_list_inner li .head .name{display:inline-block;margin-top:3.4vw;width:65%;font-size:18px;font-weight:700}
.rsv_list_inner li .head .name a{padding:1.6vw 3vw;background:url(../img/detailbtn.png) right center no-repeat;background-size:5vw}
.rsv_list_inner li .head .date{display:inline-block;float:right;margin-top:3.4vw;width:35%;font-size:4.3vw;font-weight:700;text-align:right;font-family:var(--font-kr)}
.rsv_list_inner li .head_img .img{display:inline-block;width:55px;height:auto;margin-top:10px}
.rsv_list_inner li .head_img .img img{width:100%;height:auto}
.rsv_list_inner li .head_img .txt_area{display:inline-block;margin-left:9%;margin-top:-1.5%;width:calc(100% - 23.7vw);vertical-align:top}
.rsv_list_inner li .head_img .txt_area p{display:block}
.rsv_list_inner li .head_img .no{margin-top:8px;font-size:14px;text-align:left;font-family:var(--font-kr)}
.rsv_list_inner li .head_img .name{margin-top:13px;width:100%;font-family:var(--font-kr)}
.rsv_list_inner li .head_img .name a{float:right;padding:3vw 4vw;margin-top:-1vw}
.rsv_list_inner li .head_img .date{float:none;margin-top:1.5vw;width:100%;text-align:left}
.rsv_list_inner li .body{padding:0 5.6vw}
.rsv_list_inner li .body .cont{display:table;padding:9.4vw 0 4.8vw;border-bottom:1px var(--lock-color) solid}
.rsv_list_inner li .body .ico{display:table-cell;width:70px;height:auto;vertical-align:top}
.rsv_list_inner li .body .ico img{width:100%;height:auto}
.rsv_list_inner li .body .txt_area{display:table-cell;padding-left:3.8vw}
.rsv_list_inner li .body .txt_stage{color:var(--point-color);font-size:18px;font-weight:700;font-family:var(--font-kr)}
.rsv_list_inner li .body .txt_stage a{float:right;padding:3vw 4vw;margin-top:-1vw;background:url(../img/detailbtn.png) right center no-repeat;background-size:5vw}
.rsv_list_inner li .body .info{margin-top:6.8vw}
.rsv_list_inner li .body .info .txt{margin-bottom:10px;color:rgba(72,72,72,0.9);font-size:16px;font-family:var(--font-kr)}
.rsv_list_inner li .body .info .option{display:inline-block;width:70%;color:rgba(72,72,72,0.9);font-size:16px;font-weight:700;font-family:var(--font-kr)}
.rsv_list_inner li .body .info .cost{display:inline-block;float:right;margin-top:-.5vw;width:30%;color:rgba(72,72,72,0.9);font-size:16px;font-weight:700;text-align:right;font-family:var(--font-kr)}
.rsv_list_inner li .body .btn_area{height:14.8vw;line-height:14.8vw}
.rsv_list_inner li .body .btn_area a{display:inline-block;float:left;width:calc(100% / 2);color:rgba(102,204,206,0.9);font-size:17px;font-weight:700;text-align:center;font-family:var(--font-kr)}
.rsv_list_inner li .body .btn_single a{display:block;float:none;width:100%}
.buy_list_inner li .body .btn_area p{color:rgba(84,84,84,0.9);font-size:4.3vw;font-weight:700;text-align:center}
.review_subhead{background-color:#f7f7f7;border-bottom-width:0}
.review_subhead .btn_share{background:url(../img/share_off.png) right center no-repeat;background-size:5.2vw 4.7vw;right:15vw;padding:5.8vw 6vw}
.review_inner{position:relative;top:11.9vw}
.review_inner .review_star{padding:1vw 0 3.7vw;text-align:center;background-color:#f7f7f7;border-bottom:solid 1px var(--lock-color)}
.review_inner .review_star .star{width:7.5vw;height:7.5vw;background:url(../img/ico_star_off.png) center no-repeat;background-size:7.5vw}
.review_inner .review_star .star.on{width:7.5vw;height:7.5vw;background:url(../img/ico_star_on.png) center no-repeat;background-size:7.5vw}
.review_inner .review_area{padding:0 4vw;height:100%;background-color:#fff;display:table;width:100%}
.review_inner .review_form .textarea{padding-left:3%;background-color:var(--bg-color);padding-top:3.5vw;width:70%;height:40vw;color:var(--text-color);font-size:3.6vw;font-weight:400;letter-spacing:-1px;border-width:0;font-family:var(--font-kr)}
.review_inner .review_form .img{display:flex;flex-direction:column}
.review_inner .review_form .img button{position:absolute;padding:5vw;top:0;right:0;background:url(../img/pic_del.png) right top no-repeat;background-size:5vw}
.review_inner .review_form .img img{width:100%;height:100%;height:212px;width:212px}
.review_inner .review_form .btn_add_img{display:inline-block;width:19vw;height:19vw;background:url(../img/pic_add.png) center no-repeat;background-size:20vw}
.review_inner .txt_des{margin-top:3vw;margin-bottom:4vw;color:#888;font-size:3.2vw;line-height:4.8vw}
.photo-container{display:flex}
.btn_add_mainimg{width:65px;height:50px;margin:auto}
#btn_mainimg{display:flex;background:var(--main-color);flex-grow:1;min-height:25vw;min-width:25vw;margin-right:1.5%}
#mainimg{display:flex}
.myreview_inner{position:relative;top:8vw}
.myreview_inner .myreview_area{padding:5.5vw 4.4vw;background-color:#fff}
.myreview_inner .myreview_area li{margin-bottom:14.3vw}
.myreview_inner .myreview_area li:last-of-type{margin-bottom:0}
.myreview_inner li .tit_area .tit{position:relative;display:inline-block;float:none;margin-left:0;height:auto;font-size:4.9vw;font-weight:700;vertical-align:middle}
.myreview_inner li .tit_area .ico_arrow{margin-left:2.5vw;display:inline-block;width:2.5vw;height:2.5vw;border:2px #ccc solid;border-width:2px 2px 0 0;transform:rotate(45deg)}
.myreview_inner .myreview_area li .review_star{display:inline-block;padding:2vw 2vw 2vw 0;vertical-align:middle}
.myreview_inner li .review_star .ico_star{display:inline-block;width:5vw;height:5vw;background:url(../img/ico_star_off.png) center no-repeat;background-size:5vw}
.myreview_inner li .review_star .ico_star.on{display:inline-block;width:5vw;height:5vw;background:url(../img/ico_star_on.png) center no-repeat;background-size:5vw}
.myreview_inner .myreview_area li .date{font-size:3.1vw;font-weight:700}
.myreview_inner li .cont .txt{font-size:3.6vw;line-height:4.5vw;font-weight:700}
.myreview_inner li .btn_area a{display:inline-block;position:relative;padding-right:6vw;color:var(--main-color);font-size:3.9vw;font-weight:700}
.myreview_inner li .btn_area a:first-of-type::after{content:'';position:absolute;top:0;right:2vw;width:1px;height:3.7vw;background-color:#ccc}
.myreview_inner .myreview_area li .chat{position:relative;padding:5.5vw 4vw;margin-top:9vw;background-color:#f3f3f3;border-radius:0 3.5vw 0 0}
.myreview_inner .myreview_area li .chat::before{content:'';position:absolute;top:-6vw;left:0;width:8vw;height:6vw;background-color:#f3f3f3}
.myreview_inner .myreview_area li .chat::after{content:'';position:absolute;top:-6vw;left:0;width:8vw;height:6vw;background-color:#fff;border-radius:0 0 0 10vw}
.myreview_inner li .chat .name{display:inline-block;color:#000;font-size:3.6vw;font-weight:700}
.myreview_inner li .chat .date{display:inline-block;margin-left:2vw;color:#58585b;font-size:3.1vw;font-weight:700}
.myreview_inner li .chat .txt{margin-top:4vw;color:#000}
#modal.modal-overlay{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,0.18)}
#modal .modal-window{background:#fff;box-shadow:0 8px 32px 0 #4f0000;border-radius:10px;border:1px solid rgba(255,255,255,0.18);width:90%;position:absolute;top:15%;padding:2% 2% 5%;color:var(--text-color);display:flex;flex-direction:column}
#modal .title{padding-left:10px;display:inline;height:auto;text-align:center;font-size:1.2rem;font-family:var(--font-kr);color:var(--text-color);line-height:2.71}
#modal .subtitle{font-size:.8rem}
#modal .title h2{display:inline}
#modal .close-area{float:right;cursor:pointer;text-align:right}
#modal .close-area > img{width:15px;margin:5px}
#modal .contents{margin-top:5%;padding:0 5%;padding-top:5%;display:flex;justify-content:space-between;border-top:1px solid lightgray}
#modal .content-btn{font-family:var(--font-kr);font-size:.9rem;font-weight:700}
.order_inner{padding-top:3vw;top:25vw;overflow-x:hidden;height:calc(100% - 80px)}
.order_inner .goods{margin:0 3.8vw;padding: 10px 20px 20px;;background-color:#fff;border-radius:2px;display:block}
.order_inner .goods .tit{float:none;margin-left:0;padding-bottom:2.5vw;height:auto;color:rgba(84,84,84,0.9);font-size:4.6vw;font-weight:700;text-align:center;border-bottom:2px var(--lock-color) solid;font-family:var(--font-kr)}
.order_inner .goods .tit2{float:none;margin-left:0;padding-bottom:2.5vw;height:auto;color:rgba(84,84,84,0.9);font-size:4.6vw;font-weight:700;text-align:center;border-bottom:2px var(--lock-color) solid;font-family:var(--font-kr)}
.order_inner .goods .cont{padding:4.7vw 0 0;font-family:var(--font-kr)}
.order_inner .goods .cont li{display:table;margin-bottom:3.1vw;width:100%}
.order_inner .goods .cont li:nth-of-type(2){margin-bottom:1.5vw}
.order_inner .goods .cont li:last-of-type{margin-bottom:0}
.order_inner .goods .cont li > p,.order_inner .goods .cont li > div{display:table-cell}
.order_inner .goods .cont li .txt{color:rgba(72,72,72,0.9);font-size:3.1vw;font-weight:700;width:67%;font-family:var(--font-kr)}
.order_inner .goods .cont li .txt2{color:rgba(72,72,72,0.9);font-size:3.1vw;font-weight:700;width:67%;font-family:var(--font-kr)}
.order_inner .goods .cont li .cost,.order_inner .goods .cont li .date{color:rgba(72,72,72,0.9);font-size:3.8vw;font-weight:700;text-align:right;font-family:var(--font-kr)}
.order_inner .goods .cont li .cost2{color:rgba(72,72,72,0.9);font-size:3.8vw;font-weight:700;text-align:right;font-family:var(--font-kr)}
.order_inner .goods .cont li .cost3{color:rgba(72,72,72,0.9);font-size:3.8vw;font-weight:700;text-align:right;font-family:var(--font-kr);min-width:140px!important}
.order_inner .goods .cont li .txt .option{display:inline-block;margin-right:1vw}
.order_inner .goods .cont li .txt img{width:8.1vw;height:8.1vw}
.order_inner .goods_done{margin:4.1vw 3.8vw 0}
.order_inner .goods_done .btn_artwork{height:12.1vw;line-height:12.1vw;text-align:center;background-color:#fff;border-radius:.9vw}
.order_inner .goods_done .btn_artwork a{position:relative;margin-right:-10vw;height:12.1vw;color:rgba(84,84,84,0.9);font-size:4.6vw;font-weight:700}
.order_inner .goods_done .btn_artwork a::before{content:'';position:absolute;top:-2vw;left:-14.5vw;width:8.7vw;height:8.7vw;background:url(../img/orderopen.png) center no-repeat;background-size:8.7vw}
.order_inner .goods_done .goods{margin:.3vw 0 0}
.order_inner .memo{margin-top:7.6vw;text-align:center}
.order_inner .memo .tit{position:relative;display:inline-block;float:none;margin-left:0;margin-bottom:2.4vw;height:auto;color:rgba(84,84,84,0.9);font-size:4.6vw;font-weight:700;text-align:center;font-family:var(--font-kr)}
.order_inner .memo .tit2{position:relative;display:inline-block;float:none;margin-left:0;margin-bottom:2.4vw;height:auto;color:rgba(84,84,84,0.9);font-size:4.6vw;font-weight:700;text-align:center;font-family:var(--font-kr)}
.order_inner .memo .tit3{position:relative;display:inline-block;float:none;margin-left:0;margin-bottom:2.4vw;height:auto;color:rgba(84,84,84,0.9);font-size:4.6vw;font-weight:700;text-align:center;font-family:var(--font-kr)}
.order_inner .memo .review_form{padding:5.6vw 5.6vw 3vw;background-color:#fff}
.order_inner .memo .review_form .textarea{flex-grow:4;height:auto}
.order_inner .memo .review_form .btn_area{text-align:left}
.review_inner .review_form .img img{position:relative;height:auto}
.order_inner .guide{padding:10.5vw 3.8vw 22vw}
.order_inner .guide li{position:relative;padding-left:2vw;color:rgba(72,72,72,0.9);font-size:13px;line-height:19px;font-weight:500;font-family:var(--font-kr)}
.order_inner .guide li::before{content:'*';position:absolute;top:.1vw;left:0;color:rgba(72,72,72,0.9);font-size:3.1vw}
.order_inner .guide li span{color:var(--point-color)}
.order_inner .guide .txt_info{margin-top:20px;padding:2.8vw 6.5vw;color:rgba(84,84,84,0.9);font-size:3.1vw;line-height:40px;background-color:#e1dfdf;font-family:var(--font-kr)}
.bnt_bottom .btn_type .cost{float:right;font-size:4.3vw}
.reserve_area{display:block;top:70px;position:relative}
.select_option{color:var(--main-color);padding-right:2px}
.require_option{color:var(--point-color);padding-right:2px}
.detail_span_style{width:100%;float:left;position:absolute;font-size:12px;top:44px;left:0;line-height:20px}
.hr{background:var(--lock-color);width:100%;margin-top:10px;margin-bottom:10px;height:2px}
.pay_inner .goods .txt_area{padding:2.8vw 0 0;margin-top:5.4vw;border-top:2px var(--lock-color) solid}
.pay_inner .goods .txt_area .txt{margin-bottom:2.5vw;min-height:5vw;color:rgba(88,88,91,0.9);font-size:3.1vw;line-height:4.2vw;font-weight:700;outline:none;font-family:var(--font-kr)}
.pay_inner .delivery{margin-top:4.3vw;text-align:center}
.pay_inner .delivery .tit{position:relative;display:inline-block;float:none;margin-left:0;margin-bottom:2.4vw;height:auto;color:rgba(84,84,84,0.9);font-size:4.6vw;font-weight:700;text-align:center;font-family:var(--font-kr)}
.pay_inner .delivery .tit2{position:relative;display:inline-block;float:none;margin-left:0;margin-bottom:2.4vw;height:auto;color:rgba(84,84,84,0.9);font-size:4.6vw;font-weight:700;text-align:center;font-family:var(--font-kr)}
.pay_inner .delivery_area{margin:0 1.9vw}
.pay_inner .delivery_area .nav_tabs li{display:inline-block;float:left;margin-right:1.3vw;width:calc((100% - 1.3vw) / 2)}
.pay_inner .delivery_area .nav_tabs li:last-of-type{margin-right:0}
.pay_inner .delivery_area .nav_tabs .nav_link{display:block;padding:3.4vw 0 4vw;color:#313131;font-size:3.7vw;font-weight:300;background-color:#e5e5e5;border-radius:3vw 3vw 0 0}
.pay_inner .delivery_area .nav_tabs .nav_link.active{margin-top:-1vw;padding-top:4.5vw;background-color:#fff}
.pay_inner .delivery_area .tab_cont{position:relative;z-index:1;margin-top:-1.6vw;background-color:#fff;border-radius:3vw}
.pay_inner .delivery_area .tab_cont .body{padding:4.7vw 3.4vw}
.delivery_area .tab_cont .form_inner{text-align:left}
.delivery_area .tab_cont .form_inner label,.delivery_area .tab_cont .form_inner p.label{display:block;margin-bottom:1.6vw;width:auto;height:auto;color:rgba(0,0,0,0.9);font-size:3.6vw;line-height:inherit;font-weight:500;font-family:var(--font-kr)}
.delivery_area .tab_cont .form_inner .form_area{display:block}
.form_inner .sel_cstm {
    width: 100%;
    height: 53px;
    color: rgba(0, 0, 0, 0.9);
    font-size: 16px;
    line-height: 53px;
    border: 1px #ccc solid;
    font-weight: 700;
    text-align: center;
    text-align-last: center;
    border-radius: 5px;
    background: url(../img/ico_sel02.png) 95% center no-repeat;
    background-size: 20px 13px;
    font-family: var(--font-kr);
}
.form_inner .sel_cstm2{width:100%;height:13.6vw;color:rgba(0,0,0,0.9);font-size:3.8vw;line-height:13.6vw;border:1px #ccc solid;font-weight:700;text-align:center;text-align-last:center;border-radius:2vw;background:url(../img/ico_sel02.png) 95% center no-repeat;background-size:3.7vw 2.4vw;font-family:var(--font-kr)}
.form_inner .sel_cstm.open{background:url(../img/ico_sel_open02.png) 95% center no-repeat;background-size:20px 13px}
.form_inner .sel_cstm2.open{background:url(../img/ico_sel_open02.png) 95% center no-repeat;background-size:20px 13px}
.sel_cstm .current img,.sel_cstm .list li img{margin-right:3vw;width:10.2vw;height:7vw}
.sel_cstm .list{position:absolute;display:none;z-index:9;opacity:0;width:100%;background-color:#fff;border:1px #ccc solid}
.sel_cstm.open .list{display:block;opacity:1}
.sel_cstm .list li{padding:5px;line-height:normal;border-bottom:1px #eee solid}
.sel_cstm .list li.focus{background-color:#f5f5f5}
.sel_cstm2 .current img,.sel_cstm2 .list li img{margin-right:3vw;width:10.2vw;height:7vw}
.sel_cstm2 .list{position:absolute;display:none;z-index:9;opacity:0;width:100%;background-color:#fff;border:1px #ccc solid}
.sel_cstm2.open .list{display:block;opacity:1}
.sel_cstm2 .list li{padding:5px;line-height:normal;border-bottom:1px #eee solid}
.sel_cstm2 .list li.focus{background-color:#f5f5f5}
.delivery_area .tab_cont .form_inner .form_type{width:100%;height:11.1vw;color:rgba(0,0,0,0.9);font-size:3.7vw;line-height:11.1vw;background-color:#f9f9f9;border:1px #ccc solid;text-align:center;text-align-last:center;border-radius:5vw;font-family:var(--font-kr);font-weight:300}
.delivery_area .tab_cont .address{margin:0}
.delivery_area .tab_cont .address .form_area{margin-bottom:5px}
.delivery_area .tab_cont .address .form_area:last-of-type{margin-bottom:0}
.delivery_area .tab_cont .address .form_area:nth-of-type(1) .form_type{width:calc(100% - 33vw)}
.delivery_area .tab_cont .address .form_area:nth-of-type(1) .btn_type{width:28vw;height:11.1vw;line-height:11.1vw;border-radius:5vw}
.check_custom{position:relative;display:inline-block;float:right}
.checkArea a{color:#484848;font-size:3.7vw;font-weight:300}
.check_custom input[type='checkbox'],.radio_custom input[type='radio']{display:none}
.btn_login_ck{background:url(../img/ck_off.png) left center no-repeat;background-size:24px}
.check_custom input[type='checkbox']:checked + label{background:url(../img/ck_on.png) left center no-repeat;background-size:24px}
.check_custom label{    position: relative;
    padding: 0 0 0 30px;
    height: 24px;
    color: #484848;
    font-size: 14px;
    line-height: 23px;
    display: inline-block;}
.pay_inner .pay_info{margin-top:20px;text-align:center;padding-bottom:25%}
.pay_inner .pay_info .tit{position:relative;display:inline-block;float:none;margin-left:0;margin-bottom:2.4vw;height:auto;color:rgba(84,84,84,0.9);font-size:4.6vw;font-weight:700;text-align:center;font-family:var(--font-kr)}
.pay_inner .pay_info .tit2{position:relative;display:inline-block;float:none;margin-left:0;margin-bottom:2.4vw;height:auto;color:rgba(84,84,84,0.9);font-size:4.6vw;font-weight:700;text-align:center;font-family:var(--font-kr)}
.pay_inner .pay_info .pay_cost,.pay_inner .pay_info .form_inner,.pay_inner .pay_info ul{padding:0 20px;text-align:left;background-color:#fff}
.pay_inner .pay_info .pay_cost{padding-top:20px;padding-bottom:30px}
.pay_inner .pay_info .pay_cost .txt{margin-bottom:10px;color:rgba(0,0,0,0.9);font-size:4.1vw;font-weight:700;font-family:var(--font-kr)}
.pay_inner .pay_info .pay_cost .txt2{margin-bottom:10px;color:rgba(0,0,0,0.9);font-size:4.1vw;font-weight:700;font-family:var(--font-kr)}
.pay_inner .pay_info .pay_cost .cost {
    margin-bottom: 5px;
    color: rgba(84, 84, 84, 0.9);
    font-size: 20px;
    font-weight: 700;
    font-family: var(--font-kr);
}
.pay_inner .pay_info .pay_cost .cost2{margin-bottom:1.6vw;color:rgba(84,84,84,0.9);font-size:6.9vw;font-weight:700;font-family:var(--font-kr)}
.pay_inner .pay_info .pay_cost .info{color:gray;font-size:14px;font-weight:300;font-family:var(--font-kr)}
.pay_inner .pay_info .pay_cost .info2{color:gray;font-size:14px;font-weight:300;font-family:var(--font-kr)}
.pay_inner .pay_info .form_inner{padding-bottom:20px;margin-bottom:0;border-bottom:1px var(--bg-color) solid;padding-top:20px}
.pay_inner .pay_info .form_inner .label{margin-bottom:10px;color:rgba(0,0,0,0.9);font-size:4.1vw;font-weight:300;font-family:var(--font-kr);font-weight:bold}
.pay_inner .pay_info .form_inner .label2{margin-bottom:10px;color:rgba(0,0,0,0.9);font-size:4.1vw;font-weight:700;font-family:var(--font-kr)}
.pay_inner .pay_info .form_inner .sel_b1px x{display:block}
.pay_inner .pay_info ul li{height: auto;
    line-height: 40px;
    font-family: var(--font-kr);
    background: url(../img/icon_right.png) right center no-repeat;
    background-size: 10px 15px;
    border-bottom: 1px #bdbdbd solid;}
.pay_inner .pay_info ul li:last-child{border:0}
.pay_inner .pay_info ul li p{display:inline-block;color:#000;font-size:17px;font-weight:500;margin-left:10px;font-family:var(--font-kr)}
.pay_inner .pay_info ul li span {
    float: right;
    margin-right: 20px;
    color: #141415;;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-kr);
}
.pay_inner .pay_info ul li .infobox {
    padding: 1em 0 1em 1em;
    float: right;
    margin-right: 10px;
    color: var(--lock-color);
    font-size: 14px;
    font-weight: 700;
    height: auto;
    font-family: var(--font-kr);
    width: 100%;
}
.pay_inner .pay_info .des,.pay_inner .pay_info .guide ul{background-color:transparent}
.pay_inner .pay_info .des li{height: auto;
    line-height: 60px;
    background: url(../img/ico_down.png) right center no-repeat;
    background-size: 15px 10px;
    border-bottom: 1px solid #bcbcbc;}
.pay_inner .pay_info .guide li{height:auto;line-height:inherit;background:none}
.pay_inner .pay_info .des p{color:#999!important}
.reserve_inner.order_inner .goods li{margin-bottom:4.2vw!important}
.reserve_inner .goods .total{padding:5.4vw 0;border:1px var(--lock-color) solid;border-width:1px 0}
.reserve_inner .goods .total p,.reserve_inner .goods .total span{display:inline-block;color:var(--main-color);font-size:4.3vw;font-weight:700;font-family:var(--font-kr)}
.reserve_inner .goods .total span{float:right}
.reserve_inner .goods .total span2{float:right}
.reserve_inner .goods .total p2,.reserve_inner .goods .total span2{display:inline-block;color:var(--main-color);font-size:4.3vw;font-weight:700;font-family:var(--font-kr)}
.reserve_inner .schedule_guide{margin:3.3vw 5vw}
.reserve_inner .schedule_guide > p{color:#262626;font-size:3.1vw}
.reserve_inner .schedule_guide .guide_txt{padding:1.8vw;margin-top:1.9vw;background-color:#dddee1;text-align:center}
.reserve_inner .schedule_guide .guide_txt > p{margin-bottom:3.6vw;color:#262626;font-size:3.1vw;font-weight:500;font-family:var(--font-kr)}
.reserve_inner .schedule_guide .txt_area{display:inline-block;float:left;width:33.333%;border-right:1px #fff solid}
.reserve_inner .schedule_guide .txt_area:last-of-type{border-width:0}
.reserve_inner .schedule_guide .txt_area .txt{margin-bottom:1vw;color:#262626;font-size:3.1vw;font-weight:700;font-family:var(--font-kr)}
.reserve_inner .schedule_guide .txt_area .date{color:var(--point-color);font-size:3.1vw;font-weight:700;font-family:var(--font-kr)}
.reserve_inner .chat{padding:2vw 2.8vw 20vw;overflow-y:scroll;height:84%;top:85px;position:relative}
.reserve_inner .chat .seller,.reserve_inner .chat .buyer{display:table;margin-bottom:5.6vw;width:100%;height:14vw}
.reserve_inner .chat .profile{display:table-cell;width:14vw}
.reserve_inner .chat .profile_img{display:inline-block;width:11.9vw;height:11.9vw;background-color:#aaa;border-radius:10vw}
.reserve_inner .chat .seller .speech_bubble{position:relative;background:#fff;border:1px solid #fff;width:auto;float:left;max-width:calc(100% - 60px);height:auto}
.reserve_inner .chat .seller .speech_bubble:after,.speech_bubble:before{right:100%;top:15px;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none;left:-17px}
.reserve_inner .chat .seller .speech_bubble:after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:9px}
.reserve_inner .chat .seller .speech_bubble:before{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:13px;margin-top:-5px;left:-19px}
.reserve_inner .chat .buyer .speech_bubble{position:relative;background:var(--main-color);border:1px solid #c2e1f5;width:auto;float:right;max-width:calc(100% - 60px);height:auto}
.reserve_inner .chat .buyer .speech_bubble:after,.speech_bubble:before{left:100%;top:15px;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}
.reserve_inner .chat .buyer .speech_bubble:after{border-color:rgba(102,204,206,0);border-left-color:var(--main-color);border-width:9px}
.reserve_inner .chat .buyer .speech_bubble:before{border-color:rgba(102,204,206,0);border-left-color:var(--main-color);border-width:13px;margin-top:-5px;margin-left:-4px}
.reserve_inner .chat .buyer .speech_bubble_request{position:relative;background:var(--point-color);border:1px solid var(--point-color);width:auto;float:right;max-width:calc(100% - 60px);height:auto}
.reserve_inner .chat .buyer .speech_bubble_request:after,.speech_bubble_request:before{left:100%;top:15px;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}
.reserve_inner .chat .buyer .speech_bubble_request:after{border-color:rgba(255,136,134,0);border-left-color:var(--point-color);border-width:9px}
.reserve_inner .chat .buyer .speech_bubble_request:before{border-color:rgba(255,136,134,0);border-left-color:var(--point-color);border-width:13px;margin-top:-5x}
.reserve_inner .chat .speech_bubble p{font-size:3.5vw;line-height:4vw}
.reserve_inner .chat .buyer .profile{text-align:right;vertical-align:top;float:right}
.message{height:60px;line-height:60px;background-color:#fff}
.message a{display:inline-block;float:left;padding:30px;background:url(../img/camera.png) center no-repeat;background-size:30px;border-right:1px #e7e7e7 solid}
.message input{padding-left:4vw;border-width:0;height:100%;font-size:3.7vw;line-height:60px;vertical-align:top;width:calc(100% - 160px)}
.message button{float:right;width:80px;height:100%;line-height:60px;font-size:3.7vw;text-align:center;font-family:'Nanum Barun Gothic',sans-serif;font-weight:700;background-color:var(--main-color);color:#fff}
.message input::-ms-input-placeholder{color:#888}
.message input::-webkit-input-placeholder{color:#888}
.message input::-moz-placeholder{color:#888}
.purchase_inner .txt_des{margin:4.1vw 6.4vw;color:#262626;font-size:3.1vw}
.purchase_inner .txt_des span{color:var(--main-color)}
.moreinfoctl{float:right;font-size:.6em;margin-right:25px}
.product_desc{width:100%;height:auto;margin-left:5vw;position:relative;margin-top:8vw;margin-bottom:5vw}
.product_desc_cont{width:92%;height:auto;position:relative;font-size:3.5vw;color:#484848;line-height:5vw}
.coupon_detail{position:absolute;top:15px;left:45px;width:62%;color:var(--main-color);font-size:12px}
.coupon_title{font-size:25px;font-weight:700;line-height:34px}
.priceinfo{background:#fff;width:100%;margin-top:7px;height:160px}
.pricetop{position:relative;width:100%;height:46px}
.pricecnt{width:100%;height:90px;position:relative}
.priceititle{padding-left:20px;padding-top:10px;font-size:20px;font-weight:700;color:#000;float:left;width:60%;font-family:var(--font-kr)}
.artistlevel{float:left;width:40%;text-align:right;padding-right:20px;padding-top:10px;font-size:20px;font-weight:700;color:var(--main-color)}
.siancnt{position:relative;width:60px;margin-left:calc(calc(100% - 180px) / 4);height:60px;margin-top:5px;float:left;text-align:center;opacity:.78;border:solid 3px var(--main-color);background-color:#fff;border-radius:50%;font-size:14px;font-weight:700;line-height:55px;color:#000;font-family:var(--font-kr)}
.siancnt > span{margin-top:28px;position:absolute;left:-14px;width:80px;text-align:center;padding:0;top:42px;font-size:14px;line-height:20px}
.siantime{position:relative;width:60px;margin-left:calc(calc(100% - 180px) / 4);height:60px;margin-top:5px;float:left;text-align:center;opacity:.78;border:solid 3px var(--point-color);background-color:#fff;border-radius:50%;font-size:14px;font-weight:700;line-height:55px;color:#000;font-family:var(--font-kr)}
.siantime > span{margin-top:28px;position:absolute;left:-18px;width:88px;text-align:center;padding:0;top:36px;font-size:14px;line-height:18px}
.editcnt{position:relative;width:60px;margin-left:calc(calc(100% - 180px) / 4);height:60px;margin-top:5px;float:left;text-align:center;opacity:.78;border:solid 3px #f5ae00;background-color:#fff;border-radius:50%;font-size:14px;font-weight:700;line-height:55px;color:#000;font-family:var(--font-kr)}
.editcnt > span{margin-top:28px;position:absolute;left:-14px;width:80px;text-align:center;padding:0;top:36px;font-size:14px;line-height:18px}
.edittime{position:relative;width:60px;margin-left:calc(calc(100% - 180px) / 4);height:60px;margin-top:5px;float:left;text-align:center;opacity:.78;border:solid 3px var(--main-color);background-color:#fff;border-radius:50%;font-size:14px;font-weight:700;line-height:55px;color:#000}
.edittime > span{margin-top:28px;position:absolute;left:-18px;width:88px;text-align:center;padding:0;top:36px;font-size:14px;line-height:18px}
.form_inner .sel_ncstm{width:100%;height:13.6vw;color:rgba(0,0,0,0.9);font-size:3.8vw;line-height:13.6vw;border:1px #ccc solid;font-weight:700;text-align:center;text-align-last:center;border-radius:2vw;font-family:var(--font-kr)}
.righthead{position:fixed;height:6%;width:fit-content;float:right;z-index:12000;right:0;top:2.5vw;text-align:center;margin-right:4%;color:var(--main-color);font-family:var(--font-kr);line-height:25px}
.righthead2{position:fixed;height:4%;width:20vw;z-index:12000;right:0;top:2.5vw;text-align:end;margin-right:4%;color:var(--main-color);font-weight:700;font-family:var(--font-kr)}
.righthead3{position:fixed;height:6%;width:fit-content;float:right;z-index:12000;right:0;top:3vw;text-align:center;margin-right:4%;color:var(--point-color);font-weight:700;font-family:var(--font-kr)}
.product_desc img{width:100%!important;height:auto!important}
#art_con_text{width:93%;left:5%;height:78%;overflow:scroll;padding:2px 4px}
@media (min-width: 320px) and (max-width: 359px) {
.tab_inner.customer_faq{margin-top:10px}
}
@media (min-width: 360px) and (max-width: 374px) {
.coupon_detail{position:absolute;top:22%;left:12%;width:62%;color:var(--main-color);font-size:90%}
.coupon_title{font-size:150%;font-weight:700;line-height:34px}
.coupon_comment{margin-top:1%;font-size:90%}
.tab_inner.customer_faq{margin-top:10px}
}
@media (width: 384px) {
.tab_inner.customer_faq{margin-top:10px}
}
@media (min-width: 400px) {
.coupon_detail{position:absolute;top:22%;left:12%;width:62%;color:var(--main-color);font-size:90%}
.coupon_title{font-size:150%;font-weight:700;line-height:34px}
.coupon_comment{margin-top:1%;font-size:90%}
}
@media (min-width: 768px) and (max-width: 1023px) {
.rsv_list_inner{position:relative;top:11.9vw}
.rsv_list_inner .rsv_list_area{margin:.5em 0}
.rsv_list_inner li{margin-bottom:4.8vw;background-color:#fff;border-radius:.9vw}
.rsv_list_inner li:last-of-type{margin-bottom:0}
.rsv_list_inner li .head{padding:2.4vw 5.6vw 1.1vw;height:24.8vw;color:#fff;background-color:var(--main-color);border-radius:.9vw .9vw 0 0}
.rsv_list_inner li .head .no{margin-top:5.1vw;font-size:2.9vw;text-align:center}
.rsv_list_inner li .head .name{display:inline-block;margin-top:3.4vw;width:65%;font-size:18px;font-weight:700}
.rsv_list_inner li .head .name a{padding:1.6vw 3vw;background:url(../img/detailbtn.png) right center no-repeat;background-size:5vw}
.rsv_list_inner li .head .date{display:inline-block;float:right;margin-top:3.4vw;width:35%;font-size:4.3vw;font-weight:700;text-align:right}
.rsv_list_inner li .head_img .img{display:inline-block;width:55px;height:auto;margin-top:10px}
.rsv_list_inner li .head_img .img img{width:325%;height:auto}
.rsv_list_inner li .head_img .txt_area{display:inline-block;margin-left:20%;margin-top:.5%;width:calc(100% - 23.7vw);vertical-align:top}
.rsv_list_inner li .head_img .txt_area p{display:block}
.rsv_list_inner li .head_img .no{margin-top:8px;font-size:90%;text-align:left}
.rsv_list_inner li .head_img .name{margin-top:5%;width:100%;font-size:100%}
.rsv_list_inner li .head_img .name a{float:right;padding:3vw 4vw;margin-top:-1vw}
.rsv_list_inner li .head_img .date{float:none;margin-top:1.5vw;width:100%;text-align:left}
.rsv_list_inner li .body{padding:0 5.6vw}
.rsv_list_inner li .body .cont{display:table;padding:6.4vw 0 4.8vw;border-bottom:1px var(--lock-color) solid}
.rsv_list_inner li .body .ico{display:table-cell;width:70px;height:auto;vertical-align:top}
.rsv_list_inner li .body .ico img{width:290%;height:auto}
.rsv_list_inner li .body .txt_area{display:table-cell;padding-left:20%}
.rsv_list_inner li .body .txt_stage{color:var(--point-color);font-size:3rem;font-weight:700}
.rsv_list_inner li .body .txt_stage a{float:right;padding:3vw 4vw;margin-top:-1vw;background:url(../img/detailbtn.png) right center no-repeat;background-size:5vw}
.rsv_list_inner li .body .info{margin-top:6.8vw}
.rsv_list_inner li .body .info .txt{margin-bottom:10px;color:rgba(72,72,72,0.9);font-size:2rem}
.rsv_list_inner li .body .info .option{display:inline-block;width:70%;color:rgba(72,72,72,0.9);font-size:2rem;font-weight:700}
.rsv_list_inner li .body .info .cost{display:inline-block;float:right;margin-top:-.5vw;width:30%;color:rgba(72,72,72,0.9);font-size:2rem;font-weight:700;text-align:right}
.rsv_list_inner li .body .btn_area{height:14.8vw;line-height:14.8vw}
.rsv_list_inner li .body .btn_area a{display:inline-block;float:left;width:calc(100% / 2);color:rgba(102,204,206,0.9);font-size:2.5rem;font-weight:700;text-align:center}
.rsv_list_inner li .body .btn_single a{display:block;float:none;width:100%}
.searchicon2{height:6vw}
}
@media screen and (min-width: 1024px) {
.searchicon2{height:7vw!important}
.subhead{height:70px!important}
}
.space{margin-top:10px}
.clear{clear:both}
.wantdate{margin-left:20px}
.style_option{position:absolute;right:1px;width:100%;height:20px;bottom:0}
.style_fast{float:left;width:60px;height:20px;display:inline-block}
.style_fast > img{height:20px;margin-left:calc(50% - 12px)}
@media screen and (min-width: 500px) {
.style_fast > img{margin-left:calc(50% - 30px)}
}
.style_fast > span{font-size:xx-small;letter-spacing:.05em;width:100%;text-align:center;float:left;margin-top:2px;font-family:var(--font-kr);font-weight:500}
.style_edit1{float:left;width:60px;height:25px;margin-right:20px}
.style_edit1 > img{width:60px;height:17px;margin-left:calc(50% - 20px)}
.style_edit{width:22px;margin-left:7px;height:22px;text-align:center;opacity:.78;border:solid 1.5px var(--point-color);background-color:#fff;border-radius:50%;font-size:14px;color:#000}
.style_cnt{line-height:36px;font-weight:700;left:15px;position:absolute;top:-9px;font-size:12px}
.style_edit1 > span{font-size:xx-small;letter-spacing:.05em;width:100%;text-align:center;float:left;margin-top:2px;font-weight:500;font-family:var(--font-kr)}
.ordertab{background:url(../img/icon_order_off.png) center no-repeat;background-size:20px 20px;background-position-x:31%}
.active > .ordertab{background:url(../img/icon_order_on.png) center no-repeat;background-size:20px 20px;background-position-x:31%}
.active > .ordertab > a{color:#fff!important}
.chattab{background:url(../img/icon_chat_off.png) center no-repeat;background-size:20px 20px;background-position-x:31%}
.active > .chattab{background:url(../img/icon_chat_on.png) center no-repeat;background-size:20px 20px;background-position-x:31%}
.active > .chattab > a{color:#fff!important}
.iconnew{width:20px;height:20px}
.bold{font-weight:700;font-family:var(--font-kr)!important}
.delete{position:absolute;padding:4vw 5vw;top:0;right:10px;background:url(../img/close_off.png) right 2.7vw no-repeat;background-size:4.6vw 4.2vw}
.krmedium{font-family:var(--font-kr);font-weight:500}
.weight5{font-weight:500}
.NotoSansKR{font-family:var(--font-kr);font-weight:500;color:rgba(72,72,72,0.9)}
p#paytypecurrent{font-family:'Nanum Barun Gothic',sans-serif;width:212px}
.sel_bx2{width:213px}
.box{margin:auto;width:90%;height:30%;position:relative;padding:3% 6%;border-radius:10px}
.omav{background-color:var(--main-color)}
.crimson{background-color:var(--point-color)}
.white{background-color:#fff}
.box > .img1{height:-webkit-fill-available}
.box > .img2{position:absolute;right:0;top:0;margin-top:3%;margin-right:6%;height:25%}
.box > .box-content{position:absolute;position:absolute;top:27%;left:43%;padding-right:3%;padding-left:3%}
.box > .box-content > .category_header{color:var(--text-color)}
.box > .box-content > .category_header.active{font-family:var(--font-kr);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:var(--greyish-brown)}
.box > .box-content > .text{color:var(--text-color)}
.box > .box-content > .text.market{opacity:.9;font-family:var(--font-kr);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:rgba(255,255,255,0.9);font-size:13px}
.button-go{padding:0}
.box > .box-content > .text.auction{opacity:.9;font-family:var(--font-kr);font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:rgba(194,192,192,0.9)}
.flex.header{margin-top:10px;font-size:22px;font-weight:700;text-align:center}
.line-center{margin:0;padding:0 25px;background:var(--bg-color);display:inline-block}
h2{text-align:center;position:relative;z-index:2}
h2:after{content:'';position:absolute;top:50%;left:0;right:0;border-top:solid 1px var(--text-color);z-index:-1;margin:0 6%}
.category_header{justify-content:center;font-size:22px;font-weight:700}
.flex{display:flex;flex-direction:row;flex-wrap:nowrap;flex-grow:1;justify-content:center;align-items:center}
.flex.header{margin-top:10px;font-weight:700}
.flex.menu-tab{font-size:16px;font-weight:700}
.menu-tab{height:50px!important;background-color:#fff}
.menu-icon{height:20px;width:auto;margin-right:10px}
.active{color:#fff}
.myorder-cont-inner .no_data_area{position:relative;min-height: calc(100% - 441px);}
.myorder-cont-inner .no_data_area .no_data_cont{position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -44px;
    text-align: center;}
.myorder-cont-inner .no_data_area p{    padding-top: 88px;
    color: var(--lock-color);
    font-size: 20px;
    font-weight: 700;
    background: url(../img/charector_icon.png) center top no-repeat;
    background-size: 70px;
    font-family: var(--font-kr);}
.main-top{width:100%;height:105px;background:#fff;position:relative}
.main-top .main-logo{background:url(../img/main-logo.png) no-repeat center top;background-size:contain;width:100%;height:40px;position:absolute;top:10px; cursor: pointer;}
.main-top .main-basket{width:35px;height:35px;position:absolute;right:20px;top:23px;display:block;font-size:20px;color:var(--main-color);line-height:40px;text-align:center}
.main-top .main-faq{width:35px;height:35px;position:absolute;left:20px;top:19px;display:block;background:url(../img/contact.png)no-repeat center/cover;background-size:20px auto;line-height:40px;text-align:center}
.main-top .main-bookmark{width:35px;height:35px;position:absolute;right:55px;top:23px;display:block;font-size:20px;color:var(--point-color);line-height:40px;text-align:center}
.main-top .main-search{width:94%;height:40px;border:1px solid var(--lock-color);box-sizing:border-box;border-radius:5px;line-height:40px;padding-left:40px;padding-right:85px;position:absolute;top:55px;margin:0 3%;display:block;background-position:3% center;background-size:20px 20px;text-decoration:none;font-weight:700;color:var(--lock-color)}
.search_type_style{position:absolute;top:62px;right:5vw;font-size:12px;color:var(--text-color);width:60px;padding:5px 8px;border:1px solid var(--lock-color);border-radius:4px;text-align:left;background:url(../img/btn_open.png) no-repeat right 4px center;background-size:8px 5px}
.search_type_style2{position:absolute;top:10%;left:4px;font-size:3vw;color:var(--text-color);width:18vw;height:9vw;padding:5px 8px;border:1px solid var(--lock-color);border-radius:4px;text-align:left;background:url(../img/btn_open.png) no-repeat right 2vw center;background-size:2.5vw 1.5vw}
.main-ca{width:100%;height:380px;background:#fff;padding:20px;display:inline-table}
.main-ca-btn{padding:9px 14px;background:var(--bg-color);display:inline-block;margin-right:5px;border-radius:20px;font-size:14px}
.main-ca-btn.active{background:var(--main-color);color:#fff;font-weight:600}
.main-ca-boxes{width:100%;height:auto;margin-top:15px;overflow:hidden}
.main-ca-boxes-scroll{width:100%;height:245px;overflow:hidden}
.main-ca-box{float:left;width:16%;margin:0 2%;margin-bottom:5%;font-size:14pt;display:inline-block;height:110px;text-align:center}
.main-ca-box:last-child{margin-right:0}
.main-ca-box img{height:50%;margin:0 0 6px}
.main-ca-box p{text-align:center;font-size:12px;color:#000}
.main-ca-re-boxes,.main-ca-pr-boxes{visibility:hidden}
.main-sec{width:100%;height:auto;background:#fff;position:relative;padding:20px;display:flex;flex-direction:column}
.main-sec .main-title{display:inline-block;font-weight:600;font-size:20px;line-height:25px}
.main-sec .main-title-sub{font-weight:400;font-size:14px;font-family:var(--font-kr);display:block;margin:0 0 15px;margin-top:8px;color:#9E9E9E}
.main-sec .main-see-all-btn{font-weight:600;color:var(--main-color);font-size:14px;text-align:right;position:absolute;right:20px}
.main-sec-more-btn{width:100%;height:36px;background:#fff;border:1px solid #E9E9E9;box-sizing:border-box;border-radius:2px;line-height:0;text-align:center;font-size:12px;margin-top:10px;display:flex;color:#9E9E9E;align-items:center;justify-content:center;gap:4px}
.main-design{margin:10px 0}
.main-new-boxes{width:100%;margin-bottom:15px}
.main-new-box{width:32%;float:left;margin-right:1%;margin-bottom:20px;cursor:pointer}
.main-new-box:last-child{margin-right:0}
.main-new-box-img{width:100%;height:112px;background:var(--main-color);margin-bottom:10px;border-radius:50%}
.main-new-box-name{font-size:14px;font-weight:600;text-align:center}
.main-new-box-tag{font-size:18px}
.main-event-banner{width:100%;height:110px;background:url(../images/main-event-banner.jpg) no-repeat;background-size:cover;display:block}
.main-review{margin-bottom:0}
.main-review-boxes{width:100%;height:310px;overflow:hidden}
.main-review-box{width:100%;height:90px;margin-bottom:15px}
.main-review-box-img{background:var(--main-color);width:30%;height:100%;float:left;margin-right:2%;border-radius:5px}
.main-review-box-img img{width:100%;height:100%;border-radius:5px}
.main-review-box-title span{color:var(--main-color)}
.main-review-box-title{font-weight:700;padding-top:10px}
.main-review-box-txt{height:75px;overflow:hidden;padding-top:5px}
.artist_img{height:100%}
.companyinfo{background:var(--light-grey);padding-top:10px;margin-top:10px}
.categorymore{position:relative;width:100%;text-align:center;display:block;margin-top:10px;padding-left:16px;padding-right:16px}
.main-ca-box-close{width:100%;height:36px;background:#fff;border:1px solid #E9E9E9;box-sizing:border-box;border-radius:2px;line-height:0;text-align:center;font-size:12px;margin-top:10px;display:flex;color:#9E9E9E;align-items:center;justify-content:center;gap:4px}
.searchbtn{position:absolute;background:url(../img/search.png) no-repeat;width:30px;height:30px;background-size:20px 20px;top:66px;left:23px}
.search-sec{padding-bottom:85px}
.coupon_num{float:left;width:72%;height:100%;margin-left:20px;margin-right:10px}
.coupon_num > input{width:100%;height:40px;border:1px solid #c2c0c0;border-radius:5px;padding-left:10px}
.coupon_add{float:left;width:18%;line-height:41px;background:var(--main-color);color:#fff;border-radius:5px;margin-top:1px}
.design-no-data{width:100%;text-align:center;font-family:var(--font-kr);font-size:4vw;font-weight:700;color:#bcbcbc;position:relative;top:4vw}
.review-no-data{left:4vw;padding-bottom:40px}
.no-data-img{display:inline-block;width:20vw;height:20vw;margin-bottom:10px;background:url(../img/charector_icon.png) no-repeat center/contain}
@media screen and (min-width: 768px) {
#review_back{top:40px}
}
@media screen and (min-width: 768px) {
.review_img img{width:500px;height:500px}
}
.cash_btn{border:2px solid var(--main-color);border-radius:15px;width:calc(100% - 60px);margin-left:30px;margin-top:10px;height:30px;padding-left:10px;font-size:15px}
#review_no_data .no_data_cont{top:15vw}
.qna_cont{padding-bottom:100px;background-color:var(--bg-color)}
.qna_cont li{background-color:#fff}
.product_no_data{padding-bottom:4vw}
.category_no_data{margin-bottom:15vw}
.already_review{font-family:var(--font-kr);font-size:5vw;font-weight:700;color:var(--lock-color)}
.cancel_return{font-family:var(--font-kr);font-size:5vw;font-weight:700;color:var(--lock-color);width:100%;margin-left:-2.5vw;border-top:1px solid var(--lock-color);display:flex;align-items:center;justify-content:center;padding-top:25px}
.blocked_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.579);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}
.blocked_title{font-family:var(--font-kr);font-weight:700;font-size:8vw;color:var(--point-color);padding:3px 10px;border:1vw solid var(--point-color)}
.blocked_word{font-size:4vw;color:var(--text-color);font-weight:700;text-align:center;margin-top:3vw}
.blocked_faq{display:block;width:100%;font-family:var(--font-kr);font-size:4vw;color:var(--white-color);font-weight:700;margin-top:8vw;padding:3vw 0;text-align:center;background-color:var(--main-color);border-radius:1vw}
.blocked_faq:is(:hover,:focus){color:var(--white-color);background-color:var(--main-color)}
.giftmenu{width:100%;height:10vw;position:fixed;margin-top:22vw;z-index:9999;background-color:#fff;border-top:1px solid var(--lock-color)}
.gift_history_menu_style{width:50%;height:11vw;float:left;text-align:center;position:relative;line-height:11vw;font-size:3vw;background-color:#fff;border-bottom:1px solid var(--lock-color)}
.giftmenu .active{background:var(--point-color);color:#fff}
.seller_order_cont{top:15vw}
.block_chat_bg{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(255,255,255,0.453);z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4vw;text-align:center}
#block_chat_faq{position:absolute;bottom:0;padding:5vw 0;font-size:5vw}
.block_chat_title{border:1.5vw solid var(--point-color);font-family:var(--font-kr);font-size:10vw;font-weight:700;color:var(--point-color);padding:2vw 4vw}
.block_chat_word{font-size:4vw;font-weight:700;color:var(--text-color)}
.artist_report{position:absolute;right:2%;background:url(../img/siren_grey.png) 50% 50% no-repeat;background-size:80% auto;float:right;width:7%;height:100%;z-index:1000}
.artist_report i{font-size:5vw;color:var(--point-color)}
.artist_status{width:100%;padding:2vw 4vw;background-color:rgba(25,25,25,0.577);position:relative;z-index:1000;display:flex;justify-content:space-between;align-items:center}
.artist_status_wrap,.detail_status_wrap{display:flex;align-items:center;gap:2vw}
:is(.artist_status_wrap,.detail_status_wrap) img{width:13px;}
:is(.artist_status_wrap,.detail_status_wrap) span{font-family:var(--font-kr);font-size:15px}
.artist_star_wrap span{color:var(--white-color)}
:is(.artist_rank_wrap,.detail_rank_wrap) span{color:var(--main-color)}
:is(.artist_bookmark_wrap,.detail_bookmark_wrap) span{color:var(--point-color)}
.detail-seller-status{display:flex;justify-content:flex-start;align-items:center;gap:40px}
.report_wrap{padding-top:60px}
.report_wrap a{font-family:var(--font-kr);font-size:15px!important;color:var(--point-color);text-decoration:underline!important}
.report_seller_info{padding-top:45px;position:relative;width:100%;height:80vw}
.report_icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);width:60vw;height:60vw;border:1.5vw solid var(--white-color);border-radius:50%;overflow:hidden}
:is(.report_icon,.report_bg) img{width:100%;height:100%;object-fit:cover}
.report_bg{position:relative;width:100%;height:100%;filter:blur(4px);z-index:-1}
.report_name{width:100%;padding:3vw 0;background-color:var(--lock-color)}
.report_name p{font-family:var(--font-kr);font-weight:700;font-size:5vw;color:var(--white-color);text-align:center}
.report_seller_form{width:100%;padding:8vw}
.report_seller_form ul{width:100%;display:flex;flex-direction:column;gap:3.5vw}
.report_seller_form ul li label{display:flex;align-items:center;gap:2vw}
.report_seller_form ul li span{font-family:var(--font-kr);font-size:3.5vw}
.report_txtarea{font-family:var(--font-kr);width:100%;height:40vw;padding:2vw;border:.6vw solid var(--lock-color);border-radius:1.5vw}
.report_txtarea::placeholder{font-family:var(--font-kr);color:var(--lock-color)}
.report_submit{width:100%;font-family:var(--font-kr);font-weight:700;font-size:4vw;color:var(--white-color);padding:5vw 0;background-color:var(--main-color)}
.refund-return_check{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10vw;border:.5vw solid var(--main-color);border-radius:3vw;background-color:var(--white-color);padding:4vw 0;margin-bottom:4vw}
.return_section{margin-top:20vw;padding-bottom:10vw}
.return_card{width:95%;background-color:#fff;margin:0 auto;margin-bottom:4vw;border-radius:3vw}
.return_header{width:100%;border-radius:3vw 3vw 0 0;background-color:var(--main-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2vw 3vw;font-family:var(--font-kr);color:var(--white-color)}
.return_link{font-family:var(--font-kr);color:var(--white-color)}
.return_reason_sec{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1.5vw 3vw;padding-bottom:2vw;font-family:var(--font-kr);font-weight:700;color:var(--text-color)}
.return_reason{font-size:4vw}
.return_qna{color:var(--main-color)}
.return_main{width:100%;height:20vw;padding:0 3vw;display:flex;flex-direction:row;align-items:center;gap:3vw}
.return_img{width:20vw;height:20vw}
.return_img img{width:100%;height:100%}
.return_goods_info{height:100%;display:inline-flex;flex-direction:column;justify-content:space-between}
.return_goods_name{padding:1.5vw 0;font-size:3.5vw;font-weight:700}
.return_price{display:flex;flex-direction:row;align-items:center;gap:3vw}
.return_goods_total_prices{font-size:3.5vw}
.return_highlight{display:block;font-size:3.5vw;color:var(--point-color);padding-top:1vw}
.return_cnt{font-size:3vw;color:var(--lock-color)}
.return_details{width:100%;padding:4vw 3vw;cursor:unset}
.return_details summary{width:100%;text-align:center;font-family:var(--font-kr);font-size:4vw;color:var(--main-color);margin-bottom:1vw}
.return_details_cont{width:100%;height:auto;border:.5vw solid var(--main-color);border-radius:3vw;padding:4vw}
.return_details_cont p{font-family:var(--font-kr);color:var(--text-color)}
.return_reply{position:relative;width:100%;padding-top:4vw}
.return_reply > summary{position:absolute;top:0;right:0;width:22vw;padding:1vw;border-radius:1vw;background-color:var(--main-color);font-size:3vw;color:var(--white-color)}
.return_reply_txt{position:relative;top:2vw;width:100%;font-family:var(--font-kr);color:var(--text-color)}
.return_details .has_reply{color:var(--point-color)}
.new_mark{position:absolute;top:0;right:1vw;display:flex;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;color:var(--white-color);background-color:var(--point-color);border-radius:50%}
.detail{position:relative}
.new_detail_mark{position:absolute;top:50%;left:6vw;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;color:var(--white-color);background-color:var(--point-color);border-radius:50%}
.process_new{position:absolute;top:10px;left:77%;display:flex;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;color:var(--white-color);background-color:var(--point-color);border-radius:50%}
#auction_chat{position:relative}
.column-date{white-space:nowrap}
.new_msg_txt{position:absolute;bottom:2.5vw;font-family:var(--font-kr);color:var(--point-color);font-size:4vw}
.menu-message{padding-bottom:5vw!important}
.return_word_done,.return_word_done:is(:focus,:hover){font-family:var(--font-kr);font-size:3vw;color:var(--lock-color)}
.sel_cstm{font-family:var(--font-kr)!important}
.full_size{width:95%!important}
.now_delivery{height:200px!important;flex-direction:column;align-items:center;margin:0!important}
.caution_msg_delivery{font-size:3vw;color:var(--point-color)}
#c-reason-select{width:100%;padding:2.5vw;border:.5vw solid var(--lock-color);border-radius:1vw;background:url(../img/btn_open.png) no-repeat right 4vw center;background-size:3vw 1.5vw;background-color:var(--white-color);font-family:var(--font-kr);color:var(--text-color);margin-bottom:5vw}
.complete_delivery{width:100%;text-align:center}
.return_refund_txt{font-family:var(--font-kr);font-size:3.2vw;color:var(--text-color);word-break:keep-all;line-height:6vw}
.return_refund_txt .return_highlight{font-size:3.2vw;padding:0}
.return_reply_sec{padding:2vw 3vw;border-top:1vw dotted var(--copyright-color)}
.reason-title{font-family:var(--font-kr);font-weight:400;color:var(--text-color)}
.pay .detail_cancel_txt{margin:2vw 0!important;width:100%;height:300px;overflow-y:auto;border:.5vw solid var(--main-color);border-radius:2vw;padding:2vw}
.pay_inner .pay_info ul li .point_highlight {
    font-size: 13px;
    font-weight: 700;
    color: var(--point-color);
    margin-left: 10px;
}
.diy-subtit{font-family:var(--font-kr);font-size:12px;margin-left:35px;margin-top:5px;color:var(--point-color)}
.diy-goods-subtit{font-family:var(--font-kr);font-size:13px;color:var(--point-color)}
.pay_save_form{position:fixed;bottom:0;left:0;width:100%;height:20vw;display:flex;justify-content:space-between;align-items:center;background-color:#fff;-webkit-box-shadow:0 -4px 10px 2px #000;box-shadow:0 -4px 10px 2px #000;padding:4vw}
.save_pay_type_btn{font-family:var(--font-kr);font-weight:700;font-size:4vw;color:#fff;height:100%;width:35%;background-color:var(--main-color);border-radius:2vw}
#pay_type_select{width:60%;height:100%;font-family:var(--font-kr)!important;font-size:3.5vw!important;color:#545454!important;padding:0 15px;background:url(../img/ico_sel02.png) 95% center no-repeat;background-size:3.7vw 2.4vw;border-radius:2vw;border:1px #ccc solid}
.preset_delivery_info{background:#fff}
.preset_wrap{padding-top:50px}
.preset_delivery_info{padding:20px 30px;margin-bottom:10px}
.preset_add_btn{width:100%;text-align:center;font-family:var(--font-kr);font-size:5vw;font-weight:700;color:#fff;background-color:var(--point-color);padding:4vw 0}
@media screen and (min-width: 768px) {
.preset_wrap{padding-top:85px}
}
.panalty_date_wrap{margin-top:5vw;display:flex;flex-direction:column;align-items:center}
.panalty_date{width:350px;background-color:#cfcfcf;border:0;border-radius:30px;padding:10px 0;text-align:center}
.tabbar_wrap{display:flex;align-items:center;justify-content:center}
.panalty_select_btn{width:48%;background-color:#fff;font-family:var(--font-kr);font-weight:700;padding:15px 0}
.panalty_select_btn-active{background-color:#00a0b6;color:#fff;cursor:pointer}
.account_form_sec{display:flex;flex-direction:column;align-items:center}
.account_form_top{width:100%;display:flex;align-items:center;justify-content:center;gap:4px}
#panalty_acc_bank_name{width:47%;border:2px solid #c2c0c0;padding:10px 0;font-weight:700;background:#fff url(../img/btn_open.png) no-repeat right 10px center;background-size:12px 6px}
#account_holder{width:47%;border:2px solid #c2c0c0;padding:10px 0;font-weight:700;padding:10px 10px}
#account_number{width:95%;border:2px solid #c2c0c0;padding:10px 0;font-weight:700;padding:10px 10px;margin-top:10px}
#panalty_submit{position:fixed;bottom:0;width:100%;text-align:center;font-size:20px;font-family:var(--font-kr);font-weight:700;color:#fff;background-color:#00a0b6;padding:20px 0;margin-top:30px}
.reason_form_sec{display:flex;flex-direction:column;align-items:center}
#panalty_comment{width:96%;height:150px;border:2px solid #c2c0c0;padding:10px 0;font-weight:700;padding:10px 10px;margin-bottom:100px}
.app_down_main{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}
.app_down_main .app_logo{width:200px;margin:0}
.app_down_main .app_logo img{width:100%}
.app_down_wrapper{font-family:var(--font-kr);text-align:center;display:flex;flex-direction:column;align-items:center}
.app_down_title{color:#727171;font-weight:400;font-size:30px}
.app_down_title b{font-size:40px}
.app_down_description{font-family:var(--font-kr);color:#727171;font-weight:700;font-size:18px;margin-top:-8px}
.app_store_wrap{width:100%;display:flex;align-items:center;justify-content:center;gap:15px;margin:0}
.app_store_wrap img{width:180px;height:180px;cursor:pointer}
.aibutton{display:none}
@media screen and (max-width: 768px) {
.app_down_main .app_logo{width:150px;margin:0}
.app_down_title{font-size:20px}
.app_down_title b{font-size:30px}
.app_down_description{font-size:12px}
.app_store_wrap img{width:120px;height:120px;cursor:pointer}
.aibutton{display:block;position:fixed;width:26%;height:100px;bottom:15px;z-index:100000;left:38%;color:#fff;text-align:center;line-height:70px;font-size:22px;background-image:url(../img/btnai.png);background-size:cover;transition:transform .5s ease}
.aibutton:hover{transform:rotate(360deg)}
.aibutton:active{transform:rotate(360deg)}
}
.price{line-height:normal}
.day{line-height:normal;color:var(--dark-main-color);margin-top:3px}
.contentcategory{font-size:12px}
.contenttitle{margin-bottom:8px}
.product-middle-cont{margin-top: 5px;width:100%;display:flex;flex-direction: column;gap: 12px;justify-content:space-between}
.pr-score-sec{display:flex;align-items:center;gap:2px}
.pr-star-icon{width:10px;height:10px}
.pr-score-sec span{font-family:var(--font-kr);font-size:12px;line-height:0}
.free-edit{font-family:var(--font-kr);font-size:12px;color:var(--main-dark-grey);line-height:10px!important}
.pr-fav{position:absolute;bottom:4px;right:4px;background:url(../img/icon/fav/fav.png) 100% 100% no-repeat;background-size:30px auto;width:30px;height:30px;z-index:1000}
.pr-unfav{position:absolute;bottom:10px;right:8px;background:url(../img/icon/fav/unfav.png) 100% 100% no-repeat;background-size:22px auto;width:22px;height:21px;z-index:1000;opacity: 0; transition: opacity 0.5s ease-in-out;}
.pr-fast-design{width:50px;position:absolute;left:10px;bottom:12px;z-index:1000}
.pr-fast-design img{width:100%;height:auto}
.common-top-header{position:sticky;top:0;left:0;width:100%;height:60px;background:#FFF;box-shadow:0 2px 4px 0 rgba(0,0,0,0.10);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:10000}
.common-top-header-main{display:flex;align-items:center;gap:16px;color: #141415;;
    font-family: var(--font-kr);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    flex:1;}
.common-back-btn{width:25px;height:25px;display:flex}
.common-back-btn img{width:100%;height:100%}
.common-top-title{font-size:18px;font-weight:400;line-height:18px;margin:0;font-family: 'NanumSquareNeoBold';}
.faq-button{position:fixed;right:16px;bottom:82px;display:flex;justify-content:center;align-items:center;width:56px;height:56px;padding:13px;border-radius:50px;background:var(--main-color);box-shadow:0 2px 4px 0 rgba(0,0,0,0.20),0 1px 10px 0 rgba(0,0,0,0.12),0 4px 5px 0 rgba(0,0,0,0.14);z-index:10000}
.common-top-header-search-icon{display:inline-block;width:25px;height:25px}
.common-top-header-search-icon img{width:100%;height:100%}
@media screen and (min-width: 500px) {
.item{width:31.3%;border:0;background-color:#fff;margin:1%;padding-left:2%;padding-right:2%;position:relative}
}
.no_result_wrapper{    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100% - 460px);}
.no_result_cont{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.no_result_cont_img{width:100px;height:100px}
.no_result_cont_img img{width:100%}
.no_result_cont_title{color:var(--main-dark-grey);text-align:center;font-family:var(--font-kr);font-size:12px;font-style:normal;font-weight:400;line-height:20px}
.artist_lists{width:100%;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:1px solid #e9e9e9;cursor:pointer}
.artist_lists:last-child{margin-bottom:80px}
.artist_lists:first-child{margin-bottom:0}
.artist_profile_img{width:42px;height:42px;border-radius:50%;overflow:hidden}
.artist_profile_img img{width:100%;height:100%;object-fit:cover}
.artist_review_wrapper{display:flex;align-items:center;gap:2px}
.artist_star_icon{width:14px;height:14px}
.artist_star_icon img{width:100%;height:100%}
.artist_star_rate{color:var(--main-dark-grey);font-family:var(--font-kr);font-size:12px;font-style:normal;font-weight:400;line-height:12px}
.artist_list_nickname{width:calc(100% - 110px);color:#000;font-family:var(--font-kr);font-size:14px;font-style:normal;font-weight:400;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
.artist_list_pc_header{display:none}
.pc_nav_wrapper{display:none}
.order-choice-thumb > img{width:100%}
.giftpricearea{width:100%;height:46px;border-top:1px solid #e9e9e9;background:#fafafa;border-bottom:1px solid #e9e9e9}
.giftpricetitle{float:left;line-height:46px;margin-left:20px;font-weight:700;font-size:15px}
.giftprice{float:right;line-height:48px;margin-right:20px;font-weight:700}
.gifttab{width:100%;height:48px;display:flex;position:relative;justify-content:space-evenly;line-height:48px;border-bottom:3px solid #e9e9e9}
.giftitems{width:33%;font-size:15px;color:#9e9e9e;text-align:center}
.giftitems.select{color:#3C949A;font-weight:700;border-bottom:2px solid #3C949A}
.productdesc{border:2px solid #e9e9e9;padding:20px;margin:20px}
.detailbg{width:100%;height:auto;display:block;position:relative;background:#e9e9e9;padding-top:2px;margin-bottom:60px}
#footer{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;font-weight:500;padding-top:30px;background:#D0E3E3;position:relative;padding-bottom:80px}
.company_name{font-family:var(--font-kr);font-size:12px;color:#505050;margin:0;line-height:20px}
.footer_info_wrapper{flex-direction:column;align-items:flex-start;gap:30px;width:calc(100% - 40px);display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:0;padding-bottom:80px}
.footer_copyright{width:calc(100% - 60px);font-family:var('Comfortaa');font-size:12px;color:var(--dark-grey);text-align:left;padding:5px 0;margin-top:158px;margin-left:30px}
.companyhelp{font-family:var(--font-kr);color:#333;height:100%;width:100%;position:relative;text-align:center;background:url(../img/bg2.png);background-repeat:no-repeat;padding-top:20px;padding-bottom:40px;background-size:cover}
.company_list{list-style:disc}
.company_help_cont{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:10px;width:80%;margin:auto;margin-top:20px}
.company_help_item{height:30px;vertical-align:middle}
.footer_info{width:100%}
.footer_info > .footer_header{padding-bottom:0}
.footer_info > .footer_header > img{width:130px;margin-bottom:10px}
.footer_header > h2,.footer_header > address{font-size:12px;color:#505050;margin:0;line-height:20px}
.footer_header > h2{font-family:var('Comfortaa');padding-bottom:5px;font-size:9px}
.footer_header > address{font-family:var(--font-kr)}
.footer_contacts{display:flex;flex-wrap:wrap;align-items:center;gap:5px;line-height:20px}
.footer_contacts > p{font-family:var(--font-kr);font-size:12px;color:#505050;margin:0}
.footer_biz_info{display:flex;flex-wrap:wrap;align-items:center;margin:0}
.footer_biz_info > p{margin:0}
.footer_biz_info > p,.footer_biz_info > a{font-family:var(--font-kr);font-size:12px;color:#505050;line-height:20px}
.middle_line{width:1px;height:10px;background-color:#505050}
.footer_sns{text-align:right;position:absolute;right:10px;top:20px;width:100%}
.footer_info_sns > button{margin-right:5px}
.footer_info_sns > button > img{height:24px}
.footer_info_sns > button:nth-of-type(1):is(:hover,:focus){background-color:#3b5998}
.footer_info_sns > button:nth-of-type(2):is(:hover,:focus){background-color:var(--dark-point-color)}
.footer_info_sns > button:nth-of-type(3):is(:hover,:focus){background-color:#f9e000}
.footer_info_sns > button:nth-of-type(4):is(:hover,:focus){background-color:#1ec800}
.company_section{font-family:var(--font-kr);color:#333;height:100%;min-height:400px;width:100%;position:relative;text-align:center;background:url(../img/bg2.png);background-repeat:no-repeat;padding-top:60px;padding-bottom:40px;background-size:cover}
.company_cont{width:90%;margin:5%}
.company_sub_title{margin-top:20px;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}
.company_sub_cont{display:block;width:60%;margin:auto}
.company_sub_info{width:80%;margin:auto;margin-top:60px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 3px 0 #000 0 3px 6px 0 rgba(0,0,0,0.02),0 -2px 3px 0 #000;height:auto;display:inline-block}
.company_sub_left{width:90%;float:left}
.company_sub_left > img{width:80%}
.company_sub_info_cont{width:80%;float:left;margin-left:10%;text-align:left;font-size:14px;line-height:30px;margin-top:20px}
.mainpcpopup, .aimainpopup, .joinpopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000045;
    z-index: 1100000;
}

.adlayerpopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1100000;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.adlayerpopup.has-overlay { background: #00000045; }

.popupbottom {
    background: white;
    display: flex;
    padding: 12px 20px 20px 20px;
    align-items: flex-start;
    gap: 10px;
    justify-content: space-evenly;
}

.leftbtn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    color: #9e9e9e;
    font-family: 'NanumSquareNeoBold';
    font-size: 16px;
    height: 44px;
    cursor: pointer;
}

.rightbtn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 8px;
    font-family: 'NanumSquareNeoBold';
    font-size: 16px;
    background: #00a0b6;
    color: white;
    height: 44px;
    cursor: pointer;
}

.layerpopupclose {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    padding: 10px;
    background: rgba(20, 20, 21, 0.2);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.mainpcpopupcont, .joinpopupcont {
    position:relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.adlayercont {
    max-width: 420px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.adcont > img {
    width: 100%;
}

.mainpcguide {
    background: #F0FEFF;
    padding-top: 20px;
    width: 90%;
    margin-left: 5%;
    position: absolute;
    height: auto;
    bottom: 110px;
    border-radius: 20px;
    max-width: 400px;
    margin: auto;
}

.loginbtn1 {
    display:flex;
    align-items: center;
    justify-content: center;
}

.mainpcguidecont {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top:20px;
}

.guidelogo {
    height:60px;
    text-align: center;
}

.guidelogo > img {
    height:100%;
}

.guideclose {
    background: url(../img/close_off.png) center no-repeat;
    width: 16px;
    height: 16px;
    background-size: 16px;
    position: absolute;
    right: 20px;
    top: 0px;
}

.guidecont {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
}

.guidebtn {
    background: #00a0b6;
    width: 80%;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    height: 50px;
    line-height: 50px;
    color: white;
    border-radius: 4px;
    font-size: 18px;
}

.guidenobtn {
    margin-top: 20px;
    text-align: center;
    color: #B3B3B3;
    margin-bottom: 20px;
    font-size: 12px;

}

.aimainpoupcont {
    width: 38vh;
    margin: auto;
    height: auto;
    background: white;
    border-radius: 10px;
}

.btn_main_close {
    width: 100%;
    text-align: right;
    padding: 10px;
}

.btn_main_close button {
    width: 20px;
    height: 20px;
    background: url(../img/popupcloseblack.png) center no-repeat;
    background-size: 20px;
}

.aipopupcont {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
}

.apluspopupcont {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 1vh;
}

.imagearea {
    width: 90%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1;
    margin:auto;
}

.imagearea > img {
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 10px;
    object-fit: cover;
    z-index: 1;
}

.popupcategory {
    margin-top: 2vh;
    font-size: 2vh;
    font-weight: 500;
    margin-bottom: 1vh;
}
.popupcategory > span {
    font-family: 'NanumSquareNeoBold';
}
.popupprompt {
    width:100%;
    height:auto;
    margin-top: 1.8vh;
}

.prompttitle {
    font-size: 1.5vh;
    font-weight: bold;
    line-height: 2vh;
}

.promptarea {
    font-size: 1.5vh;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 20px;
    font-family: 'NanumSquareNeo';
}

.popupbtnarea {
    width:100%;
    display:flex;
    height:40px;
    justify-content: end;
}

.btnpromptlike {
    margin-top: 10px;
    width:23px;
    height:23px;
    background:url("../img/promptlike_off.png");
    background-size: 23px;
    background-repeat: no-repeat;
    margin-right: 5px;
    cursor: pointer;
}

.likeon {
    background:url("../img/promptlike_on.png");
    background-size: 23px;
    background-repeat: no-repeat;
}

.btnpromptuser {
    margin-top: 10px;
    width: 117px;
    height:23px;
    background:url("../img/promptopenicon.png");
    background-size: 16px 14px;
    background-repeat: no-repeat;
    background-color:#00a0b6;
    border-radius: 3px;
    background-position-x: 6px;
    background-position-y: center;
    padding-left: 29px;
    font-size: 0.82rem;
    color: white;
    line-height: 23px;
    font-weight: 300;
    cursor: pointer;
}

.btnpromptopen {
    margin-top: 10px;
    width: 117px;
    height: 23px;
    background: url(../img/promptcloseicon.png);
    background-size: 16px 14px;
    background-repeat: no-repeat;
    background-color: #FF6B64;
    border-radius: 3px;
    background-position-x: 6px;
    background-position-y: center;
    padding-left: 14px;
    font-size: 0.82rem;
    color: white;
    line-height: 23px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
}

.maingiftItem>.iconarea {
    position: absolute;
    top: 3px;
    width: 100%;
    height: 40px;
    z-index: 100;
    display: flex;
    gap: 5px;
    margin-right: 20px;
    padding-top: 10px;
}

.maingiftItem>.iconarea>.newicon {
    width: 76px;
    background: #00a0b6;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border-radius: 7px;
    color: white;
    font-size: 13px;
}

.maingiftItem>.iconarea>.besticon {
    width: 76px;
    background: #3C949A;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border-radius: 7px;
    color: white;
    font-size: 13px;
}

.maingiftItem>.iconarea>.saleicon {
    width: 76px;
    background: #FF6B64;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border-radius: 7px;
    color: white;
    font-size: 13px;
}


.giftItem>.iconarea {
    position: absolute;
    top: 3px;
    width: 30%;
    max-width: 120px;
    height: 20px;
    z-index: 100;
    display: flex;
    gap: 3px;
    padding-top: 5px;
    margin-left:0px;
}

.giftItem>.iconarea>.newicon {
    width: 26%;
    background: #00a0b6;
    height: 18px;
    text-align: center;
    line-height: 17px;
    border-radius: 4px;
    color: white;
    font-size: 8px;
    min-width: 40px;
    margin-left:5px;
}

.giftItem>.iconarea>.besticon {
    width: 26%;
    background: #3C949A;
    height: 18px;
    text-align: center;
    line-height: 17px;
    border-radius: 4px;
    color: white;
    font-size: 8px;
    min-width: 40px;
    margin-left:5px;
}

.giftItem>.iconarea>.saleicon {
    width: 26%;
    background: #FF6B64;
    height: 18px;
    text-align: center;
    line-height: 17px;
    border-radius: 4px;
    color: white;
    font-size: 8px;
    min-width: 40px;
    margin-left:5px;
}

.mainpricearea>.iconarea>.newicon {
    width: 40px;
    background: #00a0b6;
    height: 18px;
    text-align: center;
    line-height: 17px;
    border-radius: 4px;
    color: white;
    font-size: 8px;
    margin-left:5px;
}

.mainpricearea>.iconarea>.besticon {
    width: 40px;
    background: #3C949A;
    height: 18px;
    text-align: center;
    line-height: 17px;
    border-radius: 4px;
    color: white;
    font-size: 8px;
    margin-left:5px;
}

.mainpricearea>.iconarea>.saleicon {
    width: 40px;
    background: #FF6B64;
    height: 18px;
    text-align: center;
    line-height: 17px;
    border-radius: 4px;
    color: white;
    font-size: 8px;
    margin-left:5px;
}


.item > .iconarea {
    width:100%;
}

.orgprice {
    font-size: 13px;
    margin-top: 8px;
    color: #9e9e9e;
    text-decoration: line-through;
    font-family: 'NanumSquareNeoBold';
}

.discountarea {
    display: flex; 
    margin-bottom: 0px;
    margin-top:0px;
}

.dicount {
    color: #FF6B64;
    font-size: 16px;
    font-family: 'NanumSquareNeoHeavy';
    float: left;
    margin-right: 6px;
}

.discountprice {
    flex: auto;
    font-weight: 600;
    font-size:16px;
    font-family:  'NanumSquareNeoHeavy';
    margin-top: -3px;
    color: #141415;
}

.addonbedge {
    
}

.freedelivery {
    width: fit-content;
    text-align: center;
    background: #f5f5f5;
    color: #9e9e9e;
    font-size: 11px;
    font-weight: 500;
    border-radius: 4px;
    line-height: 15px;
    padding: 4px 8px;
    font-family: 'NanumSquareNeoBold';
}

.eventlistitem {
    display: flex;
    width: 100%;
}

.eventimgarea {
    width: 40%;
    display: inline-block;
    position: relative;
}

.eventcont {
    padding-left: 10px;
    flex: 1;
    align-items: baseline;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.eventtitle {
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}

.eventdate {
    font-size: 12px;
}

img.lazyload {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  background:transparent;
}
img.lazyloaded {
  opacity: 1;
}

body.fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}

body.fade.fade-in {
    opacity: 1;
}

body.fade.fade-out {
    opacity: 0;
}

.deleteitem, .uncheck, .check, .count_btn, .orderproc, .basket_order {
    cursor: pointer;
}
.slider-more-img {
    cursor: pointer;
}


.rightheader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:10px;
}

.rightheader > .notiicon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.rightheader > .notiicon > .noticenew {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #FC5555;
    border-radius: 12px;
    height: 14px;
    width: 14px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    padding: 0 2px;
    font-weight: 700;
}

.rightheader > .pc_nav_go_basket {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rightheader > .pc_nav_go_basket > .pc_basket_new {
    top:10px;
    right:10px;
}

.noitem {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #141415;
    font-family: 'NanumSquareNeoBold';
}

@media screen and (max-width:768px) {
    .adlayercont {
        width: 90%;
    }

    .leftbtn, .rightbtn {
        font-size:3.7vw;
    }

    .orgprice {
        font-size:12px;
    }

    .dicount, .discountprice {
        font-size:13px;
    }
}

.discountpricearea {
    display: flex;
    align-items: baseline;
    gap: 5px;
    justify-content: flex-end;
}

.discountpricearea > .discountarea {
    display:block;
}