.slide-wrap {height: 849px;position: relative;top: -109px;margin-bottom: -109px;overflow:hidden;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;height: 100%;background-size: cover;background-position:center center;background-repeat:no-repeat}

.headline-container {position: absolute;height: 100%;max-width: 1200px;width:90%;left: 50%;top:0;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);z-index: 1;}
.slideimage .headline {color:#fff;position: absolute;top:50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);text-align: left;-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}
.slideimage .headline-container .headline-right {transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);    left: 50%;
    top: 40%;
    color: #46442a;
    text-align: right;
    filter: drop-shadow(#fff68d 0px 0px 1px);width:100%;}
.headline .slogan span {font-size:30px;letter-spacing:-2px;line-height:1;font-weight:400;}
.headline .slogan strong {display:block;line-height: 90px;margin-bottom:45px;font-family:'Raleway';font-size:80px;letter-spacing:-2px;}
.headline .subtitle {font-size:17px;margin-top:50px;line-height:35px;font-weight:300;font-family:'Noto Sans KR';}


.btn-view {font-family:'Century Gothic';font-size:13px;font-weight:bold;width:135px;height:40px;border:1px solid #605e39;padding:14px 5px 13px;text-align:center;display: inline-block;}
.title {text-align:center;font-size:35px;color:#232624;}
.title .msg {color:#6a6a6c !important;font-size:17px;margin-top:15px;}

.business-area {}
.business-area .inner {padding:20px 0 120px}
.business-area .banner-section:after,
.business-area .business-section:after {content: "";display: table;table-layout: fixed;clear: both;}
.business-area .banner-section li {position:relative;float:left;height:360px;max-width:285px;width:24%;box-sizing:border-box;padding:85px 0 0;text-align:center;color:#fff;background-size:cover;}
.business-area .banner-section li.wide {max-width:590px;width:50%;margin-left:1%;padding:57px 0 0 57px;text-align:left;color:#605e39;background:url('../img/banner-main-02.jpg') no-repeat center center;}
.business-area .banner-section li.wide a{color:#000;}
.business-area .banner-section li.membership {background:url('../img/banner-main-01.gif') no-repeat center center;}
.business-area .banner-section li.story {margin-left:1%;background:url('../img/banner-main-03.gif') no-repeat center center;}
.business-area .banner-section li::before{content: "";background: #000;opacity: 0.05;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.business-area .banner-section li > div {position:absolute;width:100%;font-size:21px;}
.business-area .banner-section li > div a{color:#fff;}
.business-area .banner-section li > div strong {display:block;font-size:30px;font-weight: 600}
.business-area .banner-section li > div p {font-size:16px;font-family:'Noto Sans KR';width: 65%;margin: 0 auto;font-weight: 100;line-height: 24px;display:-webkit-box;-webkit-line-clamp:3; /* 라인수 */-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;}

.business-area .banner-section li.membership > div strong:before,
.business-area .banner-section li.story > div strong:before {content: "";display: block;width: 80%;border-bottom: 1px solid #bcbcbc;margin: 14px auto 15px;}
.business-area .banner-section li.membership > div strong:after,
.business-area .banner-section li.story > div strong:after {content: "";display: block;width: 80%;border-bottom: 1px solid #bcbcbc;margin: 14px auto 57px;}
.business-area .banner-section li.wide > div {font-size:20px;font-weight:700}
.business-area .banner-section li.wide > div strong {font-size:31px;font-family:'Noto Sans KR';margin:30px 0 70px;display:block;font-weight:400;line-height:40px;letter-spacing: -2px;}

.business-area .business-section {margin-top:64px;background:url('../img/icon-tree-02.png') no-repeat center top;padding-top:44px;}
.business-area .business-section .title {margin-bottom:80px;}
.business-area .business-section dl {float:left;width:25%;text-align:center;font-family:'Noto Sans KR';font-size:15px;color:#777;font-weight:300;}
.business-area .business-section dt img {display:block;margin: 0 auto 28px;text-align:center;}
.business-area .business-section dt {font-size:20px;margin-bottom:18px;color:#3e3e3e;}
.business-area .business-section dd {line-height:25px;width:75%;margin:0 auto;display:-webkit-box;-webkit-line-clamp:3; /* 라인수 */-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.business-area .business-section dd.more {margin-top:32px;font-size:15px;color:#111;font-weight:600;}

.big-promote-area {}
.big-promote-area .promote-section1 {background:url('../img/bg_main_pro.jpg') no-repeat center center;background-size:cover;height:659px;}
.big-promote-area .promote-section1 strong {display:block;}
.big-promote-area .promote-section1 .inner {padding: 120px 0 0 40%;text-align:center;}
.big-promote-area .promote-section1 .disc {padding-top:77px;margin:50px 0 60px;background:url('../img/icon-tree-01_n.png') no-repeat center top;color:#fff;font-size:18px;line-height:28px;font-weight:300;-webkit-line-clamp:3; /* 라인수 */-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.big-promote-area .promote-section1 .title {line-height:40px; color:#fff;}
.big-promote-area .promote-section1 .btn-view {font-family:'Century Gothic'; color:#fff; font-size:13px;font-weight:bold;width:135px;height:40px;border:1px solid #fff;padding:14px 5px 13px;text-align:center;display: inline-block;}

.big-promote-area .promote-section2 {padding-top:100px;}
.big-promote-area .promote-section2 .inner {max-width:inherit;}
.big-promote-area .promote-section2 ul:after {content: "";display: table;table-layout: fixed;clear: both;}
.big-promote-area .promote-section2 ul li {position:relative;float:left;width:50%;background-size:cover;height:545px;}
.big-promote-area .promote-section2 ul {}
.big-promote-area .promote-section2 li::before{content: "";background: #000;opacity: 0.2;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.big-promote-area .promote-section2 li .inside {color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align:center;}
.big-promote-area .promote-section2 .movie {background:url('../img/bg-promote-02.jpg') no-repeat center center;}
.big-promote-area .promote-section2 .movie .inside {display:block;font-size:30px;}
.big-promote-area .promote-section2 .movie .inside img {display:block;border-radius:20px;margin:0 auto 25px;}
.big-promote-area .promote-section2 .voice {background:url('../img/bg-promote-03.jpg') no-repeat center center;}
.big-promote-area .promote-section2 .voice span {font-size:15px;letter-spacing:5px;display:block;margin-bottom:15px;}
.big-promote-area .promote-section2 .voice strong {font-size:50px;}
.big-promote-area .promote-section2 .voice p {font-size:20px;margin:45px 0 60px;font-family:'Noto Sans KR';font-weight:300}
.big-promote-area .promote-section2 .voice .btn-view {color:#fff;border-color:#fff;width: 55%;}

.notice-area {padding:105px 0;background:url('../img/icon-tree-02.png') no-repeat center 57px;}
.notice-area .inner {}
.notice-area ul {margin: 70px 0 0 -20px;}
.notice-area ul:after {content:'';display:block;clear:both;}
.notice-area ul li {float:left;width:33%;}
.notice-area ul li dl {padding:0 0 0 20px;}
.notice-area ul li dl * {font-family: 'Noto Sans KR'}
.notice-area ul li dl .thumb {display:block;width: 100%;}
.notice-area ul li dl dt {}
.notice-area ul li dl dt .tit {padding:34px 32px 0;color:#3e3e3e;font-size:20px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice-area ul li dl dt .tit p {margin-top:8px}
.notice-area ul li dl dt .tit p,
.notice-area ul li dl .more {color:#a6a6a5;font-size:13px;}
.notice-area ul li dl dd {padding:0 32px;color:#777;font-size:15px;margin:24px 0 38px;line-height:20px;display:-webkit-box;-webkit-line-clamp:4; /* 라인수 */-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;}

@media only screen and (max-width: 1230px){
	/* .inner {max-width:initial;width:96%} */

	.business-area .inner {padding: 50px 0 120px;}
	.business-area .business-section .title {margin-bottom: 50px;}
	.big-promote-area .promote-section1 {position: relative;height: 370px;background-position-x: left;}
	.big-promote-area .promote-section1 .inner {position: absolute;padding: 0;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);left: 50%;top:50%;}
	.big-promote-area .promote-section1 .disc {padding-top: 7%;margin:20px 0;font-size: 15px;line-height: 24px;}
	.big-promote-area .promote-section2 ul li {height: 370px;}
	.big-promote-area .promote-section2 .movie .inside img {width:50%;border-radius: 10px;}
	.big-promote-area .promote-section2 .movie .inside {font-size: 25px;}
	.big-promote-area .promote-section2 .voice .inside {width:90%;}
	.big-promote-area .promote-section2 .voice span {font-size: 15px;margin-bottom: 12px;}
	.big-promote-area .promote-section2 .voice strong {font-size: 30px;}
	.big-promote-area .promote-section2 .voice p {margin: 25px 0 30px;}

}

@media only screen and (max-width: 950px){
	.headline .slogan strong {line-height: 45px;font-size: 35px;margin-bottom: 25px;}
	.headline .slogan span {font-size: 18px; line-height:25px;  word-break: keep-all; letter-spacing: -1.3px;}
	.headline .subtitle {font-size: 15px;margin-top: 30px;line-height: 24px;}

	.slide-wrap {height: 450px; padding-top:40px;}
	.slideimage .headline {}
	.slideimage .headline .subtitle {display:-webkit-box;-webkit-line-clamp:2; /* 라인수 */-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
	.swiper-pagination-bullet-active {background:#fff !important;}
	
	.business-area .inner {padding:0px 0 40px}
	.business-area .banner-section li::before {}
	.business-area .banner-section li > div {font-size: 14px;}
	.business-area .banner-section li > div strong {font-size: 16px;}
	.business-area .banner-section li > div p {font-size: 14px;line-height: 23px;padding: 0 2px;}
	.business-area .banner-section li {width:28%;}
	.business-area .banner-section li.wide {padding: 85px 0 0 5px;text-align: center;width:42%}
	.business-area .banner-section li.wide > div strong {font-size: 21px;margin: 40px 0 50px;    line-height: 30px;}
	.business-area .business-section dl {float:left;width:50%; padding-bottom:40px;text-align:center;font-family:'Noto Sans KR';font-size:13px;color:#777;font-weight:300;}
	
	.business-area .business-section dt img {width:50px;display:block;margin: 0 auto 16px;text-align:center;}
	.business-area .business-section dd.more {font-size:12px; margin-top:15px;}
	
	.big-promote-area .promote-section1 .disc {padding-top: 10%;margin: 8% 5px;font-size: 15px;line-height: 24px;}

	.big-promote-area .promote-section2 {padding-top:50px;}
	.big-promote-area .promote-section2 ul li {position:relative;float:left;width:100%;background-size:cover;height:325px;}

	.notice-area ul li {float: initial;width: 100%;padding: 0 10px;}
	.notice-area ul li dt {overflow:hidden;}
	.notice-area ul li dl {border-bottom:1px dashed #eee;margin-bottom:20px;padding-left: 0;}
	.title .msg {font-size: 15px;}
	.notice-area ul li dl dt .thumb  {float:left;width:15%;}
	.notice-area ul li dl dt .tit {float: left;width: 75%;margin: 0;padding: 0 0 0 20px;font-size: 16px;}
	.notice-area ul li dl dd {padding: 0;margin:10px 0;font-size: 13px;}
	.notice-area ul {margin: 50px 0 0 0px;}

	.corp-area {padding: 20px 0 30px;}
	.corp-area .inner{height:88px;}
	.corp-area a {margin-right: 5px;}
	.corp-area a.tel {font-size:16px;left:5px;top: 0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}
	.corp-area .c-right {position:absolute;right:5px;top: 15px;}
	.site-area .list-service {display:none;}
	.site-area .list-service:first-child {display:block;width: 100% !important;padding: 20px 20px !important;}
	.site-area .list-service:first-child dt {margin-bottom:17px}
	.bottom-menu {display:block;width:90%;margin:0 auto 15px;}

	.business-area .business-section dd{line-height:17px; word-break:keep-all;}
}