@charset "utf-8";

/*ºñÁ־󿵿ª*/
#visual-section{position:relative; overflow:hidden; padding-top:clamp(100px, 8vw, 150px);}
#visual-section .visual-swiper{overflow:hidden; height:clamp(380px, 62vw, 768px);}
#visual-section .swiper{width:100%; height:100%; position:relative;}
#visual-section .swiper-slide{background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}


/*¸ÞÀÎ ºñÁÖ¾ó ¹è³Ê*/
visual-section .swiper-slide.visual03{background-image:url("../img/visual_chuseok.jpg?t={=time()}");}
#visual-section .swiper-slide.visual01{background-image:url("../img/visual01.jpg?t={=time()}");}
#visual-section .swiper-slide.visual_banner{background-image:url("../img/visual_banner.jpg?1030-1");}
#visual-section .swiper-slide.visual_tday{background-image:url("../img/visual_tday.jpg?1028-2");}
visual-section .swiper-slide.visual02{background-image:url("../img/visual02.jpg?t={=time()}");}
/*¸ÞÀÎ ºñÁÖ¾ó ¹è³Ê ³¡*/

#visual-section .swiper-slide.visual_tday a {display:block; width:100%; height:100%;}

#visual-section .swiper-slide img{display:block; width:100%; height:100%; object-fit:cover;}
#visual-section .vis-slider{height:100%; width:100%;}
#visual-section .vis-thum{width:50%; max-width:1400px; height:90px; position:absolute; bottom:40px; left:5%;right:5%;}
#visual-section .thum-slider{width:100%; max-width:1400px; height:90px; margin-left:auto; margin-right:auto; box-sizing:border-box;}
#visual-section .thum-slider .swiper-slide{width:25%; height:100%; background:#000; cursor:pointer; border:1px solid #dedede;}
#visual-section .thum-slider .swiper-slide img{opacity:.4;}
#visual-section .thum-slider .swiper-slide-thumb-active img{opacity:1;}
#visual-section .swiper-button-next,
#visual-section .swiper-button-prev{width:80px; height:80px; background:rgba(255,255,255,.5); border-radius:50px; border:1px solid #dedede; font-size:30px; color:#666;}
#visual-section .swiper-button-next:after,
#visual-section .swiper-button-prev:after{display:none;}
#visual-section .swiper-button-prev,
#visual-section .swiper-rtl .swiper-button-next{left:60px; right:auto;}
#visual-section .swiper-button-next,
#visual-section .swiper-rtl .swiper-button-prev{right:60px; left:auto;}
#visual-section .vis-bullet{position:absolute; bottom:220px; text-align:center; z-index:999; display:none;}
#visual-section .vis-bullet .swiper-pagination-bullet{width:40px; height:5px; background:rgba(0,0,0,.3); text-align:center; border-radius:0; opacity:1;}
#visual-section .vis-bullet .swiper-pagination-bullet-active{background:#fff;}

@media (max-width:1240px){
  #visual-section .vis-thum{left:5%; right:5%; height:100px; bottom:30px;}
  #visual-section .thum-slider{height:100px;}
  #visual-section .swiper-button-next,
  #visual-section .swiper-button-prev{width:60px; height:60px;}
  #visual-section .swiper-button-prev,
  #visual-section .swiper-rtl .swiper-button-next{left:40px;}
  #visual-section .swiper-button-next,
  #visual-section .swiper-rtl .swiper-button-prev{right:40px;}
}

@media (max-width:1024px){
  #visual-section .thum-slider{height:80px;}
  #visual-section .vis-thum{height:80px; bottom:20px;}
  #visual-section .swiper-button-next,
  #visual-section .swiper-button-prev{width:50px; height:50px;}
  #visual-section .swiper-button-prev,
  #visual-section .swiper-rtl .swiper-button-next{left:30px;}
  #visual-section .swiper-button-next,
  #visual-section .swiper-rtl .swiper-button-prev{right:30px;}
}

@media (max-width:860px){
  #visual-section .vis-thum{height:60px; bottom:20px;}
  #visual-section .thum-slider{height:60px;}
  #visual-section .swiper-button-next,
  #visual-section .swiper-button-prev{width:40px; height:40px;}
  #visual-section .swiper-button-next i,
  #visual-section .swiper-button-prev i{font-size:20px;}
  #visual-section .swiper-button-prev,
  #visual-section .swiper-rtl .swiper-button-next{left:20px;}
  #visual-section .swiper-button-next,
  #visual-section .swiper-rtl .swiper-button-prev{right:20px;}
}

@media (max-width:640px){
	#visual-section .visual-swiper{overflow:hidden; height:280px;}
  /* ÇÊ¿ä ½Ã ¸ð¹ÙÀÏ Àü¿ë À̹ÌÁö »ç¿ë
  #visual-section .swiper-slide.visual01{background-image:url("../img/visual01_m.jpg?v2");}
  #visual-section .swiper-slide.visual02{background-image:url("../img/visual02_m.jpg?v2");}
  */
}

@media (max-width:480px){
  #visual-section .vis-thum{height:40px; bottom:20px;}
  #visual-section .thum-slider{height:40px;}
}




/*¼½¼ÇŸÀÌƲ*/
.tit-area{color:#242424; padding:0 0; margin-bottom:50px;}
.tit-area h1{font-size:50px;font-weight:800; line-height:1em;}
.tit-area p{font-size:20px; font-weight:400; margin:30px 0 0; line-height:1.5em;}

@media screen and (max-width:1000px){
	.tit-area h1{font-size:50px;}
	.tit-area p{font-size:17px;}
	.tit-area p br{display:none;}
}

@media screen and (max-width:780px){
	.tit-area{margin-bottom:40px;}
	.tit-area h1{font-size:40px;}
	.tit-area p{font-size:16px; margin:15px 0 0;}
}

@media screen and (max-width:640px){
	.tit-area{margin-bottom:30px; padding:0 20px;}
	.tit-area h1{font-size:34px;}
	.tit-area p{font-size:15px; margin:10px 0 0;}
}

@media screen and (max-width:480px){
	.tit-area{margin-bottom:20px;}
	.tit-area h1{font-size:28px;}
	.tit-area p{font-size:14px;}
}

a.arrow-btn{background:#fff; color:#333; border:1px solid #dedede; border-radius:50px; line-height:58px; width:210px; display:inline-block; text-align:center;}
a.arrow-btn i{margin-left:20px;}
a.arrow-btn:hover{background:#252161; border:1px solid #252161; color:#fff; transition:all .4s}
a.arrow-btn:hover i{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .2s}

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

@media (max-width:860px){
	a.arrow-btn{line-height:50px; width:180px;}
}

@media (max-width:640px){
	a.arrow-btn{line-height:45px; width:160px; font-size:14px;}
}

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


#mcont01-section{padding:100px 0;}
#mcont01-section .benefit-area{}
#mcont01-section .benefit-area ul{}
#mcont01-section .benefit-area ul:after{clear:both; display:block; content:"";}
#mcont01-section .benefit-area ul li{float:left; width:25%; padding:0 10px;}
#mcont01-section .benefit-area ul li .box{background:#f2f9ff; border:1px solid #dedede; border-radius:10px; text-align:center; height:190px;}
#mcont01-section .benefit-area ul li:last-child .box{background:#3284c6; box-shadow: inset 0px 0px 10px rgba(8,57,96, .2);}
#mcont01-section .benefit-area ul li:last-child .box a{display:inline-block; width:100%; color:#fff; height:190px;}
#mcont01-section .benefit-area ul li .box h1{margin:36px 0 15px;}
#mcont01-section .benefit-area ul li .box p{font-weight:500; font-size:20px;}
#mcont01-section .benefit-area ul li:last-child .box p{font-size:26px;}
#mcont01-section .benefit-area ul li:last-child .box h2{font-size:16px; width:30px; height:30px; line-height:30px;border:1px solid #fff; border-radius:50px; margin:10px auto 0;}
#mcont01-section .benefit-area ul li:last-child .box a:hover h2{background:#fff; color:#3284c6; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .4s;}
#mcont01-section .benefit-area ul li .box p strong{color:#0d62a6;}

#mcont01-section .fran-area{margin-top:20px; overflow:hidden;}
#mcont01-section .fran-area:after{clear:both; display:block; content:"";}
#mcont01-section .fran-area .left-area{float:left; width:50%; max-width:690px; overflow:hidden; position:relative;}
#mcont01-section .fran-area .left-area .tit{position:relative;}
#mcont01-section .fran-area .left-area .tit h1{font-size:30px; font-weight:800; color:#111;}

#mcont01-section .fran-area .left-area .schedule-control{top:0; right:0; z-index:9999; position:absolute;}
#mcont01-section .fran-area .left-area .schedule-control:after{clear:both; display:block; content:"";}
#mcont01-section .fran-area .left-area .schedule-next,
#mcont01-section .fran-area .left-area .schedule-prev{z-index:99;width:45px; height:45px; line-height:45px; font-size:28px; text-align:center; color:#333; border-radius:50px; border:1px solid #dedede;font-weight:900; cursor:pointer; display:inline-block; float:left;}
#mcont01-section .fran-area .left-area .schedule-prev{margin-right:5px;}
#mcont01-section .fran-area .left-area .schedule-next{}
#mcont01-section .fran-area .left-area .schedule-page{width:auto; bottom:auto; left:auto; margin-right:10px; font-size:20px; line-height:45px; color:#b1b1b1; display:inline-block; position:relative; float:left;}
#mcont01-section .fran-area .left-area .swiper-pagination-current{color:#0d62a6;}
#mcont01-section .fran-area .left-area .schedule-slider{margin-top:20px;}

#mcont01-section .fran-area .left-area ul li.box{border:1px solid #dedede; border-radius:20px; height:116px; padding:30px 0; background:#fbfbfb; margin-bottom:10px;}
#mcont01-section .fran-area .left-area ul li.box:after{clear:both; display:block; content:"";}
#mcont01-section .fran-area .left-area ul li.box .date{float:left; width:27%; max-width:185px; text-align:center; border-right:1px solid #dedede;}
#mcont01-section .fran-area .left-area ul li.box .date h1{font-size:22px; font-weight:700; color:#3386c8;}
#mcont01-section .fran-area .left-area ul li.box .date p{font-size:18px; font-weight:700; color:#333; margin-top:3px;}
#mcont01-section .fran-area .left-area ul li.box .add{float:left; width:73%; padding:0 40px; letter-spacing:-0.05em;}
#mcont01-section .fran-area .left-area ul li.box .add h1{font-size:18px; font-weight:700; color:#333; margin:5px 0 3px;}
#mcont01-section .fran-area .left-area ul li.box .add p{font-size:16px; color:#525252;}

#mcont01-section .fran-area .left-area div.btn{width:100%; border-radius:20px; padding:0;}
#mcont01-section .fran-area .left-area div.btn a{display:inline-block; width:100%; line-height:100px; border-radius:20px; font-size:26px; background:#3284c6; color:#fff; box-shadow: inset 0px 0px 10px rgba(8,57,96, .2);}
#mcont01-section .fran-area .left-area div.btn a:hover{background:#1d6eaf;transition:all .4s;}
#mcont01-section .fran-area .left-area div.btn a i{margin-left:20px;}
#mcont01-section .fran-area .left-area div.btn a:hover i{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .4s;}

#mcont01-section .fran-area .right-area{float:right; width:50%; max-width:690px; overflow:hidden; position:relative;}
#mcont01-section .fran-area .right-area .swiper-slide{}
#mcont01-section .fran-area .right-area a{display:inline-block;width:100%; height:540px; position:relative; overflow:hidden;}
#mcont01-section .fran-area .right-area .img{border-radius:30px; width:100%; height:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}

#mcont01-section .banner-pagination{position:absolute; top:30px; right:30px; z-index:99;}
#mcont01-section .banner-pagination .swiper-pagination-bullet{width:18px; height:18px; border-radius:50px; border:2px solid #fff; background:#e5e5e5; opacity:1; margin:0 2px; border:none;}
#mcont01-section .banner-pagination .swiper-pagination-bullet-active{background:#3386c8; width:45px;}

@media (max-width:1420px){
	#mcont01-section .benefit-area ul li .box p{font-size:18px;}
	#mcont01-section .benefit-area ul li:last-child .box p{font-size:24px;}
}

@media (max-width:1140px){
	#mcont01-section .benefit-area ul li{padding:0 5px;}
	#mcont01-section .benefit-area ul li .box{height:160px;}
	#mcont01-section .benefit-area ul li:last-child .box a{height:160px;}
	#mcont01-section .benefit-area ul li .box h1{margin:26px 0 15px;}
}

@media (max-width:860px){
	#mcont01-section{padding:80px 0;}
	#mcont01-section .benefit-area ul li{width:50%; padding:5px;}
	#mcont01-section .benefit-area ul li .box{height:130px;}
	#mcont01-section .benefit-area ul li:last-child .box a{height:130px;}
	#mcont01-section .benefit-area ul li .box h1{margin:20px 0 15px;}
	#mcont01-section .benefit-area ul li .box h1 img{height:30px;}
	#mcont01-section .benefit-area ul li .box p{font-size:16px;}
	#mcont01-section .benefit-area ul li:last-child .box p{font-size:18px;}
	#mcont01-section .benefit-area ul li:last-child .box h2{font-size:13px; width:24px; height:24px; line-height:24px; margin:5px auto 0;}

	#mcont01-section .fran-area{margin-top:10px;}
	#mcont01-section .fran-area .left-area{float:left; width:100%; max-width:100%;}

	#mcont01-section .fran-area .left-area .tit h1{font-size:26px;}
	#mcont01-section .schedule-area{width:100%; max-width:100%;}
	#mcont01-section .fran-area .left-area .schedule-area .schedule-next,
	#mcont01-section .fran-area .left-area .schedule-area .schedule-prev{width:40px; height:40px; line-height:40px; font-size:22px;}
	#mcont01-section .fran-area .left-area .schedule-area .schedule-page{font-size:18px; line-height:40px;}

	#mcont01-section .fran-area .left-area ul li.box{border-radius:10px; height:auto; padding:20px;}
	#mcont01-section .fran-area .left-area ul li.box .date{width:100%; max-width:100%; text-align:left; border-right:none; border-bottom:1px solid #dedede; padding-bottom:10px; margin-bottom:10px;}
	#mcont01-section .fran-area .left-area ul li.box .date:after{clear:both; display:block; content:"";}
	#mcont01-section .fran-area .left-area ul li.box .date h1{font-size:20px; float:left;}
	#mcont01-section .fran-area .left-area ul li.box .date p{font-size:16px; float:left; margin-left:10px;}
	#mcont01-section .fran-area .left-area ul li.box .add{width:100%; padding:0;}
	#mcont01-section .fran-area .left-area ul li.box .add h1{margin:0 0 5px;}

	#mcont01-section .fran-area .left-area div.btn a{line-height:54px; border-radius:10px; font-size:18px;}

	#mcont01-section .fran-area .right-area{width:100%; max-width:100%; margin-top:20px;}
	#mcont01-section .fran-area .right-area .img{border-radius:20px;}
	#mcont01-section .fran-area .right-area a{height:450px;}

	#mcont01-section .banner-pagination{top:20px; right:20px;}
	#mcont01-section .banner-pagination .swiper-pagination-bullet{width:15px; height:15px;}
	#mcont01-section .banner-pagination .swiper-pagination-bullet-active{width:35px;}
}

@media (max-width:640px){
	#mcont01-section{padding:60px 0;}
	#mcont01-section .benefit-area ul li .box{height:120px;}
	#mcont01-section .benefit-area ul li:last-child .box a{height:120px;}
	#mcont01-section .benefit-area ul li .box h1{margin:20px 0 10px;}
	#mcont01-section .benefit-area ul li .box h1 img{height:26px;}
	#mcont01-section .benefit-area ul li .box p{font-size:16px;}
	#mcont01-section .benefit-area ul li:last-child .box p{font-size:16px;}
	#mcont01-section .benefit-area ul li:last-child .box h2{font-size:11px; width:20px; height:20px; line-height:20px;}

	#mcont01-section .fran-area .left-area .tit h1{font-size:22px;}
	#mcont01-section .fran-area .left-area .schedule-area .schedule-next,
	#mcont01-section .fran-area .left-area .schedule-area .schedule-prev{width:30px; height:30px; line-height:30px; font-size:18px;}
	#mcont01-section .fran-area .left-area .schedule-area .schedule-page{font-size:16px; line-height:30px;}

	#mcont01-section .fran-area .left-area ul li.box .date h1{font-size:18px;}
	#mcont01-section .fran-area .left-area ul li.box .date p{font-size:16px;}
	#mcont01-section .fran-area .left-area ul li.box .add h1{font-size:16px;}
	#mcont01-section .fran-area .left-area ul li.box .add p{font-size:14px;}
	#mcont01-section .fran-area .left-area div.btn a{ font-size:16px;}
	#mcont01-section .fran-area .right-area a{height:350px;}
	#mcont01-section .banner-pagination .swiper-pagination-bullet{width:12px; height:12px;}
	#mcont01-section .banner-pagination .swiper-pagination-bullet-active{width:30px;}
}

@media (max-width:480px){
	#mcont01-section{padding:40px 0;}
	#mcont01-section .benefit-area ul li .box{height:110px;}
	#mcont01-section .benefit-area ul li:last-child .box a{height:110px;}
	#mcont01-section .benefit-area ul li .box h1 img{height:22px;}
	#mcont01-section .benefit-area ul li .box p{font-size:14px;}
	#mcont01-section .benefit-area ul li:last-child .box p{font-size:14px;}
	#mcont01-section .benefit-area ul li:last-child .box h2{font-size:11px; width:20px; height:20px; line-height:20px;}

	#mcont01-section .fran-area .left-area ul li.box{padding:15px 20px;}
	#mcont01-section .fran-area .left-area .tit h1{font-size:20px;}
	#mcont01-section .fran-area .right-area .img{border-radius:10px;}
	#mcont01-section .fran-area .right-area a{height:250px;}
	#mcont01-section .banner-pagination .swiper-pagination-bullet{width:10px; height:10px;}
	#mcont01-section .banner-pagination .swiper-pagination-bullet-active{width:20px;}
}


#mcont02-section{background:#f2f8fc; padding:100px 0;}
#mcont02-section .tit-area{text-align:center;}
#mcont02-section .model-area{}
#mcont02-section .model-area:after{clear:both; display:block; content:"";}
#mcont02-section .model-area .img{width:52%; max-width:725px;}
#mcont02-section .model-area .img img{border-radius:50px 0 50px 0;}
#mcont02-section .model-area .txt{width:48%;}
#mcont02-section .model-area .txt h2{font-size:22px; font-weight:700; color:#4c4c4c;}
#mcont02-section .model-area .txt h1{font-size:50px; font-weight:800; margin:10px 0 30px;}
#mcont02-section .model-area .txt p{font-size:26px; font-weight:500; color:111;}
#mcont02-section .model-area .txt h3{margin-top:40px;}
#mcont02-section .model-area .txt h3 a{display:inline-block; width:240px; line-height:50px; font-size:18px; font-weight:700; border-radius:50px; text-align:center; color:#fff;}
#mcont02-section .model-area .txt h3 a i{margin-left:20px;}
#mcont02-section .model-area .txt h3 a:hover i{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .4s;}
#mcont02-section .model-area.model01{margin-bottom:100px;}
#mcont02-section .model-area.model01 .img{float:left;}
#mcont02-section .model-area.model01 .txt{float:right; padding:60px 0 0 80px;}
#mcont02-section .model-area.model01 .txt h1{color:#3386c8;}
#mcont02-section .model-area.model01 .txt h3 a{background:#3386c8;}
#mcont02-section .model-area.model01 .txt h3 a:hover{background:#1d6eaf; transition:all .4s;}
#mcont02-section .model-area.model02 .img{float:right;}
#mcont02-section .model-area.model02 .txt{float:left; padding:80px 80px 0 0; text-align:right;}
#mcont02-section .model-area.model02 .txt h1{color:#38b3a9;}
#mcont02-section .model-area.model02 .txt h3 a{background:#38b3a9;}
#mcont02-section .model-area.model02 .txt h3 a:hover{background:#18978d; transition:all .4s;}

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

@media (max-width:1140px){
	#mcont02-section .model-area .txt h2{font-size:20px;}
	#mcont02-section .model-area .txt h1{font-size:42px; margin:10px 0 20px;}
	#mcont02-section .model-area .txt p{font-size:20px;}
	#mcont02-section .model-area .txt p br{display:none;}
	#mcont02-section .model-area .txt h3{margin-top:40px;}
	#mcont02-section .model-area .txt h3 a{width:220px; line-height:46px; font-size:16px;}
	#mcont02-section .model-area.model01{margin-bottom:60px;}
	#mcont02-section .model-area.model01 .txt{padding:20px 0 0 40px;}
	#mcont02-section .model-area.model02 .txt{padding:40px 40px 0 0;}
}

@media (max-width:860px){
	#mcont02-section{padding:80px 0;}
	#mcont02-section .model-area .txt{width:100%;}
	#mcont02-section .model-area .txt h2{font-size:18px;}
	#mcont02-section .model-area .txt h1{font-size:36px; margin:5px 0 15px;}
	#mcont02-section .model-area .txt p{font-size:18px;}
	#mcont02-section .model-area .txt p br{display:none;}
	#mcont02-section .model-area .txt h3{margin-top:20px;}
	#mcont02-section .model-area .txt h3 a{width:200px; line-height:40px; font-size:14px;}
	#mcont02-section .model-area .img{width:100%; max-width:100%;}
	#mcont02-section .model-area .img img{width:100%; max-width:100%;}
	#mcont02-section .model-area.model01{margin-bottom:40px;}
	#mcont02-section .model-area.model01 .txt{padding:20px 0 0 0;}
	#mcont02-section .model-area.model02 .txt{padding:20px 0 0 0; text-align:right;}
}

@media (max-width:640px){
	#mcont02-section{padding:60px 0;}
	#mcont02-section .model-area .txt h2{font-size:16px;}
	#mcont02-section .model-area .txt h1{font-size:30px; margin:5px 0 10px;}
	#mcont02-section .model-area .txt p{font-size:16px;}
	#mcont02-section .model-area .txt h3{margin-top:20px;}
	#mcont02-section .model-area .txt h3 a{width:180px; line-height:40px; font-size:14px;}
}

@media (max-width:480px){
	#mcont02-section{padding:40px 0;}
}


#mcont03-section{}
#mcont03-section .cont-area{position:relative;}
#mcont03-section .systab-area{position:absolute; left:0; top:100px; z-index:999;}
#mcont03-section .systab-area .systab{}
#mcont03-section .systab-area .systab:after{clear:both; display:block; content:"";}
#mcont03-section .systab-area .systab li{margin-bottom:10px;}
#mcont03-section .systab-area .systab li a{height:100px; width:100px; background:rgba(255,255,255,.3); border-radius:50px; display:block; color:#fff; line-height:26px; font-size:20px; text-align:center; padding-top:26px;}
#mcont03-section .systab-area .systab li a:hover,
#mcont03-section .systab-area .systab li.curr a{background:#38b3a9; font-weight:700;}
#mcont03-section .systab-area .systab li:last-child a:hover,
#mcont03-section .systab-area .systab li:last-child.curr a{background:#3386c8;}
#mcont03-section .system-layer{height:840px; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);}
#mcont03-section .system-layer .cont-area{height:840px; position:relative;}
#mcont03-section .system-layer .txt{width:100%; top:55%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; text-align:center;}
#mcont03-section .system-layer .txt ul{width:500px; margin:60px auto 80px;}
#mcont03-section .system-layer .txt ul:after{clear:both; display:block; content:"";}
#mcont03-section .system-layer .txt ul li{float:left; color:#fff; text-align:left; font-size:24px;}
#mcont03-section .system-layer .txt ul li:first-child{font-weight:800; margin-right:20px;}
#mcont03-section .system-layer .txt h3 a{height:60px; width:270px; border-radius:50px; border:1px solid #fff; display:block; margin:0 auto; color:#fff; line-height:60px; font-size:18px; font-weight:800;}
#mcont03-section .system-layer .txt h3 a:hover{background:#fff; color:#333; transition:all .4s;}
#mcont03-section .system-layer .txt h3 a i{margin-left:20px;}
#mcont03-section .system-layer .txt h3 a:hover i{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .4s;}
#mcont03-section #system-1{background:url("../img/mcont03_bg01.jpg?v1") no-repeat center; background-size:cover;}
#mcont03-section #system-2{background:url("../img/mcont03_bg02.jpg?v1") no-repeat center; background-size:cover;}

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

@media (max-width:1140px){
	#mcont03-section{padding:0; margin:0; width:100%; max-width:100%; overflow:hidden;}
	#mcont03-section .systab-area{position:absolute; left:10px; top:60px; z-index:999;}
	#mcont03-section .systab-area .systab{}
	#mcont03-section .systab-area .systab:after{clear:both; display:block; content:"";}
	#mcont03-section .systab-area .systab li{margin-bottom:10px;}
	#mcont03-section .systab-area .systab li a{height:85px; width:85px; line-height:22px; font-size:18px; text-align:center; padding-top:24px;}

	#mcont03-section .system-layer{height:760px; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);}
	#mcont03-section .system-layer .cont-area{height:760px; position:relative;}
	#mcont03-section .system-layer .txt h1 img{height:180px;}
	#mcont03-section .system-layer .txt ul{width:450px; margin:40px auto 50px;}
	#mcont03-section .system-layer .txt ul li{float:left; color:#fff; text-align:left; font-size:22px;}
	#mcont03-section .system-layer .txt ul li:first-child{font-weight:800; margin-right:20px;}
	#mcont03-section .system-layer .txt h3 a{height:50px; width:250px; line-height:50px; font-size:16px;}
}

@media (max-width:860px){
	#mcont03-section .systab-area{left:5px; top:20px;}
	#mcont03-section .systab-area .systab li{margin-bottom:5px;}
	#mcont03-section .systab-area .systab li a{height:80px; width:80px; line-height:20px; font-size:16px; padding-top:22px;}

	#mcont03-section .system-layer{height:650px;}
	#mcont03-section .system-layer .cont-area{height:650px; position:relative;}
	#mcont03-section .system-layer .txt h1 img{height:140px;}
	#mcont03-section .system-layer .txt ul{width:410px; margin:30px auto 40px;}
	#mcont03-section .system-layer .txt ul li{font-size:20px;}
	#mcont03-section .system-layer .txt ul li:first-child{margin-right:15px;}
	#mcont03-section .system-layer .txt h3 a{height:42px; width:220px; line-height:42px; font-size:14px;}
}

@media (max-width:640px){
	#mcont03-section .systab-area{left:10px; top:30px;}
	#mcont03-section .systab-area .systab{}
	#mcont03-section .systab-area .systab:after{clear:both; display:block; content:"";}
	#mcont03-section .systab-area .systab li{margin-bottom:10px;}

	#mcont03-section .system-layer{height:550px;}
	#mcont03-section .system-layer .cont-area{height:550px; position:relative;}
	#mcont03-section .system-layer .txt h1 img{height:100px;}
	#mcont03-section .system-layer .txt ul{width:360px; margin:30px auto 30px;}
	#mcont03-section .system-layer .txt ul li{font-size:18px;}
	#mcont03-section .system-layer .txt ul li:first-child{margin-right:10px;}
	#mcont03-section .system-layer .txt h3 a{height:40px; width:220px; line-height:40px; font-size:13px;}
}

@media (max-width:480px){
	#mcont03-section .systab-area{left:10px; top:20px;}
	#mcont03-section .systab-area .systab{}
	#mcont03-section .systab-area .systab:after{clear:both; display:block; content:"";}
	#mcont03-section .systab-area .systab li{margin-bottom:10px;}
	#mcont03-section .systab-area .systab li a{height:65px; width:65px; line-height:16px; font-size:14px; padding-top:18px;}

	#mcont03-section .system-layer{height:450px;}
	#mcont03-section .system-layer .cont-area{height:450px;}
	#mcont03-section .system-layer .txt h1 img{height:80px;}
	#mcont03-section .system-layer .txt ul{width:325px; margin:20px auto 30px;}
	#mcont03-section .system-layer .txt ul li{font-size:16px;}
	#mcont03-section .system-layer .txt ul li:first-child{margin-right:10px;}
	#mcont03-section .system-layer .txt h3 a{height:36px; width:180px; line-height:36px; font-size:13px;}
}


#mcont04-section{
padding:130px 0;
background-image: url('../img/mcont04_left_bg.png'), url('../img/mcont04_right_bg.png');
background-size:45% auto, 70% auto;
background-position:top left, bottom right;
background-repeat: no-repeat, no-repeat;
}
#mcont04-section .cont-area{overflow:hidden;}
#mcont04-section .event-area{float:left; width:53%; max-width:740px; overflow:hidden; position:relative;}
#mcont04-section .event-area .swiper-slide{}
#mcont04-section .event-area a{display:inline-block;width:100%; height:640px; position:relative; overflow:hidden;}
#mcont04-section .event-area .swiper-slide .img{border-radius:30px; width:100%; height:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}
#mcont04-section .event-pagination{position:absolute; top:30px; right:30px; z-index:99;}
#mcont04-section .event-pagination .swiper-pagination-bullet{width:18px; height:18px; border-radius:50px; background:#e5e5e5; opacity:1; margin:0 2px; border:none;}
#mcont04-section .event-pagination .swiper-pagination-bullet-active{background:#459aff; width:45px;}
#mcont04-section .btn-area{float:right; width:47%; padding:50px 0 0 50px;}
#mcont04-section .btn-area .tit-area h1{font-size:40px; font-weight:700; line-height:1.2em;}
#mcont04-section .btn-area .tit-area h1 strong{color:#459aff; font-weight:800;}
#mcont04-section .btn-area ul{margin-top:40px;}
#mcont04-section .btn-area ul:after{clear:both; display:block; content:"";}
#mcont04-section .btn-area ul li{width:33.333%; float:left; padding:10px;}
#mcont04-section .btn-area ul li .box a{display:block;background:#e5f7ff; border:2px solid #e5f7ff; border-radius:20px; text-align:center; padding:40px 0;}
#mcont04-section .btn-area ul li .box a:hover{background:#fff; border:2px solid #459aff;}
#mcont04-section .btn-area ul li .box a p{color:#111; font-size:20px; margin-top:25px; letter-spacing:-0.05em;}
#mcont04-section .btn-area ul li .box a:hover p{color:#459aff; font-weight:700;}

@media (max-width:1420px){
	#mcont04-section .btn-area .tit-area h1{font-size:36px;}
	#mcont04-section .btn-area ul{margin-top:30px;}
	#mcont04-section .btn-area ul li .box a{padding:30px 0;}
	#mcont04-section .btn-area ul li .box a p{font-size:18px; margin-top:20px;}
}

@media (max-width:1140px){
	#mcont04-section{padding:100px 0;}
	#mcont04-section .btn-area{padding:0 0 0 50px;}
	#mcont04-section .btn-area .tit-area h1{font-size:32px;}
	#mcont04-section .btn-area .tit-area h1 br{display:none;}
	#mcont04-section .btn-area ul{margin-top:20px;}
	#mcont04-section .btn-area ul li{width:50%; padding:5px;}
	#mcont04-section .btn-area ul li .box a{padding:30px 0;}
	#mcont04-section .btn-area ul li .box h1 img{height:40px;}
}

@media (max-width:860px){
	#mcont04-section{padding:80px 0; background-size:65% auto, 100% auto;}
	#mcont04-section .event-area{width:100%; max-width:100%;}
	#mcont04-section .event-area a{height:440px;}
	#mcont04-section .event-area a img{max-width:100%;}
	#mcont04-section .btn-area{width:100%; padding:20px 0 0 0;}
	#mcont04-section .btn-area .tit-area h1{font-size:28px;}
	#mcont04-section .btn-area ul li{width:33.333%;}
	#mcont04-section .btn-area ul li .box a{padding:20px 10px; border-radius:10px;}
	#mcont04-section .btn-area ul li .box a p{font-size:16px; margin-top:20px;}

	#mcont04-section .event-pagination{top:20px; right:20px;}
	#mcont04-section .event-pagination .swiper-pagination-bullet{width:15px; height:15px;}
	#mcont04-section .event-pagination .swiper-pagination-bullet-active{width:35px;}
}

@media (max-width:640px){
	#mcont04-section{padding:60px 0;}
	#mcont04-section .event-area a{height:350px;}
	#mcont04-section .btn-area .tit-area h1{font-size:24px;}
	#mcont04-section .event-pagination .swiper-pagination-bullet{width:12px; height:12px;}
	#mcont04-section .event-pagination .swiper-pagination-bullet-active{width:25px;}
}

@media (max-width:480px){
	#mcont04-section{padding:40px 0;}
	#mcont04-section .event-area a{height:280px;}
	#mcont04-section .btn-area .tit-area h1{font-size:22px;}
	#mcont04-section .btn-area ul{margin-top:10px;}
	#mcont04-section .btn-area ul li{width:50%;}
	#mcont04-section .btn-area ul li .box a{padding:20px 10px;}
	#mcont04-section .btn-area ul li .box a p{margin-top:10px;}
	#mcont04-section .btn-area ul li .box h1 img{height:30px;}
	#mcont04-section .event-pagination .swiper-pagination-bullet{width:10px; height:10px;}
	#mcont04-section .event-pagination .swiper-pagination-bullet-active{width:20px;}
}


#mcont05-section{background:#f8f8f8; background-size:cover; padding:120px 0;}
#mcont05-section .tit-area{text-align:center;}
#mcont05-section .tit-area h1{font-size:40px;}
#mcont05-section .tit-area .search{width:700px; height:70px; padding:0 30px; border:1px solid #00a197; border-radius:50px; margin:0 auto; background:#fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin-top:60px;}
#mcont05-section .tit-area .search:after{clear:both; display:block; content:"";}
#mcont05-section .tit-area .search .sbox{width:590px; height:70px; font-size:16px; line-height:38px; color:#858585; border:0; background:none; float:left;}
#mcont05-section .tit-area .search .ssubmit{width:40px; height:70px; text-indent:-9000px; border:0; background:url("../img/search_btn.png") no-repeat center center; float:right;}

#mcont05-section .shop-slider{position:relative; margin-top:50px;}
#mcont05-section .shop-slider .shop{overflow:hidden;}
#mcont05-section .shop-slider .swiper-slide{}
#mcont05-section .shop-slider .swiper-slide .img{width:100%; height:300px; border-radius:20px;}
#mcont05-section .shop-slider .swiper-slide .txt{text-align:center; margin-top:20px;}
#mcont05-section .shop-slider .swiper-slide .txt h1{color:#111; font-size:24px; font-weight:700;}
#mcont05-section .shop-slider .swiper-slide .txt p{font-size:18px; margin-top:10px; color:#525252; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* ¶óÀμö */ -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.4em;height:2.8em;}
#mcont05-section .shop-control{z-index:9999;}
#mcont05-section .shop-control:after{clear:both; display:block; content:"";}
#mcont05-section .shop-next,
#mcont05-section .shop-prev{top:50%; width:52px; height:52px; margin-top:-60px; font-size:28px; font-weight:800; z-index:99; line-height:52px; text-align:center; color:#999; border:1px solid #dedede; border-radius:50px; background-color:rgba(255,255,255,.4); cursor:pointer; display:block; position:absolute;}
#mcont05-section .shop-next:hover,
#mcont05-section .shop-prev:hover{background-color:rgba(255,255,255,1);}
#mcont05-section .shop-prev{left:-30px;}
#mcont05-section .shop-next{right:-30px;}


@media (max-width:1440px){
	#mcont05-section .tit-area .search{width:70%; height:60px; padding:0 30px; margin-top:50px;}
	#mcont05-section .tit-area .search .sbox{width:90%; height:60px; }
	#mcont05-section .tit-area .search .ssubmit{width:7%; height:60px;}
	#mcont05-section .shop-next,
	#mcont05-section .shop-prev{width:45px; height:45px; margin-top:-70px; font-size:24px; line-height:40px;}
	#mcont05-section .shop-prev{left:-20px;}
	#mcont05-section .shop-next{right:-20px;}
}

@media (max-width:1140px){
	#mcont05-section{padding:100px 0;}
	#mcont05-section .tit-area h1{font-size:36px;}
	#mcont05-section .shop-slider .swiper-slide .img{height:240px;}
	#mcont05-section .shop-slider .swiper-slide .txt h1{font-size:22px;}
	#mcont05-section .shop-slider .swiper-slide .txt p{font-size:17px;}
}

@media (max-width:860px){
	#mcont05-section{padding:100px 0;}
	#mcont05-section .tit-area h1{font-size:30px;}
	#mcont05-section .tit-area .search{width:70%; height:50px; margin-top:40px;}
	#mcont05-section .tit-area .search .sbox{width:85%; height:50px; }
	#mcont05-section .tit-area .search .ssubmit{width:10%; height:50px;}
	#mcont05-section .shop-slider{margin-top:40px;}
	#mcont05-section .shop-slider .swiper-slide .txt h1{font-size:20px;}
	#mcont05-section .shop-slider .swiper-slide .txt p{font-size:16px; margin-top:5px;}
	#mcont05-section .shop-control{display:none;}
}

@media (max-width:640px){
	#mcont05-section{padding:80px 0;}
	#mcont05-section .tit-area h1{font-size:26px;}
	#mcont05-section .tit-area .search{width:90%;}
	#mcont05-section .tit-area .search .ssubmit{background-size:100% auto;}
	#mcont05-section .shop-slider .swiper-slide .img{height:200px;}
	#mcont05-section .shop-slider .swiper-slide .txt h1{font-size:18px;}
	#mcont05-section .shop-slider .swiper-slide .txt p{font-size:14px;}
}

@media (max-width:480px){
	#mcont05-section{padding:60px 0;}
	#mcont05-section .tit-area .search{margin-top:20px;}
	#mcont05-section .shop-slider{margin-top:30px;}
	#mcont05-section .shop-slider .swiper-slide .img{height:180px;}
	#mcont05-section .tit-area h1{font-size:22px; line-height:1.4;}
	#mcont05-section .shop-slider .swiper-slide .txt h1{font-size:16px;}
}



#mcont06-section{background:url("../img/mcont06_bg.jpg?v1") no-repeat center; background-size:cover; padding:170px 0 140px;}
#mcont06-section .cont-area{overflow:hidden;}
#mcont06-section .tit-area{color:#fff;}
#mcont06-section .tit-area h1{line-height:1.3em; font-size:56px;}
#mcont06-section .tit-area h1 span{color:#56dfdf;}
#mcont06-section .company-area{width:48%; max-width:660px; float:left;}
#mcont06-section .company-area ul{margin-top:70px; width:90%;}
#mcont06-section .company-area ul:after{clear:both; display:block; content:"";}
#mcont06-section .company-area ul li{width:33.333%; float:left; padding-right:20px;}
#mcont06-section .company-area ul li .box a{display:block;background:rgba(236,253,252,.1); border:1px solid #fff; border-radius:20px; text-align:center; padding:40px 0 30px;}
#mcont06-section .company-area ul li .box a:hover{background:rgba(37,177,168,.7); border:1px solid #25b1a8;transition:all .4s;}
#mcont06-section .company-area ul li .box a p{color:#fff; font-size:20px; margin-top:25px; letter-spacing:-0.05em;}
#mcont06-section .company-area ul li .box a:hover p{font-weight:700;}

#mcont06-section .num-area{width:27%; max-width:380px; float:right; color:#fff; text-align:right;}
#mcont06-section .num-area .box{padding:50px 30px; border-bottom:1px solid rgba(255,255,255,.3);}
#mcont06-section .num-area .box:first-child{padding:0 30px 50px;}
#mcont06-section .num-area .box:last-child{padding:50px 30px 0; border-bottom:0px solid rgba(255,255,255,.3);}
#mcont06-section .num-area .box h1{font-size:70px; font-weight:800;}
#mcont06-section .num-area .box h1 em{font-weight:800;}
#mcont06-section .num-area .box p{font-size:26px; font-weight:500; letter-spacing:-0.03em;}

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

@media (max-width:1140px){
	#mcont06-section{padding:130px 0 120px;}
	#mcont06-section .company-area{width:60%; max-width:100%;}
	#mcont06-section .tit-area h1{font-size:50px;}
	#mcont06-section .company-area ul{margin-top:60px; width:100%;}
	#mcont06-section .company-area ul li{padding-right:10px;}
	#mcont06-section .num-area{width:35%; max-width:100%;}
	#mcont06-section .num-area .box{padding:40px 20px;}
	#mcont06-section .num-area .box h1{font-size:64px;}
	#mcont06-section .num-area .box p{font-size:24px;}
}

@media (max-width:870px){
	#mcont06-section{padding:90px 0 80px;}
	#mcont06-section .tit-area h1{font-size:40px;}
	#mcont06-section .company-area{width:100%; max-width:100%;}
	#mcont06-section .company-area ul{margin-top:0;}
	#mcont06-section .company-area ul li .box a{padding:30px 0 20px;}
	#mcont06-section .company-area ul li .box a h1 img{height:50px;}
	#mcont06-section .company-area ul li .box a p{font-size:18px; margin-top:15px;}
	#mcont06-section .num-area{width:100%; max-width:100%; text-align:center; margin-top:50px;}
	#mcont06-section .num-area:after{clear:both; display:block; content:"";}
	#mcont06-section .num-area .box{float:left; width:33.333%; padding:10px; border-left:1px solid rgba(255,255,255,.3); border-bottom:none;}
	#mcont06-section .num-area .box:first-child{border-left:none; border-bottom:none; padding:10px;}
	#mcont06-section .num-area .box:last-child{padding:10px;}
	#mcont06-section .num-area .box h1{font-size:50px;}
	#mcont06-section .num-area .box h1 span{font-size:30px;}
	#mcont06-section .num-area .box p{font-size:20px;}
}

@media (max-width:640px){
	#mcont06-section{padding:80px 0 60px;}
	#mcont06-section .tit-area h1{font-size:34px;}
	#mcont06-section .company-area ul li .box a{border-radius:10px;}
	#mcont06-section .company-area ul li .box a h1 img{height:40px;}
	#mcont06-section .company-area ul li .box a p{font-size:18px; margin-top:15px;}
	#mcont06-section .num-area{margin-top:30px;}
	#mcont06-section .num-area .box h1{font-size:36px;}
	#mcont06-section .num-area .box h1 span{font-size:20px;}
	#mcont06-section .num-area .box p{font-size:18px;}
}

@media (max-width:480px){
	#mcont06-section{padding:60px 0 40px;}
	#mcont06-section .tit-area h1{font-size:30px;}
	#mcont06-section .company-area ul li .box a{padding:20px 0 10px;}
	#mcont06-section .company-area ul li .box a h1 img{height:30px;}
	#mcont06-section .company-area ul li .box a p{font-size:16px; margin-top:10px;}
	#mcont06-section .num-area{margin-top:20px;}
	#mcont06-section .num-area .box h1{font-size:30px;}
	#mcont06-section .num-area .box h1 span{font-size:18px;}
	#mcont06-section .num-area .box p{font-size:16px;}
}


#mcont07-section{padding:100px 0;}
#mcont07-section .tit-area{text-align:center;}
#mcont07-section .cont-area .tit{position:relative;}
#mcont07-section .cont-area .tit h1{font-size:30px; font-weight:800; color:#111;}

#mcont07-section .ongoing-area{float:left; width:44%; max-width:610px; overflow:hidden; position:relative;}
#mcont07-section .ongoing-area .ongoing-control{top:0; right:0; z-index:9999; position:absolute;}
#mcont07-section .ongoing-area .ongoing-control:after{clear:both; display:block; content:"";}
#mcont07-section .ongoing-area .ongoing-next,
#mcont07-section .ongoing-area .ongoing-prev{z-index:99;width:45px; height:45px; line-height:45px; font-size:28px; text-align:center; color:#333; border-radius:50px; border:1px solid #dedede;font-weight:900; cursor:pointer; display:inline-block; float:left;}
#mcont07-section .ongoing-area .ongoing-prev{margin-right:5px;}
#mcont07-section .ongoing-area .ongoing-next{}
#mcont07-section .ongoing-area .ongoing-page{width:auto; bottom:auto; left:auto; margin-right:10px; font-size:20px; line-height:45px; color:#b1b1b1; display:inline-block; position:relative; float:left;}
#mcont07-section .ongoing-area .swiper-pagination-current{color:#0d62a6;}
#mcont07-section .ongoing-area .ongoing-slider{margin-top:20px;}
#mcont07-section .ongoing-area .ongoing-slider img{max-width:100%; border-radius:20px;}

#mcont07-section .notice-area{float:right; width:53%; max-width:740px;}
#mcont07-section .notice-area .tit p{width:45px; height:45px; line-height:45px; font-size:28px; text-align:center; color:#333; border-radius:50px; border:1px solid #dedede;font-weight:700; cursor:pointer; display:inline-block; position:absolute; top:-5px; right:0;}
#mcont07-section .notice-area ul{margin-top:20px;}
#mcont07-section .notice-area ul:after{clear:both; display:block; content:"";}
#mcont07-section .notice-area ul li{width:50%; float:left; padding:0 10px;}
#mcont07-section .notice-area ul li .box{}
#mcont07-section .notice-area ul li a{display:block; padding:70px 30px 0; height:370px; background:#f2f9ff; border-radius:20px; position:relative; border:1px solid #f2f9ff;}
#mcont07-section .notice-area ul li a:hover{border:1px solid #0d62a6;transition:all .4s;}
#mcont07-section .notice-area ul li .arrow{position:absolute; top:30px; right:30px; font-size:20px;}
#mcont07-section .notice-area ul li a:hover .arrow{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .4s;}
#mcont07-section .notice-area ul li .date{font-size:18px; font-weight:700; color:#0d62a6;}
#mcont07-section .notice-area ul li h1{font-size:22px; font-weight:800; margin:20px 0;}
#mcont07-section .notice-area ul li p{
font-size:18px; color:#525252;
display:block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5; /* ¶óÀμö */
-webkit-box-orient: vertical;
word-wrap:break-word;
line-height: 1.4em;
height: 7em;}


@media (max-width:1140px){
	#mcont07-section .notice-area ul li a{padding:50px 30px 0; height:280px;}
	#mcont07-section .notice-area ul li h1{
	font-size:20px;margin:10px 0 15px;
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* ¶óÀμö */
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	line-height: 1.4em;
	height: 2.8em;}
	#mcont07-section .notice-area ul li p{
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* ¶óÀμö */
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	line-height: 1.4em;
	height: 4.2em;}
}

@media (max-width:870px){
	#mcont07-section{padding:80px 0;}
	#mcont07-section .cont-area .tit h1{font-size:26px;}
	#mcont07-section .ongoing-area{width:100%; max-width:100%;}
	#mcont07-section .notice-area{width:100%; max-width:100%; margin-top:30px;}
	#mcont07-section .ongoing-area .ongoing-next,
	#mcont07-section .ongoing-area .ongoing-prev,
	#mcont07-section .notice-area .tit p{width:40px; height:40px; line-height:40px; font-size:22px;}
	#mcont07-section .ongoing-area .ongoing-page{font-size:18px; line-height:40px;}

	#mcont07-section .notice-area ul li a{padding:30px 20px; height:auto;}
	#mcont07-section .notice-area ul li .arrow{top:20px; right:20px; font-size:16px;}
	#mcont07-section .notice-area ul li .date{font-size:16px;}
	#mcont07-section .notice-area ul li h1{
	font-size:18px;margin:10px 0 15px;
	-webkit-line-clamp: 1; /* ¶óÀμö */
	line-height: 1.4em;
	height:1.4em;}
	#mcont07-section .notice-area ul li p{
	-webkit-line-clamp: 2; /* ¶óÀμö */
	line-height: 1.4em;
	height: 2.8em;}
}

@media (max-width:640px){
	#mcont07-section{padding:60px 0;}
	#mcont07-section .cont-area .tit h1{font-size:22px;}
	#mcont07-section .notice-area{width:100%; max-width:100%; margin-top:20px;}
	#mcont07-section .ongoing-area .ongoing-next,
	#mcont07-section .ongoing-area .ongoing-prev,
	#mcont07-section .notice-area .tit p{width:30px; height:30px; line-height:30px; font-size:18px;}
	#mcont07-section .notice-area .tit p{top:0px;}
	#mcont07-section .ongoing-area .ongoing-page{font-size:16px; line-height:30px;}
	#mcont07-section .notice-area ul{margin-top:10px;}
	#mcont07-section .notice-area ul li{width:100%; padding:5px 0;}
	#mcont07-section .notice-area ul li a{padding:20px; border-radius:10px;}
	#mcont07-section .notice-area ul li .date{font-size:14px;}
	#mcont07-section .notice-area ul li h1{font-size:16px;margin:10px 0 15px;}
	#mcont07-section .notice-area ul li p{
	font-size:15px;
	-webkit-line-clamp: 1; /* ¶óÀμö */
	line-height: 1.4em;
	height:1.4em;}
}

@media (max-width:480px){
	#mcont07-section{padding:40px 0;}
	#mcont07-section .cont-area .tit h1{font-size:20px;}
	#mcont07-section .notice-area ul li h1{margin:5px 0 10px;}
}


#mcont08-section{background:url("../img/mcont08_bg.jpg") no-repeat center; background-size:cover; padding:120px 0;}
#mcont08-section .tit-area{text-align:center; color:#fff;}

@media (max-width:870px){
	#mcont08-section{padding:80px 0;}
}

@media (max-width:640px){
	#mcont08-section{padding:60px 0;}
}

@media (max-width:480px){
	#mcont08-section{padding:40px 0;}
}