﻿.wrap {padding-top: 80px;}
.section {padding: 200px 0;} 
.section.bg {background-color: #F8F8F8;}
.section_bottom {padding-top: 80px;padding-bottom: 150px;}
.common_tit {font-size: 50px;font-weight: 700;color: #000;margin-bottom: 10px;}
.more_link {display: inline-flex;align-items: center;font-size: 18px;font-weight: 700;color: #000;opacity: 0.3;transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}
.more_link:hover {opacity: 1;color: #000;}
.notice_banner {background-color: #000;padding: 30px 0;}

.divide {display: flex;align-items: flex-start;}
.divide.end {align-items: flex-end;}
.divide_child.right {margin-left: auto;}
.divide_child.exihibition {width: 100%;margin-left: auto;}
.divide_child.notice {width: 75%;margin-left: auto;}
.divide_child.academy {padding-left: 130px;}

.main_title_wrap {padding-top: 120px;padding-bottom: 80px;}
.main_title {font-size: 70px;color: #000;font-weight: 700;}

.main_banner {position: relative;height: 750px;}
.main_banner .owl-carousel,
.main_banner .owl-carousel .owl-stage-outer,
.main_banner .owl-carousel .owl-stage,
.main_banner .owl-carousel .owl-item,
.banner_slide,
.banner_item,
.banner_item a,
.banner_item img {height: 100%;}

.dots_con {display: flex;align-items: center;}
.dot_num {display: flex;align-items: center;}
.dot_num .owl-dot {margin-left: 30px;position: relative;}
.dot_num .owl-dot span {font-size: 14px;font-weight: 500;color: #000;display: block;}
.dot_num .owl-dot.active span {width: 200px;height: 2px;background-color: #eee;font-size: 0;}
.main_nav a {display: inline-block;opacity: 0.3;}
.main_nav a.prev {margin-left: 10px;margin-right: 5px;}
.main_nav a:hover {opacity: 1;}

.gauge {width: 0%;height: 2px;background-color: #000;position: absolute;left: 0;top: 0;z-index: 1;}

.noti_flex {display: flex;align-items: center;justify-content: flex-start;}
.noti_flex .noti_cell1 {font-size: 14px;font-weight: 700;color: #7C6846;margin-right: 36px;}
.noti_flex .noti_cell2 a {font-size: 16px;font-weight: 700;color: #fff;}
.noti_flex .noti_cell3 {margin-left: auto;}
.noti_flex .noti_cell3 a {opacity: 0.7;}
.noti_flex .noti_cell3 a:hover {opacity: 1;}

.map {margin-top: 80px;height: 550px;}
.contact_txt {text-align: right;font-size: 18px;color: #000;line-height: 1.7;margin-left: auto;}
.middle_banner {height: 450px;-webkit-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;background-image: url("/skin/default/img/main/main_middle.png");}

.academy_box {background-color: #F8F8F8;width: 310px;height: 285px;padding: 30px;margin-bottom: 70px;transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.academy_box:hover {background-color: #000;}
.academy_box:hover .academy_tit,.academy_box:hover .academy_date {color: #fff;}
.academy_cont {display: flex;flex-direction: column;align-content: flex-end;height: 100%;}
.academy_tit {font-size: 24px;font-weight: 700;color: #000;line-height: 1.5;margin-bottom: auto;}
.academy_date {font-size: 14px;color: #000;}

.notice {display: block;border-top: 3px solid #000;}
.notice li {padding: 30px;border-bottom: 1px solid #000;}
.notice li a {display: flex;align-items: center;}
.notice_cell1 .num {font-size: 40px;font-weight: 700;color: #000;margin-bottom: 10px;text-align: center;}
.notice_cell1 .date {font-size: 14px;color: #000;}
.notice_cell2 .tit {font-size: 26px;font-weight: 500;color: #000;padding-left: 50px;line-height: 1.2;}
.noti {height: 30px;line-height: 27px;border: 3px solid red;font-size: 14px;font-weight: 700;color: red;padding: 0 15px;border-radius: 30px;margin-right: 10px;}

.exihibition_tab {text-align: right;margin-bottom: 24px;}
.exihibition_tab a {display: inline-block;font-size: 40px;font-weight: 700;color: #D9D9D9;}
.exihibition_tab a.on {color: #000;}
.exihibition_tab a.mar {margin-right: 20px;}
.slide_nav {display: flex;justify-content: flex-end;}
.slide_nav a {opacity: 0.3;}
.slide_nav a:hover {opacity: 1;}

.exihibition_slide {margin-top: 50px;}
.exihibition_item {height: 780px;}
.exihibition_item .exihibition_img {overflow: hidden;height: 620px;}
.exihibition_item .exihibition_img img {transition: all .5s ease; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;height: 100%;}
.exihibition_item:hover .exihibition_img img {transform: scale(1.15);}
.exihibition_cont {padding-top: 40px;padding-bottom: 30px;border-bottom: 1px solid #000;}
.exihibition_cont .tit {text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;font-size: 26px;font-weight: 700;color: #000;line-height: 1.2;max-width: 470px;margin-bottom: 40px;}
.exihibition_cont .info_wrap {display: flex;justify-content: flex-start;align-items: center; flex-wrap: wrap;max-width: 470px;}
.exihibition_cont .info_wrap .info1 {font-size: 14px;color: #000;}
.exihibition_cont .info_wrap .info2 {font-size: 14px;color: #000;margin-left: auto;}
.academy_sns {width: 40px;margin-top: 20px;}
@keyframes fills{
	0%{
		background-position: 100%;	
		-webkit-transition: all 0.4s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: all 0.4s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
	}
	100%{
	    background-position: 0%;	
	    -webkit-transition: all 1s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	    opacity: 1;
	}
}
.main_title .t1 {
    white-space: nowrap;
    z-index: 2;
    background-size: 200% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #000, #000, #000, #000 50%, #D9D9D9 50%);
	animation: fills 2s;
	animation-fill-mode: forwards;
}
.main_title .t1.lazy {animation: fills 2s;animation-delay: 0.3s;animation-fill-mode: forwards;opacity: 0;}

@media (max-width: 1659px){
	.main_banner {height: 600px;}
	.main_title {font-size: 60px;}
	.academy_tit {font-size: 20px;}
	.exihibition_cont .tit {max-width: 430px;}
	.exihibition_item .exihibition_img {height: 570px;}
	.exihibition_item {height: 730px;}
	.academy_box {width: 100%;}
}

@media (max-width: 1459px) {

}
@media (max-width: 1429px) {
	.main_title {font-size: 50px;}
	.main_banner {height: 500px;}
	.common_tit {font-size: 40px;}
	.exihibition_tab a {font-size: 30px;}
	.exihibition_cont .tit {font-size: 22px;max-width: 400px;}
	.notice_cell2 .tit {font-size: 20px;}
	.notice_cell1 .num {font-size: 30px;}
	.academy_tit {font-size: 20px;}
	.academy_box {height: 270px;}
	.contact_txt {font-size: 16px;}
	.exihibition_item .exihibition_img {height: 490px;}
	.exihibition_item {height: 650px;}

}
@media (max-width: 1259px) {
	.main_title {font-size: 40px;}
	.main_banner {height: 470px;}
	.exihibition_cont .info_wrap .info2 {margin-left: 0;margin-top: 10px;}
	.exihibition_cont .tit {max-width: 280px;}
	.exihibition_cont .tit {font-size: 18px;}
	.more_link {font-size: 16px;}
	.common_tit {font-size: 30px;}
	.exihibition_tab a {font-size: 25px;}
	.academy_tit {font-size: 16px;}
	.divide_child.academy {padding-left: 65px;}
	.academy_date {font-size: 12px;}
	.academy_box {padding: 30px;height: 220px;}
	.map {height: 450px;}
	.contact_txt {font-size: 14px;}
	.middle_banner {height: 400px;}
	.exihibition_item .exihibition_img {height: 370px;}
	.exihibition_item {height: 550px;}
}

@media (max-width: 1199px) {
	.main_banner {height: 400px;}
	.noti_flex .noti_cell2 a {font-size: 14px;}
}
@media (max-width: 991px) {
	.wrap {padding-top: 40px;}
	.main_title_wrap {padding-top: 60px;padding-bottom: 40px;}
	.main_title {font-size: 30px;}
	.dot_num .owl-dot.active span {width: 100px;}
	.main_banner {height: 300px;}
	.notice_banner {padding: 20px 0;}
	.noti_flex .noti_cell1 {font-size: 12px;margin-right: 18px;}
	.section {padding: 100px 0;}
	.common_tit {font-size: 25px;}
	.more_link {font-size: 14px;}
	.exihibition_tab a {font-size: 20px;}
	.exihibition_tab a.mar {margin-right: 10px;}
	.exihibition_tab {margin-bottom: 12px;}
	.slide_nav a img {height: 20px;}
	.exihibition_slide {margin-top: 25px;}
	.exihibition_cont {padding-top: 20px;padding-bottom: 15px;}
	.exihibition_cont .tit {font-size: 16px;max-width: 200px;margin-bottom: 20px;}
	.exihibition_cont .info_wrap .info1,.exihibition_cont .info_wrap .info2 {font-size: 12px;}
	.notice li {padding: 20px;}
	.notice_cell1 .num {font-size: 20px;}
	.notice_cell1 .date {font-size: 12px;}
	.notice_cell2 .tit {padding-left: 25px;font-size: 16px;}
	.middle_banner {height: 300px;}
	.map {height: 300px;margin-top: 40px;}
	.section_bottom {padding-top: 40px;padding-bottom: 75px;}
	.academy_box {padding: 20px;height: 180px;margin-bottom: 35px;}
	.academy_tit {font-size: 14px;}
	.exihibition_item .exihibition_img {height: 300px;}
	.noti {font-size: 12px;border: 1px solid #000;padding: 0 7px;height: 25px;line-height: 22px;}
}
@media (max-width: 767px) {
	.divide {flex-wrap: wrap;flex-direction: column;}
	.main_title {font-size: 25px;margin-bottom: 10px;}
	.divide_child.right {margin-right: 0;margin-left: 0;}
	.divide.end {align-items: flex-start;}
	.dot_num .owl-dot {margin-left: 0;margin-right: 15px;}
	.main_banner {height: 170px;}
	.noti_flex .noti_cell1 {margin-right: 10px;}
	.noti_flex .noti_cell2 a {font-size: 12px;}
	.section {padding: 50px 0;}
	.common_tit {font-size: 20px;}
	.exihibition_tab a {font-size: 16px;}
	.exihibition_cont .tit {max-width: 100%;}
	.divide_child.notice {width: 100%;margin-top: 20px;}
	.notice li {padding: 20px 0;}
	.notice_cell1 .num {font-size: 16px;margin-bottom: 0;}
	.notice_cell2 .tit {padding-left: 15px;font-size: 14px;}
	.divide_child.academy {padding-left: 0;margin-top: 20px;width: 100%;}
	.middle_banner {height: 200px;}
	.contact_txt {margin-left: 0;text-align: left;margin-top: 10px;}
	.map {height: 250px;}
	.academy_box {margin-bottom: 18px;}
	.noti_flex .noti_cell3 {margin-right: 10px;}
	.exihibition_cont .info_wrap {flex-direction: column;align-items: flex-start;}
	.exihibition_item .exihibition_img {height: 250px;}
	.exihibition_item {height: auto}
}
@media (max-width: 424px) {
	.exihibition_item .exihibition_img {height: 190px;}
}
@media (max-width: 374px) {

}