@charset "UTF-8";
html, body {height:auto;}
.header-top.mo {padding:0 0px;}
.main_banner {position:relative;}
.lh {line-height:15px !important;margin-bottom:6px;}
.mb .swiper-slide {min-height:100vh;}
.s01 {background:url(../img/main/main_banner_00.jpg) no-repeat center center;background-size:cover;}
.s02 {background:url(../img/main/main_banner_001.jpg) no-repeat center center;background-size:cover;}
.s03 {background:url(../img/main/main_banner_02.jpg) no-repeat center center;background-size:cover;}

.mb .swiper-slide .textWrap {margin-top:252px;}
.mb .swiper-slide .textWrap h2 {font-family:'Metro';font-size:47px;line-height:49px;color:#fff;font-weight:300;letter-spacing: -.5px;transition-duration: .5s;}
.mb .swiper-slide .textWrap h3 {font-family:'Metro';font-size:47px;line-height:49px;color:#fff;font-weight:800;letter-spacing: -.5px;transition-duration: .5s;}
.mb .swiper-slide .textWrap p {font-family:'Noto Sans KR';color:#fff;font-size:18px;line-height:24px;letter-spacing: -0.05em;font-weight:400;margin-top:20px;transition-duration: .5s;}
.mb .swiper-slide .textWrap .greenBtn {width:187px;height:24px;line-height:25px;font-size:17px;color:#6c831b;font-family:'Metro';font-weight:300;text-align: center;border-radius: 20px;background:#05301d;margin-top:16px;}
.mb .swiper-slide .textWrap .greenBtn:hover {color:#fff;}

.swiper-pagination {margin-top:35px;}
.swiper-pagination-bullet {width:42px;height:4px;background:#fff;opacity: .3;border-radius: 0;margin-right:6px;}
.swiper-pagination-bullet-active {width:42px;height:4px;background:#fff;opacity: 1;}

.mb_next, .mb_prev {margin-top:-54px;}
.mb_next {background:url(../img/ico/ico_main_visual_next.png) no-repeat;width:109px;height:109px;right:4%;}
.mb_prev {background:url(../img/ico/ico_main_visual_prev.png) no-repeat;width:109px;height:109px;left:4%;}


.quick {position:fixed;display:block;z-index:2;width:78px;height:144px;background:rgba(255,255,255,0.7);border-radius: 5px;padding:0 5px 0 6px;top:195px;right:calc(4% + 35px);}
.quick ul li {display:block;width:100%;height:72px;}
.quick ul li a {display:block;width:100%;height:100%;;padding-top:48px;color:#253313;font-size:13px;line-height:1;text-align: center;letter-spacing: -0.5px;font-family:'NotoSans';font-weight:800;}
.quick ul li a.mail {background:url(../img/ico/ico_quick_mail.png) no-repeat center top 16px;background-size:auto 24px;}
.quick ul li a.map {background:url(../img/ico/ico_quick_map.png) no-repeat center top 14px;background-size:auto 32px;}
.quick ul li:first-of-type {border-bottom:2px solid #253313;}
.quick ul li:nth-of-type(2) {border-top:1px solid #253313;}


.bookmark ul li {display:inline-block;position:relative;;width:25%;height:auto;float:left;}
.bookmark ul li a {display:block;width:100%;position:relative;background:#121518;}
.bookmark ul li img {width:100%;position:relative;transition: 0.3s;opacity:1;}
.bookmark ul li img:hover {opacity:.8;transition: 0.3s;}
.bookmark ul li span {position:absolute;bottom:12%;left:9%;display:inline-block;color:#fff;font-weight:800;font-size:24px;line-height:1;letter-spacing: -1.2px;word-break: keep-all;}

footer .inner {padding:0 20px;}

@media screen and (min-width:1024px) and (max-width:1920px){ 
	.inner {padding:0 20px;}
}

@media screen and (max-width:1024px) { 
	.bookmark ul li span {font-size:18px;line-height:1.2em;}
	.inner {padding:0 20px;}
}

@media screen and (min-width:360px) and (max-width:767px) { 
	
	.mb .swiper-slide {min-height:480px;}
	.swiper-pagination {margin-top:15px;}
	.swiper-pagination-bullet {width:31px;height:4px;background:#fff;opacity: .3;border-radius: 0;margin-right:6px;}
	.swiper-pagination-bullet-active {width:31px;height:4px;background:#fff;opacity: 1;}
	
	.inner.textWrap {padding:0 50px;}
	.mb .swiper-slide .textWrap {margin-top:162px;}
	.mb .swiper-slide .textWrap h2 {font-family:'Metro';font-size:23px;line-height:24px;color:#fff;font-weight:300;letter-spacing: -.5px;transition-duration: .5s;}
	.mb .swiper-slide .textWrap h3 {font-family:'Metro';font-size:23px;line-height:24px;color:#fff;font-weight:800;letter-spacing: -.5px;transition-duration: .5s;}
	.mb .swiper-slide .textWrap p {font-family:'Noto Sans KR';color:#fff;font-size:14px;line-height:16px;letter-spacing: -0.6px;font-weight:400;margin-top:20px;transition-duration: .5s;}
	.mb .swiper-slide .textWrap .greenBtn {width:187px;height:24px;line-height:25px;font-size:12px;color:#6c831b;font-family:'Metro';font-weight:300;text-align: center;border-radius: 20px;background:#05301d;margin-top:16px;}
	.mb_next, .mb_prev {margin-top:-25px;}
	.mb_next {background:url(../img/ico/ico_main_visual_next.png) no-repeat;background-size:50px auto;width:50px;height:50px;right:0;}
	.mb_prev {background:url(../img/ico/ico_main_visual_prev.png) no-repeat;background-size:50px auto;width:50px;height:50px;left:0;}


	.quick {display:none;}
	
	.bookmark ul li {display:inline-block;position:relative;;width:50%;height:auto;float:left;}
	.bookmark ul li a {display:block;width:100%;position:relative;}
	.bookmark ul li img {width:100%;position:relative;}
	.bookmark ul li span {position:absolute;bottom:12%;left:9%;display:inline-block;color:#fff;font-weight:800;font-size:16px;line-height:1;letter-spacing: -1.2px;word-break: keep-all;}

}