/* BASIC css start */
/* 메인 비쥬얼 배너 */
#main-banner01 {background:rgb(43, 46, 67);width:100%; height:800px;}
.main-banner { position:relative;width:1400px; margin:0 auto;}
.main-banner .txt_wrap {position:absolute; left:0; top:55%; transform:translateY(-50%); color:#fff; letter-spacing:0.5px;}
.main-banner .txt_wrap .sub{font-size:3rem; color:#fff; font-family :'FlightSans-Regular', sans-serif;}
.main-banner .txt_wrap .tit {font-size:4.25rem; font-family: 'FlightSans-Bold', sans-serif; display:block; padding-top:7px; color:#F89D1F;}
.main-banner .txt_wrap .txt{font-size:1.5rem; padding-top:4.5rem; line-height:1.5; font-family :'FlightSans-Regular', sans-serif; opacity:0.7;}
.main-banner .txt_wrap .txt span{color:#F5C5A9; font-weight:600; line-height:2.5; font-size:1.725rem;}
.main-banner .img{ margin:0 auto; text-align:right; display:flex; align-items:end;justify-content: right; height:800px;}
.main-banner .img img{height:650px;}
.main-banner .swiper-slide img {}
.main-banner .swiper-slide .visual_txt { position:absolute; left:50%; top:0; font-weight:300; transform:translateX(-50%); width:100%; height:100%; display:flex; flex-flow:column; justify-content:center; max-width:1400px; margin:0 auto;}
.main-banner .swiper-slide .visual_txt h2 {font-size:2.3vw; font-weight:700;font-family: 'FlightSans-Bold', sans-serif; display:block; margin-bottom:20px; line-height:1.3; letter-spacing:-.5;}
.main-banner .swiper-slide .visual_txt h2>span{font-weight:bold;font-family: 'FlightSans-Title', sans-serif; color:#2871fa;}
.main-banner .swiper-slide .visual_txt .sub {font-size:1.2vw;font-weight:400;font-family: 'FlightSans-Regular', sans-serif;}
.main-banner .swiper-slide .visual_txt .time {font-size:.8vw; line-height:1; margin-top:20px; display:block;}
.main-banner .swiper-slide .visual_txt .visual_btn{height:50px; line-height:50px; border-radius:30px; padding:0 30px 0 30px; margin-top:7%; width:130px; overflow:hidden; font-size:18px; font-family: 'FlightSans-Bold', sans-serif; transition:all .5s; background:#2871fa; display:flex; border:2px solid #355BF5; color:#fff; justify-content:space-between;}
.main-banner .swiper-slide .visual_txt .visual_btn:hover{color:#2871fa; background:none;}
.main-banner .swiper-pagination-wrap {position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%); display: flex; gap: 15px; width: 160px; height: 42px; border-radius: 25px; background: rgba(0, 0, 0, 0.4) !important; z-index: 1;}
.main-banner .swiper-button-prev,
.main-banner .swiper-button-next {width: 24px;height: 24px;top: 50%;transform: translateY(-50%);margin: 0;z-index: 20;opacity: 1 !important; visibility: visible !important;background-size:24px 24px !important;}
.main-banner:hover .swiper-button-prev,
.main-banner:hover .swiper-button-next { opacity: 1; visibility: visible; background-size:24px 24px !important;} 
.main-banner .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #ddd; opacity: 0 !important; } 
.main-banner .swiper-button-prev {background: url('//skin.makeshop.co.kr/skin/onstore/pc/images/ic_arrow_w_prev.png') no-repeat center;}
.main-banner .swiper-button-next {background: url('//skin.makeshop.co.kr/skin/onstore/pc/images/ic_arrow_w_next.png') no-repeat center;}
.main-banner .swiper-pagination-fraction {position: relative;display: flex;gap: 20px;align-items: center;justify-content: center;height: 100% !important;top: 0; border-radius: 25px;}
.main-banner .swiper-pagination-fraction:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: 10px;background: #AAAAAA;}
.main-banner .swiper-pagination-fraction > span {font-weight: 700;font-size: 14px;text-align: center;color: #AAAAAA;}
.main-banner .swiper-pagination-fraction .swiper-pagination-current {color: #FFFFFF;}
#main-banner01 .main-banner .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:auto;}


.what{text-align:center; width:100%; padding:9.5rem 0; background:#F89D1F;}
.what .tit-wrap{width:100%; margin:0 auto; }
.what .tit-wrap .tit{font-size:1.5rem; font-family: 'FlightSans-Bold', sans-serif; display:inline-block; background:#fff; border:1px solid #ffc600; color:#F89D1F; padding:25px 50px; border-radius:50px;position:relative;}
.what .tit-wrap .tit:before {content:""; position:absolute; left:50%; top:100%; transform:translateX(-50%); width:1px; height:3.75rem; background:#fff; margin:2rem auto; display:inline-block;}
.what .tit-wrap .txt{font-size:1.375rem; padding-top:7.5rem; line-height:1.5; word-break:keep-all; color:#fff;font-family: 'FlightSans-Regular', sans-serif;}
.what .cate_wrap {display:flex; align-items:center; margin:5rem auto 0; width:1600px; gap:2%;}
.what .cate_wrap .cate {padding:3rem 0 2.5rem; background:#fff; border:1px solid #e87011; width:20%; border-radius:40px 5px;}
.what .cate_wrap .cate img{width:90px;}
.what .cate_wrap .cate .cate_tit{font-size:1.375rem; font-weight:600; color:#343434; padding-top:2.5rem;}
.what .cate_wrap .cate .cate_txt{font-size:1rem; color:#343434; font-weight:300; padding-top:10px; padding:.5rem 2rem 0}



.products{color:#1e1106; width:1600px; margin:9rem auto 0; }
.products h1 { font-size:3.375rem; font-weight:600; line-height:2; display:flex; align-items:center;}
.products h1 span{font-size:2.25rem; display:inline-block; padding-right:5px;}
.products .txt {font-size:1.375rem; opacity:.7; padding-left:3.45rem; line-height:1.5; display:inline-block;}
.products .btn{float:right; display:inline-block; background:#2871fa; border:1px solid #2871fa;  border-radius:7px; padding:1rem 1.75rem; color:#fff; font-size:1.125rem; font-family: 'FlightSans-Bold', sans-serif; transition:all .5s;}
.products .btn:hover{background:#F89D1F; border:1px solid #F89D1F;}
.products .btn i{padding-left:10px;}

.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.375rem; 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);}






#main_slider { position:relative; padding:10rem 0; width:1600px; margin:7rem auto; background:#fff;}
#main_slider ul.slick-dots { width:80%; margin: 0 auto; text-align: right; position: absolute; top: 0; font-size: 0; -webkit-box-sizing: border-box; -khtml-box-sizing :border-box; -moz-box-sizing :border-box; -ms-box-sizing :border-box; -o-box-sizing :border-box; box-sizing :border-box;left: 0; right: 0; transition:opacity 1s 0.2s;
;} 
#main_slider .slick-list {padding:0 !important;}
#main_slider .slick-list .slick-track{margin-left:-530px; overflow:hidden;}
#main_slider .slick-slide { position:relative; height:378px; margin-right:500px; background-position: top center !important;background-repeat: no-repeat !important; border-radius:1000px;background-size : contain !important; transition:border-radius 1s;}
#main_slider .slick-slide.slick-active {border-radius:0 !important;}
#main_slider .slick-slide:not(.slick-active){opacity: .3;}
#main_slider .slick-slide .txt_wrap{ position:absolute; right:-450px; top:50%; transform:translateY(-50%); width:400px;}
#main_slider .slick-slide .txt_wrap .name {font-size:2rem; font-family: 'FlightSans-Bold', sans-serif; line-height:1.3;word-break:keep-all;}
#main_slider .slick-slide .txt_wrap .subname {font-size:1.375rem; line-height:1.3; word-break:keep-all; margin-top:2rem; color:#454545; font-family :'FlightSans-Regular', sans-serif;}
#main_slider .slick-slide .txt_wrap .size {font-size:1rem;margin-top:1rem;  color:#999; line-height:1.5;font-weight:300; }
#main_slider .slick-slide .txt_wrap .view {display:inline-block; border:1px solid #DAF0F9; margin-top:4rem; padding:15px 30px; border-radius:50px; font-size:1rem; font-weight:300; transition:all .5s; background-color:#DAF0F9;}
#main_slider .slick-slide .txt_wrap .view:hover{ background-color:#fff; border-color:#787878;}
#main_slider .slick-slide .txt_wrap .view span {margin-left:10px; display:inline-block;}
#main_slider .slick-slide .slick-track img{width:100%;}
#main_slider ul.slick-dots li {display: inline-block;font-size: 1.425rem;width: 20%;background: #fff;height: 85px;line-height: 80px;text-align: center;vertical-align: top;position: relative; border-bottom: 1px solid #dfdfdf;}
#main_slider ul.slick-dots li button {background: #fff;color: #2e2e2e;font-size: 1.375rem;outline:0;} 
#main_slider ul.slick-dots li.slick-active button {color: #2871fa; font-weight:700;}
#main_slider ul.slick-dots li.slick-active {border-bottom: 3px solid #2871fa; height: 82px;line-height: 80px;}






.cust {position:relative;}

.cust .con {padding:50px 0 0; position:relative; }
.cust .con .con_2, .cust .con .con_3, .cust .con .con_4{padding:50px 0;}
.cust .con .con_1 {padding:50px 0 0;}
.cust .con .con_4 {background:#f5f7f9; margin-bottom:100px;}
.cust .con .con_4 img{transform:scaleX(-1);}
.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", serif; font-size:1.5rem; font-style:normal; font-weight:700; line-height:normal; letter-spacing:0.5px; padding-top:10px;}
.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;}





.recom {width:100%; background:#fff; background-size: cover; background-position: center; padding:5rem 0 10rem; 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:#191919;}
.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:#8df7ff;}










.marquee-container {overflow: hidden; white-space: nowrap; width: 100%; position: absolute; top:-.5rem; 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%);
    }
}




/* BASIC css end */