@font-face {
font-family: 'SBAggroM';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SBAggroB';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
font-weight: normal;
font-style: normal;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder{font-family:'GmarketSans',"Malgun Gothic", "맑은 고딕", sans-serif;font-weight:300;color:#333;}

#wrap{min-width:1481px;}
.inner{width:1481px;}
.inner::after{content:'';display:block;clear:both;}

/* 텍스트 */
h2.tit{font-family:'GmarketSans',"Malgun Gothic", "맑은 고딕", sans-serif;font-size:25px;font-weight:400;line-height:1;color:#333;}

/* 버튼 */
.btn_com{display:block;height:59px;font-size:17px;line-height:59px;color:#fff;text-align:center;background:#333;box-sizing:border-box;}
.btn_com.line{line-height:55px;color:#333;border:2px solid #333;background:#fff;}

/* 탭 */
.tab{position:relative;display:flex;}
.tab_box{display:flex;}
.tab_tit h3{font-weight:300;}

/* 스와이퍼 컨트롤박스 */
.control_box{position:absolute;right:0;display:flex;align-items:center;justify-content:end;height:45px;}
.control_box [class^='btn_']{width:44px;height:45px;border:2px solid #868686;background-color:transparent;background-image:url(/images/artmuseum/main/main_sp.png);background-repeat:no-repeat;box-sizing:border-box;margin-left:5px;text-indent:-9999px;cursor:pointer;}
.control_box .btn_prev{background-position:-265px -15px;margin-left:0;}
.control_box .btn_next{background-position:-305px -15px;}
.control_box .btn_prev.up{background-position:-175.5px -14.5px;}
.control_box .btn_next.dw{background-position:-221.5px -14.5px;}
.control_box .btn_more{background-position:-392.5px -15px;}
.control_box .btn_stop{background-position:-348px -15px;}
.control_box .btn_stop.on{background-position:-11px -64px;}
.control_box .swiper-page{position:initial;bottom:initial;left:initial;width:fit-content;z-index:1;}
.control_box .swiper-page span{font-family:'SBAggroB';font-size:16px;color:#868686;}
.control_box .swiper-page span.current{color:#4b4b4b;}
.control_box .swiper-page span.split{color:#a3a3a3;margin:0 10px;}
.control_box .swiper-pagination-progressbar{position:initial;width:99px;height:3px;border-radius:0;background:#c7c7c7;margin:0 15px 0 25px;opacity:1;z-index:1;}
.control_box .swiper-pagination-progressbar.ver_bar{width:3px;height:99px;transform:translate3d(0,0,0) rotate(270deg);margin:0 63px 0 73px;}
.control_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#4b4b4b;}

/* 검색 */
.main_visbox{background:#edf0f3;}
.main_visbox .inner{padding:68px 0 108px;}
.main_visbox .swiper{overflow:hidden;}
.main_visbox .box{float:left;width:550px}
.main_visbox .box strong{display:block;font-family:'SBAggroM';font-size:48px;line-height:1.25;color:#000;margin-top:40px;}
.main_visbox .box .search{margin-top:53px;}
.main_visbox .box .search form{position:relative;width:461px;height:59px;}
.main_visbox .box .search form > *{float:left;height:100%;}
.main_visbox .box .search form label{position:absolute;top:50%;left:24px;transform:translateY(-50%);height:22px;text-indent:-9999px;}
.main_visbox .box .search form #main_search{width:calc(100% - 135px);font-size:17px;font-weight:300;color:#333;border:2px solid #333;background:transparent;padding-left:58px;box-sizing:border-box;}
.main_visbox .box .search form #main_search:focus{outline:#333;}
.main_visbox .box .search form #main_search_btn{width:135px;font-size:19px;color:#fff;border:0;background:#333;}

/* 미술관 새소식 */
.main_visbox .news{position:relative;padding-bottom:68px;margin-top:85px;}
.main_visbox .news .control_box{bottom:0;}
.main_visbox .swiper_news{height:109px;margin-top:39px;}
.main_visbox .swiper_news .swiper-slide > a{display:flex;}
.main_visbox .swiper_news .date{width:105px;height:105px;font-family:'SBAggroB';font-size:15px;color:#797979;text-align:center;border:1px solid #d0d0d0;background:#fff;box-shadow:4px 4px 0 #d0d0d0;padding-top:19px;box-sizing:border-box;}
.main_visbox .swiper_news .date b{display:block;font-size:32px;font-weight:bold;color:#4b4b4b;margin-bottom:10px;}
.main_visbox .swiper_news .txt{width:calc(100% - 105px);padding-left:30px;box-sizing:border-box;}
.main_visbox .swiper_news .txt .tit{display:block;font-size:20px;margin:10px 0;}
.main_visbox .swiper_news .txt .sub{font-size:15px;line-height:1.4;color:#646464;word-break:keep-all;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* 비주얼 */
.main_visbox .vis{position:relative;float:left;width:855px;margin-left:76px;}
.main_visbox .vis .control_box{top:0; }
.main_visbox .swiper_vis{padding:85px 0 7px;}
.main_visbox .swiper_vis a{display:block;width:100%;height:100%;}
.main_visbox .swiper_vis a img{box-shadow:7px 7px 0 #ccced1;}

/* 전시·행사 */
.main_exhibit{margin-top:93px;}
.main_exhibit .inner{position:relative;overflow:hidden;}
.main_exhibit h2.tit{position:absolute;top:0;left:0;height:45px;line-height:45px;margin-right:75px;}
.main_exhibit .tab_box:first-child .tab_tit{margin-left:174px;}
.main_exhibit .tab_box .tab_tit{width:63px;height:45px;font-size:20px;line-height:45px;text-align:center;box-sizing:border-box;}
.main_exhibit .tab_box.on .tab_tit{border-bottom:3px solid #333;}
.main_exhibit .tab_cnt{position:absolute;top:45px;left:0;width:100%;}
.main_exhibit .tab_cnt .swiper{margin-top:76px;}
.main_exhibit .tab_cnt .control_box{top:0;transform:translateY(-100%);}

/* 보도자료 */
.main_board{position:relative;margin-top:113px;}
.main_board::before, .main_board::after{position:absolute;top:0;content:'';display:block;width:50%;height:100%;}
.main_board::before{left:0;background:#fff;}
.main_board::after{right:0;background:#f5f4f9;}
.main_board .inner{position:relative;z-index:1;overflow:hidden;}
.main_board h2.tit{height:45px;line-height:45px;}
.main_board .board{position:relative;float:left;width:924px;background:#fff;padding:89px 80px 108px 0;box-sizing:border-box;}
.main_board .board .control_box{top:89px;right:80px;}
.main_board .swiper_board{height:603px;margin-top:15px;overflow:hidden;}
.main_board .swiper_board a{display:flex;padding:30px 0;border-bottom:1px solid #ddd;}
.main_board .swiper_board .date{width:fit-content;font-family:'SBAggroB';font-size:15px;color:#797979;text-align:center;margin:10px 30px 0 40px;}
.main_board .swiper_board .date b{display:block;font-size:32px;font-weight:bold;color:#4b4b4b;margin-bottom:10px;}
.main_board .swiper_board .txt .tit{display:block;font-size:20px;word-break:keep-all;margin-bottom:15px;}
.main_board .swiper_board .txt .sub{font-size:15px;line-height:1.4;color:#646464;word-break:keep-all;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* 팝업 */
.main_board .popup{float:left;width:557px;background:#f5f4f9;padding:89px 0 108px 75px;box-sizing:border-box;}
.main_board .popup .control_box{bottom:112px;}
.main_board .swiper_popup{height:483px;margin-top:45px;overflow:hidden;}

/* 이용안내 */
.main_info .inner{position:relative;height:824px;}
.main_info .bg{position:absolute;top:0;right:50%;transform:translateX(183px);width:1143px;height:824px;background:url(/images/artmuseum/main/info_bg.jpg) no-repeat;}
.main_info .info{float:right;width:557px;padding:66px 0 0 86px;box-sizing:border-box;}
.main_info .info h2.tit{margin-bottom:10px;}
.main_info .info dl{display:flex;flex-wrap:wrap;color:#333;}
.main_info .info dl dt{width:120px;font-size:18px;line-height:1.1;margin-top:15px;}
.main_info .info dl dt.lh{line-height:1.5;}
.main_info .info dl dd{width:calc(100% - 120px);font-size:16px;line-height:1.4;margin-top:15px;}
.main_info .info dl dd b{font-family:'SBAggroB';font-size:24px;}
.main_info .info .btn_box{display:flex;justify-content:space-between;margin:45px 0 55px;}
.main_info .info .btn_box .btn_com{width:calc(50% - 10px);}
.main_info .info .swiper_banner{overflow:hidden;}
.main_info .info .swiper-slide a{display:block;width:100%;height:59px;font-size:16px;line-height:55px;text-align:center;border:2px solid #eee;box-sizing:border-box;margin-top:20px;}
.main_info .info .control_box{margin-top:41px;}