/* BASIC css start */
#contentWrapper{width:100%; background:#fff;}
.tip-menu {position:relative; max-width:1760px; padding-top:180px; text-align:center;margin:0 auto;}
.tip-menu .tit_wrap{}
.tip-menu .tit_wrap h3{font-weight:700;font-family: 'FlightSans-Bold', sans-serif; font-size:5rem;color:#355BF5;}
.tip-menu .tit_wrap p{font-size:1.5rem; line-height:2.5;font-weight:700;font-family: 'FlightSans-Bold', sans-serif;color:#333;}
.tip-menu ul {display:inline-block; margin:50px auto; text-align:center; border-radius:40px; padding:4px; box-sizing:border-box; vertical-align:top;}
.tip-menu ul li {display:inline-block; text-align:center; margin-right:15px;border-radius:30px; border:1px solid #355BF5; width:180px; 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:40px;color:#355BF5; font-size:15px; 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);}*/

.tip-title {width:1100px; padding-top:80px; text-align:center; margin:0 auto;}
.tip-title .red-box { width:90px; height:35px; background:#cc0000; display:block; position:relative; margin:0 auto; line-height:35px; color:#fff; font-weight:700; font-size:20px;letter-spacing:1px}
.tip-title .menu-title {font-size:60px; font-family: 'Noto Sans KR', sans-serif; font-weight:300; color:#333; margin-top:5px; line-height:100px; letter-spacing:-3px;}
.tip-title .menu-title01 {font-size:20px; font-family: 'Noto Sans KR', sans-serif; color:#777; margin:0 auto; font-weight:300; letter-spacing:-1px; padding-bottom:30px; line-height:27px;}
.top {margin:30px auto 0 auto; width:1300px; }
.top img{border-radius:20px;}




.container{position:relative; max-width:1400px; margin:7.5rem auto 9rem;}
.container .tit{position:relative; margin-bottom:3.25rem; padding-bottom:6rem;font-family: 'FlightSans-Regular', sans-serif; letter-spacing:-0.02em;font-size:1.825rem; line-height:1.7; text-align:center;}
.container .tit span{color:#355BF5 !important; font-family: 'FlightSans-Bold', sans-serif;font-size:3.25rem; display:block;}
.container .tit:before{content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:1px; height:3.75rem; opaticy:1; background:#999;transition:opacity 0.3s 0.5s; }
.txt-wrp {width:70%;}
.txt-wrp .txt{font-size:1.375rem; line-height:1.9; margin-bottom:30px; word-break:keep-all; font-weight:400; text-align:left; }
.txt-wrp .txt .pen { display:inline-block; font-weight:700; background:#E8FF9A; padding:0 5px;}
.img-wrp {display:flex; width:auto; position:relative;vertical-align:top; margin-top:50px; justify-content:space-between;gap:5%; align-items:center;}
.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 150px; background:#f5f7f9;}
.section .table {height:auto !important; display:table-cell; vertical-align:middle; width:100%;}
.section .table .kawrds {}
.section .table .kawrds .main-tit {padding:100px 0 50px; text-align:center; letter-spacing:-0.4px; }
.section .table .kawrds .main-tit h3 {line-height:1.4; font-size:3rem; color:#222; font-family: 'FlightSans-Regular', sans-serif;}
.section .table .kawrds .main-tit p {margin-top:20px; font-size:1.15rem; font-weight:300; color:#355BF5; font-family: 'FlightSans-Regular', sans-serif;}
.section .table .kawrds .img-wrap {max-width:1760px; margin:0 auto; padding:100px 0 270px; position:relative;}
.section .table .kawrds .img-wrap:before {content:""; display:table;}
.section .table .kawrds .img-wrap .img-big {position:absolute; right:16%; top:0; z-index:2; width:30%; 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:12.5%; text-align:center; border:1px solid #fff;}
.section .table .kawrds .img-wrap ul li img{vertical-align:top; max-width:100%;}




.spec {padding-top:175px; background:#2f364a; width:100%; position:relative;}
.spec .inner {max-width:1500px; margin:0 auto; padding-bottom:220px; box-sizing:border-box;}
.spec .inner h2 {line-height:100px; font-size:3.5rem; color:#fff; font-family: 'FlightSans-Bold', sans-serif;}
.spec .inner .sub-tit {color:rgba(255,255,255,0.7); font-size:20px;padding:15px 0 100px; line-height:1.6; }
.spec .inner .unit-wrap {position:relative; display:block; box-sizing:border-box; user-select:none;}
.spec .inner .unit-wrap .unit {position:relative; width:31.5%; height:630px; margin-right:2.5%; box-sizing:border-box; border:1px solid rgba(232,232,232,.2); display:inline-block; vertical-align:top; background:#282A3A;transition: all .5s;}
.spec .inner .unit-wrap .unit:hover {transform:translateY(-15px);box-shadow:0 0 20px rgba(87,242,135,.5); border:1px solid rgb(87,242,135)}
.spec .inner .unit-wrap .unit:nth-child(3){margin-right:0 !important;}
.spec .inner .unit-wrap .unit .txt-wrap {box-sizing:border-box; padding:60px 60px 0; }
.spec .inner .unit-wrap .unit .txt-wrap .tit {display:inline-block; border-bottom:1px solid #57F287; font-size:27px; 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:19px; color:rgba(255,255,255,.5); line-height:1.5;word-break:keep-all;}
.spec .inner .unit-wrap .unit .img-wrap {position:absolute; left:0; bottom:0; }
.spec .inner .unit-wrap .unit .img-wrap img{max-width:100%;}




.total_surv {padding-top:200px; background:#fff; font-size:1.125rem; line-height:1.4; overflow:hidden;}
.total_surv .in {width:1500px; position:relative; margin:0 auto;}
.total_surv .in .tit_wrap .desc {margin-bottom:1em; font-size:1.625rem; font-family: 'FlightSans-Regular', sans-serif; }
.total_surv .in .tit_wrap .tit {position:relative; display:inline-block; font-size:3.5rem; font-family: 'FlightSans-Bold', sans-serif;}
.total_surv .in .tit_wrap .txt {margin-top:1.5em; font-weight:500; line-height:1.5; font-size:1.375rem; font-family: 'FlightSans-Regular', sans-serif; }

.main_ban_wrap {margin: 3rem auto 10rem; 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:-3.1rem; padding-bottom:5rem;}
.visual-banner .inner img {width:100%; }
.visual-banner .inner .box {}
.visual-banner .inner .box .tit {font-size:1.5rem; font-weight:700;margin-top:1em;}
.visual-banner .inner .box .txt {margin-top:1em; font-size:1.125rem; line-height:1.4;}






/* BASIC css end */