@charset "utf-8";
/* responsive — max-width 1680 · 1400 · 1280 · 1024 · 900 · 640 */
@media (max-width: 1600px) {
    :root { 
        --container-space: var(--space-30);
        --header-inset-x : var(--container-space);
     }
     /* main */
     .main-product {padding-left: var(--container-space); padding-right: var(--container-space);}
}
@media (max-width: 1280px) {
    :root {
        --header-height : 78px;
    }
    /* header */

    /* main */
    /* content */
    #container.sub-page-body .real-cont .location-contact__item {flex: 1 1 auto;}
    .page-product .product-detail--figma-7392 .product-detail__body--figma-7392 {grid-template-columns: 45% 1fr;}

}
@media (max-width: 1024px) {
    /* header */
#header #gnb { display: none !important; }
.btn-m-menu { display: block; flex-shrink: 0; }
#gnb { display: none; }
.mobile-navigation { display: block; }
.mobile-navigation .home {height: 70px;}
:root { --header-logo-height: 52px; --header-height: 70px;}
/* main */
.main-hero__title { line-height: calc(var(--hero-title-size) * var(--hero-title-leading)); }
.main-hero__slide .main-hero__caption { width: min(692px, calc(100% - 48px)); }

/* footer */
#footer { line-height: 1.5em; }
.footer-info__line, .footer-info__label, .footer-info__value { line-height: 1.5em; }
.footer-inner { grid-template-columns: 1fr; }
.footer-top-btn {width: 56px; height: 56px;}
:root { --footer-info-line-height: 28px; }
/* layout */
.sub-page-head__desc { line-height: 1.65; }
.input { height: 40px; }
:root { --sub-page-head-title-line-height: 1.27; --sub-visual-band-title-line-height: 1.22; }
/* content */
#container.sub-page-body .real-cont .location-contact__list { flex-direction: column; }
#container.sub-page-body .real-cont .location-contact__item + .location-contact__item { border-left: 0; border-top: 1px solid #eeeeee; }
.page-product .product-detail--figma-7392 .product-detail__body--figma-7392 { grid-template-columns: 1fr; }
.page-product .product-detail--figma-7392 .product-detail__visual--col-left, .page-product .product-detail--figma-7392 .product-detail__panel { grid-column: 1; grid-row: auto; }
.page-product .product-detail--figma-7392 .product-detail__visual--col-left { position: static; max-width: 100%; }
.page-product .product-main { padding: 0; }
.page-product .product-detail__body { grid-template-columns: 1fr; grid-template-rows: none; column-gap: 0; }
.page-product .product-detail__media .product-detail__kv, .page-product .product-detail__media .product-detail__visual, .page-product .product-detail__info { grid-column: 1; grid-row: auto; }
.page-product .product-detail__visual { position: static; max-width: 320px; }
.result-group .gall li { width: 25%; }
.goods-photo { width: 45%; }
.goods-info .btns .btn { line-height: 48px; }
.goods-info .btns .btn img { height: 48px; }
.shop-guide .tit h4 { width: 130px; }
.shop-guide .qa dt { width: 220px; }
:root { --product-tab-line-height: 28px; --product-figma7392-title-line-height: 1.35; --product-figma7392-model-line-height: 1.65; --product-figma7392-section-title-line-height: 1.4; }
/* board */
.board-search .search input.input { width: 240px; }
.board-list colgroup col { width: auto !important; }
.simple-list .link-item .num { max-width: 80px; }
.simple-list .link-item .num .notice { width: 48px; height: 48px; }
.simple-list .link-item .arrow { max-width: 80px; }
.news-list .thumb { width: 200px; }
.faq .tit a:after { top: 14px; }
.faq .q { flex: 0 0 32px; width: 32px; height: 32px; line-height: 32px; }
.calendar-head .cal-btn { width: 40px; height: 40px; }
.calendar table td { height: 110px; }
.calendar ul li:before { top: 7px; }
.btn-pack.medium { height: 40px; line-height: 38px; }
.btn-pack.large { min-width: 140px; height: 50px; line-height: 48px; }
.product-list ul li { width: 25%; }
.product-image { width: 350px; }
.store-search .map-area { width: 280px; }
.store-search .map-img .local { line-height: 22px; }
}
@media (max-width: 900px) {
/* header */
#header, #header .contain { height: var(--header-height); min-height: var(--header-height); }
#header #gnb > ul > li > a { height: var(--header-height); }
.mobile-navigation { width: min(320px, 88vw); }
.mobile-navigation .home {height: 56px;}
:root { --header-height: var(--header-height-md); --header-logo-height: 46px; }
/* main */
body:has(.main-hero), body:has(.main-product) { overflow-x: clip; }
.main-hero__title { line-height: calc(var(--hero-title-size) * var(--hero-title-leading)); }
.main-hero__slide .main-hero__caption { width: min(692px, calc(100% - 40px)); }
.main-product__layout { grid-template-columns: 1fr; align-items: start; max-width: none; }
.main-product__layout > .main-product__photo { order: 1; max-width: none; align-self: start; }
.main-product__panel { order: 2; min-height: 0; max-width: none; align-self: start; }
.main-product__head .main-product__title { line-height: var(--main-product-title-line-height, 1.25); }
.main-product__name { line-height: var(--main-product-name-line-height, 1.2); }
.main-product__desc { line-height: var(--main-product-desc-line-height); }
:root { --main-product-title-line-height: 1.25; --main-product-name-line-height: 1.2; --main-product-desc-line-height: 1.7; --main-product-tab-line-height: 26px; }
.main-product__head .main-product__title { line-height: var(--main-product-title-line-height, 1.25); }
.main-product__name { line-height: var(--main-product-name-line-height, 1.2); }
.main-product__desc { line-height: var(--main-product-desc-line-height); }
.main-product__tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.main-product__tabs::-webkit-scrollbar { display: none; }
.main-product__tabs > li { flex: 0 0 auto; }
.main-product__foot { flex-wrap: wrap; }
:root { --hero-dot-active-width: 26px; --main-product-desc-line-height: 1.65; --main-product-tab-line-height: 24px; --main-product-tab-height: 44px; }
/* footer */
.footer-top { flex-direction: column; align-items: flex-start; }
.footer-nav { justify-content: flex-start; }
.footer-top-btn { align-self: flex-end; }
.footer-info { min-height: auto;}
.footer-info__line { line-height: 1.5em; }
.footer-info__line--cols { white-space: normal; display: flex; flex-wrap: wrap; gap:3px var(--space-10);}
.footer-info__gap { display: none; }
.footer-info__line--cols .footer-info__label { display: block; }
.footer-info__line--cols .footer-info__label:first-child { margin-top: 0; }
.footer-brand img { height: 48px; }
#footer p.copyright { line-height: 1.5em; }
#footer .copyright { text-align: left; }
/* layout */
.sub-visual:not(.sub-visual--band) { margin-top: var(--header-height); height: 200px; }
.sub-visual.sub-visual--band { height: var(--sub-visual-height-fluid, var(--sub-visual-height, 480px)); min-height: var(--sub-visual-height-fluid, var(--sub-visual-height, 480px)); }
.sub-visual.sub-visual--band .sub-visual__title { line-height: clamp(34px, 6.1vw, 78px); }
.sub-visual.sub-visual--band .sub-visual__tabs { position: static; transform: none; margin-top: 20px;;}
.sub-visual.sub-visual--band .sub-visual__inner {padding-bottom: 30px;}
.sub-page-head__title { line-height: var(--sub-page-head-title-line-height, 1.27); }
.sub-page-head__desc { line-height: 1.6; }
.lnb-wrap .contain { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.only-desktop { display: none; }
.only-tablet { display: block; }
.sub-visual { margin-top: var(--header-height); height: 180px; }
.lnb ul { flex-wrap: nowrap; overflow-x: auto; }
/* content */
.page-product .product-detail--figma-7392 .product-part-section__grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.page-product .product-detail--figma-7392 .product-part-section__grid--4 .product-part-section__caption { line-height: var(--product-figma7392-part-caption-line-height, 34px); }
.page-product .product-accessory__list { grid-template-columns: 1fr; }
.page-product .product-tabs, .page-product .product-tabs--figma7522 { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.page-product .product-tabs::-webkit-scrollbar { display: none; }
.page-product .product-tabs .product-tab { flex: 0 0 auto; }
:root { --location-contact-label-line-height: 28px; --location-contact-value-line-height: 26px; }
/* board */
.gallery-list ul li { width: 33.33333333%; }
.event-list ul li { width: 50%; }
.store-search .map-area { display: none; }
.store-search .search-area h3 { text-align: center; }
}
@media (max-width: 640px) {
/* header */
#header, #header .contain { height: var(--header-height); min-height: var(--header-height); }
:root { --header-height: var(--header-height-sm); --header-logo-height: 42px; }
:root { --header-height: var(--header-height-xs); --header-logo-height: 36px; }
/* main */
.main-hero__slide .main-hero__caption { width: calc(100% - 32px); padding: 0;}
.main-hero__title { line-height: 1.45; font-size: 26px;}
.main-product__pager-btn { width: 44px; height: 44px; }
:root { --hero-dot-size: 6px; --hero-dot-active-width: 22px; --main-product-desc-line-height: 1.6; }
/* layout */
.sub-visual:not(.sub-visual--band) { height: 160px; }
.sub-visual.sub-visual--band { height: var(--sub-visual-height-fluid, var(--sub-visual-height, 480px)); min-height: var(--sub-visual-height-fluid, var(--sub-visual-height, 480px)); }
.only-desktop-tablet { display: none; }
.only-tablet { display: none; }
.only-mobile { display: block; }
.sub-visual { height: 140px; }
.input { height: 38px; }
select.input { background-position: right 8px center; background-size: 12px auto; }
/* footer */
#footer .contain.footer-inner {position: relative;}
.footer-top-btn {position: absolute; top: 0; right: var(--header-inset-x); width: 50px; height: 50px;}
.footer-info__gap {display: block; width: 100%;}
/* content */
#container.sub-page-body .real-cont .location-map {height: 320px;}
.root_daum_roughmap .wrap_map, .root_daum_roughmap {height: 100% !important; }
.input.datepicker { background-image: url("../images/bbs/datepicker_icon_x2.png"); background-size: 22px auto; }
.ui-datepicker-prev, .ui-datepicker-next { background-size: 8px auto; }
.ui-datepicker-prev { background-image: url("../images/bbs/datepicker_prev_x2.png"); }
.ui-datepicker-next { background-image: url("../images/bbs/datepicker_next_x2.png"); }
.ui-datepicker-trigger { width: 38px; height: 38px; }
.page-product .product-detail--figma-7392 .product-detail__un--figma-7665 { height: auto; min-height: 56px; border-radius: var(--product-figma7665-un-radius, 12px); }
.page-product .product-detail--figma-7392 .product-detail__un--figma-7665 .product-detail__un-code { line-height: 20px; }
.page-product .product-detail__title { line-height: 34px; }
.form-agree .scroll-box { max-height: 110px; overflow: auto; }
.result-group .gall li { width: 50%; }
.login-tab { border-bottom-width: 2px; }
.login-tab ul li { border-width: 2px; }
.login-tab ul li a { line-height: 46px; }
.login-content .group .input { height: 48px; }
.sns-login img { width: 44px; }
.terms-wrap .policy-contact { display: block; }
.terms-wrap .policy-contact dl { border-left: 0; border-top: 1px solid #e5e5e5; }
.terms-wrap .policy-contact dl:first-child { border-top: 0; }
.join-form table tbody { display: block; }
.join-form table tr { display: block; }
.join-form table th { display: block; border: 0; text-align: left; padding: 0; background: none; }
.join-form table td { display: block; border: 0; padding: 0; }
.join-form .help-text { display: block; clear: both; margin-left: 0; line-height: 1.5em; }
.join-form #user_id { float: left; width: calc(100% - 90px) !important; }
.join-form #user_pw, .join-form #user_pw2, .join-form #user_name { width: 100% !important; }
.join-complete .icon { width: 110px; height: 110px; background-size: 48px; }
.find-tab { border-bottom-width: 2px; }
.find-tab ul li { border-width: 2px; }
.find-tab ul li a { line-height: 46px; }
.find-content .group .input { height: 48px; }
.member-leave .form .group .label-tt { width: 80px; }
.agree-wrap .agree-tit .checkbox label:before { background-image: url("../images/member/checkbox_x2.png"); background-size: 11px auto; }
.agree-wrap .agree-tit .checkbox input:checked + label:before { background-image: url("../images/member/checkbox_on_x2.png"); }
.agree-wrap .agree-box { max-height: 130px; }
.agree-wrap .agree-box .terms-wrap { line-height: 1.4em; word-break: break-all; }
.join-form #user_id + .btn-pack { width: 90px; text-align: center; }
/* board */
.comment-write { position: relative; }
.comment-write .byte { position: absolute; bottom: 15px; left: 12px; }
.comment-write .write { display: block; }
.comment-write .write textarea { display: block; width: 100%; height: 65px; margin-right: 0; }
.comment-write .write .btn { text-align: right; }
.comment-item.comment-reply { background-image: url("../images/bbs/icon_reply_x2.png"); background-position: 3px 18px; background-size: auto 13px; }
.comment-ctr .bar { vertical-align: middle; }
.comment-input textarea { height: 48px; }
.product-summary { display: block; }
.board-search { display: flex; flex-direction: column; }
.board-search .total-page { order: 3; float: none; }
.board-search .cate { float: none; order: 1; margin-left: 0; margin-bottom: 5px;}
.board-search .cate .input { display: block; width: 100%; }
.board-search .search { float: none; order: 2; display: flex; }
.board-search .search .input { flex: 1 1 auto; min-width: 0; width: 1%; }
.board-list { display: none; }
.board-list-m { display: block; }
.simple-list .link-item .num { max-width: 50px; }
.simple-list .link-item .num .notice { width: 40px; height: 40px; }
.simple-list .link-item .arrow { display: none; }
.gallery-list ul li { width: 50%; }
.card-list { grid-template-columns: repeat(2, 1fr); }
.card-list .link-item { border-radius: 10px; }
.news-list .thumb { width: 38%; }
.news-list .tit { max-height: 2.8em; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-list .txt { max-height: 3em; -webkit-line-clamp: 2; }
.news-list .date { display: none; }
.event-list ul li { width: 100%; }
.faq .tit a:after { display: none; }
.faq .q { flex: 0 0 26px; width: 26px; height: 26px; line-height: 26px; }
.calendar-head .cal-btn { width: 34px; height: 34px; background-size: 9px auto; }
.calendar-head .cal-prev { background-image: url("../images/bbs/cal_prev_x2.png"); }
.calendar-head .cal-next { background-image: url("../images/bbs/cal_next_x2.png"); }
.calendar table td { height: 60px; }
.calendar ul li { padding-left: 0; }
.calendar ul li:before { display: none; }
.board-white table { display: block; border-top: 0; border-bottom: 0; }
.board-white table tbody { display: block; }
.board-white table tr { display: block; }
.board-white table th { display: block; border: 0; text-align: left; padding: 0; background: none; }
.board-white table td { display: block; border: 0; padding: 0; }
.board-white .editor { padding: 0; }
.board-white #user_name { max-width: 100% !important; }
.board-form table tbody { display: block; }
.board-form table tr { display: block; }
.board-form table th { display: block; border: 0; text-align: left; padding: 0; background: none; }
.board-form table td { display: block; border: 0; padding: 0; }
.board-prev-next dt { width: 70px; }
.btn-pack.small { height: 26px; line-height: 24px; }
.btn-pack.medium { height: 38px; line-height: 36px; }
.btn-pack.large { min-width: 120px; height: 42px; line-height: 40px; }
.btn-pack.xlarge { min-width: 120px; height: 50px; line-height: 48px; }
.btn-pack.comment { width: 80px; height: 32px; }
.paginate a, .paginate strong { width: 30px; height: 30px; line-height: 30px; }
.paginate a.direction { margin: 0; }
.product-list ul li { width: 50%; }
.product-image { width: 100%; }
.product-info { width: 100%; }
.store-search { padding: 0; }
.store-search .search-area h3 { background: #f4f4f4; }
.store-search .search-area dl { display: block; }
.store-search .search-area dl dt { width: auto; }
.store-search .search-area dl dd { width: auto; }
.store-search .search-area input.input { width: calc(100% - 74px); }
.store-search .search-area select.input { width: calc(50% - 39px); }
.store-search .search-area .btn-pack.medium { width: 70px; }
}