/*인사말*/
.greeting{word-break:keep-all;text-align:center;}
.greeting strong{font-size:22px;font-family:'SBAggro';background:linear-gradient(90deg, #0074a9, #ae299d);-webkit-background-clip:text;color:transparent;font-weight:600;}
.greeting .tit{margin:15px 0;}

/*연혁*/
.history{padding:20px 0;overflow:hidden;}
.history p{text-align:center;font-size: 19px;font-family:'SBAggro';margin-bottom:20px;color:#afafaf;}
.history p>strong{display:block;font-weight:600;font-size: 36px;background:linear-gradient(-45deg, #0074a9, #ae299d);-webkit-background-clip:text;color:transparent;}
.history ul{border-left:1px solid #ddd;}
.history li{margin: 0 0 40px 0;padding-left: 20px;position:relative;text-align-last: center;}
.history li:before{content:"";display:block;width:20px;height:1px;border-top:1px solid #ddd;position:absolute;left:0;top: 37%;}
.history li strong{display:block;font-size: 20px;color:#0074a9;font-family:'SBAggro';margin-bottom: 10px;}
.history li:nth-of-type(2n) strong{color:#ae299d;}
.history li span{display:block;}
.history li span em{font-style:normal;font-size:14px;color:#fff;background:#666666e0;padding:2px 5px;border-radius:10px;}
.history li img{border-radius:20px;margin-bottom:15px;width: 100%;}

/*연간일정*/
.year_plan{text-align:center;}
.year_plan img{width:60%;margin-bottom:30px;max-width:200px;}
.year_plan p{font-family:'SBAggro';font-size:22px;font-weight:300;}
.year_plan p strong{font-size:24px;color:#0074a9;font-weight:600;}

/*공연장안내*/
.hall_s{overflow:hidden;border-radius:20px;margin-top:10px;}
.hall_s li{overflow:hidden;width:50%;float:left;}
.hall_s li img{width:100%;}

/*전시실안내*/
.display_int{background:#fff;position:relative;top:-20px;padding:20px;width:90%;}
.display_int strong{display:block;font-size:22px;word-break:keep-all;background:linear-gradient(-60deg, #0074a9, #ae299d);-webkit-background-clip:text;color:transparent;font-weight:600;font-family:'SBAggro';margin-bottom:15px;}
.display_int span{color:#0074a9;}

/*기타 및 편의시설*/
.cf_list{overflow:hidden;}
.cf_list li{text-align:center;margin:0 0 15px 0;border:1px solid #aedbd5;border-radius:5px 20px 5px 5px;}
.cf_list li img{width:100%;}
.cf_list li span{display:block;padding:10px;background:linear-gradient(45deg, #d1f3eead, #c8e6f794);}

/*정기회원가입 안내*/
.membership{overflow:hidden;}
.membership li{text-align:center;margin:0 0 20px 0;padding:20px 30px;border-bottom:1px dashed #ddd;}
.membership li:last-child{border:none;}
.membership li span{display:block;font-family:'SBAggro';font-weight:300;font-size:18px;}
.membership li span:before{content:"";display:block;width:130px;height:130px;border-radius:50%;background:url("/images/08_art/sub04/member_icon.png")no-repeat center top #f7f9ff;margin: 0 auto;margin-bottom: 15px;}
.membership li:nth-child(1) span:before{background-position-y: 32px;}
.membership li:nth-child(2) span:before{background-position-y: -75px;}
.membership li:nth-child(3) span:before{background-position-y: -182px;}
.membership li:nth-child(4) span:before{background-position-y: -286px;}

/*대관안내*/
.rent_step{background:linear-gradient(-45deg, #b97feb14, #0074a90f);}
.rent_step li strong{color:#212d7e;letter-spacing: -1px;}
.rent_step li strong:before{content:"";display:block;width:100px;height: 75px;background:url("/images/08_art/sub05/rent_icon.png")no-repeat center top;margin:0 auto;}
.rent_step li:nth-child(2) strong:before{background-position-y: -98px;}
.rent_step li:nth-child(3) strong:before{background-position-y: -200px;}
.rent_step li:nth-child(4) strong:before{background-position-y: -301px;}
.rent_step li:nth-child(5) strong:before{background-position-y: -408px;}
.rent_step li i{background: #212d7e;}

/*Tablet*/
@media all and (min-width:768px) {
.greeting{padding: 130px 40px 0;position:relative;}
.greeting:before{content:"";display:block;width: 700px;height: 498px;position:absolute;background: url("/images/08_art/sub01/greet_bg.png")no-repeat center top;z-index:-1;top: 0;left: 0;}
.greeting .con .tit{width:70%;margin:0 auto;padding: 25px 0;position:relative;}
.greeting strong{font-size:34px;}
.greeting .con .txt{font-size:18px;padding: 30px;position:relative;line-height: 1.8em;letter-spacing: -1px;width: 95%;left: 50%;transform: translateX(-50%);border: 1px solid #e6dceb;border-radius: 20px;}
.greeting .con .txt:before{content:"";display:block;width:100px;height:10px;position:absolute;background:#e6dceb;top:-5px;left:50%;transform:translateX(-50%);border-radius:50px;}

.history p>strong{font-size:55px;}
.history li{float:left;width: 23.333%;text-align:center;margin-right:2%;padding-left: 0;padding-top: 20px;}
.history li:nth-of-type(2n){padding-top:40px;}
.history li:before{display: none;}
.history li:last-child{margin-right:0;}
.history li strong{border-bottom:1px solid;padding-bottom:12px;}
.history li span em{display:block;width:fit-content;margin:0 auto;margin-top:8px;padding: 5px 15px;border-radius: 50px;}

.hall_s{max-width: 690px;margin:0 auto;margin-top:15px;}
.hall_s li{width:25%;}

.display_int{padding:40px;top:-40px;width:80%;word-break:keep-all;left:50%;transform:translateX(-50%);text-align:center;}
.display_int strong{font-size:30px;}
    
.cf_list li{width:23.333%;float:left;margin-right:2%;margin-bottom:20px;}
.cf_list li:nth-of-type(4n){margin-right:0;}

.membership li{float:left;width:25%;margin:0;border-bottom:none;border-right:1px dashed #ddd;min-height:182px;padding: 0 30px;}
.membership li span{word-break:keep-all;}
}

/*PC*/
@media all and (min-width:1023px) {
.greeting .con .txt{width:75%;}
    
.display_int{width:55%;}
}