/* BASIC css start */
#sec8{width:100%; padding-top:220px; background:#f3f4f5; margin:0 auto;text-align:center;}
#sec8 .tit_area {position:relative; overflow:hidden; width:fit-content; margin:0 auto; padding:0 150px; text-align:center;--posX:30;}
#sec8 .tit_area .bar {}
#sec8 .tit_area .bar .l_bar {left:30%; position:absolute; top:50%; width:28px;height:112px;transform:translateY(-50%);animation: barMove .5s ease-in-out 0.2s 1 forwards;}
#sec8 .tit_area .bar .r_bar {right:30%; position:absolute; top:50%; width:28px;height:112px;transform:translateY(-50%);animation: bar1Move .5s ease-in-out 0.2s 1 forwards;}
#sec8 .tit_area .desc {color:#2B2E43; text-align:center; font-size:1.725rem; font-weight:600; line-height:1.4; }
#sec8 .tit_area .desc .box {padding:0 4px; color:#fff; background:#355BF5;}
#sec8 .tit_area .ct_tit {margin-top:10px; font-size:3.725rem; line-height:1.5; font-family: 'FlightSans-Regular', sans-serif;color:#2B2E43;}
#sec8 .tit_area .ct_tit span{font-family: 'FlightSans-Bold', sans-serif;}
#sec8 .line {width:1px; height:3.5rem; background:#999; display:inline-block; margin:30px 0;}
#sec8 .ct_txt {margin-bottom:2rem; font-size:1.25rem; line-height:1.5; text-align:center; width:100%; font-family: 'FlightSans-Regular', sans-serif; color:#787878;}
#sec8 .sub_txt {margin:5rem 0 2rem; font-size:1.2rem; line-height:1.4; text-align:center; width:100%;}
#sec8 .sub_txt .tit {font-size:2rem; line-height:5rem; font-family: 'FlightSans-Bold', sans-serif; color:#355BF5;}
#sec8 .sub_txt .txt{background:#E0FFFF; line-height:1.4; display:inline-block;padding:0 5px; font-family: 'FlightSans-Bold', sans-serif;}
#sec8 .custom_bg {width:100%; padding-top:50px;text-align:center;}
#sec8 .custom_bg img{width:75%;} 
@keyframes barMove {
  from {
    transform: translateY(-50%) translateX(0);
  }
  to {
    transform: translateY(-50%) translateX(-250px);
  }
}

@keyframes bar1Move {
  from {
    transform: translateY(-50%) translateX(0);
  }
  to {
    transform: translateY(-50%) translateX(250px);
  }
}



.cust {padding:9rem 0 0;position:relative;}
.cust .line {position:absolute; width:1px; height:6.75rem; background:#787878; top:-4.5rem; left:50%; transform:translateX(-50%); margin:1rem 0; display:inline-block;}
.cust .tit_area {text-align:center; }
.cust .tit_area h2 {line-height:1.3; font-size:2.75rem; margin-bottom:14px; font-family: 'FlightSans-Bold', sans-serif; position:relative; display:inline-block;}
.cust .tit_area h2 span {background:#E0FFFF; display:inline-block; padding:0 7px;}
.cust .tit_area p {color:#191919; font-size:1.215rem; font-weight:400; line-height:1.8;}
.cust .con {padding:50px 0 0; position:relative; }
.cust .con .con_2, .cust .con .con_3{padding:50px 0;}
.cust .con .con_1 {padding:50px 0 0;}
.cust .con .con_4 {padding:0;}
.cust .con .con_5 {padding:0 0 50px;}
.cust .con .con_2 {background:#f5f7f9;}
.cust .con .con_inner {display:flex; justify-content:space-between; gap:4.6875vw; margin:0 auto; padding:22px; max-width:1600px;}
.cust .con .con_inner .num {width:19.375%; color:#191919; font-family:NanumMyeongjo; font-size:28px; font-style:normal; font-weight:700; line-height:normal;}
.cust .con .con_inner .txt_wrap {width:33.125%;}
.cust .con .con_inner .txt_wrap .sub01 {color:#191919; font-size:1.875rem; line-height:1.6; font-family: 'FlightSans-Bold', sans-serif;}
.cust .con .con_inner .txt_wrap .txt01 {margin-top:30px; color:#555; font-size:1.25rem; font-family :'FlightSans-Regular', sans-serif;line-height:1.6;word-break:keep-all;}
.cust .con .con_inner .txt_wrap .txt01 span {font-weight:600;}
.cust .con .con_inner .txt_wrap .sub02 {color:#191919; font-size:1.875rem; line-height:1.6; font-family: 'FlightSans-Bold', sans-serif; padding-top:10px;}
.cust .con .con_inner .txt_wrap .txt02 {margin-top:30px; color:#555; font-size:1.25rem; font-family :'FlightSans-Regular', sans-serif; line-height:1.5;word-break:keep-all;}
.cust .con .con_inner .txt_wrap .txt02 span {font-weight:600;}
.cust .con .con_inner .txt_wrap01 {width:75.25%;}
.cust .con .con_inner .txt_wrap01 .sub01 {color:#191919; font-size:1.875rem; line-height:1.6; font-family: 'FlightSans-Bold', sans-serif;}
.cust .con .con_inner .txt_wrap01 .txt01 {margin:20px 0; color:#555; font-size:1.25rem; font-family :'FlightSans-Regular', sans-serif; line-height:1.6;word-break:keep-all;}
.cust .con .con_inner .txt_wrap01 .txt01 span {font-weight:600;}
.cust .con .con_inner .img_area {width:36.75%; overflow:hidden;}
.cust .con .con_inner .img_area img {width:100%; object-fit:cover;}
.blue {color:rgb(0,66,255) !important; font-family: 'FlightSans-Regular', sans-serif !important; display:block; font-size:1.25rem; line-height:2.2;}






/* sec11 */
#sec11{ padding:150px 0 200px; width:100%; overflow: hidden; background:#fff;/*background:rgb(247 242 234);*/}
#sec11 .subTx{font-size: 1.5rem;  color: #191919; font-weight: 300;  letter-spacing: -.5px;  padding-bottom:8rem;line-height:1.5; text-align:center;}
#sec11 .mainTx {font-size: 2.75rem;  line-height: 2.5;  letter-spacing: -0.2px; text-align:center; font-family: 'FlightSans-Bold', sans-serif; color:#333;}
#sec11 .sec11_banner{margin: 0 auto;/*max-width: 1920px;*/}
#sec11 .sec11_banner .swiper{overflow: visible !important;}
#sec11 .sec11_banner .swiper ul{}
#sec11 .sec11_banner .swiper ul li {height:40%;background:no-repeat center center; background-size: cover; position:relative; text-align:center;}
#sec11 .sec11_banner .swiper ul li a{display: block; width: 100%; height: 100%; position:relative;}
#sec11 .sec11_banner .swiper ul li a .bg{position:absolute; top:40%; left:0px; transform: translateY(-50%);font-size:5.5vw; font-weight:700;color:rgba(0,0,0,0.05);text-align:center; width:100%; letter-spacing:-0.05em;}
#sec11 .sec11_banner .swiper ul li a img {width:50%; filter: drop-shadow(rgba(0, 0, 0, 0.15) 7px 7px 10px);}
#sec11 .sec11_banner .swiper ul li a p{ color: #191919;background:#fff; padding-top:40px;}
#sec11 .sec11_banner .swiper ul li a p .tit{font-size: 20px; display:block; padding-bottom:15px; letter-spacing: -.2px; font-weight:400;font-family: 'FlightSans-Regular', sans-serif;}
#sec11 .sec11_banner .swiper ul li a p .tit_tag{ font-size:2rem; /*padding-bottom:35px;*/display:block; font-weight:700;font-family: 'FlightSans-Bold', sans-serif;}
#sec11 .sec11_banner .swiper ul li a p .tit_text{font-size: 1.25rem; padding:40px 20px 0; display:inline-block; width:60%; opacity:0.8; font-family: 'FlightSans-Regular', sans-serif; word-break:keep-all; line-height:1.5;}
#sec11 .swiper-slide{transform: scale(.9);opacity:.45; }
#sec11 .swiper-slide.swiper-slide-active{opacity:1 !important; transform: scale(1.1);}
#sec11 .slide_move{position: absolute;top: calc(50% - 2rem); left:50%; width:50vw;transform: translate(-50%,-50%);z-index: 2;}
#sec11 .swiper_btn_prev{position: absolute; top: 50%; left: -50px; right:auto; z-index: 10;cursor: pointer;}
#sec11 .swiper_btn_next{position: absolute; top: 50%; right: -50px; left:auto; z-index: 10; cursor: pointer;}






#sec2 .swiper{padding-bottom:0px;}
#sec2 .swiper ul{margin-bottom:15px;}
#sec2 .swiper ul li{width: 90%; }
#sec2 .swiper ul li .img_sec{ }
#sec2 .swiper ul li .img_sec a{display: block;position:relative;/*border-radius:10px;*/}
#sec2 .swiper ul li .img_sec a img{width: 100%; transition:all .3s}
#sec2 .swiper ul li .img_sec a i{position:absolute; font-size:50px; line-height:220px;color:rgba(255,255,255,.0); text-align:center; display:block; width:100%; height:100%; transition:all .3s; font-weight:light;}
#sec2 .swiper ul li .img_sec a:hover i {background:rgba(0,0,0,.5); /*text-shadow: 0px 0px 10px #b690f4;*/ font-size:70px; color:rgba(255,255,255,.9)}
#sec2 .swiper ul li .text_sec{padding: 25px 0; width: 100%;}
#sec2 .swiper ul li .text_sec p{line-height: 1.2;word-break:keep-all;}
#sec2 .swiper ul li .text_sec p.big{font-size: 19px;color: #000; margin-bottom: 10px; font-weight:700;}
#sec2 .swiper ul li .text_sec p.small{color: #8d8d8d; font-size: 15px; font-weight: 400;}
#sec2 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 2px; background-color: rgba(0,0,0,.09);width:100%;}
#sec2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: rgb(0,66,255);}
.fa-angle-right::before{content:"";}







.sect {padding:11rem 0 3rem; background:#f9f9f9;}
.sect .in {width:1600px; position:relative; max-width:100%; padding:0 2rem; margin:0 auto;}
.sect .in .tit_wrap {margin-bottom:50px;}
.sect .in .tit_wrap .main_tit {position:relative;text-align:center;}
.sect .in .tit_wrap .main_tit .tit {font-size:2.75rem; font-family: 'FlightSans-Bold', sans-serif; }
.sect .in .tit_wrap .main_tit .txt {margin-top:1.125em; font-weight:300; font-size:1.25rem; opacity:1; line-height:1.5;font-family: 'FlightSans-Regular', sans-serif;}
.sect .in .tit_wrap .re_wrap {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); width:40%; gap:0 1.3rem;}
.sect .in .tit_wrap .re_wrap a { padding:1.3rem 0 0 1.7rem; color:#fff; height:7.5rem; display:block; border-radius:1rem; font-size:1.1rem; font-family: 'FlightSans-Regular', sans-serif; line-height:1.5; position:relative; border:1px solid #ddd; transition:all .3s;}
.sect .in .tit_wrap .re_wrap a.call{background:#724bcd;}
.sect .in .tit_wrap .re_wrap a.store{background:#2871fa;}
.sect .in .tit_wrap .re_wrap a p {display:inline-block;}
.sect .in .tit_wrap .re_wrap a p i{padding-left:5px;}
.sect .in .tit_wrap .re_wrap a p font{font-family: 'FlightSans-Bold', sans-serif; }
.sect .in .tit_wrap .re_wrap a img{width:20%; position:absolute; right:1.5rem; bottom:1.2rem;}
.sect .in .tit_wrap .re_wrap a .call {font-size:1rem; line-hight:2;}
.sect .in .tit_wrap .re_wrap a .goto {display:inline-block; padding-bottom:.5em; margin-top:5px;border-bottom:1px solid #1c1c1c; color:#1c1c1c; font-size:1rem; font-weight:600; line-height:1em; transition:border-color 0.25s, color 0.25s;}
.sect .in .tit_wrap .re_wrap a:hover {background:#333; box-shadow:0 0 20px 0 rgba(0,0,0,0.12);}



.sect .in .cont {width:100%; margin:6rem auto 8rem; display:block !important;}
.sect .in .cont .pin-spacer { max-width:1600px; position:relative; padding-block:10px; margin-right:unset; }
.sect .in .cont .pin-spacer .img_box {position:relative; height:100%; z-index:1; display:flex; width:100%; justify-content:space-between; align-items:center;}
.sect .in .cont .pin-spacer .img_box>div {box-shadow:0px 2px 8px rgba(145,155,185,.20); width:20%; top:0; border-radius:20px; background-color:#fff;transition:all .3s; border:1px solid #fff; position:relative;}
.sect .in .cont .pin-spacer .img_box>div:not(:first-of-type) {margin-left:min(2rem, 5vw);}
.sect .in .cont .pin-spacer .img_box>div:not(:first-of-type):after {content:"→"; position:absolute; top:0; bottom:0; left:max(-3rem, -3.2vw); width:40px; height:40px; line-height:38px; text-align:center; border-radius:100%; color:rgb(0,66,255); margin:auto; font-size:2rem; border:1px solid rgb(0,66,255); background-color:#fff; padding:10px; z-index:1;box-shadow:0px 2px 8px rgba(145,155,185,.20);transition:all .3s; }
.sect .in .cont .pin-spacer .img_box>div:hover:after {background-color:rgb(0,66,255); color:#fff; transform:translateY(-20%); animation: arrowMove .2s ease-in-out infinite alternate;animation-delay: 0.2s; }
.sect .in .cont .pin-spacer .img_box>div:hover {position:relative; transform:translateY(-20px); border:1px solid #0042ff;}
.sect .in .cont .pin-spacer .img_box>div:hover .txt_box{}
.sect .in .cont .pin-spacer .img_box>div .txt_box {display:flex;flex-direction:column;justify-content:space-between;height:400px; padding:35px 30px 30px; position:relative; transition:all .3s;background-color:#fff; border-radius:20px;}
.sect .in .cont .pin-spacer .img_box>div .txt_box .num {display:flex; letter-spacing:.5px; align-items:center; justify-content:center;font-family: 'FlightSans-Bold', sans-serif;  border-radius:25px; margin-bottom:12px; width:80px; height:28px; font-size:13px; background-color:#355BF5; color:#fff;padding:3px 8px;}
.sect .in .cont .pin-spacer .img_box>div .txt_box .tit {word-break:keep-all;height:100px; font-family: 'FlightSans-Bold', sans-serif; font-size:1.5rem; line-height:1.4; color:#2b2e43; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
.sect .in .cont .pin-spacer .img_box>div .txt_box .img {width:100%;text-align:right;}
.sect .in .cont .pin-spacer .img_box>div .txt_box .img img{width:40%; padding-right:10px;}
.sect .in .cont .pin-spacer .img_box>div .txt_box .txt {word-break:keep-all;position:relative; display:block; border-bottom:1px solid #d8d8d8;padding-bottom:20px; font-size:1rem; color:#555; line-height:1.4;}
.sect .in .cont .pin-spacer .img_box>div .txt_box .time {font-size:14px; font-weight:600; line-height:1.5; }

@keyframes arrowMove {
  from {
    transform: translateY(-20%) translateX(0);
  }
  to {
    transform: translateY(-20%) translateX(-8px);
  }
}




.step_tit {max-width:1600px; width:100%; margin:120px auto 0; display:flex; justify-content:space-between; }
.step_tit .tit_wrap {margin-bottom:50px; text-align:left;}
.step_tit .tit_wrap .main_tit {position:relative;}
.step_tit .tit_wrap .main_tit .tit {display:inline-block; font-size:2.5rem; font-family: 'FlightSans-Bold', sans-serif; color:#173348;}
.step_tit .tit_wrap .main_tit .txt {margin-top:1em; font-weight:400; font-size:1.325rem; opacity:.7; line-height:1.4;}
.step_tit .re_wrap {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); width:40%; gap:0 1.3rem;}
.step_tit .re_wrap a { padding:1.3rem 0 0 1.7rem; color:#fff; height:7.5rem; display:block; border-radius:1rem; font-size:1.1rem; font-family: 'FlightSans-Regular', sans-serif; line-height:1.5; position:relative; border:1px solid #ddd; transition:all .3s;}
.step_tit .re_wrap a.call{background:#724bcd;}
.step_tit .re_wrap a.store{background:#2871fa;}
.step_tit .re_wrap a p {display:inline-block;}
.step_tit .re_wrap a p i{padding-left:5px;}
.step_tit .re_wrap a p font{font-family: 'FlightSans-Bold', sans-serif; }
.step_tit .re_wrap a img{width:20%; position:absolute; right:1.5rem; bottom:1.2rem;}
.step_tit .re_wrap a .call {font-size:1rem; line-hight:2;}
.step_tit .re_wrap a .goto {display:inline-block; padding-bottom:.5em; margin-top:5px;border-bottom:1px solid #1c1c1c; color:#1c1c1c; font-size:1rem; font-weight:600; line-height:1em; transition:border-color 0.25s, color 0.25s;}
.step_tit .re_wrap a:hover {background:#333; box-shadow:0 0 20px 0 rgba(0,0,0,0.12);}
.today_step {max-width:1600px; width:100%; margin:0 auto; padding:100px 0 200px; display:flex; flex-direction:column; row-gap:13rem; word-break:keep-all;}
.today_step .list {width:100%; display:flex; align-items:center; position:relative;}
.today_step .list>div {width:50%;}
.today_step .list .img img {width:100%; object-fit:cover; border-radius:20px; }
.today_step .list .cont {position:relative; margin-left:147px;}
.today_step .list .cont .top {position:relative; transition:all 1s ease;}
.today_step .list .cont .top .guide_num {font-size:1.2rem; font-weight:700; line-height:2; color:#2871fa;}
.today_step .list .cont .top .guide_tit {margin-top:12px; font-size:2.25rem; line-height:1.5; color:#1d1d1d; font-family: 'FlightSans-Regular', sans-serif; }
.today_step .list .cont .top .guide_tit span { font-family: 'FlightSans-Bold', sans-serif; }
.today_step .list .cont .top .guide_cont {margin-top:30px; font-size:1.375rem; line-height:1.6; color:#555; font-family: 'FlightSans-Regular', sans-serif;}
.today_step .list .cont .top .time {margin-top:40px; font-size:1.375rem; font-weight:400; line-height:2; color:#555; }
.today_step .list .cont .top .time span{font-weight:700; padding:20px 0 10px; display:flex; align-items:center; gap:7px;}
.today_step .list:nth-child(2n)>div.cont {margin-left:unset; margin-right:147px; }
.today_step .list:last-child .img img{transform:scaleX(-1);}







.recom {width:100%; background:url(//resfor.cafe24.com/wig/site/mosim/custom_bg.jpg); background-size: cover; background-position: center; padding:10rem 0; text-align:center;}
.recom .re_wrap {max-width:1280px; margin:0 auto;}
.recom .re_wrap .ttls img{width:150px;}
.recom .re_wrap h3 {font-size:2.5rem; margin-top:20px; font-family: 'FlightSans-Bold', sans-serif; color:#fff;}
.recom .re_wrap .lists {width:100%; max-width:960px; margin:5.5rem auto 0;}
.recom .re_wrap .lists li{display:flex; background-color:rgba(255,255,255,1);align-items:center; margin-bottom:20px; border-radius:50px; border:3px solid #30a9fd; padding:8px 10px;}
.recom .re_wrap .lists li .num {display:flex; align-items:center; justify-content:center; width:70px; height:70px; background:#30a9fd; color:#fff; font-size:30px; font-weight:600; flex-shrink: 0; border-radius:50%; }
.recom .re_wrap .lists li p {font-size:24px; line-height:1.4; text-align:center; width:100%; box-sizing:border-box; padding:0 15px; color:#191919;font-family: 'FlightSans-Regular', sans-serif;}
.recom .re_wrap .lists li p span{color:#30a9fd;}






.marquee-container {overflow: hidden; white-space: nowrap; width: 100%; position: absolute; top:2rem; display: flex; align-items: center; cursor: default;}
.marquee {display: flex;animation: scroll 80s linear infinite; font-size: 9.525rem; font-weight:700; font-family:"Cormorant Garamond", serif; color:rgba(234, 236, 236, 0.3); z-index:-1;}
.marquee span {padding: 0 30px;}
@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.sect2 {padding:7rem 0 10rem; max-width:1600px; margin:0 auto;}
.sect_tit_box {display:flex;}
.sect_tit_box .sect_tit {font-size:2.25rem; font-family: 'FlightSans-Bold', sans-serif;}
.sect_tit_box .call_txt {display:flex; align-items:center; margin-left:auto; }
.sect_tit_box .call_txt .txt {display:flex; align-items:center; font-size:2rem; color:#355BF5; margin-right:1em;font-family: 'FlightSans-Bold', sans-serif;}
.sect_tit_box .call_txt .txt i {padding-right:5px;}
.sect_tit_box .call_txt .num {font-size:2.5rem; font-weight:800;}
.cont_box {margin-top:3rem; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 2.5rem;}
.cont_box .cont {padding:4rem 0; display:flex; align-items:center; flex-direction:column; background-color:#fff; border:1px solid #ddd;transition: all .5s;}
.cont_box .cont:hover {transform:translateY(-15px);box-shadow:0 0 20px rgba(53, 91, 245,.5); border:1px solid rgb(53, 91, 245); transition:all .5s;}
.cont_box .cont .ico {display:flex; align-items:center; justify-content:center; width:5em; height:5em;}
.cont_box .cont .ico img {width:100%;}
.cont_box .cont .txt {margin:3rem 0 1rem; font-size:1.5rem; font-family: 'FlightSans-Bold', sans-serif;}
.cont_box .cont .desc {margin-bottom:2.5rem; font-size:1.125rem; }
.cont_box .cont .btn{display:inline-block; background:#355BF5; color:#fff; font-size:0.875rem; padding:13px 28px; border-radius:30px;font-family: 'FlightSans-Bold', sans-serif;}





/* BASIC css end */