@charset "utf-8";
/* ********************************************************************
 * name : À¯ºñÀ¥
 * filename : main.css
 * description : ¸ÞÀÎ ÄÜÅÙÃ÷ css 
 * date : 2023-09-22
********************************************************************* */

.c-inner{max-width: 1620px;margin: 0 auto;}
.lineBreak{display:block;font-weight: inherit;}
/* === ¸ÞÀκñÁÖ¾ó¼½¼Ç === */
.mVisual{position: relative;padding-top: 185px;}
.mVisual .titBox{display: flex;flex-direction: row;position: relative;align-items: center;}
.mVisual .titBox .title{z-index: 10;text-align: center;font-size: 22px;padding: 15px 0 0;background: #181818;border-radius: 50px;height: 80px;line-height: 1.5;color: #fff;font-weight: 300;width: 360px;}
.mVisual .titBox .title span{font-weight: 500;color:#ffde06;}
.mVisual .titBox .badge{position: relative;z-index: 10;margin: 0 0 0 1em;color: #939393;}

/* === ½½¶óÀ̵å === */
.visualSlide{margin-top: -4.8em;}
.visualSlide .swiper {width: 100%;height: 100%;margin-top: 40px;}
.visualSlide .swiper-wrapper{padding-bottom: 85px;}
.visualSlide .swiper-slide {background: #fff;text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;
    -ms-flex-pack: center;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.visualSlide .swiper-slide .imgBox{width: 845px;height: 550px;box-shadow: 4px 6px 12px 0px rgb(0 0 0 / 7%);overflow: hidden;border-radius: 30px;;}
.visualSlide .swiper-slide .imgBox img{width: 100%;height: 100%;}
.visualSlide .swiper-slide .txt{}
.visualSlide .swiper-slide .txt p{font-size: 5rem;letter-spacing: -0.05em;text-align: left;line-height: 1.2;color: #212222;}
.visualSlide .swiper-slide .txt p strong{display: block;color: #e72526;font-weight: 900;}
.visualSlide .swiper-slide .txt p span.vstxt{color: #141414;padding-top: 1rem;display: block;font-size: 3rem;font-weight: 600;}

.visualSlide .control{width: 130px;height: 58px;position: absolute;top: 480px;}
.visualSlide .control .swiper-button-next,
.visualSlide .control .swiper-button-prev{color: #fff;background:#cbcbcb;width:50px;height:50px;border-radius: 50%;transition:all 0.5s;}
.visualSlide .control .swiper-button-prev:after, 
.visualSlide .control .swiper-button-next:after{font-size: 21px;}
.visualSlide .control .swiper-button-next:hover,
.visualSlide .control .swiper-button-prev:hover{background: #e72526 !important;}
.visualSlide .control .swiper-pagination{z-index: 1;top: 17px;}
.visualSlide .control .swiper-button-next:after,
.visualSlide .control .swiper-button-prev svg{display:none;}

.autoplay-progress {position: absolute;left: 145px;top: 30px;z-index: 10;width: 450px;height: 3px;background-color: rgba(0, 0, 0, 0.1);}
.autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0;z-index: 10;width: 450px;stroke-width: 1px;stroke: #e72526;fill: none;stroke-dashoffset: calc(100 * (1 - var(--progress)));stroke-dasharray: 100;}

.circle_txt{position: absolute;background: url(../img/main/circle_logo.png) no-repeat center;width: 184px;height: 184px;right: -80px;}
.circle_txt img{animation: txtrotate 30s ease infinite alternate;}
.scrollDown{position: absolute;bottom: -120px;right: 0;text-align: center;z-index: 9;transition: right ease-out 1s 0.4s, opacity 0.5s 0.4s;}
.scrollDown p{animation: scrollDown 1.5s ease-in-out infinite;margin-bottom:-2.9em;}
.scrollDown span{display: inline-block;width: 78px;height: 78px;border-radius: 50%;background-color: #e72526;}


.mCon .titleBox{text-align: center;}
.mCon .titleBox h2{font-size:46px;color:#222;}
.mCon .titleBox h2 span,
.mCon .titleBox p span{color:#e72223;}
.mCon .titleBox p.seoText{line-height: 1.6;font-size: 1.125rem;color: #838383;}
p.not{text-align: right;margin-bottom: 1em;color: #8f8f8f;font-weight: 400;}
.mCon .titleBox p{font-size:18px;color:#424242;margin-top: 1em;}
.mCon .titleBox p.bold{font-weight: 500;}
.mCon .titleBox a{background: none;border: 2px solid #000;    top: 50px;text-transform: uppercase;padding: 12px 50px;min-width: 200px;margin: 10px;cursor: pointer;transition: color 0.4s linear;position: relative;z-index:1}
.mCon .titleBox a::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;z-index: 0;transition: transform 0.5s;transform-origin: 0 0;transition-timing-function: cubic-bezier(0.5,1.6,0.4,0.7);transform: scaleY(0);}
.mCon .titleBox a:hover span{color: #fff;position: relative;}
.mCon .titleBox a:hover::before {transform: scaleY(1);}

/* === ¹«·á¼­ºñ½º === */
.mServecev{padding: 4em 0 6em;}
.mServecev ul{border-top: 1px solid #c2c1c1;border-right: 1px solid #c2c1c1;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;text-align: center;margin: 5em 0 3em;}
.mServecev ul li{padding: 50px 20px;border-left: 1px solid #c2c1c1;border-bottom: 1px solid #c2c1c1;transition:all 0.5s;}
.mServecev ul li img{position: relative;top: 0;transition: all 0.5s;display: block;left: 50%;margin-left: -45.5px;}
.mServecev ul li:first-child{background: #313231;border-left: 1px solid #313231;border-bottom: 1px solid #313231;}
.mServecev ul li:first-child h3{color:#fff;}
.mServecev ul li:first-child h4{color: #d5d5d5;}
.mServecev ul li h3{font-size: 20px;margin: 25px 0 15px;}
.mServecev ul li h4{font-size:16px;color:#7d7c7c;font-weight:500;}
.mServecev ul li:hover:first-child{background:#e72526;}
.mServecev ul li:hover:first-child h3{color:#fff;}
.mServecev ul li:hover:first-child h4{color:#f7d8d8;}
.mServecev ul li:hover{background:#f9f9f9;transition:all 0.5s;}
.mServecev ul li:hover h3{color:#e72526;transition:all 0.3s;}
.mServecev ul li:hover h4{color:#000;}
.mServecev ul li:hover img{top: -10px;}

/* === Æ÷Æ®Æú¸®¿À === */
/*.mCon2{background: #f7f7f7;}*/
.mPortfolio{padding: 4em 0 6em;/*border-top: 1px solid #e9e9e9;*/}
.mPortfolio .porCon{margin: 9em 0 0;}
.mPortfolio .porCon .slide_title a{text-align: center;display: block;font-weight: 500;font-size: 18px;}
.mPortfolio .porCon .porslide{margin-bottom: 1em;}
.mPortfolio .porCon .slide_list_new{display:none;}
.mPortfolio .porCon .porslide a{position: relative;display: block;border-radius: 15px 0 30px;overflow: hidden;}
.mPortfolio .porCon .porslide a .imgBox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 55%);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);opacity: 0;transition: all 0.5s;}
.mPortfolio .porCon .porslide a .imgBox p{color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;}
.mPortfolio .porCon .porslide a .imgBox p span{display: block;text-align: center;margin-top: 16px;font-size: 17px;}
.mPortfolio .porCon .porslide a .imgBox p i{font-size: 29px;background: #fff;padding: 15px;border-radius: 50%;color: #000;}
.mPortfolio .porCon .porslide a:hover .imgBox{opacity: 1;}
.mPortfolio .porCon .slide_title a .tit{display:block;font-size: 1.125rem;margin-top: 0.5em;font-weight: 500;color: #515151;}
.mPortfolio .porCon .slide_title a .tit strong{font-size: 1.5rem;color: #222;}
.mPortfolio .porCon .slide_title a .desc{display: block;margin-top: 6px;font-weight: 500;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mPortfolio .porCon .slide_title a .desc1{font-size: 1.1rem;color: #818181;}
.mPortfolio .porCon .slide_title a .desc2{font-size: 0.9rem;color: #c3c3c3;}

/* === Á¦ÀÛÀýÂ÷ === */
.mCon3{background: url(../img/main/processbg.jpg) no-repeat;width:100%;display: flex;background-size: cover;}
.mProcess{display: flex;flex-direction: column;align-items: center;width: 100%;color: #fff;}
.mProcess .proTitle{padding: 6em 0 8em;text-align: center;}
.mProcess .proTitle h2{font-size:46px;margin-bottom: 30px;}
.mProcess .proTitle p{font-size:26px;margin-bottom: 10px;}
.mProcess .proTitle p span{color: #ffde06;}
.mProcess .proTitle em{font-size:20px;color:#adadad;}
.mProcess ul{display: grid;grid-template-columns: 1fr 1fr 1fr;padding-bottom: 7em;}
.mProcess ul li{border-right: 1px solid #373737;border-bottom: 1px solid #373737;padding: 50px;position: relative;}
.mProcess ul li:nth-child(3n){border-right:0;}
.mProcess ul li:nth-child(n+4){border-bottom:0;}
.mProcess ul li span{position: absolute;right: -1px;top: -1px;font-size: 13px;color: #ffffff;background: #e72526;width: 30px;height: 30px;text-align: center;line-height: 30px;}
.mProcess ul li h3{position: relative;font-size: 24px;padding-left: 50px;}
.mProcess ul li h3:after{content: '';width: 37px;height: 34px;position: absolute;left: 0;top: 0;}
.mProcess ul li p{font-size: 17px;color: #bababa;margin-top: 20px;}
.mProcess .pi1 h3:after{background: url(../img/main/proicon01.png) no-repeat;}
.mProcess .pi2 h3:after{background: url(../img/main/proicon02.png) no-repeat;}
.mProcess .pi3 h3:after{background: url(../img/main/proicon03.png) no-repeat;}
.mProcess .pi4 h3:after{background: url(../img/main/proicon04.png) no-repeat;}
.mProcess .pi5 h3:after{background: url(../img/main/proicon05.png) no-repeat;}
.mProcess .pi6 h3:after{background: url(../img/main/proicon06.png) no-repeat;}

/* === °í°´¼¾ÅÍ === */
.mCon4{}
.mCscenter{padding: 8em 0;}
.mCscenter .conBox{display: flex;justify-content: space-between;margin: 8em 0 0;}
.mCscenter .conBox .mContactList{width: 28%;position: relative;}
.mCscenter .conBox .mContactList .lat_title,
.mCscenter .conBox .mContactList .lt_more{display:none;}
.mCscenter .conBox .mContactList h3{font-size: 24px;color: #020202;border-bottom: 3px solid #000;padding-bottom: 15px;}
.mCscenter .conBox .mContactList .more{position: absolute;font-size: 27px;top: 4px;right: 0;transform: rotate(0deg);transition: all 0.5s;display: flex;justify-content: center;align-items: center;}
.mCscenter .conBox .mContactList .more:hover{transform: rotate(180deg);color: #e72526;}
.mCscenter .conBox .mContactList .more i{}
.mCscenter .conBox .mContactList .lat ul{height: 310px !important;}
/*.mCscenter .conBox .mContactList .lat li{margin-bottom: 15px;display: flex;align-items: center;line-height: 1;padding-bottom: 15px;justify-content: space-between;font-size: 18px;}*/
.mCscenter .conBox .mContactList .lat li{margin-bottom: 5px;display: flex;align-items: center;line-height: 1;justify-content: space-between;font-size: 16px;box-sizing: border-box;height: 60px !important;border-bottom: 1px solid #e5ecee;}
.mCscenter .conBox .mContactList .lat li a{font-size:17px;color:#232323;font-weight: 400;}
.mCscenter .conBox .mContactList .lat li .new_icon{display:none;}
.mCscenter .conBox .mContactList .lt_info .lt_date{font-size: 16px;color: #939393;font-weight: 300;}
.mCscenter .conBox .mBannerZone{width: 68%;padding-top: 7px;}
.mCscenter .conBox .mBannerZone ul{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 20px;}
.mCscenter .conBox .mBannerZone ul li{position: relative;top: 0;}
.mCscenter .conBox .mBannerZone ul li a{display: block;padding: 40px 35px;border-radius: 15px;}
.mCscenter .conBox .mBannerZone ul li a h2{font-size:22px;color:#141414;}
.mCscenter .conBox .mBannerZone ul li a p{font-size: 16px;color: #616262;margin-top: 30px;line-height: 1.8;}
.mCscenter .conBox .mBannerZone ul li a i{position: absolute;right: 25px;top: 43px;transform: rotateZ(45deg);font-size: 24px;vertical-align: text-bottom;transition: all 0.5s;}
.mCscenter .conBox .mBannerZone ul li:hover{top: -10px;transition:all 0.2s;}
.mCscenter .conBox .mBannerZone ul li a:hover i{transform: rotateZ(90deg);}
.mCscenter .conBox .mBannerZone ul li:nth-child(1):after{content: '';background: url(../img/main/sicon01.png) no-repeat;width: 91px;height: 95px;display: block;position: absolute;top: 20px;right: 20px;}
.mCscenter .conBox .mBannerZone ul li:nth-child(1) a{background:#f4f4f5;}
.mCscenter .conBox .mBannerZone ul li:nth-child(2) a{background:#d3dff2;}
.mCscenter .conBox .mBannerZone ul li:nth-child(3) a{background:#fdecda;}
.mCscenter .conBox .mBannerZone .mCs{display: grid;grid-template-columns: 30% 1fr 1fr;align-items: center;border: 1px solid #747373;border-radius: 15px;padding: 23px 20px;margin-top: 25px;text-align: left;}
.mCscenter .conBox .mBannerZone .mCs p{font-size: 26px;color: #2a2b2b;font-weight: 800;}
.mCscenter .conBox .mBannerZone .mCs strong{font-size:40px;color:#3b3b3b;}
.mCscenter .conBox .mBannerZone .mCs em{font-size:17px;color:#757575;}

.mContactList .lat li .fa-download{display:none;}
/*
===============================================
animation
===============================================
*/
@keyframes txtrotate {
	to {transform: rotate(0deg);}
	from {transform: rotate(360deg);}
}

@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}

@keyframes scrollDown {
	0% {
		opacity: 0.6;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.6;
		transform:  translateY(-5px);
	}
}

@keyframes loopTxt{
	  0% {
		left: 0;
	  }
	  100% {
		left: -100%;
	  }
}

/*
===============================================
¹ÝÀÀÇü css
===============================================
*/

@media all and (min-width:1921px){

}
@media all and (min-width:2560px){

}
@media all and (min-width:3200px){

}

@media all and (max-width:1800px){
	.c-inner{max-width: 100%;margin: 0 5%;}
	.mVisual {padding-top: 150px;}
	.mVisual .titBox {justify-content: center;}
	.visualSlide .swiper-slide .imgBox {width: 45%;height: 100%;}
	.visualSlide .control {top: 380px;}
	.visualSlide {margin-top: 3em;}
	.visualSlide .swiper-slide .txt p {font-size: 4.5rem}

	.mServecev ul {grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr 1fr;border-right: 0;}
	.mServecev ul li {padding: 25px 15px 40px;}
	.mServecev ul li:nth-child(4),
	.mServecev ul li:nth-child(8),
	.mServecev ul li:nth-child(10){border-right: 1px solid #c2c1c1;}
	.mServecev ul li h3 {margin: 8px 0 15px;}
}

@media all and (max-width:1680px){
	.mCscenter .conBox .mBannerZone ul li a {padding: 40px 25px;}
	.mCscenter .conBox .mBannerZone ul li a h2 {font-size: 20px;}
	.mCscenter .conBox .mBannerZone ul li a p {letter-spacing: -0.05em;}
	.mCscenter .conBox .mBannerZone .mCs p {font-size: 23px;}
	.mCscenter .conBox .mBannerZone .mCs strong {font-size: 34px;}
	.mCscenter .conBox .mBannerZone .mCs em {font-size: 15px;}
	.mCscenter .conBox .mBannerZone ul li:nth-child(1):after {top: 30px;right: -5px;background-size: 75%;}
}

@media all and (max-width:1600px){
	.c-inner{margin: 0 3%;}
}

@media all and (max-width:1480px){
	.visualSlide .swiper-slide .txt{margin-top: -3em;}
	.visualSlide .swiper-slide .txt p {font-size: 70px;}
	.visualSlide .control {top: 360px;}
	.autoplay-progress,
	.autoplay-progress svg{width:350px;}
	.visualSlide .swiper-slide .txt p span.vstxt {font-size: 2.5rem;}

	.mCscenter {padding: 6em 0;}
	.mCscenter .conBox{margin: 6em 0 0;}
	.mCscenter .conBox{flex-direction: column;}
	.mCscenter .conBox .mContactList {width: 100%;}
	.mCscenter .conBox .mBannerZone {width: 100%;}
}


@media all and (max-width:1280px){
	.visualSlide .swiper-slide .txt p {font-size: 60px;}
	.visualSlide .control {top: 280px;}

	.mServecev {padding: 4em 0 3em;}
	.mServecev ul {grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr 1fr 1fr 1fr;}
	.mServecev ul li:nth-child(4),
	.mServecev ul li:nth-child(8){border-right: 0;}
	.mServecev ul li:nth-child(3),
	.mServecev ul li:nth-child(6),
	.mServecev ul li:nth-child(9),
	.mServecev ul li:nth-child(10){border-right: 1px solid #c2c1c1;}
	.mServecev ul li h3 {margin: 8px 0 15px;}

	.mPortfolio {padding: 5em 0;}

	.mProcess ul li {padding: 40px 25px;}
	.mProcess ul li h3 {font-size: 20px;}
	.mProcess ul li p {font-size: 16px;}

	.mCon .titleBox p.seoText{font-size: 1.125rem;}
}


@media all and (max-width:1200px){
	.mVisual .titBox {align-items: center;flex-direction: row;justify-content: center;width: 840px;margin: 0 auto;}
	.mVisual .titBox .badge {margin: 0 0 0 1.5em;display:block;}
	.mVisual {padding-top: 150px;}
	.visualSlide {margin-top: -0.8em;}
	.visualSlide .swiper-slide{flex-direction: column;}
	.mVisual .titBox .title{position: inherit;margin: 0 auto;}
	.visualSlide .swiper-slide .txt p strong,
	.visualSlide .swiper-slide .txt p span{text-align: center;}
	.visualSlide .swiper-slide .imgBox {width: 800px;}
	.visualSlide .swiper-slide .txt {margin: 3em 0;}
	.visualSlide .swiper-slide .txt p {font-size: 65px;}
	.visualSlide .control {top: inherit;bottom: 60px;left: 50%;margin-left: -65px;z-index: 10;}
	.autoplay-progress{left: 50%;top: -467px;margin-left: -375px;}
	.autoplay-progress, .autoplay-progress svg {width: 750px;}
	.scrollDown {bottom: 78px;}
}

@media all and (max-width:1024px){
	.visualSlide .swiper-slide .txt p span {display: block;margin-right: 0;}
	.scrollDown{display:none;}
	.visualSlide .swiper-slide .imgBox {width: 700px;}
	.autoplay-progress, .autoplay-progress svg {width: 650px;}
	.autoplay-progress {top: -405px;margin-left: -325px;}

	.mServecev ul li h3 {font-size: 17px;}
	.mServecev ul li h4 {font-size: 15px;}

	.mCscenter .conBox .mBannerZone ul{grid-template-columns: 1fr;gap: 1em;}
	.mCscenter .conBox .mBannerZone .mCs {display: block;text-align: center;}
	.mCscenter .conBox .mBannerZone .mCs em {display: block;}	

	.swiper-container-horizontal > .swiper-pagination-bullets{text-align: center;margin-top: 2em;}
}

@media all and (max-width:920px){
	.mServecev ul {grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr 1fr 1fr 1fr;}
	.mServecev ul{border-right: 1px solid #c2c1c1;}
	.mServecev ul li:nth-child(4),
	.mServecev ul li:nth-child(8),
	.mServecev ul li:nth-child(3),
	.mServecev ul li:nth-child(6),
	.mServecev ul li:nth-child(9),
	.mServecev ul li:nth-child(10){border-right: 0;}

	.mCon3{display:none;}
	.mCscenter {border-top: 1px solid #e9e9e9;padding: 5em 0;}

	.mVisual .titBox {flex-direction: column;width: 100%;}
	.mVisual .titBox .badge {margin: 1em 0 0 0;text-align: center;}

}

@media all and (max-width:780px){
	.visualSlide {margin-top: -1.8em;}
	.visualSlide .swiper-slide .imgBox {width: 620px;}
	.autoplay-progress, .autoplay-progress svg {width: 570px;}
	.autoplay-progress {top: -355px;margin-left: -285px;}

	.mCon .titleBox h2 {font-size: 36px;}
	.mCon .titleBox p {font-size: 16px;margin-top: 10px;}
	.mCon .titleBox p i{display:block;}

	.mCon .titleBox p.seoText br{display:none;}
	p.not {text-align: left;margin-top: 1em;}
}

@media all and (max-width:680px){
	.visualSlide .swiper-slide .imgBox {width: 550px;}
	.autoplay-progress, .autoplay-progress svg {width: 500px;}
	.autoplay-progress {top: -312px;margin-left: -250px;}
}

@media all and (max-width:640px){
	.c-inner {margin: 0 5%;}
	.mCon .titleBox h2 {font-size: 32px;}

    .visualSlide {margin-top: 0;}
	.visualSlide .swiper-slide .imgBox {width: 480px;border-radius: 15px;}
	.autoplay-progress, .autoplay-progress svg {width: 450px;}
	.autoplay-progress {top: -268px;margin-left: -225px;}
	.mVisual {padding-top: 120px;}
	.mVisual .titBox {width: 100%;}
	.visualSlide .swiper-slide .txt {margin: 2em 0;}
	.visualSlide .swiper-slide .txt p {font-size: 45px;}
	.visualSlide .swiper-slide .txt p span.vstxt {font-size: 1.5rem;}
	.mVisual .titBox .title {font-size: 20px;height: 75px;}

	.mServecev {padding: 0em 0 2em;}
	.mServecev ul{margin: 3em 0 3em;display: block;}
	.mServecev ul li {display: grid;grid-template-columns: 28% 1fr;align-items: center;grid-column-gap: 20px;padding: 20px 15px;}
	.mServecev ul li div{text-align: left;padding-right: 15px;}
	.mServecev ul li h4 br{display:none;}
	.mServecev ul li img{height:75px}

	.mPortfolio {padding: 0;}
	.mPortfolio .porCon {margin: 7em 0 3em;}

	.mCscenter .conBox .mBannerZone .mCs p {font-size: 20px;}
	.mCscenter .conBox .mBannerZone .mCs strong {font-size: 28px;}
	.mCscenter .conBox .mBannerZone .mCs em {font-size: 14px;}
	.mCscenter {padding: 3em 0;}
	.mCscenter .conBox {margin: 3em 0 0;}
	.mCscenter .conBox .mContactList h3 {font-size: 20px;}
	.mCscenter .conBox .mContactList .lat{position: relative;z-index: -1;}

	.mServecev ul li h4 {color: #767575;}

	.mCon .titleBox p.seoText {font-size: 1rem;}

	.mCon .titleBox p {text-align: left;}
	.mCon .titleBox p br{display:none;}
}

@media all and (max-width:580px){
	.visualSlide .swiper-slide .imgBox {width: 350px;}
	.autoplay-progress, .autoplay-progress svg {width: 320px;}
	.autoplay-progress {top: -187px;margin-left: -160px;}
	.visualSlide .swiper-slide .txt p {font-size: 40px;}

	.mCon .titleBox p i {display: none;}
	.mVisual .titBox .badge br{display:none;}
}

@media all and (max-width:380px){
	.mVisual .titBox .title {width: 230px;}
	.visualSlide .swiper-slide .imgBox {width: 300px;}
	.autoplay-progress, .autoplay-progress svg {width: 270px;}
	.autoplay-progress {top: -155px;margin-left: -135px;}
	.visualSlide .swiper-slide .txt p {font-size: 35px;}
}