@charset "utf-8";


/*#main_content{ display:block; width:100%;}*/
#main_div{ display:block; clear:both;width:100%; position:relative; padding:100px 50px 150px 50px; box-sizing:border-box;}
.main_div{ display:block; margin:0 auto;  clear:both; padding: 0 0px}


/* main content { */

#visual{width:100%;  height:calc(100% - 150px);  border-radius:50px; overflow:hidden}
.swiper-wrapper > .swiper-slide div.background_div {width:100%;height:100%; background-size:cover;background-position:center;;position:relative; }

.vis00 { background:#ff3333; }
.vis01 { background-image:url('/images/main/visu_01.jpg');}
.vis02 { background-image:url('/images/main/visu_06.jpg');}
.vis03 { background-image:url('/images/main/visu_07.jpg');}
div.slide_t_wrap{position:absolute; z-index:100;  width:calc(100% - 200px); height:100%; margin:0 100px}
.slide_text {width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff;font-weight:700; }
.slide_text > p.slide_title {font-size:2em; font-weight:600; margin-bottom:10px; line-height:1.2em;}
.slide_text > p > a {font-size:1.2em; font-weight:600; color:#fff; background:#000; border-radius:30px; display:block; width:300px; height:60px; line-height:60px; text-align:center}
.slide_text > p > a:hover {color:#fff; background:#e41515; border:2px solid #fff}
.slide_text > p:nth-child(3) {margin-top:10px; font-size:1.2em; font-weight:600;text-align:center; line-height:1.2em }
.slide_text > p{line-height:1.5em; font-weight:500;}
.slide_text > ul {display:flex; flex-wrap:wrap; margin-top:100px; gap:20px 0;}
.slide_text > ul > li {padding-right:40px }
.slide_text > ul > li > div {width:250px; height:250px; border:5px solid rgba(255,255,255,0.5); border-radius:50%; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35);display:flex;flex-direction:column; justify-content:center; align-items:center }
.slide_text > ul > li > div > p {text-shadow: 6px 2px 2px rgba(0,0,0,0.7) }
.slide_text > ul > li > div > p:nth-child(1) {font-weight:500; font-size:1.5em;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35) }
.slide_text > ul > li > div > p:nth-child(2) {font-weight:700; font-family: 'Roboto', sans-serif;font-size:2em; color:#ff6600; margin-top:20px}
.slide_text > ul > li > div > p span.count_dan {font-size:0.8em; margin-left:5px}

p.main_title{ font-size:3em; font-weight:700;letter-spacing: -0.02em;}
p.main_txt{padding-top:30px; color:#666; line-height:1.5em;}

@media(max-width:640px){

div.slide_t_wrap{width:calc(100% - 40px); height:100%; margin:0 20px}
.slide_text > p > a {width:200px; height:40px; line-height:40px; text-align:center}

}


/* 사업영역 { */
#main_biz { width:100%; padding:100px 0; box-sizing:border-box; display:flex; flex-wrap:wrap }

div.biz_title{ padding:100px; font-size:1em; letter-spacing:-0.05em; width:900px; }
div.biz_title p.main_title{color:#ff3333}
div.biz_title p:nth-child(1){margin-bottom:10px}
div.biz_title p.main_txt{font-size:1.3em; font-size:700}
div.biz{width:calc(100% - 900px); font-size:1em;  }
div.biz ul{width:100%;display:flex; gap:30px }
div.biz ul li{text-align:center}
div.biz ul li a{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:260px; height:260px; border-radius:50%; background:#e7f2fb; font-size:1.1em; font-weight:600}
div.biz ul li a:hover{background:#add8fb}
div.biz ul li p{margin-top:20px; font-size:0.9em; }
div.biz ul li p br{display:block !important; }

@media(max-width:1800px){
#main_biz {padding:80px 0; }
div.biz_title{ padding:50px; width:600px; }
div.biz{width:calc(100% - 600px); font-size:1em;  }
}
@media(max-width:1600px){
#main_biz {padding:80px 0;    }
div.biz_title{ padding:30px; width:500px; }
div.biz{width:calc(100% - 500px); font-size:1em;  }
div.biz ul li a{width:200px; height:200px;font-size:1em;}

}

@media(max-width:1200px){
#main_biz {padding:80px 0;    }
div.biz_title{ padding:20px 20px; width:100%; }
div.biz{width:100%;  }
div.biz ul li a img{width:80px}
}
@media(max-width:840px){
#main_biz {padding:40px 0;    }
div.biz_title{ padding:20px 20px;}
div.biz ul li a{width:160px; height:160px; }
div.biz ul li p{margin-top:10px; }

}
@media(max-width:640px){

#visual{border-radius:20px; }
#main_biz {padding:20px 10px;  }
div.biz_title{ padding:20px 0px;}
div.biz ul{width:100%;display:flex; gap:0px;justify-content:center }
div.biz ul li{width:33.33333%; padding:0 5px;display:flex; flex-direction:column; align-items:center;}
div.biz ul li a{width:105px; height:105px; font-size:1em }
div.biz ul li a img{width:30px}
div.biz ul li p br{display:block !important; }
}

#main_price { width:100%; height:830px; overflow:hidden; padding:50px 0; box-sizing:border-box; display:flex; flex-wrap:wrap}
div.price_title{ padding:100px; font-size:1em; letter-spacing:-0.05em; width:900px; background:#333333; color:#fff; border-radius:50px 0 0 50px;background:#333 url('/images/main/ico_sec03.png' ) no-repeat right bottom; }
div.price_title p:nth-child(2){padding-top:30px; font-size:1.3em; font-size:700; color:#fff; margin-bottom:10px}
div.price_title ul{display:flex; flex-direction:column; gap:10px; margin-bottom:10px; width:530px; margin-top:20px }
div.price_title ul > li{width:100%; border:1px solid #ccc; border-radius:50px; padding:20px 30px; }
div.price_title ul > li > div{display:inline-block; font-weight:600; font-size:1.1em; padding-right:20px}
div.price_title ul > li > span:after{display:inline-block; width:1px; height:20px;background:#fff; content:""; margin-right:20px}
div.price{width:calc(100% - 900px); font-size:1em; background:#fff; }
div.price > ul{width:100%; height:100%; display:flex; flex-wrap:wrap }
div.price > ul > li{width:50%; border:1px solid #ccc; height:50%; margin-left:-1px; display:flex; flex-direction:column; align-items:center; justify-content:center;position:relative }
div.price > ul > li > span{position:absolute; right:0; top:0; display:inline-block; background:#f4f4f4; border:1px solid #ff3333; padding:5px 20px; font-size:0.9em }
div.price > ul > li > p.pay_01{font-size:1.3em; font-weight:600; margin-bottom:10px;  }
div.price > ul > li > p.pay_01 > span:nth-child(1){font-size:1.7em; font-weight:600; color:#ff3333; margin-right:10px; letter-spacing:-3px }
div.price > ul > li > p.pay_01 > span:nth-child(2){font-size:0.8em; font-weight:400; }
div.price > ul > li > p.pay_03{margin-bottom:30px;  }
div.price > ul > li > p.pay_03 > span:nth-child(2):after{ display:inline-block; width:30px; height:30px; content:"→" ; text-align:center; }
div.price > ul > li > p.pay_03 > span:nth-child(3){color:#ff3333;font-size:1.2em; font-weight:600 }
div.price > ul > li > a{display:line-block; border:2px solid #ff3333; background:#f4f4f4; border-radius:30px; padding:10px 20px}

div.price > ul > li:hover{border:2px solid #ff3333 }
div.price > ul > li:hover > span{background:#ff3333;color:#fff }
div.price > ul > li:hover  > a{color: #ffffff; background:#ff3333;}
p.pay_03 > span:nth-child(1){  text-decoration: line-through; text-decoration-color:#ff3333 }

@media(max-width:1800px){
#main_price { }
div.price_title{ padding:50px; }

}
@media(max-width:1600px){

#main_price { width:100%; height:auto }
div.price_title{ padding:50px; width:100%; border-radius:10px 0 0 10px;background:#333 url('/images/main/ico_sec03.png' ) no-repeat right bottom ; }
div.price{width:100%; margin-top:20px  }
div.price > ul > li{width:50%;  height:auto; padding:40px; margin-left:0}
div.price_title ul{width:100%;}

}
@media(max-width:1200px){

#main_price { width:100%; height:auto }
div.price_title{ background-size:150px; }
div.price{width:100%; margin-top:20px  }
div.price > ul > li{width:50%;  height:auto; padding:40px; margin-left:0}


}
@media(max-width:840px){

div.price_title{ background-size:100px;padding:20px; }
div.price_title ul > li{border-radius:30px; padding:10px 20px; }
}
@media(max-width:640px){
div.price_title ul > li{border-radius:20px; padding:5px 5px; }
div.price > ul > li{padding:40px 10px 10px 10px; margin-left:0}
div.price > ul > li > span{padding:2px 1
0px; font-size:0.9em }

div.price > ul > li > p{font-size:1.1em;  }
div.price > ul > li > p > span{font-size:1.5em; margin-right:5px;  }
}



#main_why { width:100%; height:600px; overflow:hidden; padding:50px 0;; box-sizing:border-box; display:flex; flex-wrap:wrap}
div.why_title{ padding:100px; font-size:1em; letter-spacing:-0.05em; width:900px; background:#e7f2fb; border-radius:50px 0 0 50px;}
div.why{width:calc(100% - 900px); font-size:1em; background:#ff3333 url('/images/main/ico_sec04.png' ) no-repeat right bottom;; }
div.why > div{width:100%}
div.why_title p:nth-child(1){margin-bottom:10px}
div.why_title p.main_title{ color:#ff3333;}
div.why_title p:nth-child(3){padding-top:30px; font-size:1.3em; font-size:700; margin-bottom:10px}


div.biz_list{width:100%;position:relative;  max-width:630px; max-height:550px; overflow:hidden}
div.biz_list > ul{ display:flex;}
div.biz_list > ul li{ width:100%;padding:60px 10px 20px 0; text-align:left; }



div.biz_list > ul li > div{ width:100%; color:#fff; max-height:500px}
div.biz_list > ul li > div > p:nth-child(1){font-size:1.5em; font-weight:600; letter-spacing:-4px; margin-bottom:30px}
div.biz_list > ul li > div > p:nth-child(2){font-size:2em; font-weight:600; letter-spacing:-4px; margin-bottom:30px}

div.pageNavi{position:relative; padding:50px; width:400px; margin:0 auto; }
div.pageNavi div.swiper-button-next,div.pageNavi div.swiper-button-prev{width:50px; height:50px }
div.pageNavi .swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  bottom:35px
}


@media(max-width:1800px){
#main_why { }
div.why_title{ padding:50px;width:700px; }
div.why{width:calc(100% - 700px);  background-size:200px;  }
}
@media(max-width:1600px){
#main_why { height:auto; padding:30px 0;}
div.why_title{ width:100%;  border-radius:30px 0 0 0px;}
div.why{width:100%; ; background-size:200px; border-radius:0px 0 30px 0px;}
div.why_title p:nth-child(3){padding-top:20px;}


}
@media(max-width:840px){
div.why{width:100%; ; background-size:100px; }

}
@media(max-width:640px){
div.biz_list{max-width:100%; max-height:450px; overflow:hidden; padding:0 0 0 20px}
div.pageNavi{width:200px; margin:0 auto;  }
div.why_title{ padding:20px;}
}

#main_latest { width:100%; padding:80px 0;; box-sizing:border-box; background:#f2f2f2}
#main_latest > div.latest {width:1400px; margin:0 auto;  display:flex; flex-wrap:wrap; padding:0 0}
#main_latest > div.latest  > dl{width:50%; padding:10px 20px}
#main_latest > div.latest  > dl dt{width:100%; border-bottom:1px solid #ff3333; position:relative; padding:0 0 10px 10px; margin-bottom:20px; font-size:1.5em; font-weight:700; color:#000}
#main_latest > div.latest  > dl dt span{position:absolute; right:5px; bottom:5px;width:35px; height:35px}
#main_latest > div.latest  > dl dd ul > li{padding-bottom:10px; padding-right:10px; display:flex; justify-content:space-between}
#main_latest > div.latest  > dl dd ul > li > div:nth-child(1){font-size:0.9em; background:url('/images/main/dot_notice.png' ) no-repeat left center; padding-left:15px;}
#main_latest > div.latest  > dl dd ul > li > div:nth-child(2){font-size:0.8em}



@media(max-width:1600px){
#main_latest { padding:40px 0}
#main_latest > div.latest {width:100%}
#main_latest > div.latest  > dl{width:100%; padding:10px 10px}
#main_latest > div.latest  > dl dt span{width:30px; height:30px}

}
@media(max-width:840px){
#main_latest > div.latest  > dl dt span{width:25px; height:25px}

}
@media(max-width:640px){
#main_latest { padding:20px 0}
div.pageNavi{display:none }

div.price_title{ background:#333 url('/images/main/ico_sec03.png' ) no-repeat right bottom; background-size:50px auto }
}

.visual_text {color:#fff; font-size:40px;line-height:1em; font-weight:400; width:680px; text-align:center;
    -webkit-text-shadow: 5px 5px 5px rgba(0,0,0,0.35);
    -moz-text-shadow: 5px 5px 5px rgba(0,0,0,0.35);
    text-shadow: 5px 5px 5px rgba(0,0,0,0.35)}
.visual_text > p.title {font-weight:700; font-size:58px; margin-bottom: 40px;}
.visual_text > p.title:after{/*max-width:100%; display:block; content:''; height:1px; background:#fff; margin:24px auto 15px;*/}









/* 사이즈별 폰트크기 섹션 패딩 */
@media(max-width:1500px){

}

@media(max-width:1200px){
#main_div{ padding:100px 30px 150px 30px; }
}
@media(max-width:840px){
#main_div{ padding:50px 20px 50px 20px; }
}
@media(max-width:640px){
#main_div{ padding:50px 0px 50px 0px; }
}
@media (max-width:1000px){
#main{font-size:18px; letter-spacing:0px}
#main p.main_title{ font-size:2.2em; font-weight:700;letter-spacing: -0.02em;}
#main p.main_txt{}

}
@media (max-width:840px){
#main{font-size:16px; letter-spacing:0px}
#main p.main_title{ font-size:2em; font-weight:700;letter-spacing: -0.02em;}
#main p.main_txt{padding-top:10px}

}

@media (max-width:640px){
#main{font-size:14px; letter-spacing:0px}
#main p.main_title{ font-size:1.8em; font-weight:700;letter-spacing: -0.02em;}
#main p.main_txt{}

}