@charset "utf-8";

/* 
 * main CSS Document
 * KOWEB
 */


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

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

.btn_main{display:flex; justify-content:center; align-items:center; position:relative; width:38rem; height:38rem; 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:1rem;}
.btn_main::after{width:1rem; height:100%;}

/* visual */
.area_visual{position:relative;margin: 164rem 91rem 0;}
.area_visual .list li{cursor:pointer;}
.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;}

.area_visual .swiper-wrapper {
	overflow: hidden;
}

.area_visual .swiper-wrapper img {
	max-width: 100%;
}

	.area_visual_swiper img.mob{display: none;}

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

/* tab */
.tabs li{float:left; cursor:pointer;}
.tabs li.active{background:#FFF; border-bottom:1rem solid #FFF;}
.tab_container{clear:both;}
.tab_content{display:none;}

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

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

.exh_cont .box .txt span > em{margin-right:11rem; padding:3rem 15rem; border:1rem solid #c7c7c7; font-weight:300; font-size:14rem; color:#9a9a9a; border-radius:30rem;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:15rem; letter-spacing:0rem;}
.exh_cont .box .txt{margin-top:24rem;}
.exh_cont .box .txt h4{display:-webkit-box; overflow:hidden;max-width: 250rem; line-height:1.4; margin-top:13rem; font-family:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-weight:400; font-size:22rem; 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:64rem;word-break: break-word;}
.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;overflow: hidden;height: 352rem;width: 250rem; background: #f1f1f1 url(../..//images/common/logo.png) no-repeat 50% 50% / 121rem}
.exh_cont .box img{height: 100%;transform: translateX(-50%);position: relative;left: 50%;}

.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;}

/* tab3-아카데미 */
.tab_content.exh_con03 .inr_tab_container {margin-top: 20rem;}
.tab_content.exh_con03 .inr_tab_content {padding: 0 90rem;}
.tab_academy {display: grid; gap: 42rem; grid-template-columns: repeat(6,1fr);}
.tab_academy li {padding: 0 !important;}
.tab_academy li img {width: 100%;}
@media (max-width:1480px) {
    .tab_content.exh_con03 .inr_tab_content {padding: 0 70rem;}
    .tab_academy {gap: 30rem;}
}
@media (max-width:1023px) {
    .tab_content.exh_con03 .inr_tab_container {margin-top: 0;}
    .tab_content.exh_con03 .inr_tab_content {padding: 0 50rem;}
    .tab_academy {grid-template-columns: repeat(3,1fr); gap: 20rem;}
}
@media (max-width:860px) {
    .tab_content.exh_con03 .inr_tab_content {padding: 0 40rem;}
}
@media (max-width:540px) {
    .tab_content.exh_con03 .inr_tab_content {padding: 0 20rem;}
    .tab_academy {grid-template-columns: repeat(2,1fr); gap: 12rem;}
}



/* board */
.area_board{display:flex; justify-content:flex-start; margin-top:120rem !important;}
.area_board > div{position:relative; overflow:hidden; padding:60rem 60rem; background-position:100% 0%; background-repeat:no-repeat;width: calc(100% / 3 * 1);}
.area_board .board_news{max-width: 509rem; background-color:#1f2839;}
.area_board .board_notice{maX-width: 394rem; 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:18rem; color:#222; white-space:nowrap; text-overflow:ellipsis;}
.board_notice .cont > ul > li > a > p{display:block; overflow:hidden; margin-top:6rem; 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:30rem 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:1rem 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:40rem 30rem; border:1rem 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:20rem; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:64rem;  word-break: break-all;}
.board_news .cont .box a p{opacity:0.45; overflow:hidden; margin-top:10rem; font-weight:200; font-size:15rem; color:#fff; white-space:nowrap; text-overflow:ellipsis;}
.board_news .cont .box a span em{padding:2rem 14rem; background:#b69d74; border:1rem solid transparent; font-size:14rem; transition:all 0.5s cubic-bezier(0.25, 0.47, 0.12, 0.99); border-radius:20rem;}
.board_news .cont .box a span i{opacity:0.5; margin-left:7rem; font-size:14rem; 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:59rem; 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:1rem 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(../../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:65rem; left:39rem;}

.board_gallery{max-width: 460rem;padding-right: 0rem !important;}
.board_gallery .list li i{display:block; width:100%; height:270rem;background-position: 50% 80%;background-size: cover;}
.board_gallery .list li em{display:block; overflow:hidden; width:90%; margin-top:22rem; font-weight:400; font-size:19rem; 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 */
.cont.academy_img a{
    background: #f1f1f1 url(../..//images/common/logo_kr.svg) no-repeat 50% 50% / 140rem;
}
.area_user{display:flex; justify-content:space-between; margin-top:105rem !important;}
.user_sns .cont > ul{display:flex; /* justify-content:space-between; */ gap: 28rem;}
.user_sns .cont > ul > li .hov{position:absolute; display: none; 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) - 28rem); width:calc((100%/3) - 28rem); /* padding-top: 28%; */ background-size: cover;background-position: 50% 50%;}
.user_sns .cont > ul > li::after{content: "";display: block; padding-bottom: 100%;}
.user_sns{flex: 2;}
.user_sns .cont > ul > li .hov p{display:-webkit-box; overflow:hidden; line-height:1.6; padding:50rem 36rem 0 36rem; font-size:15rem; color:#fff; word-break:break-all; -webkit-line-clamp:6; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:146rem;}
.user_sns .cont > ul > li .icon{display:flex; justify-content:center; align-items:center; position:absolute; right:20rem; bottom:20rem; width:36rem; height:36rem; 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:100rem;}
.user_sns .cont > ul > li .icon::after{content:""; display:block; position:relative; z-index:2; width:16rem; height:16rem; background:url(../../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:43rem;flex: 1;}
.user_academy .academy_img a {display: block;position: relative;/* min-height: 299rem */ padding-bottom: 61%;}
.user_academy .academy_img img{width:100%; height: 100%; position: absolute; left:0; top: 0; object-fit: cover;}
.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; top:0; left: 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: #1a2332;}
.user_academy .academy_img .hov::after{background: #304153; transition-delay:0.07s;}
.user_academy .academy_img a:hover .hov::before,
.user_academy .academy_img a:hover .hov::after{width:100%;opacity: 0.7;}
.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:Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-size:17rem; color:#fff; transition:all 0.6s cubic-bezier(0.25, 0.47, 0.12, 0.99); transform:translateY(20rem);}
.user_academy .academy_img a:hover .hov span{opacity:1; transform:translateY(0rem); transition-delay:0.3s;}

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

#content .bx-controls > div > a{display:block; display:flex; justify-content:center; align-items:center; position:relative; width:46rem; height:46rem; font-size:0;}
#content .bx-controls > div{display:flex;}
#content .bx-controls > div > a::after{content:""; display:block; width:7rem; height:11rem; background:url(../../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{position:relative;max-width:520rem;}
.banner_img-right .list > li a,
.banner_img-right .list > li a img{display:block; overflow:hidden; height:100%;}
.banner_img-right .list > li{height: 300rem;}
.banner_img-right .bx-controls{top:auto; right:0; bottom:0; width:auto;}
.banner_img-left {flex: 2;box-shadow: 25rem 42rem 60rem 0rem 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;}
.banner_img-right .list > li a img{position:relative; left:50%; transform:translateX(-50%);}

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

@media (max-width:1919px){
	.area_exhibit .exh_cont{margin-right:90rem; margin-left:150rem;}
	.area_exhibit .no_data{width:100%;}
}

@media (max-width:1480px){
	.tit_main{margin-bottom:40rem;}
	
	.area_exhibit .exh_cont{margin-right:70rem; margin-left:120rem;}	
	.area_board > div{padding:50rem 50rem;}
	
	.main #content > article:not(.area_exhibit){margin:0 70rem;}
	
	.area_user,
	.area_banner{padding:0 50rem;}
	.area_visual{margin:164rem 70rem 0;}	
	.user_sns{flex:1.2; max-width:634rem;}
	.user_sns .cont > ul > li .hov p{padding:35rem 31rem 0 31rem; font-size:17rem; -webkit-line-clamp:4;}
	.user_sns .cont > ul > li{width:-webkit-calc((100%/3) - 18rem); width:calc((100%/3) - 18rem); /* padding-top:48%; */}
	.user_sns .cont > ul > li:nth-child(3){display:none;}
	.user_sns .cont > ul > li{width:-webkit-calc((100%/2) - 18rem); width:calc((100%/2) - 18rem);}

    .user_academy .academy_img a{padding-bottom: 54%;}

}

@media (max-width:1023px){
	.main #content > article:not(.area_exhibit){margin:0 50rem;}
	.tit_main h4{font-size:31rem;}
	.tit_main{margin-bottom:28rem;}
	
	.area_visual{margin:159rem 0 0;}
	.area_exhibit .exh_cont{margin-right:50rem; margin-left:50rem;}
	.area_exhibit .tit_main .tabs li.active{padding:12rem 28rem;}
	.area_exhibit .inr_tabs li{padding:2rem 15rem;}
	.area_exhibit .swiper-button{position:relative; top:auto; right:auto; bottom:0; left:-20rem; margin-top:50rem;}
	.area_exhibit .inr_tabs li{padding:0rem 15rem; font-size:17rem;}

	.exh_cont .box .img{width:100%;}
	.exh_cont .box .txt h4{line-height:1.5; font-size:21rem;}	
	.swiper-slide{width:300rem;}

	.area_board{margin-top:90rem !important; flex-wrap:wrap;}
	.area_board > div{width:100%; padding:50rem 40rem;}	
	.area_board > div:not(.board_gallery){width:calc(100% / 2 - 80rem); max-width:none;}
	.board_gallery{padding-right:40rem !important; max-width:none;}	
	
	.board_news .cont .box a{padding:37rem 27rem;}
	.board_news .swiper-button{position:relative; bottom:0; left:-20rem; margin-top:31rem;}
	.board_news .cont .box a span{margin-top:58rem;}
	.board_news .cont .box a h5{line-height:1.6;}

	.board_notice .cont > ul > li > a{padding:22rem 0;}

	.btn_main{width:28rem; height:28rem;}
	
	.user_sns .cont > ul > li:nth-child(2){display:none;}
	.user_sns .cont > ul > li{width:100%;/*  padding-top:100%; */}
	.user_sns{max-width:282rem;}	
	.user_sns .cont > ul > li .hov p{font-size:16rem;}
	.user_sns .tit_main h4{letter-spacing:-0.8rem;}
	.area_user .tit_main h4 i{display:none;}
	.area_user{margin-top:10rem !important;}
	.area_user,
	.area_banner{padding:0 40rem;}
	.banner_img-right .list > li{height:200rem;}
	.banner_img-right{margin-left:23rem; max-width:353rem;}

	.area_quick > ul > li img{height:61rem;}
	.area_quick > ul > li > a{margin:59rem 0;}

    .user_academy .academy_img a{padding-bottom: 56%;}
}

@media (max-width:860px){
	.area_visual{margin:144rem 0 0;}
	.area_visual .list li img.pc{display:none;}
	.area_visual .list li img.mob{display:block;}
	.area_visual_swiper img.pc{display: none;}
	.area_visual_swiper img.mob{display: block;}
	
	.main #content > article:not(.area_exhibit){margin:0 0;}
	
	.area_exhibit .exh_cont .inr_tabs{margin-left:108rem;}
	.area_exhibit .tit_main .tabs li{font-size:17rem;}
	.area_exhibit .tit_main .tabs{padding:23rem 0;}
	.area_exhibit .exh_years > em{font-size:24rem;}
	.area_exhibit .inr_tabs li{padding:0rem 9rem; font-size:16rem;}
	.area_exhibit .inr_tabs li{padding:2rem 11rem; font-family:Sans-serif; font-size:16rem;}
	.area_exhibit .exh_cont{margin-right:40rem; margin-left:40rem;}

	.exh_cont .box .img{height:250rem;}
	.exh_cont .box .txt h4{font-size:19rem; word-break:keep-all;}
	.exh_cont .box .txt span > em{margin-right:9rem; padding:4rem 12rem 2rem; font-size:13rem;}
	
	.tit_main{margin-bottom:25rem;}
	.tit_main h4{font-size:29rem;}
	.tit_main h4 i{font-size:15rem;}
	
	.board_notice .cont > ul > li > a > strong{font-size:17rem;}
	.board_notice .cont > ul > li > a > p{font-size:15rem;}
	
	.board_news .cont .box a span{margin-top:44rem;}
	.board_news .cont .box a h5{font-size:18rem;}
	.board_news .cont .box a span em{padding:1rem 10rem; font-size:13rem;}

	.board_gallery .list li i{height:230rem;}

	.user_sns .cont > ul > li .hov p{padding:30rem 26rem 0 26rem; font-size:15rem;}
	.user_sns{max-width:228rem;}
	.user_sns .tit_main h4{letter-spacing:-2rem;}
	.user_academy,
	.banner_img-right{margin-left:30rem;}
	.banner_img-right .list > li{height:170rem;}
	.banner_img-right{margin-left:23rem; max-width:300rem;}	
	
	.area_quick > ul > li img{height:47rem;}
	.area_quick > ul > li > a > em{margin-top:20rem; font-weight:500; font-size:15rem;}
	.area_quick{margin:0 40rem !important;}
	.area_quick > ul > li > a{margin:45rem 0 50rem;}
}

@media (max-width:540px){
	.area_visual{margin:119rem 0 0;}
	
	.area_exhibit{margin-top: 5rem;}
	.area_exhibit .tit_main .tabs li{font-size:16rem;}
	.area_exhibit .tit_main .tabs li.active{padding:9rem 19rem;}
	.area_exhibit .tit_main .tabs li{font-size:14rem;}
	.area_exhibit .tit_main .tabs li:nth-child(1)::before{width:22rem;}
	.area_exhibit .tit_main .tabs li::before{width:30rem; height:25rem; margin-right:7rem;}
	.area_exhibit .tit_main .tabs li{line-height:1; padding:15rem 34rem;}
	.area_exhibit .tit_main .tabs li.active{margin:0 5rem;}
	.area_exhibit .exh_cont{margin-right:20rem; margin-left:20rem;}
	.area_exhibit .exh_years{position:relative; left:0; margin-left:0; text-align:center;}
	.area_exhibit .exh_cont .inr_tabs{display:flex; width:470rem; margin-left:0;}
	.area_exhibit .tit_main{margin-bottom:15rem;}
	.area_exhibit .inr_tabs li{font-size:15rem;}
	.area_exhibit .swiper-button{justify-content:center; left:0; margin-top:37rem;}
	.area_exhibit .no_data{padding:70rem 0; border:4rem solid #ddd; font-size:15rem;}
	
	.tab_scroll_box{margin-top:20rem; overflow-x:scroll;}
	
	.exh_cont .box .txt h4{line-height:1.6; margin-top:10rem; font-family:Sans-serif; font-size:16rem;}
	.exh_cont .box .img{height:215rem;}
	.exh_cont .box .txt span > em{margin-right:6rem; padding:3rem 10rem 2rem; font-size:11rem;}

	.inr_tab_container{margin-top:23rem;}
		
	.area_board > div:not(.board_gallery){width:100%;}
	.area_board > div{padding:45rem 20rem;}
	.area_board{margin-top:60rem !important;}

	.tit_main h4{font-size:26rem;}
	.tit_main{margin-bottom:19rem;}
	.tit_main h4 i{font-size:14rem;}

	.board_notice .cont > ul > li > a > strong{font-weight:500;font-size: 15rem;font-family: Pretendard, '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
	.board_notice .cont > ul > li > a{padding:20rem 0;}
	.board_notice .cont{padding-top:10rem;}
	.board_notice .cont > ul > li > a > p{margin-top:8rem;font-size: 13rem;font-family: Sans-serif;}
	
	.btn_main{width:25rem; height:25rem;}

	.board_news .cont .box a h5{font-size:17rem;}
	.board_news .cont .box a{padding:28rem 24rem;}
	.board_news .cont .box a span{margin-top:45rem;}
	.board_news .swiper-button{margin-top:28rem;}

	.board_gallery .cont ul.list > li{width:auto;}
	.board_gallery .list li em{margin-top:18rem; font-size:16rem;}
	.board_gallery{padding-right:20rem !important;}
	.area_user{margin-top:0rem !important; flex-direction:column;}
	.area_user,
	.area_banner{padding:0 20rem;}
	.area_banner{margin-top:50rem !important;}
	.area_banner .cont{flex-direction:column; max-height:none;}	
	
	.user_sns .cont > ul > li:nth-child(2){display:block;}
	.user_sns{max-width:none;}
	.user_sns .cont > ul{column-gap:11rem;}
	/* .user_sns .cont > ul > li{padding-top:49%;} */
	.user_sns .cont > ul > li .icon{right:12rem; bottom:14rem; width:28rem; height:28rem;}
	.user_sns .cont > ul > li .icon::after{width:14rem; height:14rem;}
	
	.user_academy{margin-top:32rem;}
	.user_academy,
	.banner_img-right{margin-left:0;}
	.banner_img-left{height:320rem;}
	.banner_img-left i{height:180rem;}
	.banner_img-right{margin-top:15rem; max-width:none;}
	.banner_img-right .list > li{height:auto;}
	.banner_img-right .list > li a,
	.banner_img-right .list > li a img{width:100%; height:auto;}

	#content .bx-controls > div > a{width:41rem; height:41rem;}	
	
	.area_quick > ul{justify-content:center; margin-top:40rem; flex-wrap:wrap;}
	.area_quick > ul > li{width:33%;}
	.area_quick > ul > li > a{margin:5rem 0 27rem;}
	.area_quick{margin:0 20rem !important;}
}