[data-aos^=underline][data-aos^=underline].aos-animate::after {width:100%; transform: scaleX(1);}
 

.wrap{position:relative; min-height:100vh}
.inbox{margin:0 auto;}
.intro{}




.header{
    position: relative;
    z-index: 10;
}
.header .inbox{position:relative;z-index: 10;border-bottom: 1px solid #141414;}
.header .gnb li {position:relative;}
.header .gnb li a{font-weight: 500;}

.menu-button{position:absolute;top:50%;right:0;transform: translateY(-50%);z-index: 11;}
.menu-button div{display:block; width:100%; background-color:#141414;}

.menu-button div:nth-child(1){transform-origin: 0 0}
.menu-button div:nth-child(2){margin:1vw 0;}
.menu-button div:nth-child(3){transform-origin: 0 100%}


.cross .bar{width: 90%;}
.cross .bar:nth-of-type(3) {
  -webkit-transform:   rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cross .bar:nth-of-type(2) {
  opacity: 0;
}

.cross .bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* transform: rotate(44deg); */
}

.m_bg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); display:none;}








.footer{}
.footer .inbox{border-top:1px solid #141414}
.footer p{font-weight: 400;font-size:0}
.footer span{display:inline-block; line-height: 1.7em;}


.sub_wrap .inbox{padding:0 30px;}


 
.intro_text{}
 
.intro_text li:nth-child(1) h3::after{transition-delay: 0.5s !important;}
.intro_text li:nth-child(2) h3::after{transition-delay: 0.8s !important;}
.intro_text li:nth-child(3) h3::after{transition-delay: 1.1s !important;}
.intro_text li:nth-child(4) h3::after{transition-delay: 1.4s !important;}
.intro_text li:nth-child(5) h3::after{transition-delay: 1.7s !important;}
.intro_text li:nth-child(6) h3::after{transition-delay: 2s !important;}

 
.intro_text h3,.intro_text span{display:inline-block; vertical-align:bottom}
.intro_text h3 {position:relative;z-index: 1; font-weight:500}
.intro_text h3::after{position:absolute;left:0;bottom:0;content:'';width:100%;background-color:#dfdfdf;z-index: -1;transform: scaleX(0); transform-origin:0 50%; transition-duration: 0.6s !important}
.intro_text h3 em{font-weight: bold;}

.intro_text li span{font-weight: 500;word-break: keep-all;}
.intro_text li p{font-weight: 400;line-height: 1.4em;}

.intro_text>p{font-weight: 500;}
.intro_text>p span{border-bottom:1px solid #141414}

.intro_img img{width:100%}


.map{overflow:hidden; border-radius:5px}
.map_btn{text-align:center; font-size:0;}
.map_btn a{position:relative; display:inline-block; border:1px solid #141414; text-align:center; font-weight:500; text-align:left;}
.map_btn a:hover{background-color:#141414; color:#fff;}
.map_btn a:hover i{color:#fff;}
.map_btn a i{position:absolute;top:50%;transform: translateY(-50%);}


.map_info h5{font-weight:300;}
.map_info p{font-weight: bold;}
.map_info button{display:inline-block; vertical-align:middle; color:#fff; text-align:center; background-color:#aeaeae; border-radius:5px; font-weight:500}



.text{font-weight:500;}

 
@media (min-width: 1300px) {
 .wrap{background:url(/images/pc/bg.png) repeat 50%;}

.header .inbox{padding: 4vh 0;}
.header h1{width:197px;}

.header .gnb{position:absolute;right: 0;top: 50%;transform: translateY(-50%);}
.header .gnb li{float:left; margin-right:3vw}
.header .gnb li::after{position:absolute;left:0;content:'';width:100%;height:2px;bottom: -4px;transform: scaleX(0);transform-origin:  50%;transition: all 0.3s;background: #141414;}
.header .gnb li:hover::after{transform: scaleX(1);}
.header .gnb li:last-child{margin-right:0}
.header .gnb li a{font-size: 16px;}

.footer .inbox{padding: 1.5vw 0;}
.footer span{font-size: 14px;margin-right:20px;}

.inbox{width: 80vw;max-width: 1460px;}
.sub_wrap{padding: 13vh 0;}

.indigo .inbox>div{float:left;}
.intro_text{width: 54%;}
.intro_text li{margin-bottom: 2vh;}
.intro_text h3{width: 100px;margin-right:15px;font-size: 15px;}
.intro_text h3 em{font-size: 23px;margin-right:3px}
.intro_text h3::after{ height:16px;}
.intro_text li span{font-size: 15px;}
.intro_text li p{margin-top: 1vh;font-size: 14px;}

.intro_text>p{font-size: 16px;} 

.intro_img{width: 46%;max-width: 759px;}




.map{height: 35vh;}
.map_btn{margin: 2vh 0 3vh;}
.map_btn a{width: 160px;height: 50px;line-height: 47px;font-size: 15px;border-radius:25px;padding: 0 20px;margin:0 5px;}
.map_btn a i{right: 20px;}

	.map_info ul{border-left:1px solid #141414;}
 
.map_info li{float:left; width:25%; padding:0 30px; border-right:1px solid #141414;} 
.map_info li:last-child{border-right:0;}
.map_info li.info1{width:50%;}
.map_info h5{margin-bottom:20px;font-size: 16px;}
.map_info p{font-size: 18px;}
.map_info button{width:90px; font-size:16px; height:30px; line-height:30px; margin-left:15px}


.text{font-size:16px; line-height:1.5em;}

.menu-button{display:none;}

.footer p{ display: flex; justify-content: space-between;}
.footer p span{margin-right:0 !important;}
}
@media (min-width: 1300px) and (max-width: 1600px){
	.inbox{width: 90vw;}
 
	
}
@media (min-width:750px){

}
@media (min-width: 750px) and (max-width: 1299px){
 .wrap{background:url(/images/tab/bg.png) repeat 50%;}

.header .inbox{padding: 3.5vh 0;}
.header h1{width: 29vw;}

.header .gnb{position: fixed;right:-100%;top: 0;width: 50vw;height: 100vh;padding-top: 13.4vw;background: url(/images/tab/logo_bk.png) 4vw 4.5vw no-repeat #fff;background-size: 29vw;z-index: 11;}
.header .gnb ul{border-top:2px solid #dfdfdf}
.header .gnb li{
    border-bottom: 1px solid #dfdfdf;
}
 
.header .gnb li a{display: block;font-size: 2.9vw;line-height: 8vw;height: 8vw;padding-left: 4vw;}

.menu-button{width:4vw;}
.menu-button div{height:0.5vw;}
.cross .bar{width:110%}


.footer .inbox{padding: 1.5vw 0;}
.footer span{font-size:1.4vw; margin-right:2vw;}
.footer p{ display: flex; justify-content: space-between;}
.footer p span{margin-right:0 !important;}


.inbox{width: calc(100% - 60px);}
.sub_wrap{padding: 3vh 0;}

.indigo .inbox>div{}

.intro_text{margin-bottom: 3vh;}
.intro_text li{margin-bottom: 1.5vh;}
.intro_text h3{width: 10vw;margin-right: 1vw;font-size: 1.9vw;}
.intro_text h3 em{font-size: 2.8vw;margin-right: 0.3vw;}
.intro_text h3::after{ height:16px;}
.intro_text li span{font-size: 2vw;}
.intro_text li p{margin-top: 0.7vh;font-size: 1.8vw;}

.intro_text>p{font-size: 1.9vw;} 

.intro_img img{width:auto; max-width:100%;}
	 
.map{height:37vh}
.map_btn{margin:2.5vh 0 6vh;}
.map_btn a{width: 20vw;height: 6vw;line-height: 5.8vw;font-size: 1.8vw;border-radius:3.5vw;padding: 0 3vw;margin:0 1vw;}
.map_btn a i{right: 3vw;}
	
.map_info {padding-bottom:6vw}
.map_info li{padding-left:3vw;margin-bottom: 4vw;border-left: 1px solid #141414;}
.map_info li:last-child{margin-bottom:0;}
 
.map_info h5{margin-bottom: 1vh;font-size: 1.8vw;}
.map_info p{font-size: 2vw;}
.map_info button{width: 12vw;font-size: 1.8vw;height: 4vw;margin-left:3vw;}


.text{font-size:2.5vw; line-height:1.5em;}
}
@media (max-width:1299px){
img{ width:100%; }	

.menu-button{display:block;}
	
}
@media (max-width:750px){
	 
 .wrap{background:url(/images/tab/bg.png) repeat 50%;overflow-x: hidden;}

.header .inbox{padding: 2.2vh 0;}
.header h1{width: 48.8vw;}

.header .gnb{position: fixed;right: -100%;top: 0;width: 69vw;height: 100vh;padding-top: 15vw;background: url(/images/m/logo_bk.png) 4vw 5.55vw no-repeat #fff;background-size: 35vw;z-index: 11;}
.header .gnb ul{border-top:2px solid #dfdfdf}
.header .gnb li{
    border-bottom: 1px solid #dfdfdf;
}
 
.header .gnb li a{display: block;font-size: 5vw;line-height: 15vw;height: 15vw;padding-left: 5vw;}

.menu-button{width:5vw;}
.menu-button div{height:0.5vw;}




.footer .inbox{padding:1.5vw 0; }
.footer span{font-size:2.4vw; margin-right:3vw;}

.inbox{width: 92vw;}
.sub_wrap{padding: 5vh 0;}
.sub_wrap .inbox{padding:0 15px;}
.indigo .inbox>div{}

.intro_text{margin-bottom:3vh;}
.intro_text li{position: relative;margin-bottom:1.8vh;padding-left: 20vw;}
.intro_text h3{position: absolute;top: -1vw;left: 0;width: 18vw;font-size: 3.5vw;}
.intro_text h3 em{font-size: 5vw;margin-right: 0.5vw;}
.intro_text h3::after{ height:16px;}
.intro_text li span{font-size: 3vw;line-height: 1.3em;}
.intro_text li p{margin-top: 0.9vh;font-size: 2.5vw;margin-left: -20vw;}

.intro_text>p{font-size: 3.5vw;} 



	 
.map{height: 37vh;}
.map_btn{margin:2.2vh 0 4vh;}
.map_btn a{width:30vw;height:10vw;line-height: 9.5vw;font-size:3vw;border-radius:5vw;padding:0 4vw;margin:0 1vw;}
.map_btn a i{right:4vw;}
	
.map_info {padding-bottom: 3vh;}
.map_info li{padding-left:3vw;margin-bottom: 5vw;border-left: 1px solid #141414;}
.map_info li:last-child{margin-bottom:0;}
 
.map_info h5{margin-bottom:1.3vh; font-size:3vw;}
.map_info p{font-size: 3.5vw;}
.map_info button{display:block; margin-top:3vw; width:15vw;font-size:2.5vw;height:5vw; }



.text{font-size:3.5vw; line-height:1.5em;}
}