/* BASIC css start */ /*-------------------------------------------------------------------------------- // // 공통 // --------------------------------------------------------------------------------*/ .main section, .main section *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .main section{} .main section h2.secTit,.main section h2.secTit a{display:block;margin-bottom:4.167vw; font-size:2.5rem;font-weight:500;line-height:10.333vw;font-family: "Bebas Neue", sans-serif; } html body {padding:0;} body header .mainHeader{ display:block;} body header .etcPageHeader{ display:none;} /*-------------------------------------------------------------------------------- // // 메인 대분류 카테고리 리스트 // --------------------------------------------------------------------------------*/ .categoryListWrap .fixedArea{ border-bottom:0.278vw solid #e9e9e9; background:#fff; transition:all 0.3s;} .categoryListWrap .fixedArea.fixed{ position:fixed; left:0; top:0; width:100%; z-index:99;} .categoryListWrap ul li{ width:auto; margin-right:1.389vw;} .categoryListWrap ul li:last-child{ margin-right:0;} .categoryListWrap ul li a{ display:block; position:relative; padding: 12px 20px 15px; font-size:1rem; font-family :'FlightSans-Bold', sans-serif; color:#444;} .categoryListWrap ul li a.active:after{ content:''; display:block; position:absolute; bottom:0;left: 3.167vw; width: calc(100% - 6.333vw); height:0.556vw; background:#000;} /*-------------------------------------------------------------------------------- // // section01 // --------------------------------------------------------------------------------*/ .main .mainSec01{ width:100%; margin-bottom:1.389vw; overflow:hidden;} .mainSec01 .swiper .swiper-slide img{ display:block; width:100%; opacity:1;} .mainSec01 .swiper-horizontal>.swiper-pagination-progressbar, .mainSec01 .swiper-pagination-progressbar.swiper-pagination-horizontal, .mainSec01 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .mainSec01 .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:70%; height:2px; top:auto; bottom:20px; left:15%;} .mainSec01 .swiper-pagination-progressbar{ background:#000;} .mainSec01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#fff;} .mainSec01 ul li{ overflow:hidden; background:#000;} .mainSec01 ul li a{ display:block; position:relative;} .mainSec01 ul li .textBox{ position:absolute; bottom:20vw; left:25px;} .mainSec01 ul li .textBox strong{ display:block; margin-bottom:5.556vw; font-size:7.333vw;line-height:9.722vw; font-family :'FlightSans-Bold', sans-serif; color:#fff; opacity:0; margin-left:-100%; transition:all 0.5s;} .mainSec01 ul li .textBox span{ display:block; font-size:5.167vw; line-height:7.333vw; color:#fff; opacity:0; margin-left:-100%; transition:all 0.8s; font-family :'FlightSans-Regular', sans-serif;} .mainSec01 ul li .textBox .color{color:#3c342d;font-family :'FlightSans-Regular', sans-serif !important;font-weight:400;display:inline; letter-spacing:-0.3px;} .mainSec01 ul li .textBox .tit{color:#f67163;font-size:8.167vw;letter-spacing:-0.3px;} .mainSec01 ul li.swiper-slide-active .textBox strong{opacity:1; margin-left:0;} .mainSec01 ul li.swiper-slide-active .textBox span{ opacity:1; margin-left:0;} /*-------------------------------------------------------------------------------- // // mainSec05 // --------------------------------------------------------------------------------*/ .mainSec05{padding-left:4.167vw; overflow:hidden;} .mainSec05 .goodsListWrap { margin-bottom:11.111vw;} .mainSec05 .goodsListWrap .swiper{ overflow:visible;} .mainSec05 .goodsListWrap ul li .textBox .g_name {font-family :'FlightSans-Regular', sans-serif; font-weight:400;} .mainSec05 .goodsListWrap ul li .textBox .g_price {font-family: 'Montserrat', sans-serif;} .mainSec05 .goodsListWrap li{width:53.056vw;} .mainSec05 .goodsListWrap li:nth-child(1), .mainSec05 .goodsListWrap li:nth-child(n+2){margin-right:4.167vw;} .mainSec05 .goodsListWrap li:last-child{ margin-right:0;} .mainSec05 .goodsListWrap .moreAndPaging{padding:4.167vw;} .mainSec05 .goodsListWrap .moreAndPaging a{display:block; width:17.778vw; font-size:2.778vw; line-height:6.667vw; text-align:center; color:#fff; background:#000; border-radius:3.333vw;} .mainSec05 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar.swiper-pagination-horizontal{ width: 59.444vw; height: 0.556vw; top: auto; bottom: 7.222vw; left: 23.889vw; background:#d9d9d9;} .mainSec05 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#000;} /* 매장 */ .cateTit5{padding: 70px 0 40px; text-align:center;} .cateTit5 h3{color: #242424;font-size: 1.75rem; font-family: 'FlightSans-Bold', sans-serif;} .cateTit5 .sub_tit1{color: #242424; font-size:1rem; padding:20px;font-family: 'FlightSans-Regular', sans-serif; line-height:1.5; word-break:keep-all;} .cateTit5 h1{color: #242424; font-family: 'GmarketSansBold'; font-size: 32px; letter-spacing: 1px;font-weight:bold;} .cateTit5 .line{margin:10px auto 0; width: 35px; background: #000;height:2px;} #sec21{margin-bottom:22.222vw;} #sec21 .swiper{ padding-bottom: 50px; width:90%;} #sec21 .swiper ul{} #sec21 .swiper ul li{width:100%; } #sec21 .swiper ul li a{display: block; width: 100%;} #sec21 .swiper ul li a img{width: 100%;border-radius:10px;} #sec21 .swiper ul li .txt_area{padding:20px 0 0 8px;} #sec21 .swiper ul li .txt_area p.big{color: #222; font-size: 1.25rem; margin-bottom:7px; font-family: 'FlightSans-Bold', sans-serif;} #sec21 .swiper ul li .txt_area p.small{color: #999999; font-size: 1rem; font-family: 'FlightSans-Regular', sans-serif; word-break:keep-all;} #sec21 .swiper .btn_wrap{padding: 20px; position: absolute; z-index: 4; left: 50%; transform: translateX(-50%); width: max-content;display: flex; align-items: center;} #sec21 .swiper .btn_wrap>*{} #sec21 .swiper .btn_wrap>ul{display: flex; align-items: center;gap:10px;} #sec21 .swiper .btn_wrap>ul li:not(:has(.swiper-pagination)){} #sec21 .swiper .btn_wrap>ul li>div:has(img){display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;} #sec21 .swiper .btn_wrap>ul li .swiper_prev{cursor: pointer; } #sec21 .swiper .btn_wrap>ul li .swiper-pagination{position: unset;color: #afafaf;font-size: 1.125rem; display: flex; align-items: center; gap: 1px;} #sec21 .swiper .btn_wrap>ul li .swiper-pagination-progressbar{background:none !important;} #sec21 .swiper .btn_wrap>ul li:has(.swiper-pagination){margin: 0 5px;} #sec21 .swiper .btn_wrap>ul li .swiper-pagination span{display: inline-block; font-size: 0.875rem;font-weight: 600; font-family: 'Montserrat', sans-serif; } #sec21 .swiper .btn_wrap>ul li .swiper-pagination span.swiper-pagination-current{color: #000; padding-right:8px;} #sec21 .swiper .btn_wrap>ul li .swiper-pagination span.swiper-pagination-total{padding-left:8px;} #sec21 .swiper .btn_wrap>ul li .swiper_next{cursor: pointer; } #sec21 .swiper .btn_wrap>ul li .swiper_prev img,#sec21 .swiper .btn_wrap>ul li .swiper_next img{width:80%;} #sec21 .swiper .btn_wrap .control{margin-left: 8px;} #sec21 .swiper .btn_wrap .control a{cursor: pointer; display: flex;transition: all .1s; align-items: center; justify-content: center; width: 25px; height: 25px; border: 1px solid #afafaf;} #sec21 .swiper .btn_wrap .control a.clicked{ background-color: rgb(233, 233, 233);} /* sec7 방송*/ #sec7 {position: relative; width:100%; overflow: hidden; margin-bottom:10vw;} #sec7 .leftInfo{text-align:center; color:#000;width:90%; word-break:keep-all; margin:0 auto;} #sec7 .infotext{font-size: 1.25rem; color: #222; font-family: 'FlightSans-Regular', sans-serif; padding-bottom:20px;} #sec7 .infoTit {font-size: 1.5rem; font-family: 'FlightSans-Bold', sans-serif; padding:1rem 0 2rem; line-height:0.7;} #sec7 .infoSubTit{font-size:1.125rem; font-family: 'FlightSans-Regular', sans-serif; padding-bottom:40px; color:#565656; line-height:} #sec7 .sec_inner{width:95% !important; margin:0 auto;} #sec7 .sec_inner h2 a.h2_more{display: inline-block; float: right;} #sec7 .sec7_cont ul li{width: 100%;} #sec7 .sec7_cont ul li iframe,#sec7 .sec7_cont ul li embed,#sec7 .sec7_cont ul li object{} #sec7 .sec7_cont ul li .img_sec {border-radius:15px; position:relative; padding-bottom:0; width:100%; height:0; padding-bottom: 56.25%; overflow:hidden;} #sec7 .sec7_cont ul li .img_sec a{display: block; width: 100%;overflow: hidden; } #sec7 .sec7_cont ul li .img_sec a img{width: 100%;display: block;} #sec7 .sec7_cont ul li .img_sec iframe {position:absolute; top:0; left:0; width:100%; height:100%; } #sec7 .sec7_cont ul li .txt_sec{text-align:center; margin-bottom:15vw;} #sec7 .sec7_cont ul li .txt_sec .top {text-align:center;width:100%;display:block; padding-bottom:10px;} #sec7 .sec7_cont ul li .txt_sec .top img{width:130px;} #sec7 .sec7_cont ul li .txt_sec p.big{font-family: 'FlightSans-Regular', sans-serif; line-height: 1.5; margin: 20px 0 10px; font-size: 1.125rem; color: #242424; width: auto; display: inline-block; position: relative; letter-spacing:-.3px;} #sec7 .sec7_cont ul li .txt_sec p.sub{font-family: 'FlightSans-Regular', sans-serif; color: #565656; line-height: 1.55; letter-spacing:-.3px; font-size: 0.875rem; } /* 후기 */ .mainCopyHd1 {position:relative; text-align:center;} .mainCopyHd1 .mainTx {font-size:1.75rem; font-family: 'FlightSans-Bold', sans-serif;} .mainCopyHd1 .mainTx1 {font-size: 1.5rem; padding:0 20px 20px; font-family: 'FlightSans-Bold', sans-serif; word-break:keep-all; line-height:1.35;} .mainCopyHd1 .mainTx2 {font-size:1.125rem;line-height:1.5; font-family: 'FlightSans-Bold', sans-serif;} .mainCopyHd1 .subTx{font-size: 1.25rem; padding-bottom:10px; line-height:1.5;font-weight:400;font-family: 'FlightSans-Regular', sans-serif;} .mainCopyHd1 .mainTx-btn a{margin:2rem 0 5rem;text-align:center;color:#355BF5;padding:17px 28px; font-weight:500;font-size:1rem;border-radius:2em;line-height:1;transition:color 0.1s,border-color 0.25s,background 0.4s cubic-bezier(0.165,0.84,0.44,1);display:inline-flex;align-items:center;border:1px solid #355BF5;font-family: 'FlightSans-Bold', sans-serif;} .lengline{ height: 40px; width: 1px; margin: 20px auto; background: #aaa;} #sec6{margin-bottom:22.222vw;} #sec6 .sec_inner {padding:0 5%;} #sec6 .sec6_cont ul li{width: 75%;} #sec6 .sec6_cont ul li .img_sec{width: 100%;} #sec6 .sec6_cont ul li .img_sec a{display: block; width: 100%;overflow: hidden; } #sec6 .sec6_cont ul li .img_sec a img{width: 100%;display: block;transition: all .5s; } #sec6 .sec6_cont ul li .txt_sec p.big{font-family :'FlightSans-Bold', sans-serif; line-height: 1.2; margin: 20px 0 10px; font-size: 18px; color: #242424; width: auto; display: inline-block; position: relative; word-break:keep-all;} #sec6 .sec6_cont ul li .txt_sec p.sub{font-family :'FlightSans-Regular', sans-serif; color: #aaaaaa; line-height: 1.5; font-size: 13px; word-break:keep-all;} /* 매장안내 */ .sliderWrap{margin:0 auto;display:grid; background:#fff;margin-bottom:22.222vw;} .sliderArea{position:relative;max-width:100%;} .sliderArea .cateTit5{text-align:left; position:relative; text-align:center; padding:70px 0;} .sliderArea .cateTit5 h3{color: #242424;font-size: 1.75rem;font-weight:400;font-family: 'FlightSans-Regular', sans-serif; padding:20px 0 40px;} .sliderArea .cateTit5 .sub_tit{color: #355BF5;font-size: 1rem; font-family: 'Montserrat'; font-weight:600; } .sliderArea .shop_now{font-family: 'Montserrat'; font-weight:700; font-size: 0.875rem; width:35%; margin:0 auto; display:flex; align-items:center; justify-content:space-between; color: #000;padding-bottom: 10px; border-bottom: 1px solid #000; font-weight: 600; letter-spacing: 0.5px;} .sliderArea .shop_now span{display: inline-block;margin-left: 8px;} .sliderArea .shop_now span img{vertical-align:middle;} .sliderArea .bx-wrapper{ overflow:hidden; border-right:2px solid #4AC560; border-bottom:2px solid #4AC560; border-left:2px solid #4AC560; margin:0 15px;} .sliderArea .root_daum_roughmap .wrap_map{width:1000px !important; height:500px !important;} .sliderArea .root_daum_roughmap .wrap_btn_zoom{display:none;} .sliderArea .root_daum_roughmap_landing{overflow:visible !important;} .sliderArea .pagerWrap{vertical-align:top; height:auto; padding-top:initial;} .sliderArea .pagerWrap .customPager{padding:0 15px; display:flex;justify-content:space-between; align-items:end; } .sliderArea img{width:100%;}} .sliderArea .title {font-size: 0.875rem;font-family: 'FlightSans-Regular', sans-serif; text-align:center; display:block;} .sliderArea .subTitle {font-size: 1rem;font-family: 'FlightSans-Regular', sans-serif;color:#333; line-height:1.5 !important;} .sliderArea .customPager .link{display:inline-block; width:33%; color:#999; background:#f5f7f9; border-top:1px solid #999; border-right:1px solid #999; border-bottom:2px solid #4AC560; border-radius:5px 5px 0 0; padding:8px 0; text-align:center;} .sliderArea .customPager .link:first-child { border-left:1px solid #999;} .sliderArea .customPager .link:first-child.active { border-left:2px solid #4AC560;} .sliderArea .customPager .link.active{border:2px solid #4AC560; color:#fff; background:#4AC560; font-family: 'FlightSans-Bold', sans-serif; } #map {margin:0 auto; display:block;} #map h3{ padding: 10px 0 5px; margin:0 auto; display:block; font-weight:700; font-size:16px !important; color:#333;} #map p{ padding:0 10px 10px; display:block; font-size:13px !important; color:#919191; line-height:1.4;} #map span,#map1 span,#map2 span{color:#333 !important;font-weight:700; font-size:1rem; padding-top:3px;} #map a{display:block; padding-bottom:10px; font-size:13px; color:#919191;} #tabProduct .newCate_prod .slideList li #map { padding:30px 0px 16px 0; margin:0 auto; display:inline-block; } #tabProduct .newCate_prod .slideList li #map h3{ font-family: 'Nanum Gothic', sans-serif; padding-top: 10px; padding-bottom:5px; margin:0 auto; display:block; font-weight:700; font-size:20px; color:#333;} #tabProduct .newCate_prod .slideList li #map p{ padding-left: 10px; padding-right: 10px; display:block; font-size:15px; color:#919191; } #tabProduct .newCate_prod .slideList li #map a{ font-family: 'Nanum Gothic', sans-serif; display:block; padding-bottom:10px; font-size:13px; color:#919191;} #map1 {margin:0 auto; display:inline-block; } #map1 h3{ padding-top: 10px; margin:0 auto; display:block; font-weight:700; font-size:16px !important; color:#333;} #map1 p{ padding:5px 10px 10px; display:block; font-size:13px !important; color:#919191; line-height:1.4;} #map1 a{ font-family: 'Nanum Gothic', sans-serif; display:block; padding-bottom:10px; font-size:13px; color:#919191;} #map2 { margin:0 auto; display:inline-block; } #map2 h3{ padding-top: 10px; margin:0 auto; display:block; font-weight:700; font-size:16px !important; color:#333;} #map2 p{ padding:5px 10px 10px; display:block; font-size:13px !important; color:#919191; line-height:1.4;} #map2 a{ font-family: 'Nanum Gothic', sans-serif; display:block; padding-bottom:10px; font-size:13px; color:#919191;} #map, #map1, #map2 {width: 100% !important; height: 330px;} /* 이벤트 */ #section03 {margin-bottom: 100px;} #section03 .container-wrap{width:100%; padding:0 15px; box-sizing:border-box;} #section03 .title {font-weight: 800;font-size: 20px; text-align: center; margin-bottom: 25px;font-family: 'Montserrat', sans-serif;} #section03 .event-wrap {display: flex; gap: 20px; flex-direction: column; margin-bottom: 25px;} #section03 .event-wrap > a {height: 160px; border-radius: 15px; padding: 40px 0 0 25px; box-sizing: border-box; color: #000000;} #section03 .event-wrap > a:nth-child(1) {background: url('//resfor.cafe24.com/wig/site/mosim/bn_ranking.png') no-repeat center / cover;} #section03 .event-wrap > a:nth-child(2) {background: url('//skin.makeshop.co.kr/skin/onstore/pc/images/section03_bg02.png') no-repeat center / cover;} #section03 .event-wrap .item-box strong {display: block; margin-bottom: 10px; font-family :'FlightSans-Bold', sans-serif; font-size: 18px;} #section03 .event-wrap .item-box p {font-family :'FlightSans-Regular', sans-serif; font-size: 0.875rem; line-height:1.35;} #section03 .btn-wrap {width: 100%; display: flex; gap: 4px; justify-content: center;} #section03 .btn-wrap .btn-more {display: flex; gap: 2px; align-items: center; justify-content: center; width: 100%; height: 34px; background:#F8F8F8; border-radius: 5px; font-weight: 600; font-size: 11px; text-align: center; color: #AAAAAA;} #section03 .btn-wrap .btn-more:after { content: ''; display: block; width: 8px; height: 8px; background: url('//skin.makeshop.co.kr/skin/onstore/mo/images/ic_plus.png') no-repeat center; background-size: cover;} /* 구매가이드 */ .circle{position:relative; overflow:hidden; margin-top: 7.5rem; padding-top: 6.5rem; padding-bottom: 5rem; width:100%;background:#111;} .circle:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("//resfor.cafe24.com/wig/site/mosim/guide_bg.jpg"); background-size: cover; background-position: center; opacity: 0.2;} .circle .bg_man{position: absolute; top: 0; left: 0;} .circle .container{z-index:1;} .circle .container .cont-tit{position:relative; margin-bottom:2rem; padding-bottom:4rem;text-align:center; color:#fff;} .circle .container .cont-tit:before{content:""; position:absolute; left:50%; bottom:0; width:1px; height:2.75rem;background:#999;} .circle .container .cont-tit>p{margin-bottom:0.6em; font-size:1rem; font-weight:500;font-family: 'Montserrat', sans-serif; } .circle .container .cont-tit h3{font-size:2.5rem; font-family: 'FlightSans-Bold', sans-serif; line-height:1.5; color:#fff;} .circle .container .cont-tit h5{font-size:1.125rem; font-weight:400; line-height:1.5; color:#fff;} .circle .container .bx-grid-wrp{position:relative; margin:0 auto;} .circle .bx-grid-list{} .circle .bx-grid-list .bx-grid-item{position:relative;min-height:0; margin:0 auto 30px; padding:0;max-width:75%; border-radius:50% !important;align-items:flex-start;justify-content:center;text-align:center;} .bg-green{background:rgba(0,35,156,1);box-shadow:0 0 20px rgba(0,0,0,0.1);} .bg-green:hover{box-shadow:0 0 20px rgba(0,35,156,.5);} .bg-dark{background:rgba(25,87,173,1);box-shadow:0 0 20px rgba(0,0,0,0.1);} .bg-dark:hover{box-shadow:0 0 20px rgba(25,87,173,.5);} .bg-blue{background:rgba(72,49,212,1);box-shadow:0 0 20px rgba(0,0,0,0.1);} .bg-blue:hover{box-shadow:0 0 20px rgba(72,49,212,.5);} .bx-grid-list .bx-grid-item:before{content:""; display:block; padding-top:100%; width:100%;} .bx-grid-list.flex-bx .bx-grid-item>*{display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;color:#fff !important;} .bx-grid-item img{width:70px; height:70px; opacity:.5;} .bx-grid-item h5 {font-size:1.375rem; font-weight:700;font-family: 'FlightSans-Bold', sans-serif; line-height:1.17857; color:#fff !important;padding-top:30px;} .bx-grid-item p{margin-top:15px; font-size:0.875rem; line-height:1.4; font-family: 'FlightSans-Regular', sans-serif;} .bx {display:flex; width:100%; font-size:1.25rem;} .bx-grid-item{flex:1; overflow:hidden;} /* 스타일 */ #main-banner02{position:relative; width:100%; height:230.22vw; background:rgb(20, 20, 22); margin-bottom:22.222vw;} #main-banner02 .cont_tit { position:absolute; z-index:11; width:100%;line-height:1.6; margin: 0 auto; top:20.22vw;text-align:center; display:inline-block;left:50%;transform: translateX(-50%);} #main-banner02 .cont_tit h1 {line-height: 1.4; font-size:8.55vw; color:#fff; font-family: 'FlightSans-Bold', sans-serif; display:block;} #main-banner02 .cont_tit a {font-size:4.22vw; line-height:1; color: #fff; display:inline-block;cursor: pointer;margin-top:7.55vw; font-family: 'FlightSans-Regular', sans-serif; opacity:.7;} #main-banner02 .cont_tit a img{margin-left:5px;} .main-banner-m {position:absolute;z-index:10;bottom:0;margin:auto;left:0; right:0;width:100%;} .main-banner-m img{width:100%;} .main-banner1 {width:70.5%; overflow:hidden; border-radius:7.555vw; position:absolute !important; z-index:10 !important; left:0; right:0; bottom:8.555vw !important; margin:auto;} .main-banner1 .swiper-slide img {width:100%;height: auto;transition: transform 10s ease 0.5s; transform: scale(1);} .main-banner1 .swiper-slide-active img{transform: scale(1.1);} .main-banner1 .swiper-slide .txt_wrap {position: absolute; width:80%; z-index:101;bottom: 0px; left:50%; -webkit-transform:translate(-50%,-50%); opacity:0; visibility: hidden; transition:all .8s ease .5s; -webkit-transition:all .8s ease .5s;} .main-banner1 .swiper-slide-active .txt_wrap {opacity:1; bottom:40px !important; visibility: visible;} .main-banner1 .swiper-slide .txt_wrap p {color:#fff;} .main-banner1 .swiper-slide .txt_wrap .t_black p{color:#000;} .main-banner1 .swiper-slide .txt_wrap .txt_01 { font-size: 1.625rem; font-family: 'FlightSans-Bold', sans-serif; line-height: 2; margin-bottom: 5px;} .main-banner1 .swiper-slide .txt_wrap .txt_02 { font-size: 1.125rem; font-family: 'FlightSans-Regular', sans-serif; line-height: 1.2;} .main-banner1 .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-banner1 .swiper-button-prev, .main-banner1 .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-banner1:hover .swiper-button-prev, .main-banner1:hover .swiper-button-next { opacity: 1; visibility: visible; background-size:24px 24px !important;} .main-banner1 .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #ddd; opacity: 0 !important; } .main-banner1 .swiper-button-prev {background: url('//skin.makeshop.co.kr/skin/onstore/pc/images/ic_arrow_w_prev.png') no-repeat center;} .main-banner1 .swiper-button-next {background: url('//skin.makeshop.co.kr/skin/onstore/pc/images/ic_arrow_w_next.png') no-repeat center;} .main-banner1 .swiper-pagination-fraction {position: relative;display: flex;gap: 20px;align-items: center;justify-content: center;height: 100% !important;top: 0; border-radius: 25px;} .main-banner1 .swiper-pagination-fraction:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1px;height: 10px;background: #AAAAAA;} .main-banner1 .swiper-pagination-fraction > span {font-weight: 700;font-size: 14px;text-align: center;color: #AAAAAA;} .main-banner1 .swiper-pagination-fraction .swiper-pagination-current {color: #FFFFFF;} .swiper-button-next:after, .swiper-button-prev:after{font-size:0 !important;} /* sec11 유튜브 */ #sec11 {margin-bottom:22.222vw;} #sec11 h2{text-align:left; font-size:1.5rem; margin-bottom:0 !important; padding-left:24px; font-family :'FlightSans-Bold', sans-serif; line-height:2;} #sec11 h2 img{width:28px; margin-right:8px; vertical-align:middle;} #sec11 .sub_t1{font-size:0.875rem; font-family :'FlightSans-Regular', sans-serif; line-height:1.5; padding:10px 0 25px 24px; color:#787878; word-break:keep-all;} #sec11 ul {width: 100%; margin-left:-0.25rem;} #sec11 ul li{width:100%} #sec11 ul li .photo{width:100%} #sec11 ul li .photo a{display:block; width:100%} #sec11 ul li .photo a img{width:100%} #sec11 ul li .text{padding-top: 17px;opacity:0 ; transition: opacity 1s;} #sec11 ul li .text.show{padding-top: 17px;opacity:1;} #sec11 ul li .text h3{font-family :'FlightSans-Bold', sans-serif; font-size:1.125rem; color: #333; text-align:left; margin:0 !important;} #sec11 ul li .text p{margin: 4px 0 16px; font-family :'FlightSans-Regular', sans-serif; font-size:1rem; color: #898989;} #sec11 ul li .text .view{ font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; color: #686868; text-decoration: underline;} /* sec10 숏츠*/ .sec_title {margin:0 0 20px;} .sec_title .sec_sub_title {display:flex; align-items:center; } .sec_title .sec_sub_title h2 {vertical-align: text-top;font-size:1.125rem; font-family :'FlightSans-Bold', sans-serif; flex:1;} .sec_title .sec_sub_title a {font-size:0.875rem;text-align:right; font-weight:500; color:#333;} .sec_title .sec_sub_title .fa {margin:0 5px;} .sec_title p {display:block;font-size:0.875rem;color:#999;margin-top:5px; font-family :'FlightSans-Regular', sans-serif;} .sec_content {margin:0 5%;} .prd_list .thumb {position:relative;} .prd_list .thumb img {width:100%;border-radius:4px;} .prd_list .text_sec{padding: 15px 0; width: 100%;} .prd_list .text_sec p{word-break:keep-all;} .prd_list .text_sec p.big{font-size:1rem;color: #000; margin-bottom: 5px; font-weight:700;} .prd_list .text_sec p.small{color: #8d8d8d; font-size:0.875rem; font-weight: 400; line-height:1.3;} #sec10 {margin:0px 0 90px;} #sec10 .sec_content {margin-right:0; } #sec10 .sec_title {margin-right:5%; } /* 게시판 영역 */ .board_area .board_wrap {margin: 80px auto 22.222vw; width:90%;} .board_area .board_wrap:after {content:''; display:block; clear:both;} .board_area .board_wrap div .board_more {padding-bottom:20px; margin:0; color: #1B1B1B; font-size: 1.375rem;font-family:'Pretendard', sans-serif; font-weight:700;border-bottom: 2px solid #424242; } .board_area .board_wrap div .board_more a {display:flex; justify-content:space-between; align-items:center; margin: 2px 0 0; line-height:1.6;} .board_area .board_wrap div .board_more span{font-size:0.75rem; display:block; font-weight:300;} .board_area .board_wrap div .board_gallery_inner{ margin: 0;} .board_area .board_wrap div .board_gallery_inner a{padding:1.25rem 0; border-bottom:1px solid #ddd;transition:all .5s; color:#1B1B1B; display:block; font-size:1rem; font-weight:500;font-family:'Pretendard', sans-serif;} .board_area .board_wrap div .board_gallery_inner .board_gallery_con:after{content:''; display:block; clear:both;} .board_area .board_wrap div .board_gallery_inner .board_gallery_con .con{float: left;} .board_area .board_wrap div .board_gallery_inner .board_gallery_con .con img{margin-left:5px;} .board_area .board_wrap div .board_gallery_inner .board_gallery_con .date{float: right; font-size:0.875rem; font-family:'Pretendard', sans-serif; font-weight:400;} .board_area .board_wrap div .board_gallery_inner .board_gallery_con p{} .board_gallery_right{width:90%; margin:0 auto;margin-bottom:22.222vw;} .board_gallery_right .faq{ padding: 0 0 15px; margin:0; color: #1B1B1B; font-size: 1.375rem; font-family :'FlightSans-Bold', sans-serif; text-align: left; line-height:1.3;} .board_gallery_right .faq a{ float: right; margin: 2px 0 0;} .board_gallery_right .faq_box{border-radius:10px; padding:25px 30px; position:relative; height:145px; background:#f0f0f2;} .board_gallery_right .faq_box .text{font-size:1.125rem; text-align:left;font-family :'FlightSans-Regular', sans-serif;line-height:1.5;} .board_gallery_right .faq_box .img img{width:50%;position:absolute;right:10px; bottom:10px;} /* BASIC css end */