@charset "UTF-8";

#multipleDiv_temp_04_7{margin-top:101px;}
@media all and (max-width:768px) {
  #multipleDiv_temp_04_7{margin-top:81px;}
}

/***메인 레이아웃***/
#multipleDiv_temp_04_11{overflow:inherit !important; padding-bottom:40px;} /*content*/
#multipleContentsDiv_temp_04_11{overflow:hidden;}

@media all and (max-width:1400px) {
	#multipleDiv_temp_04_11{overflow:inherit !important; padding-bottom:40px;} /*content*/
	#multipleContentsDiv_temp_04_11{overflow:hidden; width:auto; padding:0 15px;}
}

#multipleContentsDiv_temp_04_7 ._objHtml{position: absolute; z-index:10; top:100px; left: 50%; transform: translate(-50%); margin-left:-350px;} /*슬로건*/
.visual-slogan{color:#fff;font-family: 'Noto Light';}
.visual-slogan span{font-size:32px;display: block;line-height: 1.3;font-family: 'Noto Regular';}
.visual-slogan strong{font-size:40px;font-family: 'Noto Medium';display: block;line-height: 1.2;}
.visual-slogan p.des{font-size:22px;margin-bottom:35px;}
.visual-slogan p.detail{font-size:18px;}

@media all and (max-width:1400px) {
		#multipleContentsDiv_temp_04_7 ._objHtml{margin-left:5%; left:0; transform:inherit;}
}

@media all and (max-width:767px) {
  .visual-slogan p.detail{display: none;}
	#multipleContentsDiv_temp_04_11{overflow:hidden; width:auto; padding:0 15px; z-index:999; overflow: inherit;}
  
}

@media all and (max-width:580px) {
  .visual-slogan span{font-size:22px;}
  .visual-slogan strong{font-size:32px;}
  .visual-slogan p.des{font-size:18px;}
}

.five_banner ul{text-align: center;font-size:0;}
.five_banner ul li{display: inline-block;width:18.4%;margin-left:2%;vertical-align: top;background: #f2f2f2;text-align: left;}
.five_banner ul li:first-child{margin-left:0;}
.five_banner ul li a{background-repeat:no-repeat;background-position: 88% center;transition: all ease .5s;}
.five_banner ul li:nth-child(1) a{background-image: url('../../images/main/bannar_icon01.png')}
.five_banner ul li:nth-child(2) a{background-image: url('../../images/main/bannar_icon02.png')}
.five_banner ul li:nth-child(3) a{background-image: url('../../images/main/bannar_icon03.png')}
.five_banner ul li:nth-child(4) a{background-image: url('../../images/main/bannar_icon04.png')}
.five_banner ul li:nth-child(5) a{background-image: url('../../images/main/bannar_icon05.png')}

.five_banner ul li:hover{background:linear-gradient(180deg, rgba(0,96,255,1) 0%, rgba(56,163,255,1) 100%);}
.five_banner ul li:hover strong,
.five_banner ul li:hover p{color:#fff;}
.five_banner ul li:nth-child(1):hover a{background-image: url('../../images/main/bannar_icon01_w.png')}
.five_banner ul li:nth-child(2):hover a{background-image: url('../../images/main/bannar_icon02_w.png')}
.five_banner ul li:nth-child(3):hover a{background-image: url('../../images/main/bannar_icon03_w.png')}
.five_banner ul li:nth-child(4):hover a{background-image: url('../../images/main/bannar_icon04_w.png')}
.five_banner ul li:nth-child(5):hover a{background-image: url('../../images/main/bannar_icon05_w.png')}
.five_banner ul li a{display: block;padding:35px;}
.five_banner ul li strong{color:#2c2c2c;font-size:20px;display: block;margin-bottom: 10px;}
.five_banner ul li p{color:#9b9b9b;font-size:14px;font-family: 'Noto Regular';}

@media all and (max-width:1600px) {
  .five_banner ul li a{background-position: 95% 85%;}
}

@media all and (max-width:1400px) {
  body #multipleContentsDiv_temp_04_11{width:auto;}
  .five_banner ul li a{padding:25px;}
}

@media all and (max-width:1200px) {
  .five_banner ul li strong{font-size:18px;letter-spacing:-2px;}
  .five_banner ul li a{padding:20px;}
  .quickmenu ul li{margin:0 1%;vertical-align: top;background: #fff;border-radius: 100px;text-align: left;margin-bottom:6px;transition: all ease .5s; font-size:12px;padding-left:10px; width:95% !important; float:left; }
  .quickmenu{background:url(../../images/main/quick_bg.png) no-repeat; background-size:cover !important; background-position:center;}
}

@media all and (max-width:1023px) {
  .five_banner ul li strong{height: 55px;overflow: hidden;}
  .five_banner ul li p{height: 45px;overflow: hidden;}
  .quickmenu ul{width:100%}

}

@media all and (max-width:768px) {
  .five_banner ul{text-align: left;}
  .five_banner ul li{width:calc(50% - 1px);margin-bottom:1px;margin-left:1px;}
  .five_banner ul li:first-child{margin-left:1px;}
  .five_banner ul li a {text-align: left;padding: 8px 20px;margin: 0.5px;}
  .five_banner ul li p{height: 45px;overflow: hidden;}
  .five_banner ul li strong{height: auto;margin-bottom: 0;}
  .five_banner ul li p{height:auto;}
  #menu7965_obj142{background-color:#a1a3a2 !important; padding-bottom:25px !important; margin-bottom: 25px !important; } 
}

@media all and (max-width:480px) {
  .five_banner ul li strong{font-size:16px;}
  .five_banner ul li a{background-image: none !important;padding:8px 10px 8px 15px;}
  .five_banner ul li p{display: none;}
}

@media all and (max-width:420px) {
  .five_banner ul li{width:100%;margin-left:0;}
  .five_banner ul li:first-child{margin-left:0;}
}

.quickmenu{background: url('../../images/main/quick_bg.png') no-repeat left top; padding:35px 30px 30px; height:500px;}
.quickmenu strong{font-size:25px;color:#2c2c2c;font-family: 'Noto Bold';margin-bottom:30px;display: block;text-align: left; margin-left:10px;}
.quickmenu ul{text-align: center;}
.quickmenu ul li{/*display: inline-block;width:calc(100% / 2 - 10px);*/margin:0 1%;vertical-align: top;background: #fff;border-radius: 100px;text-align: left;margin-bottom:6px;transition: all ease .5s; font-size:12px;padding-left:10px; width:48%; float:left; }
.quickmenu ul li a{padding:15px 0;display: block;transition: all ease .5s;}
.quickmenu ul li:hover{background:#083f6e;}
.quickmenu ul li:hover a{color:#fff;}

.schedule{background:#d8edf4;padding:35px 30px 30px 33px;height: 440px;text-align: left;}
.schedule strong{font-size:25px;color:#2c2c2c;font-family: 'Noto Bold';margin-bottom:30px;display: block;text-align: left;}
.schedule ul li a{display: block;}
.schedule ul li + li{margin-top:28px;}
.schedule ul li .date{background: #2699ce;color:#fff;width:80px;height: 80px;text-align: center;padding:12px 0;display: inline-block;vertical-align: top;}
.schedule ul li .date span{font-size:40px;font-family: 'Noto Bold';line-height: 1;}
.schedule ul li .date p{font-size:16px;font-family:'Noto Light';line-height: 1;}
.schedule ul li .conts{display: inline-block;vertical-align: top;padding: 10px 12px; width:calc(100% - 85px); letter-spacing: -1px;text-align: left;}
.schedule ul li .conts span{font-size:20px;color:#2c2c2c;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.schedule ul li .conts p{font-size:15px;color:#848484;}

@media all and (max-width:1600px) {
  .quickmenu{padding:35px 25px 30px 25px;}
  .schedule{padding:35px 0 30px 25px;}

}

@media all and (max-width:1450px) {
  .schedule ul li .conts{width:65%;}
  .schedule ul li .conts p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

@media all and (max-width:1200px) {
  .quickmenu{padding:35px 15px;}
  .quickmenu ul li a{font-size:15px;}
  .schedule{padding:35px 15px;}
  .schedule ul li .date{width:70px;height:70px;}
  .schedule ul li .date span{font-size:32px;}
  .schedule ul li .date p{font-size:14px;}
}

@media all and (max-width:1100px) {
  .schedule ul li .conts{width:62%;}
}

@media all and (max-width:1023px) {
  .quickmenu{background-size:cover !important;}
  .quickmenu{padding:25px 10px;}
  .quickmenu ul li a{font-size:15px;}
  .schedule{padding:35px 30px;}
  .schedule ul li .date{width:80px;height:80px;}
  .schedule ul li .date span{font-size:40px;}
  .schedule ul li .date p{font-size:16px;}
}

@media all and (max-width:767px) {
  .quickmenu,
  .schedule{margin-bottom:40px;}
}

.portal{text-align: center;height: 338px;position: relative;}
.portal:before{content:'';width:100%;height: 100%;position: absolute;top:0;left:0;background-size:cover !important;background:url('../../images/main/portal_bg.jpg') no-repeat left top;}
.portal:hover:before{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);transform: scale(1.1);}
.portal a{display: block;position: relative;z-index: 1;padding:20px 0 50px; font-size:20px;color:#fff}
.portal span{display: block;margin:30px;color:#fff;font-size:14px;font-family:'Noto Regular';}

@media all and (max-width:1100px) {
}

@media all and (max-width:1023px) {
  .portal{height: 420px;}
}

.bottom_banner{background: url('../../images/main/line_bg.png');padding:5px;}
.bottom_banner .inner{padding:35px 0 25px;background: #fff;text-align: center;}
.bottom_banner ul li{display: inline-block;vertical-align: top;width:calc(100% / 3 - 5px);text-align: center;}
.bottom_banner ul li a{display: block;}
.bottom_banner ul li img{display: block;margin:0 auto 12px;}
.bottom_banner ul li span{display: inline-block;font-size:17px;color:#2c2c2c;padding-bottom:5px;}
.bottom_banner ul li span:after{content:'';width:0;background:#006ec0;height: 2px;display:block;transition: all ease 0.5s;margin-top:5px;}
.bottom_banner ul li a:hover span{color:#006ec0;}
.bottom_banner ul li a:hover span:after{width:100%;}

@media all and (max-width:1023px) {
}
@media all and (max-width:580px) {
  .bottom_banner .inner{padding:25px 15px;}
  .bottom_banner ul li span{font-size:14px;}
}

/****/