/* BASIC css start */
.main_slide img{width: 100%;}
.about_banner img{width: 100%; display: block;}
.contentWrapper{overflow: hidden;}
body{background-color: #FDFBF4;}

.main_slide{overflow: hidden; margin-bottom: 120px; position:relative;}
.main_slide .swiper-slide a{display: block; position: relative;}
.main_slide .txtWrap{position: absolute; left: 380px; top: 50%; transform: translateY(-50%);}
.main_slide .txtWrap>*{color: #fff; display: block;}
.main_slide .txtWrap span{font-size: 30px; font-weight: 500; letter-spacing: -0.64px; margin-bottom: 6px;}
.main_slide .txtWrap strong{font-size: 42px; font-weight: 700; letter-spacing: -0.96px;}
.main_slide [class*="slideBtn"]{position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; cursor: pointer; }
.main_slide [class*="slideBtn"] img{filter: drop-shadow(1px 2px 6px rgba(0,0,0,0.1));}
.main_slide .slideBtn_next{right: 260px;}
.main_slide .slideBtn_prev{left: 260px;}
.main_slide .slideBtn_next img{transform: rotate(180deg);}
.main_slide .slide_pagination{line-height: 20px; background-color: rgba(0,0,0,0.4); width: 50px; color: #fff; left: inherit; text-align: center; border-radius: 99px; bottom: 85px; position: absolute; z-index: 9; right: 100px;}



.quik-menu{gap: 24px; margin: 0 auto 120px; max-width: 1400px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.quik-menu li a{display: block;}
.quik-menu li a img{width: 100%; display: block; margin-bottom: 16px;}
.quik-menu li a span{display: block; text-align: center; font-size: 16px; font-weight: 500; line-height: 140%; color: #555;}


.topWrap{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 32px;}
.topWrap a{font-size: 16px; color: #888; line-height: 23px; font-weight: 500; display: flex; align-items: center; gap: 4px;}
.topWrap a::before{content: '';background: url('https://origo.speedgabia.com/snapskin/img/main/plus_icon.png') no-repeat center / contain; display:block; width: 15px; height: 15px;}
.main_title{font-size: 38px; font-weight: 600; letter-spacing: -0.57px; display: block; font-family: "Cormorant";}

.about_banner{margin-bottom: 120px;}

.best_list_01{margin: 0 auto 120px; max-width: 1400px;}
.best_list_01 .main_title{margin-bottom: 18px;}
.best_list_01 .best_cont > .left{width: 870px; flex-shrink: 0;}
.best_list_01 .best_banner > div a{display: block; position: relative;}
.best_list_01 .best_banner > div a > img{height: 530px; width: 100%;}
.best_list_01 .txtBox{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; position: absolute; width: 100%; bottom: 0; padding: 40px; box-sizing: border-box;}
.best_list_01 .txtBox strong{font-size: 28px; font-weight: 600; line-height: 1.4; color: #fff; display: block; margin-bottom: 4px;}
.best_list_01 .txtBox p{font-size: 16px; font-weight: 400; line-height: 1.4; color: #fff;}
.best_list_01 .simple{display: flex; flex-direction: row; gap: 24px; align-items: center;}
.best_list_01 .simple .thumbnail{max-width: 144px; margin-bottom: 0;}
.best_list_01 .no_wish .normalList:not(:last-of-type){border-bottom: 1px solid #e8e8e8; margin-bottom: 24px; padding-bottom: 24px;}
.best_list_01 .no_wish .normalList .item_txt .name{margin-bottom: 10px;}

.bgGrey{background-color: #F7F5EB; margin-bottom: 120px; padding: 80px 0;}
.bgGrey .event_wrap{max-width: 1400px; margin: 0 auto; position: relative;}
.bgGrey .event_wrap .event_slide{position: relative; overflow: hidden;}
.bgGrey .event_wrap .event_slide .swiper-slide img{margin-bottom: 18px; display: block; width: 100%;}
.bgGrey .event_wrap .event_slide .event_wrap span{display: block; line-height: 1.4; font-size: 24px; font-weight: 600; color: #333; margin-bottom: 4px;}
.bgGrey .event_wrap .event_slide .event_wrap p{font-size: 18px; font-weight: 400; line-height: 1.4; color: #555;} 
.bgGrey .event_wrap [class*="slideBtn_"]{z-index: 9; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.bgGrey .event_wrap [class*="slideBtn_"] img{filter: drop-shadow(0px 2px 10px rgba(0,0,0,0.08));}
.bgGrey .event_wrap .slideBtn_prev{left: -30px;}
.bgGrey .event_wrap .slideBtn_prev img{transform: rotate(-180deg);}
.bgGrey .event_wrap .slideBtn_next{right: -30px;}
.bgGrey .slide_pagination{text-align: center; margin-top: 42px;}


.new_wrap{max-width: 1400px; margin: 0 auto 180px;}
.new_wrap .pr_list_03{display: flex; flex-direction: row; gap: 48px;}
.new_wrap .left{width: 440px; position: relative;}
.new_wrap .left .txt_wrap{position: absolute; bottom: 0; left: 0; padding: 40px; box-sizing: border-box; width: 100%; color: #fff;}
.new_wrap .left .txt_wrap span{font-size: 20px; font-weight: 500; line-height: 1.4; display: block;}
.new_wrap .left .txt_wrap strong{font-size: 28px; font-weight: 600; line-height: 1.4; display: block;}
.new_wrap .left img{width: 100%;}
.new_wrap .right{width: calc(100% - 440px); overflow: hidden;}
.new_wrap .scrollbar_02{height: 4px; background-color: #EFECE1; margin: 32px auto 0; max-width: 1400px;}
.new_wrap .scrollbar_02 .swiper-scrollbar-drag{background-color: #17413C;}


.story_wrap{background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #F7F5EB 50%); display: flex; flex-direction: column; align-items: center; margin-bottom: 120px;}
.story_wrap .txtBox{display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; margin-bottom: 28px; width: 100%; max-width: 1216px;}
.story_wrap .txtBox span{display: block;}
.story_wrap .txtBox span:first-of-type{font-size: 20px; font-weight: 500; margin-bottom: 4px; line-height: 1.4;}
.story_wrap .txtBox span:last-of-type{font-size: 36px; font-weight: 400; font-family: "Mories";}
.story_wrap .txtBox a{display: block;  font-size: 18px; font-weight: 500; line-height: 23px; margin-bottom: 12px;}
.story_wrap .txtBox a::after{margin-bottom: 4px; margin-left: 20px; content: ''; display: inline-block; background-image: url('https://origo.speedgabia.com/snapskin/img/main/arrow_bk.png'); width: 42px; height: 10px; }
.story_wrap > div:last-of-type{padding-bottom: 80px;}
.story_wrap img{max-width: 1216px; width: 100%;}





.exhibition_wrap{max-width: 1400px; margin: 0 auto 120px;}
.exhibition_wrap > div:last-of-type{display: flex; flex-direction: row; gap: 32px;}
.exhibition_wrap .exhibition_list{width:calc((100% - 32px) / 3);}
.exhibition_wrap .exhibition_list a > img{width:100%;}
.exhibition_wrap .exhibition_list > a{margin-bottom: 24px; width: 100%; display: block;}
.exhibition_wrap .exhibition_list > div{display: flex; flex-direction: column;}
.exhibition_wrap .exhibition_list .normalList:not(:last-of-type){margin-bottom: 24px;}
.exhibition_wrap .exhibition_list .normalList a{display: flex; flex-direction: row; gap: 24px;}
.exhibition_wrap .exhibition_list .normalList a .thumbnail{max-width: 144px; margin-bottom: 0 ! important;}

.edit{max-width: 1400px; margin: 0 auto 24px;}
.edit img{width: 100%;}
.edit .slide_full{position: relative;}
.edit .slide_full .swiper-slide{width: 340px; flex-shrink: 0;}
.wrap{scrollbar-width: none; -ms-overflow-style: none;}
.wrap::-webkit-scrollbar {display: none;}
.edit .slide_full .swiper-slide span{display: block; margin-top: 24px;}
.edit .slide_full .swiper-pagination{height: 4px; background-color: #EFECE1; margin: 80px auto 0; position: relative; max-width: 1400px;}
.edit .slide_full .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #17413C;}


.main_tab_menu{display: flex; gap: 16px;}
.main_tab_menu li{font-size: 20px; cursor: pointer; font-weight: 500; color: #CEC9B2;}
.main_tab_menu li.tabLive{font-weight: 600; color: #17413C ;}

.prList_02{max-width: 1400px; margin: 0 auto 120px;}



/* tab menu */
.prList_02,.tabArea{display: none;}
.prList_02.tabAlive,.tabArea.tabAlive{display: block;}
.bgGrey .right div.cont{display: none;}
.bgGrey .right div.tabAlive{display: block;}
.best_list_01 .best_cont{display: none;}
.best_list_01 .best_cont.tabAlive{display: flex; flex-direction: row; gap: 48px; min-height: 543px;}
/* tab menu */

.bgGrey .slide_pagination .swiper-pagination-bullet-active{background-color: #17413C ! important;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    background-color: #E8E3CC; width: 12px; height: 12px; opacity: 1;
}
/* BASIC css end */