/* BASIC css start */
#contents {}

.cateWrap {position:relative;background:#fff;}
.cateWrap .cate1 dl dt{position:fixed;left:50%;top:1.111vw;transform:translateX(-50%); z-index:1001;}
.cateWrap .cate1 dl dt a{display:block; position:relative; padding-right:4.167vw; max-width:50vw; font-size:4.722vw;line-height:11.111vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate1 dl dt a svg{position:absolute; width:3.611vw; top: 50%; right:0; transform: translateY(-50%); transition:transform 0.3s;}
.cateWrap .cate1 dl dt a.active svg{ transform: translateY(-50%) rotate(-180deg);}
.cateWrap .cate1 dl dd{ display:none; position:fixed; top:var(--mainHeaderHeight); left:0; width:100%; padding:3.333vw 0; background:#fff; border-top: 1px solid #e9e9e9; z-index:1001;}
.cateWrap .cate1 dl dd ul li a{ display:block; padding:3.056vw; font-size:4.167vw; text-align:center; line-height:5.556vw; color:#b1b1b1; font-weight:500;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate1 dl dd ul li a.now{color:#000;font-family :'FlightSans-Bold', sans-serif;}
.cateWrap .cate1 .bgMask{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:998;}
.cateWrap .cate2 { padding:0 4.167vw; border-bottom:0.278vw solid #e9e9e9;}
.cateWrap .cate2 ul li{ width:auto; margin-right:6.111vw;}
.cateWrap .cate2 ul li a{ display:block; line-height:11.111vw; color:#b1b1b1; border-bottom:0.556vw solid #fff;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate2 ul li a.on{ color:#000; border-bottom:0.556vw solid #000;}
.cateWrap .cate3{ padding:0 4.167vw;background:#f8f8f8; border-bottom:0.278vw solid #e9e9e9;}
.cateWrap .cate3 ul li{ width:auto; margin-right:6.111vw;}
.cateWrap .cate3 ul li a{ display:block; line-height:11.111vw; font-size:3.056vw; color:#b1b1b1;}
.cateWrap .cate3 ul li a.on{color:#000;}



.sortWrap {padding:5.556vw 0 3.333vw;width:95%; margin:0 auto;}
.sortWrap p{font-size:4.167vw; line-height:9.722vw;font-family :'FlightSans-Regular', sans-serif;}
.sortWrap p strong{font-weight:600; color:#355BF5;font-family: 'Montserrat', sans-serif; }
.sortWrap select{height:9.722vw; padding-right:1.722vw; background-size:1.944vw; border:none; font-size:3.811vw; line-height:9.722vw; background-position: right 1.389vw center;}
.moreList{width:95%; margin:0 auto 11.111vw;}
.moreList .MoreViewListBtn{ display:block; width:100%; font-size:3.333vw; line-height:9.444vw; text-align:center; border:0.278vw solid #ccc; border-radius:0.833vw; font-family :'FlightSans-Regular', sans-serif;}
.moreList .MoreViewListBtn svg{ width:2.778vw; margin-left:1.389vw; vertical-align:middle;}
#MS_product_more_btn_area{width:95%; margin:0 auto;}



.goodsListWrap ul li .textBox .g_name{font-family :'FlightSans-Regular', sans-serif; font-weight:400; font-size:0.875rem; padding-bottom:7px; word-break:keep-all; line-height:1.3;}
.g_price{font-family: 'Montserrat', sans-serif;}
.goodsListWrap ul li .textBox .g_price .per {color:#355BF5; font-size:4.777vw; font-weight:600;}
.goodsListWrap ul li .textBox .g_price .r_price{font-size:4.777vw; font-weight:600;}
.goodsListWrap ul li .textBox .g_price .c_price{font-size:3.811vw;}


.sect-top {width:95%; margin:0 auto;}
.sect-top .dev_tit_box {text-align:center;}
.sect-top .dev_tit_box .en_tit {margin:50px 0 10px;font-size:1.125rem;font-family: 'Montserrat', sans-serif; color:#8899a6;}
.sect-top .dev_tit_box .tit {font-size:2rem; padding-top:1rem; font-family :'FlightSans-Bold', sans-serif; word-break:keep-all; line-height:1.3; color:#355BF5;}
.sect-top .dev_tit_box .tit span{font-size:1.25rem;display:block; font-family :'FlightSans-Regular', sans-serif; color:#191919; padding-top:10px;}
.sect-top .dev_tit_box .tit+.txt{margin-top:2rem;}
.sect-top .dev_tit_box .txt{font-size:1rem; word-break:keep-all; line-height:1.4; padding:0 25px;}
.sect-top .img {position:relative; padding-top:3rem;}
.sect-top .img img{width:100%;}


.online-step .tit {font-size:1.5rem;text-align:center; padding-top:6rem;font-family :'FlightSans-Regular', sans-serif; letter-spacing:-0.3px;}
.online-step .tit span{font-family :'FlightSans-Bold', sans-serif;line-height:1.8; display:block;font-size:2rem;}
.online-step .txt{font-size:1.125rem; word-break:keep-all; line-height:1.5; text-align:center; padding:0.75rem 3rem; color:#333; font-family :'FlightSans-Regular', sans-serif;}
.page-wrap {width:90%; margin:0 auto; display:flex; justify-content:center; margin-block:50px; }
.page-wrap .page-inner {width:100%; }
.depth {position:relative;}
.depth .depth-tit{margin:0 auto; font-size:1.5rem;font-family :'FlightSans-Bold', sans-serif; color:#333;}
.depth .depth-desc { margin-bottom:1.25rem; font-size:0.875rem; font-weight:600; color:#355BF5; letter-spacing:0.5px; font-family: 'Montserrat', sans-serif; }
.depth .depth-txt{font-size:1rem; font-family :'FlightSans-Regular', sans-serif;color:#787878;line-height:1.5;padding-top:20px;}
.depth .depth-tit em:before {position:absolute;content:''; width:1px; height:30px; background:#bbb; top:50%; transform:translateY(-50%); left:0;}
.depth .btn-box{margin-top:2rem;}
.depth .btn-box .chat{ border:1px solid #333; background:#fff; text-align:center; font-size:0.875rem; font-weight:600; padding:10px 15px;margin-right:10px; cursor:pointer;}
.depth .btn-box a i{padding-left:10px; font-weight:bold;}
.depth .step-box {margin-top:30px; display:flex; flex-direction:column; gap:25px;}
.depth .step-box .step-wrap{display:flex;justify-content:space-between;}
.depth .step-box .step-item {display:flex; align-items:center;background-color:#f8f8f8;border-radius:20px;position:relative; width:47%;flex-direction:column; padding:20px 0;}
.depth .step-box .step-wrap.box1 .step-item.item1:after {position:absolute;right:-15px;bottom:50%;transform:translateY(-50%);content:"▶";width:12px;height:12px;}
.depth .step-box .step-wrap.box1 .step-item.item2:before {position:absolute;right:50%;bottom:-13px;transform:translateX(-50%);content:"▼";width:12px;height:12px;}
.depth .step-box .step-wrap.box2 .step-item.item1:after {position:absolute;right:-15px;bottom:50%;transform:translateY(-50%);content:"◀";width:12px;height:12px;}
.depth .step-box .step-item:last-child:after{display:none;}
.step-icon{width:70px;height:70px; background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:100%;}
.step-icon img{width:40px; height:40px;}
.step-txt-wrap{text-align:center; padding:0 15px;}
.step-number{font-size:0.875rem;font-weight:700;color:#355BF5;margin:12px 0 5px;font-family: 'Montserrat', sans-serif; }
.step-desc{font-size:0.875rem; font-family :'FlightSans-Regular', sans-serif; word-break:keep-all; line-height:1.4; color:#191919;}
.step-desc a{font-size:15px; font-weight:400 !important; padding-top:3px; border-bottom:1px solid #555; display:inline-block;font-family :'FlightSans-Regular', sans-serif;}
.depth .step-box .step-item5 {display:flex; align-items:center;background-color:#f8f8f8;border-radius:20px;position:relative;width:47%;flex-direction:column; padding:20px 0;}
.depth .step-box .step-wrap.box1 .step-item5.item1:after {position:absolute;right:-15px; bottom:50%; transform:translateY(-50%);content:"▶";width:12px;height:12px;}
.depth .step-box .step-wrap.box1 .step-item5.item2:before {position:absolute;left:50%; bottom:-15px; transform:translateX(-50%);content:"▼";width:12px;height:12px;}
.depth .step-box .step-wrap.box2 .step-item5.item1:after {position:absolute;left:50%; bottom:-15px; transform:translateX(-50%);content:"▼";width:12px;height:12px;}
.depth .step-box .step-wrap.box2 .step-item5.item2:before {position:absolute;left:-18px; bottom:50%; transform:translateY(-50%);content:"◀";width:12px;height:12px;}
.depth .step-box .step-item5:last-child:after{display:none;}

.hl-1 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_custom.png'); background-size:contain; background-repeat: no-repeat;}
.hl-2 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_free.png'); background-size:contain; background-repeat: no-repeat;}
.hl-3 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_easy.png'); background-size:contain; background-repeat: no-repeat;}
.hl-4 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_mono.png'); background-size:contain; background-repeat: no-repeat;}
.hl-5 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_custom.png'); background-size:contain; background-repeat: no-repeat;}
.hl-6 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_net.png'); background-size:contain; background-repeat: no-repeat;}
.hl-7 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_sam.png'); background-size:contain; background-repeat: no-repeat;}
.hl-8 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_eban.png'); background-size:contain; background-repeat: no-repeat;}
.hl-9 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_soft.png'); background-size:contain; background-repeat: no-repeat;}
.hl-10 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_nano.png'); background-size:contain; background-repeat: no-repeat;}
.hl-11 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_sin.png'); background-size:contain; background-repeat: no-repeat;}
.hl-12 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_big.png'); background-size:contain; background-repeat: no-repeat;}
.hl-13 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_brown.png'); background-size:contain; background-repeat: no-repeat;}
.hl-14 { background-image:url('//resfor.cafe24.com/wig/site/mosim/skin_random.png'); background-size:contain; background-repeat: no-repeat;}
.loc-navi, .loc-navi a {font-size:1rem;}
.loc-navi a:last-child {font-weight:500;}




/*교환반품*/
.in {position:relative; margin:4rem auto; width:90%;}
.in .sect3 { max-width:1400px; margin:0 auto; }
.in .sect3 .point_cont .grid_box2 {}
.in .sect3 .point_cont .grid_box2 .left{font-weight:700;font-size:1.75rem; line-height:3; text-transform:capitalize;font-family :'FlightSans-Bold', sans-serif;word-break:keep-all;}
.in .sect3 .point_cont .grid_box2 .cont {}
.in .sect3 .point_cont .grid_box2 .cont .short {margin-bottom:60px;}
.in .sect3 .point_cont .grid_box2 .cont .short .tit {font-size:1.375rem; font-weight:600;word-break:keep-all;margin-bottom:20px; font-family :'FlightSans-Bold', sans-serif;}
.in .sect3 .point_cont .grid_box2 .cont .short .txt {line-height:1.5; word-break:keep-all;  font-size:1rem; position:relative; padding:0 0 10px 15px;}
.in .sect3 .point_cont .grid_box2 .cont .short .txt:before{content:"";position:absolute;left:0;top:13px;width:4px;height:4px; border-radius:50%;border:2px solid #355BF5;transform:translateY(-50%);}
.in .sect3 .point_cont .grid_box2 .cont .short ul{position:relative; padding-left:24px;}
.in .sect3 .point_cont .grid_box2 .cont .short ul li{position:relative;font-size:1rem; padding-left:4px;line-height:1.5; padding-bottom:10px;}
.in .sect3 .point_cont .grid_box2 .cont .short ul li:after {content:"1";position:absolute;left:-24px;top:12px;width:18px;height:18px;border-radius:50%;background:#355BF5;font-size:0.625rem; font-weight:500;color:#fff; text-align:center; line-height:20px; transform:translateY(-50%);}
.in .sect3 .point_cont .grid_box2 .cont .short ul li:nth-child(2):after {content:"2";}
.in .sect3 .point_cont .grid_box2 .cont .short ul li:nth-child(3):after {content:"3";}
.in .sect3 .point_cont .grid_box2 .cont .short ul li:nth-child(4):after {content:"4";}
.in .sect3 .point_cont .grid_box2 .cont .short ul li:nth-child(5):after {content:"5";}


#MS_product {width:95%; margin:0 auto;}
.myWrap{display:flex;align-items:center;justify-content:space-between;}

.cate-wrap {overflow:hidden;text-align: center;padding:20px 0 30px;}
.cate-wrap dd{font-size:1rem;display:inline-block;}
.cate-wrap dd a{font-size:1rem; margin:0 10px; padding-bottom:5px; border-bottom:1px solid #ccc; color:#999;}
.cate-wrap dd a:last-child{color:#222; font-weight:600; border-bottom:2px solid #222;}
.cate-wrap .bcate {margin:40px 0;font-size: 2rem;color:#202020; font-family: 'FlightSans-Bold', sans-serif;}
.cate-wrap .bcate dd{font-size:1rem !important;}
.cate-wrap .class-list{}
.cate-wrap .class-list ul {   *zoom:1;display: flex;flex-wrap: wrap;text-align: center;justify-content: center;align-items: center;}
.cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
.cate-wrap .class-list ul li { margin:5px;}
.cate-wrap .class-list ul li a {display:block; font-size:0.75rem; color: #777; padding: 3px 0; width:100px; box-sizing: border-box; border-radius: 50px;border: 1px solid #bbb; font-family: 'FlightSans-Regular', sans-serif;}  
.cate-wrap .class-list ul li.on a{ border: 1px solid #011222 !important; color: #fff !important; background:rgb(43, 46, 67);} 
.cate-wrap .class-list ul li.on a::after { opacity:1 !important; width: 120% !important; } 











/* 매장 */

#sec21{margin-bottom:22.222vw;width:95% !important; margin: 50px 0 0 5%;overflow:hidden;}
#sec21 .secTit {display:block;margin-bottom:4.167vw; font-size:1.375rem;line-height:10.333vw;font-family :'FlightSans-Bold', sans-serif; }
#sec21 .goodsListWrap { margin-bottom:11.111vw;}
#sec21 .goodsListWrap .swiper{ padding-bottom: 50px; }
#sec21 .goodsListWrap .swiper ul{}
#sec21 .goodsListWrap .swiper ul li{width:100%; }
#sec21 .goodsListWrap .swiper ul li a{display: block; width: 100%;}
#sec21 .goodsListWrap .swiper ul li a img{border-radius:10px;}

#sec21 .goodsListWrap ul li .textBox .g_name {font-family :'FlightSans-Regular', sans-serif; font-weight:400;}
#sec21 .goodsListWrap ul li .textBox .g_price {font-family: 'Montserrat', sans-serif;}
#sec21 .goodsListWrap li:nth-child(1),
#sec21 .goodsListWrap li:nth-child(n+2){margin-right:4.167vw;}
#sec21 .goodsListWrap li:last-child{ margin-right:0;}
#sec21 .goodsListWrap .swiper .btn_wrap{padding: 20px; position: absolute; z-index: 4; left: 50%; transform: translateX(-50%); width: max-content;display: flex; align-items: center;}
#sec21 .goodsListWrap .swiper .btn_wrap>*{}
#sec21 .goodsListWrap .swiper .btn_wrap>ul{display: flex; align-items: center;gap:10px;}
#sec21 .goodsListWrap .swiper .btn_wrap>ul li {background:rgba(0,0,0,0.05);padding:3px 15px; border-radius:30px;}
#sec21 .goodsListWrap .swiper .btn_wrap>ul li:not(:has(.swiper-pagination)){}
#sec21 .goodsListWrap .swiper .btn_wrap>ul li>div:has(img){display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;}
#sec21 .goodsListWrap .swiper .btn_wrap>ul li .swiper_prev{cursor: pointer; }
#sec21 .goodsListWrap .swiper .btn_wrap>ul li .swiper-pagination{position: unset;color: #afafaf;font-size: 0.75rem; display: flex; align-items: center; gap: 1px;}
#sec21 .goodsListWrap .swiper .btn_wrap>ul li .swiper-pagination-progressbar{background:none !important;}
#sec21 .goodsListWrap .swiper .btn_wrap>ul li:has(.swiper-pagination){margin: 0 5px;}
#sec21 .goodsListWrap .swiper .btn_wrap>ul li .swiper-pagination span{display: inline-block; font-size: 0.875rem;font-weight: 600; font-family: 'Montserrat', sans-serif; }
#sec21 .goodsListWrap .swiper .btn_wrap>ul li .swiper-pagination span.swiper-pagination-current{color: #000; padding-right:6px;font-size: 0.875rem;}
#sec21 .goodsListWrap .swiper .btn_wrap>ul li .swiper-pagination span.swiper-pagination-total{padding-left:6px;font-size: 0.875rem;}
#sec21 .goodsListWrap .swiper .btn_wrap>ul li .swiper_next{cursor: pointer; }
#sec21 .goodsListWrap .swiper .btn_wrap>ul li .swiper_prev img,#sec21 .swiper .btn_wrap>ul li .swiper_next img{width:80%;}
#sec21 .goodsListWrap .swiper .btn_wrap .control{margin-left: 8px;}
#sec21 .goodsListWrap .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 .goodsListWrap .swiper .btn_wrap .control a.clicked{ background-color: rgb(233, 233, 233);}






/* BASIC css end */