#contents .inner {max-width:1200px;}
.main-contents {padding-top:155px;background: #fafafa;}
.main-banner { width: 100%;height: 100%;min-height: 635px;background-size: cover;background-repeat: no-repeat;background-position: center 0; background-image:url('/sub/img/bg_main_02.jpg');}
.main-banner .slogan {color:#fff;text-align:center;padding: 150px 0 0 0;}
.main-banner .slogan .tit {font-size:70px;margin-bottom:30px;font-weight: 300; letter-spacing:-2px;}
.main-banner .slogan .disc {font-size:25px; margin-top:40px; font-weight:300;}

.main-mid {width: 100%;max-width:1200px;margin:-100px auto 0;height:196px;background:#fff;box-shadow: 7px 10px 20px #ededed;padding: 43px;}
.main-mid ul {overflow:hidden;text-align:center; padding:0 30px;}
.main-mid li {float:left; width:25%; border-right:1px dotted #ccc; font-size:20px;font-family:'NanumSquare';color:#000}
.main-mid li:nth-child(4) {border-right:0;}
.main-mid li img {display:block;margin:0 auto 24px;}
.main-mid-list {padding-top:80px;}
.main-mid-list .tit {text-align:center;font-size:35px;padding-top:50px;margin-bottom:65px;background:url('../img/icon-main07.png') no-repeat center top;color: #000;}
.main-mid-list ul:after {content:'';display:block;clear:both;}
.main-mid-list ul li {width: 33.3%;float: left;text-align: center;}
.main-mid-list ul li img {width:100%}
.main-mid-list ul li dl {max-width:330px;width:100%;height:129px;padding:28px 0;background:#fff;margin:-32px auto 0;position:relative;font-family: 'NanumSquare';letter-spacing:-1px;}
.main-mid-list ul li dl dt {font-size:15px;color:#8f8f8f;margin-bottom:15px;}
.main-mid-list ul li dl dd {font-size:18px;color:#000;width: 60%;margin: 0 auto;line-height:26px;}

.main-mid .news-right {height:100px;background:#d6ab42;position:absolute;left:50%;bottom:0;}
.main-mid .news-right a {color:#fff;display:block;padding:38px 0 0 48px;font-size:22px;font-family:'Noto Sans KR';}
.main-mid .news-right dt {background: url(../img/bull-02.png) no-repeat 40px 40px;padding-left: 35px;line-height: 32px;}
.main-mid .news-right dt .go-detail {background:url('../img/bull-arrow-down.png') no-repeat 95% 40px;}
.main-mov {height:430px;background: url(../img/bg-main-mov.jpg) no-repeat center center;background-size: cover;text-align:center}
.main-mov .play-msg {display:block;background: url(../img/icon_about.png) no-repeat center 35%;height: 100%;padding-top:250px;color:#fff;margin-top:110px;font-size:35px;line-height: 1.5;}

.notice-area {overflow:hidden;margin-top:105px;}
.notice-area .inner > dl > dt {font-size:28px;position:relative;margin-bottom:28px;font-family:'Noto Sans KR';}
.notice-area dd {}
.notice-area .more {color:#9b9b9b;font-size:16px;position:absolute;right:0;top:0;}

.main-notice {float:left;width:47%;padding-right:3%;}
.main-notice li {position:relative;margin-bottom:10px;}
.main-notice li img {display:none;}
.main-notice li dt {font-size:15px;}
.main-notice li dt a {width: 80%;display: inline-block;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}
.main-notice li dd {color:#878787;font-family:'Noto Sans KR';display:none;}
.main-notice li .date {color:#c4c4c4;display:block;position:absolute;right:0;top:0;}
.main-notice li:nth-of-type(1) {border-bottom:1px dashed #cdcdcd;padding-bottom:20px;margin-bottom:18px;}
.main-notice li:nth-of-type(1) img {display:block;position:absolute;left:0;top:0;width:230px;height:150px;}
.main-notice li:nth-of-type(1) dl {padding-left:254px;min-height: 151px;}
.main-notice li:nth-of-type(1) dl dt {font-size:20px;color:#000;margin-bottom:20px;line-height:24px;}
.main-notice li:nth-of-type(1) dl dt a {text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; /* ellipsis line */-webkit-box-orient: vertical;width: 100%;white-space: initial;}
.main-notice li:nth-of-type(1) dd {display:block;line-height: 20px;letter-spacing: -1px;}
.main-notice li:nth-of-type(1) .date {position:inherit;margin-top: 22px;}


.main-review {float:left;width:47%;padding-left:3%;}
.main-review li {float:left;height:280px;position:relative;}
.main-review li dl {    position: absolute;top: 160px;left: 50%;transform: translateX(-50%);width: 80%;}
.main-review li dl dt {font-size:19px;color:#000;font-family:'NanumSquare';display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-review .cover {padding:0 10%;width:100%;height:100%;}
.main-review .review-name {color:#d2d2d2;font-size:14px;font-family:'Noto Sans KR';margin-bottom:7px; }
.main-review .con {color:#878787;font-size:14px;font-family:'Noto Sans KR';margin-top:17px; }

.main-review .swiper-container {}
.main-review .swiper-slide {
	text-align:center;
	display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
	align-items:center; /* 위아래 기준 중앙정렬 */
	justify-content:center; /* 좌우 기준 중앙정렬 */
}
.main-review .swiper-slide img {
	max-width:100%; /* 이미지 최대너비를 제한, 슬라이드에 이미지가 여러개가 보여질때 필요 */
	border-radius: 50%;width: 139px;height: 139px;    position: absolute;top: 0;left: 50%;transform: translateX(-50%);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {right:0 !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:0 !important;}
.swiper-button-next:after, .swiper-button-prev:after {font-size:29px !important;}
.swiper-button-next:after, .swiper-button-prev:after {color: #c6c7cc;}

.main-online-qna {height:560px;background:url('../img/bg-main-online-qna_n.jpg') no-repeat center top;background-size:cover;text-align:center;}
.main-online-qna .inner > img {margin-top:3%}
.main-online-qna p {font-family:'NanumSquare';color:#fff;font-size:35px;margin-top:33px;line-height:1.4}
.main-online-qna p.disc {font-size:17px;font-family:'Noto Sans KR';margin-top:42px;margin-bottom:48px;color: #fff;}
.main-online-qna p.disc span {margin:0 3px;}
.main-online-qna .btn {display:inline-block;border:1px solid #fff;max-width:354px;width:100%; color:#fff;
padding:22px 0;font-size:18px;}

.swiper-wrapper::after{content:""; display:block; clear:both;}
@media only screen and (max-width: 1230px){
.main-review li dl dt{width:100%;}
	.main-banner .slogan{padding:80px 0 0 0;}
	.main-contents {padding-top:0;}
	.main-banner {min-height: 430px;}
	.main-banner .slogan .tit {font-size: 35px;}  
	.main-banner .slogan .disc {font-size: 16px;line-height:25px;}
	.main-mid {height:auto;padding: 20px 0px;}
	.main-mid ul {padding:0;}
	.main-mid li {width: 25%;font-size: 13px;}
	.main-mid li img {width: 35px;margin: 0 auto 15px;}
	.notice-area {padding: 0 3%;margin-top: 50px;overflow:hidden;}
	.main-mid-list {padding-top: 10%;}
	.main-mid-list .tit {font-size: 25px;margin-bottom: 30px;}
	.main-mid-list ul li dl dd {font-size: 15px;width: 95%;}
	.main-mov {height: 200px;}
	.main-mov .play-msg {margin-top: 50px;font-size: 20px;background-size:50px;padding-top: 100px;    background-position: center 20%;font-size: 16px;}
	.main-notice {float:none;width:100%;margin-bottom:50px;}
	.main-review {float:none;width:100%;padding-left:0;line-height: 22px;margin-bottom:50px;}

	.main-notice li:nth-of-type(1) img {width: 30%;height: auto;max-width: 230px;
    max-height: 150px;}
	.main-notice li:nth-of-type(1) dl {padding-left:35%;}
	.main-notice li:nth-of-type(1) .date {text-align: right;}
	.main-review li dl {width: 100%;}
	.notice-area .inner > dl > dt {font-size: 22px;margin-bottom: 18px;}
	.main-online-qna {height:420px;}
	.main-online-qna .inner > img {margin-top: 5%;}
	.main-online-qna p {font-size: 20px;margin-top: 23px;}
	.main-online-qna p.disc {font-size: 13px;margin-top: 22px;margin-bottom: 10px;}
	.main-online-qna p.disc span {display:block;}
	.main-online-qna .btn {width: 50%;padding: 12px 0;font-size: 14px; margin-top:20px;}
}