@charset "UTF-8";

#multipleDiv_temp_04_7{margin-top:101px;}
#multipleDiv_new_temp02_9{z-index:99999;}
#multipleContentsDiv_new_temp02_9{overflow:hidden;}

.main ._contentBuilder ._obj._objHtml ul li,
.main ._contentBuilder ._obj._objTag ul li{margin-top:0;}

@media all and (max-width:1600px) {
  #multipleContentsDiv_new_temp02_9,
  #multipleContentsDiv_new_temp02_56{width:100% !important;}  
}

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

/***메인 레이아웃***/
#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_factory1_29 > div._objHtml{display:block;position:absolute;top: 20%;left: 11%;z-index:9;}
.visual-slogan{color:#fff;font-family: 'Noto Light';}
.visual-slogan span.subtitle{font-size:32px;display: block;line-height: 1.3;font-family: 'Noto Regular';text-shadow: 1px 1px 20px rgb(0 0 0 / 40%);word-break:break-all;}
.visual-slogan strong{font-size:40px;font-family: 'Noto Medium';display: block;line-height: 1.2;text-shadow: 0 0 20px rgb(50 50 50 / 50%);}
.visual-slogan span.engtitle{display:block;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;}
  #multipleContentsDiv_factory1_29 > div._objHtml{left:5%;}
}

@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;}
  #multipleContentsDiv_factory1_29 > div._objHtml{top:15%;}
  .visual-slogan span.subtitle{font-size:22px;}
  .visual-slogan span.engtitle{font-size:18px;}
  .visual-slogan .text p{display:none;}
}

@media all and (max-width:580px) {
  .visual-slogan span{font-size:22px;}
  .visual-slogan strong{font-size:38px;line-height:1.5;}
  .visual-slogan p.des{display:none;}
}

.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 !important;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%)  !important;}
.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;}
}

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

@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;}
}

@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: 440px;background-size: cover;}
.quickmenu strong{font-size:25px;color:#2c2c2c;font-family: 'Noto Bold';margin-bottom:30px;display: block;text-align: left;}
.quickmenu ul{text-align: center;}
.quickmenu ul li{display: inline-block;width:calc(100% / 2 - 10px);margin:0 3px;vertical-align: top;background: #fff  !important;border-radius: 100px;text-align: center;margin-bottom:8px;transition: all ease .5s;}
.quickmenu ul li a{padding:15px 0;display: block;transition: all ease .5s;}
.quickmenu ul li:hover{background:#083f6e  !important;}
.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:35px 30px;}
  .quickmenu ul li a{font-size:18px;}
  .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: 345px;position: relative;}
.portal:before{content:'';width:100%;height: 100%;position: absolute;top:0;left:0;background-size:cover !important;background:url('../../images/main/popup-img.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:80px 0 50px;}
.portal span{display: block;margin:40px auto 0;color:#fff;font-size:25px;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{background: #fff;text-align: center;}
.bottom_banner ul li{display: inline-block;vertical-align: top;width:calc(100% / 4 - 5px);text-align: center;padding: 30px 25px !important;background:#fff  !important;}
.bottom_banner ul li + li{border-left: 1px dashed #d4d4d4;}
.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:18px;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:1023px) {
  .bottom_banner ul li{width:calc(100% / 2 - 5px);}
  .bottom_banner ul li + li{}
  .bottom_banner ul li:nth-child(3) {border-left:none;border-top:1px dashed #d4d4d4;}
  .bottom_banner ul li:nth-child(4) {border-top:1px dashed #d4d4d4;}
}

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

/****/

#multipleContentsDiv_new_temp02_9 > div._obj{overflow:hidden;}
#multipleDiv_new_temp02_56{clear:both;    background: #f4f4f4;border-top:1px solid #cdcdcd;}