@charset "utf-8";

.is_index > #wrapper_title {display: none;}
#container {width: 100%;max-width: 1920px;}
section {margin: 0 auto !important;width: 100%;max-width: 1280px;}
#container .is_index {margin: 0;padding: 0;}
#main_bn {margin: 0;border: none;max-width: 1920px;}
.w_1280 {position: absolute;bottom: 0;left: 50%;z-index: 10;width: 100%;max-width: 1280px;transform: translateX(-50%);}
/* 배너 변경 후 스타일 변경 */
/* .main_banner_owl + .w_1280 {bottom: 90px;} */
.main_banner_owl + .w_1280 {bottom: 60px;}
.btn_wr {padding: 6px 22px;position:static;background: var(--color-text3);}
.btn_wr .pager-prev, .btn_wr .pager-next {margin: 0;padding: 0;width: 22px;height: 22px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='slider' transform='translate(22 22) rotate(180)'%3E%3Crect id='사각형_87' data-name='사각형 87' width='22' height='22' fill='none'/%3E%3Cpath id='slider-2' data-name='slider' d='M70.632,69.22a1,1,0,0,1,0,1.415l-5,5a1,1,0,0,1-1.415-1.415l4.293-4.293-4.29-4.293a1,1,0,0,1,1.415-1.415l5,5Z' transform='translate(-55.925 -58.925)' fill='%23a1a0a0'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center;}
.btn_wr .pager-prev i, .btn_wr .pager-next i {display: none;}
.btn_wr .pager-next {transform: rotate(180deg);}
#slide-counter {margin: 0 16px;padding: 0;font-size: 18px;line-height: 22px;color: var(--color-white-58);}
#slide-counter strong {color: var(--color-white);}
#slide-counter strong::after {display: inline-block;margin: 3px 12px;width: 3px;height: 3px;background: rgba(255, 255, 255, 0.58);content: '';border-radius: 10px;}
#main_bn .btn_wr button {display: block; border: none;width: 22px; height: 22px; float: left; background-color: transparent; background-repeat: no-repeat; background-position: center;}
.mainbanner_stop { background-image: url("data:image/svg+xml,%3Csvg id='pause' xmlns='http://www.w3.org/2000/svg' width='9' height='14.625' viewBox='0 0 9 14.625'%3E%3Cpath id='pause-2' data-name='pause' d='M9.125,5a1.17,1.17,0,0,1,.8.306,1.008,1.008,0,0,1,.33.739V18.58a1.008,1.008,0,0,1-.33.739,1.187,1.187,0,0,1-1.591,0A1.008,1.008,0,0,1,8,18.58V6.045a1.008,1.008,0,0,1,.33-.739A1.17,1.17,0,0,1,9.125,5Zm6.75,0a1.17,1.17,0,0,1,.8.306,1.008,1.008,0,0,1,.33.739V18.58a1.008,1.008,0,0,1-.33.739,1.187,1.187,0,0,1-1.591,0,1.008,1.008,0,0,1-.33-.739V6.045a1.008,1.008,0,0,1,.33-.739A1.17,1.17,0,0,1,15.875,5Z' transform='translate(-8 -5)' fill='%23a1a0a0' fill-rule='evenodd'/%3E%3C/svg%3E%0A");}
.mainbanner_play {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12.8' viewBox='0 0 11 12.8'%3E%3Cg id='play' transform='translate(1 1)'%3E%3Cpath id='play-2' data-name='play' d='M8,6l9,5.4L8,16.8Z' transform='translate(-8 -6)' fill='%23a1a0a0' stroke='%23a1a0a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");}

.main_banner_owl {position: relative;}
.main_banner_owl .owl-item {min-height: 647px;}
.main_banner_owl .owl-item .item {display: flex;align-items: center;
    /* min-height: 647px; */
}
.main_banner_owl .main_txt_box {position: absolute;top: 20%;left: 50%;width: 100%;max-width: 1280px;transform: translateX(-50%);}
.main_banner_owl .main_txt_box strong { display: block; max-width: 554px;font-size: 46px; font-weight: bold; line-height: 1.4; color: var(--color-black); letter-spacing: -0.92px; word-break: keep-all;}
.main_banner_owl .main_txt_box span {display: block;padding-top: 20px;max-width: 554px;font-size: 24px;font-weight: 500;line-height: 1.4;color: var(--color-text2);letter-spacing: -0.48px; word-break: keep-all;}

.main_banner_owl .main_txt_box .btn_box {display: flex;gap: 16px;margin-top: 60px;}
.main_banner_owl .owl-item .link_detail {display: block;border: 1px solid var(--color-point);width: 165px;height: 54px;font-size: 18px;font-weight: 500;line-height: 52px;color: var(--color-point);text-align: center;letter-spacing: -0.36px;border-radius: 30px;}

.main_banner_owl .owl-item .link_detail:hover {background: var(--color-point);color: var(--color-white);}


/* 상품진열 */
#idx_gift .sct_btn, #idx_gift .sct_10 .sct_bottom {display: none;}
.sct_wrap header {padding: 50px 0 104px;text-align: center;}
.sct_wrap h2 {margin: 0;float: none;font-size: 40px;font-weight: bold;color: var(--color-black);}

#idx_gift .sct_10.lists-row {margin: 0;}
#idx_gift .sct_10 {display: flex;gap: 40px 60px;flex-wrap: wrap;padding: 0;border: none;}
#idx_gift .sct_10 .sct_li {margin: 0;padding: 0;width: calc((100% - 180px) / 4) !important;float: none;}
#idx_gift .sct_10 .sct_img {display: flex;align-items: center;justify-content: center;position: relative;background: url(../../img/seum/bg_gift.png) no-repeat center / cover;filter: drop-shadow(0 8px 24px var(--color-shadow));aspect-ratio: 275 / 203;}
#idx_gift .sct_10 .sct_img::before {display: block;box-shadow: 0 8px 24px var(--color-shadow);position: absolute;top: 0;left: 0;content: '';}
#idx_gift .sct_10 .sct_img img {width: 110px;height: 110px;transition: all 0.3s;}
#idx_gift .sct_10 .sct_img:hover img {transition: all 0.3s;transform: scale(1.2);}
#idx_gift .sct_10 .sct_txt {margin: 40px 0 0;border: none;font-size: 24px;font-weight: 700;text-align: center;word-break: keep-all;}


/* 공지사항 */
#idx_notice {margin-top: 120px !important;padding: 120px 0;max-width: none;background: var(--color-bg-notice);}
#idx_notice .notice_box {margin: 0 auto;width: 100%;max-width: 1280px;}
#idx_notice .left_box {float: left;}
#idx_notice .left_box p {padding: 26px 0 30px;font-size: 24px;font-weight: 500;line-height: 1.4;color: var(--color-text2);letter-spacing: -0.48px;}
#idx_notice .left_box a {padding: 0 20px 0 0;background: url("data:image/svg+xml,%3Csvg id='plus' xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath id='plus-solid' d='M23.5,49a1,1,0,1,0-2,0v4.5H17a1,1,0,1,0,0,2h4.5V60a1,1,0,1,0,2,0V55.5H28a1,1,0,0,0,0-2H23.5Z' transform='translate(-16 -48)' fill='%23686868'/%3E%3C/svg%3E%0A") no-repeat right center;font-size: 18px;font-weight: 500;line-height: 21px;color: var(--color-text);}
#idx_notice .left_box + ul {padding: 47px 82px;box-shadow: 0 8px 24px var(--color-shadow2);width: 848px;min-height: 306px;float: right;background: var(--color-white);border-radius: 40px;box-sizing: border-box;}
#idx_notice .notice {padding: 0;}
#idx_notice .notice::after {display: block;clear: both;content: '';}
#idx_notice .notice li {display: flex;justify-content: space-between;padding: 26px 0 22px;border-bottom: 1px solid var(--color-border);line-height: 26px;}
#idx_notice .notice li:last-child:not(:first-child) {border: none;}
#idx_notice .notice li a { padding: 0;font-size: 22px;font-weight: 500; color: var(--color-text3); color: var(--color-text3);}
#idx_notice .notice li span {font-size: 18px;font-weight: 500;color: var(--color-text);}
#idx_notice .notice li span.new_icon, #idx_notice .mo_go_page, #idx_notice .mo_more {display: none;}

/* 고객상담센터 */
#idx_center {padding: 120px 0;}
#idx_center .cs_center_box {display: flex;justify-content: center; padding: 49px 0;box-shadow: 0 8px 24px var(--color-shadow); line-height: 55px;border-radius: 40px; }
#idx_center .cs_center_box h3 {font-size: 40px;font-weight: bold;color: var(--color-black);}
#idx_center .cs_center_box strong {padding: 0 124px 0 135px ;font-size: 46px;font-weight: bold;color: var(--color-point);}
#idx_center .cs_center_box span {font-size: 18px;font-weight: 500;color: var(--color-text);letter-spacing: -0.36px;}



/* 반응형(MO) */
@media screen and (max-width: 1280px) {
    #main_bn {box-shadow: 0 3px 24px var(--color-shadow);width: 100%;max-width: none;border-radius: 0 0 20px 20px;}
    .main_banner_owl .owl-item .item {display: none;}
    .main_banner_owl .main_txt_box {padding: 58px 16px 110px;position: relative;width: 100%;max-width: none;max-width: 294px;text-align: center;word-break: keep-all;}   
    .main_banner_owl .main_txt_box strong {font-size: 32px;letter-spacing: -0.64px;}
    .main_banner_owl .main_txt_box span {font-size: 20px;font-weight: normal;letter-spacing: -0.4px;}
    .main_banner_owl .main_txt_box .btn_box {justify-content: center;margin-top: 38px;}
    .main_banner_owl .owl-item .link_detail { width: 132px; height: 50px; font-size: 16px; line-height: 48px; letter-spacing: -0.32px; }

    .main_banner_owl + .w_1280 {bottom: 60px;width: 100%;text-align: center;}
    .btn_wr { padding: 0; background: none; }
    .main_banner_owl .owl-item {min-height: 470px;}
    .btn_wr .pager-prev, .btn_wr .pager-next { width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='slider' transform='translate(24 24) rotate(180)'%3E%3Crect id='사각형_87' data-name='사각형 87' width='24' height='24' fill='none'/%3E%3Cpath id='slider-2' data-name='slider' d='M71.59,69.976a1.144,1.144,0,0,1,0,1.617l-5.713,5.713a1.144,1.144,0,0,1-1.618-1.617l4.906-4.906-4.9-4.906a1.144,1.144,0,0,1,1.617-1.618l5.713,5.713Z' transform='translate(-55.925 -58.642)' fill='%23005cf0'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center; }
    #slide-counter {margin: 0 30px;font-size: 0;}
    #slide-counter strong { font-size: 18px; font-weight: bold; color: var(--color-point); }
    #slide-counter strong::after {background: rgba(0, 92, 240, 0.58);}
    #slide-counter span {font-size: 18px;color: var(--color-point);}
    #main_bn .btn_wr button {display: none;}

    .sct_wrap {padding: 0 16px;}
    .sct_wrap header { padding: 72px 0 36px; }
    .sct_wrap h2 {font-size: 28px;font-weight: 700;letter-spacing: -0.56px;}
    #idx_gift .sct_10 {gap: 24px 30px;}
    #idx_gift .sct_10 .sct_li {width: calc((100% - 90px) / 4) !important;}
    #idx_gift .sct_10 .sct_img img { width: 70%; height: auto; }
    
    #idx_notice { margin-top: 0 !important; padding: 72px 16px 0; background: var(--color-white); }
    #idx_notice .left_box { float: none; }
    #idx_notice .left_box h2 { display: block;padding-bottom: 36px; text-align: center; }
    #idx_notice .left_box p { display: none; }
    #idx_notice .left_box + ul { padding: 0; box-shadow: none; width: 100%; min-height: auto; float: none; }
    #idx_notice .notice li {gap: 8px;flex-direction: column; padding: 20px 53px 20px 8px; border-bottom: 1px solid var(--color-border-60); position: relative; line-height: normal;}
    #idx_notice .notice li .mo_go_page {display: block;position: absolute;top: 50%;right: 15px;width: 7px;height: 12px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.001' height='12.002' viewBox='0 0 7.001 12.002'%3E%3Cpath id='slider' d='M70.632,69.22a1,1,0,0,1,0,1.415l-5,5a1,1,0,1,1-1.415-1.415l4.293-4.293-4.29-4.293a1,1,0,0,1,1.415-1.415l5,5Z' transform='translate(-63.924 -63.926)' fill='%23343434'/%3E%3C/svg%3E%0A");transform: translateY(-50%);}
    #idx_notice .notice li:first-child {border-top: 1px solid var(--color-border) !important;}
    #idx_notice .notice li:last-child {border-bottom: 1px solid var(--color-border) !important;}
    #idx_notice .notice li a { overflow: hidden;font-size: 18px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; }
    #idx_notice .notice li span {font-size:16px;font-weight: normal;}
    
    #idx_notice .left_box a {display: none;}
    #idx_notice .mo_more {display: block;margin: 36px auto 0; padding: 10px 46px 10px 32px; border: 1px solid var(--color-point);width: 124px; background: url("data:image/svg+xml,%3Csvg id='plus' xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cpath id='plus-2' data-name='plus' d='M23.5,49a1,1,0,1,0-2,0v4.5H17a1,1,0,1,0,0,2h4.5V60a1,1,0,1,0,2,0V55.5H28a1,1,0,0,0,0-2H23.5Z' transform='translate(-16 -48)' fill='%23005cf0'/%3E%3C/svg%3E%0A") no-repeat right 26px center; color: var(--color-point); border-radius: 20px; }

    #idx_center { padding: 72px 16px; }
    #idx_center .cs_center_box { flex-direction: column; padding: 36px 0; line-height: 1.4; text-align: center; border-radius: 20px; }
    #idx_center .cs_center_box h3 { font-size: 28px; font-weight: 700; letter-spacing: -0.56px; }
    #idx_center .cs_center_box strong {    padding: 18px 0 16px; font-size: 28px; font-weight: 500; letter-spacing: -0.56px; }
    
}

@media screen and (max-width: 768px) {
    #idx_gift .sct_10 {gap: 24px 10px;}
    #idx_gift .sct_10 .sct_li {width: calc((100% - 10px) / 2) !important;}
    #idx_gift .sct_10 .sct_img {box-shadow: 0 8px 24px var(--color-shadow);background: var(--color-white);aspect-ratio: 1 / 1;border-radius: 20px;filter: none;}
    #idx_gift .sct_10 .sct_img img { width: 104px; height: 104px; border-radius: 20px;}

    #idx_gift .sct_10 .sct_txt {margin: 16px 0 0;padding: 0;font-size: 20px;font-weight: 500;letter-spacing: -0.4px;}
    #idx_gift .sct_10 .sct_txt a {color: var(--color-text2);}
}