@charset "utf-8";



/* Fullpage 관련 스타일 :: S */
/*
#fp-nav {}
#fp-nav ul {}
#fp-nav ul li {margin:0 auto 7px !important;}
#fp-nav ul li:last-child {margin:0 auto !important;}
#fp-nav ul li a {}
#fp-nav ul li a span {width:8px !important; height:8px !important; background:rgba(255,255,255,0.6) !important; border:2px solid #fff !important; box-sizing:border-box; margin:-4px 0 0 -4px !important; opacity:0.7; font-size:12px; line-height:16px;}
#fp-nav ul li a.active span {width:12px !important; height:12px !important; margin:-6px 0 0 -6px !important; background:rgba(255,255,255,0.8) !important; opacity:1;}
#fp-nav ul li div.fp-tooltip {height:20px; font-size:11px; line-height:20px; padding:0 12px; box-sizing:border-box; border-radius:10px; background:rgba(0,0,0,0.8); margin-top:-1px;}
*/

.twin.normal {
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
}
.twin.fast {
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.twin.slow {
transition:all 1s ease;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
-ms-transition:all 1s ease;
}
.delay_100 {transition-delay:0.1s !important;}
.delay_200 {transition-delay:0.2s !important;}
.delay_300 {transition-delay:0.3s !important;}
.delay_400 {transition-delay:0.4s !important;}
.delay_500 {transition-delay:0.5s !important;}
.delay_600 {transition-delay:0.6s !important;}
._alpha {opacity:0 !important;}
._alpha.act {opacity:1 !important;}
._up {margin-top:50px !important;}
._up.act {margin-top:0 !important;}
._down {margin-top:-50px !important;}
._down.act {margin-top:0 !important;}
._left {margin-left:50px !important;}
._left.act {margin-left:0 !important;}
._right {margin-left:-50px !important;}
._right.act {margin-left:0 !important;}

.fullpage {}
.fullpage .section {box-sizing:border-box; background-size:cover !important;}
/* Fullpage 관련 스타일 :: E */



/* 메인페이지 최상단 배너 슬라이드 영역 :: S */
.mainTopBanner.con {height:1080px;}

.mainTopBanner .mainTopBannerSlider {width:100%; height:100%; position:relative;}
.mainTopBannerSlider .swiper-slide {height:100%; position:relative; background-size:cover !important;
background-size:50% auto !important; background-position:left center !important;}
.mainTopBannerSlider .swiper-slide > div {width:100%; height:100%; position:relative; margin:0; padding:0 0 0 50%; box-sizing:border-box;}
.mainTopBannerSlider .swiper-slide .disT {background:rgba(1,48,136,1.0);}
.mainTopBannerSlider .swiper-slide .disTC {text-align:left; vertical-align:middle; padding:5rem 4.375rem; box-sizing:border-box;}
.mainTopBannerSlider .swiper-slide p {display:block; position:relative; text-align:left; margin:0; padding:0; font-size:1.6rem; line-height:2.0rem; font-weight:400; color:#fff; margin:0; padding:0;}
.mainTopBannerSlider .swiper-slide .t1 {font-size:3.0rem; line-height:3.2rem; font-weight:900;}
.mainTopBannerSlider .swiper-slide .t2 {font-size:6.0rem; line-height:6.4rem; font-weight:600; margin:2.4rem auto 0;}

.mainTopBannerSlider .utils {width:100%; position:absolute; top:auto; left:0; bottom:calc(50px + 60px + 8%); right:auto; margin:0; padding:0 0 0 50%;}
.mainTopBannerSlider .utils > div {width:100%; position:relative; text-align:left; margin:0; padding:0 4.375rem;}
.mainTopBannerSlider .utils > div > * {display:inline-block; position:relative; top:auto; left:auto; bottom:auto; right:auto; vertical-align:middle; margin:0 30px 0 0; padding:0;}
.mainTopBannerSlider .utils > div > *:last-child {margin:0;}
.mainTopBannerSlider .utils .swiper-arrow {}
.mainTopBannerSlider .utils .swiper-pagination {width:auto;}
.mainTopBannerSlider .utils .swiper-pagination,
.mainTopBannerSlider .utils .swiper-pagination * {font-size:2.2rem; line-height:2.2rem; font-weight:600; color:#fff;}
.mainTopBannerSlider .utils .swiper-pagination > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0;}

.mainTopBannerSlider .goToDown {width:100%; position:absolute; top:auto; left:0; bottom:30px; right:auto; margin:0; padding:0 0 0 50%;}
.mainTopBannerSlider .goToDown > div {width:100%; position:relative; text-align:left; margin:0; padding:0 4.375rem;}
.mainTopBannerSlider .goToDown a {display:block; width:50px; height:70px; position:relative; margin:0; padding:15px 0 0 0; box-sizing:border-box; text-align:center;}
.mainTopBannerSlider .goToDown a img {display:inline-block; max-width:100%; vertical-align:top; position:relative; z-index:3;}
.mainTopBannerSlider .goToDown a:before {display:block; content:''; width:50px; height:50px; position:absolute; top:0; left:50%; margin:0 0 0 -25px; padding:0; box-sizing:border-box; background:#00e600; border-radius:50%; z-index:1;}


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

@media screen and (max-width:1280px){
	.mainTopBannerSlider .swiper-slide p {font-size:1.6rem; line-height:2.0rem;}
	.mainTopBannerSlider .swiper-slide .t1 {font-size:3.0rem; line-height:3.2rem;}
	.mainTopBannerSlider .swiper-slide .t2 {font-size:5.0rem; line-height:5.4rem; margin:2.0rem auto 0;}
	
	.mainTopBannerSlider .utils {bottom:calc(50px + 60px + 4%);}
	.mainTopBannerSlider .utils > div > * {margin:0 15px 0 0;}
	.mainTopBannerSlider .utils > div > *:last-child {margin:0;}
	.mainTopBannerSlider .utils .swiper-arrow {width:10px; height:19px;}
	.mainTopBannerSlider .utils .swiper-pagination,
	.mainTopBannerSlider .utils .swiper-pagination * {font-size:1.5rem; line-height:19px;}
	
	.mainTopBannerSlider .goToDown a {width:30px; height:50px; padding:10px 0 0 0;}
	.mainTopBannerSlider .goToDown a:before {width:30px; height:30px; margin:0 0 0 -15px;}
	.mainTopBannerSlider .goToDown a img {max-width:10px;}
}

@media screen and (max-width:1080px){
	.mainTopBannerSlider .swiper-slide {background-size:cover !important; position-position:center center !important;}
}

@media screen and (max-width:960px){
	.mainTopBannerSlider .swiper-slide p {font-size:1.4rem; line-height:1.8rem;}
	.mainTopBannerSlider .swiper-slide .t1 {font-size:2.4rem; line-height:2.8rem;}
	.mainTopBannerSlider .swiper-slide .t2 {font-size:4.0rem; line-height:4.5rem; margin:1.4rem auto 0;}
}

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

@media screen and (max-width:640px){
	.mainTopBannerSlider .swiper-slide {background-size:cover !important; position-position:center center !important;}
	.mainTopBannerSlider .swiper-slide > div {height:50%; position:absolute; bottom:0; left:0; padding:0;}
	.mainTopBannerSlider .swiper-slide .disT {background:rgba(1,48,136,0.8);}
	.mainTopBannerSlider .swiper-slide .disTC {text-align:center; vertical-align:top; padding:3.0rem 1.5rem;}
	.mainTopBannerSlider .swiper-slide p {text-align:center; font-size:1.3rem; line-height:1.6rem;}
	.mainTopBannerSlider .swiper-slide .t1 {font-size:2.0rem; line-height:2.4rem;}
	.mainTopBannerSlider .swiper-slide .t2 {font-size:3.6rem; line-height:4.0rem; margin:1.0rem auto 0;}
	
	.mainTopBannerSlider .utils {bottom:100px; padding:0;}
	.mainTopBannerSlider .utils > div {padding:0 1.5rem; text-align:center;}
	.mainTopBannerSlider .utils > div > * {margin:0 10px 0 0;}
	.mainTopBannerSlider .utils > div > *:last-child {margin:0;}
	
	.mainTopBannerSlider .goToDown {bottom:10px; padding:0;}
	.mainTopBannerSlider .goToDown > div {padding:0 1.5rem;}
	.mainTopBannerSlider .goToDown a {margin:0 auto;}
}

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

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 최상단 배너 슬라이드 영역 :: E */



/* 메인페이지 소개문구 영역 :: S */
.mainIntroBanner.con {margin:0 auto;}

.mainIntroBanner.con .titleArea {padding:0 15px;}

.mainIntroBanner.con .dlArea {width:100%; position:relative; margin:0 auto; padding:7.0rem 0; box-sizing:border-box; background:#f2fef2;}
.mainIntroBanner.con .dlArea dl {display:inline-block; width:calc(33.33333333333333% - 2.0rem - 4px); position:relative; vertical-align:top; margin:0 3.0rem 0 0; padding:0; box-sizing:border-box;}
.mainIntroBanner.con .dlArea dl:last-child {margin:0;}
.mainIntroBanner.con .dlArea dl dt,
.mainIntroBanner.con .dlArea dl dd {display:block; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box;}
.mainIntroBanner.con .dlArea dl dt {border-radius:50px; box-shadow:3px 3px 8px 8px rgba(0,0,0,0.15);}
.mainIntroBanner.con .dlArea dl dt img {display:block; width:100%;}
.mainIntroBanner.con .dlArea dl dt p {display:block; width:100%; text-align:center; position:absolute; top:50%; left:0; margin:-3.0rem auto 0; padding:0; font-size:5.0rem; line-height:6.0rem; color:#fff; font-weight:900; opacity:0.5; z-index:1;}
.mainIntroBanner.con .dlArea dl dd {margin:3.0rem auto 0;}
.mainIntroBanner.con .dlArea dl dd p {display:block; text-align:center; position:relative; margin:0; padding:0; font-size:2.0rem; line-height:2.4rem; font-weight:400; color:#454545;}
.mainIntroBanner.con .dlArea dl dd .t1 {font-size:3.2rem; line-height:3.2rem; font-weight:900; color:#0046c5; margin:0 auto 1.5rem;}
.mainIntroBanner.con .dlArea dl dd .t2 {}


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

@media screen and (max-width:1280px){
	.mainIntroBanner.con .dlArea {padding:7.0rem 0;}
	.mainIntroBanner.con .dlArea dl {width:calc(33.33333333333333% - 1.0rem - 4px); margin:0 1.5rem 0 0;}
	.mainIntroBanner.con .dlArea dl:last-child {margin:0;}
	.mainIntroBanner.con .dlArea dl dt {/* border-radius:40px; */}
	.mainIntroBanner.con .dlArea dl dt p {margin:-2.5rem auto 0; font-size:4.0rem; line-height:5.0rem;}
	.mainIntroBanner.con .dlArea dl dd {margin:2.5rem auto 0;}
	.mainIntroBanner.con .dlArea dl dd p {font-size:1.8rem; line-height:2.2rem;}
	.mainIntroBanner.con .dlArea dl dd .t1 {font-size:2.8rem; line-height:2.8rem; margin:0 auto 1.2rem;}
	.mainIntroBanner.con .dlArea dl dd .t2 {}
}

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

@media screen and (max-width:960px){
	.mainIntroBanner.con .dlArea {padding:7.0rem 0;}
	.mainIntroBanner.con .dlArea dl {width:calc(33.33333333333333% - 0.7rem - 4px); margin:0 1.0rem 0 0;}
	.mainIntroBanner.con .dlArea dl:last-child {margin:0;}
	.mainIntroBanner.con .dlArea dl dt {/* border-radius:40px; */}
	.mainIntroBanner.con .dlArea dl dt p {margin:-2.0rem auto 0; font-size:3.0rem; line-height:4.0rem;}
	.mainIntroBanner.con .dlArea dl dd {margin:2.0rem auto 0;}
	.mainIntroBanner.con .dlArea dl dd p {font-size:1.5rem; line-height:2.0rem;}
	.mainIntroBanner.con .dlArea dl dd .t1 {font-size:2.4rem; line-height:2.4rem; margin:0 auto 1.0rem;}
	.mainIntroBanner.con .dlArea dl dd .t2 {}
}

@media screen and (max-width:768px){
	.mainIntroBanner.con .titleArea {padding:0 10px;}
}

@media screen and (max-width:640px){
	.mainIntroBanner.con .dlArea dl {display:block; width:100%; margin:0 auto 3.0rem;}
	.mainIntroBanner.con .dlArea dl:last-child {margin:0 auto;}
}

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

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 소개문구 영역 :: E */



/* 메인페이지 사업소개 슬라이드 영역 :: S */
.mainBusinessWrap.con {padding:3.0rem 0; background:#f7f7f7;}
.mainBusinessWrap.con .in {}
.mainBusinessWrap.con .in > div {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}

.mainBusinessWrap .titleArea {width:600px;}
.mainBusinessWrap .titleArea .arrows {width:56px; height:23px; position:relative; margin:3.0rem 0 0 0; padding:0;}
.mainBusinessWrap .titleArea .arrows a {display:inline-block; width:23px; height:23px; position:relative; vertical-align:middle; margin:0 6px 0 0; padding:0;}
.mainBusinessWrap .titleArea .arrows a:last-child {margin:0;}
.mainBusinessWrap .titleArea .arrows a img {max-width:100%; vertical-align:top;}

.mainBusinessWrap .slideArea {width:calc(100% - 604px);}
.mainBusinessWrap .slideArea .mainBusinessSlider {width:100%; position:relative; margin:0; padding:3.0rem 15px; box-sizing:border-box;}
.mainBusinessWrap .mainBusinessSlider .swiper-slide {position:relative; top:-2.0rem;}
.mainBusinessWrap .mainBusinessSlider .swiper-slide:nth-of-type(2n+2) {top:2.0rem;}
.mainBusinessWrap .mainBusinessSlider .swiper-slide a {display:block; width:100%; position:relative; margin:0; padding:0; border-radius:30px; box-shadow:3px 3px 8px 8px rgba(0,0,0,0.15); overflow:hidden;}
.mainBusinessWrap .mainBusinessSlider .swiper-slide img {display:block; width:100%;}
.mainBusinessWrap .mainBusinessSlider .swiper-slide .info {width:100%; position:relative; margin:0 auto; padding:3.0rem; box-sizing:border-box; background:#003087;}
.mainBusinessWrap .mainBusinessSlider .swiper-slide .info p {display:block; position:relative; text-align:left; margin:0; padding:0; font-size:1.5rem; line-height:1.8rem; font-weight:600; color:#fff;}
.mainBusinessWrap .mainBusinessSlider .swiper-slide .info .t1 {}
.mainBusinessWrap .mainBusinessSlider .swiper-slide .info .t2 {font-size:3.2rem; line-height:3.6rem; font-weight:900; margin:1.5rem auto 0;}


@media screen and (max-width:1440px){
	.mainBusinessWrap .titleArea {width:500px;}
	
	.mainBusinessWrap .slideArea {width:calc(100% - 504px);}
}

@media screen and (max-width:1280px){
	.mainBusinessWrap .titleArea {width:450px;}
	
	.mainBusinessWrap .slideArea {width:calc(100% - 454px);}
}

@media screen and (max-width:1080px){
	.mainBusinessWrap .titleArea {width:400px;}
	
	.mainBusinessWrap .slideArea {width:calc(100% - 404px);}
}

@media screen and (max-width:960px){
	.mainBusinessWrap.con .in > div {display:block;}
	
	.mainBusinessWrap .titleArea {width:100%; margin:0 auto 3.0rem !important;}
	
	.mainBusinessWrap .slideArea {width:100%;}
	.mainBusinessWrap .slideArea .mainBusinessSlider {padding:0;}
	.mainBusinessWrap .mainBusinessSlider .swiper-slide {top:0;}
	.mainBusinessWrap .mainBusinessSlider .swiper-slide:nth-of-type(2n+2) {top:0;}
}

@media screen and (max-width:768px){
	.mainBusinessWrap .mainBusinessSlider .swiper-slide a {border-radius:20px; box-shadow:none;}
}

@media screen and (max-width:640px){
	.mainBusinessWrap .mainBusinessSlider .swiper-slide a {border-radius:15px;}
	.mainBusinessWrap .mainBusinessSlider .swiper-slide .info {padding:2.4rem;}
	.mainBusinessWrap .mainBusinessSlider .swiper-slide .info p {font-size:1.4rem; line-height:1.7rem;}
	.mainBusinessWrap .mainBusinessSlider .swiper-slide .info .t1 {}
	.mainBusinessWrap .mainBusinessSlider .swiper-slide .info .t2 {font-size:2.8rem; line-height:3.2rem; margin:1.3rem auto 0;}
}

@media screen and (max-width:480px){
	.mainBusinessWrap .mainBusinessSlider .swiper-slide a {border-radius:10px;}
	.mainBusinessWrap .mainBusinessSlider .swiper-slide .info {padding:2.0rem;}
	.mainBusinessWrap .mainBusinessSlider .swiper-slide .info p {font-size:1.3rem; line-height:1.6rem;}
	.mainBusinessWrap .mainBusinessSlider .swiper-slide .info .t1 {}
	.mainBusinessWrap .mainBusinessSlider .swiper-slide .info .t2 {font-size:2.4rem; line-height:2.8rem; margin:1.2rem auto 0;}
}

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 사업소개 슬라이드 영역 :: E */



/* 메인페이지 뉴스 슬라이드 영역 :: S */
.mainNewsWrap.con {}

.mainNewsWrap.con .titleArea {}
.mainNewsWrap.con .titleArea a.t1 {position:absolute; bottom:0; right:0; margin:0; padding:0;}

.mainNewsWrap.con .slideArea {width:100%; position:relative; margin:0; padding:0;}
.mainNewsWrap.con .slideArea .mainNewsSlider {position:relative; padding:0; box-sizing:border-box;}
.mainNewsWrap.con .mainNewsSlider .swiper-slide {position:relative;}
.mainNewsWrap.con .mainNewsSlider .swiper-slide a {display:block; width:100%; position:relative; border-radius:30px; overflow:hidden;}
.mainNewsWrap.con .mainNewsSlider .swiper-slide img {display:block; width:100%;}
.mainNewsWrap.con .mainNewsSlider .swiper-slide .info {width:100%; position:relative; margin:0 auto; padding:3.0rem; box-sizing:border-box; background:#f3f3f3;}
.mainNewsWrap.con .mainNewsSlider .swiper-slide .info p {display:block; position:relative; text-align:left; margin:0; padding:0; font-size:1.5rem; line-height:1.8rem; font-weight:900; color:#a8a8a8;}
.mainNewsWrap.con .mainNewsSlider .swiper-slide .info .title {font-size:3.0rem; line-height:3.4rem; font-weight:700; color:#333; margin:0 auto 2.0rem;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:2.6rem; line-height:3.0rem;}
.mainNewsWrap.con .mainNewsSlider .swiper-slide .info .date {}


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

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

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

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

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

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

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

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 뉴스 슬라이드 영역 :: E */



/* 메인페이지 인증서 나열 영역 :: S */
.mainCertificationWrap.con:not(.sub) {margin:0 auto; padding:8.0rem 0; background-size:cover !important; background:url('/public/images/main/cm_sec_4_bg_1.jpg') center center no-repeat;}

.mainCertificationWrap .labArea {width:100%; position:relative; margin:0 auto 12.0rem; padding:0 10.0rem; box-sizing:border-box; border-radius:3.0rem; background-size:cover !important; /* overflow:hidden; */ background:url('/public/images/about/cm_about_banner_2_bg_1.jpg') center center no-repeat;}
.mainCertificationWrap .labArea .txt {width:50%; height:100.0rem; position:relative; margin:0; padding:0; box-sizing:border-box;}
.mainCertificationWrap .labArea .txt .disT {}
.mainCertificationWrap .labArea .txt .disTC {}
.mainCertificationWrap .labArea .txt p {display:block; position:relative; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:3.0rem; line-height:3.4rem; font-weight:700; color:#fff;}
.mainCertificationWrap .labArea .txt .year {font-size:6.0rem; line-height:6.4rem; font-weight:900; margin:0 auto 1.5rem;}
.mainCertificationWrap .labArea .txt .t2 {font-size:3.8rem; line-height:4.2rem; font-weight:700;}
.mainCertificationWrap .labArea .img {width:40%; height:auto; text-align:right; position:absolute; bottom:-4.0rem; right:10.0rem;}
.mainCertificationWrap .labArea .img img {max-width:100%; vertical-align:bottom; box-shadow:3px 3px 8px 8px rgba(0,0,0,0.15);}

.mainCertificationWrap .certiArea {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.mainCertificationWrap .certiArea ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.mainCertificationWrap .certiArea ul li {display:inline-block; width:calc(25% - 19px); position:relative; vertical-align:top; margin:0 20px 0 0; padding:0; text-align:center;}
.mainCertificationWrap .certiArea ul li:nth-of-type(4n+4) {margin:0;}
.mainCertificationWrap .certiArea ul li img {max-width:100%; vertical-align:top;}
.mainCertificationWrap .certiArea ul li p {display:block; position:relative; text-align:left; margin:0.5rem auto 0; padding:0; font-size:2.0rem; line-height:2.4rem; font-weight:600; color:#333;}
.mainCertificationWrap .certiArea ul li .year {font-size:1.4rem; line-height:1.8rem; font-weight:700; color:#a8a8a8; margin:1.5rem auto 0.8rem;}
.mainCertificationWrap .certiArea ul li .tit {font-size:2.4rem; line-height:2.8rem; font-weight:900; color:#000;}


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

@media screen and (max-width:1280px){
	.mainCertificationWrap .labArea .txt {width:340px;}
	.mainCertificationWrap .labArea .img {width:calc(100% - 20.0rem - 340px);}
}

@media screen and (max-width:1080px){
	.mainCertificationWrap .labArea {padding:0 8.0rem;}
	.mainCertificationWrap .labArea .txt {height:90.0rem;}
	.mainCertificationWrap .labArea .img {width:calc(100% - 16.0rem - 340px); right:8.0rem;}
}

@media screen and (max-width:960px){
	.mainCertificationWrap .labArea {padding:0 6.0rem;}
	.mainCertificationWrap .labArea .txt {height:80.0rem;}
	.mainCertificationWrap .labArea .img {width:calc(100% - 12.0rem - 340px); right:6.0rem;}
}

@media screen and (max-width:768px){
	.mainCertificationWrap.con {padding:6.0rem 0;}
	.mainCertificationWrap .certiArea ul li {width:calc(50% - 0.7rem - 4px); margin:0 1.0rem 1.0rem 0;}
	.mainCertificationWrap .certiArea ul li:nth-of-type(4n+4) {margin:0 1.4rem 1.4rem 0;}
	.mainCertificationWrap .certiArea ul li:nth-of-type(2n+2) {margin:0 0 1.4rem 0;}
	.mainCertificationWrap .certiArea ul li p {font-size:1.4rem; line-height:2.0rem;}
	.mainCertificationWrap .certiArea ul li .year {font-size:1.3rem; line-height:1.8rem; margin:1.3rem auto 0.7rem;}
	.mainCertificationWrap .certiArea ul li .tit {font-size:2.2rem; line-height:2.6rem;}

	.mainCertificationWrap .labArea {padding:0 5.0rem;}
	.mainCertificationWrap .labArea .txt {height:70.0rem;}
	.mainCertificationWrap .labArea .img {width:calc(100% - 10.0rem - 340px); right:5.0rem;}
}

@media screen and (max-width:640px){
	.mainCertificationWrap .certiArea ul li .year {font-size:1.2rem; line-height:1.7rem; margin:1.2rem auto 0.6rem;}
	.mainCertificationWrap .certiArea ul li .tit {font-size:2.0rem; line-height:2.4rem;}

	.mainCertificationWrap .labArea {padding:0 4.0rem;}
	.mainCertificationWrap .labArea .txt {width:250px; height:60.0rem;}
	.mainCertificationWrap .labArea .txt p {font-size:2.4rem; line-height:2.8rem;}
	.mainCertificationWrap .labArea .txt .year {font-size:5.0rem; line-height:5.4rem; margin:0 auto 1.5rem;}
	.mainCertificationWrap .labArea .txt .t2 {font-size:3.2rem; line-height:3.6rem;}
	.mainCertificationWrap .labArea .img {width:calc(100% - 8.0rem - 250px); right:4.0rem;}
}

@media screen and (max-width:560px){
	.mainCertificationWrap .labArea {padding:0 3.0rem;}
	.mainCertificationWrap .labArea .txt {height:50.0rem;}
	.mainCertificationWrap .labArea .img {width:calc(100% - 6.0rem - 250px); right:3.0rem;}
}

@media screen and (max-width:480px){
	.mainCertificationWrap .certiArea ul li .year {font-size:1.2rem; line-height:1.6rem; margin:1.2rem auto 0.6rem;}
	.mainCertificationWrap .certiArea ul li .tit {font-size:1.8rem; line-height:2.2rem;}

	.mainCertificationWrap .labArea {padding:0 2.5rem;}
	.mainCertificationWrap .labArea .txt {width:160px; height:40.0rem;}
	.mainCertificationWrap .labArea .txt p {font-size:1.8rem; line-height:2.2rem;}
	.mainCertificationWrap .labArea .txt .year {font-size:3.2rem; line-height:3.6rem; margin:0 auto 1.0rem;}
	.mainCertificationWrap .labArea .txt .t2 {font-size:2.4rem; line-height:2.8rem;}
	.mainCertificationWrap .labArea .img {width:calc(100% - 5.0rem - 200px); right:2.5rem;}
}

@media screen and (max-width:360px){
	.mainCertificationWrap .labArea .txt {width:160px; height:40.0rem;}
	.mainCertificationWrap .labArea .img {width:calc(100% - 5.0rem - 160px); right:2.5rem;}
}

@media screen and (max-width:320px){
	
}
/* 메인페이지 인증서 나열 영역 :: E */



/* 메인페이지 고객문의 영역 :: S */
.mainContactWrap.con {margin:0 auto; padding:8.0rem 0; background-size:cover !important; background:url('/public/images/cm_contact_form_bg_1.jpg') center center no-repeat;}
.mainContactWrap.con .in > div {display:inline-block; width:calc(50% - 4px); position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box;}

.mainContactWrap.con .titleArea {}

.mainContactWrap.con .formArea {}
.mainContactWrap .formArea form {display:block; width:100%; position:relative; margin:0; padding:0;}
.mainContactWrap .formArea form > * {display:block; width:100%; position:relative; margin:0 auto 0.6rem; padding:0; box-sizing:border-box; font-size:1.4rem; line-height:2.0rem; font-weight:500; color:#fff; border-radius:0; border:0; box-shadow:none;}
.mainContactWrap .formArea form .noti {text-align:right;}
.mainContactWrap .formArea form .inp {height:6.0rem; line-height:6.0rem; color:#fff; padding:0 3.0rem; background:rgba(255,255,255,0.3);}
.mainContactWrap .formArea form select.inp {}
.mainContactWrap .formArea form select.inp option {color:#fff; background:#0046c5;}
.mainContactWrap .formArea form textarea.inp {height:auto; min-height:90px; padding:1.0rem 3.0rem; line-height:2.0rem;}
.mainContactWrap .formArea form .inp::placeholder {color:#fff;}
.mainContactWrap .formArea form .submitArea {margin:3.0rem auto 0; overflow:hidden;}
.mainContactWrap .formArea form .submitArea > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.mainContactWrap .formArea form .submitArea .agree {/* width:calc(100% - 225px); */ text-align:left;}
.mainContactWrap .formArea form .submitArea .agree > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:1.6rem; line-height:20px; font-weight:600; color:#fff;}
.mainContactWrap .formArea form .submitArea .agree input[type="checkbox"] {width:16px; height:16px; margin:0 5px 0 0;}
.mainContactWrap .formArea form .submitArea .agree label {}
.mainContactWrap .formArea form .submitArea .submit {width:220px; height:50px; float:right; text-align:center; font-size:1.8rem; line-height:44px; font-weight:700; color:#fff; border:3px solid #fff;}
.mainContactWrap .formArea form .submitArea .submit:hover {color:#0046c5; background:#fff;}


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

@media screen and (max-width:1280px){
	.mainContactWrap.con .in .titleArea {width:calc(45% - 4px);}

	.mainContactWrap.con .in .formArea {width:calc(55% - 4px);}
}

@media screen and (max-width:1080px){
	.mainContactWrap.con .in .titleArea {width:calc(40% - 4px);}

	.mainContactWrap.con .in .formArea {width:calc(60% - 4px);}
}

@media screen and (max-width:960px){
	.mainContactWrap.con .in > div {display:block;}
	
	.mainContactWrap.con .in .titleArea {width:100%; margin:0 auto 3.0rem;}

	.mainContactWrap.con .in .formArea {width:100%;}
}

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

@media screen and (max-width:640px){
	.mainContactWrap .formArea form .submitArea .submit {display:block; float:none; margin:3.0rem auto 0;}
}

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

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 고객문의 영역 :: E */







/* 메인페이지 구독안내 영역 :: S */
.mainSubscribeWrap.con {padding:3.75rem 0; background:#f3ecf7;}
.mainSubscribeWrap ._area {display:inline-block; width:calc(50% - 4px); position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box;}
.mainSubscribeWrap ._area._1 {padding:0 80px 0 0;}
.mainSubscribeWrap ._area._2 {}
.mainSubscribeWrap ._area .titleArea {margin:0;}
.mainSubscribeWrap ._area .titleArea .t1 {}
.mainSubscribeWrap ._area .titleArea .t1 img {max-width:100%; display:inline-block; vertical-align:middle; margin:-4px 0 0 0;}
.mainSubscribeWrap ._area .inputArea {width:100%; position:relative; margin:1rem auto 0; padding:0; overflow:hidden;}
.mainSubscribeWrap ._area .inputArea > * {display:block; float:left; height:3.75rem; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:1.25rem; line-height:3.75rem; font-weight:700; color:#fff; background:#610c9f; border:0; border-radius:5px;}
.mainSubscribeWrap ._area .inputArea input {width:calc(100% - 134px); margin:0 10px 0 0; padding:0 10px; color:#555; background:#fff;}
.mainSubscribeWrap ._area .inputArea a {width:120px; text-align:center;}
.mainSubscribeWrap ._area .dlArea {width:100%; position:relative; margin:1rem auto 0; padding:0;}
.mainSubscribeWrap ._area .dlArea dl {display:block; position:relative; margin:0; padding:0; border-top:1px solid #d9c4e7;}
.mainSubscribeWrap ._area .dlArea dl:first-child {border-top:0;}
.mainSubscribeWrap ._area .dlArea dl dt,
.mainSubscribeWrap ._area .dlArea dl dd {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:1rem; line-height:34px; font-weight:500; color:#333;}
.mainSubscribeWrap ._area .dlArea dl dt {width:250px; font-weight:700; color:#610c9f; padding:0 0 0 10px;}
.mainSubscribeWrap ._area .dlArea dl dt:before {display:block; content:''; width:5px; height:5px; position:absolute; top:50%; left:0; margin:-2.5px 0 0 0; background:#610c9f; border-radius:50%;}
.mainSubscribeWrap ._area .dlArea dl dd {width:calc(100% - 255px);}


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

@media screen and (max-width:1280px){
	.mainSubscribeWrap ._area._1 {padding:0 50px 0 0;}
}

@media screen and (max-width:1080px){
	.mainSubscribeWrap ._area._1 {padding:0 30px 0 0;}
}

@media screen and (max-width:960px){
	.mainSubscribeWrap ._area {dispaly:block; width:100%; margin:0 auto 3rem;}
	.mainSubscribeWrap ._area:last-child {margin:0 auto;}
	.mainSubscribeWrap ._area._1 {padding:0;}
}

@media screen and (max-width:768px){
	.mainSubscribeWrap ._area .inputArea input {width:calc(100% - 114px);}
	.mainSubscribeWrap ._area .inputArea a {width:100px;}
}

@media screen and (max-width:640px){
	.mainSubscribeWrap ._area .inputArea input {width:calc(100% - 104px);}
	.mainSubscribeWrap ._area .inputArea a {width:90px;}
	
	.mainSubscribeWrap ._area .dlArea dl dt,
	.mainSubscribeWrap ._area .dlArea dl dd {}
	.mainSubscribeWrap ._area .dlArea dl dt {width:calc(50% - 4px);}
	.mainSubscribeWrap ._area .dlArea dl dd {width:calc(50% - 4px);}
}

@media screen and (max-width:480px){
	.mainSubscribeWrap ._area .dlArea dl dt,
	.mainSubscribeWrap ._area .dlArea dl dd {display:block; width:100% !important; line-height:30px;}
}

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 구독안내 영역 :: E */



/* 메인페이지 컨턴런스 링크 영역 :: S */
.mainConferenceWrap.con {}

.mainConferenceWrap .titleArea {}

.mainConferenceWrap .linkArea {width:100%; position:relative;}
.mainConferenceWrap .linkArea ul {display:block; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box;}
.mainConferenceWrap .linkArea ul li {display:inline-block; width:calc(20% - 4px); position:relative; text-align:center; vertical-align:top; margin:0; padding:0; box-sizing:border-box;}
.mainConferenceWrap .linkArea ul li a {display:block; position:relative; margin:0; padding:0;}
.mainConferenceWrap .linkArea ul li a .img {width:220px; height:220px; position:relative; margin:0 auto; padding:0;}
.mainConferenceWrap .linkArea ul li a .img img {display:block; width:100%; height:100%; position:relative; z-index:1;}
.mainConferenceWrap .linkArea ul li a .img img.on {position:absolute; top:0; left:0; z-index:3; opacity:0;}
.mainConferenceWrap .linkArea ul li a p {display:block; position:relative; text-align:center; font-size:1.125rem; line-height:1.375rem; font-weight:700; color:#333; margin:1.5rem auto 0; padding:0; text-transform:uppercase;}
.mainConferenceWrap .linkArea ul li a:hover .img img.on {opacity:1;}


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

@media screen and (max-width:1280px){
	.mainConferenceWrap .linkArea ul li {}
	.mainConferenceWrap .linkArea ul li a .img {width:200px; height:200px;}
	.mainConferenceWrap .linkArea ul li a p {}
}

@media screen and (max-width:1080px){
	.mainConferenceWrap .linkArea ul li {}
	.mainConferenceWrap .linkArea ul li a .img {width:180px; height:180px;}
	.mainConferenceWrap .linkArea ul li a p {}
}

@media screen and (max-width:960px){
	.mainConferenceWrap .linkArea ul li {}
	.mainConferenceWrap .linkArea ul li a .img {width:150px; height:150px;}
	.mainConferenceWrap .linkArea ul li a p {}
}

@media screen and (max-width:768px){
	.mainConferenceWrap .linkArea ul {}
	.mainConferenceWrap .linkArea ul li {width:calc(33.33333333333333% - 4px); margin:1.5rem 0;}
	.mainConferenceWrap .linkArea ul li a .img {width:150px; height:150px;}
	.mainConferenceWrap .linkArea ul li a p {margin:0.8rem auto 0;}
}

@media screen and (max-width:640px){
	.mainConferenceWrap .linkArea ul {}
	.mainConferenceWrap .linkArea ul li {width:calc(50% - 4px); margin:1.5rem 0;}
	.mainConferenceWrap .linkArea ul li a .img {width:140px; height:140px;}
	.mainConferenceWrap .linkArea ul li a p {margin:0.6rem auto 0;}
}

@media screen and (max-width:480px){
	.mainConferenceWrap .linkArea ul {}
	.mainConferenceWrap .linkArea ul li {display:block; width:100%; margin:0 auto 1.5rem;}
	.mainConferenceWrap .linkArea ul li:last-child {margin:0 auto;}
	.mainConferenceWrap .linkArea ul li a .img {width:160px; height:160px;}
	.mainConferenceWrap .linkArea ul li a p {}
}

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 컨턴런스 링크 영역 :: E */



/* 메인페이지 뉴스&업데이트 슬라이드 영역 :: S */
.mainNewsUpdatesWrap.con {padding:7rem 0;}
.mainNewsUpdatesWrap:before {display:block; content:''; width:90%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; background-size:cover !important; background:url('/public/images/main/cm_main_sec_2_bg_1.png') center center no-repeat; z-index:-1;}

.mainNewsUpdatesWrap .titleArea {}

.mainNewsUpdatesWrap .slideArea {width:100%; position:relative; margin:0 auto; padding:0;}
.mainNewsUpdatesWrap .slideArea .newsUpdatesSlider {width:125%; position:relative; margin:0; padding:0; overflow:visible;}
.mainNewsUpdatesWrap .newsUpdatesSlider .swiper-slide {position:relative;}
.mainNewsUpdatesWrap .newsUpdatesSlider .swiper-slide a {display:block; width:100%; position:relative; border-radius:1.25rem; overflow:hidden; box-shadow:3px 3px 10px 10px rgba(0,0,0,0.0);}
.mainNewsUpdatesWrap .newsUpdatesSlider .swiper-slide a .thumbnail {width:100%; position:relative;}
.mainNewsUpdatesWrap .newsUpdatesSlider .swiper-slide a .thumbnail img {display:block; width:100%;}
.mainNewsUpdatesWrap .newsUpdatesSlider .swiper-slide a .information {width:100%; position:relative; margin:0; padding:2rem 3rem; box-sizing:border-box; background:#1d1d1d;}
.mainNewsUpdatesWrap .newsUpdatesSlider .swiper-slide a .information p {display:block; position:relative; margin:0; padding:0; color:#fff;}
.mainNewsUpdatesWrap .newsUpdatesSlider .swiper-slide a .information .date {font-size:0.8125; line-height:1rem; font-weight:500; color:#999;}
.mainNewsUpdatesWrap .newsUpdatesSlider .swiper-slide a .information .title {font-size:1.75rem; line-height:2.0rem; font-weight:700; color:#fff; margin:1.5rem auto 0;}
.mainNewsUpdatesWrap .newsUpdatesSlider .swiper-slide a:hover {box-shadow:3px 3px 8px 8px rgba(0,0,0,0.15);}
.mainNewsUpdatesWrap .newsUpdatesSlider .swiper-slide a:hover .information {background:#610c9f;}

.mainNewsUpdatesWrap .newsUpdatesSlider .arrows {width:75%; height:23px; text-align:right; position:absolute; top:calc(-4rem - 30px); left:0; bottom:auto; right:auto; margin:0; padding:0;}
.mainNewsUpdatesWrap .newsUpdatesSlider .arrows .swiper-arrow {display:inline-block; width:23px; height:23px; position:relative; top:auto; left:auto; bottom:auto; right:auto; margin:0; padding:0;}
.mainNewsUpdatesWrap .newsUpdatesSlider .arrows .swiper-button-prev {background:url('/public/images/cm_arrow_black_2_left.png') center center no-repeat; margin:0 10px 0 0;}
.mainNewsUpdatesWrap .newsUpdatesSlider .arrows .swiper-button-next {background:url('/public/images/cm_arrow_black_2_right.png') center center no-repeat;}


@media screen and (max-width:1440px){
	.mainNewsUpdatesWrap:before {width:95%;}
}

@media screen and (max-width:1280px){
	.mainNewsUpdatesWrap:before {width:95%;}
}

@media screen and (max-width:1080px){
	.mainNewsUpdatesWrap:before {width:96%;}
}

@media screen and (max-width:960px){
	.mainNewsUpdatesWrap:before {width:97%;}
}

@media screen and (max-width:768px){
	.mainNewsUpdatesWrap:before {width:100%;}
}

@media screen and (max-width:640px){
	.mainNewsUpdatesWrap .slideArea .newsUpdatesSlider {width:100%; overflow:hidden;}
}

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

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 뉴스&업데이트 슬라이드 영역 :: E */



/* 메인페이지 웰컴 APAAC 영역 :: S */
.mainWelcomeAPAACWrap.con {padding:7rem 0;}
.mainWelcomeAPAACWrap:before {display:block; content:''; width:90%; height:100%; position:absolute; top:0; /* left:10%; */ right:0; margin:0; padding:0; background-size:cover !important; background:url('/public/images/main/cm_main_sec_3_bg_1.png') center center no-repeat; z-index:-1;}

.mainWelcomeAPAACWrap .titleArea {}

.mainWelcomeAPAACWrap .iconArea {width:90%; position:relative; margin:0 0 0 10%; padding:0;}
.mainWelcomeAPAACWrap .iconArea ul {width:100%; position:relative; margin:0; padding:0; text-align:right;}
.mainWelcomeAPAACWrap .iconArea ul li {display:inline-block; width:calc(16.66666666666667% - 4px); position:relative; vertical-align:top; margin:0; padding:0;}
.mainWelcomeAPAACWrap .iconArea ul li p {display:block; position:relative; text-align:center; margin:0; padding:0; font-size:2rem; line-height:2.4rem; font-weight:700; color:#fff;}
.mainWelcomeAPAACWrap .iconArea ul li p img {max-width:100%; vertical-align:top;}
.mainWelcomeAPAACWrap .iconArea ul li p span {display:block; position:relative; text-align:center; font-size:1.0rem; line-height:1.2rem; font-weight:600; margin:2.5px auto 0;}
.mainWelcomeAPAACWrap .iconArea ul li .icon {width:200px; height:200px; margin:0 auto 1rem; padding:55px; box-sizing:border-box; background:rgba(255,255,255,0.15); border-radius:50%;}


@media screen and (max-width:1440px){
	.mainWelcomeAPAACWrap:before {width:95%;}
	
	.mainWelcomeAPAACWrap .iconArea ul li {}
	.mainWelcomeAPAACWrap .iconArea ul li .icon {width:180px; height:180px; padding:45px;}
}

@media screen and (max-width:1280px){
	.mainWelcomeAPAACWrap:before {width:95%;}
	
	.mainWelcomeAPAACWrap .iconArea {width:95%; margin:0 0 0 5%;}
	.mainWelcomeAPAACWrap .iconArea ul li {}
	.mainWelcomeAPAACWrap .iconArea ul li .icon {width:160px; height:160px; padding:35px;}
}

@media screen and (max-width:1080px){
	.mainWelcomeAPAACWrap:before {width:96%;}
	
	.mainWelcomeAPAACWrap .iconArea {width:96%; margin:0 0 0 4%;}
	.mainWelcomeAPAACWrap .iconArea ul li {}
	.mainWelcomeAPAACWrap .iconArea ul li .icon {width:140px; height:140px; padding:25px;}
}

@media screen and (max-width:960px){
	.mainWelcomeAPAACWrap:before {width:97%;}
	
	.mainWelcomeAPAACWrap .iconArea {width:97%; margin:0 0 0 3%;}
	.mainWelcomeAPAACWrap .iconArea ul li {}
	.mainWelcomeAPAACWrap .iconArea ul li .icon {width:120px; height:120px; padding:15px;}
}

@media screen and (max-width:768px){
	.mainWelcomeAPAACWrap:before {width:100%;}
	
	.mainWelcomeAPAACWrap .iconArea {width:100%; margin:0;}
	.mainWelcomeAPAACWrap .iconArea ul li {width:calc(33.33333333333333% - 4px); margin:1.5rem 0;}
	.mainWelcomeAPAACWrap .iconArea ul li .icon {width:120px; height:120px; padding:15px;}
	
}

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

@media screen and (max-width:480px){
	.mainWelcomeAPAACWrap .iconArea {}
	.mainWelcomeAPAACWrap .iconArea ul li {width:calc(50% - 4px); margin:1.2rem 0;}
	.mainWelcomeAPAACWrap .iconArea ul li .icon {width:120px; height:120px; padding:15px;}
}

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 웰컴 APAAC 영역 :: E */



/* 메인페이지 나열 배너 영역 :: S */
.mainDualBannerWrap.con {}

.mainDualBannerWrap .banner {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box;}
.mainDualBannerWrap .banner._1 {width:27.7%;}
.mainDualBannerWrap .banner._2 {width:calc(71.65% - 5px); margin:0 0 0 0.5%;}

.mainDualBannerWrap .titleArea {margin:0 auto 1.25rem;}

.mainDualBannerWrap .slideArea {width:100%; height:0; position:relative; margin:0 auto; padding:0; box-sizing:border-box; padding-bottom:100%; overflow:hidden; background:#f6f6f6; border-radius:30px;}
.mainDualBannerWrap .slideArea > div {width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; box-sizing:border-box;}
.mainDualBannerWrap .slideArea .testimonialsSlider {width:100%; height:100%; position:relative; margin:0; padding:0;}
.mainDualBannerWrap .testimonialsSlider .swiper-slide {position:relative;}
.mainDualBannerWrap .testimonialsSlider .swiper-slide .disT {}
.mainDualBannerWrap .testimonialsSlider .swiper-slide .disTC {text-align:center; vertical-align:middle; padding:15px; box-sizing:border-box;}
.mainDualBannerWrap .testimonialsSlider .swiper-slide p,
.mainDualBannerWrap .testimonialsSlider .swiper-slide img {display:block; position:relative; margin:0 auto; padding:0; font-size:0.8125rem; line-height:1.25rem; font-weight:500; color:#333;}
.mainDualBannerWrap .testimonialsSlider .swiper-slide img {max-width:100%; margin:0 auto 30px;}
.mainDualBannerWrap .testimonialsSlider .swiper-slide p {}

.mainDualBannerWrap .testimonialsSlider .swiper-pagination {width:100%; height:10px; position:absolute; top:auto; left:0; bottom:5%; right:auto; text-align:center; margin:0;}
.mainDualBannerWrap .testimonialsSlider .swiper-pagination span {display:inline-block; position:relative; vertical-align:top; width:10px; height:10px; margin:0 8px 0 0; padding:0; background:#000; border-radius:50%; opacity:1;}
.mainDualBannerWrap .testimonialsSlider .swiper-pagination span:last-child {margin:0;}
.mainDualBannerWrap .testimonialsSlider .swiper-pagination span.swiper-pagination-bullet-active {background:#e95793;}

.mainDualBannerWrap .videoArea {width:100%; /* height:0; */ position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.mainDualBannerWrap .videoArea > * {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box;}
.mainDualBannerWrap .videoArea .youtube {width:68.65%;}
.mainDualBannerWrap .videoArea .youtube > div {width:100%; height:0; position:relative; margin:0; padding:0; box-sizing:borer-box; padding-bottom:56.25%; overflow:hidden;}
.mainDualBannerWrap .videoArea .youtube iframe {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.mainDualBannerWrap .videoArea .flicker {width:calc(31.35% - 10px); margin:0 0 0 5px;}
.mainDualBannerWrap .videoArea .flicker img {width:100%; veritcal-align:top;}


@media screen and (max-width:1440px){
	.mainDualBannerWrap .testimonialsSlider .swiper-slide img {max-width:85%; margin:0 auto 10px;}
}

@media screen and (max-width:1280px){
	.mainDualBannerWrap .testimonialsSlider .swiper-slide .disTC {padding:12px 12px 25px 12px;}
	.mainDualBannerWrap .testimonialsSlider .swiper-slide img {max-width:70%;}
	
	.mainDualBannerWrap .testimonialsSlider .swiper-pagination {bottom:10px;}
}

@media screen and (max-width:1240px){
	.mainDualBannerWrap.con {max-width:960px;}
	
	.mainDualBannerWrap .banner {display:block; text-align:center;}
	
	.mainDualBannerWrap .banner._1 {width:100%; margin:0 auto 3.2rem;}
	.mainDualBannerWrap .banner._1 .titleArea > * {text-align:center !important;}
	.mainDualBannerWrap .slideArea {height:auto; margin:0 auto; padding-bottom:0; border-radius:20px;}
	.mainDualBannerWrap .slideArea > div {height:auto; position:relative; top:auto; left:auto;}
	
	.mainDualBannerWrap .banner._2 {width:100%;}
	.mainDualBannerWrap .videoArea > * {display:block;}
	.mainDualBannerWrap .videoArea .youtube {width:100%;}
	.mainDualBannerWrap .videoArea .flicker {width:100%; margin:10px auto 0;}
}

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

@media screen and (max-width:960px){
	.mainDualBannerWrap.con {max-width:820px;}
}

@media screen and (max-width:768px){
	.mainDualBannerWrap.con {max-width:640px;}
	
	.mainDualBannerWrap .banner._2 {}
}

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

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

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 나열 배너 영역 :: E */



/* 메인페이지 사진 그리드 영역 :: S */
.mainPhotoGridWrap.con {}

.mainPhotoGridWrap .titleArea {margin:0 auto 1.25rem;}

.mainPhotoGridWrap .photoArea {width:100%; height:0; position:relative; margin:0; padding:0; box-sizing:border-box; padding-bottom:76.05233219567691%; overflow:hidden;}
.mainPhotoGridWrap .photoArea .photo {position:absolute; overflow:hidden;}
.mainPhotoGridWrap .photoArea .photo a {display:block; width:100%; position:relative; margin:0; padding:0;}
.mainPhotoGridWrap .photoArea .photo a img {display:block; width:100%;}

.mainPhotoGridWrap .photoArea .photo._1 {width:49.77246871444824%; height:29.69334330590875%; top:0%; left:0%;}
.mainPhotoGridWrap .photoArea .photo._2 {width:17.63367463026166%; height:29.69334330590875%; top:0%; left:50.22753128555176%;}
.mainPhotoGridWrap .photoArea .photo._3 {width:31.74061433447099%; height:47.04562453253553%; top:0%; left:68.25938566552901%;}
.mainPhotoGridWrap .photoArea .photo._4 {width:31.74061433447099%; height:22.06432311144353%; top:30.36649214659686%; left:0%;}
.mainPhotoGridWrap .photoArea .photo._5 {width:35.72241183162685%; height:39.34181002243829%; top:30.36649214659686%; left:32.13879408418658%;}
.mainPhotoGridWrap .photoArea .photo._6 {width:31.74061433447099%; height:22.13911742707554%; top:47.56918474195961%; left:68.25938566552901%;}
.mainPhotoGridWrap .photoArea .photo._7 {width:31.74061433447099%; height:47.04562453253553%; top:52.95437546746447%; left:0%;}
.mainPhotoGridWrap .photoArea .photo._8 {width:17.63367463026166%; height:29.69334330590875%; top:70.30665669409125%; left:32.13879408418658%;}
.mainPhotoGridWrap .photoArea .photo._9 {width:49.77246871444824%; height:29.69334330590875%; top:70.30665669409125%; left:50.22753128555176%;}


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

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

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

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

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

@media screen and (max-width:640px){
	.mainPhotoGridWrap .photoArea {height:auto; padding-bottom:0;}
	.mainPhotoGridWrap .photoArea .photo {position:relative; margin:0 auto 5px; width:100% !important; height:auto !important; top:auto !important; left:auto !important; bottom:auto !important; right:auto !important;}
	.mainPhotoGridWrap .photoArea .photo:last-child {margin:0 auto;}
}

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

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 사진 그리드 영역 :: E */



/* 메인페이지 인스타그램 피드 영역 :: S */
.mainInstagramFeeddWrap.con {}

.mainInstagramFeeddWrap .in > * {display:inline-block; width:calc(50% - 4px); position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box;}

.mainInstagramFeeddWrap .titleArea {margin:0;}

.mainInstagramFeeddWrap .feedArea {}
.mainInstagramFeeddWrap .feedArea .feed {display:inline-block; width:calc(33.33333333333333% - 5px); position:relative; vertical-align:top; margin:0 3px 0 0; padding:0; box-sizing:border-box; overflow:hidden;}
.mainInstagramFeeddWrap .feedArea .feed:last-child {margin:0; border-radius:0 10px 10px 0;}
.mainInstagramFeeddWrap .feedArea .feed img {width:100%; vertical-align:top;}


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

@media screen and (max-width:1280px){
	.mainInstagramFeeddWrap .titleArea {width:calc(40% - 4px);}
	
	.mainInstagramFeeddWrap .feedArea {width:calc(60% - 4px);}
}

@media screen and (max-width:1080px){
	.mainInstagramFeeddWrap .titleArea {width:calc(35% - 4px);}
	
	.mainInstagramFeeddWrap .feedArea {width:calc(65% - 4px);}
}

@media screen and (max-width:960px){
	.mainInstagramFeeddWrap .in > * {display:block; width:100% !important;}
	
	.mainInstagramFeeddWrap .titleArea {margin:0 auto 2rem;}
}

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

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

@media screen and (max-width:480px){
	.mainInstagramFeeddWrap .feedArea .feed {display:block; width:100%; margin:0 auto 5px;}
	.mainInstagramFeeddWrap .feedArea .feed:last-child {margin:0 auto; border-radius:0 0 5px 5px;}
}

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 인스타그램 피드 영역 :: E */



/* 메인페이지 파트너로고 영역 :: S */
.mainPartnerLogoWrap.con {padding:7rem 0; margin:0 auto; background-size:cover !important; background:url('/public/images/main/cm_main_bottom_bg_1.jpg') center center no-repeat;}
.mainPartnerLogoWrap.con .in {}
.mainPartnerLogoWrap.con .in > div {width:90%; position:relative; margin:0; padding:0;}

.mainPartnerLogoWrap .logoRect {display:inline-block; width:calc(50% - 4px); vertical-align:top; margin:2rem 0; padding:0 40px 0 0; box-sizing:border-box;}
.mainPartnerLogoWrap .logoRect.full {width:100%;}
.mainPartnerLogoWrap .logoRect .logo {display:inline-block; width:100%; height:55px; position:relative; vertical-align:top; margin:0; padding:0; background:#fff;}
.mainPartnerLogoWrap .logoRect .logo:last-child {margin:4px 0 !important;}
.mainPartnerLogoWrap .logoRect .logo .disT {width:100%; height:100%;}
.mainPartnerLogoWrap .logoRect .logo .disTC {text-align:center !important; vertical-align:middle; padding:10px; box-sizing:border-box;}
.mainPartnerLogoWrap .logoRect .logo img {width:auto; height:auto; max-width:100%; max-height:35px;}

.mainPartnerLogoWrap .logoRect.ea_2 .logo {width:calc(50% - 5px); margin:4px 5px 4px 0;}
.mainPartnerLogoWrap .logoRect.ea_6 .logo {width:calc(16.66666666666667% - 9px); margin:4px 5px 4px 0;}
.mainPartnerLogoWrap .logoRect.ea_7 .logo {width:calc(14.28571428571429% - 8px); margin:4px 5px 4px 0;}

.mainPartnerLogoWrap.con .quickBtns {width:90px; position:absolute; top:50%; right:30px; margin:-100px 0 0 0; padding:0; display:none !important;}
.mainPartnerLogoWrap.con .quickBtns ._b {display:block; width:90px; height:90px; position:relative; margin:0 auto 20px; padding:24px; box-sizing:border-box; border:3px solid #fff; background:linear-gradient(45deg,#e15394,#69109e); border-radius:50%;}
.mainPartnerLogoWrap.con .quickBtns ._b:last-child {margin:0 auto;}


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

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

@media screen and (max-width:1080px){
	.mainPartnerLogoWrap.con .in > div {width:95%;}
	.mainPartnerLogoWrap .logoRect {padding:0 30px 0 0;}
}

@media screen and (max-width:960px){
	.mainPartnerLogoWrap.con .in > div {width:100%;}
	.mainPartnerLogoWrap .logoRect {padding:0 20px 0 0;}
}

@media screen and (max-width:768px){
	.mainPartnerLogoWrap .logoRect {padding:0 15px 0 0;}
	
	.mainPartnerLogoWrap .logoRect.ea_6 .logo {width:calc(20% - 9px);}
	.mainPartnerLogoWrap .logoRect.ea_7 .logo {width:calc(20% - 9px);}
}

@media screen and (max-width:640px){
	.mainPartnerLogoWrap .logoRect {display:block; width:100%; margin:0 auto 2.5rem; padding:0;}
	.mainPartnerLogoWrap .logoRect:last-child {margin:0 auto;}
	
	.mainPartnerLogoWrap .logoRect.ea_6 .logo {width:calc(25% - 9px);}
	.mainPartnerLogoWrap .logoRect.ea_7 .logo {width:calc(25% - 9px);}
}

@media screen and (max-width:480px){
	.mainPartnerLogoWrap .logoRect.ea_6 .logo {width:calc(33.33333333333333% - 9px);}
	.mainPartnerLogoWrap .logoRect.ea_7 .logo {width:calc(33.33333333333333% - 9px);}
}

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

@media screen and (max-width:320px){
	
}
/* 메인페이지 파트너로고 영역 :: E */