@charset "UTF-8";

.main_info_wrap {width:100%; /*padding-top:60px;*/}
.main_info_wrap .quick_inner { margin-top:60px; }
.main_info_wrap ul {overflow:hidden; /*margin-bottom:100px*/}
.main_info_wrap ul li {float:left; width:12.5%; text-align:center;}
.main_info_wrap ul li a{display:block; position:relative;}
.main_info_wrap ul li a:after{position:absolute; content:""; width:33px; height:33px; background:var(--clr--pink); opacity:0; left:55%; top:35px; border-radius:100%; z-index:1; transition:all .2s;}
.main_info_wrap ul li a:hover:after{opacity:0.8;}
.main_info_wrap ul li img{position:relative; z-index:2;}
.main_info_wrap ul li .txt {margin-top:10px; text-align:center; font-weight:700; /*font-size:1.1em;*/ line-height: 1.4; word-break:keep-all;}

.main_title {font-size:2.275em; font-weight:bold; position:relative; margin-bottom:40px;}
.main_title .notice_title_more {position:absolute; right:0px; top:5px}
.main_title .gallery_title_more {position:absolute; right:110px; top:0px}
.main_title .sns_top {position:absolute; right:0; top:5px; overflow:hidden;}
.main_title .sns_top li {float:left; margin-left:10px;}
.main_title .sns_top li.line span{display:block; width:1px; height:40px; margin:5px 5px 0; background:#ddd;}

.community_wrap {width:100%;overflow:hidden;}
.community_wrap .board_box {float:left; width:35%;}
.community_wrap .so_box {float:right; width:55%;}

.board_tab  .tab {overflow:hidden;  border-bottom:1px solid #000}
.board_tab  .tab > li { float:left; width:15%;   text-align:center; margin-right:2px;}
.board_tab  .tab > li a { font-size:1.1em; color:#000; display:block; padding:10px 8px;}
.board_tab  .tab > li a.active {border-bottom:5px solid #000; font-weight:700;  }
.tabDetails {width:100%; margin-top:15px; min-height: 370px} 

.main_notice .category {float:left;}
.main_notice .date {display:block; font-size:0.5em; color:#999; font-weight:normal;  padding-top: 15px;}
.main_notice > li {border-bottom:1px solid #000; padding:20px 0; font-weight:700; font-size:1.4em;}


/* 전시행사 */
.exhibit-slider-wrap {margin-top: 75px;height: auto;}
.exhibit-slider {height: inherit;}
.exhibit-slider-lists {display: flex; align-items: center; justify-content: space-between;align-items: start;height: inherit;}
.exhibit-slider-lists .exhibit-slide {position: relative;margin: 0 10px;width: 25%;height: auto;max-width: 370px;}
.exhibit-slider-lists .exhibit-slide > a {position: relative;display: block;}
.exhibit-slider-lists .exhibit-img-box {margin-bottom:20px}
.exhibit-slider-lists .exhibit-text-box {height: 170px;}
.exhibit-slider-lists .exhibit-text-box .ca-box { color:#fff; width:80px; text-align:center; padding: 3px 0; /*font-size: 1.1em;*/}
.exhibit-slider-lists .exhibit-text-box .ca-box.experience {background-color: #f7941d;}
.exhibit-slider-lists .exhibit-text-box .ca-box.event {background-color: #1da8f7;}
.exhibit-slider-lists .exhibit-text-box .ca-box.education {background-color: #51ab25;}
.exhibit-slider-lists .exhibit-text-box .ca-box.exhibit {background-color: var(--clr--pink);}
.exhibit-slider-lists .exhibit-text-box .title {font-size: 1.1em;font-weight: 500; margin:15px 0;}
.exhibit-slider-lists .exhibit-text-box .txt {color:#a7a7a7; /*font-size:1.1em;*/}


/*갤러리*/
.prod-slider-wrap {position: relative;}
.prod-slider-lists {position: relative;height: inherit;padding: 0 10px}
.prod-slider-lists .prod-slide{margin-right: 2%; width: 48%;}
.prod-slider-lists .prod-slide > a {position: relative;display: block;}
.prod-slider-lists .prod-slide .img img {width:100%;}
.prod-slider-lists .prod-slide dl dt {font-size:1.4em; font-weight:700;}
.prod-slider-lists .prod-slide .date {display:block;  color:#999; font-weight:normal;  padding-top: 20px;}
.prod-slider-lists .prod-slide .txt_green {color:#39b54a; margin:15px 0; /*font-size:1.2em*/ margin:10px 0;}

/*이벤트*/
.event-slider-wrap {position: relative;margin: 100px 0;}
.event-slider-wrap .event_btn {text-align:right; padding-right:10px; font-size:1.75em;}
.event-slider-lists {position: relative; padding: 0 10px; margin-top:70px;}
.event-slider-lists .event-slide{ width: 32.3%; margin-right:1%; }
.event-slider-lists .event-slide > a {position: relative;display: block; overflow:hidden; height:0; padding-bottom:50%;}
.event-slider-lists .event-slide > a img{position:absolute; left:0; top:0; width:100% !important; height:100% !important; object-fit:cover;}
.event-slider-lists .event-slide .img img {width:100%;}
.event-slider-lists .event-slide dl dt {font-size:1.4em; font-weight:700;}
.event-slider-lists .event-slide .date {display:block;  color:#999; font-weight:normal;  padding-top: 20px;}
.event-slider-lists .event-slide .txt_green {color:#39b54a; margin:15px 0; /*font-size:1.2em*/}

/*배너*/
.banner-slider-wrap {position: relative;margin: 30px 0; border-top:1px solid #eee}
.banner-slider-lists {position: relative;height: inherit;padding: 0 10px;}
.banner-slider-lists .banner-slide{ width: 14.25% !important;}
.banner-slider-lists .banner-slide > a {position: relative;display: block; height:50px; position:relative;}
.banner-slider-lists .banner-slide img{height:auto !important; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%;}
.banner-slider-lists .banner-slide .img img {width:100%;}
.banner-slider-lists .banner-slide dl dt {font-size:1.4em; font-weight:700;}
.banner-slider-lists .banner-slide .date {display:block;  color:#999; font-weight:normal;  padding-top: 20px;}
.banner-slider-lists .banner-slide .txt_green {color:#39b54a; margin:15px 0; /*font-size:1.2em*/}

 /*슬라이더 속성*/
.swiper {margin-left: auto;   margin-right: auto;   position: relative;   overflow: hidden;   list-style: none;   padding: 0;  z-index: 1;}
.swiper .exhibit-slide-buttons {display: flex; align-items: center; justify-content: space-between;position: absolute;left: 0;right: 0;bottom: 0;z-index: 1; height:50px;}
.swiper .exhibit-swiper-pagination{width: 100% !important; position: relative;}
.swiper .exhibit-button {position:absolute; left:150px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#e30613 !important;}
.swiper .swiper-buttons {display: flex; align-items: center; justify-content: space-between; font-size:1.4em;}
.swiper .swiper-buttons button {border:0; cursor:pointer}
.swiper .swiper-button{background-repeat: no-repeat;background-position: 0 0;background-color: transparent;}
.swiper .swiper-button.swiper-button-disabled {opacity: 1.0}
.swiper .swiper-button.exhibit-swiper-button-next{background-image: url('../img/main/exhibit_next.png');width: 25px;height: 50px;}
.swiper .swiper-button.exhibit-swiper-button-prev{background-image: url('../img/main/exhibit_prev.png');width: 25px;height: 50px;}
.swiper .prod-slide-buttons {display: flex; align-items: center; justify-content: space-between;position: absolute;right: 0;top: 0;z-index: 1;}
.swiper .swiper-button.prod-swiper-button-next{background-image: url('../img/main/btn_next.png');width: 50px;height: 50px; margin-left:5px}
.swiper .swiper-button.prod-swiper-button-prev{background-image: url('../img/main/btn_prev.png');width: 50px;height: 50px;}
.swiper .event-slide-buttons {display: flex; align-items: center; justify-content: space-between;position: absolute;right: 55px;top: 0;z-index: 1;}
.swiper .event-slide-buttons .wrap-autoplay-control {background-image: url('../img/main/btn_prev.png');width: 50px;height: 50px;}
.swiper .swiper-button.event-swiper-button-next{background-image: url('../img/main/btn_next.png');width: 50px;height: 50px; margin-left:5px;margin-right:10px}
.swiper .swiper-button.event-swiper-button-prev{background-image: url('../img/main/btn_prev.png');width: 50px;height: 50px;}
.swiper .event-swiper-pagination{width: 50px !important; position: absolute; right:0 !important; top:5px !important; left:auto; font-size:1.4em;}
.swiper .banner-slide-buttons {width:180px;display: flex; align-items: center; justify-content: space-between;position: absolute;left: 0;top: 0;z-index: 1; background:#fff;}
.swiper .swiper-button.banner-swiper-button-next{background-image: url('../img/main/btn_next.png');width: 50px;height: 50px; margin-left:5px;margin-right:10px}
.swiper .swiper-button.banner-swiper-button-prev{background-image: url('../img/main/btn_prev.png');width: 50px;height: 50px;}


/*sns*/
.main_sns_wrap {background:url("../img/main/sns_bg.png") 0 120px no-repeat; }
.sns_wrap {}
.sns_wrap > ul {overflow:hidden; margin:0 -1%; padding:15px 0 100px;}
.sns_wrap > ul > li {float:left; margin:0 1%; width:23%}
.sns_wrap > ul > li:last-child {margin-right:0;}
.sns_wrap .sns_box {padding:20px; background:#fff; border-radius:25px; box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 20px 0px; }
.sns_wrap .sns_box .sns_tit {font-size:1.3em; font-weight:500; position:relative; margin-bottom: 30px;}
.sns_wrap .sns_box .sns_tit img {vertical-align:middle; }
.sns_wrap .sns_box .sns_tit .sns_more {position:absolute; right:0; top:3px;}
.sns_wrap .sns_box .sns_tit .sns_more a span {width: 4px; height: 4px; border-radius: 50%; background: #858585; display: inline-block;}
.sns_wrap .sns_box .sns_tit.red{color:#ed1f24}
.sns_wrap .sns_box .sns_tit.purple {color:#972681;}
.sns_wrap .sns_box .sns_tit.blue {color:#3a5a9b;}
.sns_wrap .sns_box .sns_tit.green {color:#39b342;}
.sns_wrap .sns_box .sns_cont {min-height:450px; height:450px; overflow-y:auto;}
.sns_wrap .sns_box .sns_cont::-webkit-scrollbar { width: 3px; }
.sns_wrap .sns_box .sns_cont::-webkit-scrollbar-thumb { background-color: #858585; border-radius: 10px;  background-clip: padding-box; }
.sns_wrap .sns_box .sns_cont::-webkit-scrollbar-track { background-color: #e7e8e6;  border-radius: 10px;  }

.sns_youtube ul li img {margin-bottom:10px;}
.sns_youtube ul li .subject{margin-bottom:10px; /*font-size:1.1em;*/ font-size:0.9em;}
.sns_youtube ul li .date {color:#989898; margin-bottom:10px;}

#menu {top: 30%;position: fixed; z-index: 100; left: 60px;}
#menu li {display: block; position: relative; height: 40px ; margin: 0px;}
#menu li:after {content: ""; background-color: #FFBA10; width:1px; position:absolute; height:40px; background:#bebebe; right: -12px;  top: 0;}
#menu li a {display: block;   position: relative;   z-index: 1;  text-align: right; width: 100%;   height: 100%;   cursor: pointer;   text-decoration: none; /*font-size: 1.2em;*/ color:#bebebe}
#menu li a span {width: 6px;  height: 6px; background:#bebebe; right: -15px; top: 11px;  border-radius: 50%;   position: absolute;   z-index: 1;  margin: -2px 0 0 -2px;}
#menu li.active a {font-size: 1.8em; color:#000;  font-weight:700;   line-height: 1.2;}
#menu li.active a span {background:#ed1b22;}




/* 섹션에 들어가게 사이즈 조정 */
/*.main_title {margin-bottom:10px;}*/
#mainVisual .scroll_btn{display:none;}
#mainVisual .mainPc .sliderLi a{display:block; position:relative; /*height:520px;*/ overflow:hidden;}
#mainVisual .mainPc .sliderLi a > *{/*position:absolute; left:0; top:50%; width:100%; height:100%; transform:translateY(-50%); object-fit:cover;*/}
#mainVisual .mainPc .sliderLi a, #mainVisual .mainPc .sliderLi span{display:block; position:relative; /*height:520px;*/ overflow:hidden;}
.main_info_wrap ul li img{width:65px;}
#mainVisual .mainPc .sliderLi a img, #mainVisual .mainPc .sliderLi span img {height: auto !important;}

.tabDetails{min-height:0;}
.main_notice > li{padding:10px 0; font-size:1.3em;}
.main_notice > li:nth-child(n + 4){display:none;}
.prod-slider-lists .prod-slide .txt_green{margin:10px 0 5px;}
.community_wrap .sliderLi a{display:block; position:relative; height:200px; overflow:hidden;}
.community_wrap .sliderLi a > *{position:absolute; left:0; top:50%; width:100%; height:100%; transform:translateY(-50%); object-fit:cover;}

.exhibit-slider-wrap{margin-top:20px; padding:0 60px; position:relative;}
.exhibit-slider-lists .exhibit-slide {width:20%;}
.exhibit-slider-lists .exhibit-text-box{height:auto;}
.exhibit-slider-lists .exhibit-text-box .txt{display:none;}
.exhibit-swiper-button-prev,
.exhibit-swiper-button-next{position:absolute; top:50%; width:50px; height:50px; margin-top:-50px; border:0; background:0; z-index:1; cursor:pointer; color:var(--clr--main); transition:all .2s; font-size:52px;}
.exhibit-swiper-button-prev.swiper-button-disabled,
.exhibit-swiper-button-next.swiper-button-disabled{color:#ddd; cursor:default;}
.exhibit-swiper-button-prev{left:0;}
.exhibit-swiper-button-next{right:0;}
.exhibit-swiper-button-prev:before,
.exhibit-swiper-button-next:before{font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; top:50%; transform:translateY(-50%);}
.exhibit-swiper-button-prev:before{content:"\f053"; left:0;}
.exhibit-swiper-button-next:before{content:"\f054"; right:0;}

.sns_wrap .sns_box .sns_cont{min-height:300px; height:300px;}

.event-slider-wrap{margin:0 0 100px;}
.event-slider-wrap .container{margin-top:0;}