@charset "UTF-8";

img { max-width:100%; height:auto; }
.pc_br { display:block; }
.mo_br { display:none; }

/***** 헤더 *****/
#mobile-menu { display:none; overflow:hidden; position:fixed; top:0; left:0; width:100%; height:100%; background:#0C151E; padding:8rem; z-index:9999999; }	
#mobile-menu .btn-close { position:absolute; top:5rem; right:5rem; width:5rem; height:5rem; background:url('../../assets/images/ico-close.png') 50% 50% no-repeat; }
#mobile-menu ul { margin:12rem 0 0; }
#mobile-menu ul li:not(:last-child) { margin:0 0 9.5rem; }
#mobile-menu ul li a { font-size:6rem; font-weight:700; color:#fff; }
#mobile-menu .download { display:inline-block; margin:12.5rem 0 0; }
#mobile-menu .download img { width:9.5rem; }

@media all and (max-width:767px) {

	#mobile-menu { display:none; overflow:hidden; position:fixed; top:0; left:0; width:100%; height:100%; background:#0C151E; padding:4rem; z-index:9999999; }	
	#mobile-menu .btn-close { position:absolute; top:3rem; right:3rem; width:3rem; height:3rem; background:url('../../assets/images/ico-close.png') 50% 50% no-repeat; }
	#mobile-menu ul { margin:6rem 0 0; }
	#mobile-menu ul li:not(:last-child) { margin:0 0 6rem; }
	#mobile-menu ul li a { font-size:3.6rem; font-weight:700; color:#fff; }
	#mobile-menu .download { display:inline-block; margin:8rem 0 0; }
	#mobile-menu .download img { width:6rem; }

}

.gnbWrap { opacity:1; position:fixed; top:0; left:0; width:100%; height:9rem; display:flex; align-items:center; padding:0 10rem; z-index:9999999; }
.gnbWrap.active { opacity:0; }
.gnbWrap .gnb { margin-left:auto; display:flex; align-items:center; }
.gnbWrap .gnb ul { display:flex; align-items:center; }
.gnbWrap .gnb ul li { margin-left:8rem; position:relative; }
.gnbWrap .gnb ul li a {  font-size:2rem; font-weight:500; color:#fff; text-transform:uppercase; }
.gnbWrap .gnb ul li.active a { color:#20ACCF; }
.gnbWrap .gnb ul li.active:after { content:""; position:absolute; bottom:-1rem; left:50%; margin-left:-1.5rem; width:3rem; height:0.2rem; background:#20ACCF; }
.gnbWrap .gnb .download { margin-left:5rem; }

.gnbWrap2 { opacity:0; position:fixed; top:0; left:0; width:100%; height:9rem; display:flex; align-items:center; padding:0 10rem; z-index:9999999; background:#fff; box-shadow:0 0.3rem 1rem 0 rgba(0,0,0,0.15); }
.gnbWrap2.active { opacity:1; }
.gnbWrap2 .gnb { margin-left:auto; display:flex; align-items:center; }
.gnbWrap2 .gnb ul { display:flex; align-items:center; }
.gnbWrap2 .gnb ul li { margin-left:8rem; position:relative; }
.gnbWrap2 .gnb ul li a { font-size:2rem; font-weight:500; color:#050505; text-transform:uppercase; }
.gnbWrap2 .gnb ul li.active a { color:#20ACCF; }
.gnbWrap2 .gnb ul li.active:after { content:""; position:absolute; bottom:-1rem; left:50%; margin-left:-1.5rem; width:3rem; height:0.2rem; background:#20ACCF; }
.gnbWrap2 .gnb .download { margin-left:5rem; }

.btn-mobile-menu { display:none; margin-left:auto; width:3rem; height:3rem; background:url('../../assets/images/ico-mobile-menu.svg') 50% 50% no-repeat; }
.btn-mobile-menu.black { display:none; margin-left:auto; width:3rem; height:3rem; background:url('../../assets/images/ico-mobile-menu-black.svg') 50% 50% no-repeat; }

@media all and (max-width:1279px) {

	.gnbWrap { opacity:1; position:fixed; top:0; left:0; width:100%; height:6rem; display:flex; align-items:center; padding:0 4rem; z-index:9999999; }
	.gnbWrap .gnb { display:none; }
	.gnbWrap .btn-mobile-menu { display:block; }
	.gnbWrap .logo img { width:11.7rem; }

	.gnbWrap2 { opacity:0; position:fixed; top:0; left:0; width:100%; height:6rem; display:flex; align-items:center; padding:0 4rem; z-index:9999999; }
	.gnbWrap2 .gnb { display:none; }
	.gnbWrap2 .btn-mobile-menu { display:block; }
	.gnbWrap2 .logo img { width:11.7rem; }

}

@media all and (max-width:767px) {

	.gnbWrap { opacity:1; position:fixed; top:0; left:0; width:100%; height:6rem; display:flex; align-items:center; padding:0 2.4rem; z-index:9999999; }
	.gnbWrap .gnb { display:none; }
	.gnbWrap .btn-mobile-menu { display:block; }
	.gnbWrap .logo img { width:11.7rem; }

	.gnbWrap2 { opacity:0; position:fixed; top:0; left:0; width:100%; height:6rem; display:flex; align-items:center; padding:0 2.4rem; z-index:9999999; }
	.gnbWrap2 .gnb { display:none; }
	.gnbWrap2 .btn-mobile-menu { display:block; }
	.gnbWrap2 .logo img { width:11.7rem; }

	


}




/***** 메인 *****/
.container.main { height:100%; }

/* 메인 스와이프 */
.mainSwiper { height:100%; overflow:hidden; }
.mainSwiper .swiper-wrapper .swiper-slide { height:100%; position:relative; display:flex; align-items:center; }
.mainSwiper .swiper-wrapper .swiper-slide:nth-child(1) { background:#0C151E url('../../assets/images/bg_index-1.svg') 50% 50% no-repeat; background-size:cover; }
.mainSwiper .swiper-wrapper .swiper-slide:nth-child(2) { background:#0C151E url('../../assets/images/bg_index-2.svg') 50% 50% no-repeat; background-size:cover;  }
.mainSwiper .swiper-wrapper .swiper-slide:nth-child(3) { background:#0C151E url('../../assets/images/bg_index-3.svg') 50% 50% no-repeat; background-size:cover;  }
.mainSwiper .swiper-wrapper .swiper-slide:nth-child(4) { background:#0C151E url('../../assets/images/bg_index-4.svg') 50% 50% no-repeat; background-size:cover;  }
.mainSwiper .swiper-wrapper .swiper-slide:nth-child(5) { background:#0C151E url('../../assets/images/bg_index-5.svg') 50% 50% no-repeat; background-size:cover;  }
.mainSwiper .swiper-wrapper .swiper-slide:nth-child(6) { background:#0C151E url('../../assets/images/bg_index-6.svg') 50% 50% no-repeat; background-size:cover;  }
.mainSwiper .swiper-wrapper .swiper-slide:nth-child(7) { background:#0C151E url('../../assets/images/bg_index-7.svg') 50% 50% no-repeat; background-size:cover;  }
.mainSwiper .swiper-wrapper .swiper-slide .Slogan { z-index:999; position:relative; padding-left:10rem; }
.mainSwiper .swiper-wrapper .swiper-slide .Slogan ul { display:flex; align-items:center; width:32rem; height:5.4rem; border:1px solid #fff; margin:0 0 6rem; }
.mainSwiper .swiper-wrapper .swiper-slide .Slogan ul li { display:flex; align-items:center; justify-content:center; width:50%; height:100%; line-height:5.4rem; font-size:2.4rem; font-weight:500; color:#fff; }
.mainSwiper .swiper-wrapper .swiper-slide .Slogan ul li:nth-child(2) { background:#fff; color:#0C151E; }
.mainSwiper .swiper-wrapper .swiper-slide .Slogan p { margin:0 0 3rem; position:relative; font-size:5rem; color:#fff; font-weight: 600; padding-left:2rem; }
.mainSwiper .swiper-wrapper .swiper-slide .Slogan p:before { content:""; position:absolute; top:50%; left:0; transform: translateY(-50%); border-right:2px solid #fff; height:3rem;  }
.mainSwiper .swiper-wrapper .swiper-slide .Slogan p.onlyTxt { font-size:7rem; color:#fff; font-weight: 700; padding:0; }
.mainSwiper .swiper-wrapper .swiper-slide .Slogan p.onlyTxt:before { display:none; }

.mainSwiper .swiper-wrapper .swiper-slide .nameWrap { z-index:99; position:absolute; width:56rem; bottom:6rem; right:10rem; z-index:99; }
.mainSwiper .swiper-wrapper .swiper-slide .nameWrap .name { font-size:2.4rem; color:#fff; font-weight: 600; margin:0 0 2rem; }
.mainSwiper .swiper-wrapper .swiper-slide .progress { height:0.3rem; background:rgba(255,255,255,.3); }
.mainSwiper .swiper-wrapper .swiper-slide .progress .bar { height:0.3rem; background:#fff; }

.mainSwiper .swiper-wrapper .swiper-slide .ico { z-index:99; position:absolute; right:0; bottom:0; text-align:center; }
.mainSwiper .swiper-wrapper .swiper-slide .ico.center { z-index:99; position:absolute; right:0; bottom:auto; top:50%; transform: translateY(-50%); }
.mainSwiper .swiper-wrapper .swiper-slide .ico.pad { padding-right:18rem; }

.mainSwiper .btn { position:absolute; bottom:8rem; right:10rem; display:flex; align-items:center; gap:1.2rem; }
.mainSwiper .btn .swiper-button-next::after,
.mainSwiper .btn .swiper-button-prev::after { display: none; }
.mainSwiper .btn .swiper-button-next { position:relative; left:0 !important; right:0 !important; padding:0; margin:0; width:4rem; height:4rem; background:url('../../assets/images/ico-sw-next.svg') 50% 50% no-repeat; background-size:contain; }
.mainSwiper .btn .swiper-button-prev { position:relative; left:0 !important; right:0 !important; padding:0; margin:0; width:4rem; height:4rem; background:url('../../assets/images/ico-sw-prev.svg') 50% 50% no-repeat; background-size:contain; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { position:absolute; width:56rem; bottom:6rem; left:auto; right:10rem; }


@media all and (max-width:1279px) {

	/* 메인 스와이프 */
	.mainSwiper { height:100%; overflow:hidden; }
	.mainSwiper .swiper-wrapper .swiper-slide { height:100%; position:relative; display:flex; align-items:center; }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(1) { background:#0C151E url('../../assets/images/bg_index-1.svg') 50% 50% no-repeat; background-size:cover; }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(2) { background:#0C151E url('../../assets/images/bg_index-2.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(3) { background:#0C151E url('../../assets/images/bg_index-3.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(4) { background:#0C151E url('../../assets/images/bg_index-4.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(5) { background:#0C151E url('../../assets/images/bg_index-5.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(6) { background:#0C151E url('../../assets/images/bg_index-6.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(7) { background:#0C151E url('../../assets/images/bg_index-7.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan { z-index:999; position:relative; padding-left:4rem; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan ul { display:flex; align-items:center; width:24rem; height:4rem; border:1px solid #fff; margin:0 0 4rem; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan ul li { display:flex; align-items:center; justify-content:center; width:50%; height:100%; line-height:4rem; font-size:1.8rem; font-weight:500; color:#fff; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan ul li:nth-child(2) { background:#fff; color:#0C151E; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan p { margin:0 0 4rem; position:relative; font-size:4rem; color:#fff; font-weight: 600; padding-left:0; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan p:before { display:none;  }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan p.onlyTxt { font-size:4.6rem; color:#fff; font-weight: 700; padding:0; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan p.onlyTxt:before { display:none; }

	.mainSwiper .swiper-wrapper .swiper-slide .nameWrap { z-index:99; position:absolute; width:36rem; bottom:6rem; right:6rem; z-index:99; }
	.mainSwiper .swiper-wrapper .swiper-slide .nameWrap .name { font-size:1.4rem; color:#fff; font-weight: 600; margin:0 0 2rem; }
	.mainSwiper .swiper-wrapper .swiper-slide .progress { height:0.3rem; background:rgba(255,255,255,.3); }
	.mainSwiper .swiper-wrapper .swiper-slide .progress .bar { height:0.3rem; background:#fff; }

	.mainSwiper .swiper-wrapper .swiper-slide .ico { z-index:99; position:relative; right:auto; bottom:auto; }
	.mainSwiper .swiper-wrapper .swiper-slide .ico.center { z-index:99; position:relative; right:auto; bottom:auto; top:auto; transform:none; }
	.mainSwiper .swiper-wrapper .swiper-slide .ico.pad { padding:0 11rem; }

	.mainSwiper .btn { position:absolute; bottom:8rem; right:6rem; display:flex; align-items:center; gap:1.2rem; }
	.mainSwiper .btn .swiper-button-next::after,
	.mainSwiper .btn .swiper-button-prev::after { display: none; }
	.mainSwiper .btn .swiper-button-next { position:relative; left:0 !important; right:0 !important; padding:0; margin:0; width:3.6rem; height:3.6rem; background:url('../../assets/images/ico-sw-next.svg') 50% 50% no-repeat; background-size:contain; }
	.mainSwiper .btn .swiper-button-prev { position:relative; left:0 !important; right:0 !important; padding:0; margin:0; width:3.6rem; height:3.6rem; background:url('../../assets/images/ico-sw-prev.svg') 50% 50% no-repeat; background-size:contain; }

	.swiper-container-horizontal > .swiper-pagination-progressbar,
	.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { position:absolute; width:36rem; bottom:6rem; left:auto; right:6rem; }


	.mainSwiper .swiper-wrapper .swiper-slide.mo-position { display:block; padding:16rem 0 0; }
	.mainSwiper .swiper-wrapper .swiper-slide.mo-position .ico { }

}

@media all and (max-width:767px) {
	
	/* 메인 스와이프 */
	.mainSwiper { height:100%; overflow:hidden; }
	.mainSwiper .swiper-wrapper .swiper-slide { height:100%; position:relative; display:flex; align-items:center; }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(1) { background:#0C151E url('../../assets/images/bg_index-1.svg') 50% 50% no-repeat; background-size:cover; }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(2) { background:#0C151E url('../../assets/images/bg_index-2.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(3) { background:#0C151E url('../../assets/images/bg_index-3.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(4) { background:#0C151E url('../../assets/images/bg_index-4.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(5) { background:#0C151E url('../../assets/images/bg_index-5.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(6) { background:#0C151E url('../../assets/images/bg_index-6.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide:nth-child(7) { background:#0C151E url('../../assets/images/bg_index-7.svg') 50% 50% no-repeat; background-size:cover;  }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan { z-index:999; position:relative; padding-left:2.4rem; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan ul { display:flex; align-items:center; width:14rem; height:2.6rem; border:1px solid #fff; margin:0 0 3rem; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan ul li { display:flex; align-items:center; justify-content:center; width:50%; height:100%; line-height:2.6rem; font-size:1.2rem; font-weight:500; color:#fff; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan ul li:nth-child(2) { background:#fff; color:#0C151E; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan p { margin:0 0 1.2rem; position:relative; font-size:2.6rem; color:#fff; font-weight: 600; padding-left:0; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan p:before { display:none;  }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan p.onlyTxt { font-size:2.6rem; color:#fff; font-weight: 700; padding:0; }
	.mainSwiper .swiper-wrapper .swiper-slide .Slogan p.onlyTxt:before { display:none; }

	.mainSwiper .swiper-wrapper .swiper-slide .nameWrap { padding:0 2.4rem; z-index:99; position:absolute; width:100%; bottom:3rem; right:auto; z-index:99; }
	.mainSwiper .swiper-wrapper .swiper-slide .nameWrap .name { font-size:1.2rem; color:#fff; font-weight: 600; margin:0 0 2.5rem; }
	.mainSwiper .swiper-wrapper .swiper-slide .progress { height:0.3rem; background:rgba(255,255,255,.3); }
	.mainSwiper .swiper-wrapper .swiper-slide .progress .bar { height:0.3rem; background:#fff; }

	.mainSwiper .swiper-wrapper .swiper-slide .ico { z-index:99; position:relative; right:auto; bottom:auto; }
	.mainSwiper .swiper-wrapper .swiper-slide .ico.center { z-index:99; position:relative; right:auto; bottom:auto; top:auto; transform:none; }
	.mainSwiper .swiper-wrapper .swiper-slide .ico.pad { padding:0; }

	.mainSwiper .btn { position:absolute; bottom:5rem; right:2.4rem; display:flex; align-items:center; gap:1.2rem; }
	.mainSwiper .btn .swiper-button-next::after,
	.mainSwiper .btn .swiper-button-prev::after { display: none; }
	.mainSwiper .btn .swiper-button-next { position:relative; left:0 !important; right:0 !important; padding:0; margin:0; width:3rem; height:3rem; background:url('../../assets/images/ico-sw-next.svg') 50% 50% no-repeat; background-size:contain; }
	.mainSwiper .btn .swiper-button-prev { position:relative; left:0 !important; right:0 !important; padding:0; margin:0; width:3rem; height:3rem; background:url('../../assets/images/ico-sw-prev.svg') 50% 50% no-repeat; background-size:contain; }
	
	.swiper-pagination { padding:0 2.4rem; }
	.swiper-container-horizontal > .swiper-pagination-progressbar,
	.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { position:absolute; width:calc(100% - 4.8rem); bottom:3rem; left:auto; right:2.4rem;  }

	.mainSwiper .swiper-wrapper .swiper-slide.mo-position { display:block; padding:10rem 0 0; }
	.mainSwiper .swiper-wrapper .swiper-slide.mo-position .ico { }

}



/***** 하단 *****/
.footer .wrap { display:flex; align-items:center; background:#FAFAFA; padding:10.5rem 10rem; }
.footer .wrap .logo { margin-right:10rem; }
.footer .wrap .copyright .company { font-size:2.4rem; font-weight:500; color:#494949; }
.footer .wrap .copyright .addr { margin:2rem 0 0; font-size:2rem; font-weight:400; color:#8E8E8E; line-height:4rem; }
.footer .wrap .copyright .addr.mo { display:none; }
.footer .wrap .copyright .addr span { display:inline-block; vertical-align:middle; width:0.1rem; height:1.6rem; background:#ABABAB; margin:0 1rem; }
.footer .copy { background:#232833; padding:2.8rem 0; text-align:center; font-size:1.6rem; font-weight:400; color:#D3D3D3; }

@media all and (max-width:1279px) {
	
	.footer .wrap { display:block; align-items:center; background:#FAFAFA; padding:8.5rem 4rem; }
	.footer .wrap .logo { margin-right:0; margin:0 0 4rem 0; }
	.footer .wrap .logo img { width:23.4rem; }
	.footer .wrap .copyright .company { font-size:2.4rem; font-weight:500; color:#494949; }
	.footer .wrap .copyright .addr { margin:2rem 0 0; font-size:2rem; font-weight:400; color:#8E8E8E; line-height:4rem; }
	.footer .wrap .copyright .addr.mo { display:none; }
	.footer .wrap .copyright .addr span { display:inline-block; vertical-align:middle; width:0.1rem; height:1.6rem; background:#ABABAB; margin:0 1rem; }
	.footer .copy { background:#232833; padding:2.8rem 0; text-align:center; font-size:1.6rem; font-weight:400; color:#D3D3D3; }

}

@media all and (max-width:767px) {

	.footer .wrap { display:block; align-items:center; background:#FAFAFA; padding:6.6rem 2.4rem; }
	.footer .wrap .logo { margin-right:0; margin:0 0 4rem 0; }
	.footer .wrap .logo img { width:16rem; }
	.footer .wrap .copyright .company { font-size:1.6rem; font-weight:500; color:#494949; }
	.footer .wrap .copyright .addr { display:none; }
	.footer .wrap .copyright .addr.mo { display:block; font-size:1.4rem; line-height:3rem;  }
	.footer .wrap .copyright .addr span { display:inline-block; vertical-align:middle; width:0.1rem; height:1.6rem; background:#ABABAB; margin:0 1rem; }
	.footer .copy { background:#232833; padding:2rem 0; text-align:center; font-size:1.4rem; font-weight:400; color:#D3D3D3; }

}



/***** 서브 컨텐츠 *****/
.contents { position:relative; padding:16rem 0 0; }
.contents .p-title { position:absolute; top:16rem; left:10rem;  font-size:7rem; font-weight:700; color:#222; }
.contents .p-title.fixed { position:fixed; top:21rem; }

.subVisual { opacity:1; position:relative; height:40rem; background:url('../../assets/images/sub_visual.svg') 50% 50% no-repeat; background-size:cover; }
.subVisual.active { opacity:0; }
.subVisual .sub-title { position:absolute; left:10rem; bottom:8rem; font-size:7rem; font-weight:700; color:#fff; }

@media all and (max-width:1279px) {
	
	.contents { position:relative; padding:13rem 0; }
	.contents .p-title { display:none; }

	.subVisual { opacity:1; position:relative; height:24rem; background:url('../../assets/images/sub_visual.svg') 50% 50% no-repeat; background-size:cover; }
	.subVisual.active { opacity:0; }
	.subVisual .sub-title { position:absolute; left:4rem; bottom:5rem; font-size:4rem; font-weight:700; color:#fff; }

}

@media all and (max-width:767px) {
	
	.contents { position:relative; padding:10rem 0; }
	.contents .p-title { display:none; }

	.subVisual { opacity:1; position:relative; height:20rem; background:url('../../assets/images/sub_visual.svg') 50% 50% no-repeat; background-size:cover; }
	.subVisual.active { opacity:0; }
	.subVisual .sub-title { position:absolute; left:2.4rem; bottom:3.2rem; font-size:3rem; font-weight:700; color:#fff; }

}


/***** About *****/
.About .section-1 { padding-left:50rem; }
.About .section-1 .titTxt1 { font-size:7rem; font-weight:700; color:#222; line-height:10rem; }
.About .section-1 .titTxt2 { margin:7rem 0 0; font-size:7rem; font-weight:700; color:#222; line-height:10rem; }
.About .section-1 .titTxt2 span { position:relative; }
.About .section-1 .titTxt2 span:after { content:""; z-index:-1; position:absolute; bottom:0.5rem; left:0; width:100%; height:1rem; background:#20ACCF; opacity:0.5; }
.About .section-1 .mainTxt-m { margin:5rem 0 0; font-size:3.6rem; font-weight:500; color:#494949; line-height:5rem;  }
.About .section-1 .fb-blue { font-weight:700; color:#20ACCF; }
.About .section-1 .con-img1 { margin:13.7rem 0 0; }

.About .section-2 { background:#FAFAFA; margin-top:-40rem; padding:60rem 0 20rem 50rem; }
.About .section-2 .titTxt-blue { font-size:5rem; font-weight:700; color:#20ACCF; }
.About .section-2 .titTxt-big { font-size:10rem; font-weight:700; color:#222; }
.About .section-2 .titTxt-blue-line { margin:15rem 0 0; font-size:6rem; font-weight:700; color:#20ACCF; }
.About .section-2 .titTxt-blue-line:after { content:""; display:block; margin:4.7rem 0 4.4rem; width:10rem; height:0.6rem; background:#20ACCF; }
.About .section-2 .mainTxt-r { margin:5rem 0 0; font-size:3.6rem; font-weight:400; color:#494949;  }

.About .section-3 { background:#232833; padding:20rem 20rem 20rem 50rem; }	
.About .section-3 h3 { font-size:7rem; font-weight:700; color:#fff; }
.About .section-3 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
.About .section-3 .logo-list { display:flex; align-items:center; flex-wrap:wrap; margin:15rem 0 0; gap:12rem 0; }
.About .section-3 .logo-list li { width:25%; text-align:center; }

.About .section-4 { padding:20rem 20rem 20rem 50rem; }	
.About .section-4 h3 { font-size:7rem; font-weight:700;  }
.About .section-4 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
.About .section-4 .history-list { display:flex; margin:15rem 0 0; }
.About .section-4 .history-list li { width:50%; }
.About .section-4 .history-list li .col:not(:first-child) { margin:13rem 0 0; }
.About .section-4 .history-list li .txtYear { display:inline-block; position:relative; font-size:6rem; font-weight:700; color:#222; margin:0 0 6.5rem; }
.About .section-4 .history-list li .txtYear:after { content:""; z-index:-1; position:absolute; bottom:0.5rem; left:0; width:100%; height:1rem; background:#20ACCF; opacity:0.5; }
.About .section-4 .history-list li p { font-size:2.8rem; font-weight:500; color:#494949; line-height:6rem; }


@media all and (max-width:1279px) {
	
	.pc_br { display:none; }
	.mo_br { display:block; }

	.About .section-1 { padding-left:0; padding:0 4rem; }
	.About .section-1 .titTxt1 { font-size:5rem; font-weight:700; color:#222; line-height:8rem; }
	.About .section-1 .titTxt2 { margin:8rem 0 0; font-size:5rem; font-weight:700; color:#222; line-height:8rem; }
	.About .section-1 .titTxt2 span { position:relative; }
	.About .section-1 .titTxt2 span:after { content:""; z-index:-1; position:absolute; bottom:0.5rem; left:0; width:100%; height:1rem; background:#20ACCF; opacity:0.5; }
	.About .section-1 .mainTxt-m { margin:8rem 0 0; font-size:2.9rem; font-weight:500; color:#494949; line-height:4rem;  }
	.About .section-1 .fb-blue { font-weight:700; color:#20ACCF; }
	.About .section-1 .con-img1 { margin:22rem -4rem 0 0; }

	.About .section-2 { background:#FAFAFA; margin-top:-20rem; padding:40rem 4rem 20rem 4rem; }
	.About .section-2 .titTxt-blue { font-size:3rem; font-weight:700; color:#20ACCF; }
	.About .section-2 .titTxt-big { font-size:7rem; font-weight:700; color:#222; }
	.About .section-2 .titTxt-blue-line { margin:13rem 0 0; font-size:4rem; font-weight:700; color:#20ACCF; }
	.About .section-2 .titTxt-blue-line:after { content:""; display:block; margin:3rem 0; width:8rem; height:0.6rem; background:#20ACCF; }
	.About .section-2 .mainTxt-r { margin:3rem 0 0; font-size:2.6rem; font-weight:400; color:#494949;  }

	.About .section-3 { background:#232833; padding:20rem 4rem 20rem 4rem; }	
	.About .section-3 h3 { font-size:5rem; font-weight:700; color:#fff; }
	.About .section-3 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
	.About .section-3 .logo-list { display:flex; align-items:center; flex-wrap:wrap; margin:12rem 0 0; gap:10rem 0; }
	.About .section-3 .logo-list li { width:33%; text-align:center; padding:0 3rem; }

	.About .section-4 { padding:20rem 4rem 0 4rem; }	
	.About .section-4 h3 { font-size:5rem; font-weight:700;  }
	.About .section-4 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
	.About .section-4 .history-list { display:block; margin:12rem 0 0; }
	.About .section-4 .history-list li { width:100%; }
	.About .section-4 .history-list li:nth-child(2) { margin:10rem 0 0; }
	.About .section-4 .history-list li .col:not(:first-child) { margin:10rem 0 0; }
	.About .section-4 .history-list li .txtYear { display:inline-block; position:relative; font-size:6rem; font-weight:700; color:#222; margin:0 0 4.5rem; }
	.About .section-4 .history-list li .txtYear:after { content:""; z-index:-1; position:absolute; bottom:0.5rem; left:0; width:100%; height:1rem; background:#20ACCF; opacity:0.5; }
	.About .section-4 .history-list li p { font-size:2.8rem; font-weight:500; color:#494949; line-height:5rem; }

}

@media all and (max-width:767px) {
	
	.mo_br { display:none; }
	.mo360_br { display:block; }


	.About .section-1 { padding-left:0; padding:0 2.4rem; }
	.About .section-1 .titTxt1 { font-size:2.8rem; font-weight:700; color:#222; line-height:4rem; }
	.About .section-1 .titTxt2 { margin:3rem 0 0; font-size:2.8rem; font-weight:700; color:#222; line-height:4rem; }
	.About .section-1 .titTxt2 span { position:relative; }
	.About .section-1 .titTxt2 span:after { content:""; z-index:-1; position:absolute; bottom:0.5rem; left:0; width:100%; height:1rem; background:#20ACCF; opacity:0.5; }
	.About .section-1 .mainTxt-m { margin:5.5rem 0 0; font-size:1.8rem; font-weight:500; color:#494949; line-height:2.4rem;  }
	.About .section-1 .fb-blue { font-weight:700; color:#20ACCF; }
	.About .section-1 .con-img1 { margin:10rem -2.4rem 0 0; }

	.About .section-2 { background:#FAFAFA; margin-top:-15rem; padding:30rem 2.4rem 12rem 2.4rem; }
	.About .section-2 .titTxt-blue { font-size:2.4rem; font-weight:700; color:#20ACCF; }
	.About .section-2 .titTxt-big { font-size:4rem; font-weight:700; color:#222; }
	.About .section-2 .titTxt-blue-line { margin:8rem 0 0; font-size:3.2rem; font-weight:700; color:#20ACCF; }
	.About .section-2 .titTxt-blue-line:after { content:""; display:block; margin:3rem 0; width:5rem; height:0.6rem; background:#20ACCF; }
	.About .section-2 .mainTxt-r { margin:3rem 0 0; font-size:1.8rem; font-weight:400; color:#494949;  }

	.About .section-3 { background:#232833; padding:14rem 2.4rem 12rem 2.4rem; }	
	.About .section-3 h3 { font-size:3rem; font-weight:700; color:#fff; }
	.About .section-3 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
	.About .section-3 .logo-list { display:flex; align-items:center; flex-wrap:wrap; margin:10rem 0 0; gap:7rem 0; }
	.About .section-3 .logo-list li { width:50%; text-align:center; padding:0 1.5rem; }

	.About .section-4 { padding:14rem 2.4rem 0 2.4rem; }	
	.About .section-4 h3 { font-size:3rem; font-weight:700;  }
	.About .section-4 h3:before { content:""; display:block; width:3rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
	.About .section-4 .history-list { display:block; margin:8rem 0 0; }
	.About .section-4 .history-list li { width:100%; }
	.About .section-4 .history-list li:nth-child(2) { margin:8rem 0 0; }
	.About .section-4 .history-list li .col:not(:first-child) { margin:8rem 0 0; }
	.About .section-4 .history-list li .txtYear { display:inline-block; position:relative; font-size:4rem; font-weight:700; color:#222; margin:0 0 3rem; }
	.About .section-4 .history-list li .txtYear:after { content:""; z-index:-1; position:absolute; bottom:0.5rem; left:0; width:100%; height:1rem; background:#20ACCF; opacity:0.5; }
	.About .section-4 .history-list li p { font-size:1.9rem; font-weight:500; color:#494949; line-height:4rem; }

}




/***** Service *****/
.Service .section-1 { padding-left:50rem; }
.Service .section-1 .titTxt1 { font-size:8rem; font-weight:700; color:#20ACCF; line-height:10rem; }
.Service .section-1 .titTxt2 { display:flex; align-items:center; margin:10rem 0 0; }
.Service .section-1 .titTxt2 li { padding-left:3rem; position:relative; font-size:3rem; font-weight:500; color:#494949; }
.Service .section-1 .titTxt2 li:before { content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; width:0.4rem; height:100%; margin:0.3rem 0; background:#20ACCF; }
.Service .section-1 .titTxt2 li:first-child { margin-right:9rem; }
.Service .section-1 .mainTxt-m { margin:14.5rem 0 0; font-size:4.2rem; font-weight:500; color:#494949;  }
.Service .section-1 .fb-blue { font-weight:700; color:#20ACCF; }
.Service .section-1 .con-img1 { margin:13.7rem 0 0; }

.Service .section-2 { padding:20rem 0 20rem 50rem; }	
.Service .section-2 h3 { font-size:7rem; font-weight:700; text-transform:uppercase; }
.Service .section-2 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
.Service .section-2 .mainTxt { margin:8rem 0 0; font-size:3.4rem; font-weight:400; color:#494949; }
.Service .section-2 .Consulting-list { display:flex; margin:15rem 0 0; gap:15rem 0; flex-wrap:wrap; }
.Service .section-2 .Consulting-list li { width:33%; text-align:center; }
.Service .section-2 .Consulting-list li .ico { width:15rem; height:15rem; margin:0 auto; }
.Service .section-2 .Consulting-list li:nth-child(1) .ico { background:url('../../assets/images/ico-Consulting-1.svg') 50% 50% no-repeat; background-size:cover; }
.Service .section-2 .Consulting-list li:nth-child(2) .ico { background:url('../../assets/images/ico-Consulting-2.svg') 50% 50% no-repeat; background-size:cover; }
.Service .section-2 .Consulting-list li:nth-child(3) .ico { background:url('../../assets/images/ico-Consulting-3.svg') 50% 50% no-repeat; background-size:cover; }
.Service .section-2 .Consulting-list li:nth-child(4) .ico { background:url('../../assets/images/ico-Consulting-4.svg') 50% 50% no-repeat; background-size:cover; }
.Service .section-2 .Consulting-list li:nth-child(5) .ico { background:url('../../assets/images/ico-Consulting-5.svg') 50% 50% no-repeat; background-size:cover; }
.Service .section-2 .Consulting-list li:nth-child(6) .ico { background:url('../../assets/images/ico-Consulting-6.svg') 50% 50% no-repeat; background-size:cover; }
.Service .section-2 .Consulting-list li h5 { margin:5rem 0 0; font-size:3.2rem; font-weight:700; color:#222; }
.Service .section-2 .Consulting-list li p { margin:3rem 0 0; font-size:2.4rem; font-weight:400; color:#494949; }

.Service .section-3 { background:#FAFAFA; padding:20rem 0 20rem 50rem; }	
.Service .section-3 h3 { font-size:7rem; font-weight:700; color:#222; }
.Service .section-3 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
.Service .section-3 h4 { margin:2rem 0 0; font-size:5rem; font-weight:700; color:#222; }
.Service .section-3 .mainTxt { margin:8rem 0 0; font-size:3.4rem; font-weight:400; color:#494949; }
.Service .section-3 .design-list { display:flex; margin:15rem 0 0; gap:12rem 0; flex-wrap:wrap; }
.Service .section-3 .design-list li { width:50%; padding-left:10rem; }
.Service .section-3 .design-list li:nth-child(1) { background:url('../../assets/images/ico-design-1.svg') 0 0 no-repeat; }
.Service .section-3 .design-list li:nth-child(2) { background:url('../../assets/images/ico-design-2.svg') 0 0 no-repeat; }
.Service .section-3 .design-list li:nth-child(3) { background:url('../../assets/images/ico-design-3.svg') 0 0 no-repeat; }
.Service .section-3 .design-list li:nth-child(4) { background:url('../../assets/images/ico-design-4.svg') 0 0 no-repeat; }
.Service .section-3 .design-list li:nth-child(5) { background:url('../../assets/images/ico-design-5.svg') 0 0 no-repeat; }
.Service .section-3 .design-list li h5 { font-size:4rem; font-weight:700; color:#222; }
.Service .section-3 .design-list li p { margin:4rem 0 0; font-size:3rem; font-weight:400; color:#494949; }

.Service .section-4 { background:#232833; padding:20rem 0 20rem 50rem; }	
.Service .section-4 h3 { font-size:7rem; font-weight:700; color:#fff; }
.Service .section-4 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }	
.Service .section-4 .mainTxt { margin:8rem 0 0; font-size:3.4rem; font-weight:400; color:#D3D3D3; }
.Service .section-4 .service-list { display:flex; margin:15rem 0 0 4rem; }
.Service .section-4 .service-list li { display:flex; align-items:center; justify-content:center; width:24rem; height:24rem; border-radius:100%; margin-left:-4rem; font-size:3.4rem; font-weight:700; }
.Service .section-4 .service-list li:nth-child(1) { border:2px solid #20ACCF; color:#20ACCF; }
.Service .section-4 .service-list li:nth-child(2) { border:2px solid #8CBA42; color:#8CBA42; }
.Service .section-4 .service-list li:nth-child(3) { border:2px solid #EDB23A; color:#EDB23A; }
.Service .section-4 .service-list li:nth-child(4) { border:2px solid #EDB23A; color:#EDB23A; }
.Service .section-4 .service-list li:nth-child(5) { border:2px solid #8CBA42; color:#8CBA42; }
.Service .section-4 .service-list li:nth-child(6) { border:2px solid #20ACCF; color:#20ACCF; }

.Service .section-5 { padding:20rem 0 20rem 50rem; }	
.Service .section-5 h3 { font-size:7rem; font-weight:700; text-transform:uppercase; }
.Service .section-5 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
.Service .section-5 .mainTxt { margin:8rem 0 0; font-size:3.4rem; font-weight:400; color:#494949; }	
.Service .section-5 .conWrap { margin:16rem 0 0; display:flex; align-items:center; gap:13rem;  }
.Service .section-5 .conWrap.row-revers { flex-direction:row-reverse; justify-content:flex-end; }
.Service .section-5 .conWrap .img { }
.Service .section-5 .conWrap .txt { }
.Service .section-5 .conWrap .txt .big { font-size:5rem; font-weight:700; color:#222; margin:0 0 6rem; }
.Service .section-5 .conWrap .txt p { margin:2rem 0 0; font-size:2.8rem; font-weight:400; color:#494949; }

@media all and (max-width:1279px) {
	
	.Service .section-1 { padding-left:0; padding:0 4rem; }
	.Service .section-1 .titTxt1 { font-size:5rem; font-weight:700; color:#20ACCF; line-height:10rem; }
	.Service .section-1 .titTxt2 { display:block; align-items:center; margin:8rem 0 0; }
	.Service .section-1 .titTxt2 li { padding-left:3rem; position:relative; font-size:2.5rem; font-weight:500; color:#494949; }
	.Service .section-1 .titTxt2 li:before { content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; width:0.4rem; height:100%; margin:0.3rem 0; background:#20ACCF; }
	.Service .section-1 .titTxt2 li:first-child { margin-right:0; margin:0 0 5rem; }
	.Service .section-1 .mainTxt-m { margin:8rem 0 0; font-size:3.2rem; font-weight:500; color:#494949;  }
	.Service .section-1 .fb-blue { font-weight:700; color:#20ACCF; }
	.Service .section-1 .con-img1 { margin:16.4rem 0 0; }

	.Service .section-2 { padding:20rem 4rem 20rem 4rem; }	
	.Service .section-2 h3 { font-size:5rem; font-weight:700; text-transform:uppercase; }
	.Service .section-2 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
	.Service .section-2 .mainTxt { margin:8rem 0 0; font-size:2.6rem; font-weight:400; color:#494949; }
	.Service .section-2 .Consulting-list { display:flex; margin:15rem 0 0; gap:13rem 0; flex-wrap:wrap; }
	.Service .section-2 .Consulting-list li { width:50%; text-align:center; }
	.Service .section-2 .Consulting-list li .ico { width:15rem; height:15rem; margin:0 auto; }
	.Service .section-2 .Consulting-list li:nth-child(1) .ico { background:url('../../assets/images/ico-Consulting-1.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li:nth-child(2) .ico { background:url('../../assets/images/ico-Consulting-2.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li:nth-child(3) .ico { background:url('../../assets/images/ico-Consulting-3.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li:nth-child(4) .ico { background:url('../../assets/images/ico-Consulting-4.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li:nth-child(5) .ico { background:url('../../assets/images/ico-Consulting-5.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li:nth-child(6) .ico { background:url('../../assets/images/ico-Consulting-6.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li h5 { margin:5rem 0 0; font-size:3rem; font-weight:700; color:#222; }
	.Service .section-2 .Consulting-list li p { margin:3rem 0 0; font-size:2.2rem; font-weight:400; color:#494949; }

	.Service .section-3 { background:#FAFAFA; padding:20rem 4rem 20rem 4rem; }	
	.Service .section-3 h3 { font-size:5rem; font-weight:700; color:#222; }
	.Service .section-3 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
	.Service .section-3 h4 { margin:1.6rem 0 0; font-size:3rem; font-weight:700; color:#222; }
	.Service .section-3 .mainTxt { margin:8rem 0 0; font-size:2.6rem; font-weight:400; color:#494949; }
	.Service .section-3 .design-list { display:block; margin:15rem 0 0;  flex-wrap:wrap; }
	.Service .section-3 .design-list li { width:100%; padding-left:10rem; }
	.Service .section-3 .design-list li:not(:last-child) { margin:0 0 12rem; }
	.Service .section-3 .design-list li:nth-child(1) { background:url('../../assets/images/ico-design-1.svg') 0 0 no-repeat; }
	.Service .section-3 .design-list li:nth-child(2) { background:url('../../assets/images/ico-design-2.svg') 0 0 no-repeat; }
	.Service .section-3 .design-list li:nth-child(3) { background:url('../../assets/images/ico-design-3.svg') 0 0 no-repeat; }
	.Service .section-3 .design-list li:nth-child(4) { background:url('../../assets/images/ico-design-4.svg') 0 0 no-repeat; }
	.Service .section-3 .design-list li:nth-child(5) { background:url('../../assets/images/ico-design-5.svg') 0 0 no-repeat; }
	.Service .section-3 .design-list li h5 { font-size:4rem; font-weight:700; color:#222; }
	.Service .section-3 .design-list li p { margin:4rem 0 0; font-size:3rem; font-weight:400; color:#494949; }

	.Service .section-4 { background:#232833; padding:20rem 4rem 20rem 4rem; }	
	.Service .section-4 h3 { font-size:5rem; font-weight:700; color:#fff; }
	.Service .section-4 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }	
	.Service .section-4 .mainTxt { margin:8rem 0 0; font-size:2.6rem; font-weight:400; color:#D3D3D3; }
	.Service .section-4 .service-list { display:flex; margin:13rem 0 0 2rem; }
	.Service .section-4 .service-list li { display:flex; align-items:center; justify-content:center; width:13.5rem; height:13.5rem; border-radius:100%; margin-left:-2rem; font-size:2rem; font-weight:700; }
	.Service .section-4 .service-list li:nth-child(1) { border:2px solid #20ACCF; color:#20ACCF; }
	.Service .section-4 .service-list li:nth-child(2) { border:2px solid #8CBA42; color:#8CBA42; }
	.Service .section-4 .service-list li:nth-child(3) { border:2px solid #EDB23A; color:#EDB23A; }
	.Service .section-4 .service-list li:nth-child(4) { border:2px solid #EDB23A; color:#EDB23A; }
	.Service .section-4 .service-list li:nth-child(5) { border:2px solid #8CBA42; color:#8CBA42; }
	.Service .section-4 .service-list li:nth-child(6) { border:2px solid #20ACCF; color:#20ACCF; }

	.Service .section-5 { padding:20rem 4rem 20rem 4rem; }	
	.Service .section-5 h3 { font-size:5rem; font-weight:700; text-transform:uppercase; }
	.Service .section-5 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
	.Service .section-5 .mainTxt { margin:8rem 0 0; font-size:2.6rem; font-weight:400; color:#494949; }	
	.Service .section-5 .conWrap { margin:15rem 0 0; display:block; align-items:center; gap:13rem;  }
	.Service .section-5 .conWrap.row-revers { flex-direction:row-reverse; justify-content:flex-end; }
	.Service .section-5 .conWrap .img { text-align:center; }
	.Service .section-5 .conWrap .txt { margin:8rem 0 0; text-align:center; }
	.Service .section-5 .conWrap .txt .big { font-size:4rem; font-weight:700; color:#222; margin:0 0 5rem; }
	.Service .section-5 .conWrap .txt p { margin:2rem 0 0; font-size:2.8rem; font-weight:400; color:#494949; }

}

@media all and (max-width:767px) {
	
	.Service .section-1 { padding-left:0; padding:0 2.4rem; }
	.Service .section-1 .titTxt1 { font-size:3.6rem; font-weight:700; color:#20ACCF; line-height:100%; }
	.Service .section-1 .titTxt2 { display:block; align-items:center; margin:5rem 0 0; }
	.Service .section-1 .titTxt2 li { padding-left:2rem; position:relative; font-size:1.8rem; font-weight:500; color:#494949; }
	.Service .section-1 .titTxt2 li:before { content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; width:0.4rem; height:100%; margin:0.3rem 0; background:#20ACCF; }
	.Service .section-1 .titTxt2 li:first-child { margin-right:0; margin:0 0 4rem; }
	.Service .section-1 .mainTxt-m { margin:6rem 0 0; font-size:1.8rem; font-weight:500; color:#494949;  }
	.Service .section-1 .fb-blue { font-weight:700; color:#20ACCF; }
	.Service .section-1 .con-img1 { margin:13rem 0 0; }

	.Service .section-2 { padding:13rem 2.4rem 13rem 2.4rem; }	
	.Service .section-2 h3 { font-size:3.6rem; font-weight:700; text-transform:uppercase; }
	.Service .section-2 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
	.Service .section-2 .mainTxt { margin:6rem 0 0; font-size:2rem; font-weight:400; color:#494949; }
	.Service .section-2 .Consulting-list { display:block; margin:10rem 0 0; gap:13rem 0; flex-wrap:wrap; }
	.Service .section-2 .Consulting-list li { width:100%; text-align:center; }
	.Service .section-2 .Consulting-list li:not(:last-child) { margin:0 0 8rem; }
	.Service .section-2 .Consulting-list li .ico { width:15rem; height:15rem; margin:0 auto; }
	.Service .section-2 .Consulting-list li:nth-child(1) .ico { background:url('../../assets/images/ico-Consulting-1.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li:nth-child(2) .ico { background:url('../../assets/images/ico-Consulting-2.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li:nth-child(3) .ico { background:url('../../assets/images/ico-Consulting-3.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li:nth-child(4) .ico { background:url('../../assets/images/ico-Consulting-4.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li:nth-child(5) .ico { background:url('../../assets/images/ico-Consulting-5.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li:nth-child(6) .ico { background:url('../../assets/images/ico-Consulting-6.svg') 50% 50% no-repeat; background-size:cover; }
	.Service .section-2 .Consulting-list li h5 { margin:3rem 0 0; font-size:2.5rem; font-weight:700; color:#222; }
	.Service .section-2 .Consulting-list li p { margin:2.4rem 0 0; font-size:2rem; font-weight:400; color:#494949; }

	.Service .section-3 { background:#FAFAFA; padding:15rem 2.4rem 15rem 2.4rem; }	
	.Service .section-3 h3 { font-size:3.6rem; font-weight:700; color:#222; }
	.Service .section-3 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
	.Service .section-3 h4 { margin:1.6rem 0 0; font-size:2.4rem; font-weight:700; color:#222; }
	.Service .section-3 .mainTxt { margin:6rem 0 0; font-size:2rem; font-weight:400; color:#494949; }
	.Service .section-3 .design-list { display:block; margin:10rem 0 0;  flex-wrap:wrap; }
	.Service .section-3 .design-list li { width:100%; padding-left:0; padding-top:7rem; }
	.Service .section-3 .design-list li:not(:last-child) { margin:0 0 12rem; }
	.Service .section-3 .design-list li:nth-child(1) { background:url('../../assets/images/ico-design-1.svg') 0 0 no-repeat; background-size:4rem; }
	.Service .section-3 .design-list li:nth-child(2) { background:url('../../assets/images/ico-design-2.svg') 0 0 no-repeat; background-size:4rem; }
	.Service .section-3 .design-list li:nth-child(3) { background:url('../../assets/images/ico-design-3.svg') 0 0 no-repeat; background-size:4rem; }
	.Service .section-3 .design-list li:nth-child(4) { background:url('../../assets/images/ico-design-4.svg') 0 0 no-repeat; background-size:4rem; }
	.Service .section-3 .design-list li:nth-child(5) { background:url('../../assets/images/ico-design-5.svg') 0 0 no-repeat; background-size:4rem; }
	.Service .section-3 .design-list li h5 { font-size:3rem; font-weight:700; color:#222; }
	.Service .section-3 .design-list li p { margin:4rem 0 0; font-size:2.4rem; font-weight:400; color:#494949; }

	.Service .section-4 { background:#232833; padding:15rem 2.4rem 15rem 2.4rem; }	
	.Service .section-4 h3 { font-size:4rem; font-weight:700; color:#fff; }
	.Service .section-4 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }	
	.Service .section-4 .mainTxt { margin:6rem 0 0; font-size:2rem; font-weight:400; color:#D3D3D3; }
	.Service .section-4 .service-list { display:flex; align-items:center; flex-direction:column; }
	.Service .section-4 .service-list li { display:flex; align-items:center; justify-content:center; width:13.5rem; height:13.5rem; border-radius:100%; margin-left:0; margin-top:-2rem; font-size:2rem; font-weight:700; }
	.Service .section-4 .service-list li:nth-child(1) { border:2px solid #20ACCF; color:#20ACCF; }
	.Service .section-4 .service-list li:nth-child(2) { border:2px solid #8CBA42; color:#8CBA42; }
	.Service .section-4 .service-list li:nth-child(3) { border:2px solid #EDB23A; color:#EDB23A; }
	.Service .section-4 .service-list li:nth-child(4) { border:2px solid #EDB23A; color:#EDB23A; }
	.Service .section-4 .service-list li:nth-child(5) { border:2px solid #8CBA42; color:#8CBA42; }
	.Service .section-4 .service-list li:nth-child(6) { border:2px solid #20ACCF; color:#20ACCF; }

	.Service .section-5 { padding:15rem 2.4rem 0 2.4rem; }	
	.Service .section-5 h3 { font-size:3.6rem; font-weight:700; text-transform:uppercase; }
	.Service .section-5 h3:before { content:""; display:block; width:5rem; height:0.4rem; background:#20ACCF; margin:0 0 2rem; }
	.Service .section-5 .mainTxt { margin:6rem 0 0; font-size:2rem; font-weight:400; color:#494949; }	
	.Service .section-5 .conWrap { margin:12rem 0 0; display:block; align-items:center; gap:13rem;  }
	.Service .section-5 .conWrap.row-revers { flex-direction:row-reverse; justify-content:flex-end; }
	.Service .section-5 .conWrap .img { text-align:center; }
	.Service .section-5 .conWrap .txt { margin:5rem 0 0; text-align:center; }
	.Service .section-5 .conWrap .txt .big { font-size:2.8rem; font-weight:700; color:#222; margin:0 0 3rem; }
	.Service .section-5 .conWrap .txt p { margin:1.6rem 0 0; font-size:2rem; font-weight:400; color:#494949; }

}



/***** Contact *****/
.Contact .section-1 { padding:0 0 20rem 50rem; }
.Contact .section-1 .titTxt1 { font-size:8rem; font-weight:700; color:#20ACCF; line-height:10rem; }	
.Contact .section-1 .subTxt { margin:4rem 0 0; font-size:4rem; font-weight:500; color:#20ACCF; }
.Contact .section-1 .owner { margin:12rem 0 0; font-size:3rem; font-weight:700; color:#222; }
.Contact .section-1 .info { margin:3rem 0 0; }
.Contact .section-1 .info li { padding-left:5rem; font-size:2.4rem; font-weight:500; color:#494949; }
.Contact .section-1 .info li a { color:#494949; }
.Contact .section-1 .info li:not(:last-child) { margin:0 0 3rem; }
.Contact .section-1 .info li:nth-child(1) { background:url('../../assets/images/ico-addr.svg') 0 50% no-repeat; }
.Contact .section-1 .info li:nth-child(2) { background:url('../../assets/images/ico-email.svg') 0 50% no-repeat; }
.Contact .section-1 .info li:nth-child(3) { background:url('../../assets/images/ico-tel.svg') 0 50% no-repeat; }
.Contact .section-1 .map { margin:10rem 0 0; padding-right:14rem; }
.Contact .section-1 .map iframe { width:100%; height:56rem; }

@media all and (max-width:1279px) {

	.Contact .section-1 { padding:0 4rem 0 4rem; }
	.Contact .section-1 .titTxt1 { font-size:8rem; font-weight:700; color:#20ACCF; line-height:10rem; }	
	.Contact .section-1 .subTxt { margin:4rem 0 0; font-size:4rem; font-weight:500; color:#20ACCF; }
	.Contact .section-1 .owner { margin:12rem 0 0; font-size:3rem; font-weight:700; color:#222; }
	.Contact .section-1 .info { margin:3rem 0 0; }
	.Contact .section-1 .info li { padding-left:5rem; font-size:2.4rem; font-weight:500; color:#494949; }
	.Contact .section-1 .info li a { color:#494949; }
	.Contact .section-1 .info li:not(:last-child) { margin:0 0 3rem; }
	.Contact .section-1 .info li:nth-child(1) { background:url('../../assets/images/ico-addr.svg') 0 50% no-repeat; }
	.Contact .section-1 .info li:nth-child(2) { background:url('../../assets/images/ico-email.svg') 0 50% no-repeat; }
	.Contact .section-1 .info li:nth-child(3) { background:url('../../assets/images/ico-tel.svg') 0 50% no-repeat; }
	.Contact .section-1 .map { margin:8rem 0 0; padding-right:0; }
	.Contact .section-1 .map iframe { width:100%; height:50rem; }

}

@media all and (max-width:767px) {

	.Contact .section-1 { padding:0 2.4rem 0 2.4rem; }
	.Contact .section-1 .titTxt1 { font-size:3.2rem; font-weight:700; color:#20ACCF; line-height:4rem; }	
	.Contact .section-1 .subTxt { margin:2rem 0 0; font-size:2.4rem; font-weight:500; color:#20ACCF; }
	.Contact .section-1 .owner { margin:8rem 0 0; font-size:2.4rem; font-weight:700; color:#222; }
	.Contact .section-1 .info { margin:2rem 0 0; }
	.Contact .section-1 .info li { padding-left:4rem; font-size:1.8rem; font-weight:500; color:#494949; }
	.Contact .section-1 .info li a { color:#494949; }
	.Contact .section-1 .info li:not(:last-child) { margin:0 0 2.5rem; }
	.Contact .section-1 .info li:nth-child(1) { background:url('../../assets/images/ico-addr.svg') 0 50% no-repeat; background-size:2.4rem; }
	.Contact .section-1 .info li:nth-child(2) { background:url('../../assets/images/ico-email.svg') 0 50% no-repeat; background-size:2.4rem; }
	.Contact .section-1 .info li:nth-child(3) { background:url('../../assets/images/ico-tel.svg') 0 50% no-repeat; background-size:2.4rem; }
	.Contact .section-1 .map { margin:10rem 0 0; padding-right:0; }
	.Contact .section-1 .map iframe { width:100%; height:50rem; }

}