@charset "utf-8";

body:not(.fp-viewing-0) .sec-header {display:none}
body.fp-viewing-0 #top_button {display:none !important;}

	@media screen and (max-width:999px){
		body:not(.fp-viewing-0) .sec-header {display:block;}
	}

.br {display:block;}

	@media screen and (max-width:1399px){
		.br {display:inline;}
	}


.sec-header:before {opacity:0.6;}

.lang_box .btnLang {color:#fff;}
.lang_box .btnLang .icon {content:url('../img/common/langIconW.png');}
.lang_box .btnLang:after {border-top: 10px solid #fff;}

.sec-header.fixed .lang_box .btnLang,
.sec-header.on .lang_box .btnLang {color:#000;}
.sec-header.fixed .lang_box .btnLang .icon,
.sec-header.on .lang_box .btnLang .icon {content:url('../img/common/langIcon.png');}
.sec-header.on .lang_box .btnLang:after {border-top: 10px solid #000;}

.sec-header.fixed .gnb-btn #nav-icon span,
.sec-header.on .gnb-btn #nav-icon span {background:#000;}

.logo{background-image:url('../img/common/logoW.png');}

.sec-header.fixed .logo,
.sec-header.on .logo {background-image:url('../img/common/logo.png');}

@media screen and (max-width:999px){
	.sec-header.hd-down .logo {background-image:url('../img/common/logoW.png') !important;}
}

#nav-icon span {background:#fff;}
#nav-icon.open span{background:#000;}

#gnb > ul > li > a{color:#fff;}
.sec-header.fixed #gnb > ul > li > a {color:#000;}
.sec-header.on #gnb > ul > li > a {color:#000;}



/************************ main Visual ************************/

#mainVisual {position:relative;}
#mainVisual .mainVisualWrap {width:100%; height:100%;}

#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide {position:relative; display: flex; justify-content: center; align-items: center; width:100%; height:100%; }
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .bg {position:absolute; width:100%; height:100%; top:0; left:0; background-size:cover; background-repeat:no-repeat; background-position:center;}
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .bg.main01 {background-image:url('../img/main/main01.jpg');}
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox {position:relative; color:#fff; text-align:center; z-index:2; margin-top:-40px;}
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > .sTit,
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > h1 {font-family: 'S-CoreDream', sans-serif;}
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > .sTit {font-weight:500;}
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > h1 {font-size:60px; font-weight:700; margin-top:30px;}
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > p {font-size:20px; margin-top:30px; word-break:keep-all;}
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > p > b {color:#00ffff;}
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > p > .br {display:block;}
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > .sTit,
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > h1,
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > p { opacity:0;filter:Alpha(opacity=0); -ms-transform:translateY(-100px);  -o-transform:translateY(-100px);  -moz-transform:translateY(-100px); -webkit-transform:translateX(-100px);  transform:translateY(-100px); -webkit-transition:opacity 1.0s, transform 1.0s; -moz-transition:opacity 1.0s, transform 1.0s; -o-transition:opacity 1.0s, transform 1.0s; -ms-transition:opacity 1.0s, transform 1.0s; transition:opacity 1.0s, transform 1.0s; }

#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide.swiper-slide-active > .textBox > .sTit,
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide.swiper-slide-active > .textBox > h1,
#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide.swiper-slide-active > .textBox > p { opacity:1.0;filter:Alpha(opacity=100); -ms-transform:translateY(0px);  -o-transform:translateY(0px);  -moz-transform:translateY(0px); -webkit-transform:translateY(0px);  transform:translateX(0px); }

	@media screen and (max-width:1399px){
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > h1 {font-size:58px;}
	}

	@media screen and (max-width:1199px){
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > .sTit {font-size:14px;}
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > h1 {font-size:54px;}
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > p {font-size:18px;}
	}

	@media screen and (max-width:999px){
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > .sTit {font-size:90%;}
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > h1 {font-size:320%; margin-top:20px;}
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > p {font-size:110%;}
	}

	@media screen and (max-width:799px){
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > h1 {font-size:280%;}
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > p > .br {display:inline;}
	}

	@media screen and (max-width:499px){
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > .sTit {font-size:80%;}
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > h1 {font-size:200%;}
		#mainVisual .mainVisualWrap > .swiper-wrapper > .swiper-slide > .textBox > p {font-size:100%;}
	}


/* notice */
#mainVisual .noticeWrap {position:absolute; left:calc(50% - 800px); bottom:0; width:1600px; height:85px; z-index:2; overflow:hidden; border-top:1px solid #ddd;}

	@media screen and (max-width:1649px){
		#mainVisual .noticeWrap {left:2%; width:96%;}
		#mainVisual .noticeWrap .container {padding:0;}
	}

	@media screen and (max-width:999px){
		#mainVisual .noticeWrap {height:65px;}
	}

	@media screen and (max-width:499px){
		#mainVisual .noticeWrap {height:90px;}
	}


	
/************************ main content - default ************************/

#main .titleBox {}
#main .titleBox .engTit,
#main .titleBox h2 {font-family: 'S-CoreDream', sans-serif; font-weight:500;  margin-bottom:30px; opacity:0;}
#main .titleBox .engTit {font-size:24px; text-transform:uppercase; color:#00ffff;}
#main .titleBox h2 {font-size:30px;}
#main .titleBox p {font-size:18px; margin-top:25px; opacity:0; word-break:keep-all;}
#main .titleBox p:first-child {margin-top:0;}

	@media screen and (max-width:1399px){
		#main .titleBox .engTit {font-size:22px;}
		#main .titleBox h2 {font-size:28px;}
	}

	@media screen and (max-width:1199px){
		#main .titleBox .engTit {font-size:18px;}
		#main .titleBox h2 {font-size:26px;}
		#main .titleBox p {font-size:16px;}
	}

	@media screen and (max-width:999px){
		#main .titleBox .engTit,
		#main .titleBox h2 {margin-bottom:20px;}
		#main .titleBox .engTit {font-size:110%;}
		#main .titleBox h2 {font-size:160%;}
		#main .titleBox p {font-size:100%; margin-top:15px;}
	}

	@media screen and (max-width:799px){
		#main .titleBox h2 {font-size:150%;}
	}

	@media screen and (max-width:499px){
		#main .titleBox .engTit,
		#main .titleBox h2 {margin-bottom:10px;}
		#main .titleBox .engTit {font-size:100%;}
		#main .titleBox h2 {font-size:140%;}
		#main .titleBox p {font-size:90%;}
	}

/* effect */
#main .active .titleBox .engTit {animation:fadeIn 1s forwards; animation-delay:0.2s}



/************************ 제품소개 ************************/

#mainBusiness > .fp-tableCell {display:flex;}
#mainBusiness > .fp-tableCell > .productWrap,
#mainBusiness > .fp-tableCell > .businessWrap {position:relative; display: flex; align-items: center; width:50%; height:100%; overflow-x:hidden !important;}


#mainBusiness > .fp-tableCell > .productWrap {flex-direction: column; justify-content: center;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top,
#mainBusiness > .fp-tableCell > .productWrap > .product-thumbs {width:100%; max-width:460px; overflow:hidden;}

#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide {text-align:center;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title {}
#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title > h2 {font-family: 'S-CoreDream', sans-serif; font-size:30px; font-weight:700; color:#2e3131;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title > p {font-size:20px; font-weight:300; text-transform:uppercase; color:#1f2c61; margin-top:10px;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title > p > b {font-weight:600;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .image {margin:0 auto; margin-top:20px; opacity:0;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .image > img {width:100%; box-shadow:0 3px 6px rgba(0,0,0,0.08);}
#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .text {font-size:18px;margin-top:20px; word-break:keep-all;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .more {display:block; width:84px; margin:0 auto; margin-top:31px; text-transform:uppercase; font-family: 'S-CoreDream', sans-serif; font-size:14px; font-weight:500; color:#2e3131;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .more:after {position:relative; display:block; width:42px; height:12px; background:url('../img/main/moreArrow.png') center no-repeat; content:'';}
#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .more:hover {color:#1c2d62;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .more:hover:after {animation: arrowbounce 1s backwards;}

	@media screen and (max-width:1399px){
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title > h2 {font-size:28px;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title > p {font-size:18px;}

	}

	@media screen and (max-width:1199px){
		#mainBusiness {height:800px !important;}
		#mainBusiness > .fp-tableCell {height:100% !important;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title > h2 {font-size:26px;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title > p {font-size:16px;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .text {font-size:16px;}
	}

	@media screen and (max-width:999px){
		#mainBusiness > .fp-tableCell {flex-direction: column;}
		#mainBusiness > .fp-tableCell > .productWrap,
		#mainBusiness > .fp-tableCell > .businessWrap {width:100%;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title > h2 {font-size:160%;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title > p {font-size:100%;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .text {font-size:100%;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .more {font-size:90%;}
	}

	@media screen and (max-width:799px){
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title > h2 {font-size:150%;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .title > p {font-size:90%;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .text {font-size:90%;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .more {font-size:85%;}
	}

#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap {position:absolute; width:100%; max-width:465px; top:calc(50% - 100px);}
#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap > .swiper-button-prev, 
#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap > .swiper-button-next {display:block; width:30px; height:30px; background-size:contain; background-repeat:no-repeat; background-position:center;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap > .swiper-button-prev {background-image:url('../img/main/productArrowLeft.png'); left:-55px;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap > .swiper-button-next {background-image:url('../img/main/productArrowRight.png'); right:-55px;}
#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap > .swiper-button-prev:after, 
#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap > .swiper-button-next:after {display:none;}

	@media screen and (max-width:1649px){
		#mainBusiness > .fp-tableCell > .productWrap > .product-top,
		#mainBusiness > .fp-tableCell > .productWrap > .product-thumbs {max-width:400px;}

		#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap {max-width:400px;}
	}

	@media screen and (max-width:1399px){
		#mainBusiness > .fp-tableCell > .productWrap > .product-thumbs {max-width:350px;}

		#mainBusiness > .fp-tableCell > .productWrap > .product-top .swiper-slide > .image {width:80%;}
	}

	@media screen and (max-width:1199px){
		#mainBusiness > .fp-tableCell > .productWrap {padding:30px 0;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top,
		#mainBusiness > .fp-tableCell > .productWrap > .product-thumbs {max-width:350px;}

		#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap {max-width:60%; left:20%;}
	}

	@media screen and (max-width:999px){
		#mainBusiness > .fp-tableCell > .productWrap {padding:80px 0;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top,
		#mainBusiness > .fp-tableCell > .productWrap > .product-thumbs {max-width:80%;}

		#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap {max-width:66%; left:17%;}
	}

	@media screen and (max-width:799px){
		#mainBusiness > .fp-tableCell > .productWrap {padding:50px 0;}

		#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap > .swiper-button-prev {left:-45px;}
		#mainBusiness > .fp-tableCell > .productWrap > .product-top > .product-button-wrap > .swiper-button-next {right:-45px;}
	}

	@keyframes arrowbounce {
		0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
		40% {transform: translateX(30px);}
		60% {transform: translateX(20px);}
	} 


#mainBusiness > .fp-tableCell > .productWrap > .product-thumbs {margin-top:30px; padding:0 20px;}
#mainBusiness > .fp-tableCell > .productWrap > .product-thumbs .swiper-slide {cursor:pointer;}
#mainBusiness > .fp-tableCell > .productWrap > .product-thumbs .swiper-slide > .img {position:relative; display:block; width:100%; box-shadow:0 3px 6px rgba(0,0,0,0.08); margin:1px;}
#mainBusiness > .fp-tableCell > .productWrap > .product-thumbs .swiper-slide > .img > img {max-width:100%; max-height:100%;}
#mainBusiness > .fp-tableCell > .productWrap > .product-thumbs .swiper-slide.swiper-slide-thumb-active > .img span.line {position:absolute; width:100%; height:100%; top:0; left:0; border:1px solid #707070;}

#mainBusiness > .fp-tableCell > .businessWrap {color:#fff; background:url('../img/main/mainBusinessBg.jpg') center no-repeat; background-size:cover; padding:0 70px;}

	@media screen and (max-width:1649px){
	}

	@media screen and (max-width:1499px){
		#mainBusiness > .fp-tableCell > .productWrap > .product-thumbs {padding:0 2%;}
	}

	@media screen and (max-width:1199px){
		#mainBusiness > .fp-tableCell > .businessWrap {padding:0 5%;}
	}

	@media screen and (max-width:999px){
		#mainBusiness > .fp-tableCell > .businessWrap { min-height:600px; padding:80px 5%;}
	}

	@media screen and (max-width:499px){
		#mainBusiness > .fp-tableCell > .businessWrap { min-height:500px; padding:50px 5%;}
	}



/* effect */
#mainBusiness.active > .fp-tableCell > .productWrap > .product-top .swiper-slide > .image {animation:fadeInUp 1s forwards; animation-delay:0.5s;}

#mainBusiness.active > .fp-tableCell > .businessWrap .titleBox h2 {animation:fadeInUp 1s forwards; animation-delay:0.5s}
#mainBusiness.active > .fp-tableCell > .businessWrap .titleBox p {animation:fadeInRight 1s forwards; animation-delay:0.7s}



/************************ 회사소개 ************************/

#mainOverseas {background:url('../img/main/mainOverseasBg.jpg') center no-repeat; background-size:cover;}
#mainOverseas .container {padding:0 40px;}
#mainOverseas .titleBox {display:flex; align-items: flex-end; color:#fff;}
#mainOverseas .titleBox .left {position:relative; width:32%; padding-right:70px; margin-right:70px;}
#mainOverseas .titleBox .left h2 {margin-bottom:0;}
#mainOverseas .titleBox .left:after {position:absolute; display:block; width:1px; height:120px; bottom:5px; right:0; background-color:#fff; content:'';}
#mainOverseas .titleBox .right {width:68%;}
#mainOverseas ul.contentBox {display:flex; justify-content: space-between; margin-top:70px;}
#mainOverseas ul.contentBox li {width:23%; position:relative; opacity:0;}
#mainOverseas ul.contentBox li > a {width:100%;}
#mainOverseas ul.contentBox li .img {background-color:#000;}
#mainOverseas ul.contentBox li .img > img {opacity:0.75; max-width:100%;}
#mainOverseas ul.contentBox li .name {position:absolute; right:0; bottom:0; width:100%; font-size:18px; font-weight:300; text-align:right; color:#fff; padding:20px; opacity:1;}
#mainOverseas ul.contentBox li:hover .img > img {opacity:1;}

#mainOverseas.active ul.contentBox li {animation:fadeIn 1s forwards;}
#mainOverseas.active ul.contentBox li:nth-child(1) {animation-delay:1s}
#mainOverseas.active ul.contentBox li:nth-child(2) {animation-delay:1.2s}
#mainOverseas.active ul.contentBox li:nth-child(3) {animation-delay:1.4s}
#mainOverseas.active ul.contentBox li:nth-child(4) {animation-delay:1.6s}

	@media screen and (max-width:1649px){
		#mainOverseas .titleBox .left {padding-right:50px; margin-right:50px;}
	}

	@media screen and (max-width:1199px){
		#mainOverseas .container {padding:0 5%;}
		#mainOverseas .titleBox .left {width:97%; padding-right:3%; margin-right:3%;}
		#mainOverseas .titleBox .right {width:100%;}
		#mainOverseas ul.contentBox li .name {font-size:16px;}
	}

	@media screen and (max-width:999px){
		#mainOverseas .titleBox {flex-direction: column;}
		#mainOverseas .titleBox .left:after {position:relative; width:180px; height:1px; left:0; margin:20px 0; bottom:0;}
		#mainOverseas ul.contentBox {margin-top:50px;}
		#mainOverseas ul.contentBox li {width:24%;}
		#mainOverseas ul.contentBox li .name {font-size:100%; padding:5%;}
	}

	@media screen and (max-width:799px){
		#mainOverseas {padding:50px 0;}
		#mainOverseas ul.contentBox {flex-wrap: wrap; margint-OP30px;}
		#mainOverseas ul.contentBox li {width:49%; margin-bottom:10px;}
		#mainOverseas ul.contentBox li .name {font-size:90%;}
	}

/* effect */
#mainOverseas.active .titleBox .left h2 {animation:fadeInRight 1s forwards; animation-delay:0.5s}
#mainOverseas.active .titleBox .right p {animation:fadeInDown 1s forwards; animation-delay:0.7s}



/************************ 오시는 길 ************************/

#mainLocation > .fp-tableCell {display:flex;}
#mainLocation > .fp-tableCell > .mapWrap,
#mainLocation > .fp-tableCell > .contactWrap {width:50%; height:100%;}
#mainLocation > .fp-tableCell > .mapWrap {}
#mainLocation > .fp-tableCell > .mapWrap iframe {width:100%; height:100%; pointer-events:none;}
#mainLocation > .fp-tableCell > .contactWrap {display: flex; flex-direction: column; justify-content: center; padding:0 70px;}
#mainLocation > .fp-tableCell > .contactWrap .titleBox .engTit {color:#1f2c61;}
#mainLocation > .fp-tableCell > .contactWrap .contentBox {}
#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.infoUl {border-top:1px solid #2e3131; margin-top:30px; max-width:430px;}
#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.infoUl > li {display:flex; font-weight:500; border-bottom:1px solid #ddd; padding:14px 10px 12px;}
#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.infoUl > li > b {display:block; width:56px; font-weight:700; margin-right:30px;}
#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl {display:flex; margin-top:30px;}
#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li {position:relative; width:120px; height:140px; color:#2e3131; background-color:#f5f5f5; margin-right:20px;}
#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li.blue {background-color:#1f2c61; color:#fff;}
#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li > a {position:absolute; display:flex; flex-direction: column; align-items:center; justify-content:center; width:100%; height:100%; top:0; left:0;}
#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li > a > .icon {margin-bottom:20px;}
#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li > a > h6 {font-family: 'S-CoreDream', sans-serif; font-weight:500; text-align:center;}

	@media screen and (max-width:1399px){
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li {margin-right:10px;}
	}

	@media screen and (max-width:1199px){
		#mainLocation {height:800px !important;}
		#mainLocation > .fp-tableCell {height:100% !important;}
		#mainLocation > .fp-tableCell > .contactWrap {padding:0 5%;}
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li {width:88px; height:120px;}
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li > a > h6 {font-size:14px;}
	}

	@media screen and (max-width:999px){
		#mainLocation > .fp-tableCell {flex-direction: column;}
		#mainLocation > .fp-tableCell > .mapWrap,
		#mainLocation > .fp-tableCell > .contactWrap {width:100%;}

		#mainLocation > .fp-tableCell > .mapWrap {height:400px;}
		#mainLocation > .fp-tableCell > .contactWrap {padding:40px 5% 80px;}
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.infoUl {max-width:inherit;}
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl {justify-content: space-between;}
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li {width:23%; margin-right:0;}
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li > a > .icon {margin-bottom:10px;}
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li > a > h6 {font-size:90%;}
	}

	@media screen and (max-width:799px){
		#mainLocation > .fp-tableCell > .mapWrap {height:300px;}
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li {height:100px;}
	}

	@media screen and (max-width:499px){
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.infoUl > li {flex-direction: column; font-size:90%;}
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl {flex-wrap: wrap;}
		#mainLocation > .fp-tableCell > .contactWrap .contentBox ul.linkUl > li {flex-direction: column; width:50%;}
	}
	
	
/* effect */
#mainLocation.active > .fp-tableCell > .contactWrap .titleBox h2 {animation:fadeInLeft 1s forwards; animation-delay:0.7s}
#mainLocation.active > .fp-tableCell > .contactWrap .titleBox p {animation:fadeInDown 1s forwards; animation-delay:0.9s}



/************************ footer ************************/
.sec-footer {margin-top:0;}