@charset "utf-8";
#visual{width:calc(100% - 60px); max-width:1860px; height:850px; margin:80px auto 0 auto; position:relative; overflow:hidden; border-radius:16px;}
#visual .visualBox{width:100%; height:100%; position:relative; overflow:hidden; z-index:1;}
#visual .visualBox .inSlide{width:100%; height:100%;}
#visual .visualBox .slideItem{width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#visual .visualBox .slideItem a{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
#visual .visualBox .slideItem .textBox{display:flex; justify-content:flex-end; align-items:center; width:calc(100% - 60px); max-width:1440px; height:100%;}
#visual .visualBox .slideItem .textBox.type2{justify-content:flex-start;}
#visual .visualBox .slideItem .textBox .text{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:50%; min-width:720px;}
#visual .visualBox .slideItem .textBox .text p{width:100%; font-size:55px; font-weight:300; letter-spacing:-0.05em; line-height:1.25; color:#000; opacity:0; transform:translateY(50px); transition:all 0.8s ease;}
#visual .visualBox .slideItem .textBox .text p strong{font-size:72px; font-weight:800; letter-spacing:-0.05em; color:#133f91;}
#visual .visualBox .slideItem .textBox .text > span{display:inline-flex; justify-content:center; align-items:center; width:160px; height:47px; border-radius:23.5px; border:1px solid #121213; padding:0 15px; font-size:16px; font-weight:500; letter-spacing:-0.05em; line-height:1; color:#000; opacity:0; transform:translateY(50px); transition:all 0.8s ease; transition-delay:0.1s; margin-top:40px;}
#visual .visualBox .slideItem .textBox .text > span img{margin-left:30px;}
#visual .visualBox .slideItem .textBox.colorType2 p{color:#fff;}
#visual .visualBox .slideItem .textBox.colorType2 p strong{color:#fff;}
#visual .visualBox .slideItem .textBox.colorType2 .text > span{border-color:#fff; color:#fff;}
#visual .visualBox .slideItem.visual1{background-image:url("/html/resource/img/main/visual1.jpg");}
#visual .visualBox .slideItem.visual2{background-image:url("/html/resource/img/main/visual2.jpg");}
#visual .visualBox .slideItem.visual3{background-image:url("/html/resource/img/main/visual3.jpg");}
#visual .visualBox .slideItem.visual4{background-image:url("/html/resource/img/main/visual4.jpg");}
#visual .visualBox .slideItem.swiper-slide-active .textBox .text p{opacity:1; transform:translateY(0);}
#visual .visualBox .slideItem.swiper-slide-active .textBox .text > span{opacity:1; transform:translateY(0);}
#visual .visualPager{display:inline-flex; justify-content:center; align-items:center; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); z-index:2;}
#visual .visualPager button{display:inline-block; width:24px; height:24px; background-repeat:no-repeat; background-size:12px auto; background-position:center center;}
#visual .visualPager button.visualPrev{background-image:url("/html/resource/img/main/visual_prev.png");}
#visual .visualPager button.visualNext{background-image:url("/html/resource/img/main/visual_next.png");}
#visual .visualPager .pagerBox{display:inline-flex; align-items:center; justify-content:center; margin:0 20px 0 25px; color:#fff;}
#visual .visualPager .pagerBox span{display:inline-block; width:20px; text-align:center; font-size:16px; font-weight:700; letter-spacing:-0.05em; line-height:1;}
#visual .visualPager .pagerBox .progress{display:inline-flex; width:75px; height:2px; background:rgba(255,255,255,.5); margin:0 10px 0 7px; overflow:hidden;}
#visual .visualPager .pagerBox .progress div{display:inline-block; width:0; height:100%; background:#fff;}
#visual .visualPager .pagerBox .progress.active div{animation:progressActive 3s linear forwards;}
#visual .visualPager .pagerBox .progress.paused div{animation-play-state:paused;}
#visual .visualPager .visualPlay{display:inline-block; font-size:16px; font-weight:900; letter-spacing:-0.05em; line-height:1; color:#fff; margin-right:25px;}

@keyframes progressActive {
    from { width: 0; }
    to { width: 100%; }
}


.mainSection{width:100%; height:auto; overflow:hidden;}
.mainSection .inContent{width:calc(100% - 60px); max-width:1440px; height:auto; margin:0 auto; text-align:center;}
.mainSection h2{display:inline-block; font-size:50px; font-weight:700; letter-spacing:-0.05em; line-height:1; background:linear-gradient(90deg, #133f91 0%, #2e67c1 61%, #92ca11 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; text-align:center;}

.sectionBg1{background:#fff url("/html/resource/img/main/reason_bg.jpg") no-repeat center bottom/auto 100%; padding:130px 0 80px 0;}

.dotList{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:center; width:100%; gap:28px; margin-top:50px;}
.dotList li{display:flex; justify-content:center; align-items:center; width:100%;}
.dotList li .circle{display:inline-block; flex-shrink:0; width:12px; height:12px; border-radius:50%; background:#2e67c1; margin-right:10px;}
.dotList li .circle.type2{background:#92ca11;}
.dotList li .circle.type3{background:#133f91;}
.dotList li p{display:inline-block; font-size:26px; font-weight:300; letter-spacing:-0.05em; line-height:1; color:#000;}
.dotList li p strong{font-weight:800;}

.depList{display:flex; justify-content:center; width:100%; max-width:1420px; margin:80px auto 0 auto; text-align:center; gap:20px;}
.depList .listItem{display:inline-block; width:calc((100% - 60px) / 4); height:400px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; border-radius:10px; text-align:center; color:#f0f0f0;}
.depList .listItem a{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-end; width:100%; height:100%; color:inherit;}
.depList .listItem h3{width:100%; font-size:36px; font-weight:700; letter-spacing:-0.05em; line-height:1; margin-bottom:50px; color:inherit;}
.depList .listItem .subList{display:flex; flex-wrap:wrap; align-content:flex-start; gap:18px; width:100%; height:0; opacity:0; overflow:hidden; transition:all 0.5s;}
.depList .listItem .subList li{width:100%; font-size:20px; font-weight:600; letter-spacing:-0.05em; line-height:1; color:inherit;}
.depList .listItem.itemBg1{background-image:url("/html/resource/img/main/department01.jpg");}
.depList .listItem.itemBg2{background-image:url("/html/resource/img/main/department02.jpg");}
.depList .listItem.itemBg3{background-image:url("/html/resource/img/main/department03.jpg");}
.depList .listItem.itemBg4{background-image:url("/html/resource/img/main/department04.jpg");}
.depList .listItem.itemBg1:hover{background-image:url("/html/resource/img/main/department01_over.jpg");}
.depList .listItem.itemBg2:hover{background-image:url("/html/resource/img/main/department02_over.jpg");}
.depList .listItem.itemBg3:hover{background-image:url("/html/resource/img/main/department03_over.jpg");}
.depList .listItem.itemBg4:hover{background-image:url("/html/resource/img/main/department04_over.jpg");}
.depList .listItem:hover .subList{height:200px; opacity:1;}

.bottomSection.bgType{background:url("/html/resource/img/main/section_bg.jpg") no-repeat center center/cover;}

.mainPop{position:absolute; z-index:9999;}
.mainPop .popContent{width:100%; height:auto;}
.mainPop .popBottom{width:100%; height:40px; padding:0 10px; background-color:#101010; color:#fff; font-size:0;}
.mainPop .popBottom input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; margin:10px 10px 10px 0;}
.mainPop .popBottom .bottomText{display:inline-block; font-size:18px; letter-spacing:-0.05em; line-height:40px;}
.mainPop .popBottom .bottomText button{display:inline-block; margin-left:10px; font-size:1em; line-height:40px; color:#fff;}

.popupBg2{display:inline-block; position:absolute; z-index:9999; max-width:90%;}
.popupBg2 .mainPop2{display:flex; flex-wrap:wrap; align-content:flex-start; width:680px; height:auto;}
.popupBg2 .mainPop2 .popContentBox{display:inline-block; width:500px; overflow:hidden;}
.popupBg2 .mainPop2 .popContentBox .popSlide{width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem{width:100%; height:auto; background:#312e30;}
.popupBg2 .mainPop2 .popContentBox .slideItem a{display:block; width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem img{width:100% !important; height:auto !important;}
.popupBg2 .mainPop2 .popTabs{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:180px; background:#2fafb5; border-top:1px solid #e1e1e1;}
.popupBg2 .mainPop2 .popTabs button{display:inline-flex; justify-content:center; flex-basis:100%; flex-grow:1; height:50px; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1.2; position:relative; color:#fff; border-bottom:1px solid #e1e1e1; background:#2fafb5;}
.popupBg2 .mainPop2 .popTabs button.on{background:#fff; color:#2fafb5; font-weight:700;}
.popupBg2 .mainPop2 .popTabs button span{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.popupBg2 .mainPop2 .popBottom{display:flex; width:100%;}
.popupBg2 .mainPop2 .popBottom .bottomItem{display:inline-flex; width:50%; height:40px; justify-content:center; align-items:center; background:#333; color:#fff;}
.popupBg2 .mainPop2 .popBottom .bottomItem + .bottomItem{position:relative; border-left:1px solid #737373;}
.popupBg2 .mainPop2 .popBottom .bottomItem button{width:100%; height:100%; text-align:center; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:40px; color:#fff;}
.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{display:inline-flex; justify-content:center; align-items:center; width:auto; height:25px; border-radius:12.5px; padding:0 15px; font-size:16px; font-weight:400; letter-spacing:0; line-height:1; color:#fff; background:#000; position:absolute; top:50%; right:10px; transform:translateY(-50%); z-index:2;}

@media (max-width:1600px) {
}

@media (max-width:1380px) {
}


@media (max-width:1280px) {
}

@media (max-width:1180px) {
}

@media (max-width:1000px) {
	#visual{width:calc(100% - 60px); height:980px; margin:100px auto 0 auto; border-radius:20px;}
	#visual .visualBox .slideItem{border-radius:20px; overflow:hidden;}
	#visual .visualBox .slideItem .textBox{width:calc(100% - 120px); max-width:1440px; height:100%; justify-content:flex-start; align-items:flex-start; padding-top:55px;}
	#visual .visualBox .slideItem .textBox.type2{justify-content:flex-start;}
	#visual .visualBox .slideItem .textBox .text{display:flex; width:100%; min-width:unset;}
	#visual .visualBox .slideItem .textBox .text p{font-size:55px; transform:translateY(50px);}
	#visual .visualBox .slideItem .textBox .text p strong{font-size:72px;}
	#visual .visualBox .slideItem .textBox .text > span{width:200px; height:56px; border-radius:28px; padding:0 30px; font-size:20px; margin-top:40px;}
	#visual .visualBox .slideItem .textBox .text > span img{margin-left:30px;}
	#visual .visualBox .slideItem.visual1{background-image:url("/html/resource/img/main/m_visual1.jpg");}
	#visual .visualBox .slideItem.visual2{background-image:url("/html/resource/img/main/m_visual2.jpg");}
	#visual .visualBox .slideItem.visual2 .textBox .text p{font-size:45px;}
	#visual .visualBox .slideItem.visual3{background-image:url("/html/resource/img/main/m_visual3.jpg");}
	#visual .visualBox .slideItem.visual4{background-image:url("/html/resource/img/main/m_visual4.jpg");}
	#visual .visualBox .slideItem.swiper-slide-active .textBox .text p{opacity:1; transform:translateY(0);}
	#visual .visualBox .slideItem.swiper-slide-active .textBox .text > span{opacity:1; transform:translateY(0);}
	#visual .visualPager{bottom:40px;}
	#visual .visualPager button{width:24px; height:24px; background-size:12px auto;}
	#visual .visualPager .pagerBox{margin:0 20px 0 25px;}
	#visual .visualPager .pagerBox span{width:26px; font-size:20px;}
	#visual .visualPager .pagerBox .progress{width:90px; height:2px; margin:0 10px 0 7px;}
	#visual .visualPager .visualPlay{font-size:20px; margin-right:25px;}

	.mainSection .inContent{width:calc(100% - 60px);}
	.mainSection h2{font-size:60px;}

	.sectionBg1{padding:130px 0 80px 0;}

	.dotList{gap:30px; margin-top:50px;}
	.dotList li .circle{width:15px; height:15px; margin-right:13px;}
	.dotList li p{font-size:34px;}

	.depList{flex-wrap:wrap; align-content:flex-start; max-width:708px; margin:80px auto 0 auto; text-align:center; gap:28px;}
	.depList .listItem{width:calc((100% - 28px) / 2); height:400px; border-radius:10px;}
	.depList .listItem h3{font-size:46px; margin-bottom:50px; color:inherit;}
	.depList .listItem .subList{gap:18px;}
	.depList .listItem .subList li{font-size:28px;}
	.depList .listItem:hover .subList{height:250px;}

	.popupBg{position:fixed; width:100%; height:0; top:0; left:0; z-index:9999;}
	.popupBg .mainPop{position:absolute; max-width:90%; left:50% !important; top:100px !important; margin:0 auto; transform:translateX(-50%);}
	/* .popupBg .mainPop:nth-of-type(1){margin-top:100px;} */
	.popupBg .mainPop .popBottom{height:50px; padding:0 10px;}
	.popupBg .mainPop .popBottom input[type="checkbox"]{width:24px; height:24px; margin:13px 10px 13px 0;}
	.popupBg .mainPop .popBottom .bottomText{font-size:24px; line-height:50px;}
	.popupBg .mainPop .popBottom .bottomText button{margin-left:10px; line-height:50px;}

	.popupBg2{max-width:90%; left:50% !important; top:100px !important; transform:translateX(-50%);}
	.popupBg2 .mainPop2{width:100%;}
	.popupBg2 .mainPop2 .popTabs{display:flex; width:100%; border-top:0;}
	.popupBg2 .mainPop2 .popTabs button{flex-basis:50%; height:40px; font-size:14px; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:0;}
	.popupBg2 .mainPop2 .popTabs button:nth-child(2n){border-right:1px solid #e1e1e1;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:40px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:25px; border-radius:12.5px; padding:0 15px; font-size:16px; right:10px;}
}

@media (max-width:768px) {	
	#visual{width:calc(100% - 7.81250vw); height:127.60417vw; margin:13.02083vw auto 0 auto; border-radius:2.60417vw;}
	#visual .visualBox .slideItem{border-radius:2.60417vw;}
	#visual .visualBox .slideItem .textBox{width:calc(100% - 15.62500vw); padding-top:7.16146vw;}
	#visual .visualBox .slideItem .textBox .text p{font-size:7.16146vw; transform:translateY(6.51042vw);}
	#visual .visualBox .slideItem .textBox .text p strong{font-size:9.37500vw;}
	#visual .visualBox .slideItem .textBox .text > span{width:26.04167vw; height:7.29167vw; border-radius:3.64583vw; padding:0 3.90625vw; font-size:2.60417vw; margin-top:5.20833vw;}
	#visual .visualBox .slideItem .textBox .text > span img{width:2.08333vw; height:auto; margin-left:3.90625vw;}
	#visual .visualBox .slideItem.visual2 .textBox .text p{font-size:5.85938vw;}
	#visual .visualBox .slideItem.swiper-slide-active .textBox .text p{opacity:1; transform:translateY(0);}
	#visual .visualBox .slideItem.swiper-slide-active .textBox .text > span{opacity:1; transform:translateY(0);}
	#visual .visualPager{bottom:5.20833vw;}
	#visual .visualPager button{width:3.12500vw; height:3.12500vw; background-size:1.56250vw auto;}
	#visual .visualPager .pagerBox{margin:0 2.60417vw 0 3.25521vw;}
	#visual .visualPager .pagerBox span{width:3.38542vw; font-size:2.60417vw;}
	#visual .visualPager .pagerBox .progress{width:11.71875vw; height:0.26042vw; margin:0 1.30208vw 0 0.91146vw;}
	#visual .visualPager .visualPlay{font-size:2.60417vw; margin-right:3.25521vw;}

	.mainSection .inContent{width:calc(100% - 7.81250vw);}
	.mainSection h2{font-size:7.81250vw;}

	.sectionBg1{padding:16.92708vw 0 10.41667vw 0;}

	.dotList{gap:3.90625vw; margin-top:6.51042vw;}
	.dotList li .circle{width:1.95313vw; height:1.95313vw; margin-right:1.69271vw;}
	.dotList li p{font-size:4.42708vw;}

	.depList{margin:10.41667vw auto 0 auto; gap:3.64583vw;}
	.depList .listItem{width:calc((100% - 3.64583vw) / 2); height:52.08333vw; border-radius:1.30208vw;}
	.depList .listItem h3{font-size:5.98958vw; margin-bottom:6.51042vw; color:inherit;}
	.depList .listItem .subList{gap:2.34375vw;}
	.depList .listItem .subList li{font-size:3.64583vw;}
	.depList .listItem:hover .subList{height:32.55208vw;}
	
	.popupBg .mainPop{top:15.62500vw !important;}
	.popupBg .mainPop .popBottom{height:6.51042vw; padding:0 1.30208vw;}
	.popupBg .mainPop .popBottom input[type="checkbox"]{width:3.12500vw; height:3.12500vw; margin:1.69271vw 1.30208vw 1.69271vw 0;}
	.popupBg .mainPop .popBottom .bottomText{font-size:3.12500vw; line-height:6.51042vw;}
	.popupBg .mainPop .popBottom .bottomText button{margin-left:1.30208vw; line-height:6.51042vw;}

	.popupBg2{top:13.02083vw !important;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{right:1.30208vw;}
}

@media (max-width:450px) {
	.popupBg2 .mainPop2 .popTabs button{height:40px; font-size:14px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem{height:35px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:35px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:22.5px; border-radius:11.25px; padding:0 12.5px; font-size:14px;}
}

@media (max-width:340px) {
	.popupBg2 .mainPop2 .popTabs button{height:13.23529vw; font-size:4.11765vw;}
	.popupBg2 .mainPop2 .popBottom .bottomItem{height:13.23529vw;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:4.11765vw; line-height:13.23529vw; letter-spacing:-0.035em;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:6.61765vw; border-radius:3.30882vw; padding:0 3.67647vw; font-size:4.11765vw;}
}