@charset "utf-8";

.port_in{padding: 190px 0 80px;}
.port_in .txt{width: 1000px; margin: 0 auto 20px; display: flex; justify-content: space-between;}
.port_in .txt h4{color: #222; font-size: 1.4rem; font-weight: 500;}
.port_in .txt h3{color: #7a5f3d; font-size: 2rem; margin-top: 5px;}
.port_in .txt .rt{text-align: right;}
.port_in .txt p{color: #666; font-size: 1.4rem; font-weight: 500;}
.port_in .txt span{color: #999; font-size: 1.4rem; margin-top: 10px; display: inline-block;}
.portSwiper {width: 100%;}
.portSwiper .swiper-slide {width: 1000px;height: auto;overflow: hidden;}
.portSwiper .swiper-wrapper {display: flex;}
.portSwiper .swiper-slide img {width: 100%;display: block;}
.portSwiper .swiper-pagination {display: flex;justify-content: center;gap: 10px;margin-top: 30px;}
.portSwiper .swiper-pagination-wrap {display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 50px;}
.portSwiper .swiper-current, .swiper-total {font-size: 14px;color: #333;font-weight: bold;width: 10px; text-align: center;}
.portSwiper .swiper-pagination-wrap {display: flex; gap: 60px; justify-content: center;align-items: end; font-size: 1.6rem; height: 30px; line-height: 2.5rem;}
.portSwiper .swiper-pagination-wrap .swiper-current{color: #7a5f3d;}
.portSwiper .swiper-pagination-wrap .swiper-total{color: #999999;}
.portSwiper .swiper-pagination {display: flex; gap: 8px; align-items: end; position: relative; width: auto !important;}
.portSwiper .swiper-pagination-bullet {width: 3px;height: 10px;background-color: #aaa; border-radius: 0; transition: 0.3s;}
.portSwiper .swiper-pagination-bullet-active {height: 30px;background-color: #7a5f3d;}

@media screen and (max-width:1280px){
    .port_in{padding: 140px 0 70px;}
    .port_in .txt{width: 80%;}
    .portSwiper .swiper-slide {width: 80%;}
}
@media screen and (max-width:580px){
    .port_in .txt h4{color: #222; font-size: 1.3rem;}
    .port_in .txt h3{font-size: 1.8rem;}
    .port_in .txt p{color: #666; font-size: 1.2rem;}
    .port_in .txt span{color: #999; font-size: 1.2rem; margin-top: 5px;}
    .portSwiper .swiper-pagination-wrap {gap: 20px; height: 20px; margin-top: 40px;}
    .portSwiper .swiper-pagination {gap: 5px;}
    .portSwiper .swiper-pagination-bullet{height: 8px;}
    .portSwiper .swiper-pagination-bullet-active {height: 20px;}
    .portSwiper .swiper-current, .swiper-total {font-size: 1.3rem;}
}
@media screen and (max-width:430px){
    .port_in .txt h4{color: #222; font-size: 1.3rem;}
    .port_in .txt h3{font-size: 1.6rem;}
    .portSwiper .swiper-pagination-wrap {gap: 15px;}
    .portSwiper .swiper-pagination {gap: 3px;}
}

#location { margin-top: 100px;}
#location  .root_daum_roughmap .wrap_map { height: 500px !important; }
#location  .root_daum_roughmap .wrap_controllers  {display:none}


#location-2 {margin-top:30px}
#location-2 .tit {width:100px; font-size:1.8rem; color:#222; font-weight:700}

#location-2 .add {padding:30px; ;border-bottom:1px solid #e9e9e9; display:flex;    }
#location-2 .add .li-f {width:calc(100% - 100px); display:flex; justify-content:space-between;  align-items: end;}
#location-2 .add dl dt {font-size:2.3rem; color:#7a5f3d; line-height:1.6em; font-weight:600}
#location-2 .add dl dd.eng,
#location-2 .add .li-f .num {font-family:'Montserrat'; font-weight:500; font-size: 1.6rem;}
#location-2 .add .li-f .num span {padding-right:10px;}

#location-2 .sub dl dd {line-height:1.8em; font-size: 1.6rem;}
#location-2 .sub,
#location-2 .bus {padding:30px; border-bottom:1px solid #e9e9e9; display:flex; }

#location-2 .bus .bus-dl {margin-bottom:20px;  display:flex; font-size: 1.6rem;}
#location-2 .bus .bus-dl dt {width:215px}
#location-2 .bus .bus-dl dd {width:calc(100% - 215px);  }
#location-2 .bus .bus-dl dd p {padding-bottom:5px}
#location-2 .bus .bus-dl dd span {margin-right:5px; padding:2px 8px; display:inline-block; background:#222; color:#FFF; font-size:1.3rem }
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{display: none;}
#daumRoughmapContainer1744259252920 img[src*="marker_bus"] {display: none !important;}


@media all and (max-width:1080px){
	#location-2 .add .li-f {flex-wrap:wrap}
	#location-2 .add dl {width:100%}
	#location-2 .add .li-f .num {padding-top:15px; width:100%}
}
@media all and (max-width:640px){
	#location .root_daum_roughmap .wrap_map { height: 430px !important; }
	#location-2 .add {padding:20px 10px; }
	#location-2 .tit {width:60px; }
	#location-2 .add .li-f {width:calc(100% - 60px);}
	#location-2 .sub,
	#location-2 .bus {padding:20px 10px; }
    #location-2 .bus .bus-dl {flex-wrap:wrap }
    #location-2 .bus .bus-dl dt {width:100%; margin-bottom:5px }
    #location-2 .bus .bus-dl dd {width:100%;  }
}
@media all and (max-width:480px){
	#location .root_daum_roughmap .wrap_map { height: 80vw !important; }

	#location-2 .add .li-f .num .sp1 {display:block}
}



.memberWrap {padding:30px; border:15px solid #e4dfd8 ;font-family: 'suit';}
.memberWrap h4 { margin:2em 0 1em; font-size:2.4rem; font-weight:700; color:#000; }
.memberWrap h5 { margin:2em 0 1em; font-size:1.9rem; font-weight:600; color:#000}
.memberWrap p {font-size:1.7rem; line-height:1.4em}

@media all and (max-width:767px){	
	.memberWrap {padding:30px; border-width:10px }
}
@media all and (max-width:480px){	
	.memberWrap {padding:20px; border-width:7px }
	.memberWrap h4 { margin:2em 0 1em; font-size:2.2rem;}
	.memberWrap h5 { margin:2em 0 1em; font-size:1.8rem}
	.memberWrap p {font-size:1.6rem;}
}



.loca{display: flex; margin-top: 100px; justify-content: space-between; align-items: center;}
.loca .lt{width: 48%;}
.loca .lt h3{font-size: 3rem; color: #7a5f3d; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;font-family: 'Montserrat';}
.loca .lt p{font-size: 2rem; color: #222;font-weight: 700; line-height: 3rem;}
.loca .lt ul{margin-top: 50px;}
.loca .lt ul li{font-size: 1.6rem; color: #222;opacity: 0.8;}
.loca .lt ul li span{font-weight: bold; margin-right: 20px; width: 80px; display: inline-block;font-family: 'Montserrat'; color: #7a5f3d;}
.loca .lt ul li+ li{margin-top: 15px;}
.loca .lt .link{margin-top: 50px; font-size: 1.6rem;}
.loca .lt .link a{display: inline-block; padding:10px 30px; border: 2px solid #7a5f3d; border-radius: 100px; margin-right: 10px; font-weight: bold; color: #7a5f3d; transition: 0.3s;}
.loca .lt .link a:hover{background: #7a5f3d; color: #fff; transition: 0.3s;}
.loca .rt{width: 48%;}

@media all and (max-width:880px){
    .loca{flex-wrap: wrap; margin-top: 70px;}
    .loca .lt{width: 100%;}
    .loca .rt{width: 100%; margin-top: 50px;}
}
@media all and (max-width:480px){
    .loca{margin-top: 50px;}
    .loca .lt h3{font-size: 2.6rem; padding-bottom: 15px; margin-bottom: 15px;}
    .loca .lt p{font-size: 1.8rem; line-height: 2.8rem;}
    .loca .lt ul{margin-top: 20px;}
    .loca .lt ul li{font-size: 1.5rem;}
    .loca .lt ul li + li{margin-top: 10px;}
    .loca .lt ul li span{margin-right: 10px; width: 70px;}
    .loca .lt .link{margin-top: 30px; font-size: 1.5rem;}
    .loca .lt .link a{padding:7px 20px; border: 1px solid #7a5f3d; margin-right: 5px;}
    .loca .rt{margin-top: 30px;}
}


.intro1{text-align: center; margin-top: 150px;}
.intro1 .top{width: 100%; margin-bottom: 20px;}
.intro1 .top img{width: 150px;}
.intro1 .mid{width: 100%; color: #333; padding: 50px 0;}
.intro1 .mid h3{font-size:3.5rem; line-height: 5rem;}
.intro1 .mid h3 span{position: relative;}
.intro1 .mid h3 span:after{position: absolute; content: ''; width: 102%; height: 50%; top: 50%; left: 50%; transform: translateX(-50%); background: #7a5f3d; opacity: 0.2;z-index: -1;}
.intro1 .mid p{margin-top: 20px; font-size: 1.8rem; line-height: 2.8rem; opacity: 0.8;}
.intro1 .bot{margin-top: 50px;}
.intro1 .bot img{width: 100%;}
br.br880{display: none;}
@media all and (max-width:880px){
    .intro1{margin-top: 100px;}
    .intro1 .top{margin-bottom: 0;}
    .intro1 .top img{width: 100px;}
    .intro1 .mid h3{font-size:3rem; line-height: 4.5rem;}
    .intro1 .bot{margin-top: 20px;}
    br.br880{display: block;}
}
@media all and (max-width:680px){
    .intro1{margin-top: 70px;}
    .intro1 .top img{width: 80px;}
    .intro1 .mid{padding: 40px 0;}
    .intro1 .mid h3{font-size:2.5rem; line-height: 4rem;}
    .intro1 .mid p{font-size: 1.6rem; line-height: 2.5rem;}
    .intro1 .bot{margin-top: 0px;}
}
@media all and (max-width:540px){
    .intro1 .mid p br{display: none;}
}

.port2{padding: 190px 0 80px;}
.port2 .top_img{width: 1000px; margin: 0 auto;}
.port2 .top_img img{width: 100%;}
.port2 .info{width: 1000px; margin: 50px auto 100px;}
.port2 .info >h3{font-size: 3rem; font-family: 'Montserrat'; color: #7a5f3d;padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
.port2 .info ul{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px 2%;}
.port2 .info ul li{ width: 49%;padding: 10px;}
.port2 .info ul li h3{font-size: 2rem; color: #333;}
.port2 .info ul li p{font-size: 1.6rem; color: #333; margin-top: 10px;}
.port2 .port_list ul{display: flex; flex-wrap: wrap; gap: 50px;margin-bottom: 50px;}
.port2 .port_list ul li{width: calc(100%/2 - 25px);}
.port2 .port_list ul li img{width: 100%;}

@media all and (max-width:1080px){
    .port2{padding: 160px 0 80px;}
    .port2 .top_img{width: 100%;}
    .port2 .info{width: 100%; margin: 40px auto 80px;}
    .port2 .port_list ul{gap: 20px; margin-bottom: 0;}
    .port2 .port_list ul li{width: calc(100%/2 - 10px);}
}
@media all and (max-width:680px){
    .port2{padding: 120px 0 60px;}
    .port2 .info{margin: 20px auto 50px;}
    .port2 .info >h3{font-size: 2.5rem;}
    .port2 .info ul{gap: 10px 2%;}
    .port2 .info ul li{padding: 5px;}
    .port2 .info ul li h3{font-size: 1.6rem;}
    .port2 .info ul li p{font-size: 1.4rem; margin-top: 5px;}
    .port2 .port_list ul{gap: 10px;}
    .port2 .port_list ul li{width: calc(100%/2 - 5px);}
}
@media all and (max-width:480px){
    .port2 .info{margin: 20px auto 30px;}
    .port2 .info ul li{width: 100%;}
    .port2 .port_list ul li{width: 100%;}
}