@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: 1.8s;}
.fade-effect.order4{transition: all 2s ease-out;transition-delay: 2.1s;}
.fade-effect.order5{transition: all 2s ease-out;transition-delay: 2.3s;}
.fade-effect.order6{transition: all 2s ease-out;transition-delay: 2.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;}
#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;position:relative;}
.main-top-swiper .bg1{background:url(../images/bg_mainTopSwiper5.png) no-repeat center;background-size:cover;}
.main-top-swiper .bg2{background:url(../images/bg_mainTopSwiper6.png) no-repeat center;background-size:cover;}
.main-top-swiper .bg3{background:url(../images/bg_mainTopSwiper7.jpg) no-repeat center;background-size:cover;}
.main-top-swiper .swiper-slide::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:1;}
.main-top-swiper .swiper-slide .inner{position:relative;z-index:2;}
.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 */
.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;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;transition: 0.3s;}
.section1 .swiper-slide a:hover .img{border-color: #232C99;}
.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 */
.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 */
.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-Slider{position:relative;max-width:1400px;margin:0 auto;overflow:hidden;}
/*.section3 .swiper-slide{width:1400px;display:flex;flex-direction:column;gap:30px;}*/
.section3 .swiper-slide{width:1400px;}
.section3 .swiper-slide img{width:49%;max-width:1400px;height:auto;border-radius:8px;transition:transform 0.3s ease; margin-bottom: 10px}
.section3 .swiper-slide img:hover{transform:scale(1.02);}
.section3 .swiper-ctrl{position:absolute;right:0;top:-80px;width:112px;height:20px;line-height:20px;z-index:2;}
.section3 .swiper-pagination{top:0;font-size:16px;}
.section3 .swiper-pagination .total{color:#666;}
.section3 .swiper-pagination .current{font-weight:700;}
.section3 .swiper-button-prev,.section3 .swiper-button-next{position:absolute;top:50%;margin-top:-9px;width:11px;height:18px;}
.section3 .swiper-button-prev{left:0;background:url(../images/ico-slider-prev.png) no-repeat center;}
.section3 .swiper-button-next{right:0;background:url(../images/ico-slider-next.png) no-repeat center;}

/* section4 */
.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 */
.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;}
.section5 .logo-row.left-to-right{animation: slideLeftToRight 60s linear infinite;}
.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;transition: filter 0.3s ease;}
.section5 .company-logos .logo-item:hover img{filter: grayscale(0%);}

/* section6 */
.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{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;}
@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;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;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-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;}

/* 지도 영역 */
.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 */
#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;}
	.section2 .swiper-ctrl{left:3%;margin-left:0px;}
	.section6 .form-item{padding-right:50px;}
	.section3 .item-wrap{max-width: calc(100% - 60px);margin: 0 auto;}
	.section3 .item-wrap div{width: 100%;}
}

@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;}
	.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;}
	.section3 .item-wrap{gap: 20px;}
	.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;}
	.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) {
	#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{grid-template-columns: 1fr;gap: 15px;max-width: 100%;}
	.section3 .item-wrap div{width: 100%;}
	.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 .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;}
	.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: 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;}
	#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;}
}

@media screen and (max-width: 500px) {
	.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{padding: 15px 20px;height: auto;min-height: 100px;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: 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: 2px;}
	.section6 .catalog-down .kakao-text .subtitle{font-size: 11px;}
	.section6 .catalog-down .qr-area{flex-direction: row;align-items: center;}
	.section6 .catalog-down .qr-code{width: 55px;height: 55px;margin-right: 8px;padding: 5px;}
	.section6 .catalog-down .qr-text{font-size: 10px;line-height: 1.2;}
}

@media screen and (max-width: 400px) {
	.section6 .catalog-down{padding: 12px 15px;min-height: 90px;}
	.section6 .catalog-down .kakao-icon{width: 32px;height: 32px;margin-right: 8px;}
	.section6 .catalog-down .kakao-icon::after{width: 16px;height: 16px;}
	.section6 .catalog-down .kakao-text .title{font-size: 14px;}
	.section6 .catalog-down .kakao-text .subtitle{font-size: 10px;}
	.section6 .catalog-down .qr-code{width: 50px;height: 50px;margin-right: 6px;}
	.section6 .catalog-down .qr-text{font-size: 9px;}
}

@media screen and (max-width: 320px) {
	.section6 .catalog-down{padding: 10px 12px;min-height: 80px;}
	.section6 .catalog-down .kakao-icon{width: 28px;height: 28px;margin-right: 6px;}
	.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-code{width: 45px;height: 45px;margin-right: 5px;padding: 4px;}
	.section6 .catalog-down .qr-text{font-size: 8px;line-height: 1.1;}
}

/* 로딩 스피너 스타일만 추가 */
.loading {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	background: white;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.3);
	text-align: center;
}

.spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #15499E;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin: 0 auto 15px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 9998;
}