/* 공통 */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 630px; position: relative; overflow: hidden;}
.sub_vis_img{width:100%; height: 100%; position: absolute; background:url("/img/sub/sub_vis_img.png") no-repeat center / cover; animation: fadezoom 2.5s ease-in-out 0s forwards;}
.sub_vis_txt{max-width:1600px; width:100%; margin: 0 auto; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sub_vis_txt .tp_txt{position: relative; display: inline-block;}
.sub_vis_txt .tp_txt:before{content: ''; display: block; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.40); position: absolute; left: 0; bottom: -20px;}
.sub_vis_txt .tp_txt p{display: inline-block; overflow: hidden; font-size: 24px; font-weight: 600;}
.sub_vis_txt .tp_txt p .motion{animation: txt-ani 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; display: block;}
.sub_vis_txt h2{margin-top:40px; overflow: hidden;}
.sub_vis_txt h2 span{animation: txt-ani 1.5s cubic-bezier(0.4, 0, 0.2, 1) both 0.4s; display: inline-block; font-size: 70px; font-family: 'Outfit';}
.sub_vis_txt h2 span:nth-of-type(2){animation-delay:0.43s;}
.sub_vis_txt h2 span:nth-of-type(3){animation-delay:0.46s;}
.sub_vis_txt h2 span:nth-of-type(4){animation-delay:0.49s;}
.sub_vis_txt h2 span:nth-of-type(5){animation-delay:0.52s;}
.sub_vis_txt h2 span:nth-of-type(6){animation-delay:0.55s;}
.sub_vis_txt h2 span:nth-of-type(7){animation-delay:0.58s;}
.sub_vis_txt h2 span:nth-of-type(8){animation-delay:0.61s;}
.sub_vis_txt h2 span:nth-of-type(9){animation-delay:0.64s;}
.sub_vis_txt h2 span:nth-of-type(10){animation-delay:0.67s;}

.sub_menu{height:80px; border-bottom: 1px solid #E3E3E3; background: #FFF;}
.sub_menu .inner{display: flex; align-items: center; justify-content: space-between; height: 100%;}
.sub_menu ul{display: flex; align-items: center; height:100%; z-index: 10; gap:80px;}
.sub_menu ul li{position: relative; height: 100%;}
.sub_menu ul li a{display: flex; align-items: center; font-size: 18px; height: 100%; color: #6D6D6D; position: relative; padding-left: 17px;}
.sub_menu ul li a:before{content: ''; display: block; width: 7px; height: 7px; border-radius:50%; border: 1px solid #6D6D6D; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.sub_menu ul li.on a{color: #000;}
.sub_menu ul li.on a:before{border: none; background: #000;}
.sub_menu .location{display: flex; align-items: center; gap: 8px;}
.sub_menu .location .home{width: 20px;}
.sub_menu .location .arrow{width: 18px;}
.sub_menu .location span{font-size: 18px; color: #6D6D6D;}
.sub_menu .location span.dep2{color: #000;}

#sub_content{padding:100px 0 150px;}
.sub_inner{max-width:1600px; margin:0 auto}
.sub_title{margin-bottom:100px; text-align:center; /* animation: txt-ani 1.5s cubic-bezier(0.4, 0, 0.2, 1) both 0.6s; */}
.sub_title h3{font-size: 50px;}
.sub_txt dt{font-size: 24px; letter-spacing: -0.72px; line-height: 1.4; padding-top: 20px; position: relative;}
.sub_txt dt:before{content: ''; display: block; width: 65px; height: 1px; background: #000; position: absolute; left: 0; top: 0;}
.sub_txt dd{font-size: 18px; margin-top: 25px;color: #6D6D6D; line-height: 1.55;}


/* 인사말 */
.sub_cont + .sub_cont{margin-top: 120px;}
.has_bg{padding: 120px 0;}
.has_bg.bg_gr{background: #F6F6F6;}
.sub_tit strong{font-size: 35px; position: relative;}
.sub_tit strong::after{content: ''; display: inline-block; width: 8px; height: 8px; background: #004D7E; margin-left: 5px; vertical-align: top;}
.about .sub_tit{margin-bottom: 50px;}
.about .sec1 .img img{width: 100%;}
.about .sec1 .wrap{margin-top: 70px; display: flex; align-items: center; gap: 130px;}
.about .sec1 .wrap .logo{width: 480px;}
.about .sec1 .wrap .sub_txt{width: calc(100% - 130px - 480px);}
.box_wrap{display: flex; gap: 50px;}
.box_wrap .box{width: calc((100% - (50px * 2)) / 3); min-height: 250px; border: 1px solid #E3E3E3; background: #FFF; padding: 50px; position: relative;}
.box_wrap .box::before{content: ''; display: block; width: 60px; aspect-ratio: 3/4; background: url(/img/sub/box_symbol.svg) no-repeat center / contain; position: absolute; right: 40px; bottom: 50px;}
.about .sec3 .inner{display: flex; align-items: center; gap: 110px; position: relative;}
.about .sec3 .inner::before{content: ''; display: block; width: 299.886px; height: 402px; position: absolute; top: 85px; right: 0; background: url(/img/sub/about3_symbol.svg) no-repeat center / contain;}
.about .sec3 .img{width: 700px;}
.about .sec3 .img img{width: 100%;}
.about .sec3 .txt{width: calc(100% - 110px - 700px);}
.about .sec3 .history{display: flex; flex-direction: column; gap: 10px;}
.about .sec3 .history li{display: flex; font-size: 18px; line-height: 1.55;}
.about .sec3 .history li strong{display: block; width: 100px;}
.about .sec3 .history li span{display: block; color: #6D6D6D;}
.about .sec4{background: url(/img/sub/about4_bg.jpg) no-repeat center / cover; color: #fff;}
.about .sec4 .inner{display: flex; align-items: flex-start; justify-content: space-between;}
.about .sec4 .title .tit{font-size: 50px; font-weight: 300; font-family: 'Outfit';}
.about .sec4 .title .tit b{font-weight: 800;}
.about .sec4 .title p{margin-top: 40px; font-size: 18px; line-height: 1.55; color: rgba(255, 255, 255, 0.70);}
.about .sec4 .list{width: 1000px; display: flex; flex-direction: column; gap: 40px;}
.about .sec4 .list .item{padding: 50px 60px; background: rgba(0, 0, 0, 0.30); backdrop-filter: blur(15px); transition:all 0.5s; display: flex; gap: 40px;}
.about .sec4 .list .item:hover{background: rgba(0, 77, 126, 0.80);}
.about .sec4 .list .item .icon{width: 70px;}
.about .sec4 .list .item .icon img{width: 100%;}
.about .sec4 .list .item .txt{width: calc(100% - 40px - 70px); font-size: 18px;}
.about .sec4 .list .item .txt .num{font-weight: 600; font-family: 'Outfit';}
.about .sec4 .list .item .txt .tit{font-size: 24px; font-weight: 600; line-height: 1.58; font-family: 'Outfit';}
.about .sec4 .list .item .txt .desc{margin-top: 10px; color: rgba(255, 255, 255, 0.70); line-height: 1.55;}
.about .sec4 .list .item .txt .desc dl + dl{margin-top: 20px;}
.about .sec4 .list .item .txt .desc dl dt{margin-bottom: 5px; color: #fff; font-weight: 700;}
.txt_dot{position: relative; padding-left: 14px;}
.txt_dot::before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #6D6D6D; position: absolute; left: 0; top: 11px;}
.about .txt_dot::before{background: rgba(255, 255, 255, 0.70);}


/* RECRUIT */
.recruit .sec1 .inner{display: flex; align-items: center; gap: 110px;}
.recruit .sec1 .img{width: 700px;}
.recruit .sec1 .img img{width: 100%;}
.recruit .sec1 .txt{width: calc(100% - 110px - 700px);}
.recruit .sec1 .txt .logo{display: block; margin-top: 60px; width: 360px; opacity: 0.1;}
.recruit .sub_tit{margin-bottom: 40px;}
.recruit .sec2 .wrap2{margin-top: 80px;}
.recruit .sec2 .wrap2 p{font-size: 20px; line-height: 1.5;}
.recruit .more_btn{margin-top: 25px; font-size: 20px; padding: 12px 30px; line-height: 1.5; color: #fff; background: #000; display: inline-block; font-weight: 700;}
.recruit .more_btn img{width: 22px; margin: -3px 0 0 10px; display: inline-block;}


/* BUSINESS */
.business .img img{width: 100%;}
.business .box_wrap{margin-top: 70px;}
.business .box_wrap .box{background: rgba(11, 80, 185, 0.05); border: none;}


/* GL테크 소개 */
.intro{position: relative; padding-bottom: 120px;}
.intro::before{content: ''; display: block; width: 100%; height: 670px; background: #F6F6F6; position: absolute; bottom: 0; z-index: -1;}
.intro::after{content: ''; display: block; width: 982px; height: 236px; background: url("/img/sub/intro_bg_txt.svg") no-repeat center / contain; position: absolute; right: 0; bottom: -5px;}
.intro .img_list{display: flex; justify-content: space-between;}
.intro .img_list li{width: 31.25%; position: relative;}
.intro .img_list li img{width: 100%;}
.intro .img_list li .ov{width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%); position: absolute; left: 0; bottom: 0; padding: 30px 35px; display: flex; align-items: flex-end; opacity: 0; transition: all 0.5s;}
.intro .img_list li .ov p{font-size: 40px; font-weight: 700; font-family: 'Outfit'; color: #fff;}
.intro .img_list li:hover .ov{opacity: 1;}
.intro .sub_txt{margin-top: 70px;}


/* OI 협력관계 소개 */
.partner .sec1 .img{position: relative; margin-bottom: 70px;}
.partner .sec1 .img img{width: 100%;}
.partner .sec1 .img .logo{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); opacity: 0; width: 630px;}
.partner .sec1 .img.on .logo{animation: logo-ani 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
@keyframes logo-ani {
	0% {opacity:0; transform:translate(-50%,0);}
	100% {opacity:1; transform:translate(-50%,-50%);}
}
.partner .sec2{margin-top: 120px; background: url("/img/sub/partner_img2.png") no-repeat center / cover; padding: 125px 0;}
.partner .sec2 .process{display: flex; justify-content: space-between;}
.partner .sec2 .process li{width: 370px; border-radius: 20px; background: rgba(0, 0, 0, 0.30); backdrop-filter: blur(15px); margin-right: 25px; position: relative;  padding: 45px 40px;}
.partner .sec2 .process li:after{content: ''; display: block; width: 22px; height: 38px; background: url("/img/sub/partner_box_ic.svg") no-repeat center / contain; position: absolute; right: -22px; top: 50%; transform:translateY(-50%); backdrop-filter: blur(15px);}
.partner .sec2 .process li:hover{background: rgba(11, 80, 185, 0.80);}
.partner .sec2 .process li:hover:after{background-image: url("/img/sub/partner_box_ic_ov.svg");}
.partner .sec2 .process li:last-child{margin-right: 0;}
.partner .sec2 .process li:last-child:after{display: none;}
.partner .sec2 .process li img{width: 35px;}
.partner .sec2 .process li dl{margin-top: 52px; font-family: 'Outfit'; line-height: 1.6;}
.partner .sec2 .process li dt{font-size: 24px; font-weight: 600; color: #fff;}
.partner .sec2 .process li dd{font-size: 22px; font-weight: 500; color: rgba(255, 255, 255, 0.50); margin-top: 5px;}
.partner .sec2 .sub_txt{margin: 80px 0;}
.partner .sec2 .sub_txt *{color: #fff;}
.partner .sec2 .sub_txt dt:before{background: #fff;}
.partner .sec2 .view_more{display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; padding: 15px 40px; border-radius: 50px; background: #FFF; width: fit-content; margin: 0 auto; transition: all 0.5s; line-height: 1.4;}
.partner .sec2 .view_more img{width: 7px; transition: all 0.5s;}
.partner .sec2 .view_more:hover{background: #0B50B9; color: #fff;}
.partner .sec2 .view_more:hover img{filter:invert(1);}


/* 오시는길 */
.direction{padding-bottom: 160px; position: relative;}
.direction:before{content: ''; display: block; width: 775px; height: 236px; background: url("/img/sub/loc_bg_txt.svg") no-repeat center / contain; position: absolute; right: 0; bottom: 0;}
.direction .map{height: 670px; margin-bottom: 80px;}
.direction .map .root_daum_roughmap .wrap_controllers, .direction .map .map_border{display: none;}
.direction .map .root_daum_roughmap .wrap_map{height: 100%;}
.direction .inner{display: flex; justify-content: space-between; align-items: flex-start;}
.direction .info{display: flex; align-items: center; gap:50px;}
.direction .info .icon{width: 130px; height: 130px; border-radius:50%; background: #F6F6F6; display: flex; align-items: center; justify-content: center;}
.direction .info .icon img{width: 50px;}
.direction .info .sub_txt dd strong{font-size: 20px; color: #000; display: inline-block; vertical-align: middle;}
.direction .info .sub_txt dd span{display: inline-block; margin-left: 50px; vertical-align: middle;}
.direction .info .sub_txt dd img{display: inline-block; vertical-align: middle; margin: -3px 15px 0 0; width: 26px;}
.direction .map_btn{display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; padding: 15px 40px; border-radius: 50px; background: #000; color: #fff; width: fit-content; font-family: 'Outfit'; line-height: 1.45;}
.direction .map_btn img{width: 7px; filter:invert(1);}




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

	/* 공통 */
	.sub_visual{height: 38.89vw;}
	.sub_vis_txt{max-width:100%; padding: 0 2.47vw;}
	.sub_vis_txt .tp_txt:before{bottom: -1.23vw;}
	.sub_vis_txt .tp_txt p{font-size: 1.48vw;}
	.sub_vis_txt h2{margin-top:2.47vw;}
	.sub_vis_txt h2 span{font-size: 4.32vw;}

	.sub_menu{height:4.94vw;}
	.sub_menu ul{gap:4.94vw;}
	.sub_menu ul li a{font-size: 1.11vw; padding-left: 1.05vw;}
	.sub_menu ul li a:before{width: 0.43vw; height: 0.43vw;}
	.sub_menu .location{gap: 0.49vw;}
	.sub_menu .location .home{width: 1.23vw;}
	.sub_menu .location .arrow{width: 1.11vw;}
	.sub_menu .location span{font-size: 1.11vw;}

	#sub_content{padding:6.17vw 0 9.26vw;}
	.sub_inner{max-width:100%; padding: 0 2.47vw;}
	.sub_title{margin-bottom:6.17vw;}
	.sub_title h3{font-size: 3.09vw;}
	.sub_txt dt{font-size: 1.48vw; letter-spacing: -0.04vw; padding-top: 1.23vw;}
	.sub_txt dt:before{width: 4.01vw;}
	.sub_txt dd{font-size: 1.11vw; margin-top: 1.54vw;}


	/* 인사말 */
	.sub_cont + .sub_cont{margin-top: 7.41vw;}
	.has_bg{padding: 7.41vw 0;}
	.sub_tit strong{font-size: 2.16vw;}
	.sub_tit strong::after{width: 0.49vw; height: 0.49vw; margin-left: 0.31vw;}
	.about .sub_tit{margin-bottom: 3.09vw;}
	.about .sec1 .wrap{margin-top: 4.32vw; gap: 8.02vw;}
	.about .sec1 .wrap .logo{width: 25.63vw;}
	.about .sec1 .wrap .sub_txt{width: calc(100% - 8.02vw - 25.63vw);}
	.box_wrap{gap: 3.09vw;}
	.box_wrap .box{width: calc((100% - (3.09vw * 2)) / 3); min-height: 15.43vw; padding: 3.09vw;}
	.box_wrap .box::before{width: 3.70vw; right: 2.47vw; bottom: 3.09vw;}
	.about .sec3 .inner{gap: 5.79vw;}
	.about .sec3 .inner::before{width: 18.51vw; height: 24.81vw; top: 5.25vw; right: 2.47vw;}
	.about .sec3 .img{width: 43.21vw;}
	.about .sec3 .txt{width: calc(100% - 5.79vw - 43.21vw);}
	.about .sec3 .history{gap: 0.62vw;}
	.about .sec3 .history li{font-size: 1.11vw;}
	.about .sec3 .history li strong{width: 6.17vw;}
	.about .sec4 .title .tit{font-size: 3.09vw;}
	.about .sec4 .title p{margin-top: 2.47vw; font-size: 1.11vw;}
	.about .sec4 .list{width: 61.73vw; gap: 2.47vw;}
	.about .sec4 .list .item{padding: 3.09vw 3.70vw; gap: 2.47vw;}
	.about .sec4 .list .item .icon{width: 4.32vw;}
	.about .sec4 .list .item .txt{width: calc(100% - 2.47vw - 4.32vw); font-size: 1.11vw;}
	.about .sec4 .list .item .txt .tit{font-size: 1.48vw;}
	.about .sec4 .list .item .txt .desc{margin-top: 0.62vw;}
	.about .sec4 .list .item .txt .desc dl + dl{margin-top: 1.23vw;}
	.about .sec4 .list .item .txt .desc dl dt{margin-bottom: 0.31vw;}
	.txt_dot{padding-left: 0.86vw;}
	.txt_dot::before{top: 0.68vw;}


	/* RECRUIT */
	.recruit .sec1 .inner{gap: 5.79vw;}
	.recruit .sec1 .img{width: 43.21vw;}
	.recruit .sec1 .txt{width: calc(100% - 5.79vw - 43.21vw);}
	.recruit .sec1 .txt .logo{margin-top: 3.70vw; width: 22.22vw;}
	.recruit .sub_tit{margin-bottom: 2.47vw;}
	.recruit .sec2 .wrap2{margin-top: 4.94vw;}
	.recruit .sec2 .wrap2 p{font-size: 1.23vw;}
	.recruit .more_btn{margin-top: 1.54vw; font-size: 1.23vw; padding: 0.74vw 1.85vw;}
	.recruit .more_btn img{width: 1.36vw; margin: -0.19vw 0 0 0.62vw;}


	/* BUSINESS */
	.business .box_wrap{margin-top: 4.32vw;}


	/* GL테크 소개 */
	.intro{padding-bottom: 7.41vw;}
	.intro::before{height: 41.36vw;}
	.intro::after{width: 60.62vw; height: 14.57vw;}
	.intro .img_list li .ov{padding: 1.85vw 2.16vw;}
	.intro .img_list li .ov p{font-size: 2.47vw;}
	.intro .sub_txt{margin-top: 4.32vw;}


	/* OI 협력관계 소개 */
	.partner .sec1 .img{margin-bottom: 4.32vw;}
	.partner .sec1 .img .logo{width: 38.89vw;}
	.partner .sec2{margin-top: 7.41vw; padding: 7.72vw 0;}
	.partner .sec2 .process li{width: 21.84vw; border-radius: 1.23vw; margin-right: 1.54vw; padding: 2.78vw 2.47vw;}
	.partner .sec2 .process li:after{width: 1.36vw; height: 2.35vw; right: -1.36vw;}
	.partner .sec2 .process li img{width: 2.16vw;}
	.partner .sec2 .process li dl{margin-top: 3.21vw;}
	.partner .sec2 .process li dt{font-size: 1.48vw;}
	.partner .sec2 .process li dd{font-size: 1.36vw; margin-top: 0.31vw;}
	.partner .sec2 .sub_txt{margin: 4.94vw 0;}
	.partner .sec2 .view_more{gap: 0.62vw; font-size: 1.11vw; padding: 0.93vw 2.47vw;}
	.partner .sec2 .view_more img{width: 0.43vw;}


	/* 오시는길 */
	.direction{padding-bottom: 9.88vw;}
	.direction:before{width: 47.84vw; height: 14.57vw;}
	.direction .map{height: 41.36vw; margin-bottom: 4.94vw;}
	.direction .info{gap:3.09vw;}
	.direction .info .icon{width: 8.02vw; height: 8.02vw;}
	.direction .info .icon img{width: 3.09vw;}
	.direction .info .sub_txt dd strong{font-size: 1.23vw;}
	.direction .info .sub_txt dd span{margin-left: 3.09vw;}
	.direction .info .sub_txt dd img{margin: -0.19vw 0.93vw 0 0; width: 1.60vw;}
	.direction .map_btn{gap: 0.62vw; font-size: 1.11vw; padding: 0.93vw 2.47vw;}
	.direction .map_btn img{width: 0.43vw;}

}



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

	/* 공통 */
	.sub_visual{height: 49.22vw;}
	.sub_vis_txt{padding: 0 3.13vw;}
	.sub_vis_txt .tp_txt:before{bottom: -1.56vw;}
	.sub_vis_txt .tp_txt p{font-size: 1.48vw;}
	.sub_vis_txt h2{margin-top:3.13vw;}
	.sub_vis_txt h2 span{font-size: 4.57vw;}

	.sub_menu{height:6.25vw;}
	.sub_menu ul{gap:4.25vw;}
	.sub_menu ul li a{font-size: 1.41vw; padding-left: 1.33vw;}
	.sub_menu ul li a:before{width: 0.55vw; height: 0.55vw;}
	.sub_menu .location{gap: 0.63vw;}
	.sub_menu .location .home{width: 1.56vw;}
	.sub_menu .location .arrow{width: 1.41vw;}
	.sub_menu .location span{font-size: 1.41vw;}

	#sub_content{padding:7.81vw 0 11.72vw;}
	.sub_inner{padding: 0 3.13vw;}
	.sub_title{margin-bottom:7.81vw;}
	.sub_title h3{font-size: 3.71vw;}
	.sub_txt dt{font-size: 1.58vw; letter-spacing: -0.06vw; padding-top: 1.56vw;}
	.sub_txt dt:before{width: 5.08vw;}
	.sub_txt dd{font-size: 1.21vw; margin-top: 1.3vw;}


	/* 인사말 */
	.sub_cont + .sub_cont{margin-top: 7.42vw;}
	.has_bg{padding: 7.42vw 0;}
	.sub_tit strong{font-size: 2.19vw;}
	.sub_tit strong::after{width: 0.47vw; height: 0.47vw; margin-left: 0.31vw;}
	.about .sub_tit{margin-bottom: 3.13vw;}
	.about .sec1 .wrap{margin-top: 4.30vw; gap: 6.05vw;}
	.about .sec1 .wrap .logo{width: 23.61vw;}
	.about .sec1 .wrap .sub_txt{width: calc(100% - 6.05vw - 23.61vw);}
	.box_wrap{gap: 3.13vw;}
	.box_wrap .box{width: calc((100% - (3.13vw * 2)) / 3); min-height: 15.47vw; padding: 3.13vw;}
	.box_wrap .box::before{width: 3.67vw; right: 2.50vw; bottom: 3.13vw;}
	.about .sec3 .inner{gap: 5.80vw;}
	.about .sec3 .inner::before{width: 15.52vw; height: 20.84vw; top: 5.23vw; right: 3.13vw;}
	.about .sec3 .img{width: 40.20vw;}
	.about .sec3 .txt{width: calc(100% - 5.80vw - 40.20vw);}
	.about .sec3 .history{gap: 0.63vw;}
	.about .sec3 .history li{font-size: 1.21vw;}
	.about .sec3 .history li strong{width: 6.17vw;}
	.about .sec4 .title .tit{font-size: 3.13vw;}
	.about .sec4 .title p{margin-top: 2.50vw; font-size: 1.21vw;}
	.about .sec4 .list{width: 56.72vw; gap: 2.50vw;}
	.about .sec4 .list .item{padding: 3.13vw 3.67vw; gap: 2.50vw;}
	.about .sec4 .list .item .icon{width: 4.30vw;}
	.about .sec4 .list .item .txt{width: calc(100% - 2.50vw - 4.30vw); font-size: 1.21vw;}
	.about .sec4 .list .item .txt .tit{font-size: 1.58vw;}
	.about .sec4 .list .item .txt .desc{margin-top: 0.63vw;}
	.about .sec4 .list .item .txt .desc dl + dl{margin-top: 1.25vw;}
	.about .sec4 .list .item .txt .desc dl dt{margin-bottom: 0.31vw;}
	.txt_dot{padding-left: 0.86vw;}
	.txt_dot::before{width: 3px; height: 3px; top: 0.60vw;}


	/* RECRUIT */
	.recruit .sec1 .inner{gap: 5.80vw;}
	.recruit .sec1 .img{width: 40.20vw;}
	.recruit .sec1 .txt{width: calc(100% - 5.80vw - 40.20vw);}
	.recruit .sec1 .txt .logo{margin-top: 3.67vw; width: 22.19vw;}
	.recruit .sub_tit{margin-bottom: 2.50vw;}
	.recruit .sec2 .wrap2{margin-top: 4.92vw;}
	.recruit .sec2 .wrap2 p{font-size: 1.25vw;}
	.recruit .more_btn{margin-top: 1.56vw; font-size: 1.25vw; padding: 0.70vw 1.88vw;}
	.recruit .more_btn img{width: 1.33vw; margin: -0.16vw 0 0 0.63vw;}


	/* BUSINESS */
	.business .box_wrap{margin-top: 4.30vw;}


	/* GL테크 소개 */
	.intro{padding-bottom: 9.38vw;}
	.intro::before{height: 43.34vw;}
	.intro::after{width: 76.72vw; height: 18.44vw;}
	.intro .img_list li .ov{padding: 2.34vw 2.73vw;}
	.intro .img_list li .ov p{font-size: 2.45vw;}
	.intro .sub_txt{margin-top: 5.47vw;}


	/* OI 협력관계 소개 */
	.partner .sec1 .img{margin-bottom: 5.47vw;}
	.partner .sec1 .img .logo{width: 44.22vw;}
	.partner .sec2{margin-top: 9.38vw; padding: 9.77vw 0;}
	.partner .sec2 .process li{width: 20.91vw; border-radius: 1.56vw; margin-right: 1.95vw; padding: 2.82vw 2.13vw;}
	.partner .sec2 .process li:after{width: 1.72vw; height: 2.97vw; right: -1.72vw;}
	.partner .sec2 .process li img{width: 2.73vw;}
	.partner .sec2 .process li dl{margin-top: 3.06vw;}
	.partner .sec2 .process li dt{font-size: 1.58vw;}
	.partner .sec2 .process li dd{font-size: 1.42vw; margin-top: 0.39vw;}
	.partner .sec2 .sub_txt{margin: 6.25vw 0;}
	.partner .sec2 .view_more{gap: 0.78vw; font-size: 1.31vw; padding: 1.17vw 3.13vw;}
	.partner .sec2 .view_more img{width: 0.55vw;}


	/* 오시는길 */
	.direction{padding-bottom: 12.50vw;}
	.direction:before{width: 60.55vw; height: 18.44vw;}
	.direction .map{height: 40.34vw; margin-bottom: 6.25vw;}
	.direction .info{gap:3.91vw;}
	.direction .info .icon{width: 10.16vw; height: 10.16vw;}
	.direction .info .icon img{width: 3.91vw;}
	.direction .info .sub_txt dd strong{font-size: 1.36vw;}
	.direction .info .sub_txt dd span{margin-left: 3.91vw;}
	.direction .info .sub_txt dd span:last-child{margin-left: 0; margin-top: 1vw;}
	.direction .info .sub_txt dd img{margin: -0.23vw 1.17vw 0 0; width: 2.03vw;}
	.direction .map_btn{gap: 0.78vw; font-size: 1.31vw; padding: 1.17vw 3.13vw; min-width: 16vw;}
	.direction .map_btn img{width: 0.55vw;}

}



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

	/* 공통 */
	.sub_visual{height: 109.38vw;}
	.sub_vis_img{background-image: url("/img/sub/sub_vis_img_mob.png");}
	.sub_vis_txt .tp_txt:before{bottom: -3.91vw;}
	.sub_vis_txt .tp_txt p{font-size: 3.7vw;}
	.sub_vis_txt h2{margin-top:7.81vw;}
	.sub_vis_txt h2 span{font-size: 11.98vw;}

	.sub_menu{height:14.32vw;}
	.sub_menu ul{gap:10.42vw; justify-content: center; width: 100%;}
	.sub_menu ul li a{font-size: 3.65vw; padding-left: 3.21vw;}
	.sub_menu ul li a:before{width: 1.30vw; height: 1.30vw;}
	.sub_menu .location{display: none;}

	#sub_content{padding:16.93vw 0 20.83vw;}
	.sub_title{margin-bottom:16.93vw;}
	.sub_title h3{font-size: 9.11vw;}
	.sub_txt dt{font-size: 4.69vw; letter-spacing: -0.09vw; padding-top: 3.60vw;}
	.sub_txt dt:before{width: 11.20vw;}
	.sub_txt dd{font-size: 3.65vw; margin-top: 3.91vw;}


	/* 인사말 */
	.sub_cont + .sub_cont{margin-top: 15.63vw;}
	.has_bg{padding: 15.63vw 0;}
	.sub_tit strong{font-size: 5.65vw;}
	.sub_tit strong::after{width: 1.30vw; height: 1.30vw; margin-left: 0.95vw;}
	.about .sub_tit{margin-bottom: 6.51vw;}
	.about .sec1 .wrap{margin-top: 10.42vw; gap: 10.42vw; flex-direction: column; align-items: flex-start;}
	.about .sec1 .wrap .logo{width: 62.50vw;}
	.about .sec1 .wrap .sub_txt{width: 100%;}
	.box_wrap{gap: 5.21vw; flex-direction: column;}
	.box_wrap .box{width: 100%; min-height: initial; padding: 7.81vw 6.51vw;}
	.box_wrap .box::before{width: 9.11vw; right: 5.21vw; bottom: 6.51vw;}
	.about .sec3 .inner{gap: 10.42vw; flex-direction: column;}
	.about .sec3 .inner::before{width: 24.05vw; height: 32.34vw; top: initial; bottom: 25vw; z-index: -1;}
	.about .sec3 .img{width: 100%;}
	.about .sec3 .txt{width: 100%;}
	.about .sec3 .history{gap: 1.95vw;}
	.about .sec3 .history li{font-size: 3.65vw;}
	.about .sec3 .history li strong{width: 20.02vw;}
	.about .sec4 .inner{flex-direction: column; gap: 10.42vw;}
	.about .sec4 .title .tit{font-size: 7.81vw;}
	.about .sec4 .title p{margin-top: 5.21vw; font-size: 3.65vw;}
	.about .sec4 .list{width: 100%; gap: 5.21vw;}
	.about .sec4 .list .item{padding: 6.51vw 5.21vw; gap: 4.17vw;}
	.about .sec4 .list .item .icon{width: 9.11vw;}
	.about .sec4 .list .item .txt{width: calc(100% - 4.17vw - 9.11vw); font-size: 3.65vw;}
	.about .sec4 .list .item .txt .tit{font-size: 4.69vw;}
	.about .sec4 .list .item .txt .desc{margin-top: 1.95vw;}
	.about .sec4 .list .item .txt .desc dl + dl{margin-top: 3.13vw;}
	.about .sec4 .list .item .txt .desc dl dt{margin-bottom: 0.65vw;}
	.txt_dot{padding-left: 2.15vw;}
	.txt_dot::before{width: 4px; height: 4px; top: 1.95vw;}


	/* RECRUIT */
	.recruit .sec1 .inner{gap: 10.42vw; flex-direction: column;}
	.recruit .sec1 .img{width: 100%;}
	.recruit .sec1 .txt{width: 100%;}
	.recruit .sec1 .txt .logo{margin-top: 7.81vw; width: 53.88vw;}
	.recruit .sub_tit{margin-bottom: 6.51vw;}
	.recruit .sec2 .wrap2{margin-top: 10.42vw; transition-delay: 0s !important}
	.recruit .sec2 .wrap2 p{font-size: 3.65vw;}
	.recruit .more_btn{margin-top: 3.91vw; font-size: 3.65vw; padding: 2.30vw 5.21vw;}
	.recruit .more_btn img{width: 4.17vw; margin: -0.49vw 0 0 1.95vw;}


	/* BUSINESS */
	.business .box_wrap{margin-top: 10.42vw;}


	/* GL테크 소개 */
	.intro{padding-bottom: 20.63vw;}
	.intro::before{height: 88%;}
	.intro::after{display: none;}
	.intro .img_list{flex-direction: column; gap:5vw;}
	.intro .img_list li{width: 100%;}
	.intro .img_list li .ov{padding: 4.91vw 5.56vw; height: 50%; opacity: 1;}
	.intro .img_list li .ov p{font-size: 6.51vw;}
	.intro .sub_txt{margin-top: 13.11vw;}


	/* OI 협력관계 소개 */
	.partner .sec1 .img{margin-bottom: 13.11vw;}
	.partner .sec1 .img .logo{width: 43.88vw;}
	.partner .sec2{margin-top: 20.63vw; padding: 20.28vw 0;}
	.partner .sec2 .process{flex-direction: column; gap: 4vw;}
	.partner .sec2 .process li{width: 100%; height: 33.85vw; border-radius: 2.60vw; margin-right: 3.26vw; padding: 6vw 5.71vw;}
	.partner .sec2 .process li:after{width: 4.86vw; left:50%; bottom: -5.7vw; right: initial; top: initial; transform: translateX(-50%) rotate(90deg); display: none;}
	.partner .sec2 .process li img{width: 5.56vw;}
	.partner .sec2 .process li dl{margin-top: 4.77vw;}
	.partner .sec2 .process li dt{font-size: 4.17vw;}
	.partner .sec2 .process li dd{font-size: 3.65vw; margin-top: 0.65vw;}
	.partner .sec2 .sub_txt{margin: 14.42vw 0;}
	.partner .sec2 .view_more{gap: 2.30vw; font-size: 3.39vw; padding: 2.95vw 6.21vw;}
	.partner .sec2 .view_more img{width: 1.91vw;}


	/* 오시는길 */
	.direction{padding-bottom: 20.83vw;}
	.direction:before{display: none;}
	.direction .map{height: 97.24vw; margin-bottom: 10.42vw;}
	.direction .inner{position: relative;}
	.direction .info{gap:6.51vw; align-items: flex-start;}
	.direction .info .icon{width: 17.93vw; height: 17.93vw; display: none;}
	.direction .info .icon img{width: 7.51vw;}
	.direction .info .sub_txt dd strong{font-size: 3.91vw; display: block; padding-top: 1vw;}
	.direction .info .sub_txt dd span{margin-left: 0; display: block; margin-top: 1.5vw;}
	.direction .info .sub_txt dd img{margin: -0.39vw 2.95vw 0 0; width: 4.39vw;}
	.direction .map_btn{gap: 2.30vw; font-size: 3.13vw; padding: 2.5vw 5.21vw; position: absolute; top: 0; right: 3.13vw; min-width: auto;}
	.direction .map_btn img{width: 1.71vw;}

}