@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
html,body{padding:0px;margin:0px;}
html,body,div,p,a,button,span,li{font-family: 'NanumSquare', sans-serif;}
input{font-family:'Montserrat', sans-serif;}
button.basic{border:0px;background-color:rgba(0,0,0,0);color:#fff;padding:20px;cursor:pointer}
button.basic:hover{border:1px solid #fff}
h3{font-size:30px;font-family:'Montserrat', sans-serif;}
h4{font-size:35px;font-family: 'NanumSquare', sans-serif;font-weight:800}
.full{width:100%;margin:0 auto}
.full90{width:90%;margin:0 auto}
.full500{width:500px;margin:0 auto}
.full600{width:600px;margin:0 auto}
.full700{width:700px;margin:0 auto}
.full1280{max-width:1280px;width:100%;margin:0 auto}
.newbox{max-width:calc(90% - 40px);width:100%;height:calc(90vh - 40px);padding:20px;margin:0 auto;}
.flex{display:flex;align-items:center;justify-content:space-between;}
.flex-half > div{float:left}
.pc-view{display:block}
.mo-view{display:none}
.bar{width:80px;height:6px;background-color:#303030;margin-bottom:20px}
.bar-white{width:80px;height:6px;background-color:#fff;margin-bottom:20px}
.text-white{color:#fff}
.text-blue{color:#317cff}
.underline{text-decoration:underline}
.bg-gray{background-color:#eeeeee}
.center{text-align:center;margin:0 auto}


/*News Banner*/
/* .newszone{width:100%;height:50px;padding-top:10px;background-color:#317cff}
.newszone > div > div{font-size:16px} */

/*퀵메뉴*/
.quick{width:100px;height:800px;position:fixed;top:0;bottom:0;margin:auto;right:10px;z-index:9999;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.quick ul{margin:0}
.quick ul li{list-style:none;width:100px;}
.quick ul li a div{background-size:cover}
.quick ul li:nth-child(1) a div{width:100px;height:100px;background-image:url(/images/q4.jpg)}
.quick ul li:nth-child(1) a:hover div{background-image:url(/images/q4hover.jpg)}
.quick ul li:nth-child(2) a div{width:100px;height:100px;background-image:url(/images/q1.jpg)}
.quick ul li:nth-child(2) a:hover div{background-image:url(/images/q1hover.jpg)}
.quick ul li:nth-child(3) a div{width:100px;height:100px;background-image:url(/images/q2.jpg)}
.quick ul li:nth-child(3) a:hover div{background-image:url(/images/q2hover.jpg)}
.quick ul li:nth-child(4) a div{width:100px;height:130px;background-image:url(/images/q3.jpg)}
.quick ul li:nth-child(4) a:hover div{background-image:url(/images/q3hover.jpg)}
.quick ul li:nth-child(5) a div{width:100px;height:100px;background-image:url(/images/q5.jpg)}
.quick ul li:nth-child(5) a:hover div{background-image:url(/images/q5hover.jpg)}
.quick ul li:nth-child(6) a div{width:100px;height:100px;background-image:url(/images/q6.jpg)}
.quick ul li:nth-child(6) a:hover div{background-image:url(/images/q6hover.jpg)}
/* .quick ul li:nth-child(4),.quick ul li:nth-child(5),.quick ul li:nth-child(6){height:135px} */
.quick ul li:nth-child(7){height:135px}
.quick ul li:nth-child(8),.quick ul li:nth-child(8){height:auto;}
.quick ul li:nth-child(8) a,.quick ul li:nth-child(8) a{display:block;color:#fff;}
.quick ul li:nth-child(7) div{padding:15px;background-color:#317cff;font-size:14px;color:#fff}
.quick ul li:nth-child(7) div p{font-size:24px;font-weight:600}
/*.quick ul li:nth-child(5) div{padding:15px;background-color:#42bfff;font-size:14px;color:#fff}
.quick ul li:nth-child(5) div p{font-size:24px;font-weight:600}
.quick ul li:nth-child(6) div{padding:15px;background-color:#29bda9;font-size:14px;color:#fff}
.quick ul li:nth-child(6) div p{font-size:24px;font-weight:600}*/
.quick ul li:nth-child(8){height:30px;background-color:#303030;text-align:center;padding-top:5px}
.quick ul li:nth-child(8) a{color:#fff}

/*Main Banner*/
#main-banner{background-color:#f9f9f9}
.left-text{width:20%;text-align:left}
.left-text > p{font-family: 'Montserrat', sans-serif;font-size:50px;font-weight:800;color:#303030}
.left-text > p.text-line{color:#f9f9f9;-webkit-text-stroke: 1px #bbbbbb; /*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/}
.right-banner{width:80%;text-align:center}
.right-banner > div{background-size:cover;text-align:left;padding:20px;width:260px;height:370px;margin-left:20px;box-shadow: 3px 5px 5px rgba(0,0,0,0.3);}
.right-banner > div > p{font-family: 'NanumSquare', sans-serif;font-size:30px;color:#303030;font-weight:600}
.right-banner > div > span{font-size:16px;font-weight:600;color:#303030;letter-spacing:-0.5px}
.right-banner > div > div.bubox{width:100%;padding-top:170px;float:bottom;text-align:right;vertical-align:bottom;outline-style:none;}
.right-banner > div > div.bubox > button{position:relative;bottom:0px}
.banner1{background-image:url(/images/sec02_01.jpg)}
.banner2{background-image:url(/images/sec02_02.jpg)}
.banner3{background-image:url(/images/sec02_03.jpg)}
.banner4{background-image:url(/images/sec02_04.jpg)}

/*main-footer*/
#main-footer{background-color:#303030;}
#main-footer > footer.full90{width:100%;padding:50px 5%}
#main-footer > footer.full90 > div > div > button.footer-price{background-color:#303030;border:1px solid #fff;border-radius:30px;padding:10px 20px;color:#fff;}
#main-footer > footer.full90 > div > div > button.footer-price:hover {cursor:pointer;background-color:#fff;}
#main-footer > footer.full90 > div > div > button.footer-price:hover a{color:#303030}
#main-footer > footer.full90 > div > a > img.footer-logo{max-width:300px}
#main-footer > footer.full90 > div > div.snsbox > a{margin-left:15px}
#main-footer > footer.full90 > div.address{padding-top:50px}
#main-footer > footer.full90 > div.address > p{color:#fff;font-size:14px}
#main-footer > footer.full90 > div.address > p > span{font-size:12px;padding:0px 10px; color:rgba(255,255,255,0.5)}


/*main-db*/
#main-db{background-color:#274d78}
#main-db > div.full1280{max-width:1280px;width:100%;padding:50px 20px;margin:0 auto}
#main-db > div.full1280 > div.main-db-call{border-right:1px solid #fff;padding-right:100px}
#main-db .full1280 .main-db-input input{color:#000;background-color:#fff;border:0px;width:90%;max-width:100px;font-size:18px;font-weight:600;padding:15px 20px;border-radius:50px;outline-style:none}
#main-db .full1280 .main-db-input{color:#fff;font-size:14px;line-height:20px;display:inline-block;vertical-align:middle;}
#main-db .main-db-button_wrap{display:inline-block;vertical-align:middle;margin-left:30px;}
#main-db input.main-db-button{width:200px;height:200px;border-radius:30px;text-align:center;border:0px;background-color:#0e2948;color:#fff;font-size:20px;font-weight:600}
#main-db input.main-db-button:hover{background-color:#fff;color:#303030;cursor:pointer}

/*main-partners*/
#main-partners{text-align:center;padding-top:50px}
#main-partners > div{padding:50px 0px}

/*main-bus*/
#main-bus{text-align:center;padding-top:50px}
#main-bus > div{padding:50px 0px}
#main-bus > div > div{border-right:1px solid #eaeaea;width:calc(90% / 3);text-align:center}
#main-bus > div > div:first-child{border-left:1px solid #eaeaea}

/*main-map*/
#main-map{text-align:center;padding-top:50px}
#main-map > div{padding:50px 0px}
#main-map > div > div.map{width:100%}
#main-map > div > div.time{background-color:rgba(19,55,95,0.8);color:#fff;padding:30px 50px;position:absolute;z-index:999;left:10%;margin-top:5%}
#main-map > div > div.time > div:first-child{border-bottom:1px solid #fff;padding-bottom:20px}
#main-map > div > div.time > div > div.circle{background-color:#fff;color:rgba(19,55,95,1);border-radius:50%;width:100px;height:100px;line-height:100px;text-align:center;font-size:18px;font-weight:800}
#main-map > div > div.time > div > div.info{width:250px;text-align:left;padding-left:50px}
#main-map > div > div.time > div > div.info > div{padding-bottom:20px}
#main-map > div > div.time > div > div.info > div > a{text-decoration:none;color:#fff;padding:10px;border:1px solid #fff}
#main-map > div > div.time > div > div.info > div > a:hover{background-color:#fff;color:rgba(19,55,95,1);}

/*swiper*/
#main-care{background-size:cover;background-position:center center}
#main-care > div{height:calc(100vh - 40px);margin:0 auto;}
#main-care > div > div.text-box{width:30%;padding:0px 80px}
#main-care > div > div.text-box > p{font-size:18px;line-height:150%}
#main-care > div > div.text-box-center{width:100%;padding:0px 0px;text-align:center}
#main-care > div > div.text-box-cetner > p{font-size:18px;line-height:150%}
#main-care > div > div.swiper-box{width:70%}

.bg-care{background-image:url(/images/sec06_01.jpg);}
.bg-program{background-image:url(/images/sec05_01.jpg);}
.bg-system{background-image:url(/images/sec04_01.jpg);padding-top:50px}

.swiper-slide > div > h5{font-size:24px}
.swiper-slide > div > p{font-size:18px}
.swiper-slide > div{width:100%}
.swiper-slide > div > img{width:100%;box-shadow: 3px 5px 5px rgba(0,0,0,0.3);}

.swiper-container {
  width:100%;
  height:100%;
}

.swiper-slide {
  width:auto;
  height:auto;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  ju

stify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


/*main slide*/
.glyphicon-chevron-left:before{content:none; !important}
.glyphicon-chevron-right:before{content:none; !important}

.item{background-color:rgba(0,0,0,0)}
.item > div{height:100%;}
.main-slide-text{position:absolute;top:30%;left:10%}
.main-slide-text > h6{font-size:60px;font-weight:600;background: linear-gradient(to right, #0440a7, #0aaebb);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.main-slide-text > p{font-size:25px;font-weight:400}
.scroll{position:absolute;top:80vh;z-index:999;width:100%;text-align:center}
.scroll span{position:relative;top:0;animation:scroll 0.8s ease-in-out 0.5s infinite alternate;}
@keyframes scroll {
	0%{top:0;}
	50%{top:-5px;}
	100%{top:0;}

}
#main-slide .item.slide04 h5,
#main-slide .item.slide09 h5{font-size:60px;font-weight:500;color:#414241;}
#main-slide .item.slide04 h5 em,
#main-slide .item.slide09 h5 em{text-decoration:none;font-style:normal;background:linear-gradient(to right, #0440a7, #0aaebb);color:#fff;}
#main-slide .item.slide04 .view{margin-top:50px;}


@media (max-width: 1600px){
	.main-slide-text{top:20%;left:5%;}
	.main-slide-text > h6{font-size:40px;}
	#main-slide .item.slide04 h5, #main-slide .item.slide09 h5{font-size:40px;}
	#main-slide .item .listwrap03{width:750px;height:128px;font-size:20px;}
}
@media (max-width: 768px){

	.pc-view{display:none}
	.mo-view{display:block}
	.prev, .next,.text {font-size: 11px}

	.flex{flex-direction:column;}
	.full600{width:90%}

	.newszone, .quick, .scroll{display:none}


	.main-slide-text{position:absolute;text-align:center;width:80%;margin:auto;right:0;top:5%;left:0;}
	#main-slide .item .listwrap03{display:block;max-width:66.40625vw;width:auto;height:44.53125vw;margin:50px auto auto;font-size:2.604vw;background:url(/img/sub_n/mn_s03_bg02_m.png)no-repeat center center /cover;}
	#main-slide .item .listwrap03:after{content:'';display:block;clear:both;}
	#main-slide .item .listwrap03 .list{display:block;float:left;width:33.3333%;height:50%;padding:5vw 0;}
	#main-slide .item .listwrap03 .list p{font-weight:900;}
	#main-slide .item .listwrap03 .list04{clear:both;}


	#main-slide .item .listwrap01{max-width:43.48958333333333vw;margin:20px auto auto;width:100%;height:42.70833333333333vw;background:url(/img/sub_n/mn_s03_bg01_m.png)no-repeat center center /cover;}
	#main-slide .item .listwrap01:after{content:'';display:block;clear:both;}
	#main-slide .item .listwrap01 .list{display:block;float:left;width:50%;height:50%;padding-top:6vw;}
	#main-slide .item .listwrap01 .list03{clear:both;}

	#main-slide .item .listwrap01 .list p{font-size:3.5vw;font-weight:900;}

	#main-slide .item .listwrap02{max-width:none;width:48vw;margin:20px auto auto;font-size:2.5vw;}
	#main-slide .item .listwrap02 .list04{margin-left:6.4vw !important;clear:both;}
	#main-slide .item .listwrap02 .list{width:18.0520vw;margin-left:-2.5vw;}
	#main-slide .item .listwrap02 .list .tbwrap{width:100%;height:18.0520vw;}

	/* #main-slide .slide_arrow_btn{height:50px;}
	#main-slide .left_carousel-control,
	#main-slide .right_carousel-control{width: 50px;height: 50px;}
	#main-slide .left_carousel-control:after,
	#main-slide .right_carousel-control:after{height: 30px;margin-top: -15px;} */


	.main-slide-text > h6{font-size:24px;font-weight:900;}
	#main-slide .item.slide04 h5,
	#main-slide .item.slide09 h5{font-size:24px;line-height:1.3;font-weight:900;}
	#main-slide .item.slide04 .view{margin-top:10px;}
	.main-slide-text > h2{font-size:24px;margin:10px auto}
	.main-slide-text > p{font-size:16px;}
	.item > div{height:auto;}

	.left-text{width:100%}
	.newbox{height:100%}
	.right-banner{width:100%}
	.right-banner > div{width:100%;height:300px;margin-left:0px;margin-bottom:10px;background-position:bottom center}
	.right-banner > div > div.bubox{padding-top:100px}
	.right-banner > div > p{font-size:30px}




	#main-care > div{height:100%}
	#main-care > div > div.text-box{width:100%;padding:50px}
	#main-care > div > div.swiper-box{width:80%;padding-bottom:50px}

	.bg-system, .bg-care{padding-top:50px}
	.swiper-slide > div > p{font-size:14px}

	#main-map > div > div.time{position:relative;width:100%;left:0%;margin:0 auto;background-color:rgba(19,55,95,1)}
	#main-map > div > div.time > div:nth-child(2) div.circle{margin-top:30px}

	#main-bus > div > div{width:100%;padding-bottom:50px;font-size:18px;border-right:0px}
	#main-bus > div > div img{width:70%;margin-bottom:20px}
	#main-bus > div > div:first-child{border-left:0px}

	#main-partners > div > a{margin-bottom:10px}
	#main-partners > div > a:first-child img{width:70%}


	#main-db > div.full1280 > div.main-db-call{border-right:0px;padding-right:0px;padding-bottom:20px;text-align:center}
	#main-db > div.full1280 > div.main-db-call > img{width:70%}
	#main-db .full1280 .main-db-input{padding-bottom:20px;text-align:center}
	#main-db .main-db-button_wrap{text-align:center;margin-left:0;display:block;}
	#main-db input.main-db-button{width:300px;height:50px}
	#main-footer > footer.full90 > div > a > img.footer-logo{max-width:180px;margin:20px auto}

}
@media (max-width: 690px){
}
@media (max-width: 500px){
	h4,h3{font-size:30px}
	#main-map > div{padding:0px 30px}
	#main-care > div > div.text-box > p{font-size:14px}
	#main-care > div > div.swiper-box{width:100%;}

	#main-slide .item .listwrap03{font-size:10px;}
	/* #main-slide .item .listwrap03 .list{height:25.8vw;} */

	#main-slide .item .listwrap02 .list{width:17.052vw;}
	#main-slide .item .listwrap02 .list .tbwrap{height:17.052vw;}

	.main-slide-text > h2{font-size:22px;}
	.main-slide-text > h6{font-size:22px;}
	#main-slide .item.slide04 h5, #main-slide .item.slide09 h5{font-size:22px;}




}

@media (max-width: 400px){
	.left-text > p{font-size:40px;
	.right-banner > div > p{font-size:20px}
}