@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);

@font-face {
    font-family: 'Swagger';
    src: url('../asset/fonts/SDSwaggerTTF.woff') format('woff'),
    url('../asset/fonts/SDSwaggerTTF.ttf') format('woff2');
    font-weight: 400;
} 

body * {
    box-sizing: border-box;
}

/* animation */
.animated {
    visibility: hidden;
    animation-name: none;
    animation-duration: 1.2s;
    animation-fill-mode: both;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}
.fadeToTop {
    visibility: visible;
    animation-name: fadeToTop;
}
@keyframes fadeToTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeToBottom {
    visibility: visible;
    animation-name: fadeToBottom;
}
@keyframes fadeToBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeToRight {
    visibility: visible;
    animation-name: fadeToRight;
}
@keyframes fadeToRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeToLeft {
    visibility: visible;
    animation-name: fadeToLeft;
}
@keyframes fadeToLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bigscale {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
.bigscale {
    visibility: visible;
    -webkit-animation-name: bigscale;
    animation-name: bigscale;
    animation-duration: 1s;
    transition-timing-function: ease-in-out;
}
@keyframes swing {
    0% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(-3deg);
    }
}
.flating {
    animation: floating linear infinite;
}
@keyframes floating {
    0% {
      transform: translate(0, 0px);
    }
    65% {
      transform: translate(0, 15px);
    }
    100% {
      transform: translate(0, -0px);
    }
}
.flating02 {
    animation: floating02 linear infinite;
}
@keyframes floating02 {
    0% {
      transform: scale(-1, 1) translate(0, 0px);
    }
    65% {
      transform: scale(-1, 1) translate(0, 15px);
    }
    100% {
      transform: scale(-1, 1) translate(0, -0px);
    }
}
.fullGrpah {
    animation-name: fullGrpah;
    visibility: visible;
    animation-duration: 1.8s;
}
@keyframes fullGrpah {
    0% {
        opacity: 0;
        width: 0;
    }
    100% {
        opacity: 1;
        width: 100%;
    }
}
.fullGrpah02 {
    animation-name: fullGrpah;
    visibility: visible;
    animation-duration: 2s;
}
.fullGrpah03 {
    animation-name: fullGrpah;
    visibility: visible;
    animation-duration: 2.4s;
}

.delay200 {animation-delay: 0.2s;}
.delay300 {animation-delay: 0.3s;}
.delay400 {animation-delay: 0.4s;}
.delay500 {animation-delay: 0.5s;}
.delay600 {animation-delay: 0.6s;}
.delay700 {animation-delay: 0.7s;}
.delay800 {animation-delay: 0.8s;}
.delay900 {animation-delay: 0.9s;}
.delay1000 {animation-delay: 1s;}
.delay1200 {animation-delay: 1.2s;}
.delay1300 {animation-delay: 1.3s;}
.delay1400 {animation-delay: 1.4s;}
.delay1500 {animation-delay: 1.5s;}
.delay1600 {animation-delay: 1.6s;}
.delay1800 {animation-delay: 1.8s;}
.delay1900 {animation-delay: 1.9s;}
.delay2000 {animation-delay: 2.0s;}
.delay2200 {animation-delay: 2.2s;}
.delay2400 {animation-delay: 2.4s;}
.delay2600 {animation-delay: 2.6s;}
.delay2800 {animation-delay: 2.8s;}
.delay3000 {animation-delay: 3.0s;}
.delay3200 {animation-delay: 3.2s;}

/* popup */
.pop_bg{
	display:none; 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.6); 
	z-index: 202;
}
.normal_pop_wrap{
	display: none; 
	position: fixed; 
	top: 0;
	left: 0; 
	right: 0; 
	bottom: 0; 
	z-index: 203; 
	overflow-y: auto;
}
.normal_pop{
	position: absolute; 
	top: 50%;
	width: 1200px; 
	left: 0; 
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	background: #fff;
	padding: 100px;
}
.normal_pop .normal_pop_close{
	position: absolute; 
	top: 29px; 
	right: 29px;
	background: #bd191f;
	width: 50px;
	height: 50px;
	font-size: 0;
	text-indent: -9999px;
}
.normal_pop .normal_pop_close:after,
.normal_pop .normal_pop_close:before {
	content:''; 
	display: block;
	position: absolute; 
	top: 24px; 
	width: 50px; 
	height: 2px; 
	background: #fff; 
}
.normal_pop .normal_pop_close:after {transform:rotate(-45deg);}
.normal_pop .normal_pop_close:before {transform:rotate(45deg);}
.normal_pop .normal_pop_title {
    font-size: 24px;
    padding-bottom: 20px;
	color: #bd191f;
}
.normal_pop .normal_pop_desc {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.556em;
	color: #878787;
}

/* nav */
#fp-nav {
    display: block;    
    position: fixed;
    /* top: 12.68%; */
    top: 7%;
    right: 0;
    margin-top: -32px;
    opacity: 1;
    transform: translateY(50%) !important;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 100;
}
#fp-nav.on {
    display: none;
}
#fp-nav.right {
    right: 0;
}
#fp-nav ul {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    width: 188px;
    height: 650px;
    background-color: rgba(22, 22, 25, .86);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#fp-nav ul li, .fp-slidesNav ul li {
    width: unset;
    height: unset;
    margin: 0;
}
/* #fp-nav ul li:nth-child(8) {
    display: none !important;
} */
#fp-nav ul li {
    display: block;
    height: 60px;
    font-family: 'Swagger' !important;
    font-size: 32px;
    text-align: center;
    line-height: 60px;
    border-top: 1px solid #7d7d7e;
}
#fp-nav ul li:first-child {
    display: block;
    content: '';
    width: 100%;
    height: auto;
    padding-top: 158px;
    background: url(/asset/image/2408/quick_menu_logo.png) center 25px no-repeat;
    border-top: none;
}
/* #fp-nav ul li.last {
    display: none;
} */
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    position: unset;
    background: none;
    color: #fff;
}
#fp-nav ul li:hover a.active span, #fp-nav ul li a.active span {
    opacity: 1;
    background: none;
    color: #f2ca30;
}

/* common */
.section .img img {
    width: 100%;
}
.inner {
    position: relative;
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
.inner_1650 {
    position: relative;
    width: 1650px;
    margin-left: auto;
    margin-right: auto;
}
.inner_1020 {
    position: relative;
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
}
.inner_985 {
    width: 100%;
    min-width: 985px;
}

.section {
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.section .img img {width: 100%;}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.jcsb {justify-content: space-between;}

.iScrollIndicator {
    background: none !important;
    border: none !important;
}

/* sec01 */
.sec01 .swiper-container {
    width: 100%;
    height: 100%;
}
.sec01 .rel {
    height: 100%;
}
.sec01 .img01 {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -37%;
    /* bottom: 28.83%; */
    width: 1040px;
    z-index: 2;
}
.sec01 .swiper-container .swiper-slide img {
    max-width: none;
    object-fit: cover;
    height: 100%;
    object-position: left;
}

.sec01 .txt_wrap {
    position: absolute;
    top: 35.87%;
    left: 0;
    right: 0;
    z-index: 3;
    width: 63.02%;
    margin: 0 auto;
}
.sec01 .txt_wrap .txt {
    position: absolute;
    bottom: 0;
    animation: pumping .8s ease-in-out infinite alternate-reverse;
}
@keyframes pumping {
    0% {transform: scale(1);}
    100% {transform: scale(1.1);}
}
.sec01 .txt_wrap .txt01 {
    left: 4.049%;
    width: 16.859%;
}
.sec01 .txt_wrap .txt02 {
    left: 28.925%;
    width: 16.776%;
}
.sec01 .txt_wrap .txt03 {
    right: 28.677%;
    width: 17.851%;
}
.sec01 .txt_wrap .txt04 {
    right: 0;
    width: 24.958%;
}

/* fixed */
.fixed_wrap{width:100vw; min-width: 1600px; height:128px; position:fixed; left:0; bottom:0; z-index:100;}
.fixed{background-image:url("../asset/image/2408/fixed_bg.jpg"); padding:31px 0; overflow:hidden; background-position: 36% center;  background-repeat: no-repeat; background-color: #d41e35;}
.fixed .inner{width:1400px; margin:0 auto;}
.fixed .clearfix {display: flex; justify-content: flex-end;}
.fixed .num{color:#fff; font-size:50px; padding-right:40px; margin:0 auto;}
.fixed .user input,
.fixed .user select{width:208px; height:59px; vertical-align:top; display:inline-block; text-indent:20px; background-color:#d41e35; border:1px solid rgba(255,255,255,0.5); outline:none; font-size:18px; color:#fff;}
.fixed .user input::placeholder{color:#fff;}
.fixed .user input:first-child{border-right:none; margin-right:-4px;}
.fixed .user select{height:59px; color:#fff; vertical-align:top; border-left:none; margin-left:-3px; background-image:url("../asset/image/2408/arrow_fixed.png"); background-repeat:no-repeat; outline:none; background-position:180px 25px;}
.fixed .user_agree{ position:relative; margin-left:30px; margin-top:5px; height: 59px;}
.fixed .agree_txt{position:absolute; left:30px; top:0; width:130px; color:#fff;}
.fixed .user_per{border-bottom:1px solid #fff; padding-bottom:7px; margin-bottom:5px;}
.fixed .user_per a{color:#fff;}
.fixed .agree{color:rgba(255,255,255,0.4);}
/* .fixed.active{position:static !important;} */

.fixed .Q_btn{display:inline-block; background-color:#f9dc30; padding:18px 53px; color:#d41e35; font-size:20px; font-weight: 500; margin-left:180px;}
.new_type_btn .fixed .Q_btn{animation: bigscale02 1.5s ease-in-out infinite;}

/* 체크박스 */
.fixed input[type='checkbox'],
.fixed input[type='checkbox']:checked {appearance:none; width:25px; height:25px; margin-top:10px; background-image:url("../asset/image/2408/chk_off.png");background-size:100%;}

.fixed input[type='checkbox'] {background-color:#d41e35; border: none;}
.fixed input[type='checkbox']:checked {background-image:url("../asset/image/2408/chk_on.png"); background-size:100%;}

/* fixed update 250220 */
/* .fixed_wrap_new {transform: translateY(0);}
.fixed_wrap_new.on {transform: translateY(-128px); transition: transform .3s;} */
.fixed_btn {
    position: fixed;
    top: 684px;
    right: 10px;
    width: 186px;
}
.fixed_wrap .fixed_close_btn {
    position: absolute;
    top: 50%;
    right: 60px;
    width: 26px;
    height: 26px;
    font-size: 0;
    background: url("../asset/image/franAsk-close-btn.png") center center no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
}

/* sec */
.sec02 {background-image: url('../asset/image/2408/sec02_bg.jpg');background-position: top;}
.sec03 {background-image: url('../asset/image/2408/sec03_bg.jpg');}
/* .sec04 {background-image: url('../asset/image/2408/sec04_bg.jpg');} */
.sec05 {
    background-image: url('../asset/image/2408/sec05_bg.jpg');
    background-position: center bottom;
}
/* .sec06 {background-image: url('../asset/image/2408/sec06_bg.jpg');} */
.sec07 {background-image: url('../asset/image/2408/sec07_bg.jpg');}


/* sec02 */
.sec02 .inner_985 {
    width: 100%;
    margin: 0 auto;
    padding-top: 95px;
}
.sec02 .txt, .sec02 .img {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.sec02 .tit {
    width: 633px;
}
.sec02 .txt01 {
    width: 611px;
    margin-top: 40px;
}
.sec02 .con01 {
    margin-bottom: -110px;
}
.sec02 .con01 .img01 {
    width: 983px;
    margin-top: 40px;
}
.sec02 .con01 .img02, .sec02 .con01 .img03,
.sec02 .con01 .img04, .sec02 .con01 .img05 {
    width: 223px;
}
.sec02 .con01 .img_box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    width: 460px;
    left: 49%;
    top: -263px;
}

.sec02 .txt02 {
    width: 726px;
}
.sec02 .con02 {
    display: flex;
    flex-wrap: wrap;
    width: 985px;
    margin: 0 auto;
    margin-top: 42px;
    margin-bottom: 105px;
    gap: 7px 9px;
}

/* sec03 */
.sec03 .inner_985 {
    width: 100%;
    margin: 0 auto;
    padding-top: 115px;
}
.sec03 .txt, .sec03 .img {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.sec03 .tit {
    width: 633px;
}
.sec03 .txt01 {
    width: 936px;
    margin-top: 46px;
    margin-bottom: 20px;
}
.sec03 .con01 {
    display: flex;
    width: 985px;
    margin: 0 auto;
}
.sec03 .con01 .img02, .sec03 .con01 .img03,
.sec03 .con01 .img04, .sec03 .con01 .img05 {
    animation: floating ease-in-out 1.1s infinite;
}
.sec03 .img06 {
    width: 989px;
    margin-top: 22px;
}
.sec03 .con02 .img07 {
    width: 983px;
    margin-top: -12px;
}
.sec03 .con02 .graph_box {
    position: relative;
    top: -239px;
    width: 310px;
    margin: 0 auto;
}
.sec03 .con02 .graph_box._01 {
    left: -198px;
}
.sec03 .con02 .graph_box._02 {
    top: -406px;
    right: -295px;
}
.sec03 .con02 .graph {
    position: relative;
    display: block;
    height: 41px;
    background-color: #939393;
}
.sec03 .con02 .graph_box._02 .graph {
    background-color: #bd191f;
}
.sec03 .con02 .graph01 {
    width: 310px;
}
.sec03 .con02 .graph::after{
    position: absolute;
    right: 10px;
    display: inline-block;
    content: '100%';
    font-family: 'NanumSquareAc', sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}
.sec03 .con02 .graph01::after{
    content: '100%';
    line-height: 41px;
}
.sec03 .con02 .graph02 {
    max-width: 252px;
    height: 39px;
    margin-top: 25px;
}
.sec03 .con02 .graph02::after{
    content: '80%';
    line-height: 39px;
}
.sec03 .con02 .graph03 {
    max-width: 83px;
    height: 39px;
    margin-top: 23px;
}
.sec03 .con02 .graph03::after{
    content: '20%';
    line-height: 39px;
}
.sec03 .con02 .graph_box._02 .graph02 {
    max-width: 197px;
}
.sec03 .con02 .graph_box._02 .graph02::after{
    content: '60%';
    line-height: 41px;
}
.sec03 .con02 .graph_box._02 .graph03 {
    max-width: 139px;
}
.sec03 .con02 .graph_box._02 .graph03::after{
    content: '40%';
    line-height: 41px;
}
.sec03 .con02 .img08 {
    width: 983px;
    margin-top: -320px;
}
.sec03 .con02 .img09 {
    width: 309px;
    top: -81px;
}
.sec03 .con02 .img10 {
    width: 82px;
    left: 1%;
    top: -135px;
    animation: bigscale ease-in-out 1.5s infinite;
}
.sec03 .con02 .img11, .sec03 .con02 .img12 {
    width: 132px;
}
.sec03 .con02 .img11 {
    left: -470px;
    right: unset;
    top: -200px;
    animation: floating ease-in-out 1.2s infinite;
}
.sec03 .con02 .img12 {
    right: -462px;
    left: unset;
    top: -420px;
    animation: floating02 ease-in-out 1.3s infinite;
}
.sec03 .img13 {
    width: 983px;
    margin-top: -272px;
    margin-bottom: 100px;
}

.sec03.new .inner_985 {
    padding-bottom: 73px;
}
.sec03.new .txt01 {
    width: 725px;
    margin-top: 52px;
    margin-bottom: 47px;
}
.sec03.new .con01 .img {
    width: 321px;
}
.sec03.new .con01 .img ~ .img {
    margin-left: 12px;
}
.sec03.new .con01 .img02.on {
    z-index: 3;
    animation: bigscale02 1.5s ease-in-out .9s infinite;
}
.sec03.new .con01 .img.on:not(.img02) {
    transform: scale(.95);
    animation: bigscale03 1.5s ease-in-out .9s infinite;
}
@keyframes bigscale02 {
    0% {transform: scale(1);}
    50% {transform: scale(1.15);}
    100% {transform: scale(1);}
}
@keyframes bigscale03 {
    0% {transform: scale(.95);}
    50% {transform: scale(1);}
    100% {transform: scale(.95);}
}
.sec03.new .con02 {
    margin-top: 101px;
}
.sec03.new .con02 .txt01 {
    width: 966px;
    margin-top: 0;
    margin-bottom: 35px;
}
.sec03.new .con02 .img {
    width: 986px;
}
.sec03.new .con02 .img ~ .img {
    margin-top: 16px;
}

/* sec04 */
/* .sec04 .txt, .sec04 .img {
    position: absolute;
}
.sec04 .tit {
    width: 484px;
    top: 85px;
    left: 0;
    right: 0;
    margin: 0 auto;
} */

.sec04 .inner{
    height: 100%;
    padding-top: 90px;
    padding-bottom: 130px;
}
.sec04 .tit{
    width: 484px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: unset;
    margin-bottom: 34px;
}
.sec04 .txt, .sec04 .img{
    position: relative;
}
.sec04 .txt02{
    display: none;
    width: 51.25%;
    margin: 0 auto;
    margin-top: 20px;
}
.sec04 .tab_btns{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}
.sec04 .tab_btns .btn{
    position: relative;
    width: 15.52%;
    cursor: pointer;
}
.sec04 .tab_btns .btn .on_img{
    position: absolute;
    top: 0;bottom: 0;
    left: 0;right: 0;
    display: none;
    pointer-events: none;
}
.sec04 .tab_btns .btn.on .on_img{
    display: block;
}
.sec04 .swiper_group{
    position: relative;
    margin-top: 25px;
}
.sec04 .swiper_container{
    position: relative;
    width: 68.25%;
    margin: 0 auto;
    opacity: 0;
}
.sec04 .swiper_container .swiper-pagination{
    position: relative;
    display: flex;
    justify-content: center;
    gap: 9px;
}
.sec04 .swiper_container .swiper-pagination-bullet{
    background: #dd1219;
    width: 13px;
    height: 13px;
}
.sec04 .swiper_container._01 .swiper-pagination{
    margin-top: 33px;
}
.sec04 .swiper_container._02 .swiper-pagination{
    margin-top: 33px;
}
.sec04 .swiper_container.on{
    opacity: 1;
    z-index: 2;
}
.sec04 .swiper{
    overflow: hidden;
}
.sec04 .swiper_container._02{
    position: absolute;
    top: 0;bottom: 0;
    left: 0;right: 0;
    z-index: 1;
}

/* sec05 */
.sec05{
    background: #ffe9ca;
}
.sec05 .inner{
    width: 100%;
    min-width: 1200px;
    padding-top: 90px;
}
.sec05 .bg_img{
    position: absolute;
    z-index: -1;
}
.sec05 .bg_img._01{
    top: -80px;
    left: 0;
    width: 23.8%;
}
.sec05 .bg_img._02{
    right: 0;
    top: -100px;
    width: 21.875%;
    z-index: 1;
}
.sec05 .tit{
    position: relative;
    width: 19.74%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.sec05 .txt01{
    width: 46.458%;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 50px;
}
.sec05 .txt02{
    width: 38.49%;
    margin: 0 auto;
}

.sec05 .swiper_container._01{
    margin-top: 90px;
    padding-bottom: 100px;
}
.sec05 .swiper_container._01 .sec05Swiper{
    overflow: visible !important;
}
.sec05 .swiper_container._01 .swiper-slide{
    opacity: .7;
    transition: .5s;
}
.sec05 .swiper_container._01 .swiper-slide.swiper-slide-active{
    position: relative;
    opacity: 1;
    transform: scale(1.3);
    z-index: 2;
}
.sec05 .swiper_container._01 .swiper-slide.swiper-slide-active::after{
    content: "";
    position: absolute;
    top: 0;bottom: 0;
    left: 0;right: 0;
    border: 7px solid #fff;
    pointer-events: none;
}
.sec05 .swiper_container._01 .swiper-pagination{
    position: relative;
    margin-top: 84px;
    display: flex;
    justify-content: center;
    gap: 9px;
}
.sec05 .swiper_container._01 .swiper-pagination-bullet{
    background: #dd1219;
    width: 13px;
    height: 13px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    width: auto;
    top: 37%;
    right: -66px;
    transform: translateX(100%);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    width: auto;
    top: 37%;
    left: -66px;
    transform: translateX(-100%);
}
.swiper-button-prev:after, .swiper-button-next:after{
    color: #544433;
    font-size: 100px;
    cursor: pointer;
}


/* 리뷰 영역 추가 */
.sec10 .review {
    position: relative;
    height: auto;
    padding: 120px 0 0;
    background-color: #fff;
}
.sec10 .review .txt {width: 356px; position: relative; margin: 0 auto 46px;}
.sec10 .review .txt06 {width: 298px; margin: 0 auto;}
.sec10 .review .swiper-wrap {width: 1440px; margin: 0 auto; overflow: hidden;}
.sec10 .review .swiper-container {
    width: 1100px;
    padding: 46px 0 210px;
    position: relative;
    left: 47.5%;
    transform: translateX(-50%);
    overflow: visible;
}
.sec10 .review .swiper-container .swiper-slide {width: 404px; box-shadow: 2px 6px 24px 5px rgba(0,0,0,0.14); transform: scale(.85); transition: .4s; border-radius: 20px;}
.sec10 .review .swiper-container .swiper-slide-active {transform: scale(1); margin: 0 15px 0 35px !important;}
.sec10 .review .swiper-btn {
    width: 56px;
    height: 56px;
    background: url(../asset/image/section5/review_swiper-btn.png) 0 0 no-repeat;
    background-size: contain;
    top: auto;
    bottom: 115px;
    left: 49%;
    right: auto;
    transform: translateX(-50%);
    cursor: pointer;
}
.sec10 .review .swiper-btn.swiper-button-next {
    transform: translateX(50%) scaleX(-1);
    left: auto;
    right: 44%;
}
.sec10 .review .swiper-btn::after {display: none;}
.sec10 .drink {
    position: relative;
    padding: 110px 0 150px;
    background: #ffe8cb;
    overflow: hidden;
}
.sec10 .drink .bg_img._03{
    position: absolute;
    z-index: 1;
    bottom: -30px;
    left: -90px;
    width: 25.67%;
}
.sec10 .drink .swiper_container._02{
    position: relative;
    margin: 0 auto;
    margin-bottom: 130px;
    width: 51.2%;
}
.sec10 .drink .swiper_container._02 .sec05Swiper{
    position: relative;
    width: 100%;
    margin: 0 auto;
    /* background: rgba(0,0,0,0.14); */
    background: linear-gradient(180deg,rgba(0, 0, 0, 0.1) 122%, rgba(0, 0, 0, 0.14) 100%);
    overflow: hidden;
    box-shadow: 2px 0 24px 5px rgba(0,0,0,0.14);
}

.sec10 .drink .txt03{
    width: 46.875%;
    margin: 0 auto;
}
.sec10 .drink .txt04{
    width: 45.833%;
    margin: 0 auto;
    margin-top: 39px;
    margin-bottom: 48px;
}


/* sec06 */
.sec06 .tit{
    width: 462px;
    margin: 0 auto;
}
.sec06 .inner{
    height: 100%;
    max-width: 1020px;
    padding-top: 80px;
}
.sec06 .search_wrap {
    width: 798px;
    margin: 0 auto;
    margin-top: 30px;
    display:flex;
    justify-content: space-between;
}
.sec06 li.box01, .sec06 li.box02, .sec06 li.box03 {
    position: relative;
    width: 243px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #333;
    background: transparent;
}
.sec06 li .input_wrap, .sec06 li.box02 > a, .sec06 li.box03 > a  {
    margin-left: 20px;
    line-height: 50px;
    font-size:18px;
    border: none;
    background: transparent;
    color: #333;
}
.sec06 li .search_btn {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-image: url("../asset/image/2408/m_store_slide_search.png");
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}
.sec06 li .search_btn:before, 
.sec06 li.box02 > a::before, 
.sec06 li.box03 > a::before {
    content: '';
    display: block;
    width: 1px;
    height: 19px;
    background-color: #333;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.sec06 li a.select_btn {
    width: 225px;
    margin-left: 20px;
    display: inline-block;
    background-image: url("../asset/image/2408/m_store_slide_arr.png");
    background-size: 15px 8px;
    background-position: center right 20px;
    background-repeat: no-repeat;
    position: relative;
    z-index: 20;
}
.sec06 li a.select_btn.on {
    background-image: url("../asset/image/2408/m_store_slide_arr_on.png");
}
.sec06 li .select_list {
    position: absolute;
    top: 29px;
    padding-top: 21px;
    left: -1px;
    width: 243px;
    padding-left: 20px;
    background-color: #fff;
    border-radius: 0;
    overflow-x: auto;
    max-height: 150px;
    font-size: 18px;
    z-index: 10;
    border: 1px solid #333;
    border-top: none;
    line-height: 26px;
    border-radius:0 0 10px 10px;
}
.sec06 .map_area {
    margin-top: 30px;
    width: 100%;
    aspect-ratio: 1020 / 547;
    z-index: 1;
    background-color: #86cee6;
    margin-bottom: 50px;
}
.sec06 .map_area img {
    width: auto;
}

/* sec07 */
.sec07, .sec07 .fp-scrollable, .sec07 .fp-scroller {
    overflow: visible;
}
.sec07 .tit{
    position: relative;
    width: 462px;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: 90px;
}
.sec07 .inner{
    height: 100%;
}
.sec07 .img_group{
    width: 100%;
    max-width: 983px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 33px;
    margin: 0 auto;
    margin-top: 92px;
}
.sec07 .img_group .img_box{
    width: calc(25% - 25px);
}

.sec08{
	background-color: #000;
}
.sec08 .fair_container .fair_wrap{
	width: 1200px;
	margin: 50px auto;
}
.sec08 .fair_container .fair_wrap .business_wrap {padding-top: 50px;}
.sec08 .fair_container .fair_wrap .business_wrap .red {color:#E40012;}
.sec08 .fair_container .fair_wrap .business_wrap .fs16 {font-size: 16px; color:#dcb13e;}
.sec08 .fair_container .fair_wrap .business_wrap .pb10 {padding-bottom: 10px;}
.sec08 .fair_container .fair_wrap .business_wrap .business_table {border-top: 2px solid #dcb13e; table-layout: fixed;  width: 100%; margin: 0 auto;  color: #dcb13e;}
.sec08 .fair_container .fair_wrap .business_wrap .business_table tr {border-bottom: 1px solid #dcb13e;}
.sec08 .fair_container .fair_wrap .business_wrap .business_table th,
.sec08 .fair_container .fair_wrap .business_wrap .business_table td{vertical-align: middle;}
.sec08 .fair_container .fair_wrap .business_wrap .business_table th {background-color: rgba(255,255,255,0.1); font-weight: 500; color: #dcb13e; padding: 9px 32px;}
.sec08 .fair_container .fair_wrap .business_wrap .business_table td {padding: 9px 15px;}
.sec08 .fair_container .fair_wrap .business_wrap .business_table td label {line-height: 42px; margin-right: 15px; vertical-align: middle;}
.sec08 .fair_container .fair_wrap .business_wrap .business_table td.date_chk input { vertical-align: middle; margin-right: 5px;}
.sec08 .fair_container .fair_wrap .business_wrap .privacy_info {width: 100%; margin: 20px auto; background-color: rgba(255,255,255,0.2); height: 120px; overflow-y: scroll;}
.sec08 .fair_container .fair_wrap .business_wrap .privacy_info .privacy_info_inner{padding: 20px; }
.sec08 .fair_container .fair_wrap .business_wrap .privacy_info .privacy_info_inner p{font-size: 14px; line-height: 1.588em; color: #dcb13e; }
.sec08 .fair_container .fair_wrap .business_wrap .privacy_info .privacy_info_inner .txt_tit {color: #dcb13e; font-weight: 600; }
.sec08 .fair_container .fair_wrap .business_wrap .basic_input { 
	width: 220px; 
	height: 42px; 
	line-height: 42px; 
	border:1px solid #dcb13e; 
	padding: 0 10px;
	color: #dcb13e;
	background-color: #000;
}
.sec08 .fair_container .fair_wrap .business_wrap .basic_select {
	color: #dcb13e;
	width: 220px;
	height: 42px; 
	line-height: 42px; 
	border: 1px solid #dcb13e; 
	padding: 0 10px; 
	background-image: url('../asset/image/family_arr.png');
	background-repeat: no-repeat; 
	background-position: center right 10px;
	background-color: #000; 
}
.sec08 .fair_container .fair_wrap .business_wrap select:focus,
.sec08 .fair_container .fair_wrap .business_wrap input:focus{
	outline: none;
}
.sec08 .fair_container .fair_wrap .business_wrap .basic_select::after {
	content: '';
	width: 9px;
	height: 6px;
	background-image: url('../asset/image/family_arr.png') 0 0 no-repeat;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.sec08 .fair_container .fair_wrap .business_wrap .basic_btn {	
	padding:0 35px; 
	height: 50px; 
	line-height: 50px;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
}
.sec08 .fair_container .fair_wrap .business_wrap .basic_btn.btn_red {
	background-color: #dcb13e;
	margin-right: 5px;
}
.sec08 .fair_container .fair_wrap .business_wrap .basic_btn.btn_gray {
	background-color: #6F6F6F;
}
.sec08 .fair_container .fair_wrap .business_wrap .btn_wrap{margin-top: 50px; text-align: center;}

/* sec09 */
.sec09 {
    overflow: visible;
    background: #141414;
    padding-bottom: 90px;
}

/* footer */
#footer{background-color:#141414; padding:60px 0; height: 550px; margin-top: 50px;}
#footer .inner{width:1900px; display: flex; justify-content: space-between; padding: 0 200px;}
#footer .left .footer_add{color:#999; line-height:25px; font-size:16px;}
#footer .left .footer_logo{width: 620px; display: flex; align-items: center; justify-content: space-between; padding-bottom:35px;}
#footer .left .footer_logo img {width: auto;}

#footer .right .call{color:#fff; font-size:32px; padding-bottom:50px;}
#footer .right .info a{color:#999; line-height:25px; font-size:16px;}
#footer .right .info .user_p{color:#fff;}
#footer .right .copyright{color:#999; line-height:25px; font-size:16px;}
#footer .gray{color:#fff; opacity:0.15;}
#footer .right{text-align:right;}
#footer .exc_btn {
    display: inline-block;
    width: 120px;
    height: 33px;
    font-size: 14px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
}
#footer .exc_btn:hover {
    color: #000;
    background: #fff;
}
#footer .select {
    width: 144px;
    height: 33px;
    font-weight: 500;
    line-height: 33px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    border: 1px solid #fff;
}
#footer .select .select_tit {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
#footer .select .select_tit::after {
    content: '';
    width: 8px;
    height: 7px;
    background: url('../asset/image/2408/family_arr.png') 0 0 no-repeat;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
#footer .select ul {
    position: absolute;
    bottom: 38px;
    left: -1px;
    width: 144px;
    z-index: 102;
    display: none;
    padding: 5px;
    background-color: #fff;
}
#footer .select:hover {color: #000; background-color: #fff;}
#footer .select:hover .select_tit::after {filter: brightness(0);}
#footer .select.on {color: #000; background-color: #fff;}
#footer .select.on .select_tit::after {transform: translateY(-50%) scaleY(-1); filter: brightness(0);}
#footer .select ul li {
    width: 100%;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    font-size: 12px;
    color: #000;
    font-weight: 600;
}
#footer .select ul li:hover {color: #bd191f;}
#footer .select ul li a, .footer .select ul li a:visited {color: inherit;}
#footer .sns {width: 60px; padding-bottom: 5px; margin-left: -10px;}

/* media-query */
@media screen and (max-width: 1680px) {

}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1280px) {

}