/*layout-----------------------------------------------------------------------------------------------------------------*/
#gw-layout{background: #fff;}
.hp-pc{display: block;}
.hp-mob{display: none;}

#wrapper{background: #fff;}
#container{align-items: flex-start;}
#shop-content-left{margin-top:3rem;width: 220px;border-right:1px solid #eaeaea;}
#shop-content-left .gw-my-nav > li:not(:last-child) {margin-bottom: 60px;}
#shop-content-left .gw-my-nav .gw-my-nav-title{margin-bottom: 15px;font-family:"Pretendard", sans-serif;font-weight:700;font-size: var(--main-text01);}
#shop-content-left .gw-my-nav .gw-my-dep02 > li:not(:first-child) {margin-top: 10px;}
#shop-content-left .gw-my-nav .gw-my-dep02 > li > a {color: #555;}
#shop-content-left .gw-my-nav .gw-my-dep02 > li > a.active{position:relative;color: var(--main-color);border-bottom: 1px solid var(--main-color);}
#shop-content-left .gw-my-nav .gw-my-dep02 > li > a.active:after{font-family:xeicon;content: "\e93f";display:block;position:absolute;right: -17px;top:50%;transform:translateY(-50%);}
#shop-content-right{margin-left:-1px;padding-left:60px;width: calc(100% - 220px);border-left:1px solid #eaeaea;}
#shop-content-right .sct_admin:before{display: none;}
#shop-content-right .sct_admin a{text-align: center;color: var(--main-color);width: 100%;padding: 0.5rem;font-weight: 500;line-height: initial;height: auto;}
#shop-content-right #wrapper_title{padding-top:0;font-size: var(--main-title02);text-align: left;}
#shop-content-right #gw-bo-list{margin-top:0 !important;}
#shop-content-right #gw-bo-list > h2{margin-bottom: 50px;font-size: var(--main-title02) !important;text-align: left !important;}

/*title-----------------------------------------------------------------------------------------------------------------*/
.gw-sec-title-container{line-height: 1.5;}
.gw-sec-title {font-size: var(--main-title01);font-family: 'NEXON Lv1 Gothic OTF', sans-serif;font-weight: 700;line-height: 1.25;}
.gw-sec-text {font-size: var(--main-text01);color:#888;font-family:"Pretendard", sans-serif;font-weight:400;word-break: keep-all;}

/*btn-----------------------------------------------------------------------------------------------------------------*/
[class^='gw-shop-btn']{padding:0 15px;display: inline-block;border-radius: 10px;font-size:14px;min-width: 100px;color:#111;font-family: 'Pretendard', sans-serif;font-weight:700;text-align: center;}
[class^='gw-shop-btn'] > a{display: block;width: 100%;height:100%;}
[class^='gw-shop-btn'][class*="small"]{height:40px;line-height:40px;border: 1px solid #eaeaea;color:#111;}
[class^='gw-shop-btn'][class*="submit"]{height:40px;line-height:40px;background: var(--main-color);border: 1px solid var(--main-color);color: #fff;}
[class^='gw-shop-btn'][class*="border"]{border: 1px solid var(--main-color);color: var(--main-color);}

/*페이징-----------------------------------------------------------------------------------------------------------------*/
.pg_wrap {display: flex;align-items: center;place-content: center;font-family:"Outfit", sans-serif;font-weight: 600;}
.pg {text-align:center;display: flex;}
.pg_page,.pg_current { min-width: 15px;padding: 0 3px;margin: 0 6px;text-align: center;}
.pg_page{color:#999 !important;}
.pg_current{border-bottom:2px solid #000;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_start {text-indent:-999px;overflow:hidden;padding:0;background: url("../img/gw-bbs-start.png") no-repeat 50% 50%;background-size: cover;}
.pg_prev {text-indent:-999px;overflow:hidden;padding:0;background: url("../img/gw-bbs-prev.png") no-repeat 50% 50%;background-size: cover;}
.pg_end {text-indent:-999px;overflow:hidden;padding:0;background: url("../img/gw-bbs-end.png") no-repeat 50% 50%;background-size: cover;}
.pg_next {text-indent: -999px;overflow: hidden;padding: 0;background: url("../img/gw-bbs-next.png") no-repeat 50% 50%;background-size: cover;}
.qa_page{margin: 0 6px;padding: 0 3px;min-width: 15px;height: 30px;text-align: center;}
.qa_page {color: #999 !important;}

/*state-----------------------------------------------------------------------------------------------------------------*/
[class^='gw-status']{padding:10px 15px;display: inline-block;border-radius: 10px;font-size:14px;min-width: 100px;font-family: 'Pretendard', sans-serif;font-weight:500;text-align: center;}
[class^='gw-status'][class*="-01"]{color: #1DCF60;background: rgba(29,207,96,0.1);}
[class^='gw-status'][class*="-02"]{color: #fff;background: #1DCF60;}
[class^='gw-status'][class*="-03"]{color: #fff;background: #7A18F2;}
[class^='gw-status'][class*="-04"]{color: #1877F2;background: rgba(24,119,242,0.1);}
[class^='gw-status'][class*="-05"]{color: #fff;background: #1877F2;}
[class^='gw-status'][class*="-06"]{color: #fff;background: #F21C35;}

/*input - radio-----------------------------------------------------------------------------------------------------------------*/
.radio-box {display: flex;align-items: center;}
input[type="radio"] {opacity: 0;position: absolute;}
input[type="radio"] + label:before {content: '';background: #fff;border-radius: 100%;border: 2px solid #ddd;display: inline-block;width: 1.5rem;height: 1.5rem;margin-right: 0.5rem;vertical-align: middle;cursor: pointer;text-align: center;}
input[type="radio"]:checked + label:before {box-shadow: inset 0 0 0 4px #fff;border: 8px solid var(--main-color) !important;}
input[type="radio"]:focus + label:before {outline: none;}
input[type="radio"] + label:empty:before {margin-right: 0;}

/*input - checkbox-----------------------------------------------------------------------------------------------------------------*/
input[type="checkbox"] {opacity: 0;position: absolute;}
input[type="checkbox"] + label{display:inline-block;color: #666;cursor: pointer;}
input[type="checkbox"] + label:before {content: '';background: #fff;border-radius: 50%;border: 1px solid #ddd;display: inline-block;width: 25px;height: 25px;margin-right: 5px;vertical-align:middle ;cursor: pointer;text-align: center;}
input[type="checkbox"]:checked + label:before{ content: "\e928" !important; font-family: "xeicon";border-color: var(--main-color) !important;background:var(--main-color) !important;font-weight: 600;line-height:23.5px;color:#fff;}
input[type="checkbox"]:focus + label:before{outline: none;}
input[type="checkbox"] + label:empty:before {margin-right: 0;}

/*메인-----------------------------------------------------------------------------------------------------------------*/
#container_main #container{width: 100%;}
.gw-main-btn02 {position:relative;z-index:1;overflow:hidden;display:inline-block;border: 1px solid #eaeaea;color: #111 !important;max-width:210px;transition: all 0.2s ease-in;}
.gw-main-btn02:before {content: "";position: absolute;left: 50%;transform: translateX(-50%) scaleY(1) scaleX(1.25);top: 100%;width: 140%;height: 180%;background-color: rgba(0, 0, 0, 0.05);border-radius: 50%;display: block;transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);z-index: -1;}
.gw-main-btn02:after {content: "";position: absolute;left: 55%;transform: translateX(-50%) scaleY(1) scaleX(1.45);top: 180%;width: 160%;height: 190%;background-color: var(--main-color);border-radius: 50%;display: block;transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);z-index: -1;}

@media (hover: hover) and (min-width:1025px) {
    .gw-main-btn02:hover {color: #fff !important;border: 1px solid var(--main-color);}
    .gw-main-btn02:hover:before {top: -35%;background: var(--main-color);transform: translateX(-50%) scaleY(1.3) scaleX(0.8);}
    .gw-main-btn02:hover:after {top: -45%;background:var(--main-color);transform: translateX(-50%) scaleY(1.3) scaleX(0.8);}
}

.gw-sec{padding-top:3rem;}
.gw-sec-container{margin:0 auto;width: 1400px;}


/*꽃톡솔루션 메인 사용후기-----------------------------------------------------------------------------------------------------------------*/
#gw-main-review .gw-main-review-container{margin-bottom: 3rem;}
#gw-main-review .gw-review-slider {display: block;overflow: hidden;}
#gw-main-review .gw-review-slider .slick-track {display: flex !important;width: auto !important;}
#gw-main-review .gw-review-slider .slick-slide {flex: 0 0 auto;margin:0 10px;padding:1rem;border-radius:0;border:1px solid #eaeaea;}
#gw-main-review .gw-review-slider.single-slide { display: flex;justify-content: center;align-items: center;}
#gw-main-review .gw-review-slider.single-slide .slick-slide,
#gw-main-review .gw-review-slider.single-slide > div {float: none;display: inline-block;width: auto;margin: 0 auto;}
#gw-main-review .gw-review-slider li > a {display: flex;flex-direction:column;width: 100%;height: 100%;}
#gw-main-review .sct_img{margin:0 auto;border-radius:0;}
#gw-main-review .gw-main-review-text-container {padding:40px 0 0;border:none;border-radius: 20px;margin: 0 10px;margin-top: -20px;}
#gw-main-review .gw-main-review-text02 {color: #999;display: -webkit-box;overflow: hidden;}
#gw-main-review .gw-btn-container{place-content:center;}
#gw-main-review .gw-main-review-bottom {position:relative;padding-top: 1rem;margin-top: 1rem;border-top: 1px solid #EEEEEE;}
#gw-main-review .sct_10 .sct_bottom {border: none;padding-top: 0;margin-top: 10px;}
#gw-main-review .sct_10 .sct_bottom > .gw-flex {flex-wrap: wrap;}
#gw-main-review .gw-more {display: inline-block;border:1px solid #eaeaea;padding: 0.5rem;border-radius: 10px;font-size: 14px;min-width: 100px;font-family: 'Pretendard', sans-serif;font-weight:700;text-align: center;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);}
#gw-main-review .gw-main-review-prev,
#gw-main-review .gw-main-review-next {position:absolute;top: 50%;transform: translateY(-50%);z-index:1;width: 60px; height: 60px; border-radius: 50%; display: block; background:#fff;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); margin-top: 0;}
#gw-main-review .gw-main-review-prev {left:-30px;}
#gw-main-review .gw-main-review-next {right:-30px;}
#gw-main-review .gw-main-review-prev > i {transition: all 0.3s ease;}
#gw-main-review .gw-main-review-next > i {transition: all 0.3s ease;}

@media (hover: hover) and (min-width:1025px) {
    #gw-main-review .gw-main-review-prev:hover,
    #gw-main-review .gw-main-review-next:hover{background: var(--main-color); box-shadow: 1px 1px 200px var(--main-color);}
    #gw-main-review .gw-main-review-prev:hover > i {margin-right: 10px;color:#fff;}
    #gw-main-review .gw-main-review-next:hover > i {margin-left: 10px;color:#fff;}
}

/*꽃톡솔루션 메인 중간 배너(메인)-----------------------------------------------------------------------------------------------------------------*/
.gw-middlebanner{overflow:hidden;width: 100%;}
.gw-middlebanner a{display: block;width: 100%;height:100%;}
.gw-middlebanner a > img{width:100%;object-fit: cover;}
.gw-middlebanner .slick-dots {position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);text-align: center;}
.gw-middlebanner .slick-dots li {display: inline-block;margin: 0 5px;}
.gw-middlebanner .slick-dots li button {font-size: 0;background: rgba(255,255,255,0.3);border: none;width: 8px;height: 8px;border-radius: 50%;transition: background-color 0.3s ease;}
.gw-middlebanner .slick-dots li.slick-active button {background: rgba(255,255,255,1);}

@media (hover: hover) and (min-width:1025px) {
    .gw-middlebanner .slick-dots li button:hover {background: rgba(255,255,255,1);}
}

/*꽃톡솔루션 메인 좌측 우측 배너 type02-----------------------------------------------------------------------------------------------------------------*/
#hp-theme-banner-type02 .gw-halfbanner {flex: 1;}
#hp-theme-banner-type02 .gw-halfbanner >  li > a {overflow:hidden;display:block;background: #f8f8f8;border-radius:20px;}
#hp-theme-banner-type02 img{object-fit:cover;width:100%;height:100%;}

/*꽃톡솔루션 메인 과일상자 배너(메인)-----------------------------------------------------------------------------------------------------------------*/
#hp-theme-fruit-banner img{width: 100%;object-fit: cover;}

/*꽃톡솔루션 마이페이지 배너 -----------------------------------------------------------------------------------------------------------------*/
.gw-mypagebanner{overflow:hidden;width: 100%;border-radius:10px;}
.gw-mypagebanner a{display: block;width: 100%;height:100%;}
.gw-mypagebanner a > img{width:100%;object-fit: cover;}
.gw-mypagebanner .slick-dots {position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);text-align: center;}
.gw-mypagebanner .slick-dots li {display: inline-block;margin: 0 5px;}
.gw-mypagebanner .slick-dots li button {font-size: 0;background: rgba(255,255,255,0.3);border: none;width: 8px;height: 8px;border-radius: 50%;transition: background-color 0.3s ease;}
.gw-mypagebanner .slick-dots li.slick-active button {background: rgba(255,255,255,1);}

@media (hover: hover) and (min-width:1025px) {
    .gw-mypagebanner .slick-dots li button:hover {background: rgba(255,255,255,1);}
}

/* 개인정보 처리방침,  -----------------------------------------------------------------------------------------------------------------*/
#sub-html{padding:2rem;border:1px solid #eaeaea;border-radius: 10px;line-height: 1.75;box-shadow: none;}
#sub-html h3{padding:1rem 0;margin-top:1rem;font-size:var(--main-text01);font-weight:700;color:#000;border-top:1px dashed #ccc;}
#sub-html span{margin:0;margin-right:0.5rem;width:0.3rem;height:0.3rem;border-radius:50%;background-color: var(--main-color);}


/*마이페이지-----------------------------------------------------------------------------------------------------------------*/
#gw-my .gw-my-container{align-items: flex-start;}
#gw-my .gw-my-title-container {padding-bottom: 15px;border-bottom: 2px solid #111;}
#gw-my .gw-my-title{font-family:"Pretendard", sans-serif;font-weight:700;font-size: 22px;}
#gw-my .gw-more > a {padding: 10px;display: block;border-radius: 10px;border: 1px solid #e4e4e4;background: #fff;font-size: 14px;text-align: center;}
#gw-my .gw-my-sec01{padding:2rem;background: #fafafa;border-radius: 15px;}
#gw-my .gw-my-info{gap: 20px;border-right:1px dashed #ddd;}
#gw-my .gw-my-info .gw-ico {overflow: hidden;display: flex;align-items: center;place-content: center;color: #ddd;width: 5rem;height: 5rem;background: #f2f2f2;border-radius: 100%;}
#gw-my .gw-my-info .gw-text-container{width: calc(100% - 100px);padding-right: 30px;}
#gw-my .gw-my-info .gw-level{color:var(--main-color);}
#gw-my .gw-my-info .gw-text{font-size: var(--main-title03);font-family: "Pretendard", sans-serif;font-weight:700;display:block !important;}
#gw-my .gw-my-info .gw-btn-container > li {flex:1;display: block;border-radius: 10px;border: 1px solid #e4e4e4;background: #fff;font-size: 14px;text-align: center;box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.05);height:40px;}
#gw-my .gw-my-sec01 .gw-btn-container > li > a {display:flex;align-items:center;place-content:center;gap:5px;padding: 10px;width: 100%;height: 100%;}
#gw-my .gw-my-sec01 .gw-btn-container  strong {display: flex;flex-direction:column;align-items:center;place-content:center;width: 20px;height: 20px;background: #333;border-radius: 100%;color: #fff;font-size: 10px;}
#gw-my .gw-my-benefit{height:100%;}
#gw-my .gw-my-benefit > div {padding-left:45px;flex: 1;height: 100%;display:flex;flex-direction:column;place-content:center;gap:0.5rem;}
#gw-my .gw-my-benefit > div:first-child{border-right: 1px dashed #ddd;}
#gw-my .gw-my-benefit > div > a {font-size: var(--main-title02);}
#gw-my .gw-my-benefit .gw-title {display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;font-size: var(--main-text01);font-family: "Pretendard", sans-serif;font-weight:700;}
#gw-my .gw-my-order-container {padding: 30px;border: 2px solid #111;border-radius: 15px;}
#gw-my .gw-line {border-color: #000;}
#gw-my .gw-order-state > li{position: relative;}
#gw-my .gw-order-state > li > a{position:relative;display:flex;flex-direction:column;align-items:center;place-content:center;width: 150px;height: 150px;border:1px solid #eee;border-radius:50%;text-align: center;}
#gw-my .gw-order-state > li:not(:last-child) > a:after {font-family: xeicon;content: "\e93f";position: absolute;top: 50%;right: -50%;transform: translate(-50%,-50%);font-size: 32px;color: #ccc;}
#gw-my .gw-order-state .gw-num{content:"\e93f";font-size: var(--main-title03);}
#gw-my .gw-my-sec03 .gw-flex-btw{gap: 20px;}
#gw-my .gw-board-item {flex: 1;padding: 30px;border-radius: 15px;background: #FAFAFA;}
#gw-my .gw-my-sec03 .gw-board-container {border-top: 2px solid #333;}
#gw-my .gw-my-sec03 .gw-board-container > li {border-bottom: 1px solid #eee;}
#gw-my .gw-my-sec03 .gw-board-container > li > a {padding: 20px;}
#gw-my .gw-my-sec03 .gw-title {font-family: "Pretendard", sans-serif;font-weight:700;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;max-width: 300px;}
#gw-my .gw-my-sec03 .gw-board-container .gw-notice{display:inline-block;margin-right:10px;padding:2px 6px;font-size:13px;line-height:21px;color:#888;border:1px solid #e4e4e4;border-radius:4px;}
#gw-my .gw-my-sec03 .gw-board-container .gw-date{color: #aaa;font-family: "Outfit", sans-serif; font-weight: 400;font-size: 15px;}

/*게시판 list-----------------------------------------------------------------------------------------------------------------*/
#bo_cate ul{background: transparent !important;}
#gw-bo-list {margin-top: 70px;}
#gw-bo-list > h2{margin-bottom:50px;}

/*게시판 view-----------------------------------------------------------------------------------------------------------------*/
#gw-bo-v{padding-top:70px !important;}
#bo_v_ans{position:relative;background: #f1f1f1;}
#bo_v_ans:before {content: "";position: absolute;top: 0;left: -10px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #f1f1f1;}
#bo_v_ans .gw-box02{border:1px solid #e6e6e6 !important;background: #FAFAFA;}
#ans_con{border:1px solid #e6e6e6 !important;border-radius:0 !important;}

/*게시판 write-----------------------------------------------------------------------------------------------------------------*/
#gw-bo-w{padding-top:70px !important;}
#gw-bo-w .sel-wrap > select {border: 1px solid #eaeaea;border-radius: 10px;background: #f7f7f7;}

/*이벤트-----------------------------------------------------------------------------------------------------------------*/
#gw-bo-list .gw-banner-container{padding:0 !important;}

/*매장찾기-----------------------------------------------------------------------------------------------------------------*/
#gw-map > h2{margin-bottom:50px;}
#gw-map .gw-btn-container > *{margin:0;}

/*마이페이지 게시판 list-----------------------------------------------------------------------------------------------------------------*/
#gw-bo-list .search-container {padding: 1.5rem !important;border-radius: 1rem;background: #fafafa;width: 100% !important;margin-bottom: 30px !important;}
#gw-bo-list .sch_input {border-radius: 10px !important;border: 1px solid #eaeaea !important;background: #fff;color: #666;}
#gw-bo-list .sel-wrap > select {padding: 0 17px;border-radius: 10px;border: 1px solid #eaeaea;background: #fff;cursor: pointer;color: #666;}
#gw-bo-list .search-container button > i {font-size: 2em;color: #000 !important;}
#bo_cate_on{color: #fff !important;border-color:#000;background:#000 !important;box-shadow:none !important;}

/*자주하시는질문-----------------------------------------------------------------------------------------------------------------*/
#faq_sch .faq-search-container {padding: 1.5rem !important;border-radius: 1rem;background: #fafafa;width: 100% !important;margin-bottom: 30px !important;}
#faq_sch .frm_input {padding: 0 20px !important;border-radius: 10px !important;border: 1px solid #eaeaea !important;background: #fff;color: #666;}
#faq_sch .faq-search-container button > i {font-size: 2em;color: #000 !important;}

/*주문내역조회-----------------------------------------------------------------------------------------------------------------*/
#sod_v_info {margin-bottom: 1rem;padding: 1.5rem;border:1px solid #eaeaea;border-radius: 10px;line-height: 1.75;font-weight: 600;}
#sod_v .gw-orderquiry th {padding: 15px 0;height: 70px;border-bottom: 1px solid #eaeaea;vertical-align: middle;background: #FAFAFA;}
#sod_v .gw-orderquiry td {padding: 20px 10px;border-bottom: 1px solid #eaeaea;}
#sod_v .gw-orderquiry .empty_table{text-align: center;}
#sod_v .gw-search-container{padding:1.5rem;border-radius: 1rem;background:#fafafa;}
#sod_v .gw-search-container .gw-top {gap: 20px;}
#sod_v .gw-search-container .sel-wrap > select{padding: 0;padding-left: 15px;height: 40px;line-height: 38px;border-radius: 10px;border: 1px solid #eaeaea;background: #fff;cursor: pointer;color: #666;}
#sod_v .gw-datepicker {gap: 20px;}
#sod_v .gw-datepicker input[type="text"] {padding: 0 20px;height: 40px;line-height: 38px;border-radius: 10px;border: 1px solid #eaeaea;background: #fff;cursor: pointer;color: #666;font-family:"Outfit", sans-serif; font-weight: 400;}
#sod_v .gw-search-container .input-icon i {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);pointer-events: none;color: var(--main-color);}
#sod_v .gw-search-container .gw-shop-btn-submit {height: 40px;line-height:40px;text-align: center;cursor: pointer;}
#sod_v .gw-search-container .sch_last > button {margin-right: 10px;margin-left: 0;min-width: 80px;height: 40px;line-height: 38px;font-size: 14px;font-family: 'Pretendard', sans-serif;font-weight:700;border-radius: 10px;border: 1px solid #eaeaea;background: #fff;color:#111;cursor: pointer;}
#sod_v .gw-search-container .sch_last > button:last-child {margin-right: 0;}
#sod_v .gw-search-container .gw-date {display: flex;}
#sod_v .gw-search-container .gw-date > button {flex: 1;}
#sod_v .gw-od-date {display:block;font-size: 15px;color: #666;}
#sod_v .gw-od-num > span {border-bottom: 1px solid #000;}
#sod_v .gw-od-info{text-align: left;font-family: "Pretendard", sans-serif;font-weight:700;}
#sod_v .gw-od-info .gw-od-img {display:inline-block;vertical-align:middle;margin-right:10px;overflow:hidden;width:5rem;height:5rem;text-align:center;border-radius:10px;border:1px solid #EAEAEA;}
#sod_v .gw-od-info .gw-od-img > img{width: 100%;height: 100%;object-fit: cover;}
#sod_v .gw-od-info .gw-od-text {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;max-width: 300px;}
#sod_v .gw-orderquiry .td_numbig{width: 12%;}

/*주문상세내역-----------------------------------------------------------------------------------------------------------------*/
#gw-sod-fin-no {padding: 1.5rem 0;background: #fafafa;border-radius: 20px;text-align: center;font-size: var(--main-text01);}
#gw-sod-fin-no > strong > span{border-bottom: 1px solid #000;}
#gw-sod-fin .gw-sod-title {font-family: "Pretendard", sans-serif;font-weight:700;font-size: 22px;}
#gw-sod-fin .gw-fin-table01 th{padding: 15px 0;height: 70px;border-bottom: 1px solid #eaeaea;vertical-align: middle;background: #FAFAFA;}
#gw-sod-fin .gw-fin-table01 td {padding: 20px 10px;border-bottom: 1px solid #eaeaea;}
#gw-sod-fin .gw-fin-table01 .gw-sod-img {display: inline-block;vertical-align: middle;margin-right: 15px;overflow: hidden;width: 90px;height: 90px;text-align: center;border-radius: 10px;border: 1px solid #EAEAEA;}
#gw-sod-fin .sod_name{text-align: left;}
#gw-sod-fin .sod_opt {padding: 10px 0;color: #666;font-size: 14px;}
#gw-sod-fin .gw-fin-table01 .td_mngsmall{font-family: "Pretendard", sans-serif;font-weight:700;color: #111;}
#gw-sod-fin-legend {padding: 30px;background: #FAFAFA;}
#gw-sod-fin .gw-list01 > li > div:first-child {margin-right: 10px;color: #000;}
#gw-sod-fin .gw-point > p{display: flex;align-items:center;border-bottom:1px solid #eaeaea;height: 70px; }
#gw-sod-fin .gw-point .title {padding: 15px 0 15px 20px;display: inline-block;text-align: left;width: 20%;font-family: 'Pretendard', sans-serif;font-weight:600;}
#gw-sod-fin .gw-point .text {padding: 15px 10px 15px;display: inline-block;vertical-align: middle;word-break: break-all;word-wrap: break-word;color: #666;width: 80%;}
#gw-sod-fin .gw-fin-table02 {border-top: 2px solid #111;}
#gw-sod-fin .gw-fin-table02 th {padding: 15px 0 15px 20px;border-bottom: 1px solid #eaeaea;text-align: left;width: 20%;}
#gw-sod-fin .gw-fin-table02 td {padding: 15px 10px 15px;height: 4rem;border-bottom: 1px solid #eaeaea;vertical-align: middle;word-break: break-all;word-wrap: break-word;color: #666;}
#gw-sod-fin-dvr .dvr_link {padding: 0 15px;margin:0 5px;display: inline-block;border-radius: 10px;font-size: 14px;min-width: 50px;font-family: 'Pretendard', sans-serif;font-weight:700;height: 40px;line-height: 40px;border: 1px solid #eaeaea;text-align: center;}
#gw-sod-fin .gw-fin-table02 .sod-fin-stress th {font-size: var(--main-text01);background: #fafafa;}
#gw-sod-fin .gw-fin-table02 .sod-fin-stress td {font-size: var(--main-text01);color: #F21C35;font-family: "Outfit","Pretendard", sans-serif;font-weight:700;background: #fafafa;}
#gw-sod-fin-pay .btn_frmline {padding: 0 15px;margin: 0 5px;display: inline-block;border-radius: 10px;font-size: 14px;min-width: 50px;font-family: 'Pretendard', sans-serif;font-weight:700;height: 40px;line-height: 40px;border: 1px solid #eaeaea;text-align: center;}
#gw-sod-fin-cancel {display: flex;place-content: center;}
#sod_cancel_pop {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
#sod_fin_cancelfrm {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);padding: 40px;background: #fff;z-index: 1200;width: 600px;}
#sod_fin_cancelfrm > .sod_cls_btn {position: absolute;top: 40px;right: 40px;}
.sod_fin_bg {background:rgba(0,0,0,0.5);width:100%;height:100%}
#gw-sod-fin .gw-sod-fin-cancle-text {padding: 30px 0;border: 1px solid #eee;border-radius: 20px;text-align: center;font-size: var(--main-text01);width: 100%;box-shadow: 3px 3px 20px 10px rgba(0,0,0,0.02);font-family: "Pretendard", sans-serif;font-weight:700;}

/*장바구니-----------------------------------------------------------------------------------------------------------------*/
#sod_bsk > form {margin-bottom: 130px;}
#sod_bsk .gw-step-wrap{margin-bottom: 30px;}
#sod_bsk .gw-step-wrap > li {padding: 16px 0;flex: 1;font-size: var(--main-text01);text-align: center;border: 1px solid #e4e4e4;}
#sod_bsk .gw-step-wrap > li:first-child {border-radius: 6px 0 0 6px;}
#sod_bsk .gw-step-wrap > li:last-child {border-radius: 0 6px 6px 0;}
#sod_bsk .gw-step-wrap > li+li {margin-left: -1px;}
#sod_bsk .gw-step-wrap > li.active {background: var(--main-color);border: 1px solid var(--main-color);color: #fff;font-family: "Pretendard", sans-serif;font-weight:700;}
#gw-bsk-list .gw-bsklist {text-align: center;}
#gw-bsk-list .gw-bsklist th {padding: 15px 0;width:7.5%;height: 70px;border-bottom: 1px solid #eaeaea;vertical-align: middle;background: #FAFAFA;}
#gw-bsk-list .gw-bsklist th:nth-of-type(2){width: 55%;}
#gw-bsk-list .gw-bsklist td {padding: 20px;border-bottom: 1px solid #eaeaea;}
#sod_bsk_act{display:flex;place-content: center;gap:10px;}
#gw_bsk_tot {display:flex;place-content: center;padding: 45px 0;background: #f8f8f8;border-radius: 20px;}
#gw_bsk_tot > ul {width: 70%;}
#gw_bsk_tot > ul > li {flex:1;text-align: center;}
#gw_bsk_tot > ul > li > strong {font-size: var(--main-title03);font-family: "Outfit", sans-serif; font-weight: 700;}
#gw_bsk_tot .sod_bsk_cnt > strong{color: var(--main-color);}
#gw-mod-container {display: flex;flex-direction: column;}
#gw-mod-container .mod-title-container {position: absolute;top: 0;left: 0;width: 100%;height: 60px;padding: 40px;background: #fff;border-bottom: 1px solid #eaeaea;z-index: 100;}
#gw-mod-container .mod-content{flex: 1;padding: 100px 40px;height: calc(100% - 61px);max-height: 700px;overflow-y: scroll;overflow-x: hidden;scrollbar-width: none;-ms-overflow-style: none;}
#gw-mod-container .mod-btn-container {position: absolute;bottom: 30px; width: calc(100% - 80px);left: 50%;transform: translateX(-50%);}
#gw-bsk-list .mod-btn-container:before {content: "";display: block;position: absolute;bottom: -100%;left: 50%;transform: translateX(-50%);width: 110%;height: 8rem;background: linear-gradient(360deg, #FFFFFF 70.35%, rgba(247, 247, 247, 0) 100%);z-index:-1;}
#gw-bsk-list .gw-bsklist .td_prd {display: flex;gap: 20px;}
#gw-bsk-list .gw-bsklist .td_prd .sod_img > a {padding: 0;overflow: hidden;display: flex;justify-content: center;align-items: center;border-radius: 10px;width: 90px;height: 90px;}
#gw-bsk-list .gw-bsklist .td_prd .sod_img > a > img{width: 100%;height: 100%;object-fit: cover;}
#gw-bsk-list .gw-bsklist .td_prd .sod_name{text-align: left;}
#gw-bsk-list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);width:600px;height:auto;min-height:320px;max-height:700px;background:#fff;overflow:hidden;}
#gw-bsk-list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:block;z-index:9999;cursor:pointer;}
#gw-bsk-list .mod_options{padding:0 15px;display: inline-block;border-radius: 10px;font-size:14px;min-width: 100px;height:40px;line-height:40px;border: 1px solid #eaeaea;font-family: 'Pretendard', sans-serif;font-weight:700;}
#gw-bsk-list .sod_opt {padding: 10px 0;color: #666;font-size: 14px;}
#gw-bsk-list .sod_opt ul > li:not(:last-child) {margin-bottom: 3px;}
#mod_option_frm > form {height: 100%;overflow: hidden;}
#mod_option_frm .option_wr {padding: 15px;width: 100%;border: 1px solid #eaeaea;border-radius: 10px;}
#mod_option_frm .option-title {font-family: "Pretendard", sans-serif;font-weight: 300;font-size: 15px;color: #111;}
#mod_option_frm .label-title{font-family: "Pretendard", dotum, sans-serif;font-weight:700;}
#mod_option_frm .get_item_options:not(:last-child){margin-bottom: 10px;}
#mod_option_frm .option_wr span {margin-top:10px;position: relative;display: block;}
#mod_option_frm .option_wr span:after{font-family:xeicon;content:"\e941";position:absolute;top:50%;right: 17px;transform:translateY(-50%);display:block;z-index:0;color: #666;}
#mod_option_frm .option_wr select{position: relative;display:block;background:#fff;border: 1px solid #eaeaea;border-radius:10px;padding:12px 17px;width: 100%;height: 55px;font-family:"Pretendard";font-weight:400;transition:0.3s;box-sizing: border-box;line-height: 30px;cursor: pointer;}
#mod_option_frm .option_wr select:focus{border: 1px solid #000;transition: all .3s ease;}
#mod_option_frm .option_wr select:active{border: 1px solid #000;}
#mod_option_frm .option_wr select.focus:after {color: #000; transform:translateY(-50%) rotate(-180deg);transform-origin:center;}
#sit_opt_added li{position:relative;padding:20px;background:#f8f8f8;border-radius:20px;}
#sit_tot_price {font-size: var(--main-title03);background: #fff;}
#sit_tot_price > span {display: none;}
#sit_tot_price > strong {font-family: "Outfit", sans-serif; font-weight: 700;}
#sit_opt_added .opt_name {text-align:left;font-family: "Pretendard", sans-serif;font-weight:700;}
#sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none}
#sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added li .opt_count {}
#sit_opt_added button {float:left;width:30px;height:32px;border:1px solid #eaeaea;border-radius:0;background:#fff;}
#sit_opt_added .sit_qty_plus {color: var(--main-color);}
#sit_opt_added .sit_qty_minus {color: #ddd;}
#sit_opt_added .num_input {float:left;border:0;height:32px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;text-align:center;border-radius:0;width: 5rem;}
#sit_opt_added .sit_opt_del {position:absolute;right:10px;top:10px;border:none;background:transparent;color:#999;}
#sit_opt_added .sit_opt_prc {position:absolute;right:20px;display:block;float:right;width:100px;text-align:right;font-family: "Outfit", "Pretendard", sans-serif;font-weight:700;font-size: var(--main-text01);}
#gw-bsk-list .btn_submit{border:1px solid var(--main-color);background: var(--main-color);}
#gw-recommend .gw-recommend-list {margin-bottom: 60px;}
#gw-recommend .gw-title {padding: 1rem 0;font-family: "Pretendard", sans-serif;font-weight:700;font-size: 22px;}
#gw-recommend .gw-title > span{color: var(--main-color);}
#gw-recommend .slick-slider .slick-slide {position:relative;padding: 1rem;margin: 0 0.5rem;place-content: center;align-items:center;border-radius: 1rem;text-align:center;border: 1px solid #eaeaea;}
#gw-recommend .gw-thumbnail{position: relative;background: #F6F6F6;border:1px solid #eaeaea;border-radius: 15px;overflow: hidden;width: 100%;height: auto;}
#gw-recommend .gw-thumbnail > img {width: 100%;height: 100%;object-fit: cover;}
#gw-recommend .gw-name{padding-top:30px;}
#gw-recommend .gw-name > a {font-family: 'Pretendard', sans-serif;font-weight:600;font-size:var(--main-title04);display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
#gw-recommend .gw-price{font-size: var(--main-title03);font-family: "Outfit",  sans-serif;font-weight: 600;}
#gw-recommend .gw-recommend-list .slick-prev,
#gw-recommend .gw-recommend-list .slick-next {position: absolute;top: 40%;transform: translateY(-50%);width: 60px;height: 60px;border-radius: 50%;z-index: 1;background: #fff;box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.1);transition:all .3s;}
#gw-recommend .slick-prev {left: -30px;}
#gw-recommend .slick-next {right: -30px;}
#gw-recommend .gw-recommend-list .slick-prev > i {transition: all 0.3s ease;}
#gw-recommend .gw-recommend-list .slick-next > i {transition: all 0.3s ease;}
#gw-recommend .sct_10 .sct_img{margin-bottom: 0.5rem !important;}
#gw-recommend .sct_10 .sct_cost{font-size:var(--main-title04);}
#gw-recommend .sct_10 .sct_bottom{padding-top:10px;margin-top:10px;}
#gw-recommend .sct_10 .sct_op_btn>button{width: 30px;height: 30px;}
#gw-recommend .shop_icon {width: 50px;font-size: 14px;padding: 2px;padding-left: 7px;margin-left: -6px;}

@media (hover: hover) and (min-width:1025px) {
    #gw-bsk-list .btn_submit:hover{background: var(--main-color);}
    #gw-recommend .gw-recommend-list .slick-prev:hover,
    #gw-recommend .gw-recommend-list .slick-next:hover{background: var(--main-color); box-shadow: 1px 1px 200px var(--main-color);}
    #gw-recommend .gw-recommend-list .slick-prev:hover > i {margin-right: 10px;color:#fff;}
    #gw-recommend .gw-recommend-list .slick-prev:hover,
    #gw-recommend .gw-recommend-list .slick-next:hover{background:var(--main-color);color:#fff;}
    #gw-recommend .gw-recommend-list .slick-next:hover > i {margin-left: 10px;color:#fff;}
}

/*위시리스트-----------------------------------------------------------------------------------------------------------------*/
#sod_ws .gw-wishlist {text-align: center;}
#sod_ws .gw-wishlist th {padding: 15px 0;width:15%;height: 70px;border-bottom: 1px solid #eaeaea;vertical-align: middle;background: #FAFAFA;}
#sod_ws .gw-wishlist th:nth-of-type(2){width: 55%;}
#sod_ws .gw-wishlist td {padding: 20px;border-bottom: 1px solid #eaeaea;}
#sod_ws .gw-wishlist .info_link {display: flex;gap: 20px;align-items: center;font-family: "Pretendard", sans-serif;font-weight:700;}
#sod_ws .gw-wishlist .sod_ws_img {overflow:hidden;width:5rem;height:5rem;text-align:center;border-radius:10px;border:1px solid #EAEAEA;}
#sod_ws .gw-wishlist .sod_ws_img > img{width: 100%;height: 100%;object-fit: cover;}
#sod_ws .gw-wishlist .sod_ws_text {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;max-width: 300px;}
#sod_ws .gw-wishlist-btn button {margin: 3px 0;}
#sod_ws .gw-wishlist-btn a {margin: 3px 0;}
#sod_ws .wish_chk .gw-status-06 {padding: 7px 10px;min-width: auto;background: #fff;color: #F21C35;border: 1px solid #F21C35;}
#sod_ws .gw-wishlist .sod_ws_text{max-width:fit-content;width: calc(100% - 90px);}

/*배송지목록-----------------------------------------------------------------------------------------------------------------*/
#sod_addr input[type="checkbox"] + label {display: none;}
#sod_addr input[type="radio"] + label:before {display: none;}


/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1440px) {
    /*공통-----------------------------------------------------------------------------------------------------------------*/
    #container{width: 100%;}
    .gw-sec-container{padding:0 40px;width: 100%;}

    /*게시판-----------------------------------------------------------------------------------------------------------------*/
    .gw-search-container{border-radius:0;}
    .gw-bbs-con{width: 100%;}
    #gw-bo-list .bo_sch_wrap form{padding: 0;}
    #gw-bo-list form {padding: 0 40px;}
    #gw-bo-v{padding: 0 40px;}
    #gw-bo-w{padding: 0 40px;width: 100%;}

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /*꽃톡솔루션 메인 상품 목록 스킨 20*/
    #gw-main-20-skin .sct_li{width: calc(50% - 40px);}

    /*꽃톡솔루션 메인 상품 목록 스킨 40*/
    #gw-main-40-skin .gw-main-40-skin-prev{left:30px;}
    #gw-main-40-skin .gw-main-40-skin-next{right:30px;}

    /*꽃톡솔루션 메인 상품 목록 스킨 50*/
    #gw-main-50-skin .sct_li{padding:20px;}
    #gw-main-50-skin .sct-dict-rate-circle{width: 50px;height: 50px;line-height:50px;}

    /*마이페이지-----------------------------------------------------------------------------------------------------------------*/
    .gw-mypagebanner{padding: 0 40px;}
    #gw-my .gw-my-sec01{height: auto;flex-direction: column;gap: 20px;}
    #gw-my .gw-my-sec01 > div{width: 100% !important;place-content:center;}
    #gw-my .gw-my-info .gw-ico{display: none;}
    #gw-my .gw-my-info{border-right: none;}
    #gw-my .gw-my-info .gw-text{margin-bottom: 10px !important;text-align: center;}
    #gw-my .gw-my-info .gw-text > br{display: none;}
    #gw-my .gw-my-benefit{padding: 20px;background: #fff;border: 1px solid #ddd;border-radius: 20px;text-align: center;}
    #gw-my .gw-my-benefit > div{padding-left: 0;gap: 5px;}
    #gw-my .gw-my-sec02{border-top: 9px solid #f5f5f5;border-bottom:1px solid #eee;padding: 0 20px;padding-top: 30px;}
    #gw-my .gw-my-sec03{border-top: 9px solid #f5f5f5;border-bottom:1px solid #eee;padding: 30px 20px;}
    #shop-content-left{display: block;width: 100%;margin-top:0;}
    #shop-content-left .gw-sub-title{display: none;}
    #shop-content-left .gw-my-nav > li{border-top: 9px solid #f5f5f5;border-bottom:1px solid #eee;padding: 30px 0;}
    #shop-content-left .gw-my-nav > li:not(:last-child){margin-bottom: 0;}
    #shop-content-left .gw-my-nav .gw-my-nav-title{padding-left: 20px;}
    #shop-content-left .gw-my-nav .gw-my-dep02 > li > a{position:relative;display:block;padding: 15px 20px;border-bottom: 1px solid #eaeaea;}
    #shop-content-left .gw-my-nav .gw-my-dep02 > li > a:before{content:"\e93e";display: block;font-family:xeicon;position:absolute;right:20px;top:50%;transform:translateY(-50%);}
    #shop-content-right{margin-top:0;padding-left:0;width: 100%;}
    #shop-content-right #wrapper_title{padding-top:40px;text-align: center;}

    /*주문내역조회-----------------------------------------------------------------------------------------------------------------*/
    #sod_v_info{margin:0 auto 1rem;width: calc(100% - 40px);}
    #sod_v .gw-search-container{border-radius: 0;}
    #sod_v .gw-orderquiry{margin: 0 auto;width: calc(100% - 80px);}

    /*자주하시는질문-----------------------------------------------------------------------------------------------------------------*/
    #faq_sch{padding: 0;}
    #faq_sch .faq-search-container{border-radius: 0;}

    /*장바구니-----------------------------------------------------------------------------------------------------------------*/
    #sod_bsk .gw-step-wrap > li:first-child{border-radius:0;}
    #sod_bsk .gw-step-wrap > li:last-child{border-radius:0;}
    #gw_bsk_tot{border-radius:0;}
    #gw-bsk-list .gw-bsklist{margin:0 auto;width: calc(100% - 80px);}
    #gw-bsk-list .btn_cart_del{padding-left: 40px}
    #sod_bsk #gw-recommend{padding: 0 40px;}

    /*주문서작성-----------------------------------------------------------------------------------------------------------------*/
    #sod_frm{padding: 0 40px;}
    #sod_frm.sod_frm_mobile{padding: 0;}
    .sod_left{width: calc(70% - 30px);}
    .sod_right{width: 30%;}
    #sod_frm .tbl_frm01 th{width: 15%;}
    #sod_frm_taker label{margin-right: 5px;}
    #od_pay_sl .lb_icon{font-size: 14px;}
    #sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm{position:fixed;top: 50%;right: auto;left:50%;transform: translate(-50%, -50%);}
    .sod_frm_mobile .od_coupon .btn_confirm .btn_close{width: 30px;height: 30px;top:10px;right: 10px;border:1px solid #ddd;border-radius: 100%;}

    /*위시리스트-----------------------------------------------------------------------------------------------------------------*/
    #sod_ws{margin:0 auto;width: calc(100% - 80px);}

    /*상품문의 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-sqa {padding: 0 40px;}

    /*배송지 목록-----------------------------------------------------------------------------------------------------------------*/
    #gw-sod-addr{padding:0 40px;}

    /*배송지 등록-----------------------------------------------------------------------------------------------------------------*/
    #gw-add-address{padding:0 40px;}
}

@media screen and (max-width:1280px) {
    /*공통-----------------------------------------------------------------------------------------------------------------*/
    #container{padding-bottom: 2rem;}
    #container_main #container {padding-top: 0;}
    .gw-sec{padding:3rem 0;}
    .gw-sec + .gw-sec{border-top: 9px solid #f5f5f5;border-bottom: 1px solid #eee;}
    .gw-sec-container{padding:0 20px;}
    .gw-skin-box{margin-top:60px !important;}
    [class^='gw-status']{min-width: auto;}

    /*게시판-----------------------------------------------------------------------------------------------------------------*/
    .gw-bbs-con{padding:0;}

    /*게시판 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-list{margin-top:0;}
    #gw-bo-list > h2{display: none;}

    /*게시판 write-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-w > h2{display: none;}


    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /*꽃톡솔루션 메인 상품 목록 스킨 30*/
    #gw-main-30-skin .sct_li{width: calc(50% - 20px);}

    /*꽃톡솔루션 메인 상품 목록 스킨 40*/
    #gw-main-40-skin .gw-sct-main-40-skin-slider{width: 100%;}
    #gw-main-40-skin .slick-slide{display:flex;flex-wrap: wrap;justify-content: space-between;}
    #gw-main-40-skin .sct_10 .sct_li{padding-bottom:2rem;margin:0;width:calc(50% - 0.5rem);}
    #gw-main-40-skin .sct_10 .sct_img{max-width:100%;max-height:100%;}
    #gw-main-40-skin .gw-main-40-skin-prev,
    #gw-main-40-skin .gw-main-40-skin-next{display: none;}
    #gw-main-40-skin .gw-main-40-skin-dots-container {padding:2rem 0;display: flex;justify-content: center;font-size: 0;}
    #gw-main-40-skin .gw-main-40-skin-dots-container .gw-main-40-skin-dot {background: #ddd;border: none;width: 0.6rem;height: 0.6rem;margin: 0 0.3rem;cursor: pointer;transition: transform 0.3s ease-in-out;}
    #gw-main-40-skin .gw-main-40-skin-dots-container .slick-active .gw-main-40-skin-dot {background: var(--main-color);transform:rotate(-45deg);}
    #gw-main-40-skin .gw-btn-container {padding: 0 20px;}


    /*꽃톡솔루션 메인 사용후기*/
    #gw-main-review .gw-review-slider{display: block;}
    #gw-main-review .slick-slide{margin: 0 0.5rem;}
    #gw-main-review .sct_10 .sct_img{margin: 0;max-width:100%;max-height:100%;}
    #gw-main-review .gw-main-review-text-container{margin: 0;margin-top:-20px;}
    #gw-main-review .gw-main-review-prev,
    #gw-main-review .gw-main-review-next{display: none;}
    #gw-main-review .review-dots-container {padding:1.5rem 0;display: flex;justify-content: center;font-size: 0;}
    #gw-main-review .review-dots-container .review-dot {background: #ddd;border: none;width: 0.6rem;height: 0.6rem;margin: 0 0.3rem;cursor: pointer;transition: transform 0.3s ease-in-out;}
    #gw-main-review .review-dots-container .slick-active .review-dot {background: var(--main-color);transform:rotate(-45deg);}

    /*이벤트-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-list .gw-banner-container{padding-top:30px !important;}

    /*개인결제 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-sct-pv{padding:20px 20px 0;}
    #gw-sct-pv .sct_li{flex: 0 0 calc(50% - 10px);}
    #m_sod_frm_orderer .odf_tbl{padding: 30px 20px;}

    /*매장찾기-----------------------------------------------------------------------------------------------------------------*/
    #gw-map{margin-top:0;}
    #gw-map > h2{display: none;}
    #gw-map .map-header{padding-top:30px;}
}

@media screen and (max-width:1024px){
    .hp-pc{display: none;}
    .hp-mob{display: block;}

    /*버튼*/
    .sct_admin a.btn {height: 25px;line-height: 25px;}
    .new_win .win_btn{padding:0 !important;}
    .gw-main-btn02:before,
    .gw-main-btn02:after{display: none;}
    .li_more_btn{margin: 0 auto;width: calc(100% - 40px);}
    .small-btn{width: 40px;height: 40px;}

    /*input*/
    input[type="text"]{height: 2.5rem;}
    .sel-wrap > select{padding:0 17px;height: 2.5rem;}
    .frm_input{height: 2.5rem !important;padding:0 17px;}
    .file-name{height: 2.5rem;}
    .gw-file-input-button{height: 2.5rem;line-height: 2.5rem;}
    input[type="checkbox"] + .check-label:before{width: 20px;height: 20px;}
    input[type="checkbox"]:checked + .check-label:before{line-height:19.5px;font-size:12px;}

    /*table*/
    .gw-table01 tbody .empty_table{text-align: center;}
    .gw-table01 tr{overflow:hidden;border-top: none;border-bottom: none;border:1px solid #eaeaea;border-radius:20px;box-shadow:none;}
    .mCSB_horizontal.mCSB_inside>.mCSB_container{width: 1200px !important;}


    /*회원가입-----------------------------------------------------------------------------------------------------------------*/
    #register_form .gw-register-form-inner .gw-btn02{height:40px;line-height: 40px;}

    /*자주하시는질문-----------------------------------------------------------------------------------------------------------------*/
    #faq_sch .faq-search-container{padding: 20px !important;}

    /*게시판 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-list form {padding: 0 20px;}
    .gw-bbs-con{padding: 0;}
    #gw-bo-list .sch_input{height: 40px;}
    #gw-bo-list .sch_input > i{font-size:1.5em;}
    #gw-bo-list .search-container button > i{font-size: 1.5em;}
    .gw-search-container{padding: 30px 20px;margin-bottom:30px !important;}
    .gw-search-container [class^='gw-shop-btn'][class*="submit"]{height: 40px;line-height: 40px;}
    .gw-search-container .gw-sch-wr button > i{font-size:1.5em;}
    #gw-bo-list .gw-table01 tbody tr.on{border-bottom-color: #eaeaea;background: transparent;}


    /*게시판 view-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-v{padding-top:40px !important;padding:0 20px;}
    #gw-view-nb{padding-top:30px;margin-bottom:30px;}

    /*게시판 write-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-w{padding:20px;}

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    #container_main .gw-btn-container{padding:0;}

    /*top-banner*/
    .top-banner-btn-container .top-close-today{display: none;}

    /*모달 검색창*/
    #gw-search-modal .gw-search-modal{padding:70px 0;align-items: flex-start;place-content: flex-start;width:100%;}
    #gw-search-modal .gw-search-modal > div{padding:0 20px;flex-direction: column;}
    #gw-search-modal .gw-search-input-box > form{width: 100%;}
    #gw-search-modal #gw-sch-input{height: 45px;}
    #gw-search-modal #gw-sch-submit{margin:0;right:20px;height: 45px;}
    #gw-search-modal .closeBtn{top: -3rem;right: 10px;background: transparent;color: #111;}
    #gw-search-modal .gw-search-ranking-box > div{padding:0;flex:auto;width:100%;}
    #gw-search-modal .gw-search-ranking-box > div + div{border-left: none;border-top:10px solid #fafafa;}
    #gw-search-modal .gw-search-recent{margin-bottom: 2rem;}
    #gw-search-modal .gw-search-lately{padding-top: 2rem !important;}
    #gw-autocomplete-results{padding:15px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);height:60vw;}

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /*  메인 상품 목록 스킨 10*/
    #gw-main-10-skin .sct_li{margin:0;margin-bottom: 1rem;}
    #gw-main-10-skin .sct_10 .sct_img{max-width:100%;max-height:fit-content;}
    #gw-main-10-skin .gw-main-10-skin-dots-container {padding:2rem 0;display: flex;justify-content: center;font-size: 0;}
    #gw-main-10-skin .gw-main-10-skin-dots-container .gw-main-10-skin-dot {background: #ddd;border: none;width: 0.6rem;height: 0.6rem;margin: 0 0.3rem;cursor: pointer;transition: transform 0.3s ease-in-out;}
    #gw-main-10-skin .gw-main-10-skin-dots-container .slick-active .gw-main-10-skin-dot {background: var(--main-color);transform:rotate(-45deg);}

    /*  메인 상품 목록 스킨 20*/
    #gw-main-20-skin .sct_10{margin-bottom: 2rem;gap:2rem;}
    #gw-main-20-skin .sct_li{padding:1rem;padding-bottom:1.5rem;width: calc(50% - 30px);}

    /*  메인 상품 목록 스킨 30*/
    #gw-main-30-skin .sct_10{margin-bottom: 0;}
    #gw-main-30-skin .gw-main-30-skin-banner{margin:0;margin-bottom:1rem;height: 7rem;}
    #gw-main-30-skin .gw-main-30-skin-slider{width: 100%;}
    #gw-main-30-skin .slick-slide{width: 100%;}
    #gw-main-30-skin .sct_li{padding:1rem;padding-bottom:1.5rem;margin:0;width: 100%;}
    #gw-main-30-skin .sct_li:not(:last-child){margin-bottom: 1rem;}
    #gw-main-30-skin .gw-main-30-skin-dots-container {padding:2rem 0;display: flex;justify-content: center;font-size: 0;}
    #gw-main-30-skin .gw-main-30-skin-dots-container .gw-main-30-skin-dot {background: #ddd;border: none;width: 0.6rem;height: 0.6rem;margin: 0 0.3rem;cursor: pointer;transition: transform 0.3s ease-in-out;}
    #gw-main-30-skin .gw-main-30-skin-dots-container .slick-active .gw-main-30-skin-dot {background: var(--main-color);transform:rotate(-45deg);}

    /*  메인 상품 목록 스킨 50*/
    #gw-main-50-skin .sct_10{margin-bottom: 2rem;}
    #gw-main-50-skin .sct_li{padding:1rem;margin:0;width: 100%;}
    #gw-main-50-skin .sct_li:not(:last-child){margin-bottom: 1rem;}


    /*마이페이지----------------------------------------------------------------------------------------------------------------*/
    #gw-my .gw-my-order-container{padding:20px;}
    #gw-my .gw-my-order-container > .gw-flex-btw{justify-content: space-around;}
    #gw-my .gw-order-state > li > a{width: auto;height: auto;border:none;}
    #gw-my .gw-order-state > li:not(:last-child) > a:after{right:-36px;transform:translate(0,-50%);}
    #gw-my .gw-board-item{padding:30px 20px;width: 100%;}
    #gw-my .gw-my-sec01{padding:30px 20px;border-radius: 0;}
    #gw-my .gw-my-sec03 > .gw-flex-btw{flex-direction: column;align-items: flex-start;}
    #gw-my .gw-my-sec03 .gw-board-container > li > a{padding:20px 0;}

    /*주문내역조회-----------------------------------------------------------------------------------------------------------------*/
    #sod_v .gw-search-container{padding:20px;}
    #sod_v .gw-search-container .gw-top{flex-direction: column;gap: 10px;}
    #sod_v .gw-search-container .sel-wrap{width: 100% !important;}
    #sod_v .gw-datepicker{width: 100% !important; gap: 10px;}
    #sod_v .gw-search-container .gw-date{margin-top:10px !important;}
    #sod_v .gw-orderquiry{width: calc(100% - 40px);border-top:none;}
    #sod_v .gw-orderquiry td{padding:10px 20px;text-align: right;border-bottom: none;}
    #sod_v .gw-orderquiry .gw-od-date-container{text-align: center;}
    #sod_v .gw-od-date{display: inline-block;}
    #sod_v .gw-orderquiry .gw-od-info{display: flex;}
    #sod_v .gw-od-info .gw-od-text{width: calc(100% - 90px);display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space: normal;max-width:unset;}
    #sod_fin_cancelfrm{padding:20px;width: calc(100% - 40px);}
    #sod_fin_cancelfrm > .sod_cls_btn{top: 10px;right: 10px;}
    #sod_v .gw-orderquiry .empty_table {text-align: center;}

    /*장바구니-----------------------------------------------------------------------------------------------------------------*/
    #gw-bsk-list .gw-bsklist{width: calc(100% - 40px);}
    #gw-bsk-list .btn_cart_del{padding-left: 0;place-content:center;}
    #gw-bsk-list .gw-bsklist td{padding:10px 20px;border-bottom: 0;}
    #gw-bsk-list .gw-bsklist .td_prd{gap: 0;justify-content: space-between;}
    #gw-bsk-list .gw-bsklist .td_prd .sod_name{text-align: right;width: calc(100% - 100px);}
    #gw_bsk_tot{padding: 30px 20px;}
    #gw_bsk_tot > ul{width: 100%;}
    #gw_bsk_tot > ul > li > i {font-size: 1.5em;}
    #sod_bsk > form{margin-bottom: 50px;}
    #gw-bsk-list .mod_options{padding:0 10px;min-width:auto;height: 30px;line-height: 30px;}
    #gw-bsk-list #mod_option_frm{margin:0 auto;width: calc(100% - 40px);}
    #gw-mod-container .mod-title-container{padding: 20px;}
    #gw-mod-container .mod-content{padding:80px 20px;}
    #mod_option_frm .option_wr{text-align:left;}
    #gw-mod-container .mod-btn-container{width: calc(100% - 40px);}
    #gw-bsk-list .gw-bsklist .empty_table{padding:20px;}

    /*주문서작성-----------------------------------------------------------------------------------------------------------------*/
    #sod_frm{padding: 0;}

    /*위시리스트-----------------------------------------------------------------------------------------------------------------*/
    #sod_ws{width: calc(100% - 40px);}
    #sod_ws .gw-wishlist td{padding:10px 20px;border-bottom: none;}
    #sod_ws .gw-wishlist .sod_ws_text{width: calc(100% - 90px);display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space: normal;max-width:unset;}
    #sod_ws .gw-wishlist-btn button{width:calc(33.3% - 6px);}
    #sod_ws .gw-wishlist-btn a{width:calc(33.3% - 6px); }


    /*매장찾기 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-map .map-header{padding-top: 0;}
    #gw-map .sel-wrap > select{height: 55px;line-height: 30px;}
    #gw-map .gw-btn-container{padding: 0;}
    #bo_v_product_info {padding-bottom: 0 !important;padding-top: 0 !important;}

    /*매장찾기 view-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-v #gw-map .wrap{bottom:0;}
    #gw-bo-v #gw-map .map-content{height: 35vh;}
}

@media screen and (max-width:768px){
    /*공통-----------------------------------------------------------------------------------------------------------------*/

    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /*  메인 상품 목록 스킨 20*/
    #gw-main-20-skin .sct_10:after{display: none;}
    #gw-main-20-skin .sct_li{margin-right:1rem;width: 552px !important;border:1px solid #EEEEEE;box-shadow:none;}
    #gw-main-20-skin .sct_li:nth-of-type(2n) .sct_img{margin-top: 0;order: 0;}
    #gw-main-20-skin .sct_li:nth-of-type(2n) .sct_ct_wrap{padding-top:1rem;}

    /*중간좌측,우측용 배너*/
    #hp-theme-banner-type02 .gw-sec-container {flex-direction: column;}
    #hp-theme-banner-type02 .gw-halfbanner {width: 100%;}
}

@media screen and (max-width:576px){
    /*공통-----------------------------------------------------------------------------------------------------------------*/
    #container.paddingtop0{padding-top:0;}
    .gw-skin-box{margin-top:30px !important;}

    /*리스트*/
    .gw-list01 > li:not(:last-child){margin-bottom: 0;}

    /*버튼*/
    .sct_admin{left:20px;}
    .gw-btn-container{padding:0 20px;flex-direction:column;}
    .gw-btn01{height: 40px;line-height: 40px;}
    .gw-btn0102{height: 40px;line-height: 40px;}
    .gw-btn02{height: 40px;line-height: 40px;}
    .gw-main-btn02{max-width: 100%;}
    .gw-main-btn02.gw-w-15{width: 100% !important;}

    /* 관련 상품 */
    #gw-recommend .sit_icon_li > span{flex-wrap: wrap;}
    #gw-recommend .shop_icon{width: 48px;font-size:12px;line-height: 10px;}

    /*게시판 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-list .bo_tit{vertical-align: middle;}
    #gw-bo-list .btn_bo_user{flex-direction: column;}
    .gw-search-container [class^='gw-shop-btn'][class*="submit"]{min-width:100%;}

    /*게시판 view-----------------------------------------------------------------------------------------------------------------*/
    #gw-view-nb > li > .list-btn{width: 40px;height: 40px;}
    #gw-bo-v{padding: 0 20px;}
    #gw-bo-v .bo_v_nb > li > .list-btn{width: 40px;height: 40px;}
    #gw-bo-v .bo_v_com{flex-direction: column;}

    /*게시판 write-----------------------------------------------------------------------------------------------------------------*/
    #gw-bo-w{padding-top:40px !important;}

    #category .nav-member > li.logout > a{font-size: var(--main-text02);}


    /*메인-----------------------------------------------------------------------------------------------------------------*/

    /*  메인 상품 목록 스킨 20*/
    #gw-main-20-skin .sct_li{width: 280px !important;}
    #gw-main-20-skin .sct_10 .sct_cost {flex-direction: row;gap: 0.5rem;align-items:center;}

    /*  메인 상품 목록 스킨 30*/
    #gw-main-30-skin .gw-main-30-skin-banner{height: 7rem;}
    #gw-main-30-skin .sct_10 .sct_img{max-width:90px;max-height:90px;}
    #gw-main-30-skin .sct_10 .sct_ct_wrap{padding-top:0;width:calc(100% - 90px);}
    #gw-main-30-skin .shop_icon{margin-left:0;padding:5px;width: 48px;font-size: 12px;}

    /*  메인 상품 목록 스킨 50*/
    #gw-main-50-skin .sct_li{padding-bottom: 1.5rem;}
    #gw-main-50-skin .sct_10 .sct_img{max-width:90px;max-height:90px;}
    #gw-main-50-skin .sct_10 .sct_cnt{padding-top:0;width:calc(100% - 90px);}
    #gw-main-50-skin .shop_icon{margin-left:0;padding:5px;width: 48px;font-size: 12px;}
    #gw-main-50-skin .sct-dict-rate-circle{top:1rem;left:1rem;width: 34px;height: 34px;line-height: 34px;font-size:14px;}

    /*중간좌측,우측용 배너*/
    #hp-theme-banner-type02 .gw-sec-container{gap: 10px;}

    /*  메인 사용후기*/
    #gw-main-review .gw-main-review-container{margin-bottom: 0;}
    #gw-main-review .slick-slide{margin:0 5px;}
    #gw-main-review .sct_10 .sct_bottom{font-size:10px;}
    #gw-main-review .gw-main-review-bottom{margin-top:10px;padding-top:10px;}

    /*개인결제 list-----------------------------------------------------------------------------------------------------------------*/
    #gw-sct-pv .sct_li > a{padding:20px;gap:15px;}
    #gw-sct-pv .sct_img{width: 60px;height: 60px;}
    #gw-sct-pv .sct_img > i{font-size: 3em;}
    #gw-sct-pv .sct_cost{font-size: var(--main-title04);}

    /*마이페이지배너-----------------------------------------------------------------------------------------------------------------*/
    .gw-mypagebanner{padding:0;margin: 0 auto;width: calc(100% - 40px);}

    /*마이페이지-----------------------------------------------------------------------------------------------------------------*/
    #gw-my .gw-order-state > li:not(:last-child) > a:after{right:-25px;font-size:14px;}
    #gw-my .gw-my-info .gw-text-container{padding-right:0;width: 100%;}
    #gw-my .gw-my-sec01 .gw-btn-container{padding:0;flex-direction: row;}
    #gw-my .gw-my-info .gw-btn-container > li{flex: 1;font-size:12px;height: 35px;line-height:35px;}
    #gw-my .gw-my-sec01 .gw-btn-container > li > a{padding: 0;}
    #gw-my .gw-my-sec03 .gw-board-container > li > a{padding: 10px 0;flex-direction:column;align-items:flex-start;gap: 0;}
    #gw-my .gw-my-benefit .gw-title{font-size: var(--main-text03);}
    #gw-my .gw-my-benefit > div{gap: 0;}
    #gw-my .gw-my-benefit > div > a{font-size: var(--main-title03);}

    /*주문내역조회-----------------------------------------------------------------------------------------------------------------*/
    #sod_v .gw-datepicker{flex-direction: column;}
    #sod_v .gw-search-container{margin-bottom:30px !important;}
    #sod_v .gw-search-container .gw-date {flex-wrap: wrap;}
    #sod_v .gw-search-container .sch_last > button{margin-right:5px;min-width:13%;height:30px;line-height:15px;font-size:12px;}
    #sod_v .gw-search-container .gw-shop-btn-submit{padding: 0;}
    #gw-sod-fin-legend{padding: 20px;}
    #gw-sod-fin .gw-sod-fin-cancle-text{padding: 30px 20px;display: flex;flex-direction: column;gap: 5px;font-size:var(--main-text02);}
    #sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm{width: calc(100% - 40px);max-height:100vw;}

    /*faq-----------------------------------------------------------------------------------------------------------------*/
    #gw-faq-con > ul > li > a{padding:20px 0 20px 40px;width: 90%;}
    #gw-faq-con .con_inner{padding:20px;}
    #gw-faq-con img {width: 100%;object-fit: cover;}

    /*장바구니-----------------------------------------------------------------------------------------------------------------*/
    #sod_bsk .gw-step-wrap > li > .num{display: block;font-size: 12px;}
    #sod_bsk .gw-step-wrap > li{font-size: 14px;}
    #gw-bsk-list .gw-bsklist .td_prd .sod_img > a{width: 70px;height: 70px;}
    #gw-bsk-list .gw-bsklist .td_prd .sod_name{width: calc(100% - 70px);}
    #gw-bsk-list .sod_opt{padding: 5px 0;font-size: 12px;}
    .sod_opt li:before{font-size: 12px !important;}
    #sod_bsk_act{padding: 0 20px;flex-direction:column;}
    #mod_option_frm .option_wr{padding:10px;}
    #mod_option_frm .option-title{margin-bottom: 5px !important;}
    #mod_option_frm .option_wr select{height: 40px;line-height: 15px;}
    #sit_sel_option #sit_opt_added li{padding: 10px;}
    #sit_opt_added .opt_name{margin-bottom: 5px !important;}
    #sit_opt_added .sit_opt_del{right: 5px;top:5px;}
    #sit_opt_added .sit_opt_prc{font-size:var(--main-text02);}
    #sit_opt_added button{height: 26px;}
    #sit_opt_added .num_input{height: 26px;}
    #sit_tot_price{font-size: var(--main-title04);}

    /*위시리스트-----------------------------------------------------------------------------------------------------------------*/
    #sod_ws{width: calc(100% - 40px);}
    #sod_ws .gw-wishlist-btn button{width: 100%;}
    #sod_ws .gw-wishlist-btn a{width: 100%;}
    #sod_ws_act{flex-direction: column;}
    #sod_ws_act .gw-right{margin-top:20px;width: 100%;display: flex;flex-direction: column;gap: 10px;}

}


@media screen and (max-width:320px){
    /*메인-----------------------------------------------------------------------------------------------------------------*/
    /*  메인 상품 목록 스킨 20*/
    #gw-main-20-skin .sct_li{width: 200px !important;}

    /*주문내역조회-----------------------------------------------------------------------------------------------------------------*/
    #sod_v .gw-search-container .gw-date{gap: 10px;}
}

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/