section, section *{ box-sizing:border-box; }
*{ box-sizing:border-box; }
section{ overflow:hidden; }
section:last-child{ padding-bottom:70px !important; }
.mc-con{ padding: 0 15px; width:100%; margin:0 auto;}
.sc_con{ max-width:1240px; width:100%; margin:0 auto; }
.main-con{width: 100%; margin: 0 auto; padding: 0 3rem;}

/*sc01*/
#sc01{ height: 100%; position: relative; overflow: hidden;}

.main-caption{width: 100%; position: absolute; top: 50%; left: 0; z-index: 33; color: #fff;text-align: left; transform: translateY(-50%);}
.main-caption h2{font-size: 50px; margin-bottom: 2rem;}
.main-caption h5{font-size: 21px; font-weight: 300;}
.main-caption a{font-size: 16px; font-weight: 600; padding: .8rem 2rem; background-color: #fff; border-radius: 30px; color: #111; transition: .5s;}
.main-caption a:hover{color: #3b77ad;}
.main-logo{text-align: center; padding-bottom: 1.5rem; display: inline-block; margin: 0 auto 1.5rem; border-bottom: 1px dotted #ddd;}
.main-logo > img{width: 400px;}

.sc01Sli{ position:relative; z-index:1; background-color:#333; overflow:hidden; }
.sc01_bg{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc01_mbg{ display:none; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc01_fr{ position:relative; z-index:1; min-height:max(600px,36.4583333vw); padding:150px 70px; display:flex; align-items:center; /*background-color:rgba(0,0,0,.35);*/ }

.sc01_txt{ max-width:1400px; width:100%; margin:0 auto; }
.sc01_txt > h2{ font-size:50px; font-weight:700; line-height:1.2em; margin-bottom:30px; }
.sc01_txt > hr{ display:block; width:100px; height:3px; margin:0 0 30px; border:none; }
.sc01_txt > p{ font-size:18px; font-weight:300; line-height:1.5em; }
.sc01_txt > a{ display:inline-block; margin:40px 0 0; padding:13px 40px; border-radius:100px; font-size:18px; font-weight:300; line-height:1em; text-align:center; transition:0.4s all; }

.sc01_nav{ position:absolute; z-index:60; top:50%; width:30px; height:80px; margin:-40px 0 0; cursor:pointer; }
.sc01_nav.swiper-button-disabled{ opacity:0.3; }
.sc01_nav#sc01pr{ left:20px; }
.sc01_nav#sc01pr:before{ content:''; position:absolute; z-index:1; top:0; left:0; width:4px; height:40px; transform:skew(-33deg); transform-origin:left bottom; }
.sc01_nav#sc01pr:after{ content:''; position:absolute; z-index:1; bottom:0; left:0; width:4px; height:40px; transform:skew(33deg); transform-origin:left top; }
.sc01_nav#sc01nx{ right:20px; }
.sc01_nav#sc01nx:before{ content:''; position:absolute; z-index:1; top:0; right:0; width:4px; height:40px; transform:skew(33deg); transform-origin:right bottom; }
.sc01_nav#sc01nx:after{ content:''; position:absolute; z-index:1; bottom:0; right:0; width:4px; height:40px; transform:skew(-33deg); transform-origin:right top; }

.sc01_btn{ display:flex; align-items:center; position:absolute; z-index:60; bottom:30px; left:50%; width:auto; transform:translate(-50%, 0); }
#sc01pg{ margin-right:10px; }
#sc01pg > .swiper-pagination-bullet{ opacity:1; width:12px; height:12px; border-radius:100px; margin:0 3px; transition:0.5s all; }
#sc01pg > .swiper-pagination-bullet-active{ width:40px; }
.sc01_ap{ cursor:pointer; border-radius:100%; font-size:20px; }
.sc01_ap .la-play{ display:none; }
.sc01_ap .la-pause{ display:block; }
.sc01_ap.paused .la-play{ display:block; }
.sc01_ap.paused .la-pause{ display:none; }

.sc01mw{ position:relative; z-index:1; overflow:hidden; background-color:#333; width: 100%; height: 100%;}
.sc01mw > .sc01_bdo{ position:absolute; z-index:1; top:50%; left:50%; min-width:100%; height:155%; transform:translate(-50%,-50%); }

.vimeo_player_wrapper{opacity: 1 !important;}

.main-slide{width: 100%; position: relative;}
.main-slide .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}

.ms-img{width: 100%; height: 260px; display: flex;}
.ms-img img{width: 100%; border-radius: 10px;}

.main-slide .swiper-button-next{background-image: none; width: 60px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 20px; right: 2rem; transition: .3s; margin-top: 0; transform: translateY(-50%);}
.main-slide .swiper-button-prev{background-image: none; width: 60px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 20px; left: 2rem; transition: .3s; margin-top: 0; transform: translateY(-50%);}
.main-slide .swiper-button-next:hover{border: 1px solid rgba(255, 255, 255, .3); background-color: rgba(255, 255, 255, .3);}
.main-slide .swiper-button-prev:hover{border: 1px solid rgba(255, 255, 255, .3); background-color: rgba(255, 255, 255, .3);}
.main-slide .swiper-pagination.ms-pn{color: #fff; bottom: 1.5rem;}
.main-slide .swiper-button-next:after, .main-slide .swiper-button-prev:after{display: none;}

.main-slide .swiper-container{z-index: 98;}

/* mouse-s */
.mouse-s{position: absolute; bottom: 2rem; left: 0; width: 100%; text-align: center; z-index: 8; color: #fff;}
.mouse-s > p{font-size: 18px;}
.mouse-s > span{display: block; font-size: 18px; transition: all 1s ease-in-out; animation: mousey 1.5s infinite;}

@keyframes mousey{
	0%{opacity: 0; transform: translateY(0);}
	100%{opacity: 1; transform: translateY(10px);}
}

/* 섹션 컨텐츠,뉴스 */
#sc_news{padding: 70px 0;}
.snews-wrap{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.snews-box{width: 24%; margin-bottom: 2rem;}
.snews-img{width: 100%; display: flex; position: relative; overflow: hidden; border-radius: 10px; margin-bottom: 1rem;}
.snews-img img{width: 100%;}
.snews-img::before{content: ""; background-color: hsla(0, 0%, 100%, .09); height: 200%; position: absolute; top: -50%; transform: rotate(35deg); transition: all 2s cubic-bezier(.019,1,.22,1); width: 80px; z-index: 1; left: -280px;}
.snews-img::after{content: ""; background-color: hsla(0, 0%, 100%, .09); height: 200%; position: absolute; top: -50%; transform: rotate(35deg); transition: all 2s cubic-bezier(.019,1,.22,1); width: 80px; z-index: 1; left: 180%;}

.snews-box:hover .snews-img::before{left: 180%;}
.snews-box:hover .snews-img::after{left: -280px;}

.snews-caption > h5{display: inline-block; padding: 8px 1rem; color: #fff; font-size: 12px; font-weight: 400; border-radius: 50px; margin-bottom: 7px;}
.snews-caption > h3{font-size: 16px; font-weight: 400; color: #666; transition: .5s;}


/* 섹션 템플릿 */
#sc_cont{padding: 70px 0;}
.scont-tit{margin-bottom: 16px;}
.scont-tit > h2{font-size: 30px;}
.scont-wrap{width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 20px;}
.scont-box{width: 24%; margin-bottom: 1.5rem;}
.scont-img{width: 100%; display: flex; position: relative; overflow: hidden; border-radius: 8px; margin-bottom: 10px;}
.scont-img::before{content: ""; background-color: hsla(0, 0%, 100%, .09); height: 200%; position: absolute; top: -50%; transform: rotate(35deg); transition: all 2s cubic-bezier(.019,1,.22,1); width: 80px; z-index: 1; left: -280px;}
.scont-img::after{content: ""; background-color: hsla(0, 0%, 100%, .09); height: 200%; position: absolute; top: -50%; transform: rotate(35deg); transition: all 2s cubic-bezier(.019,1,.22,1); width: 80px; z-index: 1; left: 180%;}

.scont-box:hover .scont-img::before{left: 180%;}
.scont-box:hover .scont-img::after{left: -280px;}

.scont-img img{width: 100%; transition: .5s;}
.scont:hover .scont-img img{border-radius: 0;}
.scont-info{display: flex; justify-content: space-between; align-items: flex-end; padding: 0 5px;}
.scont-info > h5{font-size: 14px; font-weight: 400; color: #666;}
.scont-img-tit{padding: 0 5px;}
.scont-img-tit > h3{font-size: 16px; font-weight: 500;}

/* 섹션 게시판 */
#sc_board{padding: 0 0 70px 0;}
.sboard-wrap{width: 100%; display: flex; justify-content: space-between;}
.sboard-box{width: 47%; }

.sboard-tit{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 12px;}
.sboard-tit > h2{font-size: 30px;}
.sboard-btn > a{font-size: 16px; color: #666; transition: .3s; font-weight: 500;}
.sboard-btn > a > span{display: inline-block; margin-left: 3px; font-size: 14px;}

.sboard-box .mpr_table caption, .sboard-box .mpr_table thead{display: none;} 
.sboard-box .mpr_table{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.sboard-box .mpr_table tbody td{padding:12px 10px; border-bottom: 1px solid #ddd; font-size: 16px; color: #000; position: relative;}
.sboard-box .mpr_table tbody td.go{display: none;}
.sboard-box .mpr_table tbody td.title::before{display: none;}
.sboard-box .mpr_table tbody td.title > a{font-size:16px; transition: .2s;}

/* 콘텐츠몰 메뉴 */
#sc_contents_menu{}
#sc_contents_menu .content_menu_grid{
	max-width: 1380px;
    margin: 56px auto 0;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    gap: 56px;
}
#sc_contents_menu .content_menu_grid .content_menu_card{
	display: block;
    width: 72px;
    text-align: center;}
#sc_contents_menu .content_menu_grid .content_menu_card .content_menu_iconbox{
	width: 72px;
	height: 72px;
	border-radius: 10px;
	border:1px solid #f1f1f2;
	background: #F5F7FF;
	display: flex;
	justify-content: center;
	align-items: center;
}
#sc_contents_menu .content_menu_grid .content_menu_card .content_menu_iconbox img{
	width: 36px;
}
#sc_contents_menu .content_menu_grid .content_menu_card .content_menu_label{
	font-size: 14px;
    line-height: 1em;
    color: #333;
    font-weight: 600;
    margin-top: 12px;
}
@media(max-width:991px){
	#sc_contents_menu .content_menu_grid{
		justify-content: start;
		overflow-x: scroll;
		padding: 0 0 15px;
        margin: 36px 30px;
	}
}
@media(max-width:480px){
	#sc_contents_menu .content_menu_grid{
		gap: 14px;
        margin: 36px 20px;
	}
	#sc_contents_menu .content_menu_grid .content_menu_card .content_menu_iconbox {
		width: 42px;
		height: 42px;
	}
	#sc_contents_menu .content_menu_grid .content_menu_card .content_menu_iconbox img {
    	width: 20px;
	}
	#sc_contents_menu .content_menu_grid .content_menu_card .content_menu_label {
    	font-size: 12px;
	}
}

/* 중간 배너 */
#sc_bn{
	max-width: 1380px;
    margin: 0 auto 72px;
}
#sc_bn .center_bn{
	display: flex;
	justify-content: center;
	/* align-items: center; */
	width: 100%;
	height: 225px;
	border-radius: 120px;
	overflow: hidden;
	border: 1px solid #E1E1E1;
}
#sc_bn .center_bn .bn_img_pc{
	display: block;
	object-fit: cover;
    width: 100%;
}
#sc_bn .center_bn .bn_img_m{
		display: none;
	}
@media(max-width:991px){
	#sc_bn{
		width: calc(100% - 30px);
		margin: 0 15px 50px;
	}
	#sc_bn .center_bn{
		height: fit-content;
		border-radius: 20px;
	}
	#sc_bn .center_bn .bn_img_pc{
		display: none;
	}
	#sc_bn .center_bn .bn_img_m{
		display: block;
		object-fit: cover;
    	width: 100%;
	}
}

/* media query */
@media(min-width:992px){
	.ms-img{display: flex;}
	.ms-img-m{display: none;}

	.sboard-box .mpr_table tbody td.title > span{display: block; font-size: 12px; color: #666; margin-bottom: 5px; position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}

}
@media(max-width:1399px){

	.ms-container{padding: 0 15px;}
	.main-slide .swiper-button-next, .main-slide .swiper-button-prev{display: none;}
	.ms-tit > h2{font-size: 45px;}
	.ms-tit > p{font-size: 18px;}
	.ms-tit > p > a{padding: 15px 40px; min-width: auto;}
}
@media(max-width:991px){
	.main-con{padding: 0 15px;}
	/* sc01 */
	#sc01{height: 100%; padding-top: 2px;}
	.sc01_fr{ padding:150px 15px; }
	.sc01_nav{ display:none; }

	.ms-img{display: none;}
	.ms-img-m{display: flex; width: 100%; height: 180px;}
	.ms-img-m img{width: 100%; height:100%; border-radius: 10px;}

	.main-slide .swiper-pagination.ms-pn{bottom: 10px;}
	.mouse-s > p{font-size: 14px;}

	#sc_news{padding: 0;}
	.scont-tit{margin-bottom: 8px;}
	.scont-tit > h2{font-size: 20px;}
	.snews-box{width: 49%; margin-bottom: 1.5rem;}
	.snews-caption > h5{padding: 5px 12px;}
	.snews-caption > h3{font-size: 14px;}

	#sc_cont{padding: 50px 0;}
	.scont-box{width: 49%; margin-bottom: 1.5rem;}
	.scont-info{flex-direction: column-reverse; align-items: flex-start; margin-bottom: 0;}
	.si-count > span{font-size: 12px; margin-left: 0; margin-right: 8px;}
	.scont-info > h5{margin: 3px 0 0; font-size: 12px; padding: 0 5px;}
	.scont-img-tit > h3{font-size: 14px;}

	#sc_board{padding: 0 0 50px 0;}
	.sboard-wrap{flex-direction: column;}
	.sboard-box{width: 100%;}
	.sboard-box:first-child{margin-bottom: 3rem;}
	.sboard-tit{margin-bottom: 8px;}
	.sboard-tit > h2{font-size: 22px;}
	.sboard-btn > a{font-size: 14px;}
	.sboard-btn > a > span{font-size: 12px;}
	.sboard-box .mpr_table{width: 100%;}
	.sboard-box .mpr_table tbody td{display:flex; justify-content: space-between; align-items: center; padding: 10px; font-size: 14px; width: 100%;}
	.sboard-box .mpr_table tbody td.title > a{display: block; font-size: 14px;}
	.sboard-box .mpr_table tbody td.title > span{order:2; display: block; font-size: 10px; color: #666; margin-bottom: 5px; }

	
}