/* BASIC css start */
#contents {margin:0 auto;}

.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;}




#contentWrapper{width:100%; background:#fff;}
.tip-menu {position:relative; padding-top:80px; text-align:center;margin:0 auto; width:95%;}
.tip-menu .tit_wrap{}
.tip-menu .tit_wrap h3{font-weight:700;font-family: 'FlightSans-Bold', sans-serif; font-size:2.375rem;color:#355BF5; padding-bottom:10px;}
.tip-menu .tit_wrap p{font-size:1.25rem; line-height:2.5;font-weight:700;font-family: 'FlightSans-Bold', sans-serif;color:#333;}
.tip-menu ul {display:flex; justify-content:space-between; margin:20px auto; text-align:center; border-radius:40px; width:100%;}
.tip-menu ul li {display:inline-block; text-align:center; border-radius:30px; border:1px solid #355BF5; width:31%; background:#fff;}
.tip-menu ul li:hover {border:1px solid #355BF5; background:#355BF5;}
.tip-menu ul li:hover a{color:#fff;}
.tip-menu ul li.active {border:1px solid #355BF5;background:#355BF5;}
.tip-menu ul li.active a{color:#fff;}
.tip-menu ul li a{ display:block; line-height:38px; height:38px; color:#355BF5; font-size:0.875rem; font-family: 'FlightSans-Regular', sans-serif; box-sizing:border-box;}
.tip-menu ul li:last-child{margin-right:0;}
.tip-top{width:100%; height:450px; position:relative; background:#f2f2f0;}
.tip-top span{width:1100px; height:250px; position:relative; margin:0 auto; display:block;}
/*.tip-menu {position:relative; width:1100px; height:200px; display:block; margin:0 auto; background-image:url('http://miraehair.cafe24.com/wig/guide_top_bg02.jpg')}
.tip-menu ul {width:100%; height:100%; display:block;}
.tip-menu ul li {position:relative;width:150px;height:150px;display:inline-block;margin:15px 25px 0 0;}
.card{width:100%;height:100%;transition:0.5s; position:absolute; transform-style:preserve-3d;}
.card:hover {transform:rotateY(180deg);}
.side {height:100%;width:100%;position:absolute;backface-visibility:hidden;}
.back {transform:rotateY(180deg);}*/




.container{position:relative; margin:3.5rem auto 5rem;}
.container .tit{position:relative; padding-bottom:3.5rem;font-family: 'FlightSans-Regular', sans-serif; letter-spacing:-0.02em;font-size:1.25rem; line-height:1.7; text-align:center;}
.container .tit span{color:#355BF5 !important; font-family: 'FlightSans-Bold', sans-serif;font-size:1.875rem; display:block;}
.container .tit:before{content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:1px; height:2.75rem; background:#999;}
.txt-wrp {margin:20px auto 0; width:95%;}
.txt-wrp .txt{font-size:1rem; line-height:1.6; margin-bottom:20px; word-break:keep-all; text-align:left; font-family :'FlightSans-Regular', sans-serif; color:#222;}
.txt-wrp .txt .pen { display:inline-block; font-family :'FlightSans-Bold', sans-serif; background:#E8FF9A; padding:0 5px;}
.img-wrp {width:95%; position:relative; margin:1.5rem auto 0;}
.img>img{border-radius:20px; width:100% !important; vertical-align:top;}
.only-pc{display:block !important;}




/* 서브 이미지 베너 */
.cont-area{ margin-top:70px;position:relative; display:grid; justify-content:space-between;}
.subBanner.fixBg {order:2; text-align:right; flex:0 0 auto; width:auto; max-width:52.1528%; position:relative; vertical-align:top;}
.subBanner.fixBg .title{font-size:5rem;line-height:60px;height:60px;display:block;position:absolute;top:50%;left:0;right:0;text-align:center;color:rgba(255,255,255,.3);font-family: 'Montserrat'; font-weight:700; letter-spacing:1px;margin-top:-60px; }
.subBanner.fixBg .title_s{color:rgba(255,255,255,.3); font-size:2rem;position:absolute;top:50%;left:0;right:0;text-align:center;margin-top:20px;}
.subBanner.fixBg .bg{ max-width:30%; height:600px;background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url(//resfor.cafe24.com/wig/site/mosim/intro_bg1.jpg) center top no-repeat; background-size:cover; }




.section {height:auto !important; display:table; table-layout:fixed; width:100%; box-sizing:border-box;font-size:14px; padding:30px 0 50px; background:#f5f7f9;}
.section .table {height:auto !important; display:table-cell; vertical-align:middle; width:100%;}
.section .table .kawrds {}
.section .table .kawrds .main-tit {padding:50px 15px 10px; text-align:center; letter-spacing:-0.4px; }
.section .table .kawrds .main-tit h3 {line-height:1.4; font-size:1.75rem; color:#222; font-family: 'FlightSans-Regular', sans-serif;}
.section .table .kawrds .main-tit p {margin-top:20px; font-size:1.125rem; color:#355BF5; font-family: 'FlightSans-Regular', sans-serif; word-break:keep-all; line-height:1.4;}
.section .table .kawrds .img-wrap {margin:0 auto; position:relative; padding:100px 0; overflow:hidden;}
.section .table .kawrds .img-wrap:before {content:""; display:table;}
.section .table .kawrds .img-wrap .img-big {position:absolute; right:16%; top:50px; z-index:2; width:40%; max-width:438px;box-shadow:20px 10px 30px 10px rgba(0,0,0,.1);border:1px solid #fff;}
.section .table .kawrds .img-wrap .img-big .big img {vertical-align:top; max-width:100%;}
.section .table .kawrds .img-wrap ul{display:flex; gap:1%}
.section .table .kawrds .img-wrap ul:after {content:""; display:table;}
.section .table .kawrds .img-wrap ul li {float:left; width:23%; text-align:center; display:inline-block; margin-left:-40px; background:#000;}
.section .table .kawrds .img-wrap ul li img{vertical-align:top; max-width:100%; opacity:0.9;}
.section .table .kawrds .img-wrap ul li:first-child{margin-left:0;}




.spec {padding-top:50px; background:#2f364a; width:100%; position:relative;}
.spec .inner {margin:0 auto; padding-bottom:70px; box-sizing:border-box;}
.spec .inner h2 {padding:30px; font-size:1.75rem; color:#fff; font-family: 'FlightSans-Bold', sans-serif;}
.spec .inner .sub-tit {color:rgba(255,255,255,0.7); font-size:1.125rem; padding:0 30px 50px; line-height:1.5; font-family :'FlightSans-Regular', sans-serif;word-break:keep-all;}
.spec .inner .unit-wrap {position:relative; display:block; box-sizing:border-box; user-select:none;}
.spec .inner .unit-wrap .unit {position:relative; width:85%; margin:0 auto 30px; border:1px solid rgba(232,232,232,.2); vertical-align:top; background:#282A3A;transition: all .5s;box-shadow:0 0 20px rgba(87,242,135,.5); border:1px solid rgb(87,242,135); border-radius:20px;overflow:hidden;}
.spec .inner .unit-wrap .unit .txt-wrap {box-sizing:border-box; padding:45px 30px; text-align:center; }
.spec .inner .unit-wrap .unit .txt-wrap .tit {display:inline-block; border-bottom:1px solid #57F287; font-size:1.5rem; padding-bottom:5px; color:#57F287; font-family: 'FlightSans-Bold', sans-serif; position:relative;}
.spec .inner .unit-wrap .unit .txt-wrap .txt {margin-top:30px; font-size:1rem; color:rgba(255,255,255,.5); line-height:1.5;word-break:keep-all;}
.spec .inner .unit-wrap .unit .img-wrap {}
.spec .inner .unit-wrap .unit .img-wrap img{max-width:100%;}




.total_surv {padding:100px 20px 0; background:#fff; font-size:1.125rem; line-height:1.4; overflow:hidden; margin:0 auto;}
.total_surv .in {position:relative; margin:0 auto;}
.total_surv .in .tit_wrap .desc {margin-bottom:1em; font-size:1.25rem; font-family: 'FlightSans-Regular', sans-serif; }
.total_surv .in .tit_wrap .tit {position:relative; display:inline-block; font-size:1.875rem; font-family: 'FlightSans-Bold', sans-serif;word-break:keep-all; line-height:1.3;}
.total_surv .in .tit_wrap .tit font{font-size:2.375rem !important;}
.total_surv .in .tit_wrap .txt {margin-top:1.5em; line-height:1.5; font-size:1.125rem; font-family: 'FlightSans-Regular', sans-serif; color:#565656;}

.main_ban_wrap {margin-left:20px; overflow:hidden; position:relative; }
.main_ban_wrap .cont {padding-left:calc((100% - 97rem)/2 + 2rem); display:flex; align-items:stretch; justify-content:space-between; word-break:keep-all;}
.visual-banner { overflow:hidden; transform-origin:right;}
.visual-banner .mySwiper {padding-top:3rem;}
.visual-banner .mySwiper .swiper-pagination-progressbar {margin-left:calc((100% - 97rem)/2 + 2rem); bottom:0; top:unset; height:2px; background-color:rgba(0,0,0,.09); }
.visual-banner .inner {margin-left:-2rem; padding-bottom:5rem;}
.visual-banner .inner img {width:100%; }
.visual-banner .inner .box {word-break:keep-all;}
.visual-banner .inner .box .tit {font-size:1.25rem; font-family :'FlightSans-Regular', sans-serif; margin-top:1em; line-height:1.4;}
.visual-banner .inner .box .txt {margin-top:1em; font-size:1rem; line-height:1.45;font-family :'FlightSans-Regular', sans-serif;opacity:0.6;}









/* BASIC css end */