@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 1s ease-out;}
.fade-effect.visible{opacity: 1;transform: translateY(0);}
.fade-effect2{opacity: 0;transform: translateX(-30px);transition: all 1s ease-out;}
.fade-effect2.visible{opacity: 1;transform: translateX(0);}
.fade-effect3{opacity: 0;transform: translateX(30px);transition: all 1s ease-out;}
.fade-effect3.visible{opacity: 1;transform: translateX(0);}
.fade-effect.order1{transition: all 2s ease-out;}
.fade-effect.order2{transition: all 2s ease-out;transition-delay: .1.5s;}
.fade-effect.order3{transition: all 2s ease-out;transition-delay: .3s;}
.fade-effect.order4{transition: all 2s ease-out;transition-delay: .4.5s;}
.fade-effect.order5{transition: all 2s ease-out;transition-delay: .5.5s;}
.fade-effect.order6{transition: all 2s ease-out;transition-delay: .6.5s;}
.zoom-effect img{scale: 1.3;}
.zoom-effect.active img{scale: 1;transition: all .5s ease-out;}


/* 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;}
/* #gnb li.active > a::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:linear-gradient(135deg,#232C99,#1a2175);border-radius:2px;animation:slideIn 0.5s ease;} */
#btnInquery{display:block;margin-left:50px;width:140px;height:45px;border-radius:25px;background:linear-gradient(135deg,#232C99,#1a2175);font-size:18px;font-weight:700;line-height:45px;color:#fff;text-align:center;transition:all 0.3s ease;box-shadow:0 2px 10px rgba(35,44,153,0.3);}
#btnInquery:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(35,44,153,0.4);background:linear-gradient(135deg,#1a2175,#232C99);}


/* 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:410px;font-size:64px;font-weight:500;line-height: 120%;color: #fff;}
.main-top-swiper .swiper-slide .desc{display:block;padding-top:35px;color:#fff;font-size:42px;}
.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{opacity: 1;transform: translate(0,0);}
.main-top-swiper .swiper-slide-active .desc{opacity: 1;transform: translate(0,0);transition-delay: .5s;}
.swiper-pagination-bullet{background:none !important;width:auto;height:auto;font-size:18px;font-weight:600;color:#fff;}
.swiper-pagination-bullet .bar{display: none;}
.swiper-pagination-bullet-active .bar{display:inline-block;vertical-align:middle;position:relative;margin:0 10px;width:100px;height:2px;background-color: rgba(255,255,255,0.6);}
.swiper-pagination-bullet-active .bar i{display:block;position:absolute;left:0;height:2px;background-color: #E30011;animation: moveRight 3s forwards;}
@keyframes moveRight {
	from {
	  right: 100%;
	}
	to {
	  right: 0;
	}
  }

.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;left:0;right:0;margin:0 auto;width:1410px;bottom:113px;}
#mainTopSection .swiper-pagination{text-align: left;}
#mainTopSection .btn-scroll{position:absolute;left:50%;bottom:90px;width:80px;height:52px;margin-left:-40px;background:url(../images/btn-scroll.png) no-repeat center;z-index: 1;}

.section1{padding:100px 0 170px;}
.section1 .eng-title{display:inline-block;position:relative;margin-bottom:25px;font-size:48px;font-weight:800;font-family: 'Montserrat';}
.section1 .eng-title:after{display:block;content:'';position:absolute;right:-20px;top:-23px;height:15px;width:6px;background-color: #E30011;transform:rotate(215deg);}
.section1 .title{margin-bottom:95px;font-size:18px;color:#666;}
#section1-Slider{position:relative;}
.section1 .swiper-slide{max-width:450px;}
.section1 .swiper-slide a{display:block;}
.section1 .swiper-slide .label{position:absolute;top:24px;left:27px;width:125px;height:38px;line-height: 38px;text-align: center;background-color: #fff;font-size:24px;border-radius: 4px;font-weight:600;z-index: 2;}
.section1 .swiper-slide .img{width:100%;height:338px;border-radius: 16px;overflow: hidden;border: 2px solid #e0e0e0;}
.section1 .swiper-slide .img{transition: 0.3s;}
.section1 .swiper-slide a:hover .img img{transition: 0.6s;scale: 1.2;}
.section1 .swiper-slide:nth-child(odd){margin-top:75px;}
.section1 .swiper-ctrl{position:absolute;left:50%;margin-left:593px;top:-120px;width:112px;height:20px;line-height: 20px;}
.section1 .swiper-pagination{top:0;font-size:16px;}
.section1 .swiper-pagination .total{color:#666;}
.section1 .swiper-pagination .current{font-weight: 700;}
.section1 .swiper-button-prev,
.section1 .swiper-button-next{position:absolute;top:50%;margin-top:-9px;width:11px;height:18px;}
.section1 .swiper-button-prev{left:0;background:url(../images/ico-slider-prev.png) no-repeat center;}
.section1 .swiper-button-next{right:0;background:url(../images/ico-slider-next.png) no-repeat center;}

.section2{position:relative;background-color: #FBFBFC;}
.section2 .txt-area{position:absolute;top:70px;left:50%;margin-left:-705px;z-index: 1;}
.section2 .eng-title{display:inline-block;position:relative;margin-bottom:25px;font-size:48px;font-weight:800;font-family: 'Montserrat';}
.section2 .eng-title:after{display:block;content:'';position:absolute;right:-20px;top:-23px;height:15px;width:6px;background-color: #E30011;transform:rotate(215deg);}
.section2 .title{font-size:18px;color:#666;}
.section2 .swiper-slide{padding-top:227px;height:550px;box-sizing: border-box;}
.section2 .swiper-slide .name{display:block;margin-bottom:25px;font-size:32px;font-weight:700;}
.section2 .swiper-slide .desc{display:block;margin-bottom:44px;font-size:20px;color:#666;}
.section2 .swiper-slide .btn-link{position:relative;margin-left:210px;padding-right:50px;background:url(../images/ico-btn-link.png) no-repeat right center;font-size:20px;font-weight:700;}
.section2 .swiper-slide .btn-link:after{display:block;content:'';position:absolute;left:-16px;top:50%;margin-top:-5px;width:10px;height:10px;border-radius: 50%;background-color: #15499E;}
.section2 .swiper-slide .img{position:absolute;left:50%;right:0;top:0;bottom:0;overflow: hidden;}
.section2 .swiper-slide .img img{width:100%;height:100%;scale: 1.3;}
.section2 .swiper-slide-active .img img{scale: 1;transition: all 1s ease-out;}
.section2 .swiper-ctrl{position:absolute;left:50%;margin-left:-705px;bottom:40px;width:112px;height:20px;line-height: 20px;}
.section2 .swiper-pagination{top:0;font-size:16px;}
.section2 .swiper-pagination .total{color:#666;}
.section2 .swiper-pagination .current{font-weight: 700;}
.section2 .swiper-button-prev,
.section2 .swiper-button-next{position:absolute;top:50%;margin-top:-9px;width:11px;height:18px;}
.section2 .swiper-button-prev{left:0;background:url(../images/ico-slider-prev.png) no-repeat center;}
.section2 .swiper-button-next{right:0;background:url(../images/ico-slider-next.png) no-repeat center;}
.section2 .left-area{width:50%;}

.section3{padding-top:145px;padding-bottom:108px;}
.section3 .eng-title{display:inline-block;position:relative;margin-bottom:25px;font-size:48px;font-weight:800;font-family: 'Montserrat';}
.section3 .eng-title:after{display:block;content:'';position:absolute;right:-20px;top:-23px;height:15px;width:6px;background-color: #E30011;transform:rotate(215deg);}
.section3 .title{margin-bottom:44px;font-size:18px;color:#666;}
.section3 .item-wrap{display: flex;flex-wrap: wrap;gap:30px;}
.section3 .item-wrap div{width: calc(33.3333% - 30px);}

.section4{padding:150px 0 123px;background: url(../images/bg_section4.jpg) no-repeat center;}
.section4 .title{margin-bottom:70px;font-size:42px;color:#fff;text-align: center;font-weight: 700;}
.section4 .item-area{display:flex;flex-direction: row;justify-content: space-around;}
.section4 .item-area .item{padding:30px 10px;width:220px;height:190px;border-radius: 16px;color:#fff;background-color: rgba(255,255,255,.1);box-sizing: border-box;text-align: center;}
.section4 .item-area .item .num{display:block;margin-bottom:35px;font-size:15px;line-height:initial;}
.section4 .item-area .item .num b{display:inline-block;vertical-align:sub;margin-right:8px;font-size:52px;font-weight: 700;}

.section5{padding-top:90px;padding-bottom:133px;}
.section5 .eng-title{display:inline-block;position:relative;margin-bottom:25px;font-size:48px;font-weight:800;font-family: 'Montserrat';}
.section5 .eng-title:after{display:block;content:'';position:absolute;right:-20px;top:-23px;height:15px;width:6px;background-color: #E30011;transform:rotate(215deg);}
.section5 .title{margin-bottom:43px;font-size:18px;color:#666;}
.section5 .item-wrap{display: flex;flex-direction: row;flex-wrap: nowrap;gap:83px;}
.section5 .left-area{display:flex;flex-direction: row;gap:36px;}
.section5 .right-area{flex:1;}
.section5 .right-area .top{display:block;padding-bottom:15px;font-size:24px;font-weight:700;border-bottom:2px solid #000;}
.section5 .right-area .txt-list li{padding:16px 0;font-size:18px;border-bottom:1px solid #ccc;font-weight: 700;}

.section6{position:relative;background:#F4F8FB;}
.section6 .eng-title{display:inline-block;position:relative;margin-bottom:25px;font-size:48px;font-weight:800;font-family: 'Montserrat';}
.section6 .eng-title:after{display:block;content:'';position:absolute;right:-20px;top:-23px;height:15px;width:6px;background-color: #E30011;transform:rotate(215deg);}
.section6 .title{margin-bottom:54px;font-size:18px;color:#666;}
.section6 .left-area{padding:70px 0 60px;width:49%;}
.section6 .info-list{margin-bottom:54px;}
.section6 .info-list li{display:inline-block;vertical-align:middle;margin-right:25px;font-size:20px;font-weight: 500;}
.section6 .info-list li.first{display:block;margin-bottom:24px;}
.section6 .info-list li .icon{display:inline-block;vertical-align:middle;margin-right:5px;width:20px;height:20px;border-radius: 50%;background-color: #15499E;text-align: center;line-height:20px;}
.section6 .info-list li .icon img{display: inline-block;margin-top:-4px;}
.section6 .info-list li.first .icon img{margin-top:0px;}
.section6 .info-list li.first .icon{width:24px;height:24px;}
.section6 .info-list li .label{display:inline-block;vertical-align:middle;position:relative;margin-right:7px;padding-right:7px;}
.section6 .info-list li .label:after{display:block;content:'';position:absolute;top:50%;right:0;margin-top:-7px;height:14px;border-right:1px solid #aaa;}
.section6 .info-list li.first .label{padding-right:12px;margin-right:30px;font-size:24px;}
.section6 .info-list li em{display:inline-block;vertical-align: middle;}
.section6 .info-list li.first em{font-weight:800;font-size:42px;vertical-align: top;}
.section6 .form-item{padding:33px 110px 0 0;border-top:2px solid #000;}
.section6 .form-item li{position:relative;padding-left:88px;margin-bottom:16px;}
.section6 .form-item li .label{display:block;position:absolute;left:0;top:12px;width:88px;font-size:18px;font-weight: 600;}
.section6 .form-item li .label .req{display:inline-block;vertical-align: top;margin-left:3px;}
.section6 .form-item .input-area{display:block;}
.section6 .form-item li .input-area input,
.section6 .form-item li textarea{display:block;padding:0 17px;width:100%;height:48px;border-radius: 4px;border:1px solid #D8D8D8;font-size:18px;box-sizing:border-box;}
.section6 .form-item li textarea{padding:10px 17px;height:132px;resize: none;font-family: 'Pretendard';}
.section6 .form-item #agree-item{display:inline-block;vertical-align:middle;margin-right:7px;width:16px;height:16px;border-radius: 4px;border:1px solid #ccc;}
.section6 .form-item label{display:block;margin-bottom:5px;font-weight:700;font-size:18px;}
.section6 .form-item .desc{display:block;margin-bottom:25px;padding-left:25px;font-size:15px;color:#666;}
/* .section6 .form-item .btn-blue{display:block;position:relative;width:100%;height: 42px;text-align:center;font-size: 18px;color:#fff;border-radius:4px;line-height:42px;background-color: #15499E;}
.section6 .form-item .btn-blue .dot {content: '';position: absolute;top: 0;width:100%;height: 100%;border-radius: 100%;transition: all 300ms ease;display: none;}
.section6 .form-item .btn-blue .dot:after {content: '';position: absolute;left:-.4em;top: -.4em;height: .5em;width: .5em;background: #15499E;border-radius: 1em;border: .25em solid #fff;box-shadow: 0 0 .7em #fff 0 0 2em #15499E;}
.section6 .form-item .btn-blue:hover .dot,
.section6 .form-item .btn-blue:focus .dot {animation: atom 2s infinite linear;display: block;}
@keyframes atom {
	0% {transform: translateX(0) rotate(0);}
	30%{transform: translateX(80%) rotate(0);}
	50% {transform: translateX(80%) rotate(180deg);}
	80% {transform: translateX(0) rotate(180deg);}
	100% {transform: translateX(0) rotate(360deg);}
} */
.section6 .form-item .btn-blue{display:block;position:relative;width:100%;height:42px;text-align:center;font-size:18px;color:#fff;border-radius:4px;line-height:42px;background-color:#15499E;}
.section6 .form-item .btn-blue .dot{position:absolute;top:0;left:0;width:100%;height:100%;display:block;pointer-events:none;}
.section6 .form-item .btn-blue .dot:after{content:'';position:absolute;width:10px;height:10px;background:#15499E;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0.7em #fff,0 0 2em #15499E;animation:squarePath 2.5s linear infinite;}
/* .section6 .form-item .btn-blue:hover .dot,.section6 .form-item .btn-blue:focus .dot{display:block;} */
@keyframes squarePath {
	0%   { top: -5px; left: -5px; }                            
	40%  { top: -5px; left: calc(100% - 5px); }                
	50%  { top: calc(100% - 5px); left: calc(100% - 5px); }    
	90%  { top: calc(100% - 5px); left: -5px; }                
	100% { top: -5px; left: -5px; }                            
}

.section6 .right-area{position:absolute;left:53%;right:0;top:0;bottom:0;}
.section6 .catalog-down{display:flex;padding-left:56px;height:200px;background:url(../images/bg-catalog-down.jpg) no-repeat center;background-size: cover;align-items: center;}
.section6 .catalog-down a{display:inline-block;padding-right:52px;font-size:32px;color:#fff;font-weight:500;background:url(../images/ico-catalog-down.png) no-repeat right center;}
.section6 .map-area{height:685px;background:url(../images/map-sample.jpg) no-repeat center;background-size: cover;}
.root_daum_roughmap .cont{display:none;}

#banner-slider{padding:35px 0;overflow: hidden;}
#banner-slider .swiper-slide a{display:block;height:100px;text-align:center;border:1px solid #ccc;box-sizing: border-box;line-height:100px;}

#footer{padding:85px 0;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;font-size:16px;}
#footer .right-area span{display:inline-block;padding-left:28px;}
#footer .right-area p{padding-top:18px;color:#ccc;}

@media screen and (max-width: 1410px) {
	.inner{padding:0 3%;width: auto;}
	#mainTopSection .swiper-ctrl{left:3%;}
	.section1 .swiper-ctrl{right:3%;left:inherit;margin-left:0px;}
	.section2 .txt-area{left:3%;margin-left:0px;}
	.section5 .right-area{width:40%;}
	.section5 .item-wrap{gap:15px;}
	.section5 .left-area{gap:10px;width:60%;}
	.section5 .left-area img{width: calc(33.3333% - 5px);height:auto;}
	.section6 .form-item{padding-right:50px;}
	.section2 .swiper-ctrl{left:3%;margin-left:0px;}
}

@media screen and (max-width: 1024px) {
	#gnb li a{padding:0 15px;font-size:15px;}
	#btnInquery{margin-left:15px;width:120px;height:40px;line-height:40px;font-size:16px;}
	.main-top-swiper .swiper-slide .title{font-size:40px;}
	.main-top-swiper .swiper-slide .desc{font-size:22px;}
	#mainTopSection .swiper-ctrl{bottom:200px;}
	#mainSection .eng-title{font-size:35px !important;}
	#mainSection .title{font-size:16px !important;}
	.section1 .swiper-slide .label{font-size:20px;}
	.section2 .swiper-slide .name{font-size:25px;}
	.section2 .swiper-slide .desc{font-size:16px;}
	.section2 .swiper-slide .btn-link{font-size:17px;}
	#mainSection .section4 .title{font-size:35px !important;}
	.section5 .item-wrap{flex-direction: column;}
	.section5 .left-area{margin-bottom:20px;}
	.section5 .left-area,
	.section5 .right-area{width:auto;}
	.section5 .right-area .top{font-size:20px;}
	.section5 .right-area .txt-list li{font-size:16px;}
	.section6 .left-area{width:auto;}
	.section6 .right-area{position:static;}
	.section6 .info-list li.first em{font-size:30px;}
	.section6 .map-area,
	.root_daum_roughmap,
	.root_daum_roughmap .wrap_map{height:400px !important;}
	.banner ul{gap:15px;justify-content:space-between;}
	.banner li a{padding:5px;box-sizing: border-box;height:80px;line-height:70px;}
}

@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;}
	#btnInquery{position:absolute;top:15px;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{font-size:18px;line-height:130%;}
	#mainTopSection .swiper-ctrl{bottom:120px;}
	#mainTopSection .btn-scroll{bottom:30px;}
	.section1{padding:60px 0;}
	#mainSection .eng-title{font-size:30px !important;}
	#mainSection .title{font-size:14px !important;line-height: 130%;margin-bottom:40px;}
	#mainSection .eng-title:after{top:-12px;}
	.section1 .swiper-slide .img{margin:0 auto;width:90%;height:auto;}
	.section1 .swiper-slide:nth-child(odd){margin-top:0px;}
	.section1 .swiper-slide .label{width:100px;height:30px;line-height:30px;font-size:16px;}
	.section2 .txt-area{position:static;padding-top:45px;padding:45px 3% 0;}
	.section2 .swiper-slide{padding-top:0px;height:auto;}
	.section2 .left-area{width:auto;}
	.section2 .swiper-slide .img{position:static;}
	.section2 .swiper-ctrl{top:90px;bottom:inherit;left:inherit;right:3%;}
	.section2 .swiper-slide .name{font-size:20px;margin-bottom:15px;}
	.section2 .swiper-slide .desc{font-size:14px;margin-bottom:20px;}
	.section2 .swiper-slide .btn-link{display:inline-block;font-size:15px;margin:0 0 20px 20px;}
	.section3{padding:80px 0 60px;}
	.section3 .item-wrap{gap:10px;}
	.section3 .item-wrap div{width:calc(33.3333% - 10px);}
	.section4{padding:80px 0;}
	#mainSection .section4 .title{font-size:25px !important;}
	.section4 .item-area .item{padding:25px 15px;width:110px;height:120px;}
	.section4 .item-area .item .num{margin-bottom:10px;}
	.section4 .item-area .item .num b{font-size:35px;}
	.section4 .item-area .item .label{font-size:14px;}
	.section5{padding:60px 0;}
	.section5 .right-area .top{font-size:18px;}
	.section5 .right-area .txt-list li{padding:8px 0;font-size:14px;}
	.section6 .left-area{padding:60px 0 30px;}
	.section6 .info-list li.first{margin-bottom:10px;}
	.section6 .info-list li.first .label{font-size:20px;}
	.section6 .info-list li.first em{font-size:25px;}
	.section6 .info-list li{font-size:16px;}
	.section6 .info-list{margin-bottom:30px;}
	.section6 .form-item{padding:20px 0;}
	.section6 .form-item li .label,
	.section6 .form-item li .input-area input, 
	.section6 .form-item li textarea,
	.section6 .form-item .btn-blue{font-size:15px;}
	.section6 .form-item label,
	.section6 .form-item .desc{font-size:14px;}
	.section6 .catalog-down{padding-left:25px;height:120px;}
	.section6 .catalog-down a{font-size:20px;}
	.banner ul{gap:10px;padding:15px 0;}
	.banner li{width: calc(25% - 5px);}
	.banner li a{height:auto;line-height:120%;}
	#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;}
}


/* section3 업데이트된 스타일 */
.section3{padding-top:145px;padding-bottom:108px;}
.section3 .eng-title{display:inline-block;position:relative;margin-bottom:25px;font-size:48px;font-weight:800;font-family: 'Montserrat';}
.section3 .eng-title:after{display:block;content:'';position:absolute;right:-20px;top:-23px;height:15px;width:6px;background-color: #E30011;transform:rotate(215deg);}
.section3 .title{margin-bottom:44px;font-size:18px;color:#666;}

/* 2x3 그리드 레이아웃 */
.section3 .item-wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 30px;
    max-width: 1530px; /* 750px * 2 + gap */
    margin: 0 auto;
}

.section3 .item-wrap div{
    width: 750px;
    height: auto;
    overflow: hidden;
    border-radius: 8px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.section3 .item-wrap div:hover{
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.section3 .item-wrap div img{
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.section3 .item-wrap div:hover img{
    transform: scale(1.05);
}

/* 반응형 디자인 */
@media screen and (max-width: 1410px) {
    .section3 .item-wrap{
        max-width: calc(100% - 60px);
        margin: 0 auto;
    }
    
    .section3 .item-wrap div{
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .section3 .item-wrap{
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .section3{
        padding: 80px 0 60px;
    }
    
    .section3 .item-wrap{
        grid-template-columns: 1fr;
        gap: 15px;
        max-width: 100%;
    }
    
    .section3 .item-wrap div{
        width: 100%;
    }
}


/* section5 업데이트된 스타일 - 회사 로고 그리드 */
.section5{padding-top:90px;padding-bottom:133px;}
.section5 .eng-title{display:inline-block;position:relative;margin-bottom:25px;font-size:48px;font-weight:800;font-family: 'Montserrat';}
.section5 .eng-title:after{display:block;content:'';position:absolute;right:-20px;top:-23px;height:15px;width:6px;background-color: #E30011;transform:rotate(215deg);}
.section5 .title{margin-bottom:60px;font-size:18px;color:#666;}

/* 회사 로고 슬라이딩 컨테이너 - 전체 화면 너비 */
.section5 .company-logos{
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    overflow: hidden;
    position: relative;
    padding: 30px 0;
}

/* 각 행별 슬라이딩 래퍼 */
.section5 .logo-row{
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    height: 80px;
    width: fit-content;
}

.section5 .logo-row:last-child{
    margin-bottom: 0;
}

/* 1행, 3행: 왼쪽에서 오른쪽으로 - 무한 롤링 */
.section5 .logo-row.left-to-right{
    animation: slideLeftToRight 60s linear infinite;
}

/* 2행: 오른쪽에서 왼쪽으로 - 무한 롤링 */
.section5 .logo-row.right-to-left{
    animation: slideRightToLeft 60s linear infinite;
}

/* 무한 슬라이딩 애니메이션 키프레임 */
@keyframes slideLeftToRight {
    0% { 
        transform: translateX(0); 
    }
    100% { 
        transform: translateX(-50%); 
    }
}

@keyframes slideRightToLeft {
    0% { 
        transform: translateX(-50%); 
    }
    100% { 
        transform: translateX(0); 
    }
}

.section5 .company-logos .logo-item{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    height: 80px;
    min-width: 220px;
    margin-right: 30px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    flex-shrink: 0;
}

.section5 .company-logos .logo-item:hover{
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    border-color: #ccc;
}

.section5 .company-logos .logo-item img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.section5 .company-logos .logo-item:hover img{
    filter: grayscale(0%);
}

/* 반응형 디자인 */
@media screen and (max-width: 1024px) {
    .section5 .company-logos{
        padding: 25px 0;
    }
    
    .section5 .logo-row{
        animation-duration: 35s;
        margin-bottom: 50px;
        height: 70px;
    }
    
    .section5 .company-logos .logo-item{
        height: 70px;
        padding: 15px;
        min-width: 180px;
    }
}

@media screen and (max-width: 768px) {
    .section5{
        padding: 60px 0;
    }
    
    .section5 .company-logos{
        padding: 20px 0;
    }
    
    .section5 .logo-row{
        height: 60px;
        margin-bottom: 40px;
        animation-duration: 30s;
    }
    
    .section5 .company-logos .logo-item{
        height: 60px;
        padding: 10px;
        min-width: 150px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 480px) {
    .section5 .company-logos{
        padding: 15px 0;
    }
    
    .section5 .logo-row{
        height: 50px;
        margin-bottom: 30px;
        animation-duration: 25s;
    }
    
    .section5 .company-logos .logo-item{
        height: 50px;
        padding: 8px;
        min-width: 120px;
        margin-right: 15px;
    }
}


/* 카카오톡 문의 영역 스타일 */
.section6 .catalog-down{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 56px;
    height: 200px;
    background: linear-gradient(135deg, #FFE812, #FDD835);
    position: relative;
}

.section6 .catalog-down::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/kakao-pattern.png) repeat;
    opacity: 0.1;
    pointer-events: none;
}

.section6 .catalog-down .kakao-content{
    display: flex;
    align-items: center;
    z-index: 1;
}

.section6 .catalog-down .kakao-icon{
    width: 60px;
    height: 60px;
    background: #3C1E1E;
    border-radius: 50%;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.section6 .catalog-down .kakao-icon::after{
    content: '';
    width: 32px;
    height: 32px;
    background: url(../images/kakao-talk-icon.png) no-repeat center;
    background-size: contain;
}

.section6 .catalog-down .kakao-text{
    color: #3C1E1E;
}

.section6 .catalog-down .kakao-text .title{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}

.section6 .catalog-down .kakao-text .subtitle{
    font-size: 18px;
    font-weight: 500;
    opacity: 0.8;
    display: block;
}

.section6 .catalog-down .qr-area{
    display: flex;
    align-items: center;
    z-index: 1;
}

.section6 .catalog-down .qr-code{
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    margin-right: 15px;
}

.section6 .catalog-down .qr-code img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.section6 .catalog-down .qr-text{
    color: #3C1E1E;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
}

/* 호버 효과 */
.section6 .catalog-down:hover{
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

.section6 .catalog-down:hover .kakao-icon{
    transform: scale(1.1);
    transition: all 0.3s ease;
}

.section6 .catalog-down:hover .qr-code{
    transform: scale(1.05);
    transition: all 0.3s ease;
}

/* 반응형 */
@media screen and (max-width: 768px) {
    .section6 .catalog-down{
        padding: 0 25px;
        height: 140px;
        flex-direction: column;
        justify-content: center;
        gap: 15px;
    }
    
    .section6 .catalog-down .kakao-content{
        margin-bottom: 10px;
    }
    
    .section6 .catalog-down .kakao-icon{
        width: 45px;
        height: 45px;
        margin-right: 15px;
    }
    
    .section6 .catalog-down .kakao-icon::after{
        width: 24px;
        height: 24px;
    }
    
    .section6 .catalog-down .kakao-text .title{
        font-size: 24px;
    }
    
    .section6 .catalog-down .kakao-text .subtitle{
        font-size: 14px;
    }
    
    .section6 .catalog-down .qr-code{
        width: 80px;
        height: 80px;
        margin-right: 10px;
    }
    
    .section6 .catalog-down .qr-text{
        font-size: 12px;
    }
}


/* 카카오톡 문의 영역 스타일 */
.section6 .catalog-down{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 56px;
    height: 200px;
    background: linear-gradient(135deg, #FFE812, #FDD835);
    position: relative;
}

.section6 .catalog-down::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/kakao-pattern.png) repeat;
    opacity: 0.1;
    pointer-events: none;
}

.section6 .catalog-down .kakao-content{
    display: flex;
    align-items: center;
    z-index: 1;
}

.section6 .catalog-down .kakao-icon{
    width: 60px;
    height: 60px;
    background: #3C1E1E;
    border-radius: 50%;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.section6 .catalog-down .kakao-icon::after{
    content: '';
    width: 32px;
    height: 32px;
    background: url(../images/kakao-talk-icon.png) no-repeat center;
    background-size: contain;
}

.section6 .catalog-down .kakao-text{
    color: #3C1E1E;
}

.section6 .catalog-down .kakao-text .title{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}

.section6 .catalog-down .kakao-text .subtitle{
    font-size: 18px;
    font-weight: 500;
    opacity: 0.8;
    display: block;
}

.section6 .catalog-down .qr-area{
    display: flex;
    align-items: center;
    z-index: 1;
}

.section6 .catalog-down .qr-code{
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    margin-right: 15px;
}

.section6 .catalog-down .qr-code img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.section6 .catalog-down .qr-text{
    color: #3C1E1E;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
}

/* 호버 효과 */
.section6 .catalog-down:hover{
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

.section6 .catalog-down:hover .kakao-icon{
    transform: scale(1.1);
    transition: all 0.3s ease;
}

.section6 .catalog-down:hover .qr-code{
    transform: scale(1.05);
    transition: all 0.3s ease;
}

/* 반응형 */
@media screen and (max-width: 1024px) {
    .section6 .catalog-down{
        padding: 0 40px;
    }
    
    .section6 .catalog-down .kakao-text .title{
        font-size: 28px;
    }
    
    .section6 .catalog-down .kakao-text .subtitle{
        font-size: 16px;
    }
    
    .section6 .catalog-down .qr-code{
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 768px) {
    .section6 .catalog-down{
        padding: 20px 25px;
        height: auto;
        min-height: 120px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    
    .section6 .catalog-down .kakao-icon{
        width: 40px;
        height: 40px;
        margin-right: 12px;
    }
    
    .section6 .catalog-down .kakao-icon::after{
        width: 20px;
        height: 20px;
    }
    
    .section6 .catalog-down .kakao-text .title{
        font-size: 20px;
        margin-bottom: 2px;
    }
    
    .section6 .catalog-down .kakao-text .subtitle{
        font-size: 12px;
    }
    
    .section6 .catalog-down .qr-code{
        width: 70px;
        height: 70px;
        margin-right: 8px;
    }
    
    .section6 .catalog-down .qr-text{
        font-size: 10px;
    }
}

@media screen and (max-width: 480px) {
    .section6 .catalog-down{
        padding: 15px 20px;
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .section6 .catalog-down .kakao-content{
        justify-content: center;
    }
    
    .section6 .catalog-down .qr-area{
        justify-content: center;
    }
    
    .section6 .catalog-down .kakao-text .title{
        font-size: 18px;
    }
    
    .section6 .catalog-down .qr-code{
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 375px) {
    .section6 .catalog-down{
        padding: 12px 15px;
        gap: 12px;
        min-height: 100px;
    }
    
    .section6 .catalog-down .kakao-icon{
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
    
    .section6 .catalog-down .kakao-icon::after{
        width: 18px;
        height: 18px;
    }
    
    .section6 .catalog-down .kakao-text .title{
        font-size: 16px;
        margin-bottom: 1px;
    }
    
    .section6 .catalog-down .kakao-text .subtitle{
        font-size: 11px;
    }
    
    .section6 .catalog-down .qr-code{
        width: 50px;
        height: 50px;
        margin-right: 6px;
        padding: 6px;
    }
    
    .section6 .catalog-down .qr-text{
        font-size: 9px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 320px) {
    .section6 .catalog-down{
        padding: 10px 12px;
        gap: 8px;
        min-height: 80px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    
    .section6 .catalog-down .kakao-content{
        flex-direction: row;
        align-items: center;
    }
    
    .section6 .catalog-down .kakao-icon{
        width: 28px;
        height: 28px;
        margin-right: 8px;
    }
    
    .section6 .catalog-down .kakao-icon::after{
        width: 14px;
        height: 14px;
    }
    
    .section6 .catalog-down .kakao-text .title{
        font-size: 13px;
        margin-bottom: 1px;
    }
    
    .section6 .catalog-down .kakao-text .subtitle{
        font-size: 9px;
    }
    
    .section6 .catalog-down .qr-area{
        flex-direction: row;
        align-items: center;
    }
    
    .section6 .catalog-down .qr-code{
        width: 40px;
        height: 40px;
        margin-right: 5px;
        padding: 4px;
    }
    
    .section6 .catalog-down .qr-text{
        font-size: 8px;
        line-height: 1.1;
    }
}