@charset "utf-8";

/* font */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;src: local('Pretendard Black'), url(./font/Pretendard-Black.woff2) format('woff2'), url(./font/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;src: local('Pretendard ExtraBold'), url(./font/Pretendard-ExtraBold.woff2) format('woff2'), url(./font/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;src: local('Pretendard Bold'), url(./font/Pretendard-Bold.woff2) format('woff2'), url(./font/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;src: local('Pretendard SemiBold'), url(./font/Pretendard-SemiBold.woff2) format('woff2'), url(./font/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;src: local('Pretendard Medium'), url(./font/Pretendard-Medium.woff2) format('woff2'), url(./font/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;src: local('Pretendard Regular'), url(./font/Pretendard-Regular.woff2) format('woff2'), url(./font/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;src: local('Pretendard Light'), url(./font/Pretendard-Light.woff2) format('woff2'), url(./font/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;src: local('Pretendard ExtraLight'), url(./font/Pretendard-ExtraLight.woff2) format('woff2'), url(./font/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;src: local('Pretendard Thin'), url(./font/Pretendard-Thin.woff2) format('woff2'), url(./font/Pretendard-Thin.woff) format('woff');
}

@font-face {
	font-family: 'Montserrat';
	font-weight: 100 900;src: url(./font/Montserrat.woff2) format('woff2');
}

/* reset */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{-webkit-font-smoothing:antialiased;font-family:'Pretendard', sans-serif;font-size:17px;font-weight:400;line-height:1.3em;color:#111;word-break:keep-all;word-wrap:break-word;}
body,p,h1,h2,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,ol,li{display:block;list-style:none;}
img{border:0px none;max-width:100%;}
img,input,button,label,select{vertical-align:middle;}
input[type='submit'],input[type='button'],button{cursor:pointer;overflow:visible;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#313131;}
a:hover{text-decoration:none;}
table{border-spacing:0;table-layout:fixed;width:100%;}
table table{width:auto;}
caption{overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px;}

/* size */
.w10{width:10px}.w15{width:15px}.w20{width:20px}.w25{width:25px}.w30{width:30px}.w35{width:35px}.w40{width:40px}.w45{width:45px}.w50{width:50px}
.w55{width:55px}.w60{width:60px}.w65{width:65px}.w70{width:70px}.w75{width:75px}.w80{width:80px}.w85{width:85px}.w90{width:90px}.w95{width:95px}.w100{width:100px}
.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}
.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w265{width:265px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}
.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w450{width:450px}
.w1p{width:1%}.w2p{width:2%}.w3p{width:3%}.w4p{width:4%}.w5p{width:5%}.w6p{width:6%}.w7p{width:7%}.w8p{width:8%}.w9p{width:9%}.w10p{width:10%}
.w11p{width:11%}.w12p{width:12%}.w13p{width:13%}.w14p{width:14%}.w15p{width:15%}.w16p{width:16%}.w17p{width:17%}.w18p{width:18%}.w19p{width:19%}.w20p{width:20%}
.w21p{width:21%}.w22p{width:22%}.w23p{width:23%}.w24p{width:24%}.w25p{width:25%}.w26p{width:26%}.w27p{width:27%}.w28p{width:28%}.w29p{width:29%}.w30p{width:30%}
.w31p{width:31%}.w32p{width:32%}.w33p{width:33%}.w34p{width:34%}.w35p{width:35%}.w36p{width:36%}.w37p{width:37%}.w38p{width:38%}.w39p{width:39%}.w40p{width:40%}
.w41p{width:41%}.w42p{width:42%}.w43p{width:43%}.w44p{width:44%}.w45p{width:45%}.w46p{width:46%}.w47p{width:47%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}
.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h100{height:100px}.h150{height:150px}.h200{height:200px}.h250{height:250px}.h300{height:300px}.h350{height:350px}.h400{height:400px}.h450{height:450px}.h500{height:500px}

/* common */
html, body{overflow-x:hidden;}
body{position:relative;}
.inner{margin:0 auto;width:1410px;}

/* 스크롤 효과 */
.fade-effect{opacity: 0;transform: translateY(30px);transition: all 3.5s ease-out;}
.fade-effect.visible{opacity: 1;transform: translateY(0);}
.fade-effect.sort1{transition: all 2.5s ease-out;transition-delay: .5s;}
.fade-effect.sort2{transition: all 2.5s ease-out;transition-delay: 1s;}
.fade-effect.sort3{transition: all 2.5s ease-out;transition-delay: 1.5s;}
.fade-effect.order1{transition: all 2.5s ease-out;}
.fade-effect.order2{transition: all 2.5s ease-out;transition-delay: .3s;}
.fade-effect.order3{transition: all 2.5s ease-out;transition-delay: 1s;}
.fade-effect.order4{transition: all 2.5s ease-out;transition-delay: 1.3s;}
.fade-effect.order5{transition: all 2.5s ease-out;transition-delay: 1.5s;}
.fade-effect.order6{transition: all 2.5s ease-out;transition-delay: 1.7s;}

/* header */
#header{position:absolute;top:0;left:0;right:0;background:rgba(255,255,255,0.1);z-index:2;}
#header .inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100px;}
#header .inner > div{display:flex;flex-direction:row;align-items:center;}
#header h1{display:block;width:163px;font-size:16px;}
#gnb{display:flex;flex-direction:row;}
#gnb li{position:relative;transition:transform 0.3s ease;}
#gnb li:hover{transform:scale(1.05);}
#gnb li a{display:block;padding:0 35px;font-size:18px;color:#111;font-weight:700;transition:all 0.3s ease;position:relative;}
#gnb li a::before{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(135deg,#232C99,#1a2175);transition:width 0.4s ease;border-radius:1px;}
#gnb li a:hover::before{width:80%;}
#gnb li a:hover{color:#232C99;text-decoration:none;transform:translateY(-2px);}
#gnb li.active > a{color:#232C99;font-weight:800;position:relative;}
#allNav{text-indent: -9999em;background:url(../images/icon-allnav.png) no-repeat center;width:37px;height:14px;}

/* main */
#mainTopSection{position:relative;}

.main-top-swiper .swiper-slide{height:960px;}
.main-top-swiper .bg1{background:url(../images/bg_mainTopSwiper1.jpg) no-repeat center;}
.main-top-swiper .bg2{background:url(../images/bg_mainTopSwiper2.jpg) no-repeat center;}
.main-top-swiper .bg3{background:url(../images/bg_mainTopSwiper3.jpg) no-repeat center;}
.main-top-swiper .swiper-slide .title{display:block;padding-top:465px;border-bottom:1px solid #fff;font-size:64px;font-weight:600;line-height: 120%;color: #fff;}
.main-top-swiper .swiper-slide .desc{display:block;padding-top:30px;color:#fff;font-size:36px;}
.main-top-swiper .swiper-slide .title,
.main-top-swiper .swiper-slide .desc{opacity: 0;transform:translate(0,40px);transition-duration:1.2s;}
.main-top-swiper .swiper-slide-active .title,
.main-top-swiper .swiper-slide-active .desc{opacity: 1;transform: translate(0,0);}
.swiper-button-next,
.swiper-button-prev{width:42px;height:42px;border-radius: 50%;border:1px solid #fff;}
.swiper-button-prev{background: url(../images/ico-swiper-prev.png) no-repeat center;}
.swiper-button-next{background: url(../images/ico-swiper-next.png) no-repeat center;}
.swiper-pagination-bullet{position:relative;padding:0 12px;height:100%;background:none !important;font-size:25px;font-weight:600;color:#fff;opacity: 0.5;}
.swiper-pagination-bullet:last-child:after{display: none;}
.swiper-pagination-bullet-active{opacity: 1;}
.swiper-pagination-bullet:after{display:block;content: '';position:absolute;right:-7px;top:50%;margin-top:-2px;width:4px;height:4px;border-radius: 50%;background-color: #fff;opacity: 0.5;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display:none;}
#mainTopSection .swiper-ctrl{position:absolute;right:300px;bottom:275px;width:263px;height:43px;}
#mainTopSection .btn-scroll{position:absolute;left:50%;bottom:60px;width:77px;height:42px;margin-left:-38.5px;background:url(../images/btn-scroll.png) no-repeat center;z-index: 1;}

#mainSection .section1{padding-bottom:180px;background:url(../images/bg-section1.png) no-repeat center bottom;}
#mainSection .section1 .eng-title{padding-top:90px;text-align: center;color:#F3F3F3;font-size:100px;font-family: 'Montserrat';font-weight:900;line-height: 100%;}
#mainSection .section1 .title{margin-top:-30px;margin-bottom:50px;font-size:42px;text-align:center;font-weight: 500;}
#mainSection .section1 .title b{color:#00287C;}
#mainSection .section1 .desc{position:relative;margin-bottom:62px;color:#666;text-align:center;font-size:16px;}
#mainSection .section1 .desc:after{display:block;content:'';position:absolute;top:-16px;left:50%;margin-left:-21px;width:43px;border-top:1px solid #00287C;}

#mainSection .section1 .icon-item{display:flex;flex-direction: row;align-items: center;justify-content: center;}
#mainSection .section1 .icon-item div{display:flex;flex-direction: column;align-items: center;justify-content: center;margin:0 75px;width:200px;height:200px;border-radius: 50%;background-color: #00287C;}
#mainSection .section1 .icon-item .icon{display:block;margin-bottom:20px;}
#mainSection .section1 .icon-item .txt{display:block;font-size:24px;color:#fff;font-weight: 600;}

#mainSection .section2{position:relative;padding-bottom:190px;background:url(../images/bg-section2.jpg) no-repeat center top;}
#mainSection .section2:after{display:block;content:'';clear:both;}
#mainSection .section2 .inner{position:relative;padding-top:228px;}
#mainSection .section2 .eng-title{position:absolute;top:100px;left:145px;margin-bottom:25px;color:#F3F3F3;font-size:100px;font-family: 'Montserrat';font-weight:900;line-height: 100%;}
#mainSection .section2 .txt-area{position:absolute;top:168px;left:50%;margin-left:-705px;}
#mainSection .section2 .txt-area.scroll{position:fixed;transition: all 1s ease-out;}
#mainSection .section2 .title{margin-bottom:80px;font-size:42px;line-height:130%;font-weight: 500;}
#mainSection .section2 .title b{display:block;color: #00287C;}
#mainSection .section2 .btn-link{position:relative;display:inline-block;padding-right:50px;font-size:18px;font-weight:700;line-height:40px;}
#mainSection .section2 .btn-link:after{display:block;content:'';position:absolute;right:0;top:0;width:40px;height:40px;border-radius: 50%;background: #00287C url(../images/btn-link.png) no-repeat center;}
#mainSection .section2 .img-wrap{float:right;display:flex;width:960px;flex-direction: row;justify-content: space-between;position:relative;z-index:2}
#mainSection .section2 .img-wrap .txt{display:block;padding-top:25px;font-size:32px;font-weight:700;}
#mainSection .section2 .img-wrap .col2{padding-top:255px;}
#mainSection .section2 .img-list li{margin-bottom:140px;}
#mainSection .section2 .img-list li:last-child{margin-bottom:0px;}
#mainSection .section2 .img-list li .img{display:block;overflow:hidden;border-radius: 12px;}
#mainSection .section2 .img-list li .img img{display:block;width:100%;height:100%;}
.zoom-effect img{scale: 1.3;}
.zoom-effect.active img{scale: 1;transition: all .5s ease-out;}

#mainSection .section3{padding-top:160px;padding-bottom:120px;background:url(../images/bg-section3.png) no-repeat right center;}
#mainSection .section3 .eng-title{padding-left:96px;color:#F3F3F3;font-size:100px;font-family: 'Montserrat';font-weight:900;line-height: 100%;}
#mainSection .section3 .title-area{position:relative;margin-top:-40px;margin-bottom:62px;}
#mainSection .section3 .title{font-size:42px;line-height:130%;font-weight: 500;}
#mainSection .section3 .title b{color: #00287C;}
#mainSection .section3 .btn-more{display:inline-block;position:absolute;left:405px;bottom:5px;padding-right:40px;font-size:16px;font-weight:700;line-height:30px;}
#mainSection .section3 .btn-more:after{display:block;content:'';position:absolute;right:0;top:0;width:30px;height:30px;border-radius: 50%;background: #00287C url(../images/btn-link.png) no-repeat center;}
#mainSection .section3 .desc{position:relative;font-size:16px;color:#666;line-height:120%;}
#mainSection .section3 .desc:after{display:block;content:'';position:absolute;top:-30px;left:0;width:43px;border-top:1px solid #00287C;}
#mainSection .section3 .item-wrap{margin-top:-180px;}
#mainSection .section3 .item-list{display:flex;flex-direction: row;gap:30px;margin-bottom:45px;justify-content: end;}
#mainSection .section3 .item-list li{position:relative;padding:25px 30px;width:calc(25% - 30px);border-radius: 12px;height:270px;box-sizing: border-box;flex-shrink:0;overflow: hidden;cursor: pointer;}
#mainSection .section3 .item-list li.color1{background-color:#1B51AD;}
#mainSection .section3 .item-list li.color2{background-color:#3078C4;}
#mainSection .section3 .item-list li.color3{background-color:#32717F;}
#mainSection .section3 .item-list li.color4{background-color:#357DA3;}
#mainSection .section3 .item-list li.color5{background-color:#3078C4;}
#mainSection .section3 .item-list li.color6{background-color:#429ACA;}
#mainSection .section3 .item-list .label{position:relative;display: inline-block;margin-bottom:64px;height:32px;line-height:32px;padding:0 15px;color:#fff;font-size:15px;border-radius: 16px;border:1px solid #fff;z-index: 1;}
#mainSection .section3 .item-list .tit{position:relative;display:block;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.3);text-align:center;font-size:24px;font-weight:700;color:#fff;z-index: 1;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
#mainSection .section3 .item-list .info{position:relative;display:block;padding-top:24px;font-size:18px;text-align:center;color:#fff;z-index: 1;}
#mainSection .section3 .item-list li:after{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../images/main-section3-img-hover.png);border-radius: 16px;background-repeat: no-repeat;background-position: center;opacity: 0;transition: .3s;}
#mainSection .section3 .item-list li:hover:after{opacity:1;scale:1.25;transition: .6s;}
#mainSection .section3 .item-list li:hover:before{display:block;content:'';position:absolute;left:0;right:0;top:0;bottom:0;background: rgba(0,0,0,.3);z-index: 1;border-radius: 16px;}

#mainSection .section4{position:relative;background:url(../images/bg-section4.jpg) no-repeat top center;}
#mainSection .section4:after{display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:#111;opacity: 0.4;z-index:0;}
#mainSection .section4 .inner{position:relative;z-index:1;}
#mainSection .section4 .eng-title{padding-top:75px;color:#F3F3F3;font-size:100px;font-family: 'Montserrat';font-weight:900;line-height: 100%;text-align: center;opacity: 0.2;}
#mainSection .section4 .title{margin-top:-38px;margin-bottom:50px;font-size:42px;line-height:130%;font-weight: 500;text-align: center;color:#fff;}
#mainSection .section4 .desc{position:relative;color:#fff;font-size:16px;line-height:120%;text-align: center;}
#mainSection .section4 .desc:after{display:block;content:'';position:absolute;top:-30px;left:50%;margin-left:-21.5px;width:43px;border-top:1px solid #fff;}
#mainSection .section4 .item-area{padding:75px 0 205px;display:flex;flex-direction: row;justify-content: space-evenly;align-items: center;}

#mainSection .section5{position:relative;padding-top:190px;padding-bottom:135px;}
#mainSection .section5:after{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:450px;background-color: #F2F4F8;}
#mainSection .section5 .inner{position:relative;}
#mainSection .section5 .eng-title{color:#F3F3F3;font-size:100px;font-family: 'Montserrat';font-weight:900;line-height: 100%;text-align: center;text-align: right;}
#mainSection .section5 .title{position:relative;margin-top:-38px;margin-bottom:73px;font-size:42px;line-height:130%;font-weight: 500;}
#mainSection .section5 .title b{color: #00287C;}
#mainSection .section5 .title:after{display:block;content:'';position:absolute;bottom:-30px;left:0;width:43px;border-top:1px solid #00287C;}
#mainSection .section5 .section5-section .swiper-slide {width: auto;display: inline-block;}
#mainSection .section5 .section5-section .swiper-slide a{display:block;overflow: hidden;border:1px solid #ccc;}
#mainSection .section5 .section5-section .swiper-slide a img{scale: 1;}
#mainSection .section5 .section5-section .swiper-slide a:hover img{scale: 1.05;transition: all .5s ease-out;}

#mainSection .section5 .swiper-ctrl{position:absolute;top:125px;right:0;width:180px;height:42px;}
#mainSection .section5 .swiper-button-next,
#mainSection .section5 .swiper-button-prev{background-color: #00287C;border:0px none;}
#mainSection .section5 .swiper-button-next{right:0;}
#mainSection .section5 .swiper-button-prev{left:0;}
#mainSection .section5 .swiper-pagination{font-size:16px;color:#666;}
#mainSection .section5 .swiper-pagination .current{color:#000;font-weight:900;}

#mainSection .section6{padding-top:90px;background:url(../images/bg-section6.png) no-repeat center top -90px;}
#mainSection .section6 .inner{position:relative;}
#mainSection .section6 .eng-title{color:#F3F3F3;font-size:100px;font-family: 'Montserrat';font-weight:900;line-height: 100%;text-align: center;text-align: right;}
#mainSection .section6 .title{margin-top:-40px;margin-bottom:60px;font-size:42px;line-height:130%;font-weight: 500;}
#mainSection .section6 .title b{color: #00287C;}
#mainSection .section6 .notice-item .btn-more{display:inline-block;position:absolute;right:0px;top:-80px;padding-right:40px;font-size:16px;font-weight:700;line-height:30px;}
#mainSection .section6 .notice-item .btn-more:after{display:block;content:'';position:absolute;right:0;top:0;width:30px;height:30px;border-radius: 50%;background: #00287C url(../images/btn-link.png) no-repeat center;}
#mainSection .section6 .notice-item{display:flex;flex-wrap: wrap;gap:30px;margin-bottom:82px;}
#mainSection .section6 .notice-item .item a{display:block;padding:20px;border:1px solid #DDDDDD;}
#mainSection .section6 .notice-item .item{width:calc(50% - 15px);background:#fff;box-sizing: border-box;min-height: 140px;}
#mainSection .section6 .notice-item .item .label{display: block;margin-bottom:15px;font-size:16px;color:#00287C;font-weight: 700;}
#mainSection .section6 .notice-item .item .tit{display:block;margin-bottom:15px;font-size:24px;font-weight:600;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#mainSection .section6 .notice-item .item .date{display:block;font-size:15px;color:#999;}
#mainSection .section6 .notice-item .item.type2 a{position:relative;padding-left:178px;}
#mainSection .section6 .notice-item .item.type2 .img{display:block;width:140px;height:100px;position:absolute;left:20px;top:20px;bottom:20px;background-color: #666;}
#mainSection .section6 .notice-item .item a:hover{border:1px solid #00287C;transition: 0.6s;transform: translateY(-10px);}
#mainSection .bottom-item{display: flex;flex-direction: row;gap:30px;padding-bottom:106px;}
#mainSection .bottom-item .col1{position:relative;padding:58px 30px 46px;width:23.5%;background-color: #F1F1F1;border:1px solid #F1F1F1;border-radius: 12px;box-sizing: border-box;}
#mainSection .bottom-item .col1:hover{border:1px solid #00287C;transition: 0.6s;transform: translateY(-10px);}
#mainSection .bottom-item .col1 .tit{display:block;margin-bottom:30px;font-size:32px;font-weight: 700;}
#mainSection .bottom-item .col1 .desc{display:block;margin-bottom:42px;color:#666;line-height: 130%;min-height:48px;}
#mainSection .bottom-item .col1 .icon{display:block;text-align: right;}
#mainSection .bottom-item .btn-more{display:block;position:absolute;left:32px;bottom:46px;width:42px;height:42px;border-radius: 50%;background: #00287C url(../images/btn-link.png) no-repeat center;}
#mainSection .bottom-item .col2{flex:1;padding:55px 30px;background-color: #00287C;border-radius: 12px;font-family: 'Montserrat';}
#mainSection .bottom-item .col2 .tit{display:block;margin-bottom:35px;font-size:32px;color:#fff;font-family: 'Montserrat';font-weight: 700;}
#mainSection .bottom-item .col2:hover{transition: 0.6s;transform: translateY(-10px);}
#mainSection .bottom-item .info-list .first{padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.3);}
#mainSection .bottom-item .info-list .first em{font-size:42px;font-weight:700;}
#mainSection .bottom-item .info-list em{display:inline-block;vertical-align:middle;margin-left:12px;padding-left:12px;position:relative;}
#mainSection .bottom-item .info-list em:after{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-6px;height:12px;border-right:1px solid #aaa;}
#mainSection .bottom-item .info-list .icon{display:inline-block;vertical-align:middle;margin-right:10px;width:26px;height:26px;border-radius: 50%;text-align:center;background-color: #3078C4;}
#mainSection .bottom-item .info-list .label{display:inline-block;vertical-align:middle;width:96px;font-size:20px;color:#fff;}
#mainSection .bottom-item .info-list .first .label{font-size:24px;}
#mainSection .bottom-item .info-list li{margin-bottom:14px;color:#fff;font-size:20px;}

#footer{padding:120px 0 150px;background-color: #111;color:#fff;line-height: 140%;}
#footer .inner{display: flex;flex-direction: row;justify-content: space-between;}
#footer .right-area{text-align: right;}
#footer .right-area span{display:inline-block;padding-left:28px;}
#footer .right-area p{padding-top:18px;}

@media screen and (max-width: 1410px) {
	.inner{padding:0 3%;width: auto;}
	#mainTopSection .swiper-ctrl{right:3%;bottom: 220px;}
	#mainSection .title{font-size:35px !important;}
	#mainSection .section1 .icon-item div{margin:0 20px;}
	#mainSection .section2 .txt-area{left:3%;margin-left:0px;}
	#mainSection .section2 .img-wrap{width:60%;gap:15px;}
	#mainSection .section2 .img-wrap .txt{font-size:20px;}
	#mainSection .section4{background-size: cover;}
	#mainSection .section4 .item-area{flex-wrap: wrap;gap:20px;}
	#mainSection .bottom-item .col1 .tit,
	#mainSection .bottom-item .col2 .tit{font-size:25px;}
	#mainSection .bottom-item .info-list .first em{font-size:32px;}
}

@media screen and (max-width: 1024px) {
	#gnb li a{padding:0 20px;}
	.main-top-swiper .swiper-slide .title{font-size:40px;}
	.main-top-swiper .swiper-slide .desc{font-size:22px;}
	#mainSection .eng-title{font-size:70px !important;}
	#mainSection .title{font-size:30px !important;}
	#mainSection .section1 .icon-item div{width:150px;height:150px;}
	#mainSection .section1 .icon-item .txt{font-size:18px;}
	#mainSection .section2 .txt-area{top:140px;}
	#mainSection .section3 .btn-more{left:260px;bottom:-35px;}
	#mainSection .section3 .item-list{gap:10px;}
	#mainSection .section3 .item-list li{padding:15px;width: calc(25% - 10px);}
	#mainSection .section3 .desc{width:50%;font-size:15px;}
	#mainSection .section3 .desc br{display:none;}
	#mainSection .section3 .item-list li{height:200px;}
	#mainSection .section3 .item-list .label{margin-bottom:30px;}
	#mainSection .section3 .item-list .tit{font-size:18px;}
	#mainSection .section3 .item-list .info{font-size:16px;padding-top:18px;}
	#mainSection .section6 .notice-item .item .tit{font-size:18px;}
	#mainSection .bottom-item{flex-wrap: wrap;gap:20px;}
	#mainSection .bottom-item .col1{width:calc(50% - 10px);}
}

@media screen and (max-width: 768px) {
	#header .inner{padding:10px 3%;flex-direction: column;align-items: start;}
	#gnb{padding-top:10px;justify-content: center;width:100%;}
	#gnb li a{padding:0 8px;font-size:15px;}
	#allNav{position:absolute;top:30px;right:3%;}
	.main-top-swiper .swiper-slide{height:600px;}
	.main-top-swiper .swiper-slide .title{padding-top:250px;font-size:30px;}
	.main-top-swiper .swiper-slide .desc{padding-top:15px;font-size:18px;}
	#mainTopSection .swiper-ctrl{bottom:150px;height:32px;width:210px;}
	.swiper-button-next, .swiper-button-prev{width:32px;height:32px;}
	.swiper-pagination-bullet{font-size:20px;}
	#mainTopSection .btn-scroll{bottom:20px;width:50px;margin-left:-25px;background-size: 100% auto;}
	#mainSection .section1 .eng-title{padding-top:45px;}
	#mainSection .eng-title{font-size:50px !important;}
	#mainSection .title{font-size:22px !important;line-height: 130%;}
	#mainSection .section1{padding-bottom:45px;}
	#mainSection .section1 .title{margin-top:-15px;}
	#mainSection .section1 .desc{font-size:14px;}
	#mainSection .section1 .icon-item div{margin:0 5px;width:100px;height:100px;}
	#mainSection .section1 .icon-item .icon{margin-bottom:10px;}
	#mainSection .section1 .icon-item .icon img{height:40px;}
	#mainSection .section1 .icon-item .txt{font-size:15px;}
	#mainSection .section2{padding-bottom:60px;}
	#mainSection .section2 .inner{padding-top:80px;}
	#mainSection .section2 .eng-title{position:static;margin-bottom:0;}
	#mainSection .section2 .txt-area{position:static;margin-top:-15px;}
	#mainSection .section2 .title{margin-bottom:20px;}
	#mainSection .section2 .btn-link{font-size:15px;}
	#mainSection .section2 .img-wrap{padding-top:30px;float:none;width:auto;}
	#mainSection .section2 .img-wrap .col2{padding-top:50px;}
	#mainSection .section2 .img-list li{margin-bottom:70px;}
	#mainSection .section2 .img-wrap .txt{font-size:16px;padding-top:10px;}
	#mainSection .section3{padding:45px 0 60px;background-size: contain;}
	#mainSection .section3 .eng-title{padding-left:0px;}
	#mainSection .section3 .title-area{margin-top:-15px;}
	#mainSection .section3 .item-wrap{margin-top:30px;}
	#mainSection .section3 .item-list{flex-wrap: wrap;margin-bottom:10px;}
	#mainSection .section3 .item-list li{width:calc(50% - 5px);}
	#mainSection .section4 .eng-title{padding-top:45px;}
	#mainSection .section4 .title{margin-top:-15px;}
	#mainSection .section4 .item-area{padding-bottom:60px;}
	#mainSection .section5{padding:45px 0 60px;}
	#mainSection .section5 .eng-title{font-size:37px !important;text-align: left;}
	#mainSection .section5 .title{margin-top:-15px;}
	#mainSection .section5 .swiper-ctrl{top:65px;height:32px;right:3%;width:160px;}
	#mainSection .section6{padding-top:45px;}
	#mainSection .section6 .title{margin-top:-15px;}
	#mainSection .section6 .notice-item .btn-more{top:-88px;}
	#mainSection .section6 .notice-item{flex-direction: column;gap:10px;margin-bottom:30px;}
	#mainSection .section6 .notice-item .item{width:auto;}
	#mainSection .section6 .notice-item .item a{padding:15px;}
	#mainSection .section6 .notice-item .item .label,
	#mainSection .section6 .notice-item .item .date{font-size:14px;}
	#mainSection .section6 .notice-item .item .tit{font-size:16px;}
	#mainSection .section6 .notice-item .item.type2 .img{left:15px;top:15px;width:100px;height:95px;}
	#mainSection .section6 .notice-item .item.type2 a{padding-left:130px;}
	#mainSection .bottom-item{flex-direction: column;padding-bottom:60px;}
	#mainSection .bottom-item .col1{width: auto;padding:25px;}
	#mainSection .bottom-item .col1 .tit, 
	#mainSection .bottom-item .col2 .tit{margin-bottom:15px;font-size:20px;}
	#mainSection .bottom-item .col1 .desc{margin-bottom:20px;font-size:14px;}
	#mainSection .bottom-item .col1 .icon img{height:50px;}
	#mainSection .bottom-item .btn-more{bottom:26px;}
	#mainSection .bottom-item .col2{padding:25px;}
	#mainSection .bottom-item .info-list li{font-size:15px;}
	#mainSection .bottom-item .info-list .first .label,
	#mainSection .bottom-item .info-list .label{font-size:16px;width:60px;}
	#mainSection .bottom-item .info-list .first em{font-size:25px;}
	#footer{padding:50px 0;}
	#footer .inner{flex-direction: column;align-items: center;}
	#footer .left-area{margin-bottom:20px;}
	#footer .left-area,
	#footer .right-area{text-align: center;font-size:14px;}
	#footer .right-area p{padding-top:10px;}
}