.pcContent {display:block;}
.mobileContent {display:none;}

.title {text-align: center; font-size: 1.6rem; margin-bottom: 5px;}
.explain {text-align: center; margin-bottom: 40px; font-size: 1.1rem;}
/* .main-line {display: block; width: 36px; transform: rotate(90deg); position: relative; top: -82px; border-top: 1px solid #b4b4b5;} */

.main-swiper {position: relative; top: -84px;  width:100%;}
.main-swiper div {position:absolute; width: 100%; height: 100%; opacity:0;  transition: all 1s linear; -webkit-transition: all 1s linear;} /* 슬라이드 페이드 인 속도 변경하고 싶을때 .1s 변경 */
.main-swiper div.show {opacity:1;  transition: all .6s linear; -webkit-transition: all 1s linear;} /* 슬라이드 페이드 인 속도 변경하고 싶을때 .1s 변경 */
.main-swiper div:nth-child(1) {background:url(/html/images/main/main-swiper_1.jpg) center; background-repeat: no-repeat; background-size: cover;}
.main-swiper div:nth-child(2) {background:url(/html/images/main/main-swiper_2.jpg) center; background-repeat: no-repeat; background-size: cover;}
.main-swiper div:nth-child(3) {background:url(/html/images/main/main-swiper_3.jpg) center; background-repeat: no-repeat; background-size: cover;}
.main-swiper_control li {position: absolute; top: 457px; cursor: pointer; height: 20px;}
.main-swiper_control li img {height: 100%;}
.main-swiper_control .swiper_left {right: 269px;}
.main-swiper_control .swiper_right {right: 160px;}
.main-swiper_control .swiper_start, .main-swiper_control .swiper_stop {right: 131px;}
.numbertext {position: absolute; right: 189px; top: 454px; color: #fff; font-size: 1.3rem; letter-spacing: -1px;}
.banner_line {width: 38%; display: block; margin: 0 auto; border: 1px solid #fff; position: relative; top: 471px; left: 15%;}

.main-excelleace, .main-license {width: 1200px; margin: 0 auto 80px auto;}

@media (max-width:1810px) {
	.banner_line {width: 36%; }
}

/* 적용분야 */
.main-business{margin-bottom:80px;}
.main-business ul{text-align: center;margin:0 auto;}
.main-business ul li {display: inline-block;width:18.9%;vertical-align: top; margin:0.5%;box-sizing:border-box;}
.main-business li .base_li {width:100%;height:100%;position:relative;     background-color: rgb(0 0 0 / 22%);}
.base-sub-tit {color: #fff; font-size: 1.6em; font-weight: 600; text-align: center; padding-top: 80px;}
.base-content {width: 73%; margin: 20px auto 0 auto; color: #fff; word-break: keep-all; text-align: center; opacity: 0; line-height: 1.4em;}
.base_li button {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); border: 1px solid #fff; background: 0; border-radius: 25px; height: 35px; width: 131px; color: #fff; cursor: pointer;}
.main-business ul li:nth-child(1) {background:url(/html/images/main/main_business_1.jpg) no-repeat bottom; background-size:cover; margin-left: 0;}
.main-business ul li:nth-child(2) {background:url(/html/images/main/main_business_2.jpg) no-repeat bottom; background-size:cover;}
.main-business ul li:nth-child(3) {background:url(/html/images/main/main_business_3.jpg) no-repeat bottom; background-size:cover;}
.main-business ul li:nth-child(4) {background:url(/html/images/main/main_business_4.jpg) no-repeat bottom; background-size:cover;}
.main-business ul li:nth-child(5) {background:url(/html/images/main/main_business_5.jpg) no-repeat bottom; background-size:cover; margin-right: 0;}
.main-business .pcContent {display:block;}
.main-business .mobileContent {display:none;}

@media (min-width:1700px) {
    .main-business{margin-bottom:80px;}
    .main-business ul{width:1600px;}
    .main-business ul li {height:450px;}
}

@media (min-width:1481px) {
    .base-content {margin: 30px auto 0 auto; font-size: 1.1rem;}
}

@media (min-width:1000px) and (max-width:1700px){
	.main-business ul{width:100%}
}

@media (max-width:1000px){
	.main-business .pcContent {display:none;}
    .main-business .mobileContent {display:block;}
    .main-business .mobileContent br {display: none;}
}

@media (min-width:1401px) and (max-width:1700px){
    .main-business ul li {width:18%; height:420px;}
}

@media (min-width:1201px) and (max-width:1400px){
    .main-business ul li {width:18%; height:400px;}
}

@media (max-width:1200px){
    .main-business ul li {width: 720px; height: 168px; margin:0; margin:0 auto 10px auto;}
	.base-sub-tit {font-size: 1.4rem; padding-top: 25px;}
    .base-content {opacity: 1; width: 80%; font-size: 1.1rem; margin-top: 10px;}	
    .base_li button {bottom: 20px; height: 29px; width: 118px; font-size: 15px;}
    .main-business li .base_li {    background-color: rgb(0 0 0 / 38%);}
}

@media (min-width:1001px) and (max-width:1200px) {
    .main-business .pcContent br {display: none;}
}

@media (max-width:900px) {
    .main-business ul li {width: 80%; height: 181px;}
    .base-content {font-size: 1.05rem;}
}

@media (max-width:762px) {
    .main-business .mobileContent br {display: block;}
    .base-content {margin-top: 0px;}
    .base_li button { bottom: 15px; height: 27px; width: 116px; font-size: 14px;}

	.main-license li {height:92px}
}

@media (max-width:426px) {
    .main-business ul li {width: 90%;}
}

@media (max-width:379px) {
    .base-content {font-size: 1rem;}
}

@media (max-width:361px) {
    .base-content {width: 90%;}
}

@media (max-width:321px) {
    .main-business ul li {width: 92%;}
}

@media (max-width:314px) {
    .main-business ul li {height: 215px;}
}


.main-iorex {width:100%; margin-bottom:80px}
.main-iorex img {width:100%; height:auto;}

.main-excelleace li {display:inline-block; vertical-align: top;}
.main-excelleace .main-line {top: -16px;}

.main-excelleace li p {font-size: 1.1em; font-weight: 600; word-break: keep-all;}
.main-excelleace li span {word-break: keep-all;}
.main-excelleace > ul > li:nth-child(1){ background:url(/html/images/main/main-excelleace_1.svg) no-repeat;}
.main-excelleace > ul > li:nth-child(2){ background:url(/html/images/main/main-excelleace_2.svg) no-repeat;}
.main-excelleace > ul > li:nth-child(3){ background:url(/html/images/main/main-excelleace_3.svg) no-repeat;}
.main-excelleace > ul > li:nth-child(4){ background:url(/html/images/main/main-excelleace_4.svg) no-repeat;}
.main-excelleace > ul > li:nth-child(5){ background:url(/html/images/main/main-excelleace_5.svg) no-repeat;}
.main-excelleace > ul > li:nth-child(6){ background:url(/html/images/main/main-excelleace_6.svg) no-repeat;}
.main-excelleace > ul > li:nth-child(1):hover { background:url(/html/images/main/main-excelleace_1_over.svg) no-repeat;}
.main-excelleace > ul > li:nth-child(2):hover { background:url(/html/images/main/main-excelleace_2_over.svg) no-repeat;}
.main-excelleace > ul > li:nth-child(3):hover { background:url(/html/images/main/main-excelleace_3_over.svg) no-repeat;}
.main-excelleace > ul > li:nth-child(4):hover { background:url(/html/images/main/main-excelleace_4_over.svg) no-repeat;}
.main-excelleace > ul > li:nth-child(5):hover { background:url(/html/images/main/main-excelleace_5_over.svg) no-repeat;}
.main-excelleace > ul > li:nth-child(6):hover { background:url(/html/images/main/main-excelleace_6_over.svg) no-repeat;}

.mainboard-mainclient {background:#f6f6f6; margin-bottom: 80px; padding:3% 0;}
.mainboard-mainclient_wrap {display: flex; flex-flow: wrap;}

.mainboard-title {width: 100%; display: block; position: relative; height: 3rem; color: #000; margin-bottom: 12px;}
.mainboard-title h1 {display: inline; font-weight: bold; font-size: 1.43rem;	margin-bottom: inherit;	background: url(/html/images/main/main-community.svg) no-repeat; background-size: contain; padding-left: 65px;}
.mainboard-title .details {color: #959595; padding: 10px 0 0 29px; overflow: hidden; float: right; font-size: 18px;}
.mainboard-title .details:before {content: ''; clear: both; width: 1px; height: 12px; display: inline-block; margin-right: 9px; background: #959595;}
.mainboard ul {border-top: 1px solid #959595; padding-top: 3%;}
.mainboard ul li {/* line-height:2rem; */ margin-bottom:10px;}
.mainboard ul li span:nth-child(1) {font-weight: 600; margin-right: 10px; float: left; background: #666; color: #fff; padding: 0 10px; border-radius: 3px; font-size:0.95rem; width: 81px; text-align: center;}
.mainboard ul li span:nth-child(2) {display: inline-block; width: 61%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.mainboard ul li span:nth-child(3) {float: right;}

.mainclient-list {height: 93px; background: #ececec; padding: 4%;}
.mainclient-title {width: 100%; display: block; position: relative; height: 3rem; color: #000; margin-bottom: 18px;}
.mainclient-title h1 {display: inline; font-weight: bold; font-size: 1.43rem; margin-bottom: inherit; background: url(/html/images/main/main-client.svg) no-repeat; background-size: contain; padding-left: 65px;}  

.main-license ul {text-align: center;}
.main-license ul:after {content: ''; clear: both; display: block;}
.main-license li {float: left; width: 15%; margin-left: 10px; margin-right: 10px; margin-bottom: 40px; text-align: center; }
.main-license li img {display: block; height: 50px; width: auto; margin: 0 auto 10px auto;}
.main-license li:nth-child(10) img {width: 124px;}
.main-license li span {display: block; font-size: 0.9rem;  font-weight: 600; line-height: 1rem;}
.main-license h1 {font-size: 1.5rem; text-align: center; margin-bottom: 30px;}

@media (min-width:1600px) and (max-width:1700px) {
	.banner_line {left: 13%;}
}

@media (min-width:1440px) and (max-width:1600px) {
	.banner_line {width:35%;}
	.banner_line {left: 12%;}
}

@media (min-width:1299px) and (max-width:1439px) {
	.banner_line {width:32%;}
	.banner_line {left: 9%;}
}

@media (min-width:1200px) and (max-width:1298px) {
	.banner_line {width:30%;}
	.banner_line {left: 11%;}
}

@media (min-width:1200px) {
	.main-swiper {height: 948px;}
    
    .main-excelleace ul {text-align: center;}
	.main-excelleace li {width: 20%; padding: 30px 0% 30px 9%; height: 129px; text-align: left; word-break: keep-all; margin-left: 4%; margin-bottom: 20px;}
	.main-excelleace li:nth-child(1) p, .main-excelleace li:nth-child(5) p, 
	.main-excelleace li:nth-child(1) span, .main-excelleace li:nth-child(5) span {position: relative; top: 18px;}

	.mainboard-mainclient_wrap {width: 1200px; margin: 0 auto;}

    .main-license ul {text-align: center;}
}

@media (max-width:1199px) {
    .main-business, .main-excelleace, .main-license { width: 96%;  margin: 0 2% 60px 2%;}
    .main-iorex, .mainboard-mainclient  {margin-bottom: 60px;}
    .main-iorex h1, .main-iorex p {width: 96%; margin: 0 2%;}
    .main-iorex p {margin-bottom: 20px;}
    .main-excelleace {margin-bottom:60px;}
	.mainboard-mainclient_wrap {width: 96%; margin: 30px 2% 30px 2%;}

	.main-swiper {top: 75px ;height: 423px; width: 100%; margin-bottom: 140px;}	
	.banner_line {width: 34%; top: 210px; left: 108px; }
	.numbertext {right: 78px; top: 194px; font-size: 1.1em;}
	.main-swiper_control li {top: 195px; height: 16px;}
	.main-swiper_control .swiper_left {right: 142px;}
	.main-swiper_control .swiper_start, .main-swiper_control .swiper_stop {right: 43px;}
	.main-swiper_control .swiper_right {right: 60px;}

	.mainboard ul li span:nth-child(1) {margin-right: 1em;}
    .mainboard ul li span:nth-child(2) {width: 53%;}
    
    .main-license li {width: 23%; margin-left: 1%; margin-right: 1%;}
}


@media (min-width:921px) and  (max-width:1199px) {
	.main-excelleace li:nth-child(1) p, .main-excelleace li:nth-child(3) p, .main-excelleace li:nth-child(4) p, .main-excelleace li:nth-child(5) p, 
	.main-excelleace li:nth-child(1) span, .main-excelleace li:nth-child(3) span, .main-excelleace li:nth-child(4) span, .main-excelleace li:nth-child(5) span {position: relative; top: 18px;}
}

@media (min-width:901px) and (max-width:1199px){
	.banner_line {width: 37%; left: 14%;}

	.main-excelleace ul {text-align: center;}
	.main-excelleace li {width: 33%; height: 97px; text-align: left; padding: 20px 2% 20px 13%;}
	.main-excelleace li:nth-child(2n+1) {margin-right: 10px;}
	.main-excelleace li:nth-child(-n+4) {margin-bottom: 10px;}
}

@media (min-width:901px) and (max-width: 920px){
	.main-excelleace li {width: 32%;}
	.main-excelleace li:nth-child(1) p, .main-excelleace li:nth-child(5) p, .main-excelleace li:nth-child(1) span, .main-excelleace li:nth-child(5) span {position: relative; top: 18px;}
}


@media (min-width:801px) {
    .main-excelleace > ul > li {background-position-x: left !important; background-position-y: center !important;}

	.mainboard {width: 45.5%; padding-right: 4%;}
	.mainclient {width: 46%; padding-left: 4%; border-left: 1px solid #959595; word-break: keep-all;}    
    .mainclient .mobileContent {display: none;}
    .mainclient .pcContent {display: block;}
}

@media (min-width:801px) and (max-width:900px) {
    .main-excelleace ul {text-align:center;}
	.main-excelleace > ul > li {width: 30%; height: 222px; margin-bottom: 15px; position: relative; margin-right: 9px; padding:0; background-position-x: center !important; background-position-y: top !important;}
	.main-excelleace > ul > li:nth-child(-n+3) {margin-bottom:15px;}
    .main-excelleace > ul > li:nth-child(2n) {margin-right: 9px;}
    .main-excelleace > ul > li:nth-child(3n) {margin-right: 0;}
	.main-excelleace li p {font-size: 1rem; position: absolute; top: 105px; width: 100%;}    
    .main-excelleace li > span {position: absolute; width: 84%; left: 8%; bottom: 6px; height: 80px; font-size: 0.9rem;}

    .mainboard ul li span:nth-child(2) {width: 41%;}	
}

@media (max-width: 800px){
    .pcContent {display:none;}
    .mobileContent {display:block;}

	.main-excelleace > ul > li {display: block; background: none !important; margin-bottom: 10px; width: 85%; padding: 0px 7.5%;}
	.main-excelleace .mobileContent {border: 1px solid #2c2956; padding: 20px 0;}
	.main-excelleace .mobileContent li div {padding-top:7px;border-top: 1px dashed #c4c4c4;}
	/* .main-excelleace .mobileContent li div div {border-top:0;} */
	.main-excelleace .mobileContent li:nth-child(1) div {border-top: 0;}
    .main-excelleace .mobileContent li p {line-height: 28px; display: inline-block; font-weight: normal; width: 89%; font-size: 1.08em;}
    /* .main-excelleace .mobileContent i {width: 1%; margin-right: 1rem; position: relative;} */
	.main-excelleace .mobileContent li div div {display: inline-block; width: 1%; margin-right: 1rem; border-top:0;}
    
	.main-swiper .banner_line {display:none;}
	.main-swiper_control li {height: 16px;}
	.main-swiper_control li, .numbertext {top:0;}
	.numbertext {font-size: 16px;  right: 64px; top: 281px;}
	.main-swiper_control {position: relative; top: 279px;}
	.main-swiper_control .swiper_left {right: 120px;}
	.main-swiper_control .swiper_start, .main-swiper_control .swiper_stop {right: 23px;}
	.main-swiper_control .swiper_right {right: 42px;}

	.title {font-size: 1.5rem; word-break: keep-all; margin-bottom: 0;}
    .explain {font-size: 1.05rem; word-break: keep-all; margin-bottom: 20px;}	
    
    .main-iorex h1, .main-iorex p {width: 96%; margin: 0 2%;}
    .main-iorex p {margin-bottom: 20px;}
    /* .main-excelleace {margin-bottom:80px;} */
	/* .mainboard-mainclient {margin-bottom:60px;} */
	.mainboard-mainclient_wrap { /* width: 96%; margin: 30px 2% 30px 2%; */ width: 100%; margin:0; }

	/* .mainboard {width: 100%;} */
	.mainboard {width: 90%; margin: 25px auto;}
	.mainboard-title, .mainclient-title {margin-bottom: 1.3%;}
	.mainboard-title h1, .mainclient-title h1 {font-size: 1.4rem; padding-left: 50px;}
	.mainboard ul li {line-height: 1.6rem; font-size: 0.96rem;}
	.mainboard ul li span:nth-child(2) {width: 67%;}
    /* .mainboard-mainclient {padding: 7% 2%;} */
	.mainboard-mainclient {margin-bottom: 60px; padding: 0;}

    .mainclient .mobileContent {display: block;}
    .mainclient .pcContent {display: none;}
	/* .mainclient { width: 100%; margin-top: 50px;} */
	.mainclient {width: 90%; margin: 0 auto; padding: 0 5%; background: #fff; padding-top: 30px;}
    /* .mainboard-mainclient_wrap {margin-bottom: 0; margin:0 2%;} */
    .mobileContent .mainclient-list {padding: 3% 5%; overflow: auto; height: 130px; font-size: 0.9rem;}
    .mobileContent .mainclient-list li {display: inline-block; margin-right: 1em;}
    .mobileContent .mainclient-list::-webkit-scrollbar {width: 10px;}
    .mobileContent .mainclient-list::-webkit-scrollbar-thumb {background-color: #818080; border-radius: 10px;}
    .mainclient-list::-webkit-scrollbar-track {border-radius: 10px; background-color: #b4b4b4; box-shadow: inset 0px 0px 5px white;}
}

@media (min-width:600px) and (max-width: 800px) {
	.main-swiper {height:323px;}
}

@media (max-width:650px) {
	.main-swiper_control {top: 287px;}
	.numbertext {top: 289px;}
}

@media (max-width:599px) {
	.main-swiper {height: 265px;}
	.main-swiper_control {top: 220px;}
	.numbertext {top: 222px;}
}

@media (max-width: 541px){
	.main-license li {width: 31%;}
	.mainboard ul li span:nth-child(2) {width: 56%;}
}

@media (max-width:778px) {
/* .main-license li {height: 116px;} */
/* .main-license li:nth-child(5), .main-license li:nth-child(6), .main-license li:nth-child(7), .main-license li:nth-child(8) {height: 116px;} */
}

@media (max-width: 500px){
	.mainboard-mainclient_wrap {margin: 10px auto;}	
    .main-line {display:none;}
    
	.main-excelleace .mobileContent {padding: 10px 0;}
    .main-excelleace .mobileContent li p {font-size: 1.05rem; vertical-align: text-top; position: relative; top: -2px;}	
}

@media (max-width:480px) {
	.main-swiper div:nth-child(1) {background:url(/html/images/main/main-m-swiper_1.jpg) center; background-repeat: no-repeat; background-size: cover;}
	.main-swiper div:nth-child(2) {background:url(/html/images/main/main-m-swiper_2.jpg) center; background-repeat: no-repeat; background-size: cover;}
	.main-swiper div:nth-child(3) {background:url(/html/images/main/main-m-swiper_3.jpg) center left; background-repeat: no-repeat; background-size: cover; top: 3px;}
		
	.main-swiper div:nth-child(3) .numbertext {top: 219px;}
}

@media (max-width: 443px){
    .main-license li:nth-child(12) img {width: 132px;}
}

/* @media (max-width: 416px){
    .main-excelleace .mobileContent li:nth-child(2) i {top: -28px;}
} */

@media (max-width: 402px){
	.main-license li {width: 48%; margin-bottom: 20px;}
	.mainboard ul li span:nth-child(2) {width: 48%;}
}

@media (max-width: 353px){
    .main-swiper {height: 206px; top: 77px;}
    .main-swiper div {background-size: 100% auto !important;}
    .main-swiper div:nth-child(3) {top:-3px; padding-bottom: 3px;}
    .main-swiper_control {top: 167px;}
    .numbertext {top: 169px;}
}

@media (max-width: 319px){
    .mainboard ul li span:nth-child(2) {width: 38%;}
}

@media (max-width: 310px){
    .main-swiper {height: 186px;}
    .main-swiper_control {top: 151px;}
    .numbertext {top: 153px;}
}

@media (max-width: 304px){
    .main-license li:nth-child(12) img {width: 137px;}
}

/* @media (max-width: 288px){
    .main-excelleace .mobileContent li:nth-child(6) i {top: -28px;}
}
 */