@charset "utf-8";

/* 
 * main CSS Document
 * KOWEB
 */


/* common */
.main #content > article:not(.area_exhibit){margin:0 90px;}

.tit_main{display:flex; justify-content:space-between; align-items:center; margin-bottom:45px;}
.tit_main h4{font-weight:300; font-size:37px; color:#222; text-transform:uppercase;}
.tit_main h4 i{display:inline-block; margin-left:10px; font-weight:700; font-size:17px;}

.btn_main{display:flex; justify-content:center; align-items:center; position:relative; width:38px; height:38px; transition:all 0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99); transform:rotate(0deg); -webkit-transform: rotate(0deg); align-content:center;}
.btn_main:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.btn_main::before,
.btn_main::after{content:""; position:absolute; background:#222;}
.btn_main::before{width:100%; height:1px;}
.btn_main::after{width:1px; height:100%;}

/* visual */
.area_visual{position:relative; margin:164px 91px 0;}
.area_visual .list li img{width:100%;}
.area_visual .list li img.mob{display: none;}
.area_visual .list li:after {/* content: ""; */width: 100%;height: 100%;background: #000;position: absolute;left: 0;top: 0;opacity: 0.04;}
.area_visual .list li a {display: block;}
.area_visual .list li a > i {display: block;width: 100%;height: 100%;background: #000;position: absolute;left: 0;top: 0;opacity: 0.06;}

/* bx pager common set */
.bx-controls{position:absolute; bottom: 23px; z-index:51; width:100%;}
.bx-controls > .bx-pager{display:flex; justify-content:center; align-items:center; width:1200px; margin:0 auto;}
.bx-controls > .bx-pager a{display:block; float:left;  overflow:hidden; width: 12px; height: 12px; margin:0 0px; background:#fff; text-indent:-9999px; transition:all 0.4s ease-out 0s; border-radius:40px;opacity: 0.8;}
.bx-controls > .bx-pager > div{margin-right: 22px;}
.bx-controls > .bx-pager a.active{background: #1a2332;}

/* tab */
.tabs li{float:left; cursor:pointer;}
.tabs li.active{background:#FFF; border-bottom:1px solid #FFF;}
.tab_container{clear:both;}
.tab_content{display:none;}
.area_exhibit .inr_tabs li{padding:2px 17px; font-size:16px; color:#9d9d9d; transition:all 0.2s ease; border-radius:30px;}

/* inner_tab */
.inr_tabs li{float:left; cursor:pointer;}
.area_exhibit .inr_tabs li.active{background:#b69d74; color:#fff;}
.inr_tab_container{margin-top:49px; clear:both;}
.inr_tab_content ul{width:100%; margin:0px; padding:0px;}
.inr_tab_content ul li{padding:5px; list-style:none;}
section#container{overflow:hidden; min-height:330px;}

/* 공연전시 */
.area_exhibit{overflow:hidden; margin:50px 0 0; margin-top:50px;}
.area_exhibit .tit_main{display:flex; justify-content:center; align-items:flex-start; margin-bottom:35px; text-align:center;}
.area_exhibit .tit_main .tabs li{display:flex; justify-content:center; align-items:center; position:relative; opacity:0.4; margin:0 -25px; padding:15px 37px; background:transparent; box-shadow:none; box-shadow:14px 16px 40px 0px rgb(255 255 255 / 19%); font-weight:700; font-size:18px; color:#1f2839; transition:all 0.3s cubic-bezier(0.25, 0.47, 0.12, 0.99); border-radius:100px;}
.area_exhibit .tit_main .tabs li.active{opacity:1; margin:0 10px; padding:15px 37px; background:#fff; box-shadow:14px 16px 40px 0px rgb(27 34 45 / 19%);}
.area_exhibit .tit_main .tabs li::before{content:""; display:inline-block; width:30px; height:29px; margin-right:8px; background-position:50% 50%; background-repeat:no-repeat;}
.area_exhibit .tit_main .tabs li:nth-child(1)::before{width:26px; background-position:50% 1px; background-image:url(../../new/images/main/icon_tab01.svg);}
.area_exhibit .tit_main .tabs li:nth-child(2)::before{background-image:url(../../new/images/main/icon_tab02.svg);}
.area_exhibit .tit_main .tabs li:nth-child(3)::before{width:22px; background-image:url(../../new/images/main/icon_tab03.svg);}
.area_exhibit .tit_main .tabs{padding:30px 0;}
.area_exhibit .exh_cont{overflow:hidden;}
.area_exhibit .exh_cont,
.area_exhibit .exh_years{position:relative; margin-left:150px;}
.area_exhibit .exh_years > em{position:relative; line-height:1; font-weight:600; font-size:25px; color:#222;}
.area_exhibit .exh_years > ul{display:inline-block; position:absolute; top:45px; left:-14px; z-index:9; padding:10px 0; background:#fff; box-shadow:14px 16px 40px 0px rgb(27 34 45 / 19%); border-radius:5px;}
.area_exhibit .exh_years > ul > li{width:87px; padding:1px 16px; font-size:15px; text-align:center;}
.area_exhibit .exh_cont .inr_tabs{display:block; overflow:hidden; margin-left:130px;}
.area_exhibit .exh_years{position:absolute; left:0; margin-left:0;}
.area_exhibit .swiper-button{display:flex; align-items:center; position:absolute; top:5px; right:70px;}

.exh_cont .box .txt span > em{margin-right:11px; padding:3px 15px; border:1px solid #c7c7c7; font-weight:300; font-size:14px; color:#9a9a9a; border-radius:30px;transition: all 0.5s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.exh_cont .box .txt span{display:flex; align-items:center;}
.exh_cont .box .txt span > i{font-weight:300; font-size:15px; letter-spacing:0px;}
.exh_cont .box .txt{margin-top:24px;}
.exh_cont .box .txt h4{display:-webkit-box; overflow:hidden; width:250px; line-height:1.4; margin-top:13px; font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-weight:400; font-size:22px; color:#000; transition:all 0.5s cubic-bezier(0.25, 0.47, 0.12, 0.99); -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:64px;}
.exh_cont .box .txt span.on > em{font-weight:600; color:#b69d74; border-color:#b69d74;}
.exh_cont .box .img {display: block;position: relative;transition: all 0.8s cubic-bezier(0.25, 0.47, 0.12, 0.99);opacity: 1;}

.exh_cont .box:hover .txt span > em{color:#fff; border-color:transparent;}
.exh_cont .box:hover  .img{opacity:0.7;}
.exh_cont .box:hover .txt span.on > em{background:#b69d74; font-weight:400;}
.exh_cont .box:hover .txt span > em{background:#b9b9b9;}

.no_data{display:flex; justify-content:center; align-items:center; width:94%; border:8px solid #ccc; align-content:center;}

/* .exh_cont .box .img::before,
.exh_cont .box .img::after{content:""; position:absolute; opacity:0.7; top:0; right:0; width:0; height:100%; transition:all 0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.exh_cont .box .img::before{z-index:2; background:#b69d74;}
.exh_cont .box .img::after{background: #cfc3b1; transition-delay:0.07s;}
.exh_cont .box a:hover .img::before,
.exh_cont .box a:hover .img::after{width:100%;}
.exh_cont .box a:hover .img::before{transition-delay:0.07s;}
.exh_cont .box a:hover .img::after{transition-delay:0s;} */

.swiper-button > div{position:relative; padding:0 20px; font-weight:300; font-size:13px; color:#111; cursor:pointer;}
.swiper-button > .swiper-button-next::after,
.swiper-button-prev::before{content:""; display:inline-block; width:7px; height:11px; background:url(../../new/images/common/arr_basic.svg) no-repeat 50% 50%;}
.swiper-button > .swiper-button-prev::before{opacity:0.2; margin-right:12px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.swiper-button > .swiper-button-next::after{margin-left:12px;}
.swiper-button > .swiper-button-prev::after{content:""; position:absolute; top:2px; right:0; width:1px; height:17px; background:#ccc;}
.swiper-button > .swiper-button-prev{color:#ccc;}

/* board */
.area_board{display:flex; justify-content:flex-start; margin-top:120px !important;}
.area_board > div{position:relative; overflow:hidden; padding:60px 60px; background-position:100% 0%; background-repeat:no-repeat;width: calc(100% / 3 * 1);}
.area_board .board_news{max-width: 509px; background-color:#1f2839;}
.area_board .board_notice{maX-width: 394px; background-color:#f4f5ef;}
.area_board .board_news .tit_main *{color:#fff;}
.area_board .board_news .tit_main a::before,
.area_board .board_news .tit_main a::after{background:#fff;}

.board_notice .cont > ul > li > a > strong{display:block; overflow:hidden; font-weight:400; font-size:18px; color:#222; white-space:nowrap; text-overflow:ellipsis;}
.board_notice .cont > ul > li > a > p{display:block; overflow:hidden; margin-top:6px; font-weight:300; white-space:nowrap; text-overflow:ellipsis;}
.board_notice .cont > ul > li > a:hover{opacity:0.5;}
.board_notice .cont > ul > li > a{display:block; opacity:1; padding:30px 0; transition:all 0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.board_notice .cont > ul > li:not(:last-child){border-bottom:1px solid #ddd;}
.board_notice .cont > ul > li:first-child > a{padding-top:0;}
.board_notice .cont > ul > li:last-child > a{padding-bottom:0;}

.board_news > div{overflow:hidden; color:#fff;}
.board_news .cont .box a{display:block; padding:40px 30px; border:1px solid rgba(255,255,255,0.18); color:#fff; transition:all 0.5s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.board_news .cont .box{width: 47%; padding:0 0 0;}
.board_news .cont .box:hover a{border-color:#fff;}
.board_news .cont .box a h5{display:-webkit-box; overflow:hidden; font-weight:200; font-size:20px; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:64px;}
.board_news .cont .box a p{opacity:0.45; overflow:hidden; margin-top:10px; font-weight:200; font-size:15px; color:#fff; white-space:nowrap; text-overflow:ellipsis;}
.board_news .cont .box a span em{padding:2px 14px; background:#b69d74; border:1px solid transparent; font-size:14px; transition:all 0.5s cubic-bezier(0.25, 0.47, 0.12, 0.99); border-radius:20px;}
.board_news .cont .box a span i{opacity:0.5; margin-left:7px; font-size:14px; transition:all 0.5s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.board_news .cont .box a span{display:flex; align-items:center; margin-top:59px; transition:all 0.5s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.board_news .cont .box a:hover span em{background:transparent; border:1px solid #b69d74; color:#b69d74;}
.board_news .cont .box a:hover span i{opacity:1;}

.board_news .swiper-button > div{color:#fff;}
.board_news .swiper-button > .swiper-button-next::after,
.board_news .swiper-button-prev::before{background:url(../../new/images/common/arr_basic_w.svg) no-repeat 50% 50%;}
.board_news .swiper-button > .swiper-button-prev{color:#747882;}
.board_news .swiper-button > .swiper-button-prev::after{background:#535353;}
.board_news .swiper-button{display:flex; align-items:center; position:absolute; bottom:65px; left:39px;}

.board_gallery{max-width: 460px;padding-right: 0px !important;}
.board_gallery .list li i{display:block; width:100%; height:270px; background-position: 50% 80%;}
.board_gallery .list li em{display:block; overflow:hidden; width:90%; margin-top:22px; font-weight:400; font-size:19px; color:#222; white-space:nowrap; text-overflow:ellipsis;}
.board_gallery .list li a{display:block; width:100%;pointer-events: none;}
.board_gallery .bx-controls{top:0; right:0; width:auto;}
.board_gallery .cont{position:relative;}
.board_gallery a.btn_main {pointer-events: none;}

/* sns */
.area_user{display:flex; justify-content:space-between; margin-top:105px !important;}
.user_sns .cont > ul{display:flex; justify-content:space-between;}
.user_sns .cont > ul > li .hov{position:absolute; opacity:0; visibility:hidden; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(182,157,116,0.9); transition:all 0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.user_sns .cont > ul > li{position:relative; width:-webkit-calc((100%/3) - 28px); width:calc((100%/3) - 28px); padding-top: 28%;background-size: cover;background-position: 50% 50%;}
.user_sns{flex: 2;}
.user_sns .cont > ul > li .hov p{display:-webkit-box; overflow:hidden; line-height:1.6; padding:50px 36px 0 36px; font-size:15px; color:#fff; word-break:break-all; -webkit-line-clamp:6; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:146px;}
.user_sns .cont > ul > li .icon{display:flex; justify-content:center; align-items:center; position:absolute; right:20px; bottom:20px; width:36px; height:36px; background:#000; background:radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%); transition:all 0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99); border-radius:100px;}
.user_sns .cont > ul > li .icon::after{content:""; display:block; position:relative; z-index:2; width:16px; height:16px; background:url(../../new/images/main/icon_insta.svg) no-repeat 50% 50%;}
.user_sns .cont > ul > li > a:hover .hov{opacity:1; visibility:visible;}
.user_sns .cont > ul > li > a{display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.user_sns .cont > ul > li > a:hover .icon{background:transparent;}

.user_academy, .banner_img-right{ margin-left:43px;flex: 1;}
.user_academy .academy_img a {display: block;position: relative;}
.user_academy .academy_img img{width:100%;}
.user_academy .academy_img .hov{display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:100%;}
.user_academy .academy_img .hov::before,
.user_academy .academy_img .hov::after{content:""; position:absolute; opacity:0.7; top:0; right:0; width:0; height:100%; transition:all 0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.user_academy .academy_img .hov::before{z-index:2; background:#b69d74;}
.user_academy .academy_img .hov::after{background: #cfc3b1; transition-delay:0.07s;}
.user_academy .academy_img a:hover .hov::before,
.user_academy .academy_img a:hover .hov::after{width:100%;}
.user_academy .academy_img a:hover .hov::before{transition-delay:0.07s;}
.user_academy .academy_img a:hover .hov::after{transition-delay:0s;}
.user_academy .academy_img .hov span{position:relative; opacity:0; z-index:3; font-family:Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-size:17px; color:#fff; transition:all 0.6s cubic-bezier(0.25, 0.47, 0.12, 0.99); transform:translateY(20px);}
.user_academy .academy_img a:hover .hov span{opacity:1; transform:translateY(0px); transition-delay:0.3s;}

/* banner */
.area_user,
.area_banner{padding:0 60px;}
.area_banner{margin-top:90px !important;}
.area_banner .cont{display:flex; justify-content:space-between;max-height: 360px;}

#content .bx-controls > div > a{display:block; display:flex; justify-content:center; align-items:center; position:relative; width:46px; height:46px; font-size:0;}
#content .bx-controls > div{display:flex;}
#content .bx-controls > div > a::after{content:""; display:block; width:7px; height:11px; background:url(../../new/images/common/arr_basic_w.svg) no-repeat 50% 50%;}
#content .bx-controls > div .bx-prev{background:rgba(255,255,255,0.25); transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#content .bx-controls > div .bx-next{background:rgba(255,255,255,0.11);}
#content .bx-controls > div .bx-next::after{opacity:0.4;}

.banner_img-right{ max-width: 520px;position: relative;}
.banner_img-right .bx-controls{top:auto; right:0; bottom:0; width:auto;}
.banner_img-left {flex: 2;box-shadow: 25px 42px 60px 0px rgba(36, 39, 61, 0.28);}
.banner_img-left i {display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}

/* quick */
.area_quick > ul > li{width:20%;}
.area_quick > ul{display:flex;}
.area_quick > ul > li img{height:66px;transform: translateY(0px);transition: all 0.5s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.area_quick > ul > li > a{display:flex; justify-content:center; align-items:center; margin:80px 0; flex-direction:column;}
.area_quick > ul > li > a > em{margin-top:25px; font-weight:400; font-size:17px; color: #333;transition: all 0.5s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.area_quick > ul > li:hover img {transform: translateY(-15px);}
.area_quick > ul > li > a:hover > em {color: #1a2332;}

/* 기존소스 수정 */
#content {
    margin: 0;
}


/* 2560 */

@media screen and (min-width:1921px){
	.area_board .board_news{width:calc(100% / 3 * 2); max-width:none;}
	.board_news .cont .box{width:230px;}
	.area_banner .cont > div img{width:100%;}
	.banner_img-right{max-width:735px;}
}

@media screen and (max-width:1919px){
	.board_gallery{padding-right:60px !important;}
}

@media screen and (max-width:1680px){
	.user_sns .cont > ul > li{width:-webkit-calc((100%/3) - 13px); width:calc((100%/3) - 13px);}
	.area_banner .cont > div img{width: auto;max-height: 360px;}
}

@media screen and (max-width:1679px){
	.fix_sns{right:23px;}
	.scroll_down > i{display:none;}
	.scroll_down{top:42vh; left:33px;}
	.area_user{margin-top:80px !important;}
}

@media screen and (max-width:1440px){
	.area_logo > .swiper-container{width:100vw; margin:0;}
}

@media screen and (max-width:1365px){
	.tit_main{margin-bottom:30px;}
	.area_exhibit .exh_cont{margin-left:130px;}
	.area_exhibit .exh_cont{margin-left:70px;}
	.area_exhibit{margin-top:30px;}
	.exh_cont .box .img img{width:100%;}
	.area_board{margin-top:90px !important;}
	.area_board > div{padding:50px;}
	.board_gallery{padding-right:50px !important;}
	.tit_main h4{font-size:34px;}
	.tit_main h4 i{margin-left:8px; font-weight:600; font-size:15px;}
	.btn_main{width:35px; height:35px;}
	.board_news .cont .box a span{margin-top:50px;}
	.board_notice .cont > ul > li > a{padding:21px 0;}
	.board_notice .cont > ul > li > a{padding:23px 0;}
	.board_gallery .list li i{height:260px;}
	.area_user,
	.area_banner{padding:0 50px;}
	.bx-controls > .bx-pager{width:auto;}
}

@media screen and (max-width:1279px){
	.fix_sns{right:17px;}
	.scroll_down{left:30px;}
	.area_visual{margin:137px 91px 0;}
	.exh_cont .box .txt h4{width:100%;}
	.area_exhibit .inr_tabs li{padding:2px 1.1vw;}
	.area_exhibit .exh_cont{margin-left:60px;}
	.inr_tab_container{margin-top:29px;}
	.area_exhibit .tit_main{margin-bottom:24px;}
	.exh_cont .box .txt h4{font-size:20px;}
	.area_exhibit .tit_main .tabs li.active{padding:12px 28px;}
	.area_exhibit .exh_cont .inr_tabs{margin-left:110px;}
	.area_exhibit .tit_main .tabs{padding:20px 0;}
	.area_exhibit .inr_tabs li{padding:2px 0.9vw;}
	.area_board > div{padding:50px;}
	.area_board{flex-wrap:wrap;}
	.area_board > div{width:calc(100% / 2 * 1);}
	.area_board .board_notice,
	.area_board .board_news{maX-width:none;}
	.area_board > div{width:calc(100% / 2 * 1 - 100px);}
	.board_notice .cont > ul > li > a{padding:28px 0;}
	.board_news .cont .box a span{margin-top:50px;}
	.board_news .cont .box a{padding:30px;}
	.area_board .board_gallery{width:100%;}
	.area_board .board_gallery{max-width:100% !important;}
	#content .board_gallery .bx-controls > div > a{background:#222;}
	#content .board_gallery .bx-controls > div > a.bx-next{background:rgba(0,0,0,0.5);}
	#content .board_gallery .bx-controls > div .bx-next::after{opacity:0.8;}
	.board_gallery .list li i{height:230px; background-size:cover;}
	.area_user{margin-top:30px !important; flex-direction:column;}
	.user_academy{margin-top:50px; margin-left:0;}
	.area_banner .cont{flex-direction:column;max-height: none;}
	.banner_img-left i{padding-top:37%;}
	.banner_img-right{margin-top:30px; margin-left:0; max-width:none;}
}

@media screen and (max-width:1023px){
	.area_visual{margin:137px 0 0 !important;}
	.area_visual .list li img.pc{display:none;}
	.area_visual .list li img.mob{display:block;}
	.scroll_down,
	.fix_sns{display:none;}
	.bx-controls > .bx-pager{width:auto;}
	.area_exhibit .exh_cont{margin-left:40px;}
	.area_exhibit .exh_years > em{font-size:22px;}
	.area_exhibit .exh_years{top:4px;}
	.area_exhibit .exh_cont .inr_tabs{margin-left:0;}
	.swiper-button > div{padding:0 15px;}
	.area_exhibit .swiper-button{top:auto; right:auto; bottom:0; left:0px;}
	.inr_tab_container{margin-top:40px; padding-bottom:70px;}
	.area_exhibit .swiper-button > .swiper-button-prev{padding-left:0;}
	.area_exhibit .exh_cont .inr_tabs{margin-left:100px;}
	.area_exhibit .inr_tabs li{padding:2px 1.4vw;}
	.exh_cont .box .txt h4{margin-top:10px;}
	.exh_cont .box .txt span > em{padding:3px 12px;}
	.exh_cont .box .txt{margin-top:18px;}
	.area_board > div{padding:40px;}
	.area_board > div{width:calc(100% / 2 * 1 - 80px);}
	.board_gallery{padding-right:40px !important;}
	.board_notice .cont > ul > li > a{padding:21px 0;}
	.board_news .swiper-button{bottom:45px; left:26px;}
	.board_news .cont .box a span{margin-top:40px;}
	.board_news .cont .box a h5{font-size:18px;}
	.board_news .cont .box a{padding:27px;}
	.tit_main h4{font-size:29px;}
	.user_sns .cont > ul > li:last-child{display:none;}
	.user_sns .cont > ul > li{width:-webkit-calc((100%/2) - 17px); width:calc((100%/2) - 17px); padding-top:46%;}
	.area_user,
	.area_banner{padding:0 40px;}
	.user_sns .cont > ul > li .hov{display:none;}
	.banner_img-left i{padding-top:47%; background-size:cover;}
	.area_quick > ul > li img{height:57px;}
	.area_quick > ul > li > a{margin:60px 0;}
}

@media screen and (min-height:940px){
	#area_intro{background-size:cover;}
}

@media screen and (max-width:767px){
	.area_board > div{width:calc(100% / 1 * 1 - 80px);}
	.board_news .cont{padding-bottom:60px;}
	.tit_main{margin-bottom:29px;}
	.area_board{margin-top:70px !important;}
	.board_notice .cont > ul > li > a > strong{font-size:17px;}
	.board_notice .cont > ul > li:last-child{display:none;}
	.board_notice .cont > ul > li:nth-child(2){border-bottom:0;}
	.board_news .cont .box a h5{line-height:1.7;}
	.board_news .cont .box a span{margin-top:50px;}
	.area_banner{margin-top:60px !important;}
	.area_quick{padding:0 30px;}
	.area_quick > ul > li > a > em{margin-top:20px; font-weight:500; font-size:16px;}
}

@media screen and (max-width:640px){
	.area_exhibit .tit_main .tabs li{font-weight:800; font-size:17px;}
	.area_exhibit{margin-top:23px;}
	.area_exhibit .exh_years{position:relative; top:0; margin-bottom:18px; text-align:center;}
	.area_exhibit .exh_years > em{font-size:26px;}
	.area_exhibit .exh_cont .inr_tabs{display:flex; justify-content:space-between; margin-right:0; margin-left:0;}
	.area_exhibit .exh_cont{margin:0 40px;}
	.inr_tab_container{margin-top:30px;}
	.area_exhibit .swiper-button{left:50%; margin-left:-75px;}
	.area_exhibit .tit_main{margin-bottom:20px;}
	.area_exhibit .tit_main .tabs li::before{height:26px;}
	.board_gallery .bx-controls{display:none;}
}

@media screen and (max-width:639px){
	.area_exhibit{margin-top:13px;}
	.area_exhibit .inr_tabs li{padding:2px 1vw;}
	.area_exhibit .exh_cont{margin:0px 20px;}
	.inr_tab_container{padding-bottom:60px;}
	.exh_cont .box .txt h4{width:96%; -webkit-line-clamp:1;}
	.inr_tab_container{margin-top:25px;}
	.tit_main{margin-bottom:19px;}
	.area_board > div{width:calc(100% / 1 * 1 - 60px); padding:30px;}
	.area_board .board_gallery{margin-top:10px;}
	.board_gallery .list li em{margin-top:22px; font-weight:500; font-size:18px;}
	.tit_main h4{font-size:27px;}
	.board_news .cont .box a h5{font-size:17px;}
	.area_user{margin-top:20px !important;}
	.area_user,
	.area_banner{padding:0 30px;}
	.user_sns .cont > ul > li{width:-webkit-calc((100%/2) - 6px); width:calc((100%/2) - 6px);}
	.btn_main{width:30px; height:30px;}

	.area_quick{margin-top:10px !important;}
	.area_quick > ul > li > a{margin:40px 0;}
	.area_quick > ul{justify-content:center; flex-wrap:wrap;}
	.area_quick > ul > li{width:32%;}
	.area_quick > ul > li:nth-child(3) ~ li a{margin-top:0;}
}

@media screen and (max-width:539px){
	.area_visual{margin:121px 0 0 !important;}
	.area_visual .bx-controls{bottom:26px;}

	.exh_cont .box .txt h4{margin-top:8px; font-size:18px; text-indent:2px;}
	.area_exhibit .tit_main .tabs li,
	.area_exhibit .tit_main .tabs li.active{padding:9px 22px;}
	.area_exhibit .tit_main .tabs li.active{margin-right:2px;}
	.area_exhibit .tit_main .tabs li{margin:0 -15px;}

	.inr_tab_container{margin-top:20px;}
	.tab_scroll_box{overflow-x:scroll;}

	.area_exhibit{margin-top:10px;}
	.area_exhibit .exh_cont .inr_tabs{width:470px;}
	.area_exhibit .inr_tabs li.active{padding:2px 3vw;}
	.area_exhibit .inr_tabs li{padding:2px 2vw;}
	.area_exhibit .tit_main .tabs li{font-size:16px;}
	.area_exhibit .tit_main{margin-bottom:25px;}

	.exh_cont .box .txt span > em{margin-right:6px; padding:3px 10px;}
	.area_exhibit .tit_main .tabs li::before{height:24px; margin-right:5px;}
	.area_exhibit .tit_main .tabs{padding:15px 0;}
	.area_exhibit .exh_years{margin-bottom:17px;}
	.inr_tab_container{margin-top:19px;}
	.exh_cont .box .txt{margin-top:16px;}
	.board_notice .cont > ul > li:nth-child(2) a{padding-bottom:0;}
	.area_board > div{width:calc(100% / 1 * 1 - 40px); padding:45px 20px; background-size:100%;}

	.tit_main{margin-bottom:21px;}
	.btn_main{width:28px; height:28px;}
	.board_news .swiper-button{bottom:51px; left:22px;}
	.area_board{margin-top:60px !important;}
	.board_gallery{padding-right:25px !important;}
	.board_news .cont .box a span{margin-top:60px;}
	.board_notice .cont > ul > li > a > strong{font-size:16px;}
	.board_notice .cont > ul > li > a{padding:18px 0;}
	.tit_main h4{font-size:27px;}
	.tit_main h4 i{position:relative; top:-1px; margin-left:9px;}
	.board_news .cont .box a h5{font-size:16px;}
	.main #content article.area_board{margin-right:0 !important; margin-left:0 !important;}
	
	.board_gallery .list li em{margin-top:19px; font-weight:500; font-size:17px;}
	.board_news .cont .box a{padding:24px;}
	.board_gallery .bx-controls{display:block;}
	.area_user,
	.area_banner{padding:0;}
	.area_board .board_gallery{margin-top:0;}
	.area_user{margin-top:0 !important;}
	.user_academy{margin-top:40px;}
	.user_sns .cont > ul > li .icon{right:14px; bottom:14px; width:32px; height:32px;}
	.banner_img-right{margin-top:20px;}

	.area_quick{margin:10px 0 45px !important; padding:0;}
	.area_quick > ul > li > a > em{margin-top:15px; font-weight:600; font-size:15px;}
	.area_quick > ul > li img{height:49px;}
	.area_quick > ul > li > a{margin:33px 0;}
	.area_quick > ul > li:nth-child(3) ~ li a{margin-top:0; margin-bottom:0;}
	.area_quick > ul > li:hover img{transform:translateY(0);}
}

@media screen and (max-width:400px){
	.area_exhibit .inr_tabs li{line-height:1.6; padding:2px 2vw; font-size:15px;}
	.area_quick > ul > li{width:33%;}
	.area_quick > ul > li img{height:44px;}
}