@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}

/* ==================== 비주얼 */
.fs_main_visual {position:relative;display:block;width:100%;height:100%;}
.fs_main_visual .slides01 {width:100%;height:100vh;}
.fs_main_visual .slides01 .swiper-slide {position:relative;}
.fs_main_visual .slides01 .swiper-slide .bg {position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url("./../images/main/mvis01.jpg") no-repeat center;background-size:cover;z-index:-1;}
.fs_main_visual .slides01 .swiper-slide:nth-child(2) .bg {background:url("./../images/main/mvis02.jpg") no-repeat center;background-size:cover;}
.fs_main_visual .slides01 .swiper-slide .main_visual_text {display:block;text-align: center;position:relative;top:47%;transform:translateY(-45%);padding-top:80px;}
.fs_main_visual .slides01 .swiper-slide .main_visual_text img {max-width:100%;}
.fs_main_visual .slides01 .swiper-slide .main_visual_text p {display:none;font-size:6em;color:#fff;font-weight:bold;transition:all .4s;-webkit-transition:all .4s;}
.fs_main_visual .slides01 .swiper-slide .main_visual_text p em {display:block;line-height:1em;}

/* 컨트롤 */
.mvis_slide .ctrlbox {position:absolute;top:27%;left:0;right:0;max-width:864px;margin:auto;padding-top:40px;}
.mvis_slide .ctrlbox .ctrl {display:flex;flex-wrap:wrap;justify-content:right;width:100%;}
.mvis_slide .ctrlbox .ctrl > div {padding:0 15px;}
.mvis_slide .ctrlbox .ctrl .swiper-button {position:relative;display:block;width:23px;height:23px;color:#fff;opacity:.5;transition:all .4s;-webkit-transition:all .4s;z-index: 11;cursor:pointer;}
.mvis_slide .ctrlbox .ctrl .swiper-button:hover {opacity:1;}
.mvis_slide .ctrlbox .ctrl .swiper-button:after {content:'';position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background:url("./../images/layout/ico_arrow.png") no-repeat center;width:100%;height:100%;background-size:contain;}
.mvis_slide .ctrlbox .ctrl .swiper-button-prev,
.mvis_slide .ctrlbox .ctrl .swiper-button-next {left:unset;right:unset;top:unset;bottom:unset;margin:0;}
.mvis_slide .ctrlbox .ctrl .swiper-button-next:after {transform:rotate(180deg);}
.mvis_slide .ctrlbox .ctrl .swiper-pagination {position:unset;line-height:23px;width:auto;padding-right:0;color:rgba(255,255,255,.5);font-size:20px;}
.mvis_slide .ctrlbox .ctrl .swiper-pagination .swiper-pagination-current {color:rgba(255,255,255,1);font-weight:bold;}
.mvis_slide .ctrlbox .ctrl .btn_pause {display:inline-block;width:23px;height:23px;background:url("./../images/main/ctrl_stop.png") no-repeat center;z-index: 10;cursor:pointer;}
.mvis_slide .ctrlbox .ctrl .btn_pause.on {background:url("./../images/main/ctrl_play.png") no-repeat center;}
	@media only screen and (max-width:1870px){
		.mvis_slide .ctrlbox {top:24%;}
	}
	@media only screen and (max-width:1023px){
		.fs_main_visual .slides01 .swiper-slide .main_visual_text {padding:0 30px;}
		.fs_main_visual .slides01 .swiper-slide .main_visual_text img {max-width:767px;width:100%;}

		.mvis_slide .ctrlbox {top:unset;bottom:5%;margin:auto;}
		.mvis_slide .ctrlbox .ctrl {justify-content: center;}
	}
	@media only screen and (max-width:767px){
		.fs_main_visual .slides01 .swiper-slide .main_visual_text img {display:none;}
		.fs_main_visual .slides01 .swiper-slide .main_visual_text p {display:block;font-size:4.5em;}
	}
	@media only screen and (max-width:560px){
		.fs_main_visual .slides01 .swiper-slide .main_visual_text {padding:0 5px;}
		.fs_main_visual .slides01 .swiper-slide .main_visual_text p {font-size:2.7em;}
	}


/* ==================== 공통 */
.main_box {padding:100px 0 0;overflow:hidden;}
.main_box h4.title {margin-bottom:50px;text-align:center;}

	@media only screen and (max-width:767px) {
		.main_box {padding:80px 0 0;}
		.main_box h4.title {margin-bottom:35px;font-size:48px;}
	}
/* ==================== 메인 컨텐츠 */

/* Business */
.mbox01 .tab_wrp {display:flex;position:relative;padding:20px;}
.mbox01 .tab_wrp .tabs {position:relative;width:33%;height:auto;padding:40px 0;}
.mbox01 .tab_wrp .tabs:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#e2e2e2;z-index: -1;}
.mbox01 .tab_wrp .tabs li {position:relative;padding-left:30px;}
.mbox01 .tab_wrp .tabs li + li {margin-top:10px;}
.mbox01 .tab_wrp .tabs li a {position:relative;display:block;padding:25px 0;color:#000;font-size:20px;font-weight:500;z-index: 1;transition:all .1s;-webkit-transition:all .1s;}
.mbox01 .tab_wrp .tabs li.active:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to right, #093549, #179eb8);z-index:-1;}
.mbox01 .tab_wrp .tabs li.active a {position:relative;color:#fff;font-style:italic;}
.mbox01 .tab_wrp .tabs li.active a:before {content:'';position:absolute;left:-62px;top:0;bottom:0;margin:auto;width:auto;height:100%;aspect-ratio: 1/1;background:linear-gradient(to right, #093549,#0a3e53);border-radius:50%;z-index: -2;}
.mbox01 .tab_wrp .tab_container {position:absolute;right:0;top:40px;width:70%;height:460px;border:1px solid #179eb8;background:url("./../images/main/mcon1_bg.png") no-repeat right top #fff;background-size:contain;}
.mbox01 .tab_wrp .tab_container .tab_cont {position:relative;padding:70px;}
.mbox01 .tab_wrp .tab_container .tab_cont:after {content:'';position:absolute;right:-90px;bottom:-80px;background:url("./../images/main/mcon1_icon01.png") no-repeat center;width:330px;height:auto;aspect-ratio:1/1;background-size:contain;}
.mbox01 .tab_wrp .tab_container #mcont1.tab_cont:after {background:url("./../images/main/mcon1_icon01.png") no-repeat center;background-size:contain;}
.mbox01 .tab_wrp .tab_container #mcont2.tab_cont:after {background:url("./../images/main/mcon1_icon02.png") no-repeat center;background-size:contain;}
.mbox01 .tab_wrp .tab_container #mcont3.tab_cont:after {background:url("./../images/main/mcon1_icon03.png") no-repeat center;background-size:contain;}
.mbox01 .tab_wrp .tab_container #mcont4.tab_cont:after {background:url("./../images/main/mcon1_icon04.png") no-repeat center;background-size:contain;}
.mbox01 .tab_wrp .tab_container #mcont5.tab_cont:after {background:url("./../images/main/mcon1_icon05.png") no-repeat center;background-size:contain;}
.mbox01 .tab_wrp .tab_container .tab_cont .cont_tit {position:relative;display:block;padding-bottom:25px;margin-bottom:25px;font-size:35px;font-weight:600;}
.mbox01 .tab_wrp .tab_container .tab_cont .cont_tit:after {content:'';position:absolute;left:0;bottom:0;width:30px;height:1px;background:#179eb8;}
.mbox01 .tab_wrp .tab_container .tab_cont p {color:#999;max-width:520px;line-height:1.7em;font-size:17px;}
.btn_more {position:relative;display:inline-block;width:200px;text-align:left;margin-top:60px;padding:0 35px;font-size:16px;line-height:50px;border-radius:50px;border:1px solid #179eb8;overflow:hidden;z-index: 5}
.btn_more span {display:block;color:#179eb8;z-index:4;position:relative;line-height: 50px;}
.btn_more em {display:inline-block;position:absolute;right:0;top:0;bottom:0;margin:auto;color:#fff;line-height:15px;background:#179eb8;border-radius:50px;width:19px;height:19px;text-align:center;}
.btn_more:hover em:after {transform:rotate(180deg);transition:all .3s;-webkit-transition:all .3s;}
.btn_more:after {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;width:0;height:100%;background:#179eb8;z-index:0;transition:all .4s;-webkit-transition:all .4s;}
.btn_more:hover span {color:#fff;}
.btn_more:hover:after {width:100%;}
	@media only screen and (max-width:1499px){
		.mbox01 .tab_wrp .tab_container {height:auto;}
		.mbox01 .tab_wrp .tab_container .tab_cont:after {width:240px;right:0;bottom:0;}
	}
	@media only screen and (max-width:1023px){
		.mbox01 .tab_wrp {display:block;padding:0;}
		.mbox01 .tab_wrp .tabs {display:flex;flex-wrap:wrap;width:auto;padding:0;}
		.mbox01 .tab_wrp .tabs li {width:33%;text-align:center;padding-left:0;}
		.mbox01 .tab_wrp .tabs li:after {content:'';position:absolute;right:0;top:0;bottom:0;margin:auto;width:1px;height:50%;background:rgba(0,0,0,.1)}
		.mbox01 .tab_wrp .tabs li:nth-child(odd):after {display:none;}
		.mbox01 .tab_wrp .tabs li + li {margin-top:1px;}
		.mbox01 .tab_wrp .tabs li a {font-size:16px;padding:17px 0;}
		.mbox01 .tab_wrp .tabs li.active a:before {display:none;}
		.main_box .tab_wrp .tab_container {position:unset;margin-top:20px;width:100%;min-height:unset;height:auto;}
		.main_box .tab_wrp .tab_container .tab_cont {padding:40px 30px;}
		.mbox01 .tab_wrp .tab_container .tab_cont:after {width:200px;}
	}
	@media only screen and (max-width:767px){
		.mbox01 .tab_wrp .tabs li {position:relative;width:50%;}
		.mbox01 .tab_wrp .tabs li:nth-child(odd):after {display:block;}
		.mbox01 .tab_wrp .tabs li:nth-child(2n):after {display:none;}
		.mbox01 .tab_wrp .tabs li.active:after {display:none;}
		.mbox01 .tab_wrp .tabs li a {padding:15px 0;}
		.mbox01 .tab_wrp .tab_container .tab_cont:after {width:160px;}
		.mbox01 .tab_wrp .tab_container .tab_cont .cont_tit {font-size:28px;margin-bottom:20px;padding-bottom:20px;}

		.btn_more {width:auto;line-height:40px;}
		.btn_more span {display:inline-block;padding-right:40px;}
	}
	@media only screen and (max-width:560px){
		.mbox01 .tab_wrp .tabs li {width:100%;}
		.mbox01 .tab_wrp .tabs li:after {display:none;}

		.mbox01 .tab_wrp .tab_container .tab_cont:after {width:120px;}
	}
/* Contact Us*/
.mbox02 {margin-top:100px;padding:100px 0;background:url("./../images/main/mcon2_bg.png") no-repeat center;background-size:cover;}
.mbox02 .title {color:#fff;}
.mbox02 .tab_wrp2 .flexbox {display:flex;width:100%;}
.mbox02 .tab_wrp2 .flexbox > div:first-child {width:30%;}
.mbox02 .tab_wrp2 .flexbox .icon_tit {display:flex;align-items:center;margin:40px 0 30px;color:#fff;font-weight:bold;font-size:24px;}
.mbox02 .tab_wrp2 .flexbox .icon_tit span {display:inline-block;margin-left:15px;}
.mbox02 .tab_wrp2 .flexbox .tabs li {display:block;max-width:280px;transition:all .4s;-webkit-transition:all .4s;}
.mbox02 .tab_wrp2 .flexbox .tabs li + li {margin-top:10px;}
.mbox02 .tab_wrp2 .flexbox .tabs li a {position:relative;display:block;padding:0 30px;color:#179eb8;line-height:50px;font-weight:600;border-radius:50px;background:#fff;}
.mbox02 .tab_wrp2 .flexbox .tabs li a:after {
	content:'';position:absolute;top:0;bottom:0;right:30px;margin:auto;background:url("./../images/main/mcon2_arrow.png") no-repeat center;width:22px;height:21px;
	filter:brightness(0) saturate(100%) invert(96%) sepia(98%) saturate(4907%) hue-rotate(175deg) brightness(96%) contrast(90%);transition:all .1s;-webkit-transition:all .1s;}
.mbox02 .tab_wrp2 .flexbox .tabs li:hover a:after {animation: arrow 1s ease;animation-iteration-count: 2;}
.mbox02 .tab_wrp2 .flexbox .tabs li a span {line-height:inherit;}
.mbox02 .tab_wrp2 .flexbox .tabs li.active {width:100%;max-width:unset;}
.mbox02 .tab_wrp2 .flexbox .tabs li.active a {border-radius:50px 0 0 50px;background:#179eb8;color:#fff;}
.mbox02 .tab_wrp2 .flexbox .tabs li.active a:after {filter:unset;}
.mbox02 .tab_wrp2 .flexbox .tab_container {width:70%;}
.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont {position:relative;}
.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont .mapbox {height:400px;border-radius:20px;border:5px solid #179eb8;overflow:hidden;}
.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont .mapbox iframe {width:100%;height:100%;}
.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont .inquiry_btn {position:absolute;right:0;bottom:0;background:#179eb8;color:#fff;padding:30px 40px;border-radius:20px;font-size:20px;font-weight:bold;}
.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont .inquiry_btn span {position:relative;display:inline-block;padding-left:62px;}
.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont .inquiry_btn span:before {content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;background:url("./../images/main/mcon2_i_inquiry.png") no-repeat center left;width:42px;height:37px;}
.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont .inquiry_btn:hover span {text-decoration: underline;}
.mbox02 .tab_wrp2 .contact_list {margin-top:60px;display:flex;justify-content:center;}
.mbox02 .tab_wrp2 .contact_list > li {position:relative;display:flex;align-items: center;justify-content:center;padding:40px 10px;width:33%;}
.mbox02 .tab_wrp2 .contact_list > li + li {border-left:1px solid rgba(255,255,255,.2);}
.mbox02 .tab_wrp2 .contact_list > li .contact_info {padding-left:30px;color:#fff;}
.mbox02 .tab_wrp2 .contact_list > li .contact_info span {display:block;margin-bottom:5px;font-size:20px;font-weight:500;}
.mbox02 .tab_wrp2 .contact_list > li .contact_info p {font-weight:300;}
@keyframes arrow {
	0% {transform:translateX(0px);}
	50% {transform:translateX(5px);}
}

	@media only screen and (max-width:1023px){
		.mbox02 .tab_wrp2 .flexbox {flex-direction: column;}
		.mbox02 .tab_wrp2 .flexbox > div:first-child {width:100%;}
		.mbox02 .tab_wrp2 .flexbox .icon_tit {justify-content: center;margin:10px 0 20px;}
		.mbox02 .tab_wrp2 .flexbox .tabs {width:100%;display:flex;align-items: center;justify-content:center;}
		.mbox02 .tab_wrp2 .flexbox .tabs > li,
		.mbox02 .tab_wrp2 .flexbox .tabs > li.active {width:33%;padding:0 10px;max-width:unset;}
		.mbox02 .tab_wrp2 .flexbox .tabs > li + li {margin-top:0;}
		.mbox02 .tab_wrp2 .flexbox .tabs > li a,
		.mbox02 .tab_wrp2 .flexbox .tabs > li.active a {border-radius:50px;}
		.mbox02 .tab_wrp2 .flexbox .tab_container {margin-top:20px;width:100%;}

		.mbox02 .tab_wrp2 .contact_list > li {flex-direction: column;text-align:left;align-items: flex-start;padding:0 20px;}
		.mbox02 .tab_wrp2 .contact_list > li + li {border:none;}
		.mbox02 .tab_wrp2 .contact_list > li img {max-width:100%;height:40px;margin-bottom:10px;}
		.mbox02 .tab_wrp2 .contact_list > li .contact_info {padding-left:0}
	}
	@media only screen and (max-width:767px){
		.mbox02 {margin-top:60px;padding:80px 0;}
		.mbox02 .tab_wrp2 .flexbox .tabs {flex-wrap:wrap;}
		.mbox02 .tab_wrp2 .flexbox .tabs > li {padding:0 3px !important;text-align: center;}
		.mbox02 .tab_wrp2 .flexbox .tabs li a {padding:0 15px;}
		.mbox02 .tab_wrp2 .flexbox .tabs li a:after {display: none;}
		.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont {text-align:center;}
		.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont .inquiry_btn {position:unset;display:inline-block;margin:10px auto 0;padding:30px 35px;}
		.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont .mapbox {height:340px;}

		.mbox02 .tab_wrp2 .contact_list {margin-top:40px;flex-wrap:wrap;border-top:2px solid #fff;border-bottom:1px solid rgba(255,255,255,.3);}
		.mbox02 .tab_wrp2 .contact_list > li {padding:12px 10px;flex:100%;}
		.mbox02 .tab_wrp2 .contact_list > li + li {border-top:1px solid rgba(255,255,255,.3)}
		.mbox02 .tab_wrp2 .contact_list > li img {display:none;}
		.mbox02 .tab_wrp2 .contact_list > li .contact_info span {font-size:18px;}

	}
	@media only screen and (max-width:560px){
		.mbox02 .tab_wrp2 .flexbox .tabs > li,
		.mbox02 .tab_wrp2 .flexbox .tabs > li.active {width:100%;}
		.mbox02 .tab_wrp2 .flexbox .tabs > li + li {margin-top:5px;}
		.mbox02 .tab_wrp2 .flexbox .tabs > li a,
		.mbox02 .tab_wrp2 .flexbox .tabs > li.active a {border-radius:10px;padding:15px 10px;line-height:normal;}

		.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont .inquiry_btn {width:100%;padding:25px 35px;}
		.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont .inquiry_btn span {padding-left:42px;}
		.mbox02 .tab_wrp2 .flexbox .tab_container .tab_cont .inquiry_btn span:before {background-size: contain;height:26px;}
	}