/*---common css---*/

:root {
	/*color*/
	--color-base: #000;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;

	/*font-size*/
	--font-size-14: 0.875rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem; 
	--font-size-23: 1.438rem; 
	--font-size-25: 1.563rem;
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem; 
	--font-size-28: 1.75rem; 
	--font-size-30: 1.875rem; 
	--font-size-31: 1.938rem;
	--font-size-32: 2rem;
	--font-size-37: 2.313rem; 	
	--font-size-45: 2.813rem; 
	--font-size-48: 3rem; 
	--font-size-51: 3.188rem; 
	--font-size-55: 3.438rem; 
	--font-size-80: 5rem;

	/*font-weight*/
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-bl: 900;
}

/*font size*/
.fs_14{font-size: var(--font-size-14);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_20{font-size: var(--font-size-20);} 
.fs_23{font-size: var(--font-size-23);} 
.fs_25{font-size: var(--font-size-25);}
.fs_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);}
.fs_28{font-size: var(--font-size-28);} 
.fs_30{font-size: var(--font-size-30);} 
.fs_31{font-size: var(--font-size-31);}
.fs_32{font-size: var(--font-size-32);}
.fs_37{font-size: var(--font-size-37);}
.fs_45{font-size: var(--font-size-45);}
.fs_48{font-size: var(--font-size-48);}
.fs_51{font-size: var(--font-size-51);}
.fs_55{font-size: var(--font-size-55);}
.fs_80{font-size: var(--font-size-80);}


@media screen and (max-width:767px){
.fs_51 {font-size:30px;}
.fs_48 {font-size:25px;}
.fs_45 {font-size:22px;}
.fs_37 {font-size:20px;}
.fs_30 {font-size:18px;}
.fs_32 {font-size:18px;}
.fs_25 {font-size:18px;}
.fs_28 {font-size:20px;}
.fs_80 {font-size:40px;}
}

/*font weight*/
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_bl{font-weight: var(--font-bl);}


/*poitnColor*/
.pointC01 {color:#558ce2;}
.pointC02 {color:#091634;}
.pointC03 {color:#dddddd}
/*text-motion*/
.j_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion.on {transform: translateY(0);opacity: 1;}

.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}

/*common*/
.j_inner {max-width:1600px; width:92%; margin:0 auto; position:relative;}
.j_inner02 {max-width:1760px; width:92%; margin:0 auto; position:relative;}
.mt10 {margin-top:10px;}
.mt18 {margin-top:18px;}
.mt30 {margin-top:30px;}
.mt34 {margin-top:34px;}
.mt38 {margin-top:38px;}
.mt42 {margin-top:42px;}
.mt80 {margin-top:80px;}
.mainPd {padding:180px 0;}
.content_img img {width:100%; margin: 0 auto;}
.tc {text-align:center;}
.commonBtn {display:block; color:#fff; background:#1161be; text-align:center; border-radius:37.5px; width:284px; height:75px; line-height:75px; margin:85px auto 0;}
.commonWhiteBtn {color:#1161be; background:#fff;}
section {max-width:1920px; width:92%; margin:0 auto;}



@media screen and (max-width:1480px){
.mainPd {padding:120px 0;}
}

@media screen and (max-width:1230px){
.mainPd {padding:80px 0;}
.mt38 {margin-top:25px;}
}

@media screen and (max-width:767px){
.mainPd {padding:40px 0;}
.mt42 {margin-top:20px;}
.mt38 {margin-top:20px;}
}

/*---header---*/
#j_header {height:100px; width:100%; position:absolute; left:0; top:0; background:transparent; z-index:99; transition:0.28s;}
#j_header.active {position:fixed; background:rgba(0,0,0,0.7);}
.hdInner {max-width:1780px; width:92%; margin:0 auto; display:flex; justify-content:space-between; height:100%;}
.hdLogo {letter-spacing:-0.04em; color:#fff; height:100%;}
.hdLogo a {display:block; height:100%; line-height:100px;}

@media screen and (max-width:767px){
.hdLogo a {line-height:80px;}
.hdLogo a img {width:25px;}
#j_header {height:80px;}
}



.gnbBox {display:flex;align-items: center;}
.gnbBox > .j_gnb {display:flex; height:100%;}
.gnbBox > .j_gnb > li {height:100%;}
.gnbBox > .j_gnb > li > a {display:block; color:#fff; height:100%; line-height:100px; padding:0 30px; font-size:1.125rem; font-weight:700; letter-spacing:-0.04em; transition:0.45s;}
.gnbBox > .j_gnb > li > a:hover {color:#7da8ed;}
.gnbBox > .j_gnb > li > a i {position:relative;}
.gnbBox > .j_gnb > li > a i:after {content:''; position:absolute; background:content: "";bottom: -3px; left: auto; right: 0; width: 0; height: 2px; background: #7da8ed; z-index: 1;transition: width .45s ease;}
.gnbBox > .j_gnb > li > a:hover i:after {left:0; right:auto; width:100%;}
.gnbBox > .j_gnb > li:first-child a {padding-left:0;}
.gnbBox > .j_gnb > li:last-child a {padding-right:0;}


.hdButton {width:32px; height:22px; position:relative; margin-left:100px;}
.hdButton span {width:100%; height:2px; position:absolute; background:#fff; display:block;}
.hdButton span:nth-of-type(1) {top:0; left:0;}
.hdButton span:nth-of-type(2) {transform:translate(-50%, -50%); left:50%; top:50%;}
.hdButton span:nth-of-type(3) {bottom:0; left:0;}


/*allGnb*/

.allGnb {width:100%; height:100vh; position:fixed; background:rgba(0, 0, 0, 0.8); z-index:99; display:none;}
.allGnb.show {display:block; opacity:1;}
.allInner {max-width:1200px; margin:0 auto; width:92%; height:100%;}
.allInner > .j_gnb {height:100%; display:flex; align-items:center;flex-direction: column; justify-content: center; gap:10;}
.allInner > .j_gnb > li {opacity:0; transform: translateX(50px); padding:10px;}
.allInner > .j_gnb > li.animate {animation: slideIn 0.5s forwards;}
.allInner > .j_gnb > li:nth-child(1) {animation-delay: 0.1s;}
.allInner > .j_gnb > li:nth-child(2) {animation-delay: 0.2s;}
.allInner > .j_gnb > li:nth-child(3) {animation-delay: 0.3s;}
.allInner > .j_gnb > li:nth-child(4) {animation-delay: 0.4s;}
.allInner > .j_gnb > li:nth-child(5) {animation-delay: 0.5s;}
.allInner > .j_gnb > li:nth-child(6) {animation-delay: 0.6s;}
.allInner > .j_gnb > li > a {color:#fff; font-size:3.125rem; font-weight:700; transition:0.45s;}
.allInner > .j_gnb > li > a:hover {color:#7da8ed;}
  @keyframes slideIn {
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }





@media screen and (max-width:767px){
.allInner > .j_gnb > li > a {font-size:28px;}
}



.closeBtn {width:40px; height:40px; position:absolute; right:40px; top:40px; cursor:pointer;}
.closeBtn span {position:absolute; width:100%; height:3px; background:#fff; display:block; top:50%;}
.closeBtn span:nth-of-type(1) {transform: rotate(45deg );}
.closeBtn span:nth-of-type(2) {transform: rotate(-45deg );}

@media screen and (max-width:767px){
.hdButton {width:20px; height:14px;}
.closeBtn {width:20px; height:20px; right:15px; top:28px;}
}

/*mainVisual*/

.mainInner {max-width:1520px; width:92%; margin:0 auto; position:relative; height: 100%;}
.mvDesc {position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mvDesc h4 {display:flex; color:#7da8ed; gap:20px;}
.mvDesc h2 {letter-spacing:-0.04em; margin-top:30px; color:#fff;}
.mvDesc p {margin-top:40px; color:#fff;}
.mv { width:100%;  height:100vh;}
.mv.mv01 {background:url('/img/main/mv01.jpg') no-repeat center / cover;}
.mv.mv02 {background:url('/img/main/mv02.jpg') no-repeat center / cover;}
/*
.mv .mvDesc h4{  opacity: 0; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: fadeOut;  animation-delay: 0.1s;}
.mv .mvDesc h2{ opacity: 0; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: fadeOut;  animation-delay: 0.3s;}
.mv .mvDesc p{ opacity: 0; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: fadeOut;  animation-delay: 0.5s;}
.mv .mvDesc h3{ opacity: 0; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: fadeOut;  animation-delay: 0.6s;}
.mv .mvDesc a {opacity: 0; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: fadeOut;  animation-delay: 0.7s;}
*/
/* .mv {transform:scale(1.1);} */
/* .mv.on {transform: scale(1); transition: transform 5s linear;} */
/*
.mv.on .mvDesc h4 {animation-name: fadeIn; animation-delay: 0.2s;}
.mv.on .mvDesc h2 {animation-name: fadeIn; animation-delay: 0.4s;}
.mv.on .mvDesc p  {animation-name: fadeIn; animation-delay: 0.5s;}
.mv.on .mvDesc h3 {animation-name: fadeIn; animation-delay: 0.6s;}
.mv.on .mvDesc a {animation-name: fadeIn; animation-delay: 0.7s;}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
*/

.mvUtilBox {position:absolute; left:0; bottom:178px; width:110px; height:14px; z-index:11;}
.mvPage {text-align:unset;}

.mvPage .swiper-pagination-bullet {width:10px; height:10px; background:rgba(255, 255, 255, 0.2); margin: 0 20px 0 0 !important;}
.mvPage .swiper-pagination-bullet.swiper-pagination-bullet-active {background:rgba(255, 255, 255, 1);}
.swiper-pagination.mvPage {bottom: unset; top: 50%; transform: translateY(-50%);}
.mvNavi {width:46px; height:100%; position: absolute; right: 0; z-index:11;}
.swiper-button-next.mvNext { background: url(/img/icon/mvArrowR.png) no-repeat center / cover; width:7px; height:14px; margin:0; top:0; right:0;}
.swiper-button-prev.mvPrev {background: url(/img/icon/mvArrowL.png) no-repeat center / cover; width:7px; height:14px; margin:0; top:0; left:0;}
.swiper-button-next::after,.swiper-button-prev::after {display: none;}


@media screen and (max-width:1520px){
.gnbBox > .j_gnb > li > a {padding:0 20px;}
.hdButton {margin-left:50px;}
}

@media screen and (max-width:1180px){
.gnbBox > .j_gnb > li > a {padding:0 10px;}
}


@media screen and (max-width:1080px){
.gnbBox > .j_gnb {display:none;}
}

@media screen and (max-width:767px){
.mvUtilBox {bottom:145px;}
.mvDesc h2 {font-size:36px;}
.mvDesc p {margin-top:20px; font-size:18px;}
}

/*section01*/

.section01 {background:url('/img/main/section01_Bg.jpg') no-repeat center / cover;}
.sec01Content {display:flex;}

.sec01Lt p{line-height:1.6em;}
.sec01List {margin-top:60px;}
.sec01List li {cursor:pointer;}


.sec01List li + li {margin-top:14px;}
.sec01List li .sec01H2 {position:relative; display: flex; width:370px; height:65px; line-height:65px; border-radius:32.5px;background:#cacaca;box-sizing:border-box;  padding:0 30px; box-sizing:border-box; transition:0.28s;}
.sec01List li .sec01H2:after {content:''; position:absolute; width:7px; height:14px; background:url('/img/icon/sec01Arr.png') no-repeat center / cover; right:30px; top:50%;transform:translateY(-50%);}
.sec01List li .sec01H2 h2 {color:rgba(0, 0, 0, 0.3); font-weight:900;}
.sec01List li .sec01H2 h2 strong {font-weight:700;}
.sec01List li p {display:none; margin-top: 18px; margin-bottom:28px; padding-left:22px;}
.sec01List li:first-child p {display: block; }
.sec01List li:last-child p {margin-bottom:0;}
.sec01List li.show .sec01H2 {width:100%; background:#1161be; color:#fff; font-weight:900; border-radius:32.5px 0 0 32.5px;}
.sec01List li.show h2 {color:#fff;}
.sec01List li.show .sec01H2:after {display:none;}

.sec01Lt {width:454px;}

.sec01Rt{width:calc(100% - 454px);}
.sec01Swip .swiper-slide figure {border-radius:30px; overflow:hidden;}
.sec01Swip .swiper-slide figure img {}
.sec01_moImg {display:none;}

@media screen and (max-width:1230px){
.sec01Content {flex-wrap:wrap; flex-direction: column-reverse;}
.sec01Rt {width:100%;}
.sec01Lt {width:100%;   margin-top:20px;}
.sec01List {margin-top:30px;}
.sec01List li.show .sec01H2 {border-radius: 32.5px; max-width:700px;}
.sec01List li .sec01H2 {}
.sec01List li p {}  
.sec01Swip .swiper-slide figure img {width:100%;} 
}


@media screen and (max-width:1030px){
.sec01List {margin-top:20px;}
}

@media screen and (max-width:767px){
.sec01Lt {text-align:center;}
.sec01List li .sec01H2 {max-width:300px; height:45px; line-height:45px;        justify-content: center; margin: 0 auto;}
.sec01List li.show .sec01H2 {max-width:300px;}
.sec01_Img {display:none;}
.sec01_moImg {display:block;}

}


    
/*section02*/

.section02 {background:url('/img/main/section02_Bg.jpg') no-repeat center / cover;}
.sec02Content {display:flex;}
.sec02Lt {margin-right:149px;}
.sec02Lt figure img {width:100%;}
.sec02Desc h2 {line-height:1.62em;}
.sec02Desc p {line-height:1.6em;}
.sec02Rt a {display:block; max-width:284px; height:75px; line-height:75px; background:#1161be; color:#fff; border-radius:37.5px; text-align:center;}


@media screen and (max-width:1640px){
.sec02Lt {margin-right:50px;}
}

@media screen and (max-width:1530px){
.sec02Lt {width:calc(100% - 535px);}
.sec02Rt {width:535px;}
}

@media screen and (max-width:1020px){
.sec02Content {flex-wrap:wrap; flex-direction: column;}
.sec02Lt {width:100%;}
.sec02Rt {width:100%; margin-top:20px;}
}

@media screen and (max-width:767px){
.sec02Desc {text-align:center;}
.sec02Rt a {margin:20px auto 0 auto;     max-width: 175px;height: 50px; line-height: 50px;}
}






/*section03*/

.sec03List {max-width:691px; display:flex; margin:0 auto; justify-content:space-between; margin:60px auto;}
.sec03List li {width:158px; }
.sec03List li a {display:block; text-align:center; width:100%; border-radius:30px; padding:20px 0; border:1px solid #e0e0e0; color:#757575; font-weight:400;}
.sec03List li.on a{background:#1161be; color:#fff; border:none; font-weight:700;}

.sec03Content {display:flex; align-items:center; gap:68px;}
.sec03Rt span {color:rgba(17, 97, 190, 0.1);}
.sec03Swiper {background:#f8f8f8; border-radius:30px; max-width:1380px; width:92%; margin:0 auto; padding:57px 0;}
.sec03Swiper .swiper-wrapper {max-width:1190px; margin:0 auto;}

.sec03NaviBox {width:100%; height:28px; top:70%;max-width:1600px;position:absolute;}
.swiper-button-next.sec03Next { background: url(/img/icon/sec03next.png) no-repeat center / cover; width:15px; height:28px; margin:0; top:0; right:0;}
.swiper-button-prev.sec03Prev {background: url(/img/icon/sec03prev.png) no-repeat center / cover; width:15px; height:28px; margin:0; top:0; left:0;}
.swiper-button-next::after,.swiper-button-prev::after {display: none;}

.sec03Swiper .swiper-slide .sec03Rt span {transform: translateY(25px);opacity: 0;transition: transform 2s ease, opacity 1s;}
.sec03Swiper .swiper-slide .sec03Rt h2 {transform: translateY(25px);opacity: 0;transition: transform 2s ease, opacity 1s;}
.sec03Swiper .swiper-slide .sec03Rt p {transform: translateY(25px);opacity: 0;transition: transform 2s ease, opacity 1s; word-break:keep-all;}

.sec03Swiper .swiper-slide.swiper-slide-active .sec03Rt span {transform: translateY(0);opacity: 1;}
.sec03Swiper .swiper-slide.swiper-slide-active .sec03Rt h2 {transform: translateY(0);opacity: 1;}
.sec03Swiper .swiper-slide.swiper-slide-active .sec03Rt p {transform: translateY(0);opacity: 1; line-height:1.6em;}

@media screen and (max-width:1530px){
.sec03Swiper {padding:57px 20px;}
.sec03Content {gap: 30px;}
}

@media screen and (max-width:1080px){
.sec03Swiper {padding:20px;}
}

@media screen and (max-width:767px){
.sec03Swiper {padding:20px 10px; width:100%;}
.sec03List {gap:10px;}
.sec03Content {flex-wrap:wrap;}
.sec03Lt {width:100%;}
.sec03List li a {padding:10px 0;}
.sec03List {margin:20px auto;}
.sec03Swiper .swiper-slide.swiper-slide-active .sec03Rt p {font-size:12px;}
}



/*section04*/

.section04 {background:#f9f9f9; padding-bottom:128px;}
.sec04Content {max-width: 1140px; width:92%; margin:0 auto; box-sizing:border-box; letter-spacing:-4px; font-size:0; display:flex;justify-content: space-between;}
.sec04lt {width:656px; height:309px; border-radius:30px; background:url('/img/main/round_bg.png') no-repeat center / cover;display: flex;align-items: center; justify-content: center; gap: 40px; position:relative}
.sec04lt:after {content:''; background:url('/img/icon/rightarr02.png') no-repeat center / cover; position:absolute; right:-93px; top:50%; transform:translateY(-50%); width:27px; height:27px; }
.sec04round {position:relative; width:270px; height:270px; border-radius:270px; background:#fff;    text-align: center;display: flex; flex-direction: column; align-items: center;justify-content: center; gap:18px;}
.sec04round:nth-of-type(2):after {display:none;}
.sec04round:after {position:absolute; right:-34px; top:50%; transform:translateY(-50%); content:''; width:29px; height:29px; background:url(/img/icon/minus.png) no-repeat center / cover;}
.sec04round span {width:126px; height:40px; line-height:40px; text-align:center; color:#fff; background:#000; display:block;} 
.sec04rt span {color:#fff; background:#000; width:144px; height:40px; text-align:center; line-height:40px;display:block;} 
.sec04rt span.spadd {background:#98d157; width:333px; height:70px; text-align:center; line-height:70px; display:block;}
.blueRound {width:333px; height:333px; border-radius:333px; background:url('/img/main/round_bg02.png') no-repeat center / cover;     display: flex; flex-direction: column; align-items: center; justify-content: center; gap:20px;}
.blueRound p {color:#fff;}

@media screen and (max-width:1320px){
.sec04lt:after {right:-70px;}
}

@media screen and (max-width:1280px){
.sec04lt:after {right:-50px;}
}
@media screen and (max-width:1250px){
.sec04lt:after {display:none;}
.sec04Content {flex-wrap:wrap;}
.sec04lt {width:100%; border-radius:0; background: linear-gradient(to bottom, #e66465, #9198e5);}
.sec04rt {width:100%;}
.blueRound {margin:0 auto;}
.sec04rt span.spadd {margin:0 auto;}
.section04 {padding-bottom:100px;}
.sec04Content {width:100%;}
}

@media screen and (max-width:767px){
.sec04round {/* width:200px; height:200px;  */border-radius:50%;}
.sec04round span {width:100%; max-width:100px;}
.sec04lt {flex-wrap:wrap;     height: auto; padding: 40px 0;}
.sec04round:after {right: unset; top: unset; bottom: -36px;transform: translateY(0)}
.section04 {padding-bottom:40px;}
}




/*section05*/
.section05 {padding:100px 0; background:#f8faff;}
.sec05Content {display:flex; gap:186px; justify-content: space-around;}
.sec05Lt p {line-height:1.52em;}
.sec05Rt {display:flex; gap:111px;}

.allProd {display:flex; align-items:center; gap:50px; width:286px; position:relative;}
.allCost {display:flex; align-items:center; gap:50px; width:286px;  position:relative;}

.allCost b {position:absolute; right:-60px; bottom:30px;}
.allProd b {position:absolute; right:-30px; bottom:30px;}


@media screen and (max-width:1380px){
.sec05Content {gap:20px;}
.sec05Rt {gap:50px;}
}

@media screen and (max-width:1180px){
.allProd b {right:0;}
.allCost b {right: -30px;}
}

@media screen and (max-width:1080px){
.sec05Content {flex-wrap:wrap;}
.sec05Content li {width:100%;}
.sec05Lt {text-align:center;}
.sec05Rt {justify-content: center; margin-top:20px;}
}


@media screen and (max-width:767px){
.section05 {padding:40px 0;}
.sec05Rt {flex-wrap:wrap; gap:20px;}
.allProd {width:100%; max-width: 300px;}
.allCost {width:100%; max-width: 300px;}
.allCost {gap:33px;}
.allCost b {right:0;}
}



/*section06*/
.section06 {background:url('/img/main/section06_bg.jpg') no-repeat center / cover; padding-bottom:179px;}
.sec06Content {display:flex;}
.sec06Content li {width:calc((100% - 40px*5)/4); margin-right:40px;box-sizing:border-box; background:#eceff6; border-radius:20px; overflow:hidden; padding-bottom:54px; position:relative; box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1);}
.sec06Content li:nth-of-type(5n) {margin-right:0;}
.sec06Content li span {width:100%;display:block; padding:23px 30px; box-sizing:border-box; background:transparent; color:#98d157; transition:0.28s;}
.sec06Content li.on span {background:#98d157; color:#fff;}
.sec06Desc {padding:23px 30px 0; box-sizing:border-box;}
.sec06Desc p {margin-top:14px; line-height:1.64em; word-break:keep-all;}

.sec06Icon {position:absolute; right:30px; bottom:47px;}

@media screen and (max-width:1620px){
.sec06Content li {width:calc((100% - 20px*5)/4); margin-right:20px;}
.sec06Desc {padding: 20px 20px 0;}
.sec06Icon {right:15px; bottom:15px;}
}

@media screen and (max-width:1250px){
.sec06Content {flex-wrap:wrap;}
.sec06Content li {width:calc((100% - 20px*4)/3); margin-right:20px;}
.sec06Content li:nth-of-type(3n) {margin-right:0;}
.sec06Content li:nth-of-type(n + 4) {margin-top:20px;}
.section06 {padding-bottom:120px;} 
}

@media screen and (max-width:767px){
.sec06Content {flex-wrap:wrap;}
.sec06Content li {width:100%; margin-right:0;}
.sec06Content li + li {margin-top:20px;}
.section06  {padding-bottom:40px;}
}


/*section07*/
.section07 {background:rgba(224,231,244,0.1);}
.sec07Content {max-width:1292px; width:92%; margin:0 auto; display:flex; flex-wrap:wrap;}
.sec07Content li {width:calc((100% - 34px*2)/3); margin-right:34px; border-radius:15px; border:1px solid #eeeeee; box-sizing:border-box; overflow:hidden; position:relative; cursor:pointer; box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1);}
.sec07Content li:hover:after {display:block; opacity:0.3;}
.sec07Content li:after {display:none;opacity:0;content:''; position:absolute; left:0; top:0; width:100%; height:100%;background: linear-gradient(to bottom, #414345, #232526);transition:0.28s;} 
.sec07Content li:nth-of-type(3n) {margin-right:0;}
.sec07Content li:nth-of-type(n + 4) {margin-top:30px;}
.sec07Content li figure a {position:relative; top:0; left:0; width:100%; height:100%; z-index:12;}
.sec07Content li figure img {width:100%;}
.sec07Content > li:hover > .sec07hover  {transform: translateY(0px); opacity:1; color:#fff;} 
.sec07hover {opacity:1; position:relative;text-align:Center; padding:10px 0; transition: transform 1s ease, opacity 1s; color:#fff; z-index:11; background:rgba(0,0,0, .4);}

.sec07swip  {padding-bottom:60px;}
.sec07swip .swiper-slide figure {border-radius:5px; overflow:hidden; box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1);}
.sec07swip .swiper-slide figure img {width:100%;}
.sec07swip .swiper-slide:after { content: "";position: absolute;left: 0; top: 0;width: 100%; height: 100%; background: #000;opacity: 0; z-index: -1; transition: all .3s;}
.sec07swip .swiper-slide.off:after {opacity: .2;z-index: 10;}
.section07 {padding-bottom:178px;}
.sec07PageBox {    bottom: 10px; left: 50%; width: 100%; position: absolute; max-width: 140px;margin: 0 auto; overflow: hidden; transform: translateX(-50%); height:20px;}
.swiper-pagination.sec07Page {bottom:unset; left:unset; width:100%;}

@media screen and (max-width:1280px){
.sec07Content li {width:calc((100% - 20px)/2); margin-right:20px;}
.sec07Content li:nth-of-type(2n) {margin-right:0 !important;}
.sec07Content li:nth-of-type(3n) {margin-right:20px;}
.sec07Content li:nth-of-type(6n) {margin-right:20px;}
.sec07Content li:nth-of-type(n + 3) {margin-top:20px;}
.section07 {padding-bottom:100px;}
}


@media screen and (max-width:1020px){
.sec07Content li {width:calc((100% - 20px)/2); margin-right:20px;}
.sec07Content li:nth-of-type(2n) {margin-right:0 !important;}
.sec07Content li:nth-of-type(3n) {margin-right:20px;}
.sec07Content li:nth-of-type(6n) {margin-right:20px;}
.sec07Content li:nth-of-type(n + 3) {margin-top:20px;}
.section07 {padding-bottom:80px;}
}

@media screen and (max-width:767px){
.sec07Content {width:100%;}
.sec07Content li {width:100%; margin-right:0px;}
.sec07Content li + li {margin-top:20px;}
.commonBtn {margin:40px auto 0 ;     width: 185px;height: 60px; line-height: 60px;}
.section07 {padding-bottom:40px;}
}





/*section08*/
.section08 {background:url('/img/main/section08_bg.jpg') no-repeat center / cover; padding-bottom:180px;}

.sec08Content {background:#fff; max-width:1310px; width:92%; margin:0 auto; border-top:3px solid #000;}
.faqManager {}
.faqOpen {display: flex; align-items: center;justify-content: space-between; width: 100%;  padding:28px 39px;}
.faqOpen > div {width:100%; display:flex; align-items:center; gap:17px;}
.faqOpen > div span {min-width:27px; height:27px; border-radius:50%; text-align:center; line-height:27px; color:#fff; background:#0039c0;}
.faqOpen p {word-break:keep-all;}

.faqContent {display:none; background:#f4f5f6; padding:26px 86px;}
.faqContent p {word-break:keep-all;}
.faqBtn {display:block; width:284px; height:75px; text-align:center; line-height:75px; background:#000; color:#fff; border-radius:37.5px; margin:86px auto 0;}

.sec09Content {display:flex;}
.sec09Rt {background:#f9f9f9; position:relative; width:100%;}
.formWrap {background:#fff; max-width:1140px; width:92%; margin:0 auto; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); overflow:hidden; border-radius:30px; }

.formContent {display:flex;flex-wrap: wrap;  padding: 73px 32px;}
.j_form_input {width:100%;}
.formContent .j_form_box {width:calc((100% - 20px)/2); margin-right:20px; border:1px solid #dddddd; border-radius:5px; display:flex; padding:13px 34px;}
.formContent .j_form_box label {width:124px;}
.j_form_box label i {color:#1161be; margin-left:5px;}
.formContent .j_form_box .field_box {width:calc(100% - 124px);}
.formContent .j_form_box:nth-of-type(2n) {margin-right:0;}
.formContent .j_form_box:nth-of-type(n + 3) {margin-top:20px;}
.j_form_textarea {resize:none; height:201px;}
.formTit {color:#091634; margin-top:42px;}

.j_form_btn {text-align:center; width:100%; background:#1161be; color:#fff; padding:25px;}
.agree_box {margin-top:19px; position:relative;}
#agree1 {position: absolute;top: 0; left: 0;width: 0;height: 0;opacity: 0;outline: 0;z-index: -1; overflow: hidden;}
.agree_box label {display:flex; gap:10px;}
.agree_box label span {display:block; width:21px; height:21px; background:url(/img/icon/formchk.png) no-repeat center / cover;}
.agree_box label b strong {border-bottom:2px solid #797979; }

.agree_box input[type='checkbox']:checked + label span {background:url(/img/icon/formchk02.png) no-repeat center / cover;}


.sec09Lt {background:url('/img/main/sec09Lt_bg.jpg') no-repeat center / cover; padding:170px 70px; width:100%; text-align: center;  /* max-width:559px */}
.sec09descBox {background:rgba(0,0,0,.5); padding:48px 90px; border-radius:20px; text-align: left; max-width: 980px; margin: 60px auto 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.sec09descBox dl{padding-left: 20px; border-left: 3px solid rgba(255, 255, 255, 0.7);}
.sec09descBox dl:last-child{grid-column: span 2; text-align: center; border: none; display: flex; align-items: center; gap: 30px; justify-content: center;}


@media screen and (max-width:1380px){
.sec09descBox{padding: 48px;}
.formContent .j_form_box {width:100%; margin-right:0;}
.formContent .j_form_box + .j_form_box {margin-top:20px;}
}


@media screen and (max-width:1180px){

}

@media screen and (max-width:1080px){
.section08 {padding-bottom:100px;}
.sec09Lt {padding:100px 35px; }
.formContent  {padding:12px 32px;}
}

@media screen and (max-width:1020px){

.sec08Content {width:100%;}
.faqOpen {padding:20px; gap:5px;}
.faqContent {padding:20px 60px;}
.section08 {padding-bottom:80px;}
.sec09Content {flex-wrap:wrap;}
.sec09Lt {width:100%; max-width:unset;}
.formWrap {width:100%; position:relative; left: auto;top: auto;transform: translate(0);}
}

@media screen and (max-width:920px){
.sec09descBox{padding: 32px; gap: 10px;}
.formContent .j_form_box label {width:100px;}
.formContent .j_form_box .field_box {width:calc(100% - 100px);}
.formContent .j_form_box {padding:10px 10px;}
.formWrap{ padding: 40px 0;}      
.formContent {padding:30px 15px;}
}


@media screen and (max-width:767px){
.sec09Lt {padding:40px 20px;}
.sec09descBox{grid-template-columns: 1fr; gap: 20px; margin-top: 40px;}
.sec09descBox dl{margin-top: 0;}
.sec09descBox dl:last-child{grid-column: unset; padding: 10px 0}
.section08 {padding-bottom:40px;}
.faqOpen {padding:20px 10px;}
.faqOpen i img {width:80%;}
.faqOpen > div {gap:8px;}
.faqContent {padding:20px 20px; word-break:keep-all;}
.faqBtn {margin:40px auto 0;width: 170px; height: 50px; text-align: center; line-height: 50px;}

}


/*footer*/
.mt19{margin-top:19px;}
.mr46{margin-right:46px;}
.mr20{margin-right:20px;}
.j_footer {background:#000; padding:46px 0 116px; width:100%;}
.ft_inner {max-width:1780px; margin:0 auto; width:92%; }
.ft_wrap {display:flex; justify-content:space-between; align-items: baseline;}
.ch_ft_count {position:relative;}
.ch_ft_count::after {content:"/";position:absolute;top:50%;transform:translateY(-50%);right:-23px;color:#fff;}

@media screen and (max-width:1080px){
.ft_wrap {flex-wrap:wrap;}
.ft_lt {width:100%;}
.ft_rt {width:100%;}
.j_footer {padding:46px 0 130px;}
}
@media screen and (max-width:720px){
.ch_ft_count::after {content:none;}
}




/*sideNav*/

.right_nav {position: fixed; right: 2.5rem; top: 42%; transform: translateY(-50%); z-index: 90;}
.right_nav ul {position: relative; padding-right: 1rem; text-align: right;}
.right_nav ul:after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height: 93%; background:#fff; z-index:-1;}
.right_nav ul > li a{position: relative;}
.right_nav ul > li + li { margin-top: 48px;}
.right_nav ul > li a {color:rgba(255,255,255, 0.3); font-weight:700;}
.right_nav ul > li a.active {color:rgba(255,255,255, 1)}
.right_nav ul > li a::after {position: absolute; top: 50%;right: -1.2625rem;  width: 9px;height: 9px;border-radius: 100%; transform: translateY(-50%); background-color: #fff; content: ""; transition:0.3s;}
.right_nav ul > li a.active::after {background-color: transparent; width:17px; height:17px;     right: -1.4825rem; border: 4px solid #fff;}

/* 초기 상태 (흰색) */
.right_nav ul:after,.right_nav ul > li a::after,.right_nav ul > li a.active::after {transition: background-color 0.3s , border-color 0.3s; /* 부드러운 전환을 위한 transition */}

/* 초기 상태 (흰색) */
.right_nav ul:after { background: #fff;}

.right_nav ul > li a::after {background-color: #fff;}

.right_nav ul > li a.active::after {border: 4px solid #fff;}

/* 스크롤 후 상태 (검은색) */
.scroll-active .right_nav ul:after {background: #000;}

.scroll-active .right_nav ul > li a::after { background-color: #000;}

.scroll-active .right_nav ul > li a.active::after { border: 4px solid #000;background-color:#fff}	   

@media screen and (max-width:767px){
.right_nav {display:none;}
}


/*utilNav*/
.mainUtil {position: fixed;; right:30px; bottom:16%; background: #254297; color:#fff;border-radius:5px; z-index:30; }
.UtilList {width:100%; display:flex; padding:18px; box-sizing:border-box; gap:25px; align-items:center;}
.UtilList li {width:100%;position:relative;}
.UtilList li a {display: flex; align-items: center;flex-direction: column;gap: 5px; font-weight:500; }
.UtilList li + li:after {content:''; position:absolute; top:50%; left:-12.5px; transform:translateY(-50%); width:1px; height:43px; background:rgba(255,255,255, 0.25);}

.top_btn {display:flex; align-items:center; flex-direction}
.mainUtil.mo_util {display:none;}


@media screen and (max-width:767px){
.mainUtil {bottom:30%;}
.mainUtil.pc_util {display:none;}
.mainUtil.mo_util {display:flex; position:fixed; z-index:30;}

.mainUtil.mo_util .UtilList {flex-wrap:wrap;}
.mainUtil.mo_util .UtilList li + li:after {content:''; position:absolute; top:-9.5px; left:50%; transform:translateX(-50%); width:50%; height:1px; background:rgba(255,255,255, 0.25);}
.UtilList {gap:20px; padding:13px 0;         flex-direction: column;}
.UtilList li + li:after {    content: ''; position: absolute; top: -50%; left: 50%;transform: translateX(-50%); width: 55%;height: 1px; background: rgba(255, 255, 255, 0.25);}

.UtilList li a {gap:8px;}
.UtilList li a img {width:25px;}



}


.quick_form {position:fixed; bottom:0; left:0; z-index:90; background:#254297; width:100%;}
.quick_form_wrap {max-width:1780px; width:92%; margin:0 auto; height:100%; position:relative;}
.quickList {width:100%; height:100%;}
.quickLt {height:100%;    display: flex;align-items: center; gap:25px;}
.quickLt > a {display:block;line-height:70px;}
.quickList {display: flex;justify-content:space-between; position:relative;}
.quickformBox {height:100%;}
.quickformBox > ul {display:flex; align-items:center; height:100%; gap:9px;}
.quickformBox > ul li > input { background: transparent;  border-bottom: 1px solid #fff; padding:7px 0; width:150px; color:#fff;}
.quickformBox > ul li > input::placeholder {color:rgba(255,255,255, 0.6); letter-spacing:-0.04em;}


.agree_box2 input {position: absolute;top: 0; left: 0; width: 0;height: 0; opacity: 0;  outline: 0; z-index: -1; overflow: hidden; display:none;}
.agree_box2 input[type=checkbox] + label {display:flex;     align-items: center; cursor:pointer;}
.agree_box2 input[type=checkbox] + label span {width:14px; height:14px; display:block; border-radius:3px; border:2px solid #fff;}
.agree_box2 input[type=checkbox] + label b {margin-left:9px; margin-right:28px;}
.agree_box2 input[type=checkbox]:checked + label span {background:url('/img/icon/chk_icon.png') no-repeat center / 100%; }

.form_btn02 {color:#1f10dd; width:176px; height:50px; text-align:center; line-height:50px; background:#fff; border-radius:25px;}


@media screen and (max-width:1770px){
.quickList {gap:20px;}
.quickLt h2 {font-size:16px;}
.quickLt h2 a {font-size:18px;}
.quickLt > a {font-size:18px;}
.form_btn02 {width:150px; height:35px; line-height:35px;}
}

@media screen and (max-width:1520px){
.quickformBox > ul li > input {width:100px;}
.form_btn02 {width:120px;}
}

@media screen and (max-width:1290px){
.quickformBox > ul li > input {width:80px;}
.form_btn02 {width:100px;}
.agree_box2 input[type=checkbox] + label b {margin-right:9px;}
}

@media screen and (max-width:1180px){
.quickList {flex-wrap:wrap;}
.quickLt {width:100%; gap:20px;     align-items: baseline; justify-content: space-between;}
.quickLt h2 {}
.quickLt > a {line-height:1;}
.quickRt {width:100%;}
.quickformBox > ul li:nth-of-type(3) {display:none;}
.quickList {gap:0;}
.quickformBox ul {flex-wrap:wrap;}
.quickformBox ul li {width:calc((100% - 10px)/2); margin-right:10px; box-sizing:border-box;}
.quickformBox > ul {gap:0;}
.quickformBox ul li:nth-of-type(2n) {margin-right:0;}
.quickformBox ul li:nth-of-type(4) {margin-right:10px;}
.quick_form {padding:10px 0;}
.quickformBox > ul {row-gap:10px;}
.quickformBox > ul li > input {width:100%;}
.form_btn02 {width:100%; border-radius:5px;}
.quickformBox ul li:last-child {margin-right:0;} 

}

@media screen and (max-width:767px){
.quickLt > a {font-size:16px; }
.quickLt h2 {font-size:12px;}
.quickLt h2 a {font-size:12px;}
.quickformBox  {margin-top:5px;}
.quickformBox > ul {row-gap:5px;}
.quickformBox > ul li > input  {padding:5px 0;}
.form_btn02 {height:25px; line-height:25px;}
}

.quickLt > a.q_ka_btn {display:flex; align-items:center; border-radius:10px; font-size:1rem; font-weight:500; background:#ffeb3b; height:35px; width:125px; line-height:35px; text-align:Center; gap:3px; padding:0 15px;}
.quickLt > a.q_ka_btn i img{display:block;}


.q_ka_btn_side {display:none;}
.UtilList li + li:after {display:none;}


@media screen and (max-width:1180px){
.quickLt > a.q_ka_btn {display:none;}
.q_ka_btn_side {display:block;}
.UtilList {gap:20px; padding:13px 0;flex-direction: column;}
.mainUtil {width:55px; right:15px; left:auto; top:auto;         height: max-content;}
}


@media screen and (max-width:767px){
.UtilList li + li:after {display:block;}
.quickLt > a.q_ka_btn {display:none;}
.UtilList {gap:35px; padding:13px 0;}
}


.b_bot_box {display:none; z-index:90; }
.b_bot_box .b_btn_list{display:flex; align-items:center; flex-wrap:wrap; }
.b_btn_list li{width:50%; }
.b_btn_list li a{display:flex; justify-content:center; align-items:center; height:45px; width:100%; }
.b_btn_list li.b_call_box{background-color:#111111; }
.b_btn_list li.b_kakao_box{background-color:#ffd200;}
.b_btn_list li.b_call_box a{color:#fff; }
.b_btn_list li.b_kakao_box a{color:#2d0000; }
.b_btn_list li img{margin-right:10px; }

@media screen and (max-width:767px){

.b_bot_box {display:block; position:absolute; top:-45px; left:0; width:100%;}
.b_btn_list li img{height: 13px;}
.b_btn_list li p{font-size:13px; font-weight:700;}
.b_btn_list li img{margin-right:5px; }
}


.mo_form {display:none !important;}
.mo_form .agree_box2 {margin-left:6px; margin-top:9px;}

@media screen and (max-width:767px){
.pc_form {display:none !important;}
.mo_form {display:block !important;}

}

@media screen and (max-width:767px){
.quickList {gap:10px;}
.quickformBox  {margin-top:0px;}

.quickformBox > ul {flex-wrap:wrap; height:auto;}
.quickformBox > ul > li {width:calc(33.33% - 9px)}
.quickformBox > ul > li:nth-of-type(2n) {margin-right:auto;}
.quickformBox > ul > li:nth-of-type(3) {display:none;}

.quick_side > ul {width:40px; height:140px;}
.quick_side > ul li {height:40px;}
.quick_side > ul li figure a img {width:40px;}

.quick_side > ul li:nth-of-type(2) {background: #1f10dd;color: #fff;}
.quick_side > ul li:nth-of-type(3) {background: #0048ff;color: #fff;font-size: 16px;}
.quick_side > ul li:hover:not(:nth-of-type(4)) { width: 140px; right: 0; /* 왼쪽으로 확장되도록 설정 */}



.form_btn02 {width:100%; border-radius:5px; height:30px; line-height:30px;}
.quickLt {display:none;}
.quickLt > a {line-height:0; width:20%; display:none;}
.quickLt > a img {width:100%;}
.quickLt h2 {display:none;}
.quickRt {width:100%;}


.quickformBox > ul li {height:30px;}
.quickformBox > ul li > input {width:100%; padding:3px 0; color:#000; font-weight:700; font-size:16px;}
.quickformBox > ul li > input {background:#fff;border: 0;  outline: 0; border-radius: 5px; height: 100%; padding: 0 15px; width: 100%;}
.quickformBox > ul li > input::placeholder {color:#999999; font-size:14px; font-weight:500;}

.UtilList {display:none;}
}


.NewInqBtn {display:block; width:100%; max-width:240px; height:56px; line-height:56px; text-align:center; margin-top:30px; border-radius:10px; background:#254297; color:#fff; font-weight:500;}

@media screen and (max-width:767px){
.NewInqBtn {max-width:150px; height:40px; line-height:40px; margin-top:20px; border-radius:10px;}

}

.mvLinkBox {display:flex; gap:20px;}
.mvLinkBox a {display:block;}