/* (주)한신정보기술 김지원 191209 */

/* 자치활동 > 갤러리 컨텐츠 */
.cts2713_gallery .gallery_list .gallery_item {float:left; width:calc(33.33% - 27px); margin-right:40px;}
.cts2713_gallery .gallery_list .gallery_item:last-child {margin:0;}
.cts2713_gallery .gallery_list .gallery_item a {display:block; position:relative; letter-spacing:-0.03em;}
.cts2713_gallery .gallery_list .gallery_item a:before {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(38, 38, 38, 0.85); transition:0.3s;}
.cts2713_gallery .gallery_list .gallery_item a img {vertical-align:top;}
.cts2713_gallery .gallery_list .gallery_item a span {position:absolute; left:43px; color:#fff;}
.cts2713_gallery .gallery_list .gallery_item a .gallery_title {top:50px; width:55%; font-size:20px; font-weight:600; line-height:30px; word-break:keep-all;}
.cts2713_gallery .gallery_list .gallery_item a .gallery_date {bottom:36px;}
.cts2713_gallery .gallery_more {display:block; position:relative; width:150px; margin:35px auto 0; padding-right:15px; border:1px solid #393939; box-sizing:border-box; font-size:16px; color:#0e0e0e; line-height:41px; text-align:center;}
.cts2713_gallery .gallery_more:before,
.cts2713_gallery .gallery_more:after {display:block; position:absolute; top:50%; background-color:#000;}
.cts2713_gallery .gallery_more:before {right:31px; width:13px; height:1px; }
.cts2713_gallery .gallery_more:after {right:37px; width:1px; height:13px; margin-top:-6px;}
.cts2713_gallery .gallery_list .gallery_item a:hover:before {background-color:rgba(38, 38, 38, 0.4);}
.cts2713_gallery .gallery_list .gallery_item a:hover span {text-shadow:1px 0 1px rgba(0, 0, 0, 0.7);}
.cts2713_gallery .gallery_list .gallery_item a:hover .gallery_title {text-decoration:underline;}
@media all and (max-width:1000px){
    .cts2713_gallery .gallery_list .gallery_item a span {left:20px;}
    .cts2713_gallery .gallery_list .gallery_item a .gallery_title {top:20px;}
    .cts2713_gallery .gallery_list .gallery_item a .gallery_date {bottom:20px;}
}
@media all and (max-width:800px){
    .cts2713_gallery .gallery_list .gallery_item {width:calc(33.33% - 14px); margin-right:20px;}
    .cts2713_gallery .gallery_list .gallery_item a .gallery_title {font-size:17px; line-height:24px;}
}
@media all and (max-width:640px){
    .cts2713_gallery .gallery_list .gallery_item {width:100%; margin-right:0; margin-bottom:20px;}
    .cts2713_gallery .gallery_list .gallery_item a {text-align:right;}
    .cts2713_gallery .gallery_list .gallery_item a span {text-align:left;}
    .cts2713_gallery .gallery_list .gallery_item a .gallery_title {width:calc(100% - 40px); font-size:20px; line-height:30px;}
}

/* 자치활동 > 게시판&갤러리 컨텐츠 */
.cts2717_board_gallery .board_cts {float:left; width:calc(100% - 420px); margin-right:40px;}
.cts2717_board_gallery .board_cts ul {padding:12px 19px; border:1px solid #e5e5e5;}
.cts2717_board_gallery .board_cts ul li {border-bottom:1px solid #e5e5e5;}
.cts2717_board_gallery .board_cts ul li:last-child {border-bottom:none;}
.cts2717_board_gallery .board_cts ul li a {position:relative; padding:12px 6px 12px 33px;}
.cts2717_board_gallery .board_cts ul li a:before {display:block; position:absolute; top:22px; left:12px; width:5px; height:7px; background:url('/site/echoyouth/images/contents/cts2717_board_arrow.png') no-repeat;}
.cts2717_board_gallery .board_cts ul li a .title {display:inline-block; float:left; width:calc(100% - 100px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#2a2a2a;}
.cts2717_board_gallery .board_cts ul li a:hover .title {text-decoration:underline;}
.cts2717_board_gallery .board_cts ul li a .date {float:right; color:#4a4a4a;}
.cts2717_board_gallery .gallery_cts {float:left;}
.cts2717_board_gallery .gallery_cts .gallery_item a {display:block; position:relative; letter-spacing:-0.03em;}
.cts2717_board_gallery .gallery_cts .gallery_item a:before {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(38, 38, 38, 0.85); transition:0.3s;}
.cts2717_board_gallery .gallery_cts .gallery_item a img {vertical-align:top;}
.cts2717_board_gallery .gallery_cts .gallery_item a span {position:absolute; left:43px; color:#fff;}
.cts2717_board_gallery .gallery_cts .gallery_item a .gallery_title {top:50px; width:45%; font-size:20px; font-weight:600; line-height:30px; word-break:keep-all;}
.cts2717_board_gallery .gallery_cts .gallery_item a .gallery_date {bottom:36px;}
.cts2717_board_gallery .gallery_cts .gallery_item a:hover:before {background-color:rgba(38, 38, 38, 0.4);}
.cts2717_board_gallery .gallery_cts .gallery_item a:hover span {text-shadow:1px 0 1px rgba(0, 0, 0, 0.7);}
.cts2717_board_gallery .gallery_cts .gallery_item a:hover .gallery_title {text-decoration:underline;}
.cts2717_board_gallery .gallery_more,
.cts2717_board_gallery .board_more{display:block; position:relative; width:150px; margin:25px auto 0; padding-right:15px; border:1px solid #393939; box-sizing:border-box; font-size:16px; color:#0e0e0e; line-height:41px; text-align:center;}
.cts2717_board_gallery .board_more:before,
.cts2717_board_gallery .gallery_more:before,
.cts2717_board_gallery .board_more:after,
.cts2717_board_gallery .gallery_more:after {display:block; position:absolute; top:50%; background-color:#000;}
.cts2717_board_gallery .gallery_more:before,
.cts2717_board_gallery .board_more:before{right:31px; width:13px; height:1px; }
.cts2717_board_gallery .gallery_more:after,
.cts2717_board_gallery .board_more:after{right:37px; width:1px; height:13px; margin-top:-6px;}
@media all and (max-width:1000px){
    .cts2717_board_gallery .board_cts {width:calc(100% - 400px); margin-right:20px;}
}
@media all and (max-width:800px){
    .cts2717_board_gallery .board_cts {float:none; width:100%; margin-right:0; margin-bottom:40px;}
    .cts2717_board_gallery .board_cts ul {padding:5px 9px;}
    .cts2717_board_gallery .gallery_cts {float:none; max-width:100%; width:380px; margin:0 auto;}
    .cts2717_board_gallery .gallery_more,
    .cts2717_board_gallery .board_more {margin-top:15px;}
}

/* 산울림 소개 > 산울림 소개 */
.cts2750_top_title {position:relative; left:50%; width:1920px; margin-left:-960px; padding-bottom:45px; border-bottom:1px dotted #878787; text-align:center;}
.cts2750_top_title img {vertical-align:top;}
.cts2750_top_title h3 {width:1220px; margin:52px auto 23px; font-size:26px; font-weight:600; color:#1b1b1b; letter-spacing:-0.03em; line-height:28px; text-align:center;}
.cts2750_top_title p {width:1220px; margin:0 auto; font-size:18px; color:#1b1b1b; letter-spacing:-0.03em; line-height:39px; text-align:center;}

.cts2750_list_cts {margin-top:60px;}
.cts2750_list_cts .list {display:table; float:left; width:50%;}
.cts2750_list_cts .list h3 {display:table-cell; width:120px; height:120px; font-size:18px; font-weight:600; color:#232323; letter-spacing:-0.01em; text-align:center; vertical-align:middle;}
.cts2750_list_cts .list .text_cts {display:table-cell; padding:0 30px; vertical-align:middle;}
.cts2750_list_cts .list:nth-child(1) h3 {background-color:#deebbb;}
.cts2750_list_cts .list:nth-child(2) h3 {background-color:#e9e5fe;}
.cts2750_list_cts .list:nth-child(3) h3 {background-color:#daedf5;}
.cts2750_list_cts .list:nth-child(4) h3 {background-color:#ebebeb;}
.cts2750_list_cts .list:nth-child(n + 3) {margin-top:9px;}

.cts2750_purpose {margin-top:75px; margin-bottom:70px;}
.cts2750_purpose .title {overflow:hidden; width:940px; margin:0 auto 49px; background-color:#3639b6;}
.cts2750_purpose .title h3 {display:inline-block; z-index:10; width:130px; font-size:22px; font-weight:600; color:#fff; line-height:74px; text-align:center;}
.cts2750_purpose .title h3:before {display:block; top:0; left:0; z-index:-1; width:133px; border-bottom:74px solid #000; border-left:48px solid transparent; transform:rotate(-180deg);}
.cts2750_purpose .title p {display:inline-block; width:calc(100% - 134px); font-size:20px; font-weight:600; color:#fff; text-align:center;}
.cts2750_purpose .bot_title {margin-bottom:19px; font-size:22px; font-weight:600; color:#292929; line-height:24px; text-align:center;}
.cts2750_purpose .bot_list {position:relative; padding:32px 20px 0;}
.cts2750_purpose .bot_list:before {display:block; position:absolute; top:0; left:calc(((20% - 16px) / 2) + 16px); width:calc((100% - (20% - 16px)) - 32px); height:1px; background-color:#bcbcbc;}
.cts2750_purpose .bot_list li {float:left; position:relative; width:calc(20% - 16px); margin-right:20px; padding:23px 10px; font-size:16px; font-weight:600; color:#313131; letter-spacing:-0.03em; line-height:24px; text-align:center; word-break:keep-all;}
.cts2750_purpose .bot_list li:before {display:block; position:absolute; top:-32px; left:50%; width:1px; height:32px; background-color:#bcbcbc;}
.cts2750_purpose .bot_list li:nth-child(1) {background-color:#fbeeec;}
.cts2750_purpose .bot_list li:nth-child(2) {background-color:#fbecf5;}
.cts2750_purpose .bot_list li:nth-child(3) {background-color:#e9e5fe;}
.cts2750_purpose .bot_list li:nth-child(4) {background-color:#dfe8fd;}
.cts2750_purpose .bot_list li:nth-child(5) {background-color:#daedf5;}
.cts2750_purpose .bot_list li:last-child {margin:0;}

.cts2750_history {position:relative; letter-spacing:-0.01em;}
.cts2750_history .item {position:relative; margin-bottom:70px;}
.cts2750_history .item:before {display:block; position:absolute; top:8px; left:-27px; width:12px; height:12px; border-radius:50%; background-color:#ea5c44;}
.cts2750_history .left_cts {float:left; position:relative; width:50%; height:730px; padding-top:13px; padding-right:25px; padding-left:26px;}
.cts2750_history .right_cts {float:left; position:relative; width:50%; height:730px; padding-top:13px; padding-left:53px;}
.cts2750_history .item .year {margin-bottom:24px; font-size:24px; font-weight:600; color:#303030; letter-spacing:-0.01em; line-height:26px;}
.cts2750_history .item .history_list li:nth-child(n + 2) {margin-top:5px;}
.cts2750_history .item .history_list li span {font-size:16px; color:#303030;}
.cts2750_history .item .history_list li .date {float:left; width:77px; margin-right:25px; font-weight:600; text-align:right;}
.cts2750_history .item .history_list li .text {float:left; width:calc(100% - 102px);}

.cts2750_history.history2 .left_cts,
.cts2750_history.history2 .right_cts {height:1000px;}
.cts2750_history .left_cts .item:last-child {margin-bottom:0;}
.cts2750_history .right_cts .item:last-child {margin-bottom:0;}
.cts2750_history .left_cts:before,
.cts2750_history .right_cts:before{display:block; position:absolute; top:0; left:5px; width:1px; height:100%; background-color:#dfdfdf;}
.cts2750_history .right_cts:before {left:30px;}
.cts2750_history .right_cts .item:before {left:-29px;}
@media all and (max-width:1200px){
    .cts2750_top_title {left:-2%; width:104%; height:auto; margin-left:0;}
    .cts2750_top_title h3 {width:100%; padding:0 2%;}
    .cts2750_top_title p {width:100%; padding:0 2%;}

    .cts2750_history .left_cts,
    .cts2750_history .right_cts,
    .cts2750_history.history2 .left_cts,
    .cts2750_history.history2 .right_cts {height:auto;}
}
@media all and (max-width:1000px){
    .cts2750_purpose .title {width:100%;}
    .cts2750_purpose .bot_list {padding:32px 0 0;}
    .cts2750_purpose .bot_list:before {left:calc((20% - 16px) / 2); width:calc(100% - (20% - 16px));}
}
@media all and (max-width:800px){
    .cts2750_list_cts .list {width:100%;}
    .cts2750_list_cts .list:nth-child(n + 2) {margin-top:10px;}

    .cts2750_purpose {margin:40px 0 50px;}
    .cts2750_purpose .title h3 {display:block; width:auto; background-color:#000; line-height:44px;}
    .cts2750_purpose .title h3:before {display:none;}
    .cts2750_purpose .title p {display:block; width:auto; padding:10px;}
    .cts2750_purpose .bot_list:before {left:calc((50% - 10px) / 2); width:calc(100% - (50% - 10px));}
    .cts2750_purpose .bot_list li {width:calc(50% - 10px);}
    .cts2750_purpose .bot_list li:nth-child(2) {margin-right:0;}
    .cts2750_purpose .bot_list li:nth-child(n + 3) {width:calc(33.33% - 14px); margin-top:20px;}
    .cts2750_purpose .bot_list li:nth-child(n + 3):before {display:none;}

    .cts2750_history .right_cts {padding-left:26px;}
    .cts2750_history .right_cts:before {left:5px;}
    .cts2750_history .right_cts .item:before {left:-27px;}
    .cts2750_history .item .history_list li .date {margin-right:10px;}
}
@media all and (max-width:640px){
    .cts2750_top_title h3 {font-size:23px; line-height:25px;}
    .cts2750_top_title p {font-size:15px; line-height:27px;}

    .cts2750_list_cts .list .text_cts {padding:0 15px;}

    .cts2750_purpose .title p {font-size:17px; font-weight:400;}

    .cts2750_history {padding-top:13px;}
    .cts2750_history:before {display:block; position:absolute; top:0; left:5px; width:1px; height:100%; background-color:#dfdfdf;}
    .cts2750_history .left_cts,
    .cts2750_history .right_cts {float:none; width:auto; padding-top:0;}
    .cts2750_history .left_cts {padding-right:0;}
    .cts2750_history .item {margin-bottom:40px;}
    .cts2750_history .left_cts .item:last-child {margin-bottom:40px;}
    .cts2750_history .left_cts:before,
    .cts2750_history .right_cts:before {display:none;}
}
@media all and (max-width:480px){
    .cts2750_purpose .bot_list {padding:0;}
    .cts2750_purpose .bot_list:before {display:none;}
    .cts2750_purpose .bot_list li {width:100%; margin-right:0;}
    .cts2750_purpose .bot_list li:nth-child(n + 2) {width:100%; margin-top:20px;}
    .cts2750_purpose .bot_list li:before {display:none;}
}

/* 산울림 소개 > 인사말 */
.cts2751_title_box {position:relative; z-index:10; width:60.65%; margin-bottom:37px; padding:47px 60px; color:#fff; letter-spacing:-0.03em; word-break:keep-all;}
.cts2751_title_box:before {display:block; position:absolute; top:0; right:0; z-index:-1; width:1150px; height:100%; background-color:#00716d;}
.cts2751_title_box:after {display:block; position:absolute; top:0; left:0; width:1px; height:149px; background-color:#3b928f;}
.cts2751_title_box .title {margin-bottom:27px; font-size:24px; font-weight:600;}
.cts2751_title_box .text {font-size:18px; line-height:30px;}
.cts2751_text {padding-left:60px;}
.cts2751_text:before {display:block; float:right; width:758px; height:571px; margin:-155px -158px 0 20px; background:url('/site/echoyouth/images/contents/cts2751_bg.jpg') no-repeat center / contain;}
.cts2751_text p {margin-bottom:20px; font-size:17px; color:#252525; letter-spacing:-0.03em; line-height:32px; word-break:keep-all;}
.cts2751 .from {margin-top:50px; font-size:22px; font-weight:600; color:#2b2b2b; letter-spacing:-0.03em; text-align:right;}
@media all and (max-width:1000px){
    .cts2751_title_box {padding-right:10px; padding-left:0;}
    .cts2751_title_box:after {left:-10px;}
    .cts2751_text {padding-left:0;}
    .cts2751_text:before {width:618px; height:466px; margin-right:-138px;}
}
@media all and (max-width:800px){
    .cts2751_title_box {width:100%; margin-bottom:30px;}
    .cts2751_title_box:after {display:none;}
    .cts2751_text:before {float:none; width:100%; height:466px; margin:0 0 20px;}
}
@media all and (max-width:640px){
    .cts2751_title_box {padding:25px 2% 25px 0;}
    .cts2751_title_box .title {margin-bottom:17px; font-size:20px;}
    .cts2751_text:before {height:260px;}
    .cts2751_text p {font-size:15px; line-height:25px;}
    .cts2751 .from {margin-top:20px; font-size:20px;}
}

/* 산울림 소개 > 함께하는 사람들 */
.cts2752_org {width:820px; margin:0 auto;}
.cts2752_org :before {display:block; position:absolute; z-index:-1; background-color:#cdcdcd;}
.cts2752_org > ol {list-style:none; text-align:center;}
.cts2752_org > ol li {font-weight:600; color:#fff; letter-spacing:-0.03em;}
.cts2752_org > ol > li:before {display:none;}
.cts2752_org > ol > .top_head {position:relative; padding:0 10px;}
.cts2752_org > ol > .top_head:before {display:block; left:50%; top:50%; width:400px; height:2px; margin-top:-1px; margin-left:-200px;}
.cts2752_org > ol > .top_head:after {display:block; position:absolute; top:63px; left:50%; z-index:-1; width:2px; height:143px; margin-left:-1px; background-color:#cdcdcd;}
.cts2752_org > ol > .top_head .head {display:inline-block; width:260px; border-top:3px solid #000; box-shadow:2px 3px 0 rgba(47, 47, 47, 0.16); background-color:#1b3e9a; font-size:24px; letter-spacing:0; line-height:60px;}
.cts2752_org > ol > .top_head > ul > li {position:absolute; top:0; width:200px; border:2px solid #323232; box-sizing:border-box; background-color:#fff; font-size:19px; color:#404040; line-height:58px;}
.cts2752_org > ol > .top_head > ul > li:nth-child(1) {left:10px;}
.cts2752_org > ol > .top_head > ul > li:nth-child(2) {right:10px; }
.cts2752_org > ol > .top_head > ul > li ul li {color:#333; border-top:2px solid #333; font-size:19px;     line-height: 58px;}
.cts2752_org > ol > .sec span {display:inline-block; width:220px; margin:44px 0 76px; background-color:#00163d; font-size:20px; line-height:62px;}
.cts2752_org > ol > .last {position:relative;}
.cts2752_org > ol > .last:before {display:block; top:-40px; left:calc((50% - 40px) / 2); width:calc(100% - (50% - 36px)); height:2px; content:'';}
.cts2752_org > ol > .last > ul > li {float:left; position:relative; width:calc(50% - 40px); margin-right:75px; font-size:17px;}
.cts2752_org > ol > .last > ul > li:last-child {margin:0;}
.cts2752_org > ol > .last > ul > li:before {display:block; top:-40px; left:50%; width:2px; height:245px; margin-left:-1px;}
.cts2752_org > ol > .last > ul > li:nth-child(1):before {height:193px;}
.cts2752_org > ol > .last > ul > li:nth-child(2):before {}
.cts2752_org > ol > .last > ul > li > span {display:block; background-color:#626262; line-height:49px;}
.cts2752_org > ol > .last > ul > li > ul > li {margin-top:3px; border:1px solid #939393; background-color:#fff; font-weight:400; color:#353535; line-height:47px;}

@media all and (max-width:1000px){
    .cts2752_org {width:auto;}
    .cts2752_org > ol > .top_head {padding:0;}
    .cts2752_org > ol > .top_head:before {left:0; width:100%; margin-left:0;}
    .cts2752_org > ol > .top_head ul li:nth-child(1) {left:0;}
    .cts2752_org > ol > .top_head ul li:nth-child(2) {right:0;}
}
@media all and (max-width:800px){
    .cts2752_org > ol > .top_head .head {width:200px;}
    .cts2752_org > ol > .sec span {width:180px;}
}
@media all and (max-width:640px){
    .cts2752_org > ol > .top_head .head {width:160px; font-size:20px; line-height:40px;}
    .cts2752_org > ol > .top_head:after {top:43px; height:90px;}
    .cts2752_org > ol > .top_head ul li {width:160px; padding:8px 0; font-size:17px; line-height:22px;}
	.cts2752_org > ol > .top_head > ul > li ul li {width:100%; padding:5px 0  0 0; margin:5px 0 0 0}

    .cts2752_org > ol > .sec span {width:150px; margin:25px 0 45px; font-size:17px; line-height:42px;}
    .cts2752_org > ol > .last:before {top:-25px; left:calc((50% - 20px) / 2); width:calc(100% - (50% - 20px));}
    .cts2752_org > ol > .last > ul > li {width:calc(50% - 20px); margin-right:40px; font-size:15px;}
    .cts2752_org > ol > .last > ul > li:before {top:-25px;}
    .cts2752_org > ol > .last > ul > li:nth-child(1):before {height:143px;}
	.cts2752_org > ol > .last > ul > li > ul > li {    line-height: 1.25em;
    padding: 10px 0;
    word-break: keep-all;}
}
@media all and (max-width:480px){
    .cts2752_org > ol > .top_head .head {width:140px;}
    .cts2752_org > ol > .top_head ul li {width:90px;}
    .cts2752_org > ol > .sec span {width:120px;}
}

/* 산울림 소개 > 오시는 길 */
.cts2794_map {position:relative; border:1px solid #323131;}
.cts2794_map .root_daum_roughmap {width:100%; padding:0; border:none;}
.cts2794_map .map_info {position:absolute; top:0; left:0; z-index:10; width:26.2%; height:100%; padding:57px 35px 0; background-color:rgba(0, 0, 0, 0.85); color:#fff; letter-spacing:-0.03em;}
.cts2794_map .map_info .title {margin-bottom:64px; padding:0 15px; font-size:20px; font-weight:600; color:#fff; letter-spacing:-0.03em; line-height:22px; text-decoration:underline;}
.cts2794_map .map_info .title:before {display:inline-block; top:10px; left:170px; width:17px; height:9px; margin-left:12px; background:url('/site/echoyouth/images/contents/cts2794_sprite.png') no-repeat; vertical-align:middle;}
.cts2794_map .map_info .adress {margin-bottom:28px; padding:0 15px;}
.cts2794_map .map_info .adress .adress_title {margin-bottom:12px; font-size:16px; font-weight:600; color:#fff; letter-spacing:-0.03em;}
.cts2794_map .map_info .adress .adress_title:before {display:inline-block; position:static; width:41px; height:40px; margin-right:13px; background:url('/site/echoyouth/images/contents/cts2794_sprite.png') no-repeat right bottom; vertical-align:middle;}
.cts2794_map .map_info .adress p {font-size:16px; line-height:28px;}
.cts2794_map .map_info .phone_fax {padding:0 15px; margin-bottom:150px;}
.cts2794_map .map_info .phone_fax li {position:relative; padding-left:10px;}
.cts2794_map .map_info .phone_fax li:before {display:block; position:absolute; top:13px; left:0; width:3px; height:3px; background-color:#acaeab;}

.cts2794_map .map_info .btn_wrap {width:100%;text-align:center;}
.cts2794_map .map_info a {}



.cts2794_directions {margin-top:18px;}
.cts2794_directions .directions_list {padding:20px 10px; border-bottom:1px dotted #c5c5c5; font-size:0;}
.cts2794_directions .directions_list:last-child {border-bottom:none;}
.cts2794_directions .directions_list .directions_title {display:inline-block; width:158px; height:158px; margin-right:65px; padding:12px; border-radius:50%; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAEklEQVQImWM4efLkfwZsgMoSAG7KEMPQ6TygAAAAAElFTkSuQmCC'); vertical-align:middle;}
.cts2794_directions .directions_list .directions_title .inner {width:100%; height:100%; border-radius:50%; background-color:#fff; font-size:22px; font-weight:600; color:#1a1f15; line-height:134px; text-align:center;}
.cts2794_directions .directions_list .directions_info {display:inline-block; width:calc(100% - 223px); vertical-align:middle;}
.cts2794_directions .directions_list .directions_info .table {font-size:15px;}
@media all and (max-width:1200px){
    .cts2794_map .map_info {padding:35px 20px 0;}
    .cts2794_map .map_info .title,
    .cts2794_map .map_info .adress,
    .cts2794_map .map_info .phone_fax {padding:0;}
}
@media all and (max-width:1000px){
    .cts2794_map .map_info {width:30%;}
}
@media all and (max-width:800px){
    .cts2794_map .map_info {top:auto; bottom:0; width:100%; height:auto; padding:20px 40% 20px 10px;}
    .cts2794_map .map_info .title {margin-bottom:20px;}
    .cts2794_map .map_info a {top:20px; right:10px; bottom:auto; left:auto; }
	.cts2794_map .map_info .phone_fax {padding:0 15px; margin-bottom:10px;}

    .cts2794_directions .directions_list .directions_title {margin-right:30px;}
    .cts2794_directions .directions_list .directions_info {width:calc(100% - 188px);}
}
@media all and (max-width:640px){
    .cts2794_map .root_daum_roughmap {height:400px;}
    .cts2794_map .map_info {position:relative;}

    .cts2794_directions .directions_list .directions_title {display:block; margin-right:auto; margin-bottom:20px; margin-left:auto;}
    .cts2794_directions .directions_list .directions_info {display:block; width:auto;}
}
@media all and (max-width:480px){
    .cts2794_map .map_info {padding-right:10px;}
    .cts2794_map .map_info a {position:static; margin-top:15px;}
}




/* 산울림소개 > 시설현황 > 시설안내 */

.facility_box{border:1px solid #626262; background:#f8f8f8; color:#303030;}
.facility_box .facility_top_box{position:relative; margin:42px 60px 0; padding-bottom:32px;}
/* .facility_box .facility_top_box:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:url("/site/bwyf/images/contents/dot_line.png");}*/
.facility_box .facility_top_box .info_list{float:left; width:50%; margin-bottom:10px; font-size:16px; letter-spacing:-0.01em;}
.facility_box .facility_top_box .info_list:nth-child(2), .facility_box .facility_top_box .info_list:nth-child(4){width:calc(50% - 8px); margin-left:8px;}
.facility_box .facility_top_box .info_list:nth-child(3), .facility_box .facility_top_box .info_list:nth-child(4){margin-bottom:0;}
.facility_box h3{display:inline-block; width:97px; margin-right:11px; border-radius:30px; background:#626262; font-weight:600; text-align:center; line-height:35px; color:#fff;}
/* .facility_box .facility_top_box .info_list:first-child h3{background-color:#e14f38;} */
.facility_box .facility_top_box .info_list p{display:inline-block;vertical-align:top;}

@media all and (max-width:1000px){
	.facility_box .facility_top_box .info_list{float:none; width:100%;}
	.facility_box .facility_top_box .info_list:nth-child(2), .facility_box .facility_top_box .info_list:nth-child(4){width:100%; margin-left:0;}
	.facility_box .facility_top_box .info_list:nth-child(3){margin-bottom:10px;}
}
@media all and (max-width:640px){
	.facility_box .facility_top_box{margin-right:20px; margin-left:20px;}
}
@media all and (max-width:428px){
	.cts2754 .facility_box .facility_top_box .info_list:nth-child(3) p{margin:10px 0 0 10px;}
}


.cts2754 .cts2754_howto p{margin-left:21px; font-size:16px; color:#303030; letter-spacing:-0.01em;}
.cts2754 .cts2754_howto ul.bu{margin-top:12px; margin-left:21px;}
.cts2754 .cts2754_howto ul.bu li{line-height:32px; letter-spacing:-0.01em; color:#303030;}

.cts2754 .cts2754_facility ul.bu{margin-left:21px;}
.cts2754 .cts2754_facility ul.bu li{line-height:32px; letter-spacing:-0.01em; color:#303030;}

.cts2754 ul.facility_list{margin-top:26px;}
.cts2754 ul.facility_list > li{float:left; width:392px; height:501px; margin-right:22px; margin-bottom:26px; border:1px solid #d1d1d1;}
.cts2754 ul.facility_list > li:nth-child(3), .cts2754 ul.facility_list > li:nth-child(6){margin-right:0;}
.cts2754 ul.facility_list > li:nth-child(4){height:auto;margin-bottom:0;}
.cts2754 ul.facility_list > li .img_box{position:relative; height:294px;}
.cts2754 ul.facility_list > li .img_box p{position:absolute; top:0; left:0; width:100%; height:51px; background:rgba(0, 0, 0, 0.78); font-size:18px; font-weight:600; letter-spacing:-0.025em; color:#fff; text-align:center; line-height:51px;}
.cts2754 ul.facility_list > li .text_box{height:187px; padding:15px 0 0 15px;}
.cts2754 ul.facility_list > li:nth-child(4) .text_box {height:auto;padding-bottom:20px;}
.cts2754 ul.facility_list > li .text_box > ul.bu > li{font-size:16px; line-height:30px; letter-spacing:-0.005em;}
.cts2754 ul.facility_list > li .text_box > ul.bu > li strong{display:inline-block; position:relative; width:70px; margin-right:11px; vertical-align:top;}
.cts2754 ul.facility_list > li .text_box > ul.bu > li strong:before{display:block; position:absolute; top:7px; right:0; width:1px; height:13px; background-color:#d6d6d6;}
.cts2754 ul.facility_list > li .text_box > ul.bu > li span{display:inline-block; width:calc(100% - 82px);}

@media all and (max-width:1220px){
	.cts2754 ul.facility_list > li{width:32%; margin-right:2%;}
	.cts2754 ul.facility_list > li .img_box{height:auto;}
	.cts2754 ul.facility_list > li .text_box{padding-top:5px; padding-left:20px;}
}

@media all and (max-width:900px){
	.cts2754 ul.facility_list > li{width:48%; height:500px; margin-right:4%;}
  .cts2754 ul.facility_list > li:nth-child(4) {height:500px;}
  .cts2754 ul.facility_list > li:nth-child(4) .text_box {height:187px;padding-bottom:0;}
	.cts2754 ul.facility_list > li:nth-child(2n){margin-right:0;}
	.cts2754 ul.facility_list > li:nth-child(3){margin-right:4%;}
	.cts2754 ul.facility_list > li .img_box img{width:100%;}
}
@media all and (max-width:730px){
	.cts2754 ul.facility_list > li{height:480px;}
  .cts2754 ul.facility_list > li:nth-child(4) {height:480px;}
}
@media all and (max-width:570px){
	.cts2754 ul.facility_list > li{float:left; width:100%; height:auto;}
	.cts2754 ul.facility_list > li .text_box{height:auto; padding-bottom:20px;}
  .cts2754 ul.facility_list > li:nth-child(4) {height:auto;}
  .cts2754 ul.facility_list > li:nth-child(4) .text_box {height:auto;padding-bottom:20px;}
	.cts2754 ul.facility_list > li .text_box > ul.bu > li strong{display:block; width:auto; margin-right:0;}
	.cts2754 ul.facility_list > li .text_box > ul.bu > li strong:before{display:none;}
	.cts2754 ul.facility_list > li .text_box > ul.bu > li span{display:block; width:95%;}
}


.facility_gallery { margin-top:38px; }
.facility_gallery li { float:left; margin-right:22px; margin-bottom:22px; font-size:0; line-height:0; }
.facility_gallery li:nth-child(3n) { margin-right:0; }

@media all and (max-width:1220px) { 
	.facility_gallery { margin-top:25px; }
	.facility_gallery li { width:32%; margin-right:2%; }
 }

@media all and (max-width:1000px) { 
	.facility_box .facility_top_box .info_list { float:none; width:100%; }
	.facility_box .facility_top_box .info_list:nth-child(2), .facility_box .facility_top_box .info_list:nth-child(4) { width:100%; margin-left:0; }
	.facility_box .facility_top_box .info_list:nth-child(3) { margin-bottom:10px; }
 }
@media all and (max-width:800px) { 
	.facility_gallery li { width:49%; margin-right:2%; margin-bottom:10px; }
	.facility_gallery li:nth-child(2n) { margin-right:0; }
	.facility_gallery li:nth-child(3) { margin-right:2%; }
 }
@media all and (max-width:640px) { 
	.facility_box .facility_top_box { margin-right:20px; margin-left:20px; }
	.facility_box .facility_bottom_box { padding-right:20px; padding-left:20px; }
	.facility_box .facility_bottom_box p { margin-left:10px; }
 }
@media all and (max-width:480px) { 
	.facility_gallery li { width:100%; margin-right:0; margin-bottom:5px; }
	.facility_gallery li img { width:100%; }
	.facility_gallery li:nth-child(3) { margin-right:0; }
 }
@media all and (max-width:428px) { 
	.cts2781 .facility_box .facility_top_box .info_list:nth-child(3) p { margin:10px 0 0 10px; }
 }