#idx_wrapper{height:100vh;}
/* 메인슬라이더 */
#visual{position:relative; width:100%; height:100vh; margin:0 auto; position:relative; overflow:hidden; visibility:hidden;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:100vh; position:relative;}
#visual .sliderbx li{ width:100% !important; height:100%; background-repeat:no-repeat; background-position: center top; background-size:cover;position: relative}
#visual .sliderbx li::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .txt{position:absolute; top:50%; left:50%; padding:0 0 0 90px; z-index:15; min-width:1200px; transform:translate(-50%, -50%); color:#fff;}
#visual .txt > h3{font-size:2.4em; font-weight:600; line-height:1em;color: #80c4ff}
#visual .txt > h2{font-size:6em; font-weight:600;}
#visual .txt > p{display:block; padding:15px 0 0; font-size:17px; font-weight:400;    line-height: 1.6;}

#visual .area_bn_wrap{position:relative; width:1200px; height:100%; margin:0 auto;}
#visual .area_bn_wrap .area_bn{position:absolute; top:50%; right:90px; transform:translateY(-50%); width:326px; height:256px; box-shadow: 4.589px 6.553px 22.75px 12.25px rgba(0, 0, 0, 0.3);}
#visual .area_bn_wrap .area_bn .area_img{width:100%; height:auto;}
#visual .area_bn_wrap .area_bn .area_img img{width:100%; height:100%;}
#visual .area_bn_wrap .area_bn a{position:relative; display:block; padding:27px 25px; box-sizing:border-box; background:#fff; font-size:15px; font-weight:400; color:#333;}
#visual .area_bn_wrap .area_bn a > i{position:absolute; right:0; bottom:0; display:block; width:75px; height:75px; background:#00307C url(../img/main/icon_arrow.svg)no-repeat center; background-size:7px 12px;}

#visual .bx-controls{position:absolute; bottom:0; left:calc(50% - 600px); left:-webkit-calc(50% - 600px); width:200px; height:100px; z-index:101; background:#fff; text-align:center; border-bottom:1px solid rgba(0,0,0,0.05);}
#visual div.bx-pager{position:relative; top:50%; height:7px; transform:translateY(-50%);}
#visual div.bx-pager div{display:inline-block;  margin:0 40px 0 0; }
#visual div.bx-pager div:last-child{margin:0;}
#visual div.bx-pager div a{position:relative; display:inline-block; width:7px; height:7px; box-sizing:border-box; border-radius:50%; text-indent:-9999px; background:#ccc; transition:all 0.3s ease;}
#visual div.bx-pager div a.active{background:#23527c;}
#visual div.bx-pager div a:after{content:''; position:absolute; top:0; left:0; width:30px; height:30px; margin-top:-12px; margin-left:-12px; box-sizing:border-box; border-radius:50%; border:2px solid #eee; opacity:0; transition:all 0.3s ease;}
#visual div.bx-pager div a.active:after{opacity:1;}

#visual .bx-controls-direction{display:none;}
.scrolldown{position:absolute; bottom:0; left:0; z-index:52; width:calc(50% - 600px); width:-webkit-calc(50% - 600px); background:#00307C; font-weight:500; color:#fff; text-align:center;}
.scrolldown a{position:relative; display:block; position:relative; padding:39px 5px; box-sizing:border-box;}
.scrolldown a > i{position:relative; font-style:normal; font-weight:200; font-size:15px; color:#fff;}
.scrolldown a > i:before{content:""; position:absolute; top:50%; left:-22px; width:14px; height:9px; margin-top:-4.5px; background:url(../img/main/icon_b_arrow.svg) no-repeat 50% 50%; background-size:cover;}
.scrolldown a:before{display:none; content:""; position:absolute; top:50%; left:35px; width:14px; height:9px; margin-top:-4.5px; background:url(../img/main/icon_b_arrow.svg) no-repeat 50% 50%; background-size:cover;}

/* --- Vimeo 비디오용 추가 CSS --- */
#visual .sliderbx li {
	position: relative;
	width: 100%;
	height: 100vh; /* 전체 화면 꽉 채우기 */
	overflow: hidden;
	}
#visual .sliderbx li .video-wrap {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	}
#visual .sliderbx li iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw; /* 16:9 기본 비율 (9 / 16 * 100 = 56.25) */
	min-height: 100vh;
	min-width: 177.78vh; /* 16:9 역비율 (16 / 9 * 100 = 177.78) */
	transform: translate(-50%, -50%);
	object-fit: cover;
	border: none;
	}
#visual .sliderbx li {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	}



@media (max-width: 1600px) {
	.inr{width:1050px;}
	#visual .area_bn_wrap{width:1050px;}
	#visual .bx-controls{left:calc(50% - 500px); left:-webkit-calc(50% - 500px);}
	.scrolldown{width:calc(50% - 500px); width:-webkit-calc(50% - 500px);}
	.line .left{left:calc(50% - 500px); left:-webkit-calc(50% - 500px);}
	.line .right{right:calc(50% - 500px); right:-webkit-calc(50% - 500px);}

	#visual .txt{min-width:1050px;}
}

@media (max-width: 1500px) {
	.inr{width:90%;}
	#visual .area_bn_wrap{width:90%;}
	#visual .bx-controls{left:calc(50% - 40%); left:-webkit-calc(50% - 40%);}
	.scrolldown{width:calc(50% - 40%); width:-webkit-calc(50% - 40%);}
	.line .left{left:calc(50% - 40%); left:-webkit-calc(50% - 40%);}
	.line .right{right:calc(50% - 40%); right:-webkit-calc(50% - 40%);}

	#visual .txt{min-width:1050px;}
}

@media (max-width: 1400px) {
	.inr{width:100%;}
	#visual .line{display:none;}
	.scrolldown{width:200px;}
	#visual .bx-controls{left:200px;}
	#visual .txt{min-width:90%;}
}

@media (max-width: 1200px) {
	#visual .txt{padding:0 0 0 50px;}
	#visual .txt > h3{font-size:3.4em;}
	#visual .txt > h2{font-size:5.8em;}
	#visual .txt > p{font-size:16px;}
	#visual .area_bn_wrap .area_bn{right:50px;}
}
@media (max-width: 1024px){
	#visual .txt{padding:0 0 0 20px;}
	#visual .txt > h3{font-size:3em;}
	#visual .txt > h2{font-size:5.1em;}
	#visual .txt > p{font-size:15px;}
	#visual .area_bn_wrap .area_bn{width:310px; right:20px;}
}

@media (max-width:900px){
	#visual .txt{min-width:94%; padding:0}
	#visual .area_bn_wrap .area_bn{width:260px; right:0;}
	#visual .area_bn_wrap .area_bn a{padding:22px 20px;}
	#visual .area_bn_wrap .area_bn a > i{width:67px; height:67px;}
	.scrolldown a{padding:32px 5px;}
	#visual .bx-controls{width:150px; height:86px;}
	#visual div.bx-pager div{margin:0 27px 0 0;}
}

@media (max-width:768px){
	#visual .txt{top:50%; text-align:center; /*transform:translate(-50%, -100%);*/}
	#visual .txt > h3{font-size:2.5em;}
	#visual .txt > h2{font-size:4.6em;}
	#visual .area_bn_wrap .area_bn{width:240px; left:50%; transform:translate(-50%, -10%);}
	.scrolldown{width:70px; height:70px;}
	.scrolldown a > i{display:none;}
	.scrolldown a{height:100%; padding:5px;}
	.scrolldown a:before{display:block; left:50%; margin-left:-7px;}
	#visual .bx-controls{left:70px; height:70px;}
	#visual div.bx-pager div a{width:6px; height:6px;}
	#visual div.bx-pager div a:after{width:26px; height:26px; margin-top:-10px; margin-left:-10px;}
}

@media (max-width:500px){
	#visual .txt{min-width:70%;}
	#visual .txt > h3{font-size:2.2em;}
	#visual .txt > h2{font-size:3.9em;}
	#visual .txt > p{word-break:keep-all;}
	#visual .area_bn_wrap .area_bn{width:220px;}
	#visual .area_bn_wrap .area_bn a{padding:19px;}
	#visual .area_bn_wrap .area_bn a > i{width:59px; height:59px;}
	.scrolldown{width:60px; height:60px;}
	#visual .bx-controls{left:60px; width:100px; height:60px;}
	#visual div.bx-pager div{margin:0 20px 0 0;}
	#visual div.bx-pager div a{width:5px; height:5px;}
	#visual div.bx-pager div a:after{width:24px; height:24px; margin-top:-9px;}
}

@media (max-width:450px){
	#visual .txt{min-width:85%;}
	#visual .txt > h3{font-size:2em;}
	#visual .txt > h2{font-size:3.5em;}
	#visual .txt > p{font-size:14px; padding:5px 0 0;}
	#visual .area_bn_wrap .area_bn{width:190px;}
	#visual .area_bn_wrap .area_bn a{padding:15px; font-size:14px;}
	#visual .area_bn_wrap .area_bn a > i{width:51px; height:51px;}

}
/* 제품소개 */
/* 제품소개 */
#area_product{position:relative;background:url('../img/main/area_product_bg.jpg') center/cover no-repeat;}
#area_product .inr{z-index:1;}
#area_product .list{}
#area_product .list li{float:left;width:calc(100% / 3);width:-webkit-calc(100% / 3);height:390px;background:#00307C;box-sizing:border-box;transition:all 0.3s ease;position:relative;overflow:hidden;}
#area_product .list li:nth-child(1){background:url(../img/main/product_on01.jpg)no-repeat center;background-size:cover;}
#area_product .list li:nth-child(2){background:url(../img/main/product_on02.jpg)no-repeat center;background-size:cover;}
#area_product .list li:nth-child(3){background:url(../img/main/product_on03.jpg)no-repeat center;background-size:cover;}
#area_product .list li::after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:linear-gradient(135deg, rgb(54 68 97 / 40%) 0%, rgb(47 59 81 / 57%) 50%, rgb(3 4 6 / 85%) 100%);z-index:1;transition:all .3s ease}
#area_product .list li::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130%;height:130%;content:'';background:radial-gradient(circle,rgba(80,160,255,0.25) 0%,rgba(0,0,0,0) 60%);z-index:1;transition:all .3s ease}
#area_product .list li > a {display:block;padding:70px 50px;box-sizing:border-box;position:relative;z-index:2;display: flex;align-items: center;justify-content: center;text-align: center}
#area_product .list li > a > div > em{font-style:normal;font-size:20px;font-weight:bold;color:#80c4ff;line-height:1.5em;transition:all 0.3s ease;}
#area_product .list li > a > div > h2{display:block;padding:1px 0 15px;font-weight:600;color:#fff;line-height:1.5em;transition:all 0.3s ease;font-size: 30px;}
#area_product .list li > a > div > .area_icon{width:31px;height:31px;transition:all 0.3s ease;margin: 0 auto;}
#area_product .list li:nth-child(1) > a .area_icon{width:32px;height:31px;background:url(../img/main/icon_product01_on.svg)no-repeat center;background-size:cover;}
#area_product .list li:nth-child(2) > a .area_icon{width:32px;height:31px;background:url(../img/main/icon_product02_on.svg)no-repeat center;background-size:cover;}
#area_product .list li:nth-child(3) > a .area_icon{width:39px;height:29px;background:url(../img/main/icon_product03_on.svg)no-repeat center;background-size:cover;}

/* hover 시 더 어둡게 */
#area_product .list li:hover::after{background:linear-gradient(135deg, rgba(10, 30, 69, 0.9) 0%, rgba(11, 34, 74, 0.9) 50%, rgba(43, 116, 209, 0.95) 100%)}
#area_product .list li:hover::before{background:radial-gradient(circle,rgba(80,160,255,0.4) 0%,rgba(0,0,0,0) 60%)}

#area_product .list li > a span{display:block;padding:80px 0 0;font-style:normal;font-size:17px;font-weight:400;color:rgba(255,255,255,0.6);line-height:1.5em;transition:all 0.3s ease;}
#area_product .list li:hover > a em{color:#fff;}
#area_product .list li:hover > a h2{color:#fff;}
#area_product .list li:hover > a span{color:#fff;}
#area_product .list li:hover:nth-child(1) > a .area_icon{width:31px;height:31px;background:url(../img/main/icon_product01_on.svg)no-repeat center;background-size:cover;}
#area_product .list li:hover:nth-child(2) > a .area_icon{width:32px;height:31px;background:url(../img/main/icon_product02_on.svg)no-repeat center;background-size:cover;}
#area_product .list li:hover:nth-child(3) > a .area_icon{width:39px;height:29px;background:url(../img/main/icon_product03_on.svg)no-repeat center;background-size:cover;}


@media (max-width: 1024px) {
	#area_product .list li{height:320px;}
	#area_product .list li > a{padding:50px;}
	#area_product .list li > a > span{padding:80px 0 0;}
}
@media (max-width: 900px) {
	#area_product .list li > a{padding:40px;}
}
@media (max-width: 768px) {
	#area_product .list li{width:100%; height:auto; /*background:#fff;*/ border-bottom:1px solid rgba(255,255,255,0.1);}
	#area_product .list li > a > div > em{font-size: 18px;font-weight: normal;}
	#area_product .list li > a > div > h2{font-size: 25px;}
	#area_product .list li > a span{font-size: 15px;padding-top: 50px;}
}
@media (max-width: 550px) {
	#area_product .list li > a{padding:30px;}
	#area_product .list li > a > span{padding:40px 0 0;}
}
@media (max-width: 400px) {
	#area_product .list li > a{padding:20px;}
}

/*회사소개*/
#area_company{position:relative; width:100%;}
#area_company .area_img{position:relative; top:0; left:0; /*width:calc(50% + 600px); width:-webkit-calc(50% + 600px);*/ height:550px; background:url(../img/main/img_company.jpg)no-repeat center; background-size:cover;}
#area_company .area_txt{position:absolute; top:50%; right:0; padding:100px 65px; box-sizing:border-box; width:calc(50% - 200px); width:-webkit-calc(50% - 200px); background:url(../img/main/company_txt_bg.jpg)no-repeat center; background-size:cover; color:#fff;}
#area_company .area_txt span{display:inline-block; font-size:15px; font-weight:300; color:#fff;}
#area_company .area_txt h3{display:block; padding:10px 0 25px; font-size:40px; font-weight:bold; color:#fff;}
#area_company .area_txt p{font-size:16px; font-weight:400; color:#fff; line-height:1.7em; word-break:keep-all;}
#area_company .area_btn{position:absolute; top:50%; right:0; display:block; width:calc(50% - 600px); width:-webkit-calc(50% - 600px); padding:27px 25px; box-sizing:border-box; border-top:1px solid rgba(0,0,0,0.05); background:#fff; font-size:15px; font-weight:400; color:#333; transform:translateY(-100%);}
#area_company .area_btn > i{position:absolute; right:0; bottom:0; display:block; width:75px; height:75px; background:#00307C url(../img/main/icon_arrow.svg)no-repeat center; background-size:7px 12px;}

@media (max-width: 1600px) {
	#area_company .area_img{width:calc(50% + 500px); width:-webkit-calc(50% + 500px);}
	#area_company .area_txt{width:calc(50% - 166px); width:-webkit-calc(50% - 166px);}
	#area_company .area_btn{width:calc(50% - 500px); width:-webkit-calc(50% - 500px);}
}
@media (max-width: 1500px) {
	#area_company .area_img{width:95%;}
	#area_company .area_txt{width:calc(50% - 15%); width:-webkit-calc(50% - 15%); min-height:355px; padding:66px 50px;}
	#area_company .area_txt p br{display:none;}
	#area_company .area_btn{width:240px; border-top:none;}
}
@media (max-width: 1400px) {
	#area_company .area_img{width:100%;}
	#area_company .area_txt{width:33.33%; padding:66px 50px;}
}
@media (max-width: 1200px) {
	#area_company .area_txt{width:33.33%; padding:53px 50px;}
}
@media (max-width: 1024px) {
	#area_company .area_txt{padding:50px 40px;}
	#area_company .area_btn{width:22%; padding:27px 20px;}
}
@media (max-width: 850px) {
	#area_company .area_txt{padding:40px;}
	#area_company .area_txt h3{font-size:35px;}
	#area_company .area_btn{width:33.33%;}
}

@media (max-width: 768px) {
	#area_company .area_img{height:0; padding-bottom:50%;}
	#area_company .area_txt{position:relative; width:100%; padding:50px 40px;min-height:auto;}
	#area_company .area_txt p {margin:0 0 50px;}
	#area_company .area_btn{width:33.33%; top:unset; border-bottom:1px solid rgba(0,0,0,0.05);}
	#area_company .area_txt p br{display:block;}
	#area_company .area_btn > i{bottom:-1px; height:76px; border-bottom:1px solid #1f2756;}
}
@media (max-width: 650px){
	#area_company .area_btn{width:200px; padding:21px 20px;}
	#area_company .area_btn > i{width:64px; height:64px;}
}
@media (max-width: 550px){
	#area_company .area_txt{padding:40px 30px;}
	#area_company .area_txt h3{padding:10px 0 15px; font-size:30px;}
	#area_company .area_txt p{font-size:15px;}
	#area_company .area_txt p br{display:none;}
}
@media (max-width: 450px){
	#area_company .area_txt h3{font-size:28px;}
}
@media (max-width: 400px){
	#area_company .area_txt{padding:30px 20px;}
	#area_company .area_txt h3{font-size:25px;}
}

#area_board{width:100%;}
#area_board .line.gray{z-index:0;}
#area_board .line.gray i:first-child{border-right:none;}
.area_board:after{content:''; display:block; clear:both;}
.area_notice{float:left; width:calc(100% - 400px); width:-webkit-calc(100% - 400px);}
.area_notice .area_btn{position:relative;}
.area_notice .area_btn > i{position:absolute; top:0; right:0; display:block; width:80px; height:80px; background:#00307C url(../img/main/icon_arrow.svg)no-repeat center; background-size:7px 12px;}

.area_location{position:relative; z-index:1; margin:80px 0 0; float:left; width:400px; height:444px; transition:all 0.3s ease;}
.area_location > a{display:block; width:100%; height:100%; padding:60px 50px; box-sizing:border-box;}
.area_location > a > em{font-style:normal; font-size:15px; font-weight:bold; color:#00307C; line-height:1.5em; transition:all 0.3s ease;}
.area_location > a > h2{display:block; padding:3px 0 8px; font-size:19px; font-weight:500; color:#333; line-height:1.5em; transition:all 0.3s ease;}
.area_location > a > .area_icon{width:31px; height:31px; background:url(../img/main/icon_location.svg)no-repeat center; background-size:cover; transition:all 0.3s ease;}
.area_location > a .info_location{padding:90px 0 0;}
.area_location > a .info_location span{display:block; font-size:15px; font-weight:600; color:#333;}
.area_location > a .info_location em{display:block; padding:5px 0 0; font-style:normal; font-size:15px; font-weight:400; color:#555;}
.area_location:hover{background:#00307C;}
.area_location:hover > a > em{color:#fff;}
.area_location:hover > a > h2{color:#fff;}
.area_location:hover > a > .area_icon{background:url(../img/main/icon_location_on.svg)no-repeat center; background-size:cover;}
.area_location:hover > a .info_location span{color:#fff;}
.area_location:hover > a .info_location em,
.area_location:hover > a .info_location b{color:#fff;}
.area_location .info_location > ul > li:last-child{margin:15px 0 0;}
.area_location .info_location > ul > li > em{display:block; padding:5px 0 0; line-height:1.4em; font-style:normal; font-size:14px; font-weight:400; color:#555;}
.area_location .info_location > ul > li > b {display:block; font-size:15px; font-weight:600; color:#333;}


@media (max-width: 1600px) {
	.area_notice{width:calc(100% - 334px); width:-webkit-calc(100% - 334px);}
	.area_location{margin:80px 0 0; width:333px; height:auto;}
	.area_location > a{padding:34px 40px;}
}
@media (max-width: 1500px) {
	.area_notice{width:calc(100% - 33.33%); width:-webkit-calc(100% - 33.33%);}
	.area_location{margin:80px 0 0; width:33.33%;}
	.area_location > a{padding:60px 40px;}
}

@media (max-width: 768px) {
	#area_board .line.gray{display:none;}
	.area_notice{width:100%;}
	.area_notice .area_btn > i{width:75px; height:74px;}
	.area_location{margin:0; width:100%; height:auto; background: #00307C;}
	.area_location > a > em{color:#fff;}
	.area_location > a > h2{color:#fff;}
	.area_location > a > .area_icon{background:url(../img/main/icon_location_on.svg)no-repeat center; background-size:cover;}
	.area_location > a .info_location span{color:#fff;}
	.area_location > a .info_location em{color:#fff;}
	.area_location .info_location > ul > li > em,
	.area_location .info_location > ul > li > b{color:#fff;}
	.news_text{width:100%;}
}
@media (max-width: 650px) {
	.area_notice .area_btn > i{width:64px; height:64px;}
}
@media (max-width: 550px) {
	.area_location > a{padding:50px 30px;}
	.area_location > a .info_location{padding:60px 0 0;}
}
@media (max-width: 400px) {
	.area_location > a{padding:40px 20px;}
}