/*************
모달
*************/
.gspb_slidingPanel .gspb_slidingPanel-inner{display:flex;flex-direction:column;height:100vh;overflow:hidden}
.modal-header{height:60px;display:flex;justify-content:center;width:100%;flex-shrink:0;background-color:#fff;border-bottom:1px solid #e0e0e0;text-align:center}
.iframe-viewport{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#f0f0f0;min-height:0;padding:0;display:flex;height:100%}
.iframe-container,.iframe-container iframe{width:100%;height:100%;border:none;display:block}
.iframe-container{transition:width .4s ease-in-out;margin:0 auto}
.iframe-container.view-desktop{width:100%}
.iframe-container.view-mobile{width:640px;max-width:100%}
.iframe-container.view-pc{max-width:100%}
.iframe-container.view-mobile{max-width:960px}
.modal-frame{height:100%;}
.gspb_slidingPanel-inner{padding:0;overflow:hidden!important}
button.gspb_slidingPanel-close{transform:none!important;height:60px!important;width:60px!important}
button.gspb_slidingPanel-close:hover{background:#000}
button.gspb_slidingPanel-close svg path{fill:var(--theme-link-initial-color,currentColor)!important}
.modal-header > div,.modal-header > div > div{height:100%}
.modal-header .gspb_iconBox__wrapper{border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0 12px;height:100%;align-items:center}
.modal-header > div > div:nth-child(2) > div{border-left:0}
.admin-bar .gspb_slidingPanel,.admin-bar .gspb_slidingPanel-wrap{max-height:calc(100dvh - 32px)!important;}
.admin-bar .gspb_slidingPanel{top:32px!important;}
.scrollhidden main#main > .ct-container-full{padding-top:0;}
.admin-bar .gspb_slidingPanel-wrap{min-height:1px!important;top:0;}
.admin-bar .gspb_slidingPanel-wrap{max-height:calc(100dvh - 32px)!important;}
body.scrollhidden header#header{display:none;}
.modal-header h5{word-break:keep-all;white-space:nowrap;display:flex;align-items:center;padding-left:12px}
@media(max-width:1024px){
    .iframe-container.view-desktop{width:100%}
    .iframe-container.view-mobile{width:100%;max-width:100%}
    .modal-header{background-color:var(--wp--preset--color--palette-color-1,var(--theme-palette-color-1,#0DA491));}
    .modal-header,button.gspb_slidingPanel-close{height:40px!important;}
    .modal-header h5{color:#fff;}
    .modal-header .gspb_iconBox__wrapper{border-color:#28b7a5;}
    .modal-header svg path{fill:#fff!important;}
}
/*카카오*/
.woo_kakao_btn{background:#FFCC00;display:flex;width:155px;}
.woo_kakao_btn span{display:flex;gap:12px;align-items:center;justify-content:center;}
.woo_kakao_btn img{width:28px;}
.woo_kakao_btn .gspb-buttonbox-text{color:#222;font-weight:700;}
/**/
.merit-cols .item { margin-bottom: 20px; flex-direction: column; width:45%; margin-right:5%; }
.merit-cols .item:nth-child(2n) { margin-right: 0; }
.merit-cols { flex-wrap: wrap; }
.merit-cols h4 em { font-style: normal; color: #04a391; font-weight: bold; margin-right: 5px; font-size: 1.1431em; }
.prd-merit h4 { letter-spacing: -1.5px; font-size: 20px !important; margin-bottom: 0; line-height:1.8 }
.prd-merit h2 { font-size: 32px !important; font-weight: bold; }
.prd-merit h5 { line-height: 1 !important; margin-bottom: 0; }
.prd-str { padding-top: 60px; flex-wrap: wrap; border-bottom: 1px solid #cdcdcd; padding-bottom: 60px; max-width: 630px; margin: 0 auto; }
.prd-str > .d-flex { width:100%; margin-right:0%; margin-bottom: 30px; text-align:left }
.prd-str > .d-flex:nth-child(2n) { margin-right: 0; }
.prd-str > .d-flex i { font-size: 2.8rem; color: #222; background: #f5f5f5; border-radius: 100%; width: 90px; height: 90px; line-height: 90px; margin-bottom: 20px; text-align: center; }
.prd-str > .d-flex h4 { font-weight: 700; font-size: 20px !important; }
.prd-str > .d-flex .d-flex { width: calc(100% - 90px); text-align: left; padding-left: 30px; }


/**/
.woocommerce-tabs table tr:first-child td { background: #3a4f66; color: #fff; font-weight: 600; }
.woocommerce-tabs table td { text-align: center; }
.sub_title_side { background: #e1e8ed; }
.woocommerce-tabs table tr:not(:first-child) td { font-size: 15px; }

td.hl,th.hl { background: #3a4f66!important; color: #fff!important; }
td.hl2,th.hl2 { background:#eee !important; color: #222!important; }
td.nom,th.nom { background:#fff !important; color: #222!important; }


a.nt_edit_link { display:none!important }
/* 카카오톡 버튼 스타일링 */
.callKakao { max-width:250px; align-items:center; margin-left:0; display:flex; vertical-align:middle; background-color:#FEE500!important; color:#000!important }
form.variations_form table.variations tr:not(:last-child) { margin-bottom:0!important }
form.variations_form table.variations { margin-bottom:20px!important }
/**/
.product-download-section { margin:20px 0; padding:15px; background:#f7f7f7; border-radius:4px; display:flex; gap:20px; align-items:center }
.product-download-section h3 { margin:0; padding:0; font-size:16px; font-weight:700 }
.download-buttons { display:flex; flex-wrap:wrap; gap:10px }
.download-button { font-size:15px; display:inline-flex; align-items:center; padding:3px 8px; background:#1e73be; color:#fff!important; text-decoration:none!important; border-radius:4px; transition:all .2s ease }
.download-button:hover { background:#135e96 }
.whole-table .download-button { background:transparent }
.svg-icon { margin-right:5px }
span.svg-icon img { width:16px }
/* 리믹스 아이콘용 스타일 */
.ri-kakao-talk-fill { margin-right:5px }
/*버튼*/
.single_add_to_cart_button,.single-product .ct-cart-actions .callKakao{font-size:22px!important;font-weight:700}
.single-product .callKakao i{font-weight:400}
.single_add_to_cart_button{max-width:149px!important;}
/*감추기*/
/*#tab-title-reviews,.quantity,#ct-added-to-cart-popup .ct-product-totals{display:none!important}*/


/**/
@media (min-width:1000px){
    .ct-default-gallery .entry-summary{padding-left:111px}
}
/* 모바일에서의 스타일 조정 */
@media (max-width:999.98px){
    #main .ct-container-full{padding-top:0}
    .single-product .product-entry-wrapper{padding-top:0;padding-bottom:0}
    .product>.woocommerce-tabs{padding-top:30px!important}
    .ct-cart-actions .callKakao {margin-left:0}
    .single_add_to_cart_button,.single-product .ct-cart-actions .callKakao{font-size:17px!important}
    .single-product article h2{ font-size:18px !important }
    .ct-cart-actions button,.ct-cart-actions button + a{max-width:50%!important;margin-top:0;padding:4px;align-items:center;justify-content:center;display:flex!important}
    .woocommerce div.product div.woocommerce-tabs ul.tabs{display:flex!important;flex-direction:row!important;justify-content:center;border-bottom:1px solid #ddd}
    .woocommerce div.product div.woocommerce-tabs ul.tabs li{display:flex;font-size:14px;width:20%}
    .woocommerce div.product div.woocommerce-tabs ul.tabs li a{ padding: 12px 6px !important; display: flex ; align-items: center; justify-content: center; min-height: 53px; }
    /*베리에이션*/
    form.variations_form table.variations tr{gap:4px!important}
    .ct-variation-swatches{background-color:#f5f5f5;padding:12px 10px;border:1px solid #ddd;gap:10px}
    [data-swatches-type=button] .ct-swatch{background-color:#fff;font-size:13px!important;padding:3px 4px!important;height:28px!important}
    [data-swatches-type="button"] > .active .ct-swatch{background-color:var(--theme-palette-color-1)!important}
    form.variations_form table.variations label{font-size:24px;text-align:center}
    .woocommerce div.product form.cart .variations tbody tr th.label{width:100%;display:flex;justify-content:center;order:2}
    .woocommerce div.product form.cart .variations tbody tr th.value{order:1}
    .single-product nav.ct-breadcrumbs{text-align:center;margin-top:12px}
    .single-product .product_title.entry-title{text-align:center;font-size:26px!important}
    .woocommerce-product-gallery{margin-bottom:0!important;margin-top:15px}
    .product-download-section{flex-direction:column}
    .download-button{font-size:13px}
    .product-download-section{flex-direction:column}
    .download-button{font-size:13px}
    table.variations .reset_variations{display:flex;align-self:flex-end}
    .ct-variation-swatches{width:100%}
    .woocommerce div.product form.cart .variations tbody tr:first-child { width: 100%; }
    .woocommerce div.product form.cart .variations tbody tr th.label + .value{display:flex;flex-direction:column;justify-content:end;width:100%}
    .ct-product-additional-actions[data-type=button] button span { display: flex !important; }
}
/*우싱글*/
.product>.woocommerce-tabs { padding-bottom:60px; border-bottom:1px solid #ececec }
.woocommerce-product-details__short-description p { font-size:18px!important }
.woocommerce-product-details__short-description li,.woocommerce-product-details__short-description table td { font-size:16px }
.woocommerce-product-details__short-description table th,.woocommerce-product-details__short-description table td { padding:3px 8px }
.woocommerce-product-details__short-description table tr:first-child td { font-size:15px; background-color:#ddd; font-weight:700 }
.woocommerce-product-details__short-description table tr:not(:first-child) td:first-child { background-color:#f8f8f8; font-weight:500; font-size:14px }
.woocommerce-product-details__short-description table tbody tr td:not(:first-child) { text-align:center; font-size:14px }
.woocommerce-product-details__short-description table tr:not(:first-child) td:not(:first-child) { font-size:13px }
.woocommerce-product-details__short-description div[data-block] .entry-content { padding-top:0 }
.woocommerce-tabs table th { padding:11px 12px }
.woocommerce-tabs table td { padding:14px; font-weight:500 }
/*swatch*/
.woocommerce div.product form.cart .variations tbody tr td,.woocommerce div.product form.cart .variations tbody tr th { max-width:100% }
table.variations tbody { display:flex; justify-content:space-between }
table.variations tbody tr { display:flex; flex-direction:column!important; align-items:start; justify-content:start; flex-wrap:nowrap!important }
table.variations tbody th,table.variations tbody td { flex:0 0 auto!important }
.woocommerce div.product form.cart .variations tbody tr:first-child { min-width:80px }

/*베리에이션*/
.woocommerce-variation.single_variation table th,.woocommerce-variation.single_variation table td { padding:3px 8px; text-align:center; border:1px solid #ddd }
.woocommerce-variation.single_variation table th { font-size:14px; text-align:center; line-height:1.4; background:#f5f5f5 }
.woocommerce-variation.single_variation table td { font-size:13px }
.wc-tabs-wrapper > ul + article .woocommerce-Tabs-panel > div { margin:0 auto 60px }