@charset "utf-8";
.head h1 a span{color:#ae299d !important;}
footer .top a{background-color: #ae299d !important;}

/*Mobile*/
.m_content>div::after{display: block;content:"";clear: both;}

/*메인비주얼*/
.con1{position:relative;}
.con1 .m_visual::before{content:"";width: 100%;height:38vh;display: block; background:url("/images/08_art/main/visual_bg.jpg")no-repeat left top;background-size: cover;position: absolute;top: 0;left: 0;z-index: -1;}
.con1 .m_visual{padding:80px 4%;overflow: hidden;}
.m_visual .v_control{overflow:hidden;}
.m_visual .v_control button{width: 62px;height: 19px;background: url("/upload_data/user_file/08_art/main/btn_icon.png")no-repeat top left;background-size: cover;font-size: 0;margin-bottom: 15px;float: left;}
.m_visual .v_control button.next{background-position: 0 -51px;margin-left: 20px;}
.m_visual .v_imglist>ul>div{padding:2em 0;}
.m_visual .v_imglist img{width: 100%;border-radius: 20px 0 20px 20px;box-shadow: 0 20px 10px #66666638;}
.m_visual .v_imglist li{float:left;position: relative;padding: 0 10px;width: 50%;}
.m_visual .v_imglist li a{display:block;width:100%;}
.m_visual .v_imglist li span{display: block;position:absolute;top: -11px;right: 10px;padding:3px 15px;font-size: 13px;color:#fff;font-weight: 300;border-radius: 10px 10px 0 10px;}
.m_visual .v_imglist li .ico01{background:#dc279a;}
.m_visual .v_imglist li .ico02{background:#1e7cc2;}

/*일정안내*/
.con2{padding:0 4%;}
.con2 .m_calendar{overflow:hidden;}
.m_calendar .month{display: flex;justify-content:center;margin-bottom:20px;}
.m_calendar .month button{width:54px;height:24px;font-size:0;background:url("/upload_data/user_file/08_art/main/btn_icon.png")no-repeat top left;background-size:cover;}
.m_calendar .month button.cal_prev{background-position: 0 -71px;margin-right:5%;}
.m_calendar .month button.cal_next{background-position: 0 -106px;margin-left:5%;}
.m_calendar .month h3{float:left;font-size:40px;color:#222;font-weight:700;line-height:40px;letter-spacing:-2px;text-align:center;}
.m_calendar .month h3 .year{font-size:28px;color:#ddd;font-weight:700;}
.m_calendar .calendar{border-radius:0 0 20px 20px;border:1px solid #ddd;border-top:3px solid #a42171;padding:15px 0 0 0;margin-bottom:30px;}
.m_calendar table{width:100%;}
.m_calendar table th, .m_calendar table td{border-collapse:collapse;width:14.333%;text-align:center;letter-spacing:-1px;}
.m_calendar table th{font-weight:500;font-size:15px;padding-bottom:15px;}
.m_calendar table th.sun{color:#d8282a;}
.m_calendar table th.sat{color:#283eb6;}
.m_calendar table td{height:60px;}
.m_calendar table td a{display:block;margin-bottom: 10px;}
.m_calendar table td span{display: inline-block;font-size:0;}
.m_calendar table td .cal_i01:before, .cal_list .icon_info li:nth-child(1):before, .list_info .detail .li_i01:before{background:#1fa489;}
.m_calendar table td .cal_i02:before, .cal_list .icon_info li:nth-child(2):before, .list_info .detail .li_i02:before{background:#dc279a; border-radius:50%;}
.m_calendar table td .cal_i03:before, .cal_list .icon_info li:nth-child(3):before, .list_info .detail .li_i03:before{background:#1e7bc2;}
.m_calendar table td .cal_i04:before, .cal_list .icon_info li:nth-child(4):before, .list_info .detail .li_i04:before{background:#7848d9;}
.m_calendar table td .cal_i05:before, .cal_list .icon_info li:nth-child(5):before, .list_info .detail .li_i05:before{background:#666;}

.cal_list .icon_info li:before, .list_info .detail li span:before,
.m_calendar table td span:before{content:'';display:inline-block;width: 10px;height: 10px;}

.m_calendar table td.today a{color:#a42171;font-weight:700;}
.m_calendar .cal_list .icon_info{overflow: hidden;margin-bottom:15px;float:right;clear:both;}
.cal_list .icon_info li{float:left;font-size:14px;margin-right:12px;}
.cal_list .icon_info li:before{margin-right: 6px;}
.cal_list .icon_info li:nth-child(1){color:#1fa489;}
.cal_list .icon_info li:nth-child(2){color:#dc279a;}
.cal_list .icon_info li:nth-child(3){color:#1e7bc2;}
.cal_list .icon_info li:nth-child(4){color:#7848d9;}
.cal_list .icon_info li:nth-child(5){color:#666;}

.m_calendar .cal_list .list_info{background:#f5f5f5;padding:0 20px;border-radius:20px;text-align:center;overflow: hidden;width: 100%;position: relative;}
.cal_list .list_info h4{background:none;margin:0;font-size:22px;font-weight:500;letter-spacing:-1px;padding: 20px 0;}
.cal_list .list_info h4 span{display:block;color:#a42171;padding-right:28px;position:relative;width:fit-content;margin:0 auto;}
.cal_list .list_info h4 span:after{content:"";display: inline-block;width: 28px;height: 22px;background: url("/images/08_art/main/m_shape.png")right -21px bottom 414px;position: absolute;right:-4px;}
.cal_list .list_info .detail{padding:20px 0;border-bottom: 1px solid #a42171;min-height: 168px;border-top: 1px dashed #ddd;}
.list_info .detail li{overflow: hidden;margin-bottom: 10px;}
.list_info .detail li:last-child{margin-bottom:0;}
.list_info .detail li a{display:block;}
.list_info .detail li:hover a{text-decoration:underline;}
.list_info .detail li span{font-size:14px;display:inline-block;padding: 2px 8px;border: 1px solid;border-radius: 50px;margin-right: 10px;letter-spacing: -1px;float: left;}
.list_info .detail li span:before{margin-right: 6px;}
.list_info .detail .li_i01{color:#1fa489;}
.list_info .detail .li_i02{color:#dc279a;}
.list_info .detail .li_i03{color:#1e7bc2;}
.list_info .detail .li_i04{color:#7848d9;}
.list_info .detail .li_i05{color:#666;}

.list_info .detail li strong{display: -webkit-box;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;font-weight: 400;text-align: left;}
.list_info .btn{padding:20px 0;overflow: hidden;}
.list_info .btn li{width:50%;float:left;}
.list_info .btn li:first-child{border-right:1px solid #a42171;}
.list_info .btn li a{display: block;font-family:'SBAggro';font-weight: 300;font-size:15px;padding-right:20px;background: url("/upload_data/user_file/08_art/main/btn_icon.png")no-repeat right -56px bottom -137px;width: fit-content;margin: 0 auto;}
.list_info .btn li span{font-weight: 400;}

/*자주찾는 서비스*/
.con3{margin-top: 30px;position: relative;padding:30px 4%;}
.con3 .m_quick::before{content:"";display: block;width:100%;height:224px;background: linear-gradient(126deg, #ecfdfa, #fff0fa);position: absolute;top: 0;left: 0;z-index:-1;}
.con3 .m_quick h2{color:#aa387c;font-size:22px;font-family:'SBAggro';font-weight: 400;margin-bottom: 10px;}
.con3 .m_quick div{background:#fff;border-radius:0 50px 0 0;padding:20px 0;box-shadow: 0 10px 20px #88888826;overflow: hidden;}
.con3 .m_quick li{width:50%;float:left;display: table;height:40px;padding: 0 12px;margin-bottom:20px;position:relative;}
.con3 .m_quick li:nth-of-type(2n){border-left:1px solid #ddd;}
.con3 .m_quick .li07, .con3 .m_quick .li08{margin-bottom:0;}
.con3 .m_quick li a{display:table-cell;vertical-align: middle;text-align:right;}
.con3 .m_quick li span{letter-spacing:-1px;display:inline-block;padding-left: 59px;word-break:keep-all;line-height: 18px;}
.con3 .m_quick li:hover span{color:#aa387c;font-weight:500;}
.con3 .m_quick li span:before{content:"";display:block;width:57px;height:55px;position:absolute;background:url("/images/08_art/main/q_icon.png")no-repeat left top;background-size: cover;left: 5px;top: 0;transition: all 0.3s linear}
.con3 .m_quick li:hover span:before{transform: rotateY( 180deg )}
.con3 .m_quick .li01 span:before{background-position: 0 -7px;}
.con3 .m_quick .li02 span:before{background-position: 0 -75px;}
.con3 .m_quick .li03 span:before{background-position: 0 -143px;}
.con3 .m_quick .li04 span:before{background-position: 0 -201px;}
.con3 .m_quick .li05 span:before{background-position: 0 -267px;}
.con3 .m_quick .li06 span:before{background:url("/upload_data/user_file/08_art/content/q_icon07.png")no-repeat;background-size:cover;}
.con3 .m_quick .li07 span:before{background-position: 0 -402px;}
.con3 .m_quick .li08 span:before{background-position: 0 -478px;}

/*메인게시판*/
.con4{padding:0 4%;overflow: hidden;}
.con4 .m_bbs{margin-top:30px;overflow:hidden;height: 269px;position: relative;}
.m_bbs h3{width:fit-content;position:relative;margin-right:30px;float:left;}
.m_bbs h3 a{font-family:'SBAggro';font-weight: 400;font-size:22px;color:#888;display:block;padding-bottom: 2px;}
.m_bbs h3.on a{font-weight:600;color:#aa387c;border-bottom:3px solid #aa387c;}
.m_bbs>div{display:none;position:absolute;top: 50px;width: 100%;}
.m_bbs>div.on{display:block;}
.m_bbs .bbs_new{position:relative;padding-bottom: 15px;border-bottom: 1px dashed #ddd;overflow: hidden;}
.m_bbs .bbs_new .tit{padding-left:93px;display:-webkit-box;font-weight:500;font-size:17px;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:8px;}
.m_bbs .bbs_new .txt{padding-left:93px;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;height: 42px;}
.m_bbs .bbs_new .date{text-align:center;position:absolute;top: 2px;left:0;width:69px;height:69px;border-radius:50%;border:1px solid #dc279a;color:#dc279a;font-size:14px;line-height:17px;}
.m_bbs .bbs_new .date span{display:block;margin-top: 16px;}
.m_bbs .bbs_new .date strong{display: block;font-size:16px;letter-spacing: -1px;}
.m_bbs .notice ul li{overflow:hidden;margin-top:10px;}
.m_bbs .notice ul li a{display:block;padding-left:20px;background: url("/upload_data/user_file/08_art/main/btn_icon.png")no-repeat left -58px top -221px;overflow: hidden;}
.m_bbs>div ul li strong{font-weight: 400;font-size:15px;color:#222;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;width:65%;float:left;}
.m_bbs .notice ul li span{font-size:14px;color:#666;float:right;font-weight:300;}
.m_bbs>div .more{display: block;position:absolute;top: -50px;right:0;width:36px;height:29px;background:url("/upload_data/user_file/08_art/main/btn_icon.png")no-repeat left 4px top -273px #f5f5f5;font-size: 0;border-radius: 5px;border:1px solid #a42171;}
.m_bbs .photo li{width: 48%;float:left;margin-right: 4%;}
.m_bbs .photo li:last-child{margin-right:0;}
.m_bbs .photo li a{display:block;text-align: center;}
.m_bbs .photo li img{width:100%;max-width: 275px;border-radius: 10px;}
.m_bbs .photo li strong{width:100%;margin-top:15px;}
.m_bbs .bbs_new a:hover .tit,
.m_bbs .notice ul li:hover strong, .m_bbs .photo ul li:hover strong{text-decoration:underline;}

/*대관신청*/
.m_rent{margin:50px 0 30px 0;}
.m_rent div{padding: 30px 30px 60px 30px;background: url("/images/08_art/main/rent_bg.jpg")no-repeat center top;background-size: cover;border-radius: 20px;text-align: center;}
.m_rent h2{font-size:22px;font-family:'SBAggro';color:#442987;}
.m_rent ul{margin-top:30px;}
.m_rent li{margin-bottom:20px;}
.m_rent li a{display: block;padding:15px 30px;background:#fff;border-radius:10px;font-family:'SBAggro';font-size: 18px;font-weight:300;text-align: left;box-shadow: 0 5px 10px #6666662e;position:relative;}
.m_rent li a:hover{outline:2px solid #442987;}
.m_rent li a:after{content:"";display:block;width:32px;height:30px;position:absolute;background: url("/upload_data/user_file/08_art/main/btn_icon.png") no-repeat right -49px bottom -7px;right: 30px;top:50%;transform:translateY(-50%);}
.m_rent li.down a:after{background-position: right 4px bottom -8px;}
.m_rent li a strong{font-weight: 500;color: #442987;}

/*찾아오시는길*/
.m_map{margin: 0 0 40px 0;}
.m_map div{padding: 30px;border-radius: 20px;background:url("/images/08_art/main/map_bg.jpg")no-repeat center top;background-size: cover;text-align: center;}
.m_map h2{font-size:22px;font-family:'SBAggro';color:#fff;margin: 0 auto; margin-bottom: 30px;position: relative;width: fit-content;}
.m_map h2::after{content:"";display: block;width:49px;height:48px;position: absolute;background:url("/images/08_art/main/m_shape.png")no-repeat left -116px top -291px;top:-10px;right:-54px;}
.m_map .map_info li{color:#fff;font-family:'SBAggro';font-weight: 300;text-align: left;margin-bottom: 10px;}
.m_map .map_info li strong{font-weight: 400;color:#91fffb;display: inline-block;}
.m_map .map_info li:last-child strong{width: 60px;text-align: justify;word-spacing: 26px;}
.m_map .map_info li span{font-size: 14px;display: block;padding-left: 72px;}
.m_map .map_btn{margin-top: 20px;}
.m_map .map_btn li:first-child{margin-bottom: 10px;}
.m_map .map_btn li a{display: block;color:#fff;font-size: 15px;padding: 7px 20px;border: 1px solid #ffffff82;border-radius: 5px;text-align: left;width:80%;margin:0 auto;background: #00000052;}
.m_map .map_btn li span::after{content:"";display: block;width:26px;height:22px;float: right;background: url("/upload_data/user_file/08_art/main/btn_icon.png")no-repeat left -55px top -276px;transition: all .3s;}
.m_map .map_btn li a:hover span:after{margin-right:10px;}

/*Tablet*/
@media (min-width: 768px) {
.con1 .m_visual::before{height:418px;}
.m_visual .v_imglist li{/* width: 50%; *//* float:left; */}
.m_visual .v_control button{width:70px;height:32px;background-size:auto;}
.m_visual .v_control button.next{background-position: -5px -66px;margin-left: 40px;}

.m_calendar .cal_schedule{width: 55%;float:left;margin-right:20px;}
.m_calendar .calendar{margin-bottom:0;}
.m_calendar table td{padding:0 5px;}
.m_calendar table td.today a{position:relative;}
.m_calendar table td.today a:after{content:"";display:block;position:absolute;width:35px;height:35px;background:#ffeff9;border-radius:50%;top: -6px;left:50%;transform:translateX(-50%);z-index:-1;}
.m_calendar .cal_list{width: 42%;float:right;margin-top: 27px;}

.con3{padding:60px 4% 60px 0;margin-top:60px;}
.con3 .m_quick::before{border-radius:50px 0 0 0;}
.con3 .m_quick h2{font-size:28px;margin-bottom: 20px;padding-left:4%;}
.con3 .m_quick div{padding: 30px 0 30px 4%;}
.con3 .m_quick li{width: 25%;padding: 0 20px;}
.con3 .m_quick li:nth-of-type(2n){border-left:none;}
.con3 .m_quick li a{text-align:center;}
.con3 .m_quick li span{padding-left:0;}
.con3 .m_quick li span:before{position:inherit;margin:0 auto;width: 90px;height: 80px;background-size: auto;margin-bottom: 15px;}
.con3 .m_quick .li01 span:before{background-position: -10px -11px;}
.con3 .m_quick .li02 span:before{background-position: center -142px;}
.con3 .m_quick .li03 span:before{background-position: center -272px;}
.con3 .m_quick .li04 span:before{background-position: center -390px;}
.con3 .m_quick .li05 span:before{background-position: center -507px;}
.con3 .m_quick .li06 span:before{background-position: 5px -8px;}
.con3 .m_quick .li07 span:before{background-position: center -763px;}
.con3 .m_quick .li08 span:before{background-position: center -910px;}
.con3 .m_quick .li05, .con3 .m_quick .li06{margin-bottom:0;}

.con4 .m_bbs{margin-top:0;height: 310px;}
.m_bbs h3{margin-right:60px;}
.m_bbs h3 a{font-size:28px;}
.m_bbs>div{width:100%;top: 68px;}
.m_bbs .bbs_new .tit{padding-left:115px;font-size: 18px;margin-bottom: 14px;}
.m_bbs .bbs_new .txt{padding-left:115px;font-size: 16px;line-height: 26px;height: 50px;}
.m_bbs .bbs_new .date{font-size:18px;width: 88px;height: 88px;line-height:22px;}
.m_bbs .bbs_new .date span{margin-top: 20px;}
.m_bbs .bbs_new .date strong{font-size:20px;}
.m_bbs .notice ul li{margin-top:11px;}
.m_bbs>div ul li strong{font-size:16px;}
.m_bbs .notice ul li span{font-size:16px;}
.m_bbs>div .more{width:45px;height:37px;background-position: left 8px top -269px;top: -68px;}

.m_rent{width: 48%;float:left;margin-right:20px;}
.m_rent h2{font-size:28px;}
.m_map{width: 49%;overflow:hidden;margin: 50px 0 40px 0;}
.m_map h2{font-size:28px;}
}

/*PC*/
@media all and (min-width:1023px) {
.m_content{position:relative;overflow: hidden;}
.con1 .m_visual{width:1400px;margin: 0 auto;height: 630px;padding: 0;padding-top: 30px;}
.con1 .m_visual .v_imglist:after{content:"";display:block;width:174px;height:83px;position:absolute;background: url("/images/08_art/main/m_shape.png")no-repeat left top;left: -150px;bottom: 32px;z-index: -1;}
.m_visual .v_imglist{position: absolute;left: 50%;transform: translateX(-50%);width: 1194px;}
.m_visual .v_imglist li{width: 33.333%;}
.m_visual .v_imglist li:last-child{margin-right:0;}
.m_visual .v_imglist li span{font-size:16px;padding: 5px 20px;}
.m_visual .v_control{width:1400px;position:absolute;left: 50%;transform: translateX(-50%);top: 270px;}
.m_visual .v_control button.next{float:right;}

.con2 .m_calendar{width:1400px;margin:0 auto;overflow: inherit;}
.m_calendar .cal_schedule{width: 768px;margin-right: 30px;}
.m_calendar .month{justify-content:left;}
.m_calendar table th{font-size:18px;padding-bottom: 36px;}
.m_calendar table td{font-size:18px;padding: 0 15px;}
.m_calendar .cal_list{width:calc(100% - 798px);}
.m_calendar .cal_list .list_info{overflow:inherit;top: 32px;}
.m_calendar .cal_list .list_info:before{content:"";display:block;position:absolute;top: 68px;right: -15px;width:45px;height:221px;background:url("/images/08_art/main/m_shape.png")no-repeat left bottom;}
.m_calendar .cal_list .list_info:after{content:"";display:block;position:absolute;width:83px;height:100px;background: url("/images/08_art/main/m_shape.png")no-repeat left top -132px;bottom: 111px;right: -160px;}
.cal_list .list_info h4{padding:30px 0 25px 0;position: relative;left: 50%;width: fit-content;transform: translateX(-50%);}
.cal_list .list_info h4 span{display:inline-block;margin-left: 10px;}  
.list_info .detail .li_i01{background-position: 3px 6px;}
.list_info .detail .li_i02{background-position: 3px -20px;}
.list_info .detail .li_i03{background-position: 3px -45px;}
.list_info .detail .li_i04{background-position: 3px -72px;}
.list_info .detail .li_i05{background-position: 3px -98px;}
.list_info .detail li strong{font-size:18px;text-align: left;}
.list_info .btn li a{font-size:17px;}
.cal_list .list_info .detail{min-height: 236px;}

.con3{padding-right:0;height: 405px;width: 1400px;margin: 0 auto;}
.con3 .m_quick{width:1400px;margin:0 auto;position: relative;}
.con3 .m_quick::before{height:256px;width: 150%;border-radius: 107px 0 0 0;left: -85px;}
.con3 .m_quick h2{padding-left:0;padding-top: 60px;}
.con3 .m_quick div{padding: 30px 0 30px 239px;border-radius: 0 85px 0 0;width: 1660px;position: absolute;right: 0;overflow: inherit;}
.con3 .m_quick div:before{content:"";display:block;position:absolute;width:593px;height:102px;background:url("/images/08_art/main/q_text.png")no-repeat;top: -91px;right:0;z-index: -1;}
.con3 .m_quick li{width: 174px;padding: 0;margin-bottom: 0;}

.con4{padding: 0 0 60px 0;width:1400px;margin:0 auto;}
.con4 .m_bbs{width:654px;float:left;margin-right:30px;height: 313px;}
.m_bbs .notice ul li{margin-top: 12px;}
.m_bbs .photo li img{max-width:none;height: 209px;}

.con4 .m_rent{width: 346px;margin:0 30px 0 0;}
.m_rent ul{margin-top:28px;}
.m_rent li{margin-bottom:14px;}
.m_rent li a{padding:23px 35px;}

.con4 .m_map{width: 340px;margin: 0;}
.m_map .map_info li{font-size:18px;letter-spacing: -1px;margin-bottom: 13px;}
.m_map .map_info li:last-child{font-size:16px;}
.m_map .map_info li:last-child strong{width: 63px;}
.m_map .map_info li span{font-size:15px;padding-left: 75px;}
.m_map .map_btn{margin-top: 28px;}
.m_map .map_btn li a{font-size:16px;}
}

@media all and (min-width:1440px) {

}