@charset "UTF-8";

.m_set:after,
.m_set .m_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.m_set .m_inner {position:relative; margin:0 auto; padding:200px 15px; max-width:1630px;}
.m_set h2 {font-size:48px; line-height:1.30; color:#fff; }
.m_set h2 span {color:#ffa100;}
.m_set p.txt {line-height:1.6; color:#bbb; margin-top:40px;}

/* 메인 비주얼 */
@keyframes mainCopyFade {
	0% {opacity:0;}
	100% {opacity:1;;}
}

@keyframes bgMotion {
  0% { opacity: 0; transform:scale(1.1) rotate(.01turn); }
  100% { opacity: .8; transform:scale(1) rotate(0turn); }
}

.main_visual {overflow:hidden; display:flex; align-items:center; position:relative; height:100vh; text-align:center;}
.m_visual .background::before { background-image: url('/home/images/visual01.jpg'); }
.mv_img .background {position: absolute; top:0; left:0; width:100%; height:100%;}
.mv_img .background::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; opacity: 0; animation:bgMotion 3s ease-out .5s 1 forwards;}
.visual_area .mv_listbox .mv_img {margin:0 auto; height:100vh; text-align:left; padding-left:0;}
.visual_area .mv_listbox .mv_img.m_visual {color:#fff;}
.visual_area .mv_listbox .mv_img.m_visual .inner{position:absolute; top:50%; left:50%; margin-left:-270px; margin-top:-80px;}
.visual_area .mv_listbox .mv_img.m_visual p {text-shadow:1px 1px 1px rgba(0,0,0,0.1); opacity:0; filter: blur(0px);}
.visual_area .mv_listbox .mv_img.m_visual p.main_txt01 {font-size:30px; line-height:1.0; margin-left:10px; animation:mainCopyFade 3s ease-out 1s 1 forwards;}
.visual_area .mv_listbox .mv_img.m_visual p.main_txt01 strong {font-style: italic;}
.visual_area .mv_listbox .mv_img.m_visual p.main_txt02 {font-size:100px; margin-top:20px; line-height:1.0; animation:mainCopyFade 3s ease-out 2s 1 forwards;}

/* 메인 컨텐츠 main_sec1 */
.main_sec1 {position:relative;}
.main_sec1 .scaleimg {position:absolute; right:0; bottom:-80px; max-width:100%;}
.main_sec1 .m_inner {margin-bottom:80px;}
.main_sec1 .valuewrap {border-top:1px solid #343434; border-bottom:1px solid #343434; box-sizing:border-box;}
.main_sec1 .valuewrap ul {display:flex;}
.main_sec1 .valuewrap ul li {display:flex; border-left:1px solid #343434; width:50%; padding:100px 0 70px 0; color:#303030;}
.main_sec1 .valuewrap ul li:first-child {border-left:0}
.main_sec1 .valuewrap ul li:nth-child(2) {padding-left:80px;}
.main_sec1 .valuewrap ul li:nth-child(2) strong{letter-spacing: -.085em;}
.main_sec1 .valuewrap ul li:nth-child(2) strong:after {content:"억"; font-size:150px; font-family:'Pretendard'; font-weight:400; padding-bottom:20px;}
.main_sec1 .valuewrap ul li:hover,.main_sec1 .valuewrap ul li::before {color:#fff;}
.main_sec1 .valuewrap ul li strong {font-size:200px; line-height:1; font-family:'Bahnschrift';}
.main_sec1 .valuewrap ul li p {padding:0 0 40px 40px; align-content:flex-end; line-height:1.6; }
.main_sec1 .valuewrap ul li {* {transition: 0.25s ease;} &:hover * {color: #fff !important;}}

/* 메인 컨텐츠 main_sec2 */
.main_sec2 .inner {padding-top:200px; padding-bottom:100px;}
.main_sec2 .grid_lists {display:flex;}
.main_sec2 .grid_item:nth-child(1) {background-image:url("/home/images/main_sec2_bg01.jpg");}
.main_sec2 .grid_item:nth-child(2) {background-image:url("/home/images/main_sec2_bg02.jpg");}
.main_sec2 .grid_item:nth-child(3) {background-image:url("/home/images/main_sec2_bg03.jpg");}
.main_sec2 .grid_item {position:relative; width:33.3333%; background-repeat:no-repeat; background-size:cover; background-position:center; aspect-ratio:640/800;transform: rotate(0.001deg);}
.main_sec2 .grid_item:hover::before {opacity:1; visibility:visible;}
.main_sec2 .grid_item:hover .tit_box, .main_sec2 .grid_item:hover .text {opacity: 1;}
.main_sec2 .grid_item::before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ffa500; opacity:0; visibility:hidden; transition:opacity 0.45s, visibility 0.45s;}
.main_sec2 .grid_item .txt_box {position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; height:100%; padding: 1em 1em 5em; letter-spacing:-0.3px; color:#fff; transition:opacity 0.35s;}
.main_sec2 .grid_item .tit_box, .main_sec2 .grid_item .text {opacity:0.3;}
.main_sec2 .grid_item .tit_box {margin-top:46.875%; font-size:40px; font-weight:600; margin-left:auto; margin-right:auto;}
.main_sec2 .grid_item .grid_tit {display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:100px; line-height:1; font-weight:500; letter-spacing:-2px; margin:0.3em 0 0.3em 0;}
.main_sec2 .grid_item .text {margin-top:auto; word-break:keep-all; font-size:20px; line-height: 1.6;}

/* 메인 컨텐츠 main_sec3 */
.main_sec3 {background:#141515 url('/home/images/main_sec3_bg.jpg') no-repeat 0 bottom; background-size:100% auto; padding-bottom:200px;}
.main_sec3 .inner {padding-top:200px;}
.main_sec3 h2 {text-align:center;}
.main_sec3 p {font-size:40px; color:#bbb; margin-top:60px; text-align:center; line-height:1.4;}

.partner_area {padding:120px 0;}
.partner_list li {padding:0 50px; }
.partner_list li img {opacity:0.3;}
.partner_list li a:hover img {opacity:1.0;}
.partner_list .slick-prev, .partner_list .slick-next {display:none;}
.partner_list .slick-prev:before, .partner_list .slick-next:before {display:none;}
.partner_list .slick-track {transition-timing-function: linear !important;}

/* 메인 컨텐츠 main_sec4 */
.main_sec4 {background-color:#101010; padding-bottom:200px;}
.main_sec4 .inner {padding-top:200px;}
.product_area {position:relative; margin-top:60px;}
.product_list {display:flex;}
.product_list li {padding:0 10px; }
.product_list li img {filter:grayscale(1);  -webkit-filter: grayscale(1);}
.product_list li a:hover img {filter: grayscale(0); -webkit-filter: grayscale(0);}
.product_list .slick-prev, .product_list .slick-next {display:none;}
.product_list .slick-prev:before, .product_list .slick-next:before {display:none;}

/* 메인 컨텐츠 main_sec5 */
.main_sec5 {background-color:#18191a;}
.main_sec5 .inner {padding:120px 15px;}
.news_list {position:relative; margin-top:40px;}
.news_list ul {display:flex; width:100%;}
.news_list li{padding:50px 40px; width:33.333%; background-color:#2a282f; margin-left:20px;}
.news_list li:first-child {margin-left:0}
.news_list li .date {color:#bbb; font-size:24px; font-weight:600;}
.news_list li .title {font-size:28px; color:#fff; font-weight:600; display:block; margin-top:70px; line-height:1.45;}

/* 메인 컨텐츠 main_sec6 */
.main_sec6 {position:relative;}
.main_sec6 .map {position:absolute; width:100%; top:0; left:0;}
.main_sec6 .map_info {position:relative; margin-top:200px; width:520px; padding:50px; background:#101010; opacity:0.8; z-index:10;}
.main_sec6 .map_info li:last-child {margin-bottom:0;}
.main_sec6 .map_info .map_title {font-size:30px; font-weight:600; padding-bottom:20px; border-bottom:1px solid #fff; color:#fff;}
.main_sec6 .map_info ul {margin-top:30px;}
.main_sec6 .map_info li {font-size:20px; display:flex; vertical-align:top; line-height:1.45; margin-bottom:20px; word-break:keep-all; color:#fff; }
.main_sec6 .map_info li span {font-weight:600; width:130px; flex-shrink:0; box-sizing: border-box; }
.main_sec6 .map_info li span img {margin-right:10px;}
.main_sec6 .map_info li p {font-weight:300;}
.main_sec6 iframe {height:760px;}

/* media query */
@media screen and (max-width:1280px) {
	.main_sec1 .valuewrap ul li {padding:70px 0 40px 0;}
	.main_sec1 .valuewrap ul li strong {font-size:130px;}
	.main_sec1 .valuewrap ul li:nth-child(2) strong:after {font-size:90px;}
	.main_sec1 .valuewrap ul li:nth-child(2) {padding-left:40px;}
	.main_sec1 .valuewrap ul li p {font-size:15px;}
	.main_sec1 .scaleimg {max-width:70%;}

	.main_sec2 .grid_item .tit_box {font-size:20px;}
	.main_sec2 .grid_item .grid_tit {font-size:60px; margin:0 0 0.3em 0}
	.main_sec2 .grid_item .text {font-size:15px;}
}

@media screen and (max-width:1024px) {
	.m_set .m_inner {padding:100px 15px 0 15px;}
	.m_set h2 {font-size:36px;}
	.m_set p.txt {font-size:15px; margin-top:20px;}

	.visual_area .mv_listbox .mv_img.m_visual .inner {margin-left:-130px; top:55%;}
	.visual_area .mv_listbox .mv_img.m_visual p.main_txt01 {font-size:16px;}
	.visual_area .mv_listbox .mv_img.m_visual p.main_txt02 {font-size:50px; margin-top:10px;}
	.m_visual .background::before {background-image: url('/home/images/visual01_mobile.jpg'); background-size:cover;}

	.main_sec1 .valuewrap ul {display:block;}
	.main_sec1 .valuewrap ul li {width:100%; padding:30px 0 20px 0; border-left:0;}
	.main_sec1 .valuewrap ul li strong {font-size:90px;}
	.main_sec1 .valuewrap ul li:nth-child(2) strong:after {font-size:60px;}
	.main_sec1 .valuewrap ul li:nth-child(2) {padding-left:0; border-top:1px solid #343434;}
	.main_sec1 .valuewrap ul li p {font-size:13px; padding:0 0 15px 15px; line-height: 1.4;}
	.main_sec1 .scaleimg {max-width:100%; position:relative; bottom:0; margin-top:40px}
	.main_sec1 .m_inner {margin-bottom:0;}

	.main_sec2 .inner {padding-top:100px; padding-bottom:40px;}
	.main_sec2 .grid_lists {display:block; padding:0 15px;}
	.main_sec2 .grid_item {width:100%; margin-top:10px;}

	.main_sec3,.main_sec4 {padding-bottom:100px;}
	.main_sec3 .inner,.main_sec4 .inner {padding-top:100px;}
	.main_sec3 p {font-size:20px; margin-top:30px;}
	.partner_area {padding:60px 0;}
	.partner_list li {padding:0 20px; }
	.partner_list li img {height:22px;}

	.product_area {margin-top:30px;}
	.product_list li {width:280px;}

	.main_sec5 .inner {padding:60px 15px;}
	.main_sec5 .news_list .box:nth-child(2) {display:none;}
	.main_sec5 .news_list .box .date {}
	.main_sec5 .news_list .box .title {font-size:20px; margin-top:30px}

	.main_sec6 .inner {padding: 0 0;}
	.main_sec6 iframe {height:340px;}
	.main_sec6 .map {position:relative;}
	.main_sec6 .map_info {position:relative; margin-top:0; opacity:1;}
	.main_sec6 .map_info {width:100%; padding:30px;}
	.main_sec6 .map_info li {font-size:15px;}
	.main_sec6 .map_info .map_title {font-size:24px;}
	
	.news_list {margin-top:20px;}
	.news_list li {padding:30px; width:100%;}
	.news_list li .date {}
	.news_list li .title {margin-top:50px; font-size:20px;}
}

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

@media screen and (max-width:640px) {
	.m_set h2 {font-size:24px;}
	.m_set p.txt {font-size:13px;}
	.main_sec5 .news_list .box {width:100%; padding:25px}
	.main_sec5 .news_list .box:nth-child(2),.main_sec5 .news_list .box:nth-child(3) {display:none;}
	.news_list li:nth-child(2),.news_list li:nth-child(3) {display:none;}

}

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