/* BASIC css start */
@font-face {
    font-family: 'HakgyoansimBareonbatangB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareonbatangB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

#contentWrap{max-width:100% !important; padding-top:0 !important; background:#fff;}


.top_title {width:100%; padding:14rem 0 10rem; text-align:center; background:#f5f7f9;}
 #container .txt { font-size:1.25rem; padding-bottom:4rem;font-family: 'Montserrat', sans-serif; }
 #container .tit{ width:100%;line-height:1.1; font-size:3.75rem; font-family: 'FlightSans-Bold', sans-serif; display:inline-block;}
 #container .tit span {font-size:1.625rem; font-family: 'FlightSans-Regular', sans-serif;}

.word_cont:before{position:absolute; content:""; width:1px; height:4.75rem; background:#aaa; left:50%; top:0px;transform:translate(-50%,-50%); }
 #container img{margin-top:5rem;}




.word_cont{padding-top:5rem; color:#333; text-align:center; position:relative; margin-top:6rem;}
.word_cont .in {display:flex;flex-direction:column;max-width:1600px; padding:0 15px; margin:0 auto; position:relative;}
.word_cont .cont_tit_box .tit { font-size:2.5rem; margin-bottom:3rem;font-family :'FlightSans-Bold', sans-serif; line-height:1.4;}
.word_cont .cont_tit_box .desc {font-size:2.375rem;font-family :'FlightSans-Bold', sans-serif; line-height:1.6;}
.word_cont .cont_tit_box .txt{font-size:1.25rem; margin-top:2rem; line-height:1.6;font-family :'FlightSans-Regular', sans-serif; }



.cir_cont .cir_box {display:flex;align-items:center;justify-content:center;margin-top:5rem;}
.cir_cont .cir_wrap {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr));width:100%; max-width:1400px;flex-shrink:0; gap:2%;}
.cir_cont .cir_wrap .cir {position:relative; width:100%; padding-top:100%; border:1px dashed #355BF5; border-radius:50%; background:#fff;}
.cir_cont .cir_wrap .cir .txt_box {position:absolute; left:50%; top:50%; width:80%; height:auto; transform:translate(-50%, -50%); text-align:center;}
.cir_cont .cir_wrap .cir .txt_box .tit {font-size:1.75rem; font-weight:700; color:#355BF5;font-family :'FlightSans-Bold', sans-serif; }
.cir_cont .cir_wrap .cir .txt_box .txt {margin-top:1em; font-size:1.125rem;line-height:1.5; }
.cir_cont .cir_wrap .cir .txt_box .tit font{font-size:0.625rem;padding:0 2px;}



.st-wrp{background-color:#112037;position:relative;overflow: hidden; width:100%; height:550px;}
.st-top{letter-spacing:1px; position:absolute;left: calc((100% - 103.5rem)/2 + 2rem); top:200px; z-index:1; width:1000px;}
.st-top p{font-size:2.2rem; line-height:1.6;color:#fff; font-family: 'FlightSans-Regular', sans-serif; position:relative; display:inline-block;}
.st-top p i{font-size:1.2rem; position:absolute; top:-5px; right:-13px;color:#00FFFF;}
.st-top strong{ font-size:1.125rem; display:block; color:#fff; font-weight:500; line-height:1.1; opacity:.5;}
.st-top h1{ margin:5rem 0; font-size:3.525rem; font-family: 'FlightSans-Regular', sans-serif; line-height:1.3; text-align:left;color:#fff;}
.st-top h1 span{color:#00FFFF;font-family: 'FlightSans-Title', sans-serif;}

.st-top .bt-wrp{display:flex; gap:2.5%; align-items:center; margin-top:6rem;}
.st-top .bt-wrp a{display:inline-block; font-size:1.2rem; padding:20px 70px; border:1px solid #017987; color:rgb(0,255,255); font-family: 'FlightSans-Regular', sans-serif; transition:all .5s; border-radius:10px; position:relative;}
.st-top .bt-wrp a i {padding-left:10px; display:none;position:absolute; right:35px; top:50%; transform:translateY(-50%);transition:all 1s;animation: arrowMove .2s ease-in-out infinite alternate;}
.st-top .bt-wrp a:hover {transform:translateY(-15px);box-shadow:0 0 20px rgba(0,255,255,.5); border:1px solid rgb(0,255,255); border-radius:50px; color:#00FFFF;font-family: 'FlightSans-Regular', sans-serif;}
.st-top .bt-wrp a:hover i{display:inline-block; color:yellow; }

.fade-slider {position: relative; }
.fade-slider .slide {position: absolute; top: 0; left: 0; width: 100%; height:550px;background-position: right; opacity: 0; animation: fade 9s infinite; z-index:0;}
.fade-slider .s1 {background-image: url('//resfor.cafe24.com/wig/site/mosim/st_bg1.jpg'); animation-delay: 0s;}
.fade-slider .s2 {background-image: url('//resfor.cafe24.com/wig/site/mosim/st_bg.jpg'); animation-delay: 3s;}
.fade-slider .s3 {background-image: url('//resfor.cafe24.com/wig/site/mosim/st_bg2.jpg'); animation-delay: 6s;}


@keyframes fade {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  30%  { opacity: 1; }
  40%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes arrowMove {
  from {
    transform: translateY(-50%) translateX(0);
  }
  to {
    transform: translateY(-50%) translateX(-8px);
  }
}




/*why*/
.why_cont { padding:7rem 0 13rem;word-break:keep-all; }
.txt-wrp {display:flex; flex-direction:column; text-align:center; margin:0 auto; padding:2rem 0 3rem;width:100%;}
.txt-wrp .tit{font-weight:700; font-size:3.25rem; line-height:1.4; color:#333;font-family: 'FlightSans-Bold', sans-serif; margin:2rem 0;}
.txt-wrp .tit span{color:#355BF5; }
.txt-wrp .txt{font-size:1.5rem; font-weight:500; line-height:1.5; margin-top:1.5rem; color:333;}
.cont-grid {text-align:center; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); max-width:1600px; gap:3rem;margin:2rem auto 0; }

.cont-grid .txt-group {position:relative; background-color:#000;}
.cont-grid .txt-group:last-child {margin-right:0;}
.cont-grid .txt-group:after{content:""; position:absolute; left:50%;bottom:10px; transform:translateX(-50%); width:6px; height:6px; border-radius:50%; border:2px solid #191919; z-index:10;}
.cont-grid .txt-group .img {width:100%; height:100%; opacity:0.5;}
.cont-grid .txt-group .img img{width:100%; height:100%; object-fit:cover;}
.cont-grid .txt-group .cover_bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#f5f7f9; transition:opacity 0.8s;}
.cont-grid .txt-group:hover .cover_bg{opacity:0;}
.cont-grid .txt-group .item_cover { position:absolute; left:50%;top:50%; width:100%; transform:translate(-50%,-50%); text-align:center; transition:top 0.8s;}
.cont-grid .txt-group:hover .item_cover {top:40%;}
.cont-grid .txt-group .item_cover .item_img{margin:0 auto; transition:opacity 0.8s; overflow:hidden; width:80px; padding:10px 0 40px;}
.cont-grid .txt-group:hover .item_cover .item_img{opacity:0;}
.cont-grid .txt-group .item_cover .item_img img {display:block; max-width:100%;}
.cont-grid .txt-group:hover .item_cover .item_txt{ color:#fff;}
.cont-grid .txt-group .item_cover .item_txt {text-align:center;}
.cont-grid .txt-group .item_cover .item_txt .pkg {margin:30px 0 0;font-size:1.25rem; padding:10px 15px; display:inline-block; background:#333; color:#fff;}
.cont-grid .txt-group:hover .item_txt .pkg {color:yellow; border:1px solid yellow;}
.cont-grid .txt-group .item_cover .item_txt .pkg span{font-size:1.125rem; display:inline-block; font-family :'FlightSans-Bold', sans-serif; margin:0 8px;}
.cont-grid .txt-group .item_cover .item_txt em {display:inline-block; font-size:1.625rem; line-height:1.4; font-family :'FlightSans-Bold', sans-serif; border-bottom:1px solid #333; }
.cont-grid .txt-group:hover .item_cover .item_txt em {border-bottom:1px solid #fff;}
.cont-grid .txt-group .item_cover .item_txt .color_rose{display:block; font-size:1rem; line-height:1.6; font-family: 'FlightSans-Regular', sans-serif; padding:0 50px; margin-top:2em;}
.cont-grid .txt-group .item_cover .item_txt .pri{padding-top:20px;font-family: 'Montserrat', sans-serif; font-size:1rem; color:#999;}
.cont-grid .txt-group .item_cover .item_txt .pri strike {font-size:1.125rem; color:#999;}
.cont-grid .txt-group .item_cover .item_txt .pri .price {font-size:1.5rem; padding-left:15px; font-weight:700; color:#191919;}
.cont-grid .txt-group:hover .item_txt .pri, .cont-grid .txt-group:hover .item_txt .pri .price, .cont-grid .txt-group:hover .item_txt .pri strike{color:#fff;}
.cont-grid .txt-group:hover .item_txt .pri font{color:#ff0000 !important;}
.cont-grid .txt-group .txt-group {background:#fff; margin-top:3rem; padding:3rem 0;}
.cont-grid .txt-group .txt-group .item_txt em{display:inline-block; font-size:1.625rem; line-height:1.4; font-family :'FlightSans-Bold', sans-serif; border-bottom:1px solid #333; }

.cont-grid .txt-group-sub {height:450px; position:relative; border:1px solid #355BF5;}
.cont-grid .txt-group-sub:before{content:""; position:absolute; left:50%;top:-44px; transform:translateX(-50%); width:1px; height:54px; background:#000; z-index:10;}
.cont-grid .txt-group-sub:after{content:""; position:absolute; left:50%;top:10px; transform:translateX(-50%); width:6px; height:6px; border-radius:50%; border:2px solid #191919; z-index:10; background:#191919;}
.cont-grid .txt-group-sub:last-child {margin-right:0;}
.cont-grid .txt-group-sub .img {width:100%; height:100%; opacity:0.5;}
.cont-grid .txt-group-sub .img img{width:100%; height:100%; object-fit:cover;}
.cont-grid .txt-group-sub .cover_bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; transition:opacity 0.8s;}
.cont-grid .txt-group-sub .item_cover { position:absolute; left:50%;top:50%; width:100%; transform:translate(-50%,-50%); text-align:center; transition:top 0.8s;}
.cont-grid .txt-group-sub .item_cover .item_img{margin:0 auto; transition:opacity 0.8s; overflow:hidden; width:80px; padding:10px 0 40px;}
.cont-grid .txt-group-sub .item_cover .item_img img {display:block; max-width:100%;}
.cont-grid .txt-group-sub .item_cover .item_txt {text-align:center;}
.cont-grid .txt-group-sub .item_cover .item_txt .pkg {margin-top:35px;font-size:1.25rem; display:inline-block; }
.cont-grid .txt-group-sub .item_cover .item_txt .pkg span{font-size:1.25rem; display:inline-block; font-family :'FlightSans-Bold', sans-serif; margin:0 5px;}
.cont-grid .txt-group-sub .item_cover .item_txt .pkg span.blue{color:#355BF5;}
.cont-grid .txt-group-sub .item_cover .item_txt em {display:inline-block; font-size:1.125rem; padding:15px 35px; font-family :'FlightSans-Bold', sans-serif; background:#355BF5; border-radius:50px; color:#fff; }
.cont-grid .txt-group-sub .item_cover .item_txt .color_rose{display:block; font-size:1rem; line-height:1.5; font-family: 'FlightSans-Regular', sans-serif; padding:0 50px; margin-top:1.5em;}
.cont-grid .txt-group-sub .item_cover .item_txt .pri{padding-top:15px;font-family: 'Montserrat', sans-serif; font-size:1rem; color:#999;}
.cont-grid .txt-group-sub .item_cover .item_txt .pri strike {font-size:1.125rem; color:#999;font-family: 'Montserrat', sans-serif;}
.cont-grid .txt-group-sub .item_cover .item_txt .pri .price {font-size:1.5rem; font-weight:700; color:#191919;font-family: 'Montserrat', sans-serif;padding-left:15px;}
.cont-grid .txt-group-sub .txt-group {background:#fff; margin-top:3rem; padding:3rem 0;}
.cont-grid .txt-group-sub .txt-group .item_txt em{display:inline-block; font-size:1.625rem; line-height:1.4; font-family :'FlightSans-Bold', sans-serif; border-bottom:1px solid #333; }


section.bg_sect{ padding:13rem 0;background:#f5f7f9; margin:0 auto;}
.special_sect .bg_tit{text-align:center; color:#333;}
.special_sect .bg_tit .desc {display:inline-block; margin-bottom:4rem; font-size:1.1rem; font-weight:600; color:#355BF5; letter-spacing:0.5px;font-family: 'Montserrat'; padding:12px 20px; border-radius:3px; border:1px solid #355BF5;}
.special_sect .bg_tit .tit{position:relative; font-size:3.25rem; line-height:1.4; font-family: 'FlightSans-Bold', sans-serif;}
.special_sect .bg_tit .tit span{color:#355BF5;}
.special_sect .cont{display:flex; align-items:flex-start; justify-content: space-between; max-width:1600px; margin:8rem auto 5rem; position:relative; background:#fff; padding-bottom:7rem;}
.special_sect .cont .tab_wrap{position:sticky;left:1rem;top:0; width:20%; padding-left:5rem;}
.special_sect .cont .tab_wrap .tab{position:relative; display:block; color:#333; font-size:1.75rem; opacity:0.7; transition:all 0.7s; cursor:pointer; padding:1rem 0 1.5rem; margin-bottom:10px;}
.special_sect .cont .tab_wrap .tab:first-child{margin-top:7rem;}
.special_sect .cont .tab_wrap .tab.active {opacity:1; }
.special_sect .cont .tab_wrap .tab:hover{opacity:1; font-weight:700; }
.special_sect .cont .tab_wrap .tab + .tab{padding:2rem 0 1.5rem;}
.special_sect .cont .tab_wrap .tab + .tab.active{}
.special_sect .cont .tab_wrap .tab + .tab:hover{}
.special_sect .cont .tab_wrap .tab .desc{font-size:1rem; color:#333;font-weight:600;transition:color 0.3s; font-family: 'Montserrat', sans-serif; }
.special_sect .cont .tab_wrap .tab.active .desc{color:#355BF5;}
.special_sect .cont .tab_wrap .tab:hover .desc{color:#355BF5;}
.special_sect .cont .tab_wrap .tab .tit {margin-top:0.75rem; font-size:1.375rem;word-break:keep-all;font-weight:700;}
.special_sect .cont .tab_wrap .tab .tit span{position:relative;}
.special_sect .cont .tab_wrap .tab .tit span:before{content:'';position:absolute;left:0;bottom:-1rem;width:150px;height:1px; background-color:#aaa; transition:width 0.7s;}
.special_sect .cont .tab_wrap .tab.active .tit span:before{width:260px; background-color:#355BF5;}
.special_sect .cont .tab_wrap .tab:hover .tit span:before{width:260px; background-color:#355BF5;}
.special_sect .cont .box_wrap {width:80%;}
.special_sect .cont .box{text-align:center}
.special_sect .cont .box .txt_wrap .desc{font-size:1.325rem;font-weight:700;color:#355BF5; padding-top:8rem; border-radius:5px;font-family: 'Montserrat', sans-serif;}
.special_sect .cont .box .txt_wrap .tit{margin-top:3rem;font-size:2.325rem;;color:#333;line-height:1.2;word-break:keep-all;font-family: 'FlightSans-Bold', sans-serif;}
.special_sect .cont .box .txt_wrap .txt{font-size:1.125rem; margin-top:1.5rem; font-weight:400;color:#333;word-break:keep-all; line-height:1.6;}
.special_sect .cont .box .txt_wrap .time{padding-top:2rem; font-size:1rem; font-family: 'FlightSans-Bold', sans-serif; border-bottom:1px solid #222; display:inline-block; padding-bottom:5px;}
.special_sect .cont .box .img{margin-top:1rem;}
.special_sect .cont .box .img img{width:700px;}

.right_cont{padding-top:2.5rem; width:70%; margin:0 auto;}
.right_cont li{display:flex; padding-bottom:3rem; border-bottom:1px dashed #eee; margin-top:3rem;}
.right_cont li:last-child{border-bottom:0;}
.right_cont li .cir_badge {font-family:"Noto Serif KR", serif; text-transform:capitalize; line-height:2rem; display:inline-block; padding:0 1.125rem; height:2rem; flex-shrink:0; font-size:0.75rem; font-weight:600; background-color:#355BF5; color:#fff; border-radius:50px;}
.right_cont li .cir_badge .num {font-family:"Noto Serif KR", serif; font-size:0.75rem; font-weight:600;}
.right_cont li .txt_box {margin-left:3rem; text-align:left;}
.right_cont li .txt_box .deps3_tit {font-size:1.625rem; word-break:keep-all;font-family :'FlightSans-Bold', sans-serif;}
.right_cont li .txt_box .txt1{margin-top:1rem; line-height:1.6; word-break:keep-all; font-size:1.125rem;font-family :'FlightSans-Regular', sans-serif;}









/* BASIC css end */