
.cts2631:before {position:absolute; top:0px; left:0px; width:calc(50% + 190px); height:235px; display:block; background:#3639b6; z-index:-1}
.cst_2631_box {position:relative; padding:0 60px}
.cst_2631_box .cst_2631_box1 { color:#fff; height:240px; font-size:19px}
.cst_2631_box .cst_2631_box1:before {content:""; width:1px; height:150px; position:absolute; top:0px; left:0px; display:block; background:rgba(255,255,255,0.29)}
.cst_2631_box .cst_2631_box1 .hello {font-size:30px; font-weight:bold; padding:55px 0 15px;}
.cst_2631_box .cst_2631_box1 strong {text-decoration:underline}

.cst_2631_box .cst_2631_box2 {padding:15px 0 0 0}
.cst_2631_box .cst_2631_box2 p {width:600px; padding:15px 0; color:#252525; font-size:17px; word-break:keep-all}
.cst_2631_box .cst_2631_box2 p strong {display:block}
.cst_2631_box .cst_2631_box2 p.last {width:100%;}
.cst_2631_box .cst_2631_box2 p.sign {width:100%; text-align:right; font-size:22px;}

.cst_2631_box .text {}
.cst_2631_box .img {position:absolute; left:680px; top:120px; z-index:-2; width:auto}
.cst_2631_box .img img {max-width:none}


@media screen and (max-width:1222px){
.cst_2631_box .cst_2631_box1 { color:#fff; height:auto; font-size:18px; line-height:30px;  background:#3639b6; width:100%; padding:20px; }
.cst_2631_box .cst_2631_box1 .hello {font-size:24px; font-weight:bold; padding:0 0 15px;}
.cst_2631_box {position:relative; padding:0 10px}
.cst_2631_box .img {position:inherit; left:0; top:0; z-index:0; width:100%;}
.cst_2631_box .img img {max-width:auto; width:100%;}
.cst_2631_box .cst_2631_box2 p {width:100%; padding:15px 0; color:#252525; font-size:17px; word-break:keep-all}
}


.cst_2632_box {position:relative; width:100%; display:inline-block;}
.cst_2632_box div {width:50%; float:left;}
.cst_2632_box div:before {position:absolute; top:0px; left:14px; width:1px; height:100%; background:#dfdfdf;display:block;}
.cst_2632_box div.left_box:before {left:14px; }
.cst_2632_box div.right_box:before {left:50%; margin:0 0 0 14px}
.cst_2632_box h4.h0 {font-size:24px; color:#303030; padding:10px 0 10px 35px; font-weight:bold}
.cst_2632_box h4.h0:before {position:absolute; top:13px; left:9px; width:12px; height:12px; background:#ea5c44; border-radius:12px; display:block;}
.cst_2632_box ul {padding:15px 0 60px 40px}
.cst_2632_box ul li {width:100%; font-size:16px; padding:2px 0;box-sizing:border-box; display:inline-block; vertical-align:top;}
.cst_2632_box ul li .text_box {width:calc(100% - 75px);  float:left; box-sizing:border-box; padding:0 20px 0 28px; letter-spacing:-0.025em; word-break:keep-all;}
.cst_2632_box ul li .date_box {width:75px; font-weight:bold; color:#303030; float:left; text-align:left;}

/* (주)한신정보기술 신명화 2019.12 */

/* 센터소개 > 사업소개 */
.cts2785 .cts2785_title {padding:35px 0;}
.cts2785 .cts2785_title p {text-align:center; font-size:22px; line-height:38px; letter-spacing:-0.03em; color:#4e4e4e;}
.cts2785 .cts2785_title strong {font-size:24px; color:#262626;}
.cts2785 .cts2785_title span {font-size:16px; color:#3d3d3d;}

.cts2785 .cts2785_purpose {margin:35px 0;}
.cts2785 .cts2785_purpose .title {overflow:hidden; width:940px; margin:0 auto 35px; background-color:#3639b6;}
.cts2785 .cts2785_purpose .title h3 {display:inline-block;position:relative; z-index:10; width:130px; background:#000;font-size:22px; font-weight:600; color:#fff; line-height:74px; text-align:center;}
.cts2785 .cts2785_purpose .title h3:before {display:block;position:absolute; top:0; left:auto;right:-20px; z-index:-1; width:133px; border-bottom:74px solid #000; border-left:48px solid transparent;background:#000; transform:skewX(-30deg);}
.cts2785 .cts2785_purpose .title p {display:inline-block; width:calc(100% - 134px); font-size:20px; font-weight:600; color:#fff; text-align:center;}
.cts2785 .cts2785_purpose .title p span {color:#fff;}

.cts2785 .cts2785_purpose .title2 {overflow:hidden; width:940px; margin:0 auto; background-color:#dfe8fd;}
.cts2785 .cts2785_purpose .title2 h3 {display:inline-block; width:130px; border-right:2px solid #fff; background-color:#b0bfe5; font-size:20px; font-weight:600; color:#292929; line-height:62px; text-align:center;}
.cts2785 .cts2785_purpose .title2 p {display:inline-block; width:calc(100% - 134px); font-size:18px; font-weight:600; color:#292929; text-align:center;}
.cts2785 .cts2785_purpose .bot_title {position:relative;width:940px;margin:0  auto 40px auto;padding-top:85px; font-size:22px; font-weight:600; color:#292929; line-height:34px; text-align:center;}
.cts2785 .cts2785_purpose .bot_title:before {display:block;position:absolute;top:30px;left:calc((100% - 40px) / 2);width:40px;height:32px;background:url(/site/bwycenter/images/contents/cts2785_img1.png) no-repeat;}
.cts2785 .cts2785_purpose .bot_list {font-size:0; line-height:0;  text-align:center; margin-bottom:65px;}
.cts2785 .cts2785_purpose .bot_list li {display:inline-block; width:calc((100% - 60px) / 4); height:107px; margin-right:20px; padding:28px 20px; background-color:#6a5cab; font-size:18px; line-height:24px; letter-spacing:0.03em; color:#fff;}
.cts2785 .cts2785_purpose .bot_list li:last-child {margin-right:0;}
.cts2785 .cts2785_purpose .bot_list li:nth-child(2n+2) {background-color:#4c3d95;}

.cts2785 .cts2785_purpose .bot_list2 {position:relative;width:940px;margin:0 auto;}
.cts2785 .cts2785_purpose .bot_list2 li {float:left; position:relative; width:calc((100% - 60px) / 4); margin-right:20px; padding:30px 10px; font-size:18px; color:#fff; letter-spacing:-0.025em; line-height:24px; text-align:center; }
.cts2785 .cts2785_purpose .bot_list2 li:nth-child(1):after {display:block;position:absolute;top:-28px;left:50%;width:250%;height:1px;background-color:#bcbcbc;}
.cts2785 .cts2785_purpose .bot_list2 li:nth-child(n-1) {background-color:#b32057;}
.cts2785 .cts2785_purpose .bot_list2 li:nth-child(2n) {background-color:#891842;}
.cts2785 .cts2785_purpose .bot_list2 li:nth-child(4) {margin-right:0;}
.cts2785 .cts2785_purpose .bot_list2 li:nth-child(4):after {display:block;position:absolute;top:-28px;right:50%;width:250%;height:1px;background-color:#bcbcbc;}
.cts2785 .cts2785_purpose .bot_list2 li:before {display:block; position: absolute; top:-28px; left: 50%; width:1px; height:29px; background-color:#bcbcbc;}

.cts2785 .cts2785_purpose .bot_list3 {padding:0 218px;}
.cts2785 .cts2785_purpose .bot_list3 li {padding:10px; background-color:#f2f2f2; font-size:16px; color:#2c2c2c; letter-spacing:-0.03em; text-align:center; margin-bottom:1px;}

.cts2785 .cts2785_purpose .title3 {position:relative;margin:110px auto 0 auto;width:940px;height:90px;border:2px solid #000;font-size:0;line-height:0;}
.cts2785 .cts2785_purpose .title3:before {display:block;position:absolute;top:-70px;left:calc((100% - 40px) / 2);width:40px;height:32px;background:url(/site/bwycenter/images/contents/cts2785_img1.png) no-repeat;}
.cts2785 .cts2785_purpose .title3 h3 {display:table;float:left;width:130px;height:100%;border-right:2px solid #000;background-color:transparent;font-size:18px;color:#292929;letter-spacing:-0.025em;line-height:34px;font-weight:bold;text-align:center;vertical-align:top;}
.cts2785 .cts2785_purpose .title3 h3 span {display:table-cell;vertical-align:middle;}
.cts2785 .cts2785_purpose .title3 h3 span:after {display:none;}
.cts2785 .cts2785_purpose .title3 p {display:table;float:left;width:calc(100% - 132px);height:100%;font-size:18px;color:#383838;letter-spacing:-0.025em;line-height:32px;font-weight:normal;text-align:center;vertical-align:top;}
.cts2785 .cts2785_purpose .title3 p span {display:table-cell;vertical-align:middle;}

.cts2785 .cts2785_purpose .title4 .bot_list2 {}
.cts2785 .cts2785_purpose .title4 .bot_list2 li {font-size:19px;color:#2c2c2c;letter-spacing:-0.025em;font-weight:bold;line-height:34px;}
.cts2785 .cts2785_purpose .title4 .bot_list2 li:nth-child(1) {background-color:#fbeeec}
.cts2785 .cts2785_purpose .title4 .bot_list2 li:nth-child(2) {background-color:#fbecf5}
.cts2785 .cts2785_purpose .title4 .bot_list2 li:nth-child(3) {background-color:#e9e5fe}
.cts2785 .cts2785_purpose .title4 .bot_list2 li:nth-child(4) {background-color:#dfe8fd}

.cts2785 .cts2785_purpose .cts2785_list {}
.cts2785 .cts2785_purpose .cts2785_list > ul {}
.cts2785 .cts2785_purpose .cts2785_list > ul > li {display:block;float:left;width:calc((100% - 20px) / 2);}
.cts2785 .cts2785_purpose .cts2785_list > ul > li:nth-child(1) {margin-right:20px;}
.cts2785 .cts2785_purpose .cts2785_list > ul > li .list_title {display:block;width:100%;height:50px;background-color:#666;font-size:18px;color:#fff;font-weight:bold;line-height:50px;text-align:center;}
.cts2785 .cts2785_purpose .cts2785_list > ul > li .list_con {display:table;width:100%;height:135px;padding:30px 22px;background:#f2f2f2;}
.cts2785 .cts2785_purpose .cts2785_list > ul > li .list_con .bu {display:table-cell;vertical-align:middle;}
.cts2785 .cts2785_purpose .cts2785_list > ul > li .list_con .bu li {font-size:16px;line-height:30px;letter-spacing:-0.02em;color:#2c2c2c;}
.cts2785 .cts2785_purpose .cts2785_list > ul > li .list_con .bu li:before {display:block;position:absolute;top:15px;left:0;width:3px;height:3px;background:#767676}

.cts2785 .cts2785_purpose .title5 {margin-top:70px;}
.cts2785 .cts2785_purpose .title5 .bot_title {margin-bottom:25px;padding-top:0;}
.cts2785 .cts2785_purpose .title5 .bot_title:before {display:none;}
.cts2785 .cts2785_purpose .title6 {margin-top:45px;}
.cts2785 .cts2785_purpose .title6 .bot_title {margin-bottom:25px;padding-top:0;}
.cts2785 .cts2785_purpose .title6 .bot_title:before {display:none;}

@media screen and (max-width:1000px){
    .cts2785 .cts2785_purpose .title {width:100%;}
    .cts2785 .cts2785_purpose .title2 {width:100%;}
    .cts2785 .cts2785_purpose .bot_title {width:100%}
    .cts2785 .cts2785_purpose .bot_list2 {padding:0;width:100%;}
    .cts2785 .cts2785_purpose .bot_list2 li {width:calc(50% - 5px);}
    .cts2785 .cts2785_purpose .bot_list2 li:nth-child(2n-1) {margin-right:10px;}
    .cts2785 .cts2785_purpose .bot_list2 li:nth-child(2n) {margin-right:0;}
    .cts2785 .cts2785_purpose .bot_list2 li:nth-child(n+1) {margin-top:29px;}
    .cts2785 .cts2785_purpose .bot_list2 li:nth-child(1):after {width:100%}
    .cts2785 .cts2785_purpose .bot_list2 li:nth-child(2):after {display:block;position:absolute;top:-28px;right:50%;width:100%;height:1px;background-color:#bcbcbc;}
    .cts2785 .cts2785_purpose .bot_list2 li:nth-child(4):after {display:none;}
    .cts2785 .cts2785_purpose .title3 {width:100%;}
    .cts2785 .cts2785_purpose .title3 p {font-size:16px;line-height:24px;}

    .cts2785 .cts2785_purpose .cts2785_list > ul > li {width:100%;margin-right:0;margin-bottom:10px;}
}
@media screen and (max-width:800px){
    .cts2785 .cts2785_purpose .title2 p {font-size:16px;}
}

@media screen and (max-width:640px){
    .cts2785 .cts2785_purpose .title h3 {display:block;width:100%;height:auto;padding:10px 0;font-size:16px;line-height:1.3em;}
    .cts2785 .cts2785_purpose .title h3:before {display:none;}
    .cts2785 .cts2785_purpose .title p {width:100%;padding:12px 0;font-size:16px;text-align:center;}
    .cts2785 .cts2785_purpose .title2 h3 {display:block;width:100%;height:auto;padding:10px 0;border:0;font-size:16px;line-height:1.3em;}
    .cts2785 .cts2785_purpose .title2 p {width:100%;font-size:16px;padding:12px 10px;line-height:1.3em;}
    .cts2785 .cts2785_purpose .bot_title {margin-bottom:20px;font-size:18px;}
    .cts2785 .cts2785_purpose .bot_list2 li {margin-top:20px;padding:10px;font-size:16px;line-height:22px;}
    .cts2785 .cts2785_purpose .bot_list2 li:before {top:-20px;height:20px;}
    .cts2785 .cts2785_purpose .bot_list2 li:nth-child(n+1) {margin-top:20px;}
    .cts2785 .cts2785_purpose .bot_list2 li:nth-child(1):after {top:-20px;}
    .cts2785 .cts2785_purpose .bot_list2 li:nth-child(2):after {top:-20px;}

    .cts2785 .cts2785_purpose .title3 {height:auto;}
    .cts2785 .cts2785_purpose .title3 h3 {display:block;float:none;width:100%;height:auto;border-right:0;border-bottom:1px solid #000;}
    .cts2785 .cts2785_purpose .title3 h3 span {display:block;}
    .cts2785 .cts2785_purpose .title3 p {display:block;float:none;width:100%;padding:12px;}
    .cts2785 .cts2785_purpose .title3 p span {display:block;}
}

/* 센터소개 > 시설소개 */
.cts2635 {}
.cts2635 .info_tab {margin-bottom:50px;}
.cts2635 .info_tab .tab_item {}
.cts2635 .info_tab .tab_item > ul {display:inline-block;height:50px;border-bottom:1px solid #4b4b4b;}
.cts2635 .info_tab .tab_item > ul > li {display:inline-block;float:left;width:187px;height:48px;margin-right:3px;line-height:48px;}
.cts2635 .info_tab .tab_item > ul > li:last-child {margin-right:0;}
.cts2635 .info_tab .tab_item > ul > li button {width:100%;height:100%;border:1px solid #6b6b6b;border-bottom:1px solid transparent;background:#6b6b6b;font-size:17px;color:#fff;font-weight:normal;letter-spacing:-0.025em;box-sizing:border-box;}
.cts2635 .info_tab .tab_item > ul > li.active button,
.cts2635 .info_tab .tab_item > ul > li:hover button {background:#fff;border:1px solid #4b4b4b;border-bottom:1px solid transparent;font-size:17px;color:#2a2a2a;font-weight:bold;letter-spacing:-0.025em;}

.cts2635 .info_tab .tab_obj {display:none;}
.cts2635 .info_tab .tab_obj_visible {display:block;}
/* .cts2635 .info_tab .tab_obj .con_box1 {display:block;width:100%;margin-top:50px;border:1px solid #b2b2b2;}
.cts2635 .info_tab .tab_obj .con_box1 .con_box_wrap {display:table;width:100%;}
.cts2635 .info_tab .tab_obj .con_box1 .left {display:table-cell;width:300px;padding:60px 10px 60px 60px;background:#3639b6;vertical-align:top;}
.cts2635 .info_tab .tab_obj .con_box1 .left h3 {margin-top:0;margin-bottom:30px;padding-left:0;font-size:36px;color:#fff;letter-spacing:-0.01em;}
.cts2635 .info_tab .tab_obj .con_box1 .left h3:before {display:none;}
.cts2635 .info_tab .tab_obj .con_box1 .left ul {}
.cts2635 .info_tab .tab_obj .con_box1 .left ul li {font-size:16px;color:#fff;line-height:32px;letter-spacing:-0.01em;}
.cts2635 .info_tab .tab_obj .con_box1 .right {display:table-cell;width:calc(100% - 300px);padding:25px;background:#fff;vertical-align:middle;}
.cts2635 .info_tab .tab_obj .con_box1 .right .box_img .inner {text-align:center;}

.cts2635 .info_tab .tab_obj.n2 .con_box1 .con_box_wrap .left {background-color:#b32057}
.cts2635 .info_tab .tab_obj.n3 .con_box1 .con_box_wrap .left {background-color:#6a5cab}
.cts2635 .info_tab .tab_obj.n4 .con_box1 .con_box_wrap .left {background-color:#3539b6} */
.cts2635 .info_tab .tab_obj .con_box1,
.cts2635 .info_tab .tab_obj_visible .con_box1 {display:block;width:100%;margin-top:50px;border:1px solid #b2b2b2;}
.cts2635 .info_tab .tab_obj .con_box1 .con_box_wrap,
.cts2635 .info_tab .tab_obj_visiblevisible .con_box1 .con_box_wrap {display:table;width:100%;}
.cts2635 .info_tab .tab_obj .con_box1 .left,
.cts2635 .info_tab .tab_obj_visible .con_box1 .left {display:table-cell;width:300px;padding:60px 10px 60px 60px;background:#3639b6;vertical-align:top;}
.cts2635 .info_tab .tab_obj .con_box1 .left h3, 
.cts2635 .info_tab .tab_obj_visible .con_box1 .left h3 {margin-top:0;margin-bottom:30px;padding-left:0;font-size:36px;color:#fff;letter-spacing:-0.01em;}
.cts2635 .info_tab .tab_obj .con_box1 .left h3:before,
.cts2635 .info_tab .tab_obj_visible .con_box1 .left h3:before {display:none;}
.cts2635 .info_tab .tab_obj .con_box1 .left ul {}
.cts2635 .info_tab .tab_obj .con_box1 .left ul li,
.cts2635 .info_tab .tab_obj_visible .con_box1 .left ul li {font-size:16px;color:#fff;line-height:32px;letter-spacing:-0.01em;}
.cts2635 .info_tab .tab_obj .con_box1 .right,
.cts2635 .info_tab .tab_obj_visible .con_box1 .right {display:table-cell;width:calc(100% - 300px);padding:25px;background:#fff;vertical-align:middle;}
.cts2635 .info_tab .tab_obj .con_box1 .right .box_img .inner,
.cts2635 .info_tab .tab_obj .con_box1 .right .box_img .inner {text-align:center;}

.cts2635 .info_tab .tab_obj.n2 .con_box1 .con_box_wrap .left {background-color:#b32057}
.cts2635 .info_tab .tab_obj.n3 .con_box1 .con_box_wrap .left,
.cts2635 .info_tab .tab_obj_visible.n3 .con_box1 .con_box_wrap .left{background-color:#6a5cab}
.cts2635 .info_tab .tab_obj.n4 .con_box1 .con_box_wrap .left {background-color:#3539b6}

@media screen and (max-width:1000px){
    .cts2635 .info_tab .tab_item > ul {display:block;}
    .cts2635 .info_tab .tab_item > ul > li {width:calc((100% - 9px) / 4)}
    .cts2635 .info_tab .tab_obj .con_box1 .con_box_wrap {display:block;}
    .cts2635 .info_tab .tab_obj .con_box1 .left {display:block;width:100%;padding:40px 30px;}
    .cts2635 .info_tab .tab_obj .con_box1 .left h3 {margin-top:0;margin-bottom:20px;font-size:24px;}
    .cts2635 .info_tab .tab_obj .con_box1 .left li {display:inline-block;position:relative;}
    .cts2635 .info_tab .tab_obj .con_box1 .left li:after {display:inline-block;position:relative;content:", "}
    .cts2635 .info_tab .tab_obj .con_box1 .left li:last-child:after {display:none;}
    .cts2635 .info_tab .tab_obj .con_box1 .right {display:block;width:100%;}
}

/* 센터소개 > 오시는 길 */
.cts2636 .map_wrap {position:relative; margin-bottom:20px;}
.cts2636 .map_wrap .root_daum_roughmap{padding:0; border:1px solid #323131; border-radius:0;}
.cts2636 .map_wrap .map_info{position:absolute; top:0; left:0; z-index:10; width:320px; height:100%; padding:48px 25px 10px 51px; background-color:rgba(0, 0, 0, 0.85); color:#fff; letter-spacing:-0.025em;}
.cts2636 .map_wrap .map_info h3.title{display:inline-block;position:relative; margin-bottom:61px; border-bottom:1px solid #fff; font-size:20px; line-height:33px; font-weight:600; color:#fff;}
.cts2636 .map_wrap .map_info h3.title:before{display:block; position:absolute; top:15px; right:-30px; left:auto; width:17px; height:9px; background:url("/site/bwyf/images/contents/map_info_arrow.png") no-repeat;}
.cts2636 .map_wrap .map_info .address h4.address_title{margin-bottom:11px; font-size:16px; font-weight:600; color:#fff;}
.cts2636 .map_wrap .map_info .address h4.address_title:before{display:inline-block; position:static; width:41px; height:40px; margin-right:13px; background:url("/site/bwyf/images/contents/map_info_icon.png") no-repeat; vertical-align:middle;}.cts2636 .map_wrap .map_info .address p{font-size:16px; line-height:28px; word-break:keep-all;}
.map_wrap .map_info .phone_fax{margin-top:28px;}
.map_wrap .map_info .phone_fax li{position:relative; padding-left:12px; font-size:16px; line-height:28px;}
.map_wrap .map_info .phone_fax li:before{display:block; position:absolute; top:14px; left:2px; width:3px; height:3px; background-color:#afb0ae;}
.cts2636 .map_wrap .map_info a{display:block; position:absolute; bottom:35px; left:35px; width:242px; padding-left:21px; border:2px solid #fff; font-size:16px; color:#fff; line-height:50px; box-sizing:border-box;}
.cts2636 .map_wrap .map_info a:before{display:block; position:absolute; top:-10px; right:-9px; width:50px; height:50px; background-color:#fff;}
.cts2636 .map_wrap .map_info a:after{display:block; position:absolute; top:10px; right:10px; width:12px; height:11px; background:url("/site/bwyf/images/contents/map_info_btn.png") no-repeat;}

.cts2636 .directions .directions_list{position:relative; padding:18px 0 22px 11px; font-size:0; line-height:0;}
.cts2636 .directions .directions_list:after{display:block; position:relative; bottom:-22px; left:0; width:100%; height:1px; background:url("/site/bwyf/images/contents/dot_line.png");}
.cts2636 .directions .directions_list:last-child:after{display:none;}
.cts2636 .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;}
.cts2636 .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;}
.cts2636 .directions .directions_list .directions_info {display:inline-block; width:calc(100% - 223px); vertical-align:middle;}
.cts2636 .directions .directions_list .directions_info li strong {color:#363636;}

@media all and (max-width:1000px){
    .cts2636 .map_wrap .root_daum_roughmap{height:550px;}
    .cts2636 .map_wrap .map_info{width:35%; padding-left:20px;}
    .cts2636 .map_wrap .map_info a{width:70%; padding-left:15px;}
    .cts2636 .directions .directions_list .directions_title{margin-right:30px;}
}
@media all and (max-width:800px){
    .cts2636 .map_wrap .map_info{top:auto; bottom:0; width:100%; height:auto; padding:20px 0 20px 40px; }
    .cts2636 .map_wrap .map_info h3.title{margin-bottom:20px;}
    .cts2636 .map_wrap .map_info .address h4.address_title{display:inline-block; margin-right:10px; margin-bottom:0;}
    .cts2636 .map_wrap .map_info .address h4.address_title:before{width:34px; height:33px; background-size:34px;}
    .cts2636 .map_wrap .map_info .address p{display:inline-block;}
    .map_wrap .map_info .phone_fax{margin-top:10px; margin-bottom:20px;}
    .cts2636 .map_wrap .map_info a{position:relative; bottom:auto; left:auto; width:220px; padding-left:21px; line-height:50px;}
}
@media all and (max-width:640px){
    .cts2636 .map_wrap .map_info .address p{margin-right:35px;}
    .cts2636 .directions .directions_list .directions_title {display:block; margin-right:auto; margin-bottom:20px; margin-left:auto;}
    .cts2636 .directions .directions_list .directions_info {display:block; width:auto;}
}

/* 여성역량강화 > 마을여성역량강화교육 > 취업능력개발교육 */
.cts2640 {}
.cts2640 .box .box_wrap, .cts2968 .box .box_wrap .cts2969 .box .box_wrap .cts2970 .box .box_wrap {min-height:142px;}
.cts2640 .box .box_wrap:before, .cts2968 .box .box_wrap:before, .cts2969 .box .box_wrap:before, .cts2970 .box .box_wrap:before {width:89px;height:72px;background:url(/site/bwycenter/images/contents/cts2640_img1.png) no-repeat;}
.cts2640 .box .box_wrap p, .cts2968 .box .box_wrap p, .cts2969 .box .box_wrap p, .cts2970 .box .box_wrap p {margin-top:20px;margin-left:30px;}


/* 여성친화마을특성화 > 여성마을참여연구소 */
.cts2639 .step_box {}
.cts2639 .step_box > ol {}
.cts2639 .step_box > ol > li {display:inline-block;float:left;position:relative;width:calc((100% - 140px) / 3);margin-right:70px;list-style:none;box-sizing:border-box;}
.cts2639 .step_box > ol > li:last-child {margin-right:0;}
.cts2639 .step_box > ol > li:before {display:block;position:absolute;top:calc((100% - 33px) / 2);right:calc((-70px - 33px) / 2);width:24px;height:33px;background:url(/site/bwycenter/images/contents/cts2639_img2.png) no-repeat;list-style:none;content:"";}
.cts2639 .step_box > ol > li:last-child:before {display:none;}
.cts2639 .step_box > ol > li .title {height:64px;padding:20px 30px;font-size:18px;color:#fff;font-weight:bold;letter-spacing:-0.001em;box-sizing:border-box;}
.cts2639 .step_box > ol > li:nth-child(1) .title {background-color:#1b3e9a}
.cts2639 .step_box > ol > li:nth-child(2) .title {background-color:#4f4292}
.cts2639 .step_box > ol > li:nth-child(3) .title {background-color:#251a54}
.cts2639 .step_box > ol > li .con {height:210px;padding:28px;background-color:#f5f5f5;box-sizing:border-box;}
@media screen and (max-width:800px){
    .cts2639 .step_box > ol > li {float:none;width:100%;margin-right:0;margin-bottom:40px;}
    .cts2639 .step_box > ol > li:before {top:auto;bottom:calc((-70px - 25px) / 2);right:auto;left:calc((100% - 33px) / 2);transform:rotate(90deg)}
    .cts2639 .step_box > ol > li .con {height:auto;}
}
@media screen and (max-width:480px){
    .top_box.type2 {padding:42px 30px 32px 50px;}
}

/* 여성친화마을특성화 > 여성마을 플래너양성 > 젠더리더양성교육 */
.cts2786 {}
.cts2786 .top_box.type2 {background:#b32057;}
@media screen and (max-width:480px){
    .top_box.type2 {padding:42px 30px 32px 50px;}
}

/* 여성친화마을특성화 > 여성마을 플래너양성 >  여성마을동아리 > 동아리안내 */
.cts2788 {}
.cts2788 .top_box.type2 {background:#6a5cab;}
@media screen and (max-width:480px){
    .top_box.type2 {padding:42px 30px 32px 50px;}
}
.cts2788 .temp_step_list {}
.cts2788 .temp_step_list > ul > li {margin-top:10px;}
.cts2788 .temp_step_list > ul > li:nth-child(2) {padding:0 25px;background-color:#1b3e9a;}
.cts2788 .temp_step_list > ul > li:nth-child(3) {padding:0 25px;background-color:#1b3e9a;}
.cts2788 .temp_step_list > ul > li:nth-child(4) {padding:0 25px;background-color:#00163d;}
@media screen and (max-width:640px){
    .cts2788 .temp_step_list > ul > li {width:100%;margin-bottom:14px;}
    .cts2788 .temp_step_list > ul > li:before {top:auto;right:auto;bottom:-22px;left:calc((100% - 15px) / 2);transform:rotate(90deg);}
}

/* 여성친화마을특성화 > 여성마을 플래너양성 >  여성마을동아리 > 2020년 */
.cts2790 .img_list {margin-bottom:30px;border:1px solid #d1d1d1;border-bottom:1px solid transparent;}
.cts2790 .img_list > li {display:block;width:100%;padding:20px;border-bottom:1px solid #d1d1d1;font-size:0;line-height:0;}
.cts2790 .img_list > li .img_wrap {display:inline-block;width:50%;vertical-align:top;}
.cts2790 .img_list > li .img_wrap .box_img {}
.cts2790 .img_list > li .con_wrap {display:inline-block;width:50%;padding-top:25px;padding-left:60px;vertical-align:top;}
.cts2790 .img_list > li .con_wrap .con_title {position:relative;padding-top:10px;font-size:24px;color:#000;letter-spacing:-0.005em;font-weight:bold;line-height:34px;}
.cts2790 .img_list > li .con_wrap .con_title:before {display:block;position:absolute;left:0;top:0;width:21px;height:4px;background-color:#df485e;}
.cts2790 .img_list > li .con_wrap .bu_new {}
.cts2790 .img_list > li .con_wrap .bu_new > li {position:relative;padding-left:17px;}
.cts2790 .img_list > li .con_wrap .bu_new > li:before {display:block;position:absolute;left:0;top:13px;width:6px;height:7px;background:url(/site/bwycenter/images/contents/cts2790_icon1.png) no-repeat;}
.cts2790 .img_list > li .con_wrap .bu_new > li span {display:inline-block;position:relative;font-size:16px;color:#3a3a3a;font-weight:bold;letter-spacing:-0.005em;line-height:32px;}
.cts2790 .img_list > li .con_wrap .bu_new > li span:after {display:inline-block;position:relative;top:-1px;width:1px;height:11px;margin-left:15px;margin-right:15px;background-color:#d1d1d1;}
.cts2790 .img_list > li .con_wrap .bu_new > li em,
.cts2790 .img_list > li .con_wrap .bu_new > li p {display:inline-block;font-size:16px;color:#3a3a3a;letter-spacing:-0.005em;line-height:32px;word-break:keep-all;}
@media screen and (max-width:1000px){
    .cts2790 .img_list > li {padding:40px;}
    .cts2790 .img_list > li .img_wrap {display:block;width:100%;}
    .cts2790 .img_list > li .img_wrap .box_img {text-align:center;}
    .cts2790 .img_list > li .con_wrap {display:block;width:100%;padding-left:0;}
}
@media screen and (max-width:480px){
    .cts2790 .img_list > li {padding:20px;}
}

/* 청소년역량강화 > 학교연계직업체험 */
.cts2658 .temp_step_list > ul > li:last-child {padding-top:10px;line-height:20px;}

/* 청소년역량강화 > 마을뉴드림합창단 */
.cts2659 .temp_step_list {margin-left:0;}

/* 청소년친화마을특성화 > 청소년친화마을특성화 > 청소년마을참여연구소 */
.cts2661 .top_box.type2 {background-color:#b32057}

/* 청소년친화마을특성화 > 청소년친화마을특성화 > 청소년친화마을축제 */
.cts2661 .top_box.type2 {background-color:#6a5cab}

/* 청소년친화마을특성화 > 청소년친화마을특성화 > 우리동네 돗자리영화제 */
.cts2666 .top_box.type2 {background-color:#b32057}

/* 청소년친화마을특성화 > 청소년카페무지개 > 청소년카페무지개 소개 */
.cts2667 .top_box.type2 {background-color:#b32057}
.cts2667 .cts2667_img_box {height:540px;margin-bottom:30px;padding:165px 30px 20px 30px;text-align:center;box-sizing:border-box;}
.cts2667 .cts2667_img_box.n1 {background:url(/site/bwycenter/images/contents/cts2667_img1.jpg) no-repeat}
.cts2667 .cts2667_img_box.n2 {background:url(/site/bwycenter/images/contents/cts2667_img2.jpg) no-repeat}
.cts2667 .cts2667_img_box.n3 {background:url(/site/bwycenter/images/contents/cts2667_img3.jpg) no-repeat}
.cts2667 .cts2667_img_box .circle {display:inline-block;position:relative;width:144px;height:144px;margin-bottom:40px;border-radius:50%;}
.cts2667 .cts2667_img_box.n1 .circle {background-color:#b32057;opacity:0.94;}
.cts2667 .cts2667_img_box.n2 .circle {background-color:#04704b;opacity:0.94;}
.cts2667 .cts2667_img_box.n3 .circle {background-color:#cc4300;opacity:0.94;}
.cts2667 .cts2667_img_box .circle img {display:block;position:absolute;}
.cts2667 .cts2667_img_box.n1 .circle img {left:calc((100% - 43px) / 2);top:calc((100% - 49px) / 2)}
.cts2667 .cts2667_img_box.n2 .circle img {left:calc((100% - 98px) / 2);top:calc((100% - 49px) / 2)}
.cts2667 .cts2667_img_box.n3 .circle img {left:calc((100% - 97px) / 2);top:calc((100% - 54px) / 2)}
.cts2667 .cts2667_img_box p {font-size:22px;color:#fff;line-height:30px;letter-spacing:-0.005em;}

/* 청소년친화마을특성화 > 청소년카페무지개 > 도당점 */
.cts2671 h3:nth-child(1) {margin-bottom:15px;}
.cts2671 .temp_directions {}
.cts2671 .temp_directions .directions_list {float:left;width:50%;}
.cts2671 .temp_directions .directions_list:after {display:none;}
@media screen and (max-width:1200px){
    .cts2671 .temp_directions .directions_list {float:none;width:100%;}
}
@media screen and (max-width:800px){
    .cts2671 .temp_map .map_info .address p br {display:none;}
    .cts2671 .temp_map .map_info .address {margin-bottom:30px;}
}
/* 청소년역량강화 > 청소년동아리 > 청소년동아리소개 */
.cts2652 .temp_step_list {margin-left:0;}




table.table {position:relative; margin-top:10px; margin-bottom:10px; width:100%; border-top:2px solid #4d5360; border-bottom:2px solid #4d5360; border-collapse:separate;}









