@charset "UTF-8";
@media screen and (max-width: 640px){
    .bu > li > ul > li, .num > li > ul > li, p.blt.type2 {font-size:14px;}
}
/* 공연전시체험 > 아이소리홀 > 공연장소개/대관 */
.cts3554_wrap {position:relative;}
.cts3554_wrap .box.bg {width:866px;padding:60px 60px 100px;border:0;border-radius:50px;}
#contents .cts3554_wrap h3 {margin-top:0;}
.cts3554_wrap .box .dl > li .title {width:90px;color:#009fe1}
.cts3554_wrap .box .bu > li:before {border-color:#009fe1}
.cts3554_wrap .box a {margin-top:50px;}
.cts3554_wrap .box_img {position:absolute;right:0;bottom:-62px;width:615px;border-radius: 40px;z-index: 1;}
.cts3554_wrap .box_img:after {content: '';display: block;position: absolute;top: -23px;left: -29px;width: 100%;height: 100%;border-radius:50px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAMElEQVQoU2N8+vTpfwYGBgZpaWlGEI0OGAkqwKYLWQyrsXgVoFuJYQJBBRi+IORIAKwCEAlzPNhfAAAAAElFTkSuQmCC');z-index: -1;}
@media screen and (max-width: 1430px){
    .cts3554_wrap .box.bg {width: 80%;padding:50px 50px 100px;}
    .cts3554_wrap .box_img {width: 500px;bottom:-40px}
}
@media screen and (max-width: 1240px){
    .cts3554_wrap .box.bg {width: 80%}
    .cts3554_wrap .box_img {width: 400px;bottom:-40px}
}
@media screen and (max-width: 1000px){
    .cts3554_wrap .box_img {width: 50%;bottom:-40px}
}
@media screen and (max-width: 800px){
    .cts3554_wrap .box_img {width: 50%;bottom:-40px}
}
@media screen and (max-width: 640px){
    .cts3554_wrap .box.bg {width: 100%;margin:0 0 100px;padding-bottom:45vw}
    .cts3554_wrap .box_img {width: 80%;bottom:-40px;right:9vw}
}

/* 예약박스 공통 */
.box.reserve_box {margin:0}
.box.reserve_box {position:relative;margin-bottom:135px;padding:50px 50px 120px;border:0;border-radius:30px;background-color:#ebf7fb}
.box.reserve_box:after {display:block;position:absolute;bottom:-80px;left:135px;width:311px;height:204px;background:url(../images/contents/cts3555_img02.png) no-repeat;background-size:contain }
.box.reserve_box > p {margin-top:15px;}
.box.reserve_box > a {margin-top:50px;}
.box.reserve_box .inner_box {position:absolute;top:50px;right:50px;width: 657px;padding: 30px 0 30px 30px;margin: 0;border:0;border-radius:30px;background-color:#fff;}
.box.reserve_box .inner_box .dl > li {line-height:26px;}
.box.reserve_box .inner_box .dl > li .title {width: 75px;color:#009fe1;vertical-align: top;}
.box.reserve_box .inner_box .bu > li:before {top: 8px;border-color:#009fe1;}
.notice_box {border: 7px solid #e7e8ec;}
@media screen and (max-width: 1430px){
    .box.reserve_box {padding-bottom:170px}
    .box.reserve_box:after {left:100px}
    .box.reserve_box .inner_box {width:500px;padding: 30px;}

}
@media screen and (max-width: 1240px){
    .box.reserve_box {padding-bottom:50px}
    .box.reserve_box:after {bottom:auto;top:50px;right:50px;left:auto;}
    .box.reserve_box > a {margin-top:50px;}
    .box.reserve_box .inner_box {position:initial;width:100%;margin: 0;margin-top:50px;}
}
@media screen and (max-width: 1000px){
    .box.reserve_box {margin-bottom:40px}
}
@media screen and (max-width: 800px){
    .box.reserve_box {padding:40px}
    .box.reserve_box:after {top:40px;right:35px;width:250px}
}
@media screen and (max-width: 640px){
    .box.reserve_box {padding:30px 20px 180px}
    .box.reserve_box:after {top:auto;bottom:-50px;right:auto;left:calc(50% - 100px);width:200px}
    .box.reserve_box > a {margin-top:30px;}
    .box.reserve_box .inner_box {margin-top:30px;}
    .box.reserve_box .inner_box .bu > li {margin-bottom:10px}
    .box.reserve_box .inner_box .bu > li:before {top:10px;}
    .box.reserve_box .inner_box .dl > li .title {width:65px;display: block;}
    .box.reserve_box .inner_box .dl > li .text {display: block;line-height:20px}
}


/* 공연전시체험 > 상상마루 > 체험관소개 */

.cts3558_wrap .box.inner_img {padding: 50px;}
.cts3558_wrap .box.inner_img .box_img {width:auto;min-height: auto;padding-right: 50px;border-right: 1px solid #ccc;background:none;vertical-align: middle;}
.cts3558_wrap .box.inner_img .box_right {width: calc(100% - 308px);vertical-align: middle;}
.cts3558_wrap .img_frame .img_item .box_img {width:297px;margin-bottom:0}
.cts3558_wrap .btn_text_wrap {margin-top:15px;}
.cts3558_wrap .inline_h3 {display: inline-block; margin-right: 11px;}
.cts3558_wrap .btn.link {vertical-align: initial}
@media screen and (max-width: 1430px){
    .cts3558_wrap .img_frame .img_item .box_img {width:220px}

}
@media screen and (max-width: 640px){
    .cts3558_wrap .box.inner_img {padding: 20px;background: none;}
    .cts3558_wrap .box.inner_img .box_img {border:0;padding-right: 0;}
    .cts3558_wrap .box.inner_img .box_right {width:100%;}
    .cts3558_wrap .box.inner_img .box_text {text-align:center}
    #contents .cts3558_wrap .inline_h3 { margin-right: 11px;}
}
/* 공연전시체험 > 상상마루 > 2층,3층 체험관 공통 */
.songpakids_menu {margin:15px 0 58px;}
.songpakids_menu ul {font-size:0;}
.songpakids_menu ul li {display:inline-block;position:relative;width:calc((100% - 45px) / 3); margin-right:22px;border-radius:20px;}
.songpakids_menu ul li:last-child {margin-right:0}
.songpakids_menu ul li a {width:100%;height:164px;padding:18px 21px;font-size:16px;}
.songpakids_menu ul li span {display:block;margin-top:13px;line-height:22px;letter-spacing:-0.035em;color:#fff}
.songpakids_menu ul li a:after {display:block;position:absolute;}
@media screen and (max-width: 1240px){
    .songpakids_menu ul li {width:calc((100% - 21px) / 3);margin-right:10px}
    .songpakids_menu ul li:last-child {margin-right:0}
}
@media screen and (max-width: 800px){
    .songpakids_menu {margin-bottom:20px}
    .songpakids_menu ul li {width:100%;height:150px;margin-top:15px;}
    .songpakids_menu ul li a{height: 130px;}
    .songpakids_menu ul li br {display:none}

}
@media screen and (max-width: 500px){
    .songpakids_menu ul li br {display:block;}
}


/* 공연전시체험 > 상상마루 > 2층체험관 */

.cts3559_wrap .songpakids_menu ul li:nth-child(1) {background-color:#05a981}
.cts3559_wrap .songpakids_menu ul li:nth-child(2) {background-color:#eb6383}
.cts3559_wrap .songpakids_menu ul li:nth-child(3) {background-color:#e63c64}
.cts3559_wrap .songpakids_menu ul li:nth-child(1) a:after {right: 11px;bottom: -42px;width:167px;height:106px;background:url(../images/contents/cts3559_img04.png) no-repeat 0 0; background-size:contain}
.cts3559_wrap .songpakids_menu ul li:nth-child(2) a:after {right: 6px;bottom: -37px;width:171px;height:112px;background:url(../images/contents/cts3559_img05.png) no-repeat 0 0; background-size:contain}
.cts3559_wrap .songpakids_menu ul li:nth-child(3) a:after {right: 9px;bottom: -43px;width:165px;height:156px;background:url(../images/contents/cts3559_img06.png) no-repeat 0 0; background-size:contain}
.cts3559_wrap .img_frame {margin-top:20px;}
.cts3559_wrap .img_frame .img_item .box_img {width:auto;height:auto}
@media screen and (max-width: 1430px){
    .cts3559_wrap .img_frame .img_item .box_img {width:220px}
    .cts3559_wrap .songpakids_menu ul li:nth-child(1) a:after {right: 5px;bottom: -50px;width:150px;height:106px;}
    .cts3559_wrap .songpakids_menu ul li:nth-child(2) a:after {right: -10px;bottom: -60px;width:150px;height:112px;}
    .cts3559_wrap .songpakids_menu ul li:nth-child(3) a:after {right: -20px;bottom: -65px;width:150px;height:156px;}

}
@media screen and (max-width: 1240px){
    .cts3559_wrap .songpakids_menu ul li:nth-child(1) a:after {right: 0;bottom: -40px;width:110px;height: 85px;}
    .cts3559_wrap .songpakids_menu ul li:nth-child(2) a:after {right: 0;bottom: -38px;width:110px;height: 85px;}
    .cts3559_wrap .songpakids_menu ul li:nth-child(3) a:after {right: -10px;bottom: -47px;width:110px;height: 120px;}
}
@media screen and (max-width: 800px){
    .cts3559_wrap .songpakids_menu ul li:nth-child(1) a:after {right: 10px;bottom: 5px;width:167px;height: 106px;}
    .cts3559_wrap .songpakids_menu ul li:nth-child(2) a:after {right: 10px;bottom: 5px;width:171px;height: 112px;}
    .cts3559_wrap .songpakids_menu ul li:nth-child(3) a:after {right: 10px;bottom: -15px;width:165px;height: 156px;}
}
@media screen and (max-width: 500px){
    .cts3559_wrap .songpakids_menu ul li:nth-child(1) a:after {right: 10px;bottom: 5px;width:120px;height: 76px;}
    .cts3559_wrap .songpakids_menu ul li:nth-child(2) a:after {right: 10px;bottom: 5px;width:120px;height: 80px;}
    .cts3559_wrap .songpakids_menu ul li:nth-child(3) a:after {right: 10px;bottom: -15px;width:130px;height: 142px;}
}


/* 공연전시체험 > 상상마루 > 3층체험관 */
.cts3560_wrap .songpakids_menu ul li:nth-child(1) {background-color:#7b9c6c}
.cts3560_wrap .songpakids_menu ul li:nth-child(2) {background-color:#4a506b}
.cts3560_wrap .songpakids_menu ul li:nth-child(1) a:after {right: 5px;bottom: -42px;width:178px;height:108px;background:url(../images/contents/cts3560_img03.png) no-repeat 0 0; background-size:contain}
.cts3560_wrap .songpakids_menu ul li:nth-child(2) a:after {right: 13px;bottom: -38px;width:136px;height:110px;background:url(../images/contents/cts3560_img04.png) no-repeat 0 0; background-size:contain}
.cts3560_wrap .img_frame .img_item {width:50%}
.cts3560_wrap .img_frame .img_item .box_img {width: auto;min-height: auto;}
@media screen and (max-width: 1430px){
    .cts3560_wrap .songpakids_menu ul li:nth-child(1) a:after {right: 5px;bottom: -50px;width:150px;height:106px;}
    .cts3560_wrap .songpakids_menu ul li:nth-child(2) a:after {right: 5px;bottom: -50px;width:115px;height:106px;}
}
@media screen and (max-width: 1240px){
    .cts3560_wrap .img_frame .img_item {width:100%}
    .cts3560_wrap .songpakids_menu ul li:nth-child(1) a:after {right: 5px;bottom: -32px;width:120px;height: 80px;}
    .cts3560_wrap .songpakids_menu ul li:nth-child(2) a:after {right: 10px;bottom: -32px;width:90px;height: 80px;}
}
@media screen and (max-width: 1000px){
    .cts3560_wrap .img_frame .img_item {width:50%}
    .cts3560_wrap .img_frame .img_item .box_img {width:290px;}
}
@media screen and (max-width: 800px){
    .cts3560_wrap .img_frame .img_item {width:100%}
    .cts3560_wrap .songpakids_menu ul li:nth-child(1) a:after {right: 10px;bottom: 5px;width:178px;height: 108px;}
    .cts3560_wrap .songpakids_menu ul li:nth-child(2) a:after {right: 20px;bottom: 10px;width:136px;height:110px;}
}
@media screen and (max-width: 500px){
    .cts3560_wrap .songpakids_menu ul li:nth-child(1) a:after {right: 5px;width:125px;height: 78px;}
    .cts3560_wrap .songpakids_menu ul li:nth-child(2) a:after {right: 5px;width:110px;height: 91px;}
}

/* 공연전시체험 > 편의시설 > 시설안내 */

/* 공연전시체험 > 편의시설 > 대관안내 */
.cts3562_wrap ol {font-size:0;}
.cts3562_wrap ol li {display:inline-block;position:relative;width:92px;font-size:16px;line-height:26px;text-align:center}
.cts3562_wrap ol li + li {margin-left:96px;}
.cts3562_wrap ol li:before {content:'';display:inline-block;width:100%;height:110px;margin: 0 auto;background: url('../images/contents/cts3562_icon01.png') no-repeat top center;}
.cts3562_wrap ol li:nth-child(2):before {background-image: url('../images/contents/cts3562_icon02.png')}
.cts3562_wrap ol li:nth-child(3):before {background-image: url('../images/contents/cts3562_icon03.png')}
.cts3562_wrap ol li:nth-child(4):before {background-image: url('../images/contents/cts3562_icon04.png')}
.cts3562_wrap ol li:nth-child(5):before {background-image: url('../images/contents/cts3562_icon05.png')}
.cts3562_wrap ol li:after {display:block;position:absolute;top:37px;right:-60px;width:25px;height:23px;background: url('../images/contents/cts3562_icon06.png') no-repeat 0 0;}
.cts3562_wrap ol li:last-child:after {display:none}
@media screen and (max-width: 1240px){
    .cts3562_wrap ol li {width:calc((100% / 5) - 15px);}
    .cts3562_wrap ol li + li {margin-left:15px;}
    .cts3562_wrap ol li:after {right:-15%}
}
@media screen and (max-width: 800px){
    .cts3562_wrap ol li {width:100%;padding:15px 20px;text-align:left;vertical-align:middle;border: 1px solid #c5c9d6;border-radius: 0;}
    .cts3562_wrap ol li + li {margin-left:0;margin-top:15px;}
    .cts3562_wrap ol li:before {width: 60px;height: 60px;background-size:contain;vertical-align: middle;}
    .cts3562_wrap ol li:after {display:inline-block;top: auto;bottom: -15px;right: calc(50% - 5px);width: 8px;transform: rotate(90deg);background:url('../images/contents/step_arrow.png') no-repeat center;}
    .cts3562_wrap ol li span {display:inline-block;margin-left: 20px;vertical-align:middle;}
}
/* 공연전시체험 > 편의시설 > 시설안내 */
.cts4216_wrap .box.inner_img {margin: 0;border:0;padding: 20px 0;}
.cts4216_wrap .box.inner_img .box_img {position: relative;width: auto;min-height:auto;margin-right:50px;background-color: transparent}
.cts4216_wrap .box.inner_img .box_img:after {content: '';display: block;position: absolute;bottom:-16px;right: -17px;width: 100%;height: 100%;border-radius:35px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAMElEQVQoU2N8+vTpfwYGBgZpaWlGEI0OGAkqwKYLWQyrsXgVoFuJYQJBBRi+IORIAKwCEAlzPNhfAAAAAElFTkSuQmCC');z-index: -1;}
.cts4216_wrap .box.inner_img .box_right {width: calc(100% - 430px);}
#contents .cts4216_wrap h3 {margin-top:0;margin-bottom: 20px;line-height: 32px;}
.cts4216_wrap .box .bu > li:before {border-color:#009fe1}
.cts4216_wrap .box .bu > li {word-break:keep-all}
@media screen and (max-width: 1240px){
    .cts4216_wrap .box.inner_img .box_img {width:45%;}
    .cts4216_wrap .box.inner_img .box_right {width:calc(55% - 50px);}
}
@media screen and (max-width: 640px){
    .cts4216_wrap .box.inner_img {background:none;}
    .cts4216_wrap .box.inner_img .box_img {width: 65%;margin: 24px auto;background: none;}
    .cts4216_wrap .box.inner_img .box_right {width:100%;border: 0;}
}
@media screen and (max-width: 500px){
    #contents .cts4216_wrap h3 {margin-bottom: 15px;}
    .cts4216_wrap .box.inner_img .box_img {width: 100%;margin: 0 auto;}
    .cts4216_wrap .box.inner_img .box_img:after {display: none}
    .cts4216_wrap .box.inner_img .box_right {padding: 15px 0;}
}


/* 재능프로그램 > 송파 SSEM */
.cts3564_wrap .box.reserve_box1 {height:400px;}
.cts3564_wrap .box.reserve_box1 .inner_box {padding:30px;}
.cts3564_wrap .box.reserve_box2 {background-color:#fbebf5;text-align: right;margin-bottom: 50px;}
.cts3564_wrap .box.reserve_box2 .inner_box {right:auto;left: 50px;min-height:280px; height:auto;}
.cts3564_wrap .box.reserve_box3 {background-color:#fbf1eb;margin: 135px 0 100px;}
.cts3564_wrap .box.reserve_box1:after {bottom: -60px;width:259px;height:261px;background-image:url('../images/contents/cts3564_img02.png');}
.cts3564_wrap .box.reserve_box2:after {left: auto;right: 170px;bottom: -30px;width:210px;height:188px;background-image:url('../images/contents/cts3564_img04.png');}
.cts3564_wrap .box.reserve_box3:after {bottom: -75px;left: 125px;width:293px;height:228px;background-image:url('../images/contents/cts3564_img06.png');}
.cts3564_wrap .box.reserve_box2 .em_b_blue,.box.reserve_box3 .em_b_blue {width:75px; }
@media screen and (max-width: 1430px){
    .cts3564_wrap .box.reserve_box1 {height:490px;}
    .cts3564_wrap .box.reserve_box2 {height:425px}
    .cts3564_wrap .box.reserve_box2 .inner_box {width:450px;}
    .cts3564_wrap .box.reserve_box3 {height:360px}
    .cts3564_wrap .box.reserve_box3 .inner_box {width:450px}
}
@media screen and (max-width: 1240px){
    .cts3564_wrap .box.reserve_box {height:auto;margin-bottom: 100px;}
    .cts3564_wrap .box.reserve_box .inner_box {width:100%; height:auto}
    .cts3564_wrap .box.reserve_box2 {text-align:left;margin-bottom: 0;}
    .cts3564_wrap .box.reserve_box2:after {right: 50px;left:auto;}
    .cts3564_wrap .box.reserve_box3 {margin: 100px 0 0;}
    .cts3564_wrap .box.reserve_box3:after {right: 50px;left:auto;}
}
@media screen and (max-width: 800px){
    .cts3564_wrap .box.reserve_box2:after {right: 20px;width: 200px;}
    .cts3564_wrap .box.reserve_box3:after {right: 20px;width: 210px;}
    .cts3564_wrap .box.reserve_box3 {margin-top: 50px}
}
@media screen and (max-width: 640px){
    .cts3564_wrap .box.reserve_box {margin-bottom: 50px;}
    .cts3564_wrap .box.reserve_box3 {margin:50px 0 0}
    .cts3564_wrap .box.reserve_box:after {right:auto;bottom: -50px;left:calc(50% - 100px);width:200px;}
    .cts3564_wrap .box.reserve_box2:after {bottom: -30px;}
    .cts3564_wrap .box.reserve_box3:after {bottom: -60px;}
    .cts3564_wrap .box.reserve_box2 .em_b_blue + span,.box.reserve_box3 .em_b_blue + span {display:block }
}
/* 통합상담실 > 상담실 이용안내 */
.cts3568_wrap .box .bu > li:before {border-color:#009fe1}
.cts3568_wrap .step .step_title {margin-bottom:0;padding-bottom:0}
.cts3568_wrap .step.step3568 .step_item {padding:40px 20px;border:0;border-radius:40px;}
.cts3568_wrap .step.step3568 .step_item:last-child:after {display:none}
.cts3568_wrap .step.step3568 .step_item:nth-child(1) {background-color:#eb6383}
.cts3568_wrap .step.step3568 .step_item:nth-child(2) {background-color:#535da1}
.cts3568_wrap .step.step3568 .step_item:nth-child(3) {background-color:#009fe1}
.cts3568_wrap .step.step3568 .step_item:nth-child(4) {background-color:#05a981}
.cts3568_wrap .step.step3568 .step_title {margin-bottom:35px;}
.cts3568_wrap .step.step3568 .step_content strong {display:block;padding: 3px 0;border-radius:20px;color:#fff;font-size: 16px;font-weight:normal;line-height: 34px;}
.cts3568_wrap .step.step3568 .step_item:nth-child(1) .step_content strong {background-color:#d7496b}
.cts3568_wrap .step.step3568 .step_item:nth-child(2) .step_content strong {background-color:#364291}
.cts3568_wrap .step.step3568 .step_item:nth-child(3) .step_content strong {background-color:#0681b4}
.cts3568_wrap .step.step3568 .step_item:nth-child(4) .step_content strong {background-color:#108367}
.cts3568_wrap .step.step3568 .step_item ul {height:90px;padding:10px 0 10px 20px}
.cts3568_wrap .step.step3568 .step_item ul:last-child {height: 120px;}
.cts3568_wrap .step.step3568 .step_item ul li {text-align:left;color:#fff;line-height:26px;}
.cts3568_wrap .step.step3568 .step_item:after {top: calc(50% - 50px);right: -40px;width: 54px;height:108px;z-index: 1;}
.cts3568_wrap .step.step3568 .step_item:nth-child(1):after {background:url('../images/contents/cts3568_icon01.png') no-repeat}
.cts3568_wrap .step.step3568 .step_item:nth-child(2):after {background:url('../images/contents/cts3568_icon02.png') no-repeat}
.cts3568_wrap .step.step3568 .step_item:nth-child(3):after {background:url('../images/contents/cts3568_icon03.png') no-repeat}
@media screen and (max-width: 1240px){
    .cts3568_wrap .step.step3568 .step_item {padding:30px 10px}
    .cts3568_wrap .step.step3568 .step_item ul {padding:10px}
}
@media screen and (max-width: 1000px){
    .cts3568_wrap .step.step3568 .step_item {padding:30px 10px}
    .cts3568_wrap .step.step3568 .step_item ul {padding:10px 0}
    .cts3568_wrap .step.step3568 .step_item ul li{text-align:center}
}
@media screen and (max-width: 640px){
    .cts3568_wrap .step.step3568 .step_title{margin-bottom:20px}
    .cts3568_wrap .step.step3568 .step_item {width:100%;padding:30px;text-align: center;}

    .cts3568_wrap .step.step3568 .step_item ul {padding:10px; height:auto;}
    .cts3568_wrap .step.step3568 .step_item ul:last-child {height: auto;}
    .cts3568_wrap .step.step3568 .step_item ul li {text-align:center}
    .cts3568_wrap .step.step3568 .step_item:after {top:auto;right: auto;bottom: -60px;left: calc(50% - 27px);transform: rotate(93deg);}
}

/* 통합상담실 > 상담실 프로그램 */
.cts3569_wrap .table td:last-child {text-align: left}

/* 소식과참여 > 자원봉사 */
.cts3575_wrap .box.basic > a {margin-top: 20px;}
.cts3575_wrap .box.bg {padding:50px 30px;border:0;border-radius:90px;background-color:#535da1}
.cts3575_wrap .box.bg:before{display:block;position:absolute;left:0;bottom:0; width:472px;height:459px;border-radius:90px;background:url('../images/contents/cts3575_img01.png') no-repeat;background-size:contain;}
.cts3575_wrap .box .bu {margin-left:530px;padding-bottom: 60px;}
.cts3575_wrap .box .bu > li {height:66px;color:#fff;}
.cts3575_wrap .box .bu > li:before {left: -70px;width:66px;height:66px;border:0;border-radius: 0;background:url('../images/contents/cts3575_icon01.png') no-repeat;background-size:contain;vertical-align: middle;}
.cts3575_wrap .box .bu > li:nth-child(2):before {background-image: url('../images/contents/cts3575_icon02.png')}
.cts3575_wrap .box .bu > li:nth-child(3):before {background-image: url('../images/contents/cts3575_icon03.png')}
.cts3575_wrap .box .bu > li:nth-child(4):before {background-image: url('../images/contents/cts3575_icon04.png')}
.cts3575_wrap .box .bu > li:nth-child(5):before {background-image: url('../images/contents/cts3575_icon05.png')}
.cts3575_wrap .box .bu > li span {display: inline-block; margin-top:25px; vertical-align: middle;letter-spacing: -0.035em;/* font-weight: lighter; */}
.cts3575_wrap .box .bu > li + li {margin-top:20px;}
.cts3575_wrap .box .bu > li li {color:#fff}
.cts3575_wrap .bu > li > ul > li {font-size:16px;line-height:26px;letter-spacing:-0.035em}
.cts3575_wrap .bu > li > ul > li:before {top:13px;height:1px;background-color: #fff}
.cts3575_wrap .bu > li > ul > li > .blank {color:#fff}
.cts3575_wrap .bu > li > ul > li > .blank:before {background: url('../images/contents/template_btn.svg#btn06'); background-size: 16px 14px;}

@media screen and (max-width: 1430px){
    .cts3575_wrap .box.bg:before {width: 350px;height: 330px;}
    .cts3575_wrap .box .bu {margin-left: 400px;}
}
@media screen and (max-width: 1240px){
    .cts3575_wrap .box.bg {padding-bottom:350px}
    .cts3575_wrap .box .bu {margin-left: 100px;}

}
@media screen and (max-width: 640px){
    .cts3575_wrap .box.bg {padding:40px 30px 350px 20px;border-radius:50px}
    .cts3575_wrap .box.bg:before {border-radius:50px;}
    .cts3575_wrap .box .bu > li {height:45px;}
    .cts3575_wrap .box .bu > li:before {left:-45px;width: 45px;height: 45px;}
    .cts3575_wrap .box .bu > li span {margin-top:16px}
    .cts3575_wrap .bu > li > ul > li {font-size:14px;}
    .cts3575_wrap .box .bu {margin-left: 50px;}
}

/* 회관소개 > 인사말 */
#contents .cts3577_wrap h3 {margin-bottom:40px;text-align: center}
#contents .cts3577_wrap h3 em{display:block;margin-bottom:10px;font-size: 34px;color: #535da1;line-height:45px;font-weight: bold;word-break: keep-all}
#contents .cts3577_wrap h3 span {padding:5px 20px;border-radius:30px;font-size:42px;line-height: 50px;font-weight: bold;background-color: #05a981;color:#fff;}

.cts3577_wrap .box.bg {padding: 60px 40px;border:0;border-radius:50px;background:linear-gradient(to right, #feeadf, #d6f6f5)}
.cts3577_wrap .box.bg:after {display:block;position:absolute;right:30px;;bottom:70px;width:386px;height:527px;background:url('../images/contents/cts3577_img01.png') no-repeat;background-size:contain}
.cts3577_wrap .box.bg p {letter-spacing:-0.035em;word-break:break-all;}
.cts3577_wrap .box.bg p + p {margin-top: 25px;}
.cts3577_wrap .box.bg p img {margin-left:7px;}
.cts3577_wrap .box.bg .text_box {padding-right: 400px;}
.cts3577_wrap .box.bg .text_box p .autograph {font-size:24px;}

@media screen and (max-width: 1430px){
    .cts3577_wrap .box.bg:after {width:250px;height: 342px;bottom:50px;}
    .cts3577_wrap .box.bg .text_box {padding-right: 250px;}
}
@media screen and (max-width: 1240px){
    #contents .cts3577_wrap h3 img {display:block}
    #contents .cts3577_wrap h3 img + img {margin:10px 0 0 18px;}
    #contents .cts3577_wrap h3 img:last-child {margin: 13px 0 0 18px;}
    .cts3577_wrap .box.bg .text_box {padding-right: 0;}
    .cts3577_wrap .box.bg .text_box p:nth-child(5),
    .cts3577_wrap .box.bg .text_box p:nth-child(6),
    .cts3577_wrap .box.bg .text_box p:nth-child(7) {padding-right:250px;}
}
@media screen and (max-width: 800px){
    .cts3577_wrap .box.bg:after {width:230px;height: 310px;bottom:50px;}
    .cts3577_wrap .box.bg .text_box p:nth-child(5){padding-right:0;}
}
@media screen and (max-width: 640px){
    #contents .cts3577_wrap h3 {margin-bottom:25px;}
    #contents .cts3577_wrap h3 em{font-size: 20px;line-height:24px;}
    #contents .cts3577_wrap h3 span {padding:5px 20px;font-size:24px;line-height: 30px;}
    .cts3577_wrap .box.bg {border-radius:30px;}
    .cts3577_wrap .box.bg:after {display:none}
    .cts3577_wrap .box.bg .text_box {padding-right: 0; text-align:justify}
    .cts3577_wrap .box.bg .text_box p:nth-child(5),
    .cts3577_wrap .box.bg .text_box p:nth-child(6),
    .cts3577_wrap .box.bg .text_box p:nth-child(7) {padding-right:0;}
    .cts3577_wrap .box.bg p + p {margin-top: 20px;}
    .cts3577_wrap .box.bg {padding:60px 25px }
    .cts3577_wrap br {display:none}
}

/* 회관소개 > 설립목적 및 연혁 */
#contents .cts3578_wrap h3 {position:absolute;top:-33px;left:calc(50% - 160px);width:320px;border-radius:40px;font-size:24px;color:#fff;line-height: 66px;text-align:center;}
#contents .cts3578_wrap .box1 h3 {background-color:#05a981;}
#contents .cts3578_wrap .box2 h3 {background-color:#eb6383;}
#contents .cts3578_wrap .box3 h3 {background-color:#535da1;}
.cts3578_wrap .box {position:relative;margin-bottom:100px;border:0;border-radius:40px;}
.cts3578_wrap .box.box1 {margin-top:100px;padding:70px;background:linear-gradient(to right, #ffebdf, #d5f7f5);text-align: center; }
.cts3578_wrap .box.box1 p {font-size:18px;}
.cts3578_wrap .box.box2 {padding:50px 0 ;background:url('../images/contents/cts3578_bg01.png') no-repeat center 53px;z-index:-2}
.cts3578_wrap .box.box2 ul {font-size:0;margin-top: 85px;}
.cts3578_wrap .box.box2 ul li {display:inline-block;position:relative;margin-right: 77px;width:calc((100% - 231px) / 4);height: 100%;font-size:16px;text-align: center;vertical-align: top;}
.cts3578_wrap .box.box2 ul li:before{display:block;position:absolute; width:220px; height:220px;border-radius:50%;z-index:-1}
.cts3578_wrap .box.box2 ul li:nth-child(1):before{background-color:#05a981;}
.cts3578_wrap .box.box2 ul li:nth-child(2):before{background-color:#eb6383}
.cts3578_wrap .box.box2 ul li:nth-child(3):before{background-color:#535da1}
.cts3578_wrap .box.box2 ul li:nth-child(4):before{background-color:#009fe1}
.cts3578_wrap .box.box2 ul li:last-child {margin-right:0;}
.cts3578_wrap .box.box2 ul li:last-child:after {display: none;}
.cts3578_wrap .box.box2 ul li:after {display:inline-block;position:absolute;top: 100px;right:-48px;width:23px;height:23px;background: url('../images/contents/cts3578_icon05.png') no-repeat 0 0;background-size:contain}
.cts3578_wrap .box.box2 ul li span {color:#fff;word-break: keep-all;}
.cts3578_wrap .box.box2 ul li span:before {display:block;width:70px;height:60px;margin: 50px auto 15px;background: url('../images/contents/cts3578_icon01.png') no-repeat center center;background-size:contain;}
.cts3578_wrap .box.box2 ul li:nth-child(2) span:before {background-image:url('../images/contents/cts3578_icon02.png')}
.cts3578_wrap .box.box2 ul li:nth-child(3) span:before {background-image:url('../images/contents/cts3578_icon03.png')}
.cts3578_wrap .box.box2 ul li:nth-child(4) span:before {background-image:url('../images/contents/cts3578_icon04.png')}
.cts3578_wrap .box.box3 {margin-top:150px;padding:60px 50px;background:linear-gradient(to right, #efe2f7, #ccdffc) }
.cts3578_wrap .box.box3 .box3_inner {position:relative;padding:65px;border-radius: 20px;background-color: #fff;}
.cts3578_wrap .box.box3 .box3_inner:after {display:inline-block;position:absolute;top:60px;left:20px;width:452px;height:538px;background:url('../images/contents/cts3578_bg02.png') no-repeat;background-size:contain}
.cts3578_wrap .box.box3 ol {margin-left:50%;border-left:1px solid #009fe1;overflow: initial;}
.cts3578_wrap .box.box3 ol > li:before {content:'';top: 0;left: -4px;width: 8px;height: 8px;border: 0;background-color: #009fe1;}
.cts3578_wrap .box.box3 ol > li + li {margin-top:30px;}
.cts3578_wrap .box.box3 ol > li > span {font-size:27px;font-weight:bold;line-height:25px;color:#535da1;letter-spacing:0.025em;margin-top: -8px;}
.cts3578_wrap .box.box3 ol > li > span:after {display:block; width:48px; height:1px;background-color:#535da1;margin-top:10px; }
.cts3578_wrap .box.box3 .bu > li {padding-left:40px}
.cts3578_wrap .box.box3 .bu > li > ul {margin-top:10px}
.cts3578_wrap .box.box3 .bu > li > ul > li {padding-left:0;}
.cts3578_wrap .box.box3 .bu > li > ul > li:before {display:none;}
.cts3578_wrap .box.box3 .bu > li > ul > li .title {width:75px;font-size:18px;color:#000}
@media screen and (max-width: 1430px){
    .cts3578_wrap .box.box1 p {word-break:keep-all}
    .cts3578_wrap .box.box1 p br{display:none}
    .cts3578_wrap .box.box2 ul li {margin-right: 50px;width:calc((100% - 150px) / 4);}
    .cts3578_wrap .box.box2 ul li:after {top: 88px;right: -36px;}
    .cts3578_wrap .box.box2 ul li span:before {margin: 40px auto 15px;}
    .cts3578_wrap .box.box2 ul li:before {width: 196px;height: 196px;}
    .cts3578_wrap .box.box3 .box3_inner:after {top: 90px;width:370px;height: 465px;}
}
@media screen and (max-width: 1240px){
    .cts3578_wrap .box.box2 ul li {margin-right: 30px;width:calc((100% - 90px) / 4);}
    .cts3578_wrap .box.box2 ul li:after {top: 72px;right: -23px;width: 15px;height: 15px;}
    .cts3578_wrap .box.box2 ul li span:before {height:50px;margin: 25px auto 10px;}
    .cts3578_wrap .box.box2 ul li:before {width: 158px;height: 158px;}
    .cts3578_wrap .box.box3 {margin-top: 100px}
    .cts3578_wrap .box.box3 .box3_inner:after {top:auto;bottom:50px;left:5px;width:200px;height: 260px;}
    .cts3578_wrap .box.box3 ol {margin-left:30%}

}
@media screen and (max-width: 1000px){
    .cts3578_wrap .box {margin-bottom: 50px}
    .cts3578_wrap .box.box1 {margin-bottom: 100px;padding:60px 30px 50px;}
    .cts3578_wrap .box.box2 ul {margin-top:70px}
    .cts3578_wrap .box.box2 ul li {width:calc((100% - 21px) / 2); height:150px;margin:15px 20px 0 0;}
    .cts3578_wrap .box.box2 ul li:nth-child(even) {margin-right:0;}
    .cts3578_wrap .box.box2 ul li:after {display:none;}
    .cts3578_wrap .box.box2 ul li span {margin-top:10px}
    .cts3578_wrap .box.box2 ul li span:before {;margin: 15px auto 10px;}
    .cts3578_wrap .box.box2 ul li:before {width:100%;height: 100%;border-radius:30px;}
    .cts3578_wrap .box.box3 {margin-top:50px}
    .cts3578_wrap .box.box3 .box3_inner:after {top:auto;bottom:5vw;left:20px;width:35%;height: 350px;}
    .cts3578_wrap .box.box3 ol {margin-left:40%}

}
@media screen and (max-width: 800px){
    .cts3578_wrap .box.box3 ol {margin-left:0}
    .cts3578_wrap .box.box3 .box3_inner {padding:40px}
    .cts3578_wrap .box.box3 .box3_inner:after {top:auto;left:auto;right: -50px;bottom: 5vw;height: 29vw;}
}
@media screen and (max-width: 640px){
    .cts3578_wrap .box.box1 {margin-bottom:80px;margin-top:80px;padding:40px 25px 30px;border-radius:20px}
    #contents .cts3578_wrap .box.box1 h3,#contents .cts3578_wrap .box.box3 h3 {width:200px;left:calc(50% - 100px)}
    #contents .cts3578_wrap h3 {font-size:22px;line-height:50px}
    .cts3578_wrap .box.box1 p {font-size:14px}
    .cts3578_wrap .box.box2 ul {margin-top:-20px}
    .cts3578_wrap .box.box2 ul li span {font-size:14px;}
    .cts3578_wrap .box.box2 ul li:before {border-radius:20px;}
    .cts3578_wrap .box.box2 {background:none;margin-bottom:40px}
    .cts3578_wrap .box.box3 {margin-top: 40px;}
    .cts3578_wrap .box.box3 .box3_inner:after {display:none}
    .cts3578_wrap .box.box3 {margin-top:0;padding:30px 25px}
    .cts3578_wrap .box.box3 .box3_inner {padding:30px 25px}
    .cts3578_wrap .box.box3 .bu > li {padding-left:15px}
    .cts3578_wrap .box.box3 ol > li > span {font-size:22px;}
    .cts3578_wrap .box.box3 .bu > li > ul > li .title {width: 50px;font-size:15px;}
    .cts3578_wrap .box.box3 .bu > li > ul > li .text {font-size:14px;}
}
@media screen and (max-width: 450px){
    .cts3578_wrap .box.box2 ul li span:before {position:absolute;left:10px;top:0;}
    .cts3578_wrap .box.box2 ul li {width:100%; height:80px;margin:15px 20px 0 0;text-align:left;}
    .cts3578_wrap .box.box2 ul li span {margin-top:26px;padding-left:90px;}
    .cts3578_wrap .box.box2 ul li span br {display:none}
}

/* 회관소개 > 운영현황 */
.cts3579_wrap .org_wrap {text-align: center}
.cts3579_wrap .org_wrap ol > li {position:relative;}
.cts3579_wrap .org_wrap .org_title {width:202px;margin:0 auto;border-radius:5px;background-color:#535da1;line-height:60px;color:#fff;text-align:center;}
.cts3579_wrap .org_wrap .org_part1 {margin-bottom:12px;}
.cts3579_wrap .org_wrap .org_part2 {margin-bottom:18px;}
.cts3579_wrap .org_wrap .org_part1 .org_title {background-color:#535da1}
.cts3579_wrap .org_wrap .org_part2 .org_title {background-color:#535da1}
.cts3579_wrap .org_wrap .org_part1 .org_title:after{display:block;position:absolute;bottom:-12px;left:50%;width:1px;height:12px;background-color:#c5c9d6;}
.cts3579_wrap .org_wrap .org_part2 .org_title:after{display:block;position:absolute;bottom:-18px;left:50%;width:1px;height:18px;background-color:#c5c9d6;}
.cts3579_wrap .org_wrap .org_part2:after {position:absolute;bottom:-18px;left: calc(50% - 132px);width: 293px;height:1px;background-color:#c5c9d6;}
.cts3579_wrap .org_wrap .org_part3 .org_title {position:relative;}
.cts3579_wrap .org_wrap .org_part3 > ul{font-size:0;}
.cts3579_wrap .org_wrap .org_part3 > ul > li {display:inline-block;position: relative;margin-top:18px;font-size:16px;vertical-align: top;}
.cts3579_wrap .org_wrap .org_part3 > ul > li + li {margin-left:63px;right: 109px;}
.cts3579_wrap .org_wrap .org_part3 > ul > li > .org_title {background-color:#535da1}
.cts3579_wrap .org_wrap .org_part3 > ul > li > .org_title:before{display:block;position:absolute;top: -19px;left: 50%;width:1px;height:19px;background-color:#c5c9d6;}

.cts3579_wrap .org_wrap .org_part3 .depth1 > li > .org_title {background-color:#535da1;margin:22px auto 20px;}
.cts3579_wrap .org_wrap .org_part3 .depth1 > li > .org_title:before {display:block;position:absolute;top: -22px;left: 50%;width:1px;height:22px;background-color:#c5c9d6;}
.cts3579_wrap .org_wrap .org_part3 .depth1 > li > .org_title:after {display:block;position:absolute;bottom: -22px;left: 50%;width:1px;height:22px;background-color:#c5c9d6;}

.cts3579_wrap .org_wrap .org_part3 .depth2 > li {position:relative;display:inline-block;vertical-align:top;}
.cts3579_wrap .org_wrap .org_part3 .depth2 > li > .org_title {width:150px;background-color:#eb6383;margin: 17px auto 0;border-radius:5px 5px 0 0;}
.cts3579_wrap .org_wrap .org_part3 .depth2 > li > .org_title:before{display:block;position:absolute;top: -17px;left: 50%;width:1px;height:17px;background-color:#c5c9d6;}
.cts3579_wrap .org_wrap .org_part3 .depth2 > li:first-child:before {display:block;position:absolute;left:50%;width:150%;height:1px;background-color:#c5c9d6}
.cts3579_wrap .org_wrap .org_part3 .depth2 > li:last-child:before {display:block;position:absolute;right:50%;width:150%;height:1px;background-color:#c5c9d6}
.cts3579_wrap .org_wrap .org_part3 .depth2 > li + li {margin-left:10px;}
.cts3579_wrap .org_wrap .org_part3 .depth2 > li > ul  {padding:15px 0;border:1px solid #efb6c3;border-radius: 0 0 5px 5px;min-height:150px}
@media screen and (max-width: 1240px){
    .cts3579_wrap .org_wrap .org_part2:after {display:none}
    .cts3579_wrap .org_wrap .org_part3 > ul > li + li {right: 30px;margin-top:18px;}
    .cts3579_wrap .org_wrap .org_part3 > ul > li {margin-top:0}
    .cts3579_wrap .org_wrap .org_part3 > ul > li > .org_title:before {display:none;}
}
@media screen and (max-width: 1000px){
    .cts3579_wrap .org_wrap .org_part2:after {display:block;width:372px}
    .cts3579_wrap .org_wrap .org_part3 > ul > li {margin-top:18px}
    .cts3579_wrap .org_wrap .org_part3 > ul > li > .org_title:before {display:block;}
    .cts3579_wrap .org_wrap .org_part3 .depth2 > li > .org_title {width: 135px}
}
@media screen and (max-width: 900px){
    .cts3579_wrap ol {overflow:initial}
    .cts3579_wrap .org_wrap .org_part3 > ul > li{width: calc((100% - 21px) / 2);}
    .cts3579_wrap .org_wrap .org_part3 > ul > li > .org_title{width: 100%;}
    .cts3579_wrap .org_wrap .org_part3 > ul > li + li {position:static;margin-left:20px;}
    .cts3579_wrap .org_wrap .org_part3 .depth3{ width: 200%;}
    .cts3579_wrap .org_wrap .org_part3 .depth3:after {left:50%;width:100%;}
    .cts3579_wrap .org_wrap .org_part3 .depth1 > li > .org_title {width:100%;}
    .cts3579_wrap .org_wrap .org_part3 .depth2 > li > .org_title{width:100%;}
    .cts3579_wrap .org_wrap .org_part2:after {left:24.3%;width:51.5%}
    .cts3579_wrap .org_wrap .org_part3 .depth2 > li {width:100%}
    .cts3579_wrap .org_wrap .org_part3 .depth2 > li + li {margin-left:0}
    .cts3579_wrap .org_wrap .org_part3 .depth2 > li:first-child:before {display:none}
    .cts3579_wrap .org_wrap .org_part3 .depth2 > li:last-child:before {display:none}
}
@media screen and (max-width: 640px){
    .cts3579_wrap .org_wrap .org_part2:after {left:24%;width:52%}
    .cts3579_wrap .org_wrap .org_part3 > ul > li {font-size:14px}
}
@media screen and (max-width: 600px){
    .cts3579_wrap .org_wrap .org_part2:after {left:24%;width:52.5%}
}


/* 회관소개 > 시설현황 */
.cts4729_wrap .bu > li .title{width:120px;}
.cts4729_wrap .box.bg {padding:20px 45px 45px;border:0; border-radius:40px;background:linear-gradient(to right, #efe2f7, #ccdffc)}
.cts4729_wrap .box.bg > ul {font-size:0}
.cts4729_wrap .box.bg > ul > li {display:inline-block;position:relative;width: calc((100% - 21px) / 2);height: 220px;margin-right:20px;padding: 45px 20px 0 30px;background-color:#fff;border-radius:30px;margin-top: 53px; vertical-align: top;}
.cts4729_wrap .box.bg > ul > li:nth-child(even) {margin-right:0}
.cts4729_wrap .box.bg > ul > li strong {display:block;position:absolute;top:-26px;left:calc(50% - 128px);width:256px;border-radius:30px;background-color:#535da1;line-height:52px;font-size:21px;color:#fff;text-align:center}
.cts4729_wrap .box.bg .bu > li:before {border-color:#009fe1}
.cts4729_wrap .box.bg .bu > li .title {color:#009fe1; width:45px}
.cts4729_wrap .box.bg .bu > li .text {line-height:24px; letter-spacing:-0.035em; word-break: keep-all;}
.cts4729_wrap .btn.link {position:absolute;left:calc(50% - 50px);bottom:20px;}
@media screen and (max-width: 1240px){
    .cts4729_wrap .box.bg > ul > li {height:250px;}
    .cts4729_wrap .box.bg > ul > li strong {left:calc(50% - 100px);width:200px}

}
@media screen and (max-width: 800px){
    .cts4729_wrap .box.bg {padding:30px;border-radius:30px;}
    .cts4729_wrap .box.bg > ul > li {height:280px;padding: 40px 20px 0 20px;}
    .cts4729_wrap .box.bg > ul > li strong {left:calc(50% - 75px);width:150px}
    .cts4729_wrap .box.bg .bu > li > span {display:block}
}
@media screen and (max-width: 640px){
    .cts4729_wrap .bu > li .title {width:110px;}
    .cts4729_wrap .box.bg {padding:20px;border-radius:30px;}
    .cts4729_wrap .box.bg > ul > li {width:100%;height:auto;padding: 30px 20px 20px;margin-top:40px;text-align: center;}
    .cts4729_wrap .box.bg > ul > li strong {top:-20px;font-size:18px;line-height:40px}
    .cts4729_wrap .btn.link {position:static;width:100px;margin: 15px auto 0;font-size: 14px;}
}

/* 회관소개 > 시셜현황 > 층 공통 */
.songpakids_floor .divide2 .img_item{width: 50%;}
.songpakids_floor .img_item .box_img{width: auto; min-height: auto}
.songpakids_floor .img_frame .img_item {vertical-align:top;}
.songpakids_floor .img_frame .img_item span {display:block;margin-bottom:13px;font-size: 16px;color: #4a506b}
.songpakids_floor .img_frame .img_item p {font-size: 16px; font-weight: normal; line-height: 22px;}
.songpakids_floor .img_frame .img_item:before {height:225px;}
@media screen and (max-width: 1430px){
    .songpakids_floor .divide3 .img_item .box_img {width: 230px;}
    .songpakids_floor .divide3 .img_item:before {height:173px;}
}
@media screen and (max-width: 1240px){
    .songpakids_floor .divide2 .img_item{width: 100%;}
    .songpakids_floor .divide3 .img_item .box_img {width:300px;}
    .songpakids_floor .img_frame .img_item:before {height:1px;}
}
@media screen and (max-width: 1000px){
    .songpakids_floor .divide2 .img_item{width: 50%;}
    .songpakids_floor .img_frame .img_item:before {height:182px;}
    .songpakids_floor .img_frame .img_item .box_img {width:300px}
    .songpakids_floor .img_frame .img_item p {word-break:keep-all}
    .songpakids_floor .divide3 .img_item .box_img {width:220px;}
    .songpakids_floor .divide3 .img_item:before {height:166px;}
    .songpakids_floor br {display:none; }

}
@media screen and (max-width: 800px){
    .songpakids_floor .divide2 .img_item{width: 100%;}
    .songpakids_floor .divide3 .img_item .box_img {width:300px;}
    .songpakids_floor .img_frame .img_item:before {height:1px;}
    .songpakids_floor br {display:block; }
}
@media screen and (max-width: 440px){
    .songpakids_floor br {display:none; }
    .songpakids_floor .img_frame .img_item p {word-break:keep-all}
}

/* 회관소개 > 시셜현황 > 1F */
.cts3585_wrap .img_frame .img_item:nth-child(2):before {display: none;}
.cts3585_wrap .img_frame .img_item:nth-child(3),
.cts3585_wrap .img_frame .img_item:nth-child(4) {margin-top: 50px;}
@media screen and (max-width: 1240px){
    .cts3585_wrap .img_frame .img_item:nth-child(2):before {display: block;}
    .cts3585_wrap .img_frame .img_item:nth-child(3),
    .cts3585_wrap .img_frame .img_item:nth-child(4) {margin-top: 0;}
}
@media screen and (max-width: 1000px){
    .cts3585_wrap .img_frame .img_item:nth-child(2):before {display: none;}
    .cts3585_wrap .img_frame .img_item:nth-child(3),
    .cts3585_wrap .img_frame .img_item:nth-child(4) {margin-top: 50px;}
}
@media screen and (max-width: 800px){
    .cts3585_wrap .img_frame .img_item:nth-child(2):before {display: block;}
    .cts3585_wrap .img_frame .img_item:nth-child(3),
    .cts3585_wrap .img_frame .img_item:nth-child(4) {margin-top: 0;}
}

.cts5229_wrap.songpakids_floor .divide2 .img_item {width: 100%}

/* 회관소개 > 오시는길 */
.cts3586_wrap .direction .method_line.orange {
    border-color: #ff9b00;
    color: #ff9b00;
}
.cts3586_wrap .direction .method_line.purple {
    border-color: #8936e0;
    color: #8936e0;
}


/* 이용안내 > 회관이용규정 */
.use_info .table.responsive tbody td{text-align: left}
.use_info .table.responsive tbody td:nth-child(2) {text-align: center}
.use_info .bu.dl .title {width:160px;}
.use_info .box.board .bu > li > ul >li:before {background-color:#8990bb;width:5px;height:2px}
.use_info .box.board .bu > li > ul >li > ul >li:before {background-color:#8990bb;}
@media screen and (max-width: 640px){
    .box.board .box_text .bu > li:before {width:4px;height:4px;}
    .bu > li > ul > li {font-size:14px;}
    .box.board .box_text .bu > li {font-size:14px;}
}

/* 이용안내 > 예약하기 > 관람안내 */
.cts4213_wrap .reserve {font-size: 0}
.cts4213_wrap .reserve  > li {display: inline-block;width: calc((100% - 23px ) / 2);margin-right: 22px;padding:45px 43px;border-radius:50px;background:linear-gradient(to right, #ffebdf, #d5f7f5);vertical-align:top}
.cts4213_wrap .reserve  > li:last-child {margin-right: 0;background:linear-gradient(to right, #eee1f6 , #ccdffc);}
.cts4213_wrap .reserve  > li .inner_box {position:relative;padding:65px 30px 90px;background-color:#fff; border-radius:50px;}
.cts4213_wrap .reserve  > li .title {display:inline-block;position:absolute;top:-18px;left:calc(50% - 136px);width:272px;border-radius:50px ;background-color:#05a981;font-size:24px;line-height:58px;color:#fff ;text-align:center;}
.cts4213_wrap .reserve  > li:last-child .title {background-color:#e63c64}
.cts4213_wrap .reserve  > li .title:before {display:inline-block;width:18px;height:19px;margin-right:5px;margin-bottom: 3px;background:url('../images/contents/cts4213_icon01.png') no-repeat;vertical-align:middle;}
.cts4213_wrap .reserve  > li:last-child .title:before {width:24px; height:15px;background:url('../images/contents/cts4213_icon02.png') no-repeat;}
.cts4213_wrap .reserve  > li a {position:absolute;left:calc(50% - 53px);bottom:30px;}
.cts4213_wrap .reserve  > li .inner_box  .bu > li:first-child {height:100px;}
@media screen and (max-width: 1240px){
    .cts4213_wrap .reserve  > li {padding:40px 30px;}
    .cts4213_wrap .reserve  > li .inner_box {padding:50px 30px 60px;border-radius:30px;}
    .cts4213_wrap .reserve  > li .title {left:calc(50% - 100px);width:200px;line-height:50px}
    .cts4213_wrap .reserve  > li .inner_box  .bu > li {height:100px;}
    .cts4213_wrap .reserve  > li .inner_box  .bu > li:first-child {height: 125px;}
}
@media screen and (max-width: 1000px){
    .cts4213_wrap .reserve  > li .inner_box {padding:50px 30px 60px;}
    .cts4213_wrap .reserve  > li .inner_box  .bu > li {height:100px;}
    .cts4213_wrap .reserve  > li .inner_box  .bu > li:first-child {height: 130px;}
}
@media screen and (max-width: 800px){
    .cts4213_wrap .reserve  > li {width:100%;margin-right:0;margin-top:15px;padding:35px 25px 25px;}
    .cts4213_wrap .reserve  > li .inner_box {padding:40px 25px 80px;}
    .cts4213_wrap .reserve  > li .inner_box  .bu > li {height:auto;}
    .cts4213_wrap .reserve  > li .inner_box  .bu > li:first-child {height: auto;}


}
@media screen and (max-width: 640px){
    .cts4213_wrap .reserve  > li .inner_box {padding:40px 25px 55px;}
    .cts4213_wrap .reserve  > li .title {font-size:20px;line-height:45px}
    .cts4213_wrap .reserve  > li a {bottom:15px}
}


/* 상상마루 > 체험관 공통 */
.sangsang_maru .text_type_box:before {display:block;position:absolute;left:109px;bottom:-60px;width:266px;height:152px;background:url('../images/contents/cts4873_img02.png') no-repeat;background-size:contain}
.sangsang_maru .text_type_box .text_area {margin-right: 500px;padding: 35px 120px 220px 50px;border-right: 10px solid #e7e8ec;}
.sangsang_maru .text_type_box .text_area:before {display:none}
.sangsang_maru .text_type_box .text_area p {width:auto}
.sangsang_maru .text_type_box .title_area {bottom: 0;width: auto;height: auto;padding: 0;background:none;}
.sangsang_maru .text_type_box .title_area:before {top:-20px;left:-20px;width:100%;;height:100%;border-radius:30px}
.sangsang_maru .box.bg {margin-top: 114px;margin-left: 0;padding: 45px 0 40px;border:0;border-radius:30px;background:linear-gradient(to right, #ffebdf, #d5f7f5);text-align: center;}
.sangsang_maru .box.bg h4 img{display:inline-block;vertical-align: middle;}
.sangsang_maru ul li {float:left;width:calc((100% - 23px) / 2);margin-top:30px;margin-right: 22px;text-align: center}
.sangsang_maru ul li:nth-child(even){margin-right: 0}
.sangsang_maru ul li .img_wrap {overflow:hidden;position:relative;border-radius:30px}
.sangsang_maru ul li .img_wrap > img {width:100%;}
.sangsang_maru ul li .text_wrap {display:block;position:absolute;top:0;left:0;bottom:0;right:0;padding:0 30px;background-color:rgba(5,167,129,0.9);font-size:0;opacity: 0;transition: opacity 0.4s ease-in-out;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-ms-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;}
.sangsang_maru ul li .text_wrap:before {display:inline-block;width: 0;height:100%;vertical-align: middle;}
.sangsang_maru ul li .text_wrap .text_inner {display:inline-block;vertical-align:middle}
.sangsang_maru ul li .text_wrap span {margin-bottom:14px;}
.sangsang_maru ul li .text_wrap p {font-size:18px;color:#fff;line-height:24px;letter-spacing:-0.035em}
.sangsang_maru ul li strong {display: block;margin-top: 10px;opacity:1}
.sangsang_maru ul li:hover .text_wrap{opacity:1;}
.sangsang_maru ul li:hover strong {opacity:0}
@media screen and (max-width: 1430px){
    .sangsang_maru .text_type_box:before {width:240px;left:70px}
    .sangsang_maru .text_type_box .text_area {margin-right:400px;padding: 35px 190px 220px 40px;}
    .sangsang_maru ul li .text_wrap p {word-break:keep-all;}
    .sangsang_maru ul li .text_wrap p br {display:none}
}
@media screen and (max-width: 1240px){
    .sangsang_maru .text_type_box:before {width:200px;left:70px}
    .sangsang_maru .text_type_box .text_area {margin-right:200px;padding: 30px 40px 220px 40px;}
    .sangsang_maru .text_type_box .title_area {width:400px;bottom:-50px}
    .sangsang_maru ul li .text_wrap {padding:0 20px}
    .sangsang_maru ul li .text_wrap span {margin-bottom:5px;height:20px;}
    .sangsang_maru ul li .text_wrap p {font-size:16px;word-break:keep-all;line-height:20px}

}
@media screen and (max-width: 1000px){
    .sangsang_maru .text_type_box .title_area {width:450px;bottom:-80px}
}
@media screen and (max-width: 800px){
    .sangsang_maru .text_type_box:before {display:none}
    .sangsang_maru .text_type_box .text_area {margin-right:0;border-bottom: 10px solid #e7e8ec;text-align:center}
    .sangsang_maru .text_type_box .text_area:after {bottom: -10px;left: 50%;width: 90%;margin-left: -45%;background-color:#fff;}
    .sangsang_maru .text_type_box .title_area {width:450px;bottom:-80px;left:calc(50% - 225px);}
    .sangsang_maru .box.bg {padding: 35px;min-height: 100px;}
    .sangsang_maru .box.bg h4 img {display:block;margin: 0 auto;}
    .sangsang_maru .box.bg h4 img + img {margin-top:15px;}

}
@media screen and (max-width: 680px){
    .sangsang_maru .text_type_box {margin-top:30px}
    .sangsang_maru .text_type_box .text_area {padding: 30px 40px 200px 40px;text-align: center;}
    .sangsang_maru .text_type_box .text_area:after {display:block}
    .sangsang_maru .text_type_box .title_area {top:auto;bottom: -40px;}
    .sangsang_maru .text_type_box .title_area img {width:80%;}
    .sangsang_maru .box.bg h4 img {height:47px;}
    .sangsang_maru .box.bg h4 img + img {margin-top: 5px;}
    .sangsang_maru ul li {width:100%;}
    .sangsang_maru ul li .text_wrap {padding:0 50px;}
    .sangsang_maru ul li .text_wrap span {margin-bottom:15px;}
    .sangsang_maru ul li .text_wrap p {font-size:14px;}
}
@media screen and (max-width: 500px){
    .sangsang_maru .box.bg h4 img {height:40px;}
    .sangsang_maru .box.bg h4 img + img {margin-top:15px;}
    .sangsang_maru .text_type_box .text_area  {padding: 30px 40px 150px 40px;}
    .sangsang_maru .text_type_box .title_area {width: 360px;left: calc(50% - 180px);}
    .sangsang_maru ul li .text_wrap {padding:0 30px;}
}

/* 상상마루 >  2층체험관 > 상상마을*/
.cts4874_wrap .text_type_box:before {left:124px;width:206px;height:135px;background:url('../images/contents/cts4874_img02.png') no-repeat;background-size:contain}
.cts4874_wrap ul li .text_wrap {background-color:rgba(235,99,131,0.9);}
@media screen and (max-width: 1430px){
    .cts4874_wrap .text_type_box:before {left:100px}
}
@media screen and (max-width: 1240px){
    .cts4874_wrap .text_type_box:before {width:180px;left:80px}
    .cts4874_wrap ul li:nth-child(1) .text_wrap span,.cts4874_wrap ul li:nth-child(2) .text_wrap span {height: 46px}
}

/* 상상마루 >  2층체험관 > 작은우주*/
.cts4875_wrap .text_type_box:before {left:124px;width:218px;height:155px;background:url('../images/contents/cts4875_img02.png') no-repeat;background-size:contain}
.cts4875_wrap ul li .text_wrap {background-color:rgba(83,93,161,0.9);}
@media screen and (max-width: 1430px){
    .cts4875_wrap .text_type_box:before {left:90px}
}
@media screen and (max-width: 1240px){
    .cts4875_wrap .text_type_box:before {width:180px;left:80px}
    .cts4875_wrap ul li:nth-child(4) .text_wrap span {height: 46px}
}

/* 상상마루 >  3층체험관 > 개미굴올림픽*/
.cts4876_wrap .text_type_box:before {left:124px;width:228px;height:138px;background:url('../images/contents/cts4876_img02.png') no-repeat;background-size:contain}
.cts4876_wrap ul li .text_wrap {background-color:rgba(123,156,108,0.9);}
@media screen and (max-width: 1430px){
    .cts4876_wrap .text_type_box:before {left:80px}
}
@media screen and (max-width: 1240px){
    .cts4876_wrap .text_type_box:before {width:180px;left:80px}
}

/* 상상마루 >  3층체험관 > 와글와글공사장*/
.cts4877_wrap .text_type_box:before {left:124px;width:228px;height:138px;background:url('../images/contents/cts4877_img02.png') no-repeat;background-size:contain}
.cts4877_wrap ul li .text_wrap {background-color:rgba(74,80,107,0.9);}
@media screen and (max-width: 1240px){
    .cts4877_wrap .text_type_box:before {width:180px;left:80px}
}



/*2021-03-23 -> from /ORTDNC.jsp*/
/*송파어린이문화회관 팝업용 css*/
#ORNT_DNC {position:absolute;top: 18%;left: 27%;width: 650px;height:auto;height:auto;margin:auto;border:solid 1px #cccccc;margin-top:10px;z-index:30;transform:translateX(-50%);font-family:'Nanum Gothic','Dotum',"돋움",serif;}
/* close_button */
#ORNT_DNC .close_link {display:inline-block;float:right;margin-right: 44px;margin-top: 12px;}
#ORNT_DNC .close_link a {display:inline-block;position:relative;}
#ORNT_DNC .close_link a.ORNT_DNC_Close { padding: 5px; color: #ffffff; background-color: #e63c64;}
#ORNT_DNC .close_link a.ORNT_DNC_Close:before {display:block;position:absolute;left:0;top:5px;width:16px;height:16px;}
/* close_button end */
#ORNT_DNC_container {padding:30px; text-align:left; margin:auto; background-color:#ffffff;}
#ORNT_DNC_container img {width: auto; max-width: 100%;}

@media screen and (max-width:1240px) {
    #ORNT_DNC {left: 35%; top: 20%;}
}
@media screen and (max-width:1000px) {
    #ORNT_DNC {width:60%; left: 50%; transform: translateX(-50%);}
}

@media screen and (max-width: 640px){
    #ORNT_DNC {width: 90%; top: 10%;}
}