/* accent text */
.text-body{font-size:14px}
@media (min-width:768px){.text-body{font-size:16px}}
@media (min-width:1024px){.text-body{font-size:18px}}

/* footer */
.mask_footer{mask-image: url('/images/mask_top.svg');-webkit-mask-image: url('/images/mask_top.svg');-webkit-mask-repeat: repeat-x;-webkit-mask-size:40% auto; mask-position:top;}
@media (min-width:768px){
	.mask_footer{-webkit-mask-size:30% auto;}
}
@media (min-width:1000px){
	.mask_footer{-webkit-mask-size:18% auto;}
}
footer{background:#f8f8f8;position:relative;}
footer .wrap{padding:50px 10px;z-index:1;position:relative;width:100%;}
.footer_box{font-size:12px;}
.footer_box span{color:#666}
.footer_box > div{padding-left:20px;}
.footer_box ul{margin-bottom:15px}
.footer_box .logo{margin-bottom:20px}
.footer_box .logo img{max-width:200px}
.footer_box .title{font-size:14px;margin-bottom:5px}
.footer_box .footer_btn li{margin-bottom:3px}
.footer_box .copyright{font-size:12px;color:#666}
@media (min-width:768px){
	.footer_box{display:flex;font-size:13px;width:100%;margin-right:auto;margin-left:auto;}
	.footer_box > div{width:50%;padding:0 20px;}
	.footer_box .title{font-size:16px}
}
@media (min-width:992px){
	footer .wrap{padding:80px 10px 50px 10px;}
	.footer_box{width:74%;}
	.footer_box > div{padding:0 30px;}
	.footer_box ul{margin-bottom:20px}
	.footer_box .logo{margin-bottom:30px}
}
@media (min-width:1200px){
	footer .wrap{width:1200px;}
}
.footer_box .other{border-top:1px solid #ddd;font-size:12px;color:#666;padding-top:5px}


/** 페이지 상단 이미지 **/
.mask_page_top .page_back{position:relative;height:200px;text-align:center}
.mask_page_top .page_root{text-align:;width:100%;color:#fff;margin-top:100px;font-size:1em;line-height:1.3;text-shadow:1px 1px 5px rgba(0,0,0,1);background:rgba(0,0,0,0.01);}
.mask_page_top .aboutus{display:flex;align-items: center;background:url('/images/aboutus_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .gallery{display:flex;align-items: center;background:url('/images/gallery_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .video{display:flex;align-items: center;background:url('/images/video_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .article{display:flex;align-items: center;background:url('/images/article_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .lecture{display:flex;align-items: center;background:url('/images/lecture_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .overview{display:flex;align-items: center;background:url('/images/overview_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .talks{display:flex;align-items: center;background:url('/images/talks_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .data{display:flex;align-items: center;background:url('/images/data_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .work{display:flex;align-items: center;background:url('/images/work_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .notice{display:flex;align-items: center;background:url('/images/notice_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .product{display:flex;align-items: center;background:url('/images/product_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .experience{display:flex;align-items: center;background:url('/images/experience_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .other{display:flex;align-items: center;background:url('/images/other_top.jpg');background-size:auto 100%;background-position:left center}
.mask_page_top .mypage{display:flex;align-items: center;background:url('/images/mypage_top.jpg');background-size:auto 100%;background-position:center center}
.mask_page_top .gradient{position:absolute;height:100%;width:100%;z-index:1;background-image:url('/images/gradient-s.png');background-repeat:repeat-x;}
.mask_page_top{mask-image: url('/images/mask_bottom.svg');-webkit-mask-image: url('/images/mask_bottom.svg');-webkit-mask-repeat: repeat-x;-webkit-mask-size:40% auto;mask-position:bottom;}
@media (min-width:768px){
	.mask_page_top{-webkit-mask-size:30% auto;}
}
@media (min-width:1000px){
	.mask_page_top{-webkit-mask-size:18% auto;}
}
@media (min-width:768px){
	.mask_page_top .page_back{height:300px;}
	.mask_page_top .page_root{margin-top:120px;font-size:1.3em;}
}
@media (min-width:1200px){
	.mask_page_top .page_back{height:300px;}
	.mask_page_top .gallery{background:url('/images/gallery_top.jpg');background-position:center center}
}

/* 페이지 타이틀 */
.page_title{padding-top:60px;padding-bottom:15px;}
.page_title.fs{padding-top:60px;}
.page_title.color_white{color:#fff}
.page_title .kor{line-height:1;padding-left:0.3em;font-size:0.9em}
.page_title .eng{font-size:40px;line-height:0.8;letter-spacing:-0.04em;margin-bottom:5px;}
.page_title .eng span{display:block}
@media (min-width:768px){
	.page_title{padding-top:90px;}
	.page_title.fs{padding-top:80px;}
	.page_title .kor{padding-bottom:15px;font-size:17px;}
	.page_title .eng{font-size:60px;}
}
@media (min-width:1024px){
	.page_title{padding-top:150px;}
	.page_title.fs{padding-top:100px;}
	.page_title .kor{font-size:19px;}
	.page_title .eng{font-size:75px;}
}

/* 게시판 및 페이징 */
.paging_box{padding-top:50px;text-align:center;}
.search_box{padding:2px 0 100px 0;text-align:center;}
.search_box .search{display:inline-block;padding:30px 5px 10px 5px;border-bottom:2px solid #000;}
.search_box .search *{margin:0 5px;}
.search_box .search select, .search_box .search input{border-radius:0;padding:0 5px;height:36px;}
.search_box .search select:focus, .search_box .search input:focus{outline:1px dotted #ddd;}
.search_box .search input{max-width:200px;}
.search_box .search_btn{cursor:pointer;}

/*- 페이징 번호 next prev */
.number-box{display:inline-flex;position:relative;font-size:18px;line-height:1}
.number-box > a{display:block;margin:0 6px;}
.number-box > a:hover{border-bottom:1px solid #000;}
.number-box > a.selected{border-bottom:2px solid #000;}
.number-box > a.prev, .number-box > a.next{font-size:1.2em;border:0;margin-top:-0.07em;padding:0 3px}
.number-box > a.prev.none, .number-box > a.next.none{color:#777;}


/* 게시판 검색 */
.button_box{padding:30px 0 60px 0}
@media (min-width:992px){
	.button_box{padding:40px 0 90px 0}
}

/* 슬라이드 */
.swiper-button-prev::before{content:"\e5e0";font-family:"Material Symbols Outlined";font-weight:100;display:inline-block;font-size:30px;line-height:1;color:#fff;margin-left:10px;}
.swiper-button-next::before{content:"\e5e1";font-family:"Material Symbols Outlined";font-weight:100;display:inline-block;font-size:30px;line-height:1;color:#fff;margin-right:-10px;}
.swiper-button-prev:hover::before{font-weight:400;}
.swiper-button-next:hover::before{font-weight:400;}
.swiper-button-next::after, .swiper-button-prev::after{display:none;}
.swiper-pagination{height:20px;}
.swiper-pagination-bullet{width:8px;height:8px;background:#fff;border:1px solid #fff;opacity:1;}
.swiper-pagination-bullet-active{width:20px;transition:width .5s;border-radius:5px;background:#008236; border:1px solid transparent;}
@media (min-width:768px){
	.swiper-button-prev::before{font-size:50px;}
	.swiper-button-next::before{font-size:50px;}
}

/* 팝업창 슬라이드 */
.slide_popup{background:#fff;position:fixed;top:50%;right:50%;transform:translate(50%, -50%);width:500px;z-index:10;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.5);overflow:hidden;max-width:80%}
.slide_popup .main_slide img{width:100%;}
.slide_popup .pop_btnbox{bottom:0px;width:100%;display:flex;}
.slide_popup .pop_btnbox button{display:black;width:50%;text-align:center;padding:16px;color:#fff;cursor:pointer;font-size:14px}
.slide_popup .pop_btnbox .pb1{background:#008236}
.slide_popup .pop_btnbox .pb2{background:#666}
.slide_popup .pop_btnbox .pb1:hover{background:#00682b}
.slide_popup .pop_btnbox .pb2:hover{background:#555}
@media (min-width:992px){
	.slide_popup{position:fixed;top:50%;right:10%;transform:translate(0, -50%);}
	.slide_popup .pop_btnbox a{padding:8px;}
}

.rull{padding:50px 0}
.rull_title{font-size:18px;margin-bottom:5px}
.rull_title .gicon{font-size:0.9em;color:#666}
.rull_text{border:1px solid #ddd;padding:10px 5px 5px 10px;background:#f8f8f8;margin-bottom:30px;color:#666;font-size:13px;border-radius:10px}
.rull_text:last-child{margin-bottom:0;}
.rull_text .box{max-height:200px}
@media (min-width:768px){
	.rull{padding:100px 0}
	.rull_title{font-size:22px;}
	.rull_text{padding:20px 5px 20px 20px;margin-bottom:40px;}
	.rull_text .box{max-height:300px}
}

.contact{padding:50px 0;}
@media (min-width:768px){
	.contact{padding:100px 0}
}