.visual {background-size: cover !important;}
.visual .inbox{position:relative; }

.visual .v_text{position:absolute; left:0;}
.visual .v_text h3{color:#1e1e1e; font-weight:300;}
.visual .v_text h3 em{font-weight:900;}
.visual .v_text p{font-weight:300; line-height:1.3em}
.visual .v_text p em{font-weight:500;}

 

.service{background-size: 100% auto!important;}

.our{}
.our ul{text-align:center; font-size:0;}
.our li{position:relative; display:inline-block; font-weight:600; text-align:center;}
.our li div{position:absolute;top:50%;right:0;transform: translateY(-86%);}
.our li div::after{position:absolute; left:50%; top:0; height:100%; background-color:#000; content:''}
.our li div::before{position:absolute;left:0;top: 48%;width:100%;background-color:#000;content:''}

.our li img{display:block;}



.ohalf .box{position:relative; background-color:#f7f7f2}
.ohalf .box div{position:relative;top:0;left:0;width:100%;overflow:hidden;z-index: 1;}
.ohalf .box span{position:absolute;width: 100%;height: 100%;top: 0;left: 0;/* transform: translate(9%, 10%); */}
.ohalf .box>span{ border:1px solid #ff6d00;}
.ohalf .box div span{border:1px solid #fff;opacity: 0; transition-delay:0.2s; transition-duration:0.4s}
.ohalf .box div.aos-animate span{opacity:1;}


.ohalf_list{}
.ohalf_list h3 img{}


.ohalf_list li {border-bottom: 1px solid #deddd3;}
.ohalf_list li:last-child{border-bottom:0;}
.ohalf_list li span{display:inline-block;border-radius:50%;color:#fff;text-align:center;vertical-align:middle;font-weight: 500;}
.ohalf_list li:nth-child(odd) span{background-color:#ff6d00;}
.ohalf_list li:nth-child(even) span{background-color:#aeac93;}


.about{position:relative;}
.about .bg{position:absolute; background-size: 100% auto !important; display:block;}
.about .about_video{position:absolute;top:0;left:0;width:100%;overflow: hidden;}
.about .about_video iframe{position: absolute;top: 50%;left: 50%;width: 140%;height: 140%;transform: translate(-50%,-50%);}

.about .box{position: relative;background-color:#fff;z-index: 1;}
.about .box img.aos-animate{transform:translate(10%,10%);}

 
 
 .bf,.noti{background-color:#f7f7f2;}

.noti li{background-color:#fff; border-radius: 20px; overflow:hidden}
.noti .gall_list2 li>a{border-radius:0 !important;}
 

@media (min-width: 1300px) {

	
.visual{background:url(/images/main/pc/visual.png) no-repeat 50%;margin-top: -175px;}
.visual .inbox{height:1025px;}
.visual .v_text {top:320px;}
.visual .v_text h3{font-size:60px;}
.visual .v_text p{font-size:23px; margin:30px 0 90px}
.visual a{padding:0 15px !important}
.visual a i{right: 15px !important;}

.main_con {padding:70px 0;}


.service{background:url(/images/main/pc/bg.png) no-repeat 50% 100% #f7f7f2;padding: 50px 0 160px;}

.our {margin-top:45px}
.our li{width:220px;margin: 0px 4%;font-size: 25px;}
.our li div{width: 2.5vw;height: 2.5vw;margin-right: -3.8vw;}
.our li div::after{width: 3px;}
.our li div::before{height: 3px;}
.our li img{margin:0 auto 20px}


.ohalf{padding:150px 0;}
.ohalf>div{float:left;width:50%;}
.ohalf .box_wrap{padding-left:4%;  }
 
.ohalf .box div.aos-animate{transform: translate(-9%, -10%);}
.ohalf .box div span{transform: translate(9%, 10%);}

.ohalf .box,.ohalf .box *{border-radius:20px;}



.ohalf_list {padding-left:5%;}
.ohalf_list h3{margin-bottom: 35px;}
.ohalf_list h3 img{width:auto;}
.ohalf_list li {padding:25px 0; font-size:22px;}
.ohalf_list li span{width:60px;height:60px;line-height: 62px;font-size: 30px; padding-right:1px}
.ohalf_list li:last-child span{font-size:22px}


.about{padding: 42vw 0 150px;background:url(/images/main/pc/main_bg2.png) no-repeat 50% 100% #f7f7f2;}

.about .about_video{height:43vw;}
.about .ohalf_list{padding: 5% 8%;border-radius:20px;}
.about .inbox>div{float:right;}
.about .box{width:43.6%; border-radius:20px;}
.about .box img{display:block;}
.about .box.on span{transform: translate(9%, 10%);}
.about_con{width:56.4%; padding-right:8%}

.noti .gall_list2 li h6{padding:0 20px;}
.noti .gall_list2 li p{padding:0 20px;}


.gall_list3 ul{padding-left:2%} 
.gall_list3 li{width:380px; margin:0 2%} 
}
@media (min-width:750px){
 
}
@media (min-width: 750px) and (max-width: 1299px){

	
	
.visual{background: url(/images/main/tab/visual.png) no-repeat 50%;margin-top: -16vw;}
.visual .inbox{height: 76.6vw;}
.visual .v_text {top: 25vw;}
.visual .v_text h3{font-size: 5vw;}
.visual .v_text p{font-size: 2vw;margin: 3vw 0 9vw;}
.visual a{padding:0 1vw !important}
.visual a i{right: 1vw !important;}

.main_con {padding:13vw 0;}

	.btn{width: 14vw;padding:0 2vw !important;}


.service{background: url(/images/main/tab/bg.png) no-repeat 50% 100% #f7f7f2;padding: 9vw 0 14vw;}

.our {margin-top:45px}
.our li{width: 19vw;margin: 0 4vw;font-size: 2vw;}
.our li div{width: 3vw;height: 3vw;margin-right: -5.5vw;}
.our li div::after{width: 2px;}
.our li div::before{height: 2px;}
.our li img{margin: 0 auto 2vw;}


.ohalf{}
.ohalf>div{float:left;width:50%;}
.ohalf .box_wrap{padding-left: 7vw;}
 
.ohalf .box div.on{transform: translate(-7vw, -7vw);}
.ohalf .box div.on span{transform: translate(9%, 10%);}

.ohalf .box,.ohalf .box *{border-radius: 2.5vw;top: 7vw;}



.ohalf_list {padding-left:5%;}
.ohalf_list h3{margin-bottom: 3vw;width: 23vw;}
.ohalf_list li {padding: 2vw 0;font-size: 2vw;}
.ohalf_list li span{width: 5vw;height: 5vw;line-height: 5.2vw;font-size: 3vw;margin-right: 1vw;}
.ohalf_list li:last-child span{font-size: 1.8vw;}


.about{padding: 41vw 0 20vw;background: url(/images/main/tab/main_bg2.png) no-repeat 50% 100% #f7f7f2;}
.about .about_video{height:43vw;}


.about .inbox>div{float:right;}
.about .box{width: 37vw;border-radius:20px;}
.about .box img{display:block;}
.about .box.aos-animate span{transform: translate(9%, 10%);}
	.about .ohalf_list{padding: 4vw 5vw 3vw;/* width: 40vw; */margin-top: 4vw;}
.about_con{width: 45vw;padding-right: 5vw;}
.about .bg{display:none;}


.noti{padding-top:0}
.noti .gall_list2 li h6{padding:0 20px;}
.noti .gall_list2 li p{padding:0 20px;}

.gall_list3 ul{padding-left:2.2vw} 
.gall_list3 li{width:33vw; margin:0 2.2vw} 
}
@media (max-width:1299px){
.header .gnb{background-color: #fafafb;}
 
}
@media (max-width: 750px){

	
.visual{background: url(/images/main/mb/visual.png) no-repeat 50%;margin-top: -19vw;}
.visual .inbox{height: 140vw;}
.visual .v_text {top: 38vw;}
.visual .v_text h3{font-size: 8vw;}
.visual .v_text p{font-size: 4vw;margin: 4vw 0 13vw;}
.visual .v_text a{width:38vw}
.visual a{padding:0 15px !important}
.visual a i{right: 15px !important;}
.main_con {padding:13vw 0;}
	
.title{margin-bottom:9vw !important;}

.service{background: url(/images/main/tab/bg.png) no-repeat 50% 100% #f7f7f2;padding: 15vw 0 20vw;}

.our {margin-top: 14vw;}
.our li{width: 22vw;margin: 0 4vw;font-size: 4vw;}
.our li div{width: 4vw;height: 4vw;margin-right: -5.5vw;}
.our li div::after{width: 2px;}
.our li div::before{height: 2px;}
.our li img{margin: 0 auto 2vw;}


.ohalf{padding: 10vw 0;}
.ohalf>div{}
.ohalf .box_wrap{width: 82vw;margin: 0 auto;padding-left: 9vw;}
 
.ohalf .box div.aos-animate{transform: translate(-9vw, -9vw);}
.ohalf .box div span{transform: translate(12%, 17%);}

.ohalf .box,.ohalf .box *{border-radius: 2.5vw;}



.ohalf_list {padding: 8vw 13vw;margin-top: 5vw;}
.ohalf_list .category{text-align:center !important;}
.ohalf_list h3{width: 49vw;margin: 0 auto 3vw;}
.ohalf_list li {padding: 3vw 0;font-size: 4vw;}
.ohalf_list li span{width: 10vw;height: 10vw;line-height: 10vw;font-size: 6vw;margin-right: 1vw;}
.ohalf_list li:last-child span{font-size: 3.8vw;}


.about{padding:36vw 0 24vw;background: url(/images/main/mb/main_bg2.png) no-repeat 50% 100% #f7f7f2;}
.about .about_video{height:43vw;}
.about .box{width: 60vw;border-radius: 3vw;margin: 0 auto 10vw;}
.about .box img{display:block;}
.about .box.on span{transform: translate(9%, 10%);}
.about_con{
    margin-top: 5vw;
}

.about_con .category,.about_con .title,.about_con .text{text-align:center !important}


.noti .gall_list2 li h6{padding:0 20px;}
.noti .gall_list2 li p{padding:0 20px;}

 
.gall_list3 li{width:57vw; margin:0 3.5vw} 
}