/*메인퀵메뉴(메인)-----------------------------------------------------------------------------------------------------------------*/
#gw-shop-main-quick .gw-menu-list {display: flex;flex-wrap:wrap;justify-content: center;}
#gw-shop-main-quick .gw-menu-list > li  {min-width: 150px;aspect-ratio: 1 / 1;overflow: hidden;}
#gw-shop-main-quick .gw-menu-list > li > a {flex-direction: column;background: none;width: 100%;height: 100%;}
#gw-shop-main-quick .gw-menu-list img {width:100%;min-height: 0;flex:1;}
#gw-shop-main-quick .gw-menu-list span {font-size: 14px;}

/*메인주요카테고리(메인)-----------------------------------------------------------------------------------------------------------------*/
#gw-shop-main-quick .gw-main-sec-container {width:1400px;}
#gw-shop-main-quick .gw-category-list {justify-content: flex-start;gap:15px;flex-wrap: wrap;padding: 0 1rem;}
#gw-shop-main-quick .gw-category-list > li {flex: 0 0 calc((100% - 45px) / 4);overflow: hidden;text-align: center;}
#gw-shop-main-quick .gw-category-list > li > a {display:flex;flex-direction: column;gap:1rem;}
#gw-shop-main-quick .gw-category-list img {aspect-ratio: 1.5 / 1;flex:1;object-fit: cover;background-color: #f0f0f0;}
#gw-shop-main-quick .gw-category-list span {font-family: "NotoKr_B", sans-serif;font-weight:600;font-size: var(--main-title04)0;color:var(--main-color);}

/*메인아코디언제품설명(메인-테마/shop/main_card_accordion_slider.php)-----------------------------------------------------------------------------------------------------------------*/
#gw-shop-main-card {position:relative;overflow: hidden;height: 70vh;min-height: 600px;max-height: 800px;}
#gw-shop-main-card .gw-shop-main-card-banner {width: 100%;height: 100%;display: flex;align-items: center;}
#gw-shop-main-card .banner-bg-layer {position:absolute;left: 0;width: 100%;height: 100%;z-index: 0;}
#gw-shop-main-card img {width: 100%;height: 100%;object-fit: cover;object-position: center 78%;}
#gw-shop-main-card .gw-sec-container {position:relative;z-index: 10; box-sizing: border-box;height: 320px;}
#gw-shop-main-card ul {height:100%;align-items: stretch;gap: 1rem;}
#gw-shop-main-card .card-item {flex: 1;height: 100%;background-color: #f1f3f5;backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);opacity:0.7;border: 1px solid rgba(255, 255, 255, .25);border-radius: 16px;box-shadow: 0 15px 35px rgba(0, 0, 0, .08);overflow: hidden;position: relative;transition:flex .6s cubic-bezier(.25,1,.5,1), transform .35s ease, box-shadow .35s ease;}
#gw-shop-main-card .card-item:hover {transform: translateY(-8px);box-shadow: 0 25px 50px rgba(0,0,0,.15);}
#gw-shop-main-card .gw-sub-title {word-break:keep-all;position: relative;border-left:5px solid #143a6b;padding-top: 18px;padding-left:16px;}
#gw-shop-main-card .card-item.active {flex: 3; background: rgba(255, 255, 255, .24);opacity: 1;}
#gw-shop-main-card .card-content {position: absolute;left: 0;top:0;width: 100%;height: 100%;padding: 30px;box-sizing: border-box;display: flex;flex-direction: column;}
#gw-shop-main-card .card-desc {display:flex;flex: 1;flex-direction: column; margin: 0;font-size: 1rem;color:rgba(0,0,0,.72);line-height: 1.7;opacity: 0;visibility: hidden;transform: translateY(15px);transition: opacity 0.3s ease, transform 0.4s ease, visibility 0.3s;}
#gw-shop-main-card .card-desc p {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
#gw-shop-main-card .card-item.active .card-desc {opacity: 1;visibility: visible;transform: translateY(0);transition-delay: 0.15s;}
#gw-shop-main-card .card-link-btn {margin-top: auto;display: inline-flex;justify-content: center;align-items: center;width: fit-content;padding: 10px 20px;border: 1px solid rgba(255,255,255,.35);border-radius: 50px;background: rgba(255,255,255,.15);transition: .3s;}
#gw-shop-main-card .card-link-btn:hover {background: #fff;transform:translateX(6px);}

/*main.40.skin(메인)-----------------------------------------------------------------------------------------------------------------*/
#gw-main-40-skin .slick-track {margin-left: 0 !important;}

/*연혁 페이지(테마/page/history.php)-----------------------------------------------------------------------------------------------------------------*/
#sub-history .gw-history-month {flex: 0 0 40px;white-space: nowrap;}
#sub-history .gw-history-left-list .gw-history-month {text-align: right;}

/*인사말 페이지(테마/page/greetings.php)-----------------------------------------------------------------------------------------------------------------*/
#sub-greetings .gw-sec-container {width: 1200px;}
#sub-greetings .greeting-intro {align-items: flex-start;}
#sub-greetings .img-container {aspect-ratio: auto;border-radius: 20px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.08);}
#sub-greetings img {object-fit: contain;}
#sub-greetings .gw-sub-text {line-height: 1.9;color: black;}

/*오시는길 페이지(테마/page/location.php)-----------------------------------------------------------------------------------------------------------------*/
#sub-location {margin: 0 auto;}
#sub-location .gw-tabs {background: none;}
#sub-location #gw-map-js-tab1 {height: 440px;}
#sub-location .gw-map {background: #f2f2f2;height: auto;border:1px solid #eee;}
#sub-location #gw-kakao-map-wrap > div {width:100%;}
#sub-location .root_daum_roughmap .section_address {display: none;} /* 카카오맵 지도퍼가기 - 지도 밑에 자동으로 붙는 주소/전화번호 정보 패널 숨김 */
#sub-location .gw-location-info {background: #fff;border: 1px solid #eee;border-radius: 16px;box-shadow: 0 4px 20px rgba(0,0,0,.05);}
#sub-location .gw-location-info > li {width:100%;flex:1;align-items: center;gap:10px;padding: 40px 20px;position: relative;}
#sub-location .gw-location-info > li:not(:last-child):after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 40px;background: #e5e5e5;}
#sub-location .gw-location-info i {color: var(--main-color);margin-right: 18px;}
#sub-location .info-label {font-size: 14px;color: #666;}
#sub-location .info-value {font-size: 17px;color: #111;word-break: keep-all;}

/* 오시는길 - 지도 라벨 */
#sub-location .gw-map .label {margin-bottom: 96px;}
#sub-location .gw-map .label * {display: inline-block;vertical-align: top;}
#sub-location .gw-map .label .left {background: url("https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 24px;overflow: hidden;vertical-align: top;width: 7px;}
#sub-location .gw-map .label .center {background: url(https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 24px;font-size: 12px;line-height: 24px;}
#sub-location .gw-map .label .right {background: url("https://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 24px;overflow: hidden;width: 6px;}


/* 상품목록 페이지----------------------------------------------------------------------------------------------------------------- */
.sct_10 .sct_img {background-color: #eee;}

/*삼품상세설명 페이지(테마/skin/shop/basic/item.info.skin.php)-----------------------------------------------------------------------------------------------------------------*/
/* 상품설명 위아래 간격 조정 & 관리자가 에디터에서 지정한 스타일 그대로 출력하기 위해 추가_20260730 LJS */
#sit_inf_explan {padding-top: 50px;padding-bottom: 150px; text-align: left;max-width: 1200px;margin: 60px auto;}
#sit_inf_explan ul {list-style: disc;padding-left: 20px;}
#sit_inf_explan ol {list-style: decimal;padding-left: 20px;}
#sit_inf_explan li {margin: 4px auto;}

/* 캡챠-----------------------------------------------------------------------------------------------------------------*/
/* 이미지 어긋남 수정 */
#captcha #captcha_mp3 {background: #c9c9c9 url('../../../img/captcha2.png') no-repeat center 3px;}
#captcha #captcha_reload  {background: #c9c9c9 url('../../../img/captcha2.png') no-repeat center -37px;}


/* 특허/인증-------------------------------------------------------------------------------------------------------------*/
#sub-certifications .gw-certification-list .gw-img-container {cursor: default;}

@media screen and (max-width:1280px){
    /*헤더 - 태블릿 사이즈에서 헤더 모양 깨짐 수정 */
    #hd_wrapper {display:flex;align-items:center;}
    
    /* 인사말 페이지(테마/page/greetings.php) */
    #sub-greetings {padding-top: 20px !important}
    
    /*삼품상세설명 페이지(테마/skin/shop/basic/item.info.skin.php)*/
    #sit_inf_explan img {max-width: 100% !important;height: auto !important;}
    #sit_inf_explan iframe {width: 100%;height: auto;aspect-ratio: 16 / 9;} 
}


@media screen and (max-width:1024px){
    /*메인아코디언제품설명(메인-main_card_accordion_slider.php)*/
    #gw-shop-main-card .gw-sec-container {height: auto;}
    #gw-shop-main-card ul {flex-direction: column;}
    #gw-shop-main-card .card-item {flex:none;height: auto;}
    #gw-shop-main-card .card-item .card-content {position: relative;display: block;}
    #gw-shop-main-card .card-desc {display: block;max-height: 0;overflow: hidden;transition: max-height 0.5x ease, opacity 0.4s ease;}
    #gw-shop-main-card .card-item.active .card-desc {opacity: 1;max-height: max-content;overflow-y: auto;}
    #gw-shop-main-card .card-link-btn {display: inline-flex;margin-top: 15px;}


    /* 인사말 페이지(테마/page/greetings.php) */
    #sub-greetings .gw-sec-container {width: 100%}
}


@media screen and (max-width:768px){
    /* 오시는길 (테마/page/location.php) */
    #sub-location .gw-location-info {flex-direction: column;}
    #sub-location .gw-location-info > li {padding: 25px 20px;}
    #sub-location .gw-location-info > li:not(:last-child) {border-bottom: 1px solid #e5e5e5;}
    #sub-location .gw-location-info > li:not(:last-child):after {display: none;}
    #sub-location .gw-map {height: 440px;}
    #sub-location .gw-map > img {height: 100%;object-fit: cover;}
}


@media screen and (max-width:576px){
    /* 로그인화면 - 자동로그인/아이디비밀번호찾기 */
    #login_info {flex-direction: row;}


    /*메인주요카테고리(메인)*/
    #gw-shop-main-quick .gw-category-list > li {flex: 0 0 calc((100% - 15px) / 2);}
}