@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/jejuhallasan.css);/* 강남노인종합복지관 */
@font-face {font-family: 'TmoneyRoundWindExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } /* 수어통역센터 */


/* common */
#gnsubContent .contents h4 {/*background:url('/assets/images/sub/contents/h4_bullet.png') left 4px no-repeat;padding-left:30px;*/font-size:26px; font-weight:600; margin-bottom:20px; display:block; color: #43538a;}
/*#gnsubContent .contents h4:before {content:''; display:inline-block; width:4px; height:22px; background:#3691a6; overflow:hidden; margin-right:10px; margin-top:3px; vertical-align:top;}*/
#gnsubContent .contents h4 span {font-size:16px; margin-left:10px;}
#gnsubContent .contents h5 {position: relative; background: url("/assets/portal/image/202404/ico-text-title.png") left top 6px no-repeat; padding-left:18px; font-size:20px; font-weight:600; margin-bottom:15px; display:block;}
/*#gnsubContent .contents h5:before {content:''; display:inline-block; width:14px; height:3px; background:#2b7485; overflow:hidden; margin-right:10px; margin-top:-4px; vertical-align:middle; border-radius:1px;}*/
#gnsubContent .contents p.bul01{/* background:url('/assets/images/main202203/bul01.png') left 0px top 6px no-repeat; */position: relative; padding-left:15px;}
#gnsubContent .contents p.bul01:before {content:""; position:absolute; top:10px;  left:0; width:4px; height:4px; border-radius:100%; background:#469da0;}
#gnsubContent .contents ul,.contents ul ul{line-height:21px;list-style:none;/*clear:both;*/}
#gnsubContent .contents .non-bullet>li{background:transparent;padding:0 0 3px 0;text-indent:0!important;}
#gnsubContent .contents .list-style-decimal{list-style:decimal;}
#gnsubContent .contents ul ul{padding:5px 0;}

#gnsubContent .local-bullet-indent{text-indent:-15px!important;padding-left:15px!important;}
#gnsubContent .contents ul.list-depth1>li{background: url("/assets/portal/image/202404/ico-text-title-2.png") left 5px top 8px no-repeat; padding:0 0 7px 17px; font-weight: 500; color: #333;}
#gnsubContent .contents ul.list-depth2>li{background: url(/assets/portal/image/202404/ico-text-title-3.png) left 5px top 9px no-repeat; color:#333; padding:0 0 3px 17px;}
#gnsubContent .contents ul>li>ul>li{background: url(/assets/portal/image/202404/ico-text-title-3.png) left 5px top 9px no-repeat; color:#333; padding:0 0 3px 17px;}
#gnsubContent .contents ul.list-depth3>li{background: url(/assets/portal/image/202404/ico-text-title-4.png) left 5px top 9px no-repeat; color:#777; padding:0 0 2px 15px;}
#gnsubContent .contents ul>li>ul>li>ul>li{background: url(/assets/portal/image/202404/ico-text-title-4.png) left 5px top 9px no-repeat; color:#777; padding:0 0 2px 15px;}
#gnsubContent .contents .bullet-text{font-weight:600; color:#1378cb;}
#gnsubContent .none-bullet {background:transparent!important;padding:0 0 3px 0!important;text-indent:0!important;} /* 리스트 블릿 제거 */

.gntable{word-break: break-all;}
.gntable.align-center{text-align:center;}
.gntable th{padding:9px 10px;vertical-align:middle;}
.gntable th.align-l{text-align:left;}
.gntable td{padding:9px 10px;vertical-align:middle;}
.gntable thead>tr>th{text-align:center;font-weight:600;}
.gntable tbody>tr>th{text-align:center;font-weight:600;}
.gntable tfoot>tr>td{background:#eaeaea; font-weight:600;}
.gntable ul>li:nth-last-child(1){margin-bottom:0;}
.gntable p:nth-last-child(1){margin-bottom:0;}
.gntable.table-style-gray{color:#333;clear:both;}
.gntable.table-style-gray.tb {table-layout: fixed;border-top:2px solid #5f5f5f!important;}
.gntable.table-style-gray thead th{border-bottom:0;}
.gntable.table-style-gray th,
.gntable.table-style-gray td{border:1px solid #d0d0d0;}
.gntable.table-style-gray tr>th{background:#eee;}
.gntable.table-style-gray tbody>tr>th{background:#f8f8f8;}
.gntable.table-style-blue{color:#35628e;clear:both;}
.gntable.table-style-blue.tb{border-top:2px solid #35628e!important;}
.gntable.table-style-blue thead th{border-bottom:0;}
.gntable.table-style-blue th,.gntable.table-style-blue td{border:1px solid #bbd6e8;}
.gntable.table-style-blue tr>th{background:#e5f3ff;}
.gntable.table-style-blue tbody>tr>th{background:#f7fcff;}
.gntable.table tr.last-tr{border-bottom:1px solid transparent;}
.gntable.process{border-collapse: collapse;}
.gntable.process .table-style-gray th{border:1px solid #d0d0d0;}
.gntable.process th.th-left{border:1px solid #d0d0d0;background:#eaeaea;text-align:center;font-weight:600;}
.gntable.process th.th-right{border:1px solid #bbd6e8;background:#e5f3ff;text-align:center;font-weight:600;}
.gntable.process td{text-align:center;}
.gntable.process .carr{font-size:20px;color:#78909c;border:0;}
.gntable.process tr .td-left{border:1px solid #d0d0d0;}
.gntable.process tr .td-right{border:1px solid #bbd6e8;}

.table-responsive{border:0!important;}

.sm-pd th{padding: 9px 3px}
.sm-pd td{padding: 9px 3px}
.sm-pd2 th{padding: 2px}
.sm-pd2 td{padding: 2px}

.contents .part2{margin-left: 10px; margin-bottom: 30px;}
.part3{margin-left: 20px; margin-bottom: 30px;}

.co-blue{color: blue;}
.co-white{color: #ffffff;}

.imgtext-box{margin-bottom: 20px;}
.imgtext-box div{float: left;margin: 0 10px 10px 0;}
.imgtext-box > ul{float: left;}
.img-text-list{margin-bottom: 20px;}
.img-text-list > div{display: inline-block;float: left;margin: 10px 10px 0 ;text-align: center;}
.img-text-list > div > span{display: block;margin-top: 5px;}
.img-box{margin-bottom: 45px;}
.img-box::after{content: "";display: block;clear: both}
.img-box span{display: block;float: left}
.img-box span:first-child{margin-right: 20px}
.img-box.full span{display: block;float: none}
.img-box.full span:first-child{margin-right: 0}

/* 25.03.14. 콘텐츠 이미지 배치 */
.office-img {margin-bottom: 20px;}
.office-img.list3 ul {display: grid; align-items: center; grid-template-columns: repeat(auto-fill, minmax(32.5%, auto)); gap: 5px; overflow: hidden;}
.office-img.list4 ul {display: grid; align-items: center; grid-template-columns: repeat(auto-fill, minmax(48%, auto)); gap: 5px; overflow: hidden;}
.office-img li {text-align: center; float: left;}
.office-img li span {display: block; margin-top: 5px;}

.dp-inbl{display: inline-block;}
.dp-in{display: inline;}
.dp-bl{display:block;}

#gnsubContent .contents .box{padding:15px 20px;margin-bottom:20px;}
#gnsubContent .contents .box p{margin:0;}
#gnsubContent .contents .box ul>li:nth-last-child(1){margin-bottom:0;}
#gnsubContent .contents .box p:nth-last-child(1){margin-bottom:0;}
#gnsubContent .contents .box.box-default-gray{border:1px solid #dedede;color:#555;}
#gnsubContent .contents .box.box-bg-gray{border:1px solid #dedede;background:#f7f7f7;color:#555;}
#gnsubContent .contents .box.box-border-gray{border-top:1px solid #dedede;border-bottom:1px solid #dedede;color:#555;}
/* #gnsubContent .contents .box.box-border-gray:before{border-top:2px solid #dedede;content:'';position:absolute;width:100%;height:0;left:0;top:0;} */
#gnsubContent .contents .box.box-default-blue{border:1px solid #adcee4;color:#597b9f;}
#gnsubContent .contents .box.box-bg-blue{border:1px solid #adcee4;background:#eaf4fb;color:#597b9f;}
#gnsubContent .contents .box.box-border-blue{color:#597b9f;border-top:1px solid #adcee4;border-bottom:1px solid #adcee4;}
/* #gnsubContent .contents .box.box-border-blue:before{border-top:2px solid #adcee4;content:'';position:absolute;width:100%;height:0;left:0;top:0;} */
#gnsubContent .contents .box.box-default-red{border:1px solid #eec1c1;color:#c34949;}
#gnsubContent .contents .box.box-bg-red{border:1px solid #eec1c1;background:#fff5f5;color:#c34949}
#gnsubContent .contents .box.box-border-red{color:#c34949;border-top:1px solid #eec1c1;border-bottom:1px solid #eec1c1;}
/* #gnsubContent .contents .box.box-border-red:before{border-top:2px solid #eec1c1;content:'';position:absolute;width:100%;height:0;left:0;top:0;} */
#gnsubContent .contents .box dl dt{font-size:17px;}
#gnsubContent .contents .box dl dd{margin-left:10px;}

/*  */
.desc{line-height: 22px}
.desc.text-18{line-height: 30px}
/* title */
.title1{background:url('/assets/images/office_info/img/bullet01.gif') left 2px no-repeat;padding:5px 0 0 8px;font-size:23px;font-weight:normal;margin-bottom:20px;font-weight:600;color: #065cb3}

/* list style */
.list-num > li{padding:  0 0 0 18px;text-indent:-18px;margin:  0 0 5px 0;line-height: 22px}
.list-num > li:last-child{margin-bottom: 0}
.list-num > li ul > li{text-indent: 0}
.round-list::after{content: "";display: block;clear: both}
.round-list > li{width: 50%;margin-bottom: 12px}
.round-list > li.add{float: left;width: 50%;}
.round-list > li.even{float: right;width: 50%;}
.round-list > li > div{margin-right: 6px;}
.round-list > li > div > div{position: relative;display: table;table-layout: fixed;width: 100%;height: 70px;border-radius: 34px;background-color: #f5f6f8}
.round-list > li > div > div .num{display: block;position: absolute;font-style: italic;font-size: 30px;line-height: 70px;font-weight:600;color: #d2d7e0;}
.round-list > li > div > div .sj{display: table-cell;width: 100%;height: 100%;vertical-align: middle;font-size: 16px;letter-spacing: -1px;color: #416c9b;}
.round-list > li.add > div{margin-right: 6px}
.round-list > li.add > div > div .num{right: 36px}
.round-list > li.add > div > div .sj{padding:10px 100px 10px 30px;}
.round-list > li.even > div{margin-left: 6px}
.round-list > li.even > div > div .num{left: 36px}
.round-list > li.even > div > div .sj{padding:10px 30px 10px 100px;text-align: right;}
.round-list > li.bg2 > div > div{background-color: #ebf2fa}
.round-list > li.bg2 > div > div .num{color: #cad6e9;}
.round-list > li.bg2 > div > div .sj{color: #5280da;}
.round-list2::after{content: ""; display:block; clear:both}
/* 24.08.29. 신중년일자리센터 적용 시 BG삭제(적용 사이트:청소년상담복지센터, 신중년일자리센터)
.round-list2{background: url('/assets/images/office_info/img/gnyc/bg_round_list2.gif') center top no-repeat;background-size: 100% 70px;}
*/
.round-list2 > li{float:left; width:30%; margin-right:0.625rem; display:block; }
.round-list2 > li:last-child{margin-right:0;}
.round-list2 > li > div{position:relative; width: 100%; min-height:160px;}
.round-list2 > li.bg2 > div > dl > dt {background-color:#eaf1f9}

.round-list2 > li > div > dl{margin:0 0.625rem 0 0; display:block;}
.round-list2 > li > div > dl dt{display:table; table-layout:fixed; width:100%; height:70px; margin-bottom:1rem;background-color:#ebecef;border-radius:35px;padding-left: 2.5rem;}
.round-list2 > li > div > dl dd {padding-left: 1.5rem;}
.round-list2 > li > div > dl dt > span{display:table-cell; width:100%; height:100%; vertical-align:middle; font-size:16px; color: #416c9b;}
.round-list2 > li.even > div > dl dt > span{color: #5280d2;}
.round-list2 > li > div > dl dd ul li{margin-bottom:5px; font-size:16px;}

.round-list3::after{content: "";display: block;clear: both}
.round-list3 > li{width: 50%;margin-bottom: 12px}
.round-list3 > li.add{float: left;width: 50%;}
.round-list3 > li.even{float: right;width: 50%;}
.round-list3 > li > div{margin-right: 6px;}
.round-list3 > li > div > div{position: relative;width: 100%;height: 180px;border-radius: 90px;background-color: #f5f6f8}
.round-list3 > li > div > div .num{display: block;padding: 45px 0 15px 55px;font-size: 30px;font-style: italic;color: #d2d7e0;font-weight:600;}
.round-list3 > li > div > div .sj{display: block;padding: 0 0 0 55px;font-size: 16px;color: #416c9b}
.round-list3 > li.add > div{margin-right: 6px}
.round-list3 > li.even > div{margin-left: 6px}
.round-list3 > li.bg2 > div > div{background-color: #edf4fc}
.round-list3 > li.bg2 > div > div .num{color: #cad6e9;}
.round-list3 > li.bg2 > div > div .sj{color: #5280d2;}
.round-list4::after{content: "";display: block;clear: both}
.round-list4{background: url('/assets/images/office_info/img/gnyc/s42-21.jpg') center top no-repeat;background-size: 100% 70px;}
.round-list4 > li{float: left;width: 14%;margin-bottom: 12px}
.round-list4 > li div{display: table;table-layout: fixed;width: 100%;border-radius:35px ;height: 70px;}
.round-list4 > li div span{display:table-cell;width: 100%;height: 100%;padding-left: 30px;text-align: center;vertical-align: middle;color: #416c9b}
.round-list4 > li:first-child div span{padding-left: 10px}
.round-list4 > li:nth-child(even) div span{color: #5280d2}
.round-list5::after{content: "";display: block;clear: both}
.round-list5{background: url('/assets/images/office_info/img/gnyc/s42-31.jpg') center top no-repeat;background-size: 100% 70px;}
.round-list5 > li{float: left;width:24%;}
.round-list5 > li div{display: table;table-layout: fixed;width: 100%;border-radius:35px ;height: 70px;}
.round-list5 > li div span{display:table-cell;width: 100%;height: 100%;padding-left: 30px;text-align: center;vertical-align: middle;color: #416c9b}
.round-list5 > li:first-child div span{padding-left: 10px}
.round-list5 > li:nth-child(even) div span{color: #5280d2}
/* 24.08.28. 신중년일자리센터 스타일 추가 */
.round-list6::after{content: "";display: block;clear: both}
.round-list6 > li{width: 50%;margin-bottom: 12px}
.round-list6 > li.add{float: left; width: 50%;}
.round-list6 > li.even{float: right; width: 50%;}
.round-list6 > li > div{margin-right: 6px;}
.round-list6 > li > div > div{position: relative;width: 100%;height:240px; border-radius:50px; background-color: #f5f6f8}
.round-list6 > li > div > div .num{display:block; padding: 20px 0 5px 30px; font-size:1.75rem; font-style:italic; color:#3566b2; font-weight:600;}
.round-list6 > li > div > div .sj{display:block; font-weight:500; padding: 0 0 0 2rem; font-size:16px; color:#416c9b; margin-top:5px;}
.round-list6 > li > div > div .con{display:block; font-weight:400; padding: 0 0 0 2.625rem; font-size:16px; color:#3566b2; margin:0;}
.round-list6 > li.add > div{margin-right: 6px}
.round-list6 > li.even > div{margin-left: 6px}
.round-list6 > li.bg2 > div > div{background-color: #e7f7f6;}
.round-list6 > li.bg2 > div > div .num{color: #22aa9e;}
.round-list6 > li.bg2 > div > div .sj{color: #008485;}
.round-list6 > li.bg2 > div > div .con{color: #22aa9e;}
.arr-list::after{content: "";display: block;clear: both}
.arr-list li{position: relative;float: left;padding: 0 13px 0 17px;}
.arr-list li::before{content: "▶"; display: block;position: absolute;left:0; top:-2px;font-size: 10px;}
.arr-list li.first{padding-left: 0}
.arr-list li.first::before{display: none}
.arr-list.green li::before{color: #648a04;}
.bull-list > li{position: relative;padding: 0 13px 0 10px;margin:  0 0 5px 0}
.bull-list > li:last-child{margin-bottom: 0}
.bull-list > li::before{content: ""; display: block;position: absolute;left:0; top:8px;width:2px;height:2px;border-radius: 50%;background-color: #333}
.bull-list2 > li{position: relative;padding: 0 13px 0 10px !important;background: none !important}
.bull-list2 > li::before{content: ""; display: block;position: absolute;left:0; top:8px;width:3px;height:1px;border-radius: 50%;background-color: #5e5e5e;}

.note{padding-left:15px;text-indent: -15px}
.li-table{display: table; table-layout: fixed;}
.li-table > span{display: table-cell;min-width: 40px}
.li-table > span:last-child{padding-left: 10px}

.contents .tab-menu{list-style:none;}
.contents .tab-menu li{display: table;table-layout: fixed;float:left;width: 20%;height: 45px;border-top:1px solid #bbb;border-left:1px solid #bbb;border-bottom:1px solid #bbb;text-align:center;padding:0;background:none!important;}
.contents .tab-menu li.col-md-6{width: 50%;} /* col2 */
.contents .tab-menu li.col-md-5{width: 20%;} /* col5 */
.contents .tab-menu li.col-md-4{width: 33.33333333%;} /* col3 */
.contents .tab-menu li.col-md-3{width: 25%;} /* col4 */
.contents .tab-menu li.col-md-2{width: 16.66666667%;} /* col6 */
.contents .tab-menu li:nth-last-child(1){border-right:1px solid #bbb;}
.contents .tab-menu li a{display:table-cell;width: 100%;height:100%;color:#454545;vertical-align: middle;padding:  0 3px}
.contents .tab-menu li a:hover,.sub .sub-header .tab-menu li a:visited,.sub .sub-header .tab-menu li a:focus{color:#666;text-decoration:none;}
.contents .tab-menu li.active a{background:#646b7e;color:#fff;font-weight:600;}

.contents blockquote {padding:10px 20px; margin:0 0 20px; border-left:5px solid #dde4eb; font-size:17px; word-break:keep-all;}

.tab-menu.type2{}
.tab-menu.type2 li{position: relative;height: 60px;background-color: #f1f5fa !important;border: none}
.tab-menu.type2 li:first-child::before{display: none}
.tab-menu.type2 li::before{content: "";display: block;width: 1px;height: 20px;position: absolute;left:0;top:21px;border-left: 1px dashed #c6d9eb}
.tab-menu.type2 li:nth-last-child(1){border: none}
.tab-menu.type2 li a{color:#41688e;font-weight:600;}
.tab-menu.type2 li a span{display: inline-block;position: relative;}
.tab-menu.type2 li a:hover,
.sub .sub-header .tab-menu.type2 li a:visited,
.sub .sub-header .tab-menu.type2 li a:focus{color:#41688e;text-decoration:none;}
.tab-menu.type2 li.active a{background: transparent;color:#41688e;}
.tab-menu.type2 li.active a span::after{content: "";display: block;width: 18px;height: 2px;position: absolute;bottom:-10px; left:50%;margin-left: -9px;background-color: #41688e}

.tab-content{padding: 50px 0 30px 0}
.box1{padding: 30px;background-color: #e9eadc}
.box2{padding: 50px 10px;border: 1px solid #dbdbdb}
.x-scroll{overflow-x: auto;padding-top: 1px}
.info-scroll{display: none;margin-bottom: 10px ;text-align: center;}
.info-scroll img{width: 130px}
.map_wrap .root_daum_roughmap .section_address .txt{font-size: 14px}
.map{width: 100%;}
.map>div{width: 100%}

.location_map{height:450px;}
.map_wrap>div{width: 100%}

/* 예약안내 */
/* apply bbs info */
.apply-info-cont {overflow:hidden;border-bottom:2px solid #555;margin-bottom:20px}
.apply-info-cont>.apply-title {font-size:18px;font-weight:700;padding:18px 0;border-bottom:1px solid #dadada;text-align:center;margin-bottom:30px}
.apply-info-list {padding:10px 0;background-color:#fafafa;border-bottom:1px solid #dadada;margin-bottom:15px}
.apply-info-list>li {background:none!important;padding:3px 15px!important}
.apply-info-list>li:before {font-family:"fontAwesome";content:"\f054";margin-right:5px;font-size:11px;color:#e91e63}
.main-cont {padding:0 15px 15px 15px}
.apply-view-file {font-size:13px;padding:8px 0 0 0;color:#666;background-color:#f5f5f5;border-bottom:1px solid #dadada}
.apply-view-file>button {font-weight:700;padding-left:12px;color:#555;padding-bottom:8px}
.apply-view-file>button:before {font-family:"fontAwesome";content:"\f016";font-size:12px;font-weight:400}
.apply-view-file>.dropdown-menu {min-width:auto;width:100%;position:relative;border:0}
.apply-view-file>.view-file-list {border-bottom:1px solid #dadada;border-radius:0;box-shadow:0 0 0;font-size:12px;background-color:#fafafa;padding-left:12px;border-top:1px solid #eaeaea;margin-top:0;transition:opacity 1s ease-out;}
.apply-view-file>.view-file-list>ul>li {background:none;padding:3px}
.apply-view-file>.view-file-list>ul>li>a {padding:3px 15px 3px 5px;white-space:inherit}
.apply-view-file>.view-file-list>ul>li>a:hover, .board.view .bbs-view .bbs-view-file>.view-file-list>ul>li>a:focus {background:none;color:#1378cb}
/* apply bbs tab */
.apply-top-menu {border-bottom:2px solid #4150b7}
.apply-top-menu>a, .apply-top-menu>button {display:inline-block;padding:8px 15px;background-color:#cecece;color:#fff!important;font-size:15px}
.apply-top-menu>a:hover, .apply-top-menu>a:focus {color:#fff}
.apply-on {background-color:#4150b7!important}
/* apply bbs info */
.apply-status-info-txt {padding:10px;background:#f5f5f5;font-weight:700;border-top:1px solid #dadada;border-bottom:1px solid #dadada}
.apply-status-info-txt>.label-sm {padding:4px 5px;margin-right:5px;border-radius:0}
.apply-info-view-list {}
.apply-info-view-list>li {background:none!important;padding:8px 0!important;clear:both;overflow:hidden;border-bottom:1px solid #dadada}
.apply-info-view-list>li:first-child {border-top:1px solid #dadada}
.apply-info-view-list>li>.apply-info-title {float:left;display:block;width:22%;font-weight:700;max-width:22%;position:relative}
.apply-info-view-list>li>.apply-info-txt {float:left;display:block;width:77%;color:#555}
.apply-info-view-list>li>.apply-info-txt>.label-sm {padding:4px 5px;margin-right:5px;border-radius:0}
.apply-info-view-list>li>label {margin-bottom:0;display:block;width:22%;float:left;max-width:22%}
.apply-info-view-list>li>.apply-info-title:before, .apply-info-view-list>li>label:before {font-family:"fontAwesome";content:"\f054";margin:0 8px 0 11px;color:#E91E63;font-size:11px}
.add-reqst-list>li:first-child {border-top:0}
/* apply bbs add */
.apply-add-cont-top>.apply-add-title {text-align:center;padding:18px 0;border-bottom:1px solid #dadada;font-size:18px;font-weight:700;margin-bottom:0}
.apply-add-cont-top>.apply-txt-info {background-color:#f5f5f5;padding:5px;border-bottom:1px solid #dadada;text-align:right}
.apply-add-info {margin-bottom:20px;border-bottom:2px solid #555}
.apply-add-info>fieldset input[type="text"] {font-size:13px}
.apply-add-info>fieldset>div {border-bottom:1px solid #dcdcdc;clear:both;overflow:hidden;margin-bottom:0}
.apply-add-info>fieldset>div>div {padding-right:0!important;padding-left:0!important;padding:12px 0}
.apply-add-info>fieldset>div>div>label {padding:5px 0; margin:0;}
.apply-add-info>fieldset>div>div>label:before {font-family:"fontAwesome";content:"\f054";font-size:11px;color:#00BCD4}
.apply-add-info>fieldset>div>div>label.add-required:after {content:"*";color:#d20917;font-weight:700}
.pri-sel-list {background:#f5f5f5;padding:10px 15px;margin-top:8px}
.pri-sel-list>ul>li {background:none!important;padding:0!important}
.pri-sel-list>ul>li>ul {padding-left:13px;color:#777}
.pri-sel-list>ul>li>ul>li {position:relative;background:none!important;padding:2px 12px!important}
.pri-sel-list>ul>li>ul>li:before {content:"-";margin-right:5px;position:absolute;left:0;display:block}

.agree_box {max-height: 170px; padding:15px 15px; overflow-x:hidden; overflow-y:auto; border:1px solid #e6e6e6; margin-top: 10px;}
.agree_box h5 {font-size:18px !important;}
.agree_box_ul li {margin-bottom:10px;line-height: 20px;}
.agree_box_ul li span {padding-left:10px;}

.apply-none {text-align:center;margin-top:25px;margin-bottom:55px;font-size:17px;font-weight:700;color:#555}
.apply-none:before {font-family:"fontAwesome";content:"\f071";display:block;font-size:60px;color:#cf5759}

.reqst-reply-area {margin-top:20px;border-top:2px solid #555}
.reqst-reply-area .reply-list>div>div>h5 {background:none!important;padding-left:0;font-size:13px;margin-bottom:0;padding-top:5px;padding-bottom:10px;border-bottom:1px solid #ddd;display:block}
.reqst-reply-area .reply-list>div>div>h5>a:before {content:"Re";font-size:12px;padding:2px 5px;background-color:#61cbd8;color:#fff;border-radius:3px}
.reqst-reply-area .reply-list>div>div>.panel-body {background:#fafafa;border:1px solid #ddd;border-top:0!important;color:#666}
.reqst-reply-area .reply-list>div:first-child>.panel-heading {margin-top:5px}
.reply-file {margin-top:10px;border-top:1px solid #ccc}
.reply-file>ul {margin-top:10px}
.reply-file>ul>li {background:none!important;padding-left:0!important}

/* radio check */
.check-inline{display: inline-block;}
.clip-check {margin-bottom:10px;margin-top:10px;padding-left:0;position:relative;}
.clip-check label {cursor:pointer;display:inline-block;font-size:15px;margin-right:15px;padding-left:30px !important;position:relative;line-height:23px;transition:border 0.2s linear 0s, color 0.2s linear 0s;white-space:nowrap;}
.clip-check label:before {background-color:#ffffff;border:1px solid #c8c7cc;content:"";display:inline-block;height:20px;left:0;margin-right:10px;position:absolute;width:20px;border-radius:0;top:1px;transition:border 0.2s linear 0s, color 0.2s linear 0s;}
.clip-check label:after {display:inline-block;font-size:11px;height:19px;left:4px;position:absolute;top:-1px;transition:border 0.2s linear 0s, color 0.2s linear 0s;width:19px;}
.clip-check input[type="checkbox"]{position:absolute;width:20px;padding-bottom:20px;opacity:0.5;margin:0;height:24px;top:0;left:0;}
.clip-check input[type="checkbox"]:checked + label:before {border-width:10px;}
.clip-check input[type="checkbox"]:checked + label:after {color:#fff;content:"\f00c";font-family:"FontAwesome";}
.clip-check input[type="checkbox"][disabled] + label {opacity:0.65;}
.clip-check input[type="checkbox"][disabled] + label:before {background-color:#F8F8F8;}
.clip-check.check-md label {margin-right:15px;padding-left:35px !important;line-height:28px;}
.clip-check.check-md label:before {height:25px;width:25px;}
.clip-check.check-md label:after {font-size:15px;height:24px;left:5px;width:24px;}
.clip-check.check-md input[type="checkbox"]:checked + label:before {border-width:12px;}
.clip-check.check-lg label {margin-right:15px;padding-left:40px !important;line-height:33px;}
.clip-check.check-lg label:before {height:30px;width:30px;}
.clip-check.check-lg label:after {font-size:17px;height:29px;left:6px;width:29px;}
.clip-check.check-lg input[type="checkbox"]:checked + label:before {border-width:15px;}
.clip-check.check-success input[type="checkbox"]:checked + label:before {border-color:#5cb85c;}
.clip-check.check-primary input[type="checkbox"]:checked + label:before {border-color:#007AFF;}
.clip-check.check-warning input[type="checkbox"]:checked + label:before {border-color:#eea236;}
.clip-check.check-danger input[type="checkbox"]:checked + label:before {border-color:#d43f3a;}
.clip-check.check-info input[type="checkbox"]:checked + label:before {border-color:#46b8da;}
.clip-check.check-purple input[type="checkbox"]:checked + label:before {border-color:#804C75;}

.clip-radio {/* margin-bottom:10px;margin-top:10px;*/padding-left:0;position:relative;display:inline-block;}
.clip-radio.radio-inline{margin-left:0;}
.clip-radio label {cursor:pointer;display:inline-block;background:#fff;font-size:15px;margin-right:15px;padding-left:25px !important;position:relative;/* margin-bottom:6px; */line-height:23px;}
.clip-radio label:before {background-color:#ffffff;border:1px solid #d0d0d0;content:"";display:inline-block;height:20px;top:3px;left:0;margin-right:10px;position:absolute;width:20px;border-radius:99px;bottom:2px;transition:all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s;}
.clip-radio label:after {border:1px solid #c8c7cc;content:"";display:inline-block;height:20px;top:3px;left:0;margin-right:10px;position:absolute;width:20px;border-radius:99px;bottom:2px;transition:all 0.3s cubic-bezier(0.455, 0.03, 0.215, 1.33) 0s;}
.clip-radio input[type="radio"]{position:absolute;width:100%;padding-bottom:20px;opacity:0.5;margin:0;height:20px;top:3px;}
.clip-radio input[type="radio"]:checked + label:before {border-width:6px;background:#F8F8F8;border-color:#ffffff;}
.clip-radio input[type="radio"][disabled] + label {opacity:0.65;}
.clip-radio input[type="checkbox"]{position:absolute;width:100%;padding-bottom:20px;opacity:0.5;margin:0;height:20px;top:3px;}
.clip-radio input[type="checkbox"]:checked + label:before {border-width:6px;background:#F8F8F8;border-color:#ffffff;}
.clip-radio input[type="checkbox"][disabled] + label {opacity:0.65;}
.clip-radio input[type="checkbox"]:checked + label:before {background:#007AFF;}
.clip-radio.radio-md label {padding-left:30px !important;line-height:28px;}
.clip-radio.radio-md label:before {height:25px;width:25px;}
.clip-radio.radio-md label:after {height:25px;width:25px;}
.clip-radio.radio-md input[type="radio"] {display:none;}
.clip-radio.radio-md input[type="radio"]:checked + label:before {border-width:7px;}
.clip-radio.radio-lg label {padding-left:35px !important;line-height:33px;}
.clip-radio.radio-lg label:before {height:30px;width:30px;}
.clip-radio.radio-lg label:after {height:30px;width:30px;}
.clip-radio.radio-lg input[type="radio"] {display:none;}
.clip-radio.radio-lg input[type="radio"]:checked + label:before {border-width:8px;}
.clip-radio.radio-success input[type="radio"]:checked + label:before {background:#5cb85c;}
.clip-radio.radio-primary input[type="radio"]:checked + label:before {background:#007AFF;}
.clip-radio.radio-info input[type="radio"]:checked + label:before {background:#46b8da;}
.clip-radio.radio-warning input[type="radio"]:checked + label:before {background:#eea236;}
.clip-radio.radio-danger input[type="radio"]:checked + label:before {background:#d43f3a;}
.clip-radio.radio-purple input[type="radio"]:checked + label:before {background:#804C75;}

/* 개인정보 처리 방침 */
.policy .desc{margin-bottom: 45px;line-height: 24px}
.policy h3{font-size:30px; font-weight:500; letter-spacing:-0.125rem; margin-bottom:30px;}
.policy .part2{margin-bottom: 45px}
.policy ul li{margin-bottom: 5px;line-height: 22px}
.policy ol li ul{margin: 10px 0 10px 0}
.policy ol li ol{margin: 10px 0 20px 0}
.policy ol > li{line-height: 24px}
.policy .bull-list2 > li::before{top:11px;}
.policy .bull-list > li::before{top:11px;}
.a-link{text-decoration: underline;color: #337ab7}

/* 달력형 게시판 */
#calendar>.fc-toolbar h2 {font-family:"Nanum Square"}
#calendar>.fc-view-container {margin-top:30px}
#calendar>.fc-view-container>.fc-month-view>table {border-top:2px solid #0088cf}
#calendar>.fc-view-container>.fc-basicWeek-view>table {border-top:2px solid #009688}
#calendar .fc-day-header {padding:10px 0;background-color:#fafafa}
#calendar .fc-sun {color:#d20000}
#calendar .holiday-color {color:#d20000}
#calendar .fc-sat {color:#1074c3}
#calendar .table_calendar > tbody > tr {height: 130px; min-height: auto;}
#calendar .table_calendar > tbody > tr > td, .table_calendar > thead > tr > th {border:1px solid #ddd}
#calendar .table_calendar > tbody > tr > td{vertical-align:top;}
#calendar .calendar_day {text-align:right; padding-right:10px;padding-bottom:10px;overflow:hidden}
#calendar .calendar_day p, .calendar_day span{float:right}
#calendar .fc-content{line-height: 2.1;}
#calendar .fc-past {background-color: #EAEAEA;}
.fc-basic-view td.fc-week-number span, .fc-basic-view td.fc-day-number {padding-top:5px;padding-right:5px}
.fc-state-default {background:#f5f5f5!important;border-radius:0!important;box-shadow: 0 0 0!important;border:0!important;text-shadow:0 0 0!important}
.fc-prev-button, .fc-next-button {background:#607d8b!important}
.fc-prev-button:hover, .fc-next-button:hover,.fc-prev-button:focus, .fc-next-button:focus {background:#496471!important}
.fc-prev-button>span, .fc-next-button>span {color:#fff}
.fc-today-button {background:#ff9800!important;color:#fff!important;text-shadow:0 0 0!important}
.fc-month-button {background:#0088cf!important;color:#fff!important}
.fc-basicWeek-button {background:#009688!important;color:#fff!important}
.fc-highlight {background:#ddd!important}
/* .fc-event {background-color:#2196f3!important;padding:1px 2px!important;border:0!important} */
.fc-content>.fc-title {cursor:pointer}

/* resv bbs */
.resv-top {text-align:center;margin-bottom:20px}
.resv-top>a {padding:8px 15px;font-size:21px;color:#999}
.resv-top>a.prev-week:after {font-family:"fontAwesome";content:"\f053";margin-left:10px}
.resv-top>a.next-week:before {font-family:"fontAwesome";content:"\f054";margin-right:10px}
.resv-top>.weekly {font-size:30px;font-family:"Nanum Square"}
.resv-table>table {width:100%;border-bottom:1px solid #dadada;border-top:3px solid #3f51b5;border-right:1px solid #dadada}
.resv-table>table>thead>tr:last-child {border-bottom:2px solid #dadada}
.resv-table>table>thead>tr>th {padding:10px;background-color:#f3f5ff;border-left:1px solid #dadada;border-bottom:1px solid #dadada;text-align:center;vertical-align:middle;color:#3f51b5}
.resv-table>table>tbody>tr>th, .resv-table>table>tbody>tr>td {border-left:1px solid #dadada;border-top:1px solid #dadada;text-align:center}
.resv-table>table>tbody>tr>th {font-weight:500;vertical-align:middle;background-color:#fafafa;color:#555}
.resv-table>table>tbody>tr>th, .resv-table>table>tbody>tr>td {padding:15px 10px;line-height:30px}
.resv-table p {margin-bottom:0px!important}
.resv-table th.day {background-color:#fafafa!important;color:#555!important}

/* 프로세스 24.6.12.추가 */
.apply-inner {min-height: 100px; border: 1px solid #a1a9c6; text-align: center; border-radius: 8px; overflow: hidden;}
.apply-inner > .title {padding: 10px 0px; background-color: #edeff4; border-bottom: 1px solid #a1a9c6; color: #404d78;}
.apply-inner > .txt {padding: 5px;}

.list-col-3 > li {float: left; width: 33%; padding-left: 15px; padding-right: 15px;}
.list-col-4 > li {float: left; width: 25%; padding-left: 15px; padding-right: 15px;}
.list-col-5 > li {float: left; width: 20%; padding-left: 15px; padding-right: 15px;}

.list-arrow2 > li {position: relative;}
.list-arrow2 > li:after {font-family: "fontAwesome"; content: "\f061"; color: #2D658B; position: absolute; top: 42%; right: -5px;}
.list-arrow2 > li:last-child:after {display: none;}

.list-arrow3 > li {position: relative;}
.list-arrow3 > li:after {font-family: "xeicon"; content: "\e93e"; color: #404d78; position: absolute; top: 48px; right: -7px;}
.list-arrow3 > li:last-child:after {display: none;}

.apply-inner.red {border: 1px solid #dd8692; border-radius: 5px; overflow: hidden;}
.apply-inner.red > .title {background-color: #faeef0; border-bottom: 1px solid #dd8692; color: #333;}
.list-arrow_red > li {position: relative;}
.list-arrow_red > li:after {content: ""; position: absolute; top: 42%; right: -5px; background: url(/assets/portal/image/202404/ico-progress-right.png) no-repeat; width: 13px; height: 14px;}
.list-arrow_red > li:last-child:after {display: none;}

@media screen and (max-width: 768px) {
	.list-arrow2 > li:after {content: "\f063"; left: 50%; bottom: 5px; top: inherit; right: inherit; } .list-arrow3 > li:after {content: "\e941"; left: 50%; bottom: 5px; top: inherit; right: inherit; }
	.list-arrow_red > li:after {content: ""; position: absolute; top: 82%; right: 47.5%; background: url(/assets/portal/image/202404/ico-progress-right.png) no-repeat; height: 13px; transform: rotate(90deg); }
	.list-col-3 > li,
	.list-col-4 > li,
	.list-col-5 > li {width: 100%; padding-bottom: 30px;}
	.apply-inner {min-height: auto;}
}

/* 이미지 변경 24.6.18.추가 */
.display_pc {display:block;}
.display_mb {display:none;}

@media screen and (max-width: 600px){
	.display_pc {display:none;}
	.display_mb {display:block;}
}

/* 박스 리스트 24.06.18.추가 */
.note_apply ul li {width: 50%; padding: 5px; float: left; text-align: center;}
.note_apply ul li > div { border-radius: 10px; border: 2px solid #edeff4; background: #edeff4; min-height: 160px;}
.note_apply ul li > div > p { border-radius: 10px 10px 0 0; background: #536297; color: #fff; padding: 10px; font-weight: 600; margin: 0;}
.note_apply ul li > div > dl { padding: 10px; color: #536297; background: #edeff4;}
.note_apply ul li > div > dl dt { font-size: 18px;}
.note_apply ul li > div > dl dt > span { display: block; font-size: 14px;}
.note_apply ul li > div > dl dt:after { content: ""; display: block; margin: 10px auto; width: 33%; height: 1px; background: #a1a9c6;}
.note_apply ul li > div > dl dd { color: #5e5e5e; text-align: left; margin-left: 10px;}
.note_apply ul li > div > dl dd:before { content: "\e91b"; font-family: xeicon; color: #333; font-size: 14px; display: inline-block; width: 14px;}
.note_apply ul li > div > dl dd > strong { display: block; margin-bottom: 5px;}
.note_apply ul li > div > dl dd.align-c { text-align: center;}

.note_apply.gray ul li > div { border-radius: 10px; border: 2px solid #f7f7f7; background: #f7f7f7; min-height: 120px;}
.note_apply.gray ul li > div > p { background: #555; color: #fff;}
.note_apply.gray ul li > div > dl { padding: 10px; color: #555; background: #f7f7f7;}
.note_apply.gray ul li > div > dl dt:after { content: ""; display: block; margin: 10px auto; width: 33%; height: 1px; background: #dedede;}

@media screen and (max-width: 480px) {
	.note_apply ul li {width: 100%; float: none;}
}

/************************************************** 기존사이트 css 적용 **************************************************************/
/************************************************** 대치노인복지센터 ****************************************************************/


/************************************************** 역삼재가노인데이케어센터 *******************************************************/
/* 역삼재가노인데이케어센터  > 생활일정표 */
.ysswc-cont .table-program {border-collapse: collapse;}
.ysswc-cont .table-program td,
.ysswc-cont .table-program th {text-align: center; border:1px solid #000; word-break: break-all; }
.ysswc-cont .table-program th {width: 58px;}
.ysswc-cont .fc-skyblue {color: #92cddc; font-weight: 700;}
.ysswc-cont .fc-purple {color: #b1a0c7; font-weight: 700;}
.ysswc-cont .fc-green {color: #c4d79b; font-weight: 700;}
.ysswc-cont .fc-red {color: red; font-weight: 700;}
.ysswc-cont .cell-skyblue {background: #92cddc;}
.ysswc-cont .cell-purple {background: #b1a0c7;}
.ysswc-cont .cell-green {background: #c4d79b;}
.ysswc-cont .cell-pink {background: #da9694;}
.ysswc-cont .table-program .sm-logo{position:absolute;top:-5px;right:20px;}
/* 센터안내  > 법인소개 - 법인연혁*/
.ysswc-cont .history_tb{padding-top:10px; }
.ysswc-cont .history_tb th{text-align:left; vertical-align:top;}
.ysswc-cont .history_tb .year_title>div{padding-bottom:12px;width:56px; border-bottom:2px solid #4f4f52; font-size:20px; color:#999; font-weight:600;}
.ysswc-cont .history_tb td{padding:14px 0 13px; color:#6b6b6b; border-top:1px solid #e4e4e4;}
.ysswc-cont .history_tb .year>div{padding:10px 0 10px; width:56px; vertical-align:top; font-size:22px; font-weight:600;}
.ysswc-cont .history_tb tr.top .month{border-top:2px solid #82a920;}
.ysswc-cont .history_tb tr.top .txt{border-top혁2px solid #4f4f52;}
.ysswc-cont .history_tb tr.last .month{border-bottom:2px solid #82a920;}
.ysswc-cont .history_tb tr.last .txt{border-bottom:2px solid #4f4f52;}
.ysswc-cont .history_tb tr.last .year>div{border-bottom:2px solid #4f4f52;}
.ysswc-cont .history_tb .month{text-align:center; background:url("/assets/images/office_info/img/ysenior/bar_2.gif") no-repeat right 20px;font-size:15px; color:#7b9a2d; font-weight:600; }
.ysswc-cont .history_tb .txt{padding-left:20px; }
.ysswc-cont .history_tb .last_year div{height:110px; border-bottom:2px solid #4f4f52;}

/************************************************** 강남지역자활센터 *****************************************************/
/* 센터소개  > 인사말 */
.gjhope-cont .gjhope-greeting .img::after{content: "";display: block;clear: both}
.gjhope-cont .gjhope-greeting .img span{display: block;float: left}
.gjhope-cont .gjhope-greeting .img strong{display: block;float: right;padding: 50px 0 0 0}
/* 센터소개  > 연혁 */
.gjhope-cont .sub121 {margin: 40px 0px 0px 30px;}
.gjhope-cont .sub121 .sub121_01 {background-position: bottom; width: 100%; padding-bottom: 20px; float: left; background-image: url("/upload/mnt/doc/bbs/2019/07/15/2cb5f4df-9688-4f6b-965d-c8291cce964d.gif"); background-repeat: repeat-x;}
.gjhope-cont .sub121 .sub121_01 dt {width: 104px;height: 104px;text-align: center;color: rgb(255, 255, 255);letter-spacing: -0.05em;padding-top: 32px;font-size: 30px;font-weight: 800;float: left;background-image: url("/upload/mnt/doc/bbs/2019/07/15/3d72116d-af3e-45b7-a975-513626863976.gif");background-repeat: no-repeat;}
.gjhope-cont .sub121 .sub121_01 dd {float: left; }
.gjhope-cont .sub121 .sub121_01 dd .sub121_02 {margin: 0px 0px 7px 80px; color: rgb(88, 88, 88); font-size: 14px; font-weight: normal; }
.gjhope-cont .sub121 .sub121_01 dd .li_last {margin: 0px 0px 0px 90px; }
.gjhope-cont .sub121 .sub121_01 dd .sub121_02 b {width: 80px; color: rgb(57, 57, 57); display: inline-block; }
.gjhope-cont .sub121 .sub121_03 {background-position: bottom; width: 100%; padding-bottom: 20px; padding-top: 20px; float: left;background-image: url("/upload/mnt/doc/bbs/2019/07/15/2cb5f4df-9688-4f6b-965d-c8291cce964d.gif"); background-repeat: repeat-x;}
.gjhope-cont .sub121 .sub121_03 dt {width: 104px; height: 104px; text-align: center; color: rgb(255, 255, 255); letter-spacing: -0.05em; padding-top: 32px; font-size: 30px; font-weight: 800; float: left;background-image: url("/upload/mnt/doc/bbs/2019/07/15/3d72116d-af3e-45b7-a975-513626863976.gif");background-repeat: no-repeat;}
.gjhope-cont .sub121 .sub121_03 dd {float: left;}
.gjhope-cont .sub121 .sub121_03 dd .sub121_04 {margin: 0px 0px 7px 80px; color: rgb(88, 88, 88); font-size: 14px; font-weight: normal;}
.gjhope-cont .sub121 .sub121_03 dd .li_last {margin: 0px 0px 0px 90px;}
.gjhope-cont .sub121 .sub121_03 dd .sub121_04 b {width: 80px; color: rgb(57, 57, 57); display: inline-block;}
.gjhope-cont .sub121 .sub121_01 dl{position: relative;min-height: 104px;padding: 0 0 0 104px ;}
.gjhope-cont .sub121 .sub121_01 dl dt{position: absolute;left:0;}
.gjhope-cont .sub121 .sub121_03 dl{position: relative;min-height: 104px;padding: 0 0 0 104px ;}
.gjhope-cont .sub121 .sub121_03 dl dt{position: absolute;left:0;}
.gjhope-cont .gjhope-addr{max-width:380px;padding: 15px 0 0 0;margin-bottom: 40px !important;border-top: 1px solid #b1b1b1;color:#656565}

/************************************************** 역삼노인복지센터 *****************************************************/
.ysenior-cont .font-green {color: #79a210; vertical-align: top;}
.ysenior-cont .clfx:after{clear: both; content: ""; display: block; }

/* 센터안내  > 법인소개 > 재단소개*/
.ysenior-cont .intro_tab{margin-bottom:56px; }
.ysenior-cont .intro_tab ul li{float:left; width:33.33%;}
.ysenior-cont .intro_tab ul li a{padding:14px 0; text-align:center; display:block; border:1px solid #e1e2e3; font-size:15px; color:#686868; font-weight:600; }
.ysenior-cont .intro_tab ul li.tab_on a{border:1px solid #88b023; color:#7b9a2d;}
.ysenior-cont .intro_1 .txt_1{padding:7px 0 14px; font-size:20px; color:#6f5e3a; }
.ysenior-cont .intro_1 .f-green{vertical-align:top; color:#79a210;}
.ysenior-cont .intro_1 .txt_3{margin-bottom:21px; padding:52px 0 60px; text-align:center; line-height:1.4; border:1px solid #dbdbdb; font-size:15px; color:#7d7d7d; font-weight:600;}
.ysenior-cont .intro_1 .txt_3 strong{color:#333; }
.ysenior-cont .intro_1 dd div{height:155px; line-height:1.8; display:table-cell; vertical-align:middle;}
.ysenior-cont .intro_1 dd ul li{margin-bottom:2px;  padding-left:10px; background:url("/assets/images/office_info/img/ysenior/bulit_2.gif") no-repeat 0 7px; line-height:1.6; }
.ysenior-cont .intro_1 .txt_2{padding:0 0 32px 0; line-height:1.7; }
.ysenior-cont .intro_1 dl{display: table;table-layout: fixed;width: 100%;border:1px solid #dbdbdb;margin-bottom: 21px}
.ysenior-cont .intro_1 dl dt{display: table-cell; width:128px;height: 100%;text-align:center;border-right:1px solid #dbdbdb;background-color: #f8f8f8; font-size:15px; font-weight:600;vertical-align: middle;}
.ysenior-cont .intro_1 dl dt span{display: block;padding-top: 55px;background: url("/assets/images/office_info/img/ysenior/intro_img_1.jpg") no-repeat center top;}
.ysenior-cont .intro_1 dl dt.icon_1 span{display: block;padding-top: 55px;background: url("/assets/images/office_info/img/ysenior/intro_img_2.jpg") no-repeat center top;}
.ysenior-cont .intro_1 dl dd{display: table-cell;width: 100%;height: 100%;padding:10px 15px}
.ysenior-cont .intro_1 .txt_4{display: table;table-layout: fixed;width: 100%;padding:45px 0 40px;}
.ysenior-cont .intro_1 .txt_4 h5{display: table-cell;width:145px; font-size:16px; font-weight:600; }
.ysenior-cont .intro_1 .txt_4 p{display: table-cell; line-height:1.7; }
/* 센터안내  > 법인소개 > 주요연혁 */
.ysenior-cont .history_tb{padding-top:10px; }
.ysenior-cont .history_tb th{text-align:left; vertical-align:top;}
.ysenior-cont .history_tb .year_title>div{padding-bottom:12px;width:56px; border-bottom:2px solid #4f4f52; font-size:20px; color:#999; font-weight:600;}
.ysenior-cont .history_tb td{padding:14px 0 13px; color:#6b6b6b; border-top:1px solid #e4e4e4;}
.ysenior-cont .history_tb .year>div{padding:10px 0 10px; width:56px; vertical-align:top; font-size:22px; font-weight:600;}
.ysenior-cont .history_tb tr.top .month{border-top:2px solid #82a920;}
.ysenior-cont .history_tb tr.top .txt{border-top:2px solid #4f4f52;}
.ysenior-cont .history_tb tr.last .month{border-bottom:2px solid #82a920;}
.ysenior-cont .history_tb tr.last .txt{border-bottom:2px solid #4f4f52;}
.ysenior-cont .history_tb tr.last .year>div{border-bottom:2px solid #4f4f52;}
.ysenior-cont .history_tb .month{text-align:center; background:url("/assets/images/office_info/img/ysenior/bar_2.gif") no-repeat right 20px;font-size:15px; color:#7b9a2d; font-weight:600; }
.ysenior-cont .history_tb .txt{padding-left:20px; }
.ysenior-cont .history_tb .last_year div{height:110px; border-bottom:2px solid #4f4f52;}
/* 센터안내  > 법인소개 > 재단산하기관 */
.ysenior-cont .organi_list{position:relative; min-height:800px; background:url("/assets/images/office_info/img/ysenior/orani_bg_2018.gif") no-repeat left 0;max-width: 726px;margin: 0 auto;}
#gnsubContent .contents .ysenior-cont .organi_list h4{position:absolute; left:50%; top:0; margin: 0 0 0 -81px;padding: 0;width:163px; height:58px; line-height:58px;text-align:center; background:url("/assets/images/office_info/img/ysenior/organi_bg_1.gif") no-repeat 0 0; font-size:14px; font-weight:600; color:#fff;}
.ysenior-cont .organi_list .step_1{position:absolute; padding-top:34px; width:162px; height:98px; border:1px solid #7b9a2d; border-top:2px solid #7b9a2d; display:table-cell; font-weight:600;}
.ysenior-cont .organi_list .step_1 li{margin-bottom:18px;}
.ysenior-cont .organi_list .step_2{position:absolute; top:452px; width:135px; height:59px; margin-left:11px; line-height:59px; text-align:center; display:block; background:url("/assets/images/office_info/img/ysenior/organi_bg_3.gif") no-repeat 0 0; font-size:13px; font-weight:600; color:#fff;}
.ysenior-cont .organi_list .step_3{position:absolute; top:573px; padding-top:26px; width:170px; height:224px; border:1px solid #bababa; border-top:2px solid #5a636c;}
.ysenior-cont .organi_list .step_3 li{margin-bottom:17px; font-weight:600;}
.ysenior-cont .organi_list li{text-align:center;}
.ysenior-cont .organi_list .box_2{position:absolute; left:281px; top:145px;  padding-top:0; height:49px; background-color:#fff;}
.ysenior-cont .organi_list .box_2>span{padding-top:0; height:49px; line-height:49px; display:block; background-color:#fff;}
.ysenior-cont .organi_list .box_2 .bulit{position:absolute; left:50%; top:-10px; margin-left:-9px; width:18px; }
.ysenior-cont .organi_list .box_3{left:497px; top:145px;}
.ysenior-cont .organi_list .box_4{position:absolute; left:281px; top:229px; padding-top:0; height:49px; line-height:49px; background-color:#fff;}
.ysenior-cont .organi_list .box_5{position:absolute; left:65px; top:310px; padding-top:0; height:49px; line-height:49px;}
.ysenior-cont .organi_list .box_6{left:-18px; }
.ysenior-cont .organi_list .box_7{left:280px; }
.ysenior-cont .organi_list .box_8{left:408px; }
.ysenior-cont .organi_list .box_9{left:576px; }
.ysenior-cont .organi_list .box_1{left:65px; top:145px;}
#gnsubContent .contents .ysenior-cont .organi_list h4{position:absolute; left:50%; top:0; margin: 0 0 0 -81px;padding: 0;width:163px; height:58px; line-height:58px;text-align:center; background:url("/assets/images/office_info/img/ysenior/organi_bg_1.gif") no-repeat 0 0; font-size:14px; font-weight:600; color:#fff;}
#gnsubContent .contents .ysenior-cont .organi_list .step_1{box-sizing: content-box;}
#gnsubContent .contents .ysenior-cont .organi_list .step_1 li{font-size: 13px;line-height: 13px;box-sizing: content-box;}
#gnsubContent .contents .ysenior-cont .organi_list .box_5{background-image: none;padding: 0}
#gnsubContent .contents .ysenior-cont .organi_list .step_3{box-sizing: content-box;}
#gnsubContent .contents .ysenior-cont .organi_list .step_3 li{font-size: 13px;line-height: 13px;box-sizing: content-box;}
.ysenior-cont .intro_cont>div{display:none;}
.ysenior-cont .intro_cont>div:first-child{display:block;}
/* 센터 안내 > 센터소개 */
.ysenior-cont .center_intro .txt_1{margin-bottom:42px; padding:10px 0 47px; border-bottom:1px dotted #cbcaca;}
.ysenior-cont .center_intro .txt_1 strong{margin-bottom:17px; display:block; font-size:20px; color:#6f5e3a;font-weight:normal;}
.ysenior-cont .center_intro .img_area{margin-bottom:42px; padding:46px 0 80px; text-align:center; border-bottom:1px dotted #cbcaca;}
.ysenior-cont .center_intro .txt_2 li{margin-top:66px; line-height:1.6; }
.ysenior-cont .center_intro .txt_2 li:first-child{margin-top:0; }
.ysenior-cont .center_intro .txt_2 li span{margin-bottom:4px; display:block; font-size:18px;}
.ysenior-cont .center_intro .txt_3{padding-bottom:38px; }
.ysenior-cont .center_intro .txt_3 li{margin-bottom:14px; padding-left:8px; background:url("/assets/images/office_info/img/ysenior/bulit_1.gif") no-repeat 0 7px;}
.ysenior-cont .center_intro .txt_3 span{font-weight:600;}
.ysenior-cont .center_intro h4{padding:0; font-size:14px; font-weight:600;}
.ysenior-cont .center_intro .txt_2{margin-bottom:54px; padding:51px 0 55px 150px; height:465px; background:url("/assets/images/office_info/img/ysenior/center_intro_img2.gif") no-repeat 0 32px; border-bottom:1px dotted #cbcaca;}
/* 센터안내  > 직원소개 */
.ysenior-cont .staff_organi_new {margin: 0 auto;width: 80%;}
.ysenior-cont .staff_organi_new .orgChart_01{overflow:hidden; text-align:center; padding-bottom:40px;}
.ysenior-cont .staff_organi_new .orgChart_01 li{background-color:#3d6623; font-size:14px; color:#fff; width:50%; height:58px; padding:10px; box-sizing:border-box ;margin: 0 auto; margin-bottom:30px;}
.ysenior-cont .staff_organi_new .orgChart_01 li span{padding-top:3px; display:block; font-size:16px; font-weight:600;}
.ysenior-cont .staff_organi_new .orgChart_02{overflow:hidden; text-align:center; padding-bottom:40px;}
.ysenior-cont .staff_organi_new .orgChart_02 li{background-color:#525252;font-size:15px;font-weight:600;color:#fff;line-height:58px;box-sizing:border-box; float:left; width:40%; margin-left:6.5%;}
.ysenior-cont .staff_organi_new .orgChart_03{overflow:hidden; text-align:center;}
.ysenior-cont .staff_organi_new .orgChart_03 li{background-color:#7b9a2d; line-height:58px}
.ysenior-cont .staff_organi_new .orgChart_03 li > ul{width:100%;border:1px solid #7b9a2d;border-top:2px solid #7b9a2d; float:left; position:relative;}
.ysenior-cont .staff_organi_new .orgChart_03 > ul{box-sizing:content-box; float:left; width:40%; margin-left: 6.5%; position:relative;}
.ysenior-cont .staff_organi_new .orgChart_03 > ul > li p{font-size:15px; font-weight:600; color:#fff; margin-bottom:15px; text-align:center;}
.ysenior-cont .staff_organi_new .orgChart_03 > ul > li > ul{border:1px solid #7b9a2d; border-top:2px solid #7b9a2d; position:relative; padding:17px 0;}
.ysenior-cont .staff_organi_new .orgChart_03 > ul > li > ul > li{line-height:30px; color:#5d5d5d; font-weight:normal; font-size:15px; text-align:center;}
.ysenior-cont .staff_organi_new .orgChart_03 > ul > li > ul > li span{font-weight:600;}
#gnsubContent .contents .ysenior-cont .staff_organi_new ul>li>ul>li{padding: 0 10px;background-image: none;}
#gnsubContent .contents .ysenior-cont .staff_organi_new .orgChart_03 > ul > li > ul{padding: 17px 0; background:#fff;}

.ysenior-cont .staff_organi{position:relative; margin-bottom:50px; padding-bottom:60px; height:628px; background:url("/img/staff_organi_bg.gif") no-repeat 0 0; border-bottom:1px dotted #cbcaca;}
.ysenior-cont .staff_organi .green_bg{position:absolute; top:260px; width:163px; height:58px; line-height:58px; display:block; text-align:center; background:url("/img/organi_bg_1.gif") no-repeat 0 0; font-size:15px; font-weight:600; color:#fff;}
.ysenior-cont .staff_organi .green_bg_1{position:absolute; top:0; padding-top:12px; width:163px; height:46px; display:block; text-align:center; background:url("/img/organi_bg_1.gif") no-repeat 0 0; font-size:12px;  color:#fff;}
.ysenior-cont .staff_organi .green_bg_1 strong{padding-top:3px; display:block; text-align:center; font-size:15px; font-weight:600;}
.ysenior-cont .staff_organi .black_bg{position:absolute; top:98px; width:135px; height:59px; line-height:59px; display:block; text-align:center;  background:url("/img/organi_bg_3.gif") no-repeat 0 0; font-size:15px; font-weight:600; color:#fff;}
.ysenior-cont .staff_organi .green_box{position:absolute; top:358px; padding:25px 0 2px; width:162px; border:1px solid #7b9a2d; border-top:2px solid #7b9a2d; background:url("/img/staff_organi_bg2.jpg") no-repeat center -7px #fff;}
.ysenior-cont .staff_organi .green_box .bulit{position:absolute; left:50%; top:-9px; margin-left:-9px; width:18px; }
.ysenior-cont .staff_organi .green_box li{margin-bottom:16px; text-align:center;}
.ysenior-cont .staff_organi .green_box li span{font-weight:600;}
.ysenior-cont .staff_organi .box_1{left:91px; }
.ysenior-cont .staff_organi .box_2{left:470px; }
.ysenior-cont .staff_organi .box_3{left:0;}
.ysenior-cont .staff_organi .box_4{left:585px;}
.ysenior-cont .staff_organi .box_5{left:0;}
.ysenior-cont .staff_organi .box_6{left:181px;}
.ysenior-cont .staff_organi .box_7{left:382px;}
.ysenior-cont .staff_organi .box_8{left:563px;}
.ysenior-cont .staff_shape{margin-bottom:50px; padding-bottom:59px; border-bottom:1px dotted #cbcaca; border-top:2px solid #575757;}
.ysenior-cont .staff_shape th{background-color:#f5f5f5; border:1px solid #e0e0e0; font-weight:600;}
.ysenior-cont .staff_shape td{padding:10px 0 11px; border:1px solid #e0e0e0; text-align:center; }
.ysenior-cont .staff_tab {margin-bottom:84px; padding-top:10px; }
.ysenior-cont .staff_tab ul li{float:left; width:33.33%; }
.ysenior-cont .staff_tab ul li a{height:42px; line-height:42px; display:block; text-align:center; border:1px solid #e1e2e3; font-size:15px; font-weight:600; color:#686868;}
.ysenior-cont .staff_tab ul li.tab_on a{border:1px solid #82a920; color:#82a920;}
.ysenior-cont .staff_cont>div{display:none;}
.ysenior-cont .staff_cont>div:first-child{display:block;}
.ysenior-cont .staff_cont h4{padding:0 0 17px 9px; background:url("/img/bulit_2.gif") no-repeat 0 7px; font-size:14px; font-weight:600; color:#5b7b0b;}
.ysenior-cont .staff_cont .staff_box{padding-bottom:14px;}
.ysenior-cont .staff_cont .staff_box>li.right{margin-left:1%;}
.ysenior-cont .staff_cont ul li .img_area{float:left; padding:14px 0 0 14px; width:110px; }
.ysenior-cont .staff_cont ul li .txt_area .name{margin-bottom:10px; display:block;}
.ysenior-cont .staff_cont ul li .txt_area .name strong{font-size:15px; font-weight:600;}
.ysenior-cont .staff_cont ul li .txt_area ul li{line-height:1.7; }
.ysenior-cont .staff_shape .gntable.table-style-gray.tb{border-top: 0 !important;}
.ysenior-cont .staff_cont ul li .txt_area{float:none; padding:23px 0; width:auto;}
.ysenior-cont .staff_cont .staff_box>li{display:inline-block; margin-bottom:19px;width:49%;height:auto; border:1px solid #e0e0e0; border-top:2px solid #767676;padding:0 25px; box-sizing:border-box; vertical-align:top;}
.ysenior-cont .staff_cont ul li .txt_area ul li{position: relative;padding:  0 0 0 10px;}
.ysenior-cont .staff_cont ul li .txt_area ul li::before{content: "-";display: block;position: absolute;left:0;}
.ysenior-cont .staff_intro .x-scroll{border-bottom:1px dotted #cbcaca;padding-bottom:60px;margin: 0  0 50px 0}
/*  센터안내  > 찾아오시는 길 */
.ysenior-cont .location_tb{padding-top:8px; }
.ysenior-cont .location_tb tr:first-child th,
.ysenior-cont .location_tb tr:first-child td{border-top:none;}
.ysenior-cont .location_tb th{text-align:left; border-top:1px dotted #d3d3d3;  font-size:16px; color:#7b9a2d; font-weight:600; font-family:"맑은 고딕","MalgunGothic";}
.ysenior-cont .location_tb td{padding:33px 20px 31px 0; line-height:1.7; border-top:1px dotted #d3d3d3; }
.ysenior-cont .location_tb td ul li{margin-bottom:20px; padding-left:14px; background:url("/assets/images/office_info/img/ysenior/bulit_1.gif") no-repeat 5px 9px;   color: #333;}
.ysenior-cont .location{font-size: 14px}
/* 이용안내  > 역삼노인복지센터 */
.ysenior-cont .welfare_center .txt_3{margin-bottom:20px; font-size:15px; color:#dc600d; font-weight:600;}
/* 사업안내 */
.ysenior-cont .business_info{padding-bottom: 0}
.ysenior-cont .business_info_tab ul li{float:left; width:20%;}
.ysenior-cont .business_info_tab ul li a{padding:14px 0; display:block; text-align:center; border:1px solid #e1e2e3; font-size:15px; font-weight:600;}
.ysenior-cont .business_info_tab ul li.tab_on a{border:1px solid #9ab850;  color:#9ab850;}
.ysenior-cont .business_info .txt_1{margin:20px 0 60px 0; padding:0 30px 50px 55px; background:url("/assets/images/office_info/img/ysenior/icon_quotes.gif") no-repeat 0 top; line-height:1.4;  border-bottom:1px dotted #cbcaca; font-size:16px; color:#666;}
.ysenior-cont .business_info .txt_2{margin:20px 0 60px 0; padding:0 30px 50px 55px; background:url("/assets/images/office_info/img/ysenior/icon_quotes.gif") no-repeat 0 0; line-height:1.4;  border-bottom:1px dotted #cbcaca; font-size:16px; color:#666;}
.ysenior-cont .business_info .txt_3{margin-bottom:42px; padding:0 0 46px; border-bottom:1px dotted #cbcaca;}
.ysenior-cont .business_tb{border-top:0;}
.ysenior-cont .business_tb th{padding:10px 0; text-align:center; border:1px solid #e1e1e1; background-color:#eee;}
.ysenior-cont .business_tb td{padding:6px 10px;  border:1px solid #e1e1e1; line-height:1.7; }
.ysenior-cont .business_tb td:first-child{text-align:center;}
.ysenior-cont .p_td{color:#7b9a2d; font-size:8px; line-height:13px;}
/*  아름다운 기부·자원봉사  > 아름다운 기부 */
.ysenior-cont .contents .support p{margin-bottom: 0}
.ysenior-cont .support .font-green{color:#5e8108;}
.ysenior-cont .support .txt_1{padding:0 0 55px 39px; background:url("/assets/images/office_info/img/ysenior/icon_quotes_1.gif") no-repeat 0 0; line-height:1.6;  font-size:17px; color:#666;}
.ysenior-cont .support .txt_1>div{padding-left:17px; border-left:1px solid #cfcfcf;}
.ysenior-cont .support .txt_1 p{letter-spacing:-1px;}
.ysenior-cont .support_tab{margin-bottom:48px;}
.ysenior-cont .support_tab ul li{float:left; width:33.33%;}
.ysenior-cont .support_tab ul li a{padding:14px 0; display:block; text-align:center; border:1px solid #e1e2e3; font-size:15px; font-weight:600;}
.ysenior-cont .support_tab ul li.tab_on a{border:1px solid #9ab850;  color:#9ab850;}
.ysenior-cont .support_tb{margin-bottom:38px; padding-bottom:40px; border-bottom:1px dotted #cbcaca; border-top:2px solid #575757;}
.ysenior-cont .support_tb th{padding:10px 0; text-align:center; border:1px solid #e1e1e1; background-color:#f5f5f5;}
.ysenior-cont .support_tb td{padding:6px 10px;  border:1px solid #e1e1e1; line-height:1.7; text-align:center; }
.ysenior-cont .support_tb td:first-child{text-align:center;}
.ysenior-cont .support .txt_2{padding:13px 0 8px; border-bottom:1px dotted #cbcaca;}
.ysenior-cont .support .txt_2 li{margin-bottom:22px;}
.ysenior-cont .support .txt_2 li span{font-weight:600;}
.ysenior-cont .support .txt_3{padding:13px 0 90px;}
.ysenior-cont .support .txt_4{margin-bottom:30px; padding-left:8px; background:url("/img/bulit_1.gif") no-repeat 0 7px; font-weight:600;}
.ysenior-cont .support .txt_5{padding-top:14px; text-align:right; font-weight:600;}
.ysenior-cont .support .img_area{margin-bottom:50px; padding-top:25px; height:145px; background:url("/img/support_img.jpg") no-repeat 0 25px;}

/************************************************** 압구정노인복지센터 *******************************************************/
/* 센터소개 > 관장 인사말 */
.happy-apgu-cont .greeting {clear:both; padding:0 0 0 240px; background: url("/assets/images/office_info/img/happy-apgu/sub01_02_photo.jpg") no-repeat left top; font-size:15px; letter-spacing:-0.5px; line-height:170%;-webkit-print-color-adjust:exact;}
.happy-apgu-cont .bgCenter {padding: 0 300px 0 0 ;background: url("/assets/images/office_info/img/happy-apgu/bg_center.gif") no-repeat right bottom;}
.happy-apgu-cont .abTable02 {width:100%;font-size:14px;border-top:1px solid #9a9a9a; margin:5px 0; text-align:center;line-height:120%; }
/* 센터소개 > 걸어온길 */
.happy-apgu-cont #history img {float:left;}
.happy-apgu-cont #history ul{clear:both; padding:10px 0;}
.happy-apgu-cont #history .sp01{color:#000;}
.happy-apgu-cont #history .sp02{color:#81afdd;}
.happy-apgu-cont #history .sp03{color:#bba971;}
.happy-apgu-cont #history {width:auto; font-size:14px; border-bottom:2px solid #065cb3;}
.happy-apgu-cont #history .his_bg{background: url("/assets/images/office_info/img/happy-apgu/h_line.gif") repeat-y top left;}
.happy-apgu-cont #history h3{width:100%; height:20px; padding:0px; margin-bottom:10px; background: url("/assets/images/office_info/img/happy-apgu/bg_line.gif") no-repeat;}
.happy-apgu-cont #history dl{position: relative;clear:both; overflow:hidden;padding: 0 0 10px 110px;min-height: 34px}
.happy-apgu-cont #history dt {position: absolute;left:65px;top:0;padding:0; width:34px; height:34px; background: url("/assets/images/office_info/img/happy-apgu/month_0.gif") no-repeat;}
.happy-apgu-cont #history dd {margin:0; padding:0;}
.happy-apgu-cont #history li {clear:both; padding-left:10px; margin-bottom:12px; background: url("/assets/images/office_info/img/happy-apgu/bullet01.gif") no-repeat 0 6px;}
.happy-apgu-cont #history .tab-menu{padding-top: 0}
.happy-apgu-cont #history .tab-menu li{clear:none;padding-left:0; margin-bottom:3px; background-image:none;}
.happy-apgu-cont #history .tab-menu li > a{background-color: #fff}
.happy-apgu-cont #history .tab-menu li.active a{background-color: #646b7e;}
/* 센터소개 > 함께하는 사람들 */
#gnsubContent .contents .happy-apgu-cont .afs-org ul > li {padding:0 2%;}
#gnsubContent .contents .happy-apgu-cont .afs-org .tj > li .tl {height:175px;}
#gnsubContent .contents .happy-apgu-cont .afs-org .tl {padding:15px;}
.happy-apgu-cont .afs-owp > div {margin:0 auto;}
 
/* 사업소개 > 압구정데이케어센터 */
.happy-apgu-cont .abTable01 {width:100%;border-top:1px solid #9a9a9a; margin:5px 0; text-align:center;line-height:120%; }
.happy-apgu-cont .abTable02 {width:400px;border-top:1px solid #9a9a9a; margin:5px 0; text-align:center;line-height:120%; }
.happy-apgu-cont .abTable03 {width:100%;border-top:1px solid #9a9a9a; margin:5px 0; text-align:center;line-height:120%; }
.happy-apgu-cont .abTable02 td,
.happy-apgu-cont .abTable03 td {text-align:left; line-height:150%;}
.happy-apgu-cont .conText th{font-weight:600; text-align:center; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:8px 3px; background-color:#f2f2f2;}
.happy-apgu-cont .conText td{border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;padding: 9px 10px}
.happy-apgu-cont .conText td.end,
.happy-apgu-cont .conText th.end{border-right:0px;}
.happy-apgu-cont .conText td:last-child{border-right:0px;}
.happy-apgu-cont .conText th:last-child{border-right:0px;}
.happy-apgu-cont .conText th.week{background-color:#89a9ca; color:#fff; }
.happy-apgu-cont .conText td.L{text-align:left;}
.happy-apgu-cont .conText td.R{text-align:right;}
.happy-apgu-cont .conText td.C{text-align:center;}
/* 나눔참여>자원봉사안내 */
.happy-apgu-cont .service-cont{max-width:695px;min-height: 275px;padding:  18px 310px 0 0 ;background: url("/assets/images/office_info/img/happy-apgu/sub03_02_bg1.gif") right top no-repeat}

/************************************************** 강남노인종합복지관 *******************************************************/
.gnsw-cont .font-jeju{font-family: 'Jeju Hallasan', serif;}
.gnsw-cont .gnsw-tit1{font-size:48px; font-weight:normal; letter-spacing:-1.5px; line-height:1.3; color:#116440; text-align:center; padding:0px; margin:0px;}
.gnsw-cont .gnsw-text1{font-size:26px; font-weight:600; letter-spacing:-0.5px; line-height:1.4; color:#178A59; text-align:center; padding:0px; margin:0px;}
.gnsw-cont .gnsw-text2{font-size:22px; font-weight:normal; letter-spacing:-0.5px; line-height:1.6; color:#FFFFFF; text-align:center; padding:0px; margin:0px;}
.gnsw-cont .gnsw-text3{font-size:16px; font-weight:600; letter-spacing:0px; line-height:1.6; color:#555555; text-align:left; padding:0px; margin:0px;}
.gnsw-cont .gnsw-text4{width: 100%;max-width: 800px;height: 104px;margin: 0 auto;padding:20px 0 0 0 ;background: url("/assets/images/office_info/img/gnsw/imageAnyline_11680.png") center top no-repeat;background-size: 100% 100%  }
.gnsw-cont .gnsw-text4 p{padding: 25px 0 0 0 ;margin-bottom:0 !important;text-align: center;font-size: 22px;color: #303030;}
.gnsw-cont .gnsw-text5 {font-size:26px;font-weight:600;letter-spacing:-0.5px;line-height:1.4;color:#178A59;text-align:left; padding:15px 5px; margin:0px;vertical-align: middle;}
/* 이용안내  > 통합안내 */
.gnsw-cont .gnsw-bgbox1{display: table;table-layout: fixed;width: 100%;min-height:149px ;border: 1px solid #68a142; box-shadow: 2px 10px 7px -7px rgba(60,74,66,0.2)}
.gnsw-cont .gnsw-bgbox1 p{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
.gnsw-cont .gnsw-bgbox2{display: table;table-layout: fixed;width: 100%;min-height:146px ;padding: 15px 115px 15px 15px;border-radius: 15px;background: #1ba167 url("/assets/images/office_info/img/gnsw/imageAnyline_15523.png") 98% center no-repeat; }
.gnsw-cont .gnsw-bgbox2 p{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
.gnsw-cont .gnsw-bgbox3{display: table;table-layout: fixed;width: 100%;min-height:100px;padding: 15px 15px 15px 115px;border-radius: 15px;border:1px solid #1ba167;background: url("/assets/images/office_info/img/gnsw/sns_band01.png") 4% center no-repeat;}
.gnsw-cont .gnsw-bgbox3 p{display: table-cell;width: 100%;height: 100%;}
/* 이용안내  > 편의시설안내 */
.gnsw-cont .gnsw-box1{display: table;table-layout: fixed;}
.gnsw-cont .gnsw-box1 .text{display:table-cell; width:70%; vertical-align:middle; padding-right:3%}
.gnsw-cont .gnsw-box1 .img{display:table-cell; width:25%; vertical-align: middle;}
/* 복지관소개 > 인사말 */
.gnsw-cont .gnsw-greeting::after{content: "";display: block;clear: both}
.gnsw-cont .gnsw-greeting .tit{height: 80px;margin:  0 0 30px 0;background: url("/assets/images/office_info/img/gnsw/image_24584.png") center top no-repeat;text-align: center}
.gnsw-cont .gnsw-greeting .tit span{display: inline-block;padding:14px 0 0 0 ;font-size: 30px;color: #fff;font-weight: 600}
.gnsw-cont .gnsw-greeting .txt1{margin:  0 0 30px 0;font-size:50px;line-height:60px; color:#339933;text-align: center;letter-spacing: -3px;clear: both}
.gnsw-cont .gnsw-greeting .txt1 span{color:#70B312}
.gnsw-cont .gnsw-greeting .pic{position: relative;float: left;padding-top: 30px}
.gnsw-cont .gnsw-greeting .pic p{position: absolute;bottom: 120px;width: 100%;text-align: center;color: #383838}
.gnsw-cont .gnsw-greeting .txt2{float: right;width: calc(100% - 290px);}
.gnsw-cont .gnsw-greeting .txt2 p{text-align: center;font-size: 16px;color: #383838;line-height: 26px;font-weight: 600;}
/* 복지관소개 > 연혁 */
.gnsw-cont .jmH1_wrap{letter-spacing: -0.5px; padding:0;}
.gnsw-cont .jmH1_wrap p {padding: 0; margin: 0;}
.gnsw-cont .jmH1_wrap ul {padding: 0; margin: 0;}
.gnsw-cont .jmH1_wrap .jmH1Top {margin-bottom: 50px;}
.gnsw-cont .jmH1_wrap .jmH1Top p {display:inline-block; padding: 5px 30px; font-size: 24px; cursor:pointer; color: #666;}
.gnsw-cont .jmH1_wrap .jmH1Top p.on {font-weight:600;}
.gnsw-cont .jmH1_wrap .jmH2Body>div {font-size: 0;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div {display:inline-block; font-size: 15px; vertical-align:top;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(1) {width: 15%; font-size: 30px; line-height:1.2; position:relative;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(1) span:nth-child(1) {position:absolute; right: -6px; top: 12px; width: 10px; height: 10px; border-radius:50%; background-color: #fff;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2) {width: 85%;}
.gnsw-cont .jmH1_wrap .jmH2Body>div:last-child>div:nth-child(2)>div {padding-bottom: 0;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2)>div {display:block; padding: 10px 20px 50px 40px; }
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2)>div>div {display: block; font-size: 0;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2)>div>div>div:nth-child(1) {font-weight:600; color: #aaa; padding-right: 10px; padding-bottom: 10px;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2)>div>div>div:nth-child(1) span:nth-child(1) { display: inline-block; vertical-align: middle; margin-bottom: 2px; margin-right: 2px;width: 6px; height: 6px; border-radius:50%;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2)>div>div>div:nth-child(2) {padding-bottom: 15px; white-space: normal; line-height: 1.4;}
.gnsw-cont .jmH1_wrap .jmH1Top p {border-top: 3px solid #dff6ca;}
.gnsw-cont .jmH1_wrap .jmH1Top p:hover {border-top: 3px solid #89bf56;}
.gnsw-cont .jmH1_wrap .jmH1Top p.on {color: #89bf56; border-top: 3px solid #89bf56;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(1) {color: #89bf56;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(1) span:nth-child(1) {border: 1px solid #89bf56;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2)>div {border-left: 1px solid #89bf56;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2)>div>div>div:nth-child(1) span:nth-child(1) {background-color: #89bf56;}
.gnsw-cont .jmH1_wrap{letter-spacing: -0.5px; padding:0;}
.gnsw-cont .jmH1_wrap .jmH1Top p.on a{color: #89bf56;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2)>div>div{position: relative;padding-left: 144px;}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2)>div>div>div:nth-child(1){position: absolute;left:0;line-height: 22px}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2)>div>div>div:nth-child(2){}
.gnsw-cont .jmH1_wrap .jmH2Body>div>div:nth-child(2)>div>div>div {display:inline-block; vertical-align: top; position:relative; font-size: 16px; white-space: normal;}
/* 복지관소개>조직도 */
.gnsw-cont .gnsw-org{position: relative;width: 710px;margin: 0 auto 45px auto;background: url("/assets/images/office_info/img/gnsw/bg_org.gif") center 46px no-repeat;}
.gnsw-cont .gnsw-org .org01{display: table;table-layout: fixed;width: 167px;height: 47px;margin: 0 auto;background-color: #ff891c;border: 1px solid #dd781d;box-shadow: 4px 4px 0 #c9c9c9;}
.gnsw-cont .gnsw-org .org01>span{display: table-cell;width: 100%;height: 100%;padding: 0 0 5px 0;vertical-align: middle;text-align: center;color: #fff}
.gnsw-cont .gnsw-org>ul{position: relative;overflow: hidden;}
.gnsw-cont .gnsw-org>ul>li{overflow: hidden;background: none !important; padding:0 !important;}
.gnsw-cont .gnsw-org .org02-1{position: absolute;right:90px ;display: table;table-layout: fixed; width: 150px;height: 65px;background-color: #4BCA87;box-shadow: 4px 4px 0 #c9c9c9;}
.gnsw-cont .gnsw-org .org02-1>span{display: table-cell;width: 100%;height: 100%;vertical-align: middle;text-align: center;color: #fff}
.gnsw-cont .gnsw-org .org02-2{display: table;table-layout: fixed;width: 167px;height: 47px;margin:30px 0 0 105px;background-color: #85c83a;border: 1px solid #73b330;box-shadow: 4px 4px 0 #c9c9c9;}
.gnsw-cont .gnsw-org .org02-2>span{display: table-cell;width: 100%;height: 100%;padding: 0 0 5px 0;vertical-align: middle;text-align: center;color: #fff}
.gnsw-cont .gnsw-org>ul>li>ul{overflow: hidden;}
.gnsw-cont .gnsw-org>ul>li>ul>li{float: left;width: 33.3%;background: none !important; padding:0 !important;}
.gnsw-cont .gnsw-org>ul>li>ul>li:first-child{width: 33.4%}
.gnsw-cont .gnsw-org .gnsw-org-box1{position: relative;width: 154px;padding:45px 0 0 0;background-color: #c9c9c9}
.gnsw-cont .gnsw-org .gnsw-org-box1>dt{position: absolute;top:-4px;left: -4px;display: table;table-layout: fixed;width: 154px;height: 45px;background-color: #3bbcb8}
.gnsw-cont .gnsw-org .gnsw-org-box1>dt span{display: table-cell;width: 100%;height: 100%;text-align: center;vertical-align: middle;color: #fff}
.gnsw-cont .gnsw-org .gnsw-org-box1>dd{display: table;table-layout: fixed;width: 100%;height: 38px;}
.gnsw-cont .gnsw-org .gnsw-org-box1>dd span{display: table-cell;width: 100%;height: 100%;text-align: center;vertical-align: middle;color: #242424;font-weight: 600}
.gnsw-cont .gnsw-org .org03-1{margin: 65px  0 39px 45px}
.gnsw-cont .gnsw-org .org03-2{margin: 65px  0 39px 45px}
.gnsw-cont .gnsw-org .gnsw-org-box2{position: relative;float: left;width: 114px;height: 348px;padding:70px 0 0 0;margin: 0 2px;background-color: #c9c9c9}
.gnsw-cont .gnsw-org .gnsw-org-box2>dt{position: absolute;top:-4px;left: 0;display: table;table-layout: fixed;width: 110px;height: 66px;background-color: #3a9fd9;border: 1px solid #278fc9}
.gnsw-cont .gnsw-org .gnsw-org-box2>dt span{display: table-cell;width: 100%;height: 100%;text-align: center;vertical-align: middle;color: #fff}
.gnsw-cont .gnsw-org .gnsw-org-box2>dd>ul{padding: 0 5px !important}
.gnsw-cont .gnsw-org .gnsw-org-box2>dd>ul>li{margin:  0 0 15px 0;font-size: 13px;letter-spacing: -1px}
.gnsw-cont .gnsw-org .gnsw-org-box2>dd>ul>li>strong{display: block;}
.gnsw-cont .gnsw-org .long-care{position: absolute;right: 0;top:146px; width: 33.3%}
.gnsw-cont .gnsw-org .org02-3{margin: 0 auto 39px auto}
/* 복지관소개 > 찾아오는 길 */
.gnsw-cont .gnsw-location-info th{height: 40px;padding: 10px;border-bottom: 1px solid #d2d2d2;vertical-align: middle;}
.gnsw-cont .gnsw-location-info th span{display: inline-block;height: 40px;padding: 5px 0 0px 55px;letter-spacing: -1px;font-size: 20px;font-weight: 600;background-position: left center;background-repeat: no-repeat;}
.gnsw-cont .gnsw-location-info td{padding:10px; border-bottom: 1px solid #d2d2d2;vertical-align: middle;}
.gnsw-cont .gnsw-location-info .addr th span{background-image: url("/assets/images/office_info/img/gnsw/icon_location.png");}
.gnsw-cont .gnsw-location-info .tel th span{background-image: url("/assets/images/office_info/img/gnsw/icon_tel.png");}
.gnsw-cont .gnsw-location-info .fax th span{background-image: url("/assets/images/office_info/img/gnsw/icon_fax.png");}
.gnsw-cont .gnsw-location-info .email th span{background-image: url("/assets/images/office_info/img/gnsw/icon_mail.png");}
.gnsw-cont .gnsw-location-info .bus th span{background-image: url("/assets/images/office_info/img/gnsw/icon_bus.png");}
.gnsw-cont .gnsw-location-info .subway th span{background-image: url("/assets/images/office_info/img/gnsw/icn_subway.png");}

/************************************************** 논현노인복지센터 *******************************************************/
.nonhyunsenior-cont{position: relative; font-size:18px !important; padding: 0 10px;}
#gnsubContent .contents h3.ns {font-size:32px;font-weight:500;color:#111;margin:15PX 0; letter-spacing: -0.7px;}
#gnsubContent .contents h4.ns {font-size:24px;font-weight:500;color:#fd4101;margin-bottom:20px;line-height: 27px;border-bottom: 1px solid #ebebeb; margin-top:30px;}
#gnsubContent .contents h4.ns:after {content:'';display: block;width:15%;height:3px;background:#fd4101;overflow:hidden;margin-top: 15px;}
#gnsubContent .contents h4.ns:before {display:none;}
.nonhyunsenior-cont .text-point {font-weight:600;color:#fd4101;}
.nonhyunsenior-cont .mo{display: none;}
/* 복지관소개 > 조직도 */
.nonhyunsenior-cont .fancybox-image{border-radius:15px !important;overflow:hidden;}
.nonhyunsenior-cont .realArticle{position:relative;}
.nonhyunsenior-cont .pointer{position:absolute;left:0;top:0;width:100%;height:100%;}
.nonhyunsenior-cont .pointer p{position:absolute;top:31.9218241%;width:27.77272727%;height:6.51465798%;}
.nonhyunsenior-cont .pointer .p1{left:6.81818182%;}
.nonhyunsenior-cont .pointer .p2{left:36.3636364%;}
.nonhyunsenior-cont .pointer .p3{left:65.8181818%;}
.nonhyunsenior-cont .pointer p a{display:block;height:100%;text-indent:-9999px;}

.nonhyunsenior-greeting{}
.nonhyunsenior-greeting .f-box{margin-bottom: 20px; padding: 30px 20px; font-size: 32px; color:#333; font-weight:700; letter-spacing: -1px; text-align:center;}
.nonhyunsenior-greeting .f-box > span{color:#ff3b01;}
.nonhyunsenior-greeting .tx{padding-top:5px;padding-left:44%; background-image: url(/assets/images/office_info/img/nonhyunsenior/2023.jpg); background-position: 5px -50px; background-repeat: no-repeat;}
.nonhyunsenior-greeting .tx > p{font-size: 18px; color: #333; line-height: 150%; margin-bottom: 30px;}
.nonhyunsenior-greeting .tx > p.big{font-weight:600; font-size: 21px; letter-spacing:-1px;}
.nonhyunsenior-greeting .tx > .rt{text-align: right; margin-bottom:10px;}
.nonhyunsenior-greeting .tx > .rt.name{font-weight:600; font-size: 24px;}

/************************************************** 강남구청소년상담복지센터 *******************************************************/
/* 센터소개>인사말 */
.gnyc-cont .gnyc-greeting p{line-height: 50px;font-size: 20px;}
.gnyc-cont .gnyc-greeting p strong{font-size: 24px;}
/* 센터소개>연혁 */
.gnyc-cont .gnyc-history {position: relative;margin-top: 70px;}
.gnyc-cont .gnyc-history .centerline{position: relative;}
.gnyc-cont .gnyc-history .centerline:before {display: block;content: "";width: 1px;height: 100%;position: absolute;bottom: 0;left: 50%;z-index: 1;background-color: #ddd}
.gnyc-cont .gnyc-history .centerline ul li::after{content: "";display:block;clear: both}
.gnyc-cont .gnyc-history .centerline ul li > div{width: calc(50% - 43px);}
.gnyc-cont .gnyc-history .centerline ul li > div > dl{width: 100%;border: 1px solid #ddd;border-radius: 3px;padding: 32px;position: relative;margin-top: 20px;}
.gnyc-cont .gnyc-history .centerline ul li > div dl:after {display: block;content: "";width: 11px;height: 18px;position: absolute;top: 38px;z-index: 2}
.gnyc-cont .gnyc-history .centerline ul li > div dl:before {display: block;content: "";background: url("/assets/images/office_info/img/gnyc/s12-1.gif");width: 17px;height: 17px;position: absolute;top: 38px;z-index: 2}
.gnyc-cont .gnyc-history .centerline ul li.left > div{float: left;text-align: right;}
.gnyc-cont .gnyc-history .centerline ul li.right > div{float: right;}
.gnyc-cont .gnyc-history .centerline ul li.left > div dl:before {right: -52px;}
.gnyc-cont .gnyc-history .centerline ul li.right > div dl:before {left: -52px;}
.gnyc-cont .gnyc-history .centerline ul li.left > div dl:after {right: -11px;background: url("/assets/images/office_info/img/gnyc/s12-3.gif");}
.gnyc-cont .gnyc-history .centerline ul li.right > div dl:after {left: -11px;background: url("/assets/images/office_info/img/gnyc/s12-2.gif");}
.gnyc-cont .gnyc-history .centerline ul li > div > dl dt {font-size: 20px;color: #444;min-height: 16px;line-height: 16px;}
.gnyc-cont .gnyc-history .centerline ul li > div > dl dd {font-size: 15px;color: #666;min-height: 16px;line-height: 20px;padding-top: 14px;}
.gnyc-cont .gnyc-history .centerline ul::before{display: block;content: "";width: 1px;height: 60px;background: #fff;position: absolute;top: 0;left: 50%;z-index: 1;}
.gnyc-cont .gnyc-history .centerline ul::after{display: block;content: "";width: 1px;height: 60px;background: #fff;position: absolute;bottom: 0;left: 50%;z-index: 1;}
/*  청소년지원센터 꿈드림  > 꿈드림 센터란? */
.gnyc-cont .gnyc-fram1{min-height:220px;margin: 0 0 50px 0 ;padding:  0 0 0 593px;background: url("/assets/images/office_info/img/gnyc/s41-1.jpg") left top no-repeat;}
.gnyc-cont .gnyc-fram1 .desc{line-height: 26px}
.gnyc-cont .gnyc-fram2{min-height:220px;padding:  0 593px 0 0;background: url("/assets/images/office_info/img/gnyc/s41-2.jpg") right top no-repeat;}
.gnyc-cont .gnyc-fram2 .desc{line-height: 26px}
.gnyc-cont a.facebookgo {display: inline-block;border: 1px solid #75a3ce;border-radius: 3px;height: 44px;line-height: 44px;width: 198px;font-size: 14px;color: #1966ae;font-family: ngb;text-align: center;margin-top: 6px;}
/* 청소년지원센터 꿈드림  > 꿈드림 프로그램 */
.gnyc-cont .gnyc-dream-week{text-align: center;}
.gnyc-cont .gnyc-dream-week > li{display: inline-block;width:16%;vertical-align: top}
.gnyc-cont .gnyc-dream-week > li > dl{width: 150px;height: 330px;margin: 0 auto;background-repeat: no-repeat;background-position: center top;}
.gnyc-cont .gnyc-dream-week > li > dl > dt{height: 140px;line-height: 140px;font-size: 17px;color: #fff;margin: 0 0 70px 0 ;}
.gnyc-cont .gnyc-dream-week > li > dl > dd{color: #888;}
.gnyc-cont .gnyc-dream-week > li > dl > dd strong{display: block;color: #4b86bc;margin:  0 0 10px 0}
.gnyc-cont .gnyc-dream-week > li.mon > dl{background-image:  url("/assets/images/office_info/img/gnyc/s42-12_01.gif");}
.gnyc-cont .gnyc-dream-week > li.tue > dl{margin-top: 37px;background-image:  url("/assets/images/office_info/img/gnyc/s42-12_02.gif");}
.gnyc-cont .gnyc-dream-week > li.wed > dl{background-image:  url("/assets/images/office_info/img/gnyc/s42-12_03.gif");}
.gnyc-cont .gnyc-dream-week > li.thur > dl{margin-top: 37px;background-image:  url("/assets/images/office_info/img/gnyc/s42-12_04.gif");}
.gnyc-cont .gnyc-dream-week > li.fri > dl{background-image:  url("/assets/images/office_info/img/gnyc/s42-12_05.gif");}
.gnyc-cont .gnyc-dream-week > li.culture > dl{margin-top: 37px;background-image:  url("/assets/images/office_info/img/gnyc/s42-12_06.gif");}
.gnyc-cont .gnyc-dream-week > li.culture > dl > dt{color: #6f6328}
.gnyc-cont .gnyc-dream-week > li.culture > dl > dd strong{color: #6f6328}
.gnyc-cont .gnyc-imgboxlist::after{content: "";display: block;clear: both}
.gnyc-cont .gnyc-imgboxlist{margin-left: -30px}
.gnyc-cont .gnyc-imgboxlist > li{float: left;width: 33.3%}
.gnyc-cont .gnyc-imgboxlist > li > div{margin-left: 30px; padding: 10px;border: 1px solid #ddd;text-align: center}
.gnyc-cont .gnyc-imgboxlist > li > div > span{display: block;margin-bottom: 10px}
.gnyc-cont .gnyc-imgboxlist > li > div > strong{display:table;table-layout: fixed;width: 100%;height:53px;}
.gnyc-cont .gnyc-imgboxlist > li > div > strong em{display: table-cell;vertical-align: middle;font-style: normal;font-weight: normal;}
/* 센터소개  > 조직 및 업무 */
#gnsubContent .contents .gnyc-cont .gnyc-org ul>li>ul>li{color: #333}

/************************************************** 강남구청소년 쉼터 *******************************************************/
.ts7942-cont .color-blue1{color:#893bb6;}
.ts7942-cont .block-ls{display:block; margin:0; border:none;}
.ts7942-cont  strong.blue{color:#0c43c0;}
.ts7942-cont  strong.green{color:#71af04;}
#gnsubContent .contents .ts7942-cont .box-bg-blue{text-align: center;font-size: 26px;margin-bottom: 45px}

/* 사업소개  > 배움 */
.ts7942-cont div.border-box{border:1px solid #dcdcdc; background:#f1f1f1; padding:20px; font-size:16px; color:#525252; font-weight:300;}
.ts7942-cont ul.img-set{display:block; overflow:hidden; clear:both; margin-top:30px;}
.ts7942-cont ul.img-set li{margin:0 15px 15px 0; display:inline-block;}
.ts7942-cont ul.img-set li b{display:block; font-size:20px; font-weight:400; padding-bottom:15px; color:#464646;}
.ts7942-cont ul.img-set li img{border:1px solid #dddddd;}
/*  꿈터상담  > 쉼터이용안내 */
.ts7942-cont ul.info-ts {overflow:hidden; clear:both; border:1px solid #eaeaea; background:#f8f8f8; padding:20px;}
.ts7942-cont ul.info-ts li{float:left; border-right:1px solid #dddddd; width:50%; text-align:center; line-height:25px; word-break: keep-all;}
.ts7942-cont ul.info-ts li em{font-size:13px; font-style:normal;}
.ts7942-cont ul.info-ts li:last-child{border-right:none;}
.ts7942-cont .info-ts-b{border:1px solid #eaeaea; border-top:none; display:block; text-align:center; padding:16px;}
.ts7942-cont .info-huge li{font-size:17px;}
.ts7942-cont .info-huge li b{color:#4586b4; font-weight:500; padding-right:15px;}
.ts7942-cont i.ico_tel{width:40px; height:40px; display:inline-block; margin-right:10px; background: url("/assets/images/office_info/img/ts7942/ico_tel.png") center center no-repeat; vertical-align:middle;}
.ts7942-cont i.ico_kakao{width:40px; height:40px; display:inline-block; margin-right:10px; background: url("/assets/images/office_info/img/ts7942/ico_kakao.png") center center no-repeat; vertical-align:middle;}
.ts7942-cont ul.talkbox li{background:#f0f3ff; overflow:hidden; clear:both; padding:50px;}
.ts7942-cont ul.talkbox li:nth-child(even){background:#d8e0fd;}
.ts7942-cont ul.talkbox li h5{color:#055d9b; font-size:25px; margin:0; text-align:center;}
.ts7942-cont ul.talkbox li .box > i{float:left;}
.ts7942-cont ul.talkbox li .box > div{float:left;}
.ts7942-cont ul.talkbox li .box > div h6{font-size:19px; padding:0 25px; color:#353535;}
.ts7942-cont ul.talkbox li div.bubblebox{background:#3598dc; border-radius:5px; padding:14px; color:#ffffff; font-size:17px; font-weight:600; margin:0 25px; position:relative;}
.ts7942-cont ul.talkbox li .box > i.ico_sman{float:right;}
.ts7942-cont ul.talkbox li .box > div.sman{float:right;}
.ts7942-cont ul.talkbox li .box > div.sman h6{text-align:right;}
.ts7942-cont ul.talkbox li div.student .bubblebox{float:right;}
.ts7942-cont ul.talkbox li div.student .bubblebox::before{content:''; width:16px; height:12px; display:block; background: url("/assets/images/office_info/img/ts7942/talk_box01.png") 0 0 no-repeat; position:absolute; top:10px; left:-15px;}
.ts7942-cont ul.talkbox li div.sman .bubblebox{background:#2fcc71;}
.ts7942-cont ul.talkbox li div.sman .bubblebox::before{content:''; width:16px; height:12px; display:block; background: url("/assets/images/office_info/img/ts7942/talk_box02.png") 0 0 no-repeat; position:absolute; top:10px; right:-15px;}
.ts7942-cont ul.talkbox li i.ico_student{display:none; width:65px; height:155px; background: url("/assets/images/office_info/img/ts7942/talk_profile03.png") no-repeat center center;}
.ts7942-cont ul.talkbox li i.ico_sman{display:none; width:65px; height:155px; background: url("/assets/images/office_info/img/ts7942/talk_profile04.png") no-repeat center center;}
.ts7942-cont ul.faq-list{border:1px solid #eaeaea; border-bottom:none;}
#gnsubContent .contents .ts7942-cont ul.talkbox li .box{display:block; overflow:hidden; clear:both; padding:15px 0px ;margin-bottom:0}
#gnsubContent .contents .ts7942-cont .talkbox h5{font-size:25px; background: none}
#gnsubContent .contents .ts7942-cont .talkbox h6{font-size:19px; font-weight: 600;}
.ts7942-cont .head_0301{background: url("/assets/images/office_info/img/ts7942/s0301_headbg.png") top right; height:210px;}
.ts7942-cont .head_0302{background: url("/assets/images/office_info/img/ts7942/s0302_headbg.png") top center; height:250px;}
.ts7942-cont .head_0303{background: url("/assets/images/office_info/img/ts7942/s0303_headbg.png") top right; height:250px;}
.ts7942-cont .headbox{width:100%; padding:0; overflow:hidden;}
.ts7942-cont .headbox h6{font-size:30px; color:#ffffff; padding:56px 0; display:block; text-align:center; font-weight:300; line-height:1.3;}
.ts7942-cont .headbox h6 b{font-weight:600;}
.ts7942-cont .info-box{width:100%; display:block; margin:0; padding:10px; border:1px solid #dddddd; font-size:16px; color:#525252; line-height:inherit;}
.ts7942-cont .info-box ul{display:inline-block; vertical-align:middle;}
.ts7942-cont i.ico-info{width:64px; height:64px; display:inline-block; margin-right:15px; font-size:45px; line-height:64px; color:#ffffff; background:#9be3f0; font-style:normal; font-weight:400; text-align:center; vertical-align:middle;}
.ts7942-cont .userpic-set{margin-top:20px; font-size:17px;}
.ts7942-cont .userpic-set i{width:39px; height:39px; background: url("/assets/images/office_info/img/ts7942/userpic_none.png") center center no-repeat; display:inline-block; margin-right:10px; border-radius:100%; border:1px solid #dddddd; vertical-align:middle;}
.ts7942-cont .userpic-set b{display:inline-block; margin-right:10px; color:#055d9b;}
.ts7942-cont .box .btn-huge{padding:15px 40px; font-size:21px; font-weight:300;}
.ts7942-cont .box a.btn{border:1px solid #3498db;background-color: #fff;display: table; margin:28px auto 18px auto; color:#3498db ; font-size:20px; font-weight:400;}
.ts7942-cont .box a.btn:hover{background:#3498db; color:#fff;}
/* 기관소개 > 인사말 */
.ts7942-cont .intro-box{clear:both; overflow:hidden;}
.ts7942-cont .intro-box dt{display:block; float:left; width:40%;}
.ts7942-cont .intro-box dd{display:block; float:right; width:55%;color:#363636; font-weight:300;}
.ts7942-cont .intro-box dd article{margin:  0 0 40px 0; font-size:24px; color:#363636; font-weight:300;}
.ts7942-cont .intro-box dd article h6{font-size:24px; font-weight:500; margin:0;}
.ts7942-cont .intro-box dd article b{font-weight:400;}
.ts7942-cont .intro-box dd span{display:block; padding-bottom:35px; font-size:17px; line-height:1.5;}
.ts7942-cont .intro-box dd ul{display:block; padding-bottom:25px;}
.ts7942-cont .intro-box dd ul li{display:block; padding-bottom:10px; font-size:16px; padding-left:23px; position:relative; line-height:1.3;}
.ts7942-cont .intro-box dd ul li::before{content:''; display:block; position:absolute; width:12px; height:4px; top:9px; left:0; background:#0067b7;}
.ts7942-cont .intro-box dd ul li mark{background:#fff8b2; padding:0 2px;}
.ts7942-cont .intro-box dd small{font-size:17px;font-weight:400;}
/* 기관소개 > 비전&가치 */
.ts7942-cont .huge{font-size:25px; color:#2f2f2f; font-weight:300;}
.ts7942-cont dl.corp-box{overflow:hidden; clear:both; background:#ededed;}
.ts7942-cont dl.corp-box dt{display:block; float:left; width:212px;}
.ts7942-cont dl.corp-box dd{display:block; float:left; width: calc(100% - 232px); padding:25px 45px 25px 45px; letter-spacing:-1px;}
.ts7942-cont dl.corp-box dd b{color:#2f2f2f; font-size:22px; font-weight:400;}
.ts7942-cont dl.corp-box dd span{display:block; font-size:16px; color:#525252; padding-top:15px;}
.ts7942-cont dl.corp-sec{background:#ffffff;}
.ts7942-cont dl.corp-sec dd{width: calc(100% - 232px); margin-left:20px; border:4px solid #dddddd;}
/* 기관소개  > 쉼터의 발자취 */
.ts7942-cont .history-set{background: url("/assets/images/office_info/img/ts7942/history_line.png") center top repeat-y;}
.ts7942-cont ul.history-box > li:nth-child(odd){padding-left:50%; margin-left:-8px;}
.ts7942-cont ul.history-box > li:nth-child(even){padding-right:50%; margin-right:-8px; text-align:right;}
.ts7942-cont ul.history-box > li:nth-child(odd) h5::before{content:''; display:inline-block; border-radius:100%; width:17px; height:17px; border:3px solid #055d9b; vertical-align:middle; margin:-3px 30px 0 0; background:#ffffff;}
.ts7942-cont ul.history-box > li:nth-child(even) h5::after{content:''; display:inline-block; border-radius:100%; width:17px; height:17px; border:3px solid #055d9b; vertical-align:middle; margin:-3px 0 0 30px; background:#ffffff;}
.ts7942-cont ul.history-box > li > ul > li h6{color:#1e1e1e; font-size:22px; margin:0 0 20px 0;}
.ts7942-cont ul.history-box > li:nth-child(odd) > ul > li h6::before{content:''; display:inline-block; border-radius:100%; width:13px; height:13px; vertical-align:middle; margin:-3px 32px 0 0; background:#d1d1d1;}
.ts7942-cont ul.history-box > li:nth-child(even) > ul > li h6::after{content:''; display:inline-block; border-radius:100%; width:13px; height:13px; vertical-align:middle; margin:-3px 0 0 32px; background:#d1d1d1;}
.ts7942-cont ul.history-box > li:nth-child(odd) > ul > li h6::before{margin-left:2px;}
.ts7942-cont ul.history-box > li > ul > li span{padding-left:45px; display:block; margin-bottom:10px; font-size:14px;}
.ts7942-cont ul.history-box > li:nth-child(even) > ul > li span{padding-left:0; padding-right:45px;}
.ts7942-cont ul.history-box > li > ul > li span b{padding-right:10px;}
.ts7942-cont ul.history-box > li:nth-child(1){background: url("/assets/images/office_info/img/ts7942/history_img01.png") 60px center no-repeat;}
.ts7942-cont ul.history-box > li:nth-child(2){background: url("/assets/images/office_info/img/ts7942/history_img02.png") 670px center no-repeat;}
.ts7942-cont ul.history-box > li:nth-child(3){background: url("/assets/images/office_info/img/ts7942/history_img03.png") 60px center no-repeat; padding-bottom:20px;}
.ts7942-cont ul.history-box > li:nth-child(4){background: url("/assets/images/office_info/img/ts7942/history_img04.png") 670px center no-repeat;}
.ts7942-cont ul.history-box > li:nth-child(5){background: url("/assets/images/office_info/img/ts7942/history_img05.png") 60px center no-repeat;}
.ts7942-cont ul.history-box > li:nth-child(6){background: url("/assets/images/office_info/img/ts7942/history_img06.png") 650px center no-repeat;}
.ts7942-cont ul.history-box > li:nth-child(7){background: url("/assets/images/office_info/img/ts7942/history_img07.png") 60px center no-repeat; padding-bottom:42px;}
#gnsubContent .contents .ts7942-cont ul.history-box > li h5{background: none;padding-left:0;line-height: 100%;color:#055d9b; font-size:30px; margin:0 0 30px 0; font-weight:600;}
#gnsubContent .contents .ts7942-cont ul.history-box > li > ul > li{background: none;padding:  0 0 15px 0}
/* 기관소개  > 일하는 사람들 */
.ts7942-cont .org-box > span{position:absolute; z-index:1; left:90px; top:9px; z-index:1; font-size:19px;}
.ts7942-cont .org-box > span b{color:#055d9b;}
.ts7942-cont .org-box > span::before{content:''; display:inline-block; width:13px; height:3px; vertical-align:middle; margin:-3px 10px 0 0; background:#055d9b;}
.ts7942-cont .org-box-m{display:none;}

/* 조직도 */
.ts7942-org{text-align: center; position: relative;}
.ts7942-org .bks1{font-size: 17px;color: #fff;line-height: 29px;width: 30%;margin: 0 auto;padding: 15px 0;border-radius: 5px;margin-bottom: 50px;position: relative;}
.ts7942-org .bks1:after{content: '';position: absolute;top: 100%;left: 50%;width: 1px;height: 50px;background: #ccc;}
.ts7942-org .bks1.po{position: absolute;right: 0;top: 159px;}
.ts7942-org .bks1.po:after{display: none;}
.ts7942-org .bks1.po:before{content: '';position: absolute;right: 100%;top: 50%;height: 1px;width: 16.6%;background: #ccc;}
.ts7942-org .bks1.bg1{background:#4f74a1;}
.ts7942-org .bks1.bg2{background:#579768;}
.ts7942-org .bks1.bg3{background:#57978a;}
.ts7942-org .bks1.bg4{background:#a2755e;}
#gnsubContent .contents .ts7942-org ul > li{padding: 0; background: none;}
#gnsubContent .contents .ts7942-org ul{padding: 0;}
#gnsubContent .contents .ts7942-org .t4{overflow: hidden; margin-right: -1%; position: relative;}
#gnsubContent .contents .ts7942-org .t4 > li{float: left; /*width: 15.5%;*/ width:14.2%; padding:30px 1% 0; position: relative;}
.ts7942-org .t4:before{content: '';position: absolute;/*left: 8.9%;right: 8.6%;*/ left:7.1%; right:7.6%; top: 0;height: 1px;background: #ccc;}
.ts7942-org .t4 > li:before{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 30px;background: #ccc;}
.ts7942-org .t4 > li.nb:before{display: none;}
.ts7942-org .t4 > li > div{display: table; width: 100%; background: url(/assets/images/office_info/img/seniorplaza/org_t4bg.gif) repeat; border-radius: 5px;}
.ts7942-org .t4 > li > div > p{display: table-cell; vertical-align: middle; height: 59px; color: #fff; font-size: 17px;}
#gnsubContent .contents .ts7942-org .t4 > li > ul{text-align: left; min-height: 167px; margin-top: 3px; padding: 10px 4%; border: 1px solid #c2c2c2; border-radius: 5px;}
#gnsubContent .contents .ts7942-org .t4 > li > ul > li{font-size: 16px; line-height: 150%; padding-left: 8px; text-indent: -8px;}

/* 기관소개 >오시는 길 */
.ts7942-cont div.street-view {text-align:center; border:1px solid #dddddd; padding:20px; border-bottom:none;}
.ts7942-cont .contact-box > div{padding-left:150px;}
.ts7942-cont .contact-box div.bus{margin-bottom: 30px;background: url("/assets/images/office_info/img/ts7942/contact_ico_bus.png") left center no-repeat;}
.ts7942-cont .contact-box div.subway{margin-bottom: 30px;background: url("/assets/images/office_info/img/ts7942/contact_ico_subway.png") left center no-repeat;}
.ts7942-cont .contact-box div.car{margin-bottom: 45px;background: url("/assets/images/office_info/img/ts7942/contact_ico_car.png") left center no-repeat;}
.ts7942-cont  dl.interphone {overflow:hidden; clear:both; border:1px solid #dddddd; padding:10px; margin-top:50px;}
#gnsubContent .contents .ts7942-cont .contact-box h4{background: none;color: #055d9b;padding-left: 0;}
.ts7942-cont dl.interphone {overflow:hidden; clear:both; border:1px solid #dddddd; padding:10px; margin-top:50px;}
.ts7942-cont dl.interphone dt{display:block; position:relative; float:left; width:226px;}
.ts7942-cont dl.interphone dt b{position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.6); text-align:center; color:#ffffff; padding:4px;}
.ts7942-cont dl.interphone {margin-top:0;}
.ts7942-cont dl.interphone dd{display:block; float:left; font-size:17px;width: calc(100% - 232px); padding:50px 0 0 20px; font-weight:300;}
.ts7942-cont dl.interphone dd b{color:#055d9b; font-weight:400;}
/*  기관소개 > 시설소개 */
.ts7942-cont .dmap-box{position: relative;border:1px solid #d9d9d9; text-align:center; padding:0 0 20px 0;}
.ts7942-cont .dmap-box .dmap-box-t{display: block;position: absolute;right:12%;top:0}
.ts7942-cont #sisulbox {position: absolute; visibility: hidden; width:320px; overflow:hidden; z-index: 30; top:310px; left: 0;margin-left:0;border:1px #2063b3 solid; padding:10px; background-color:#FFF;border-radius:5px;box-shadow:0px 0px 5px #d5d5d5;}
.ts7942-cont #sisulbox p {width:300px; height:220px; display:block; overflow:hidden;}
.ts7942-cont #sisulbox img {width:100%;}
.ts7942-cont #sisulbox div {margin:0px 0px 0px 10px; width:300px; text-align:center; font-weight:600;}

/*  쉼터소식 > 사회복지현장실습 */
.mainDescription .ts7942-cont h4 {background:url('/assets/images/sub/contents/h4_bullet.png') left 4px no-repeat !important;padding-left:30px !important;font-size:21px !important;font-weight:600 !important;margin-bottom:20px !important;line-height: 27px !important;}
.mainDescription .ts7942-cont h4:before {display:none;}
.mainDescription .ts7942-cont p {margin-bottom:15px !important;}
.mainDescription .ts7942-cont h5 {margin-bottom:5px !important;}
.mainDescription .ts7942-cont table {border-top:0 !important;}

/************************************************** 강남복지재단 *******************************************************/
/* 재단소개>인사말 */
#welfare_con .greeting {position:relative; margin-top:15px; width:100%; height:843px; background:url('/open_content/images/sub/greeting.png') no-repeat left top; font-size:0; line-height:0; } 
#welfare_con .greeting p.photo {position:absolute; right:0; top:0; }

/* CI소개 */
#welfare_con ul.ci {overflow:hidden;}
#welfare_con ul.ci li {float:left; margin:15px 0 30px 20px; }
#welfare_con .ci_info {overflow:hidden; width:100%; padding-left:2%; }
#welfare_con .ci_info p {float:left; padding:0 12px 0 0; }
#welfare_con .ci_info p img {padding:39px 50px 54px 19px; border:1px solid #dfdfdf; }
#welfare_con .ci_info ul {padding-left:0; }
#welfare_con .ci_info ul li {float:left; padding-top:15px; }
#welfare_con .ci_info ul li:last-child {padding-top:20px; }
#welfare_con .ci_info2 {overflow:hidden; width:100%; padding-left:2%; }
#welfare_con .btn_download {float:right;}

/* 미션&비젼 */
#welfare_con .mission_tg{max-width: 668px; margin: 0 auto; overflow: hidden;}
#welfare_con .mission_tg .mission{font-size: 0; }
#welfare_con .mission_tg .hx{font-size: 0; text-align: center;}
#welfare_con .mission_tg .hx dt{height: 34px; background: url(/open_content/images/sub_nw/mission_ps1.jpg) center 0 no-repeat;}
#welfare_con .mission_tg .hx .c_inl > li{display: inline-block;padding: 0 14px; position: relative;}
#welfare_con .mission_tg .hx .c_inl > li:before{content: ''; position: absolute; left: -7px; top: 50%; width: 14px; height: 1px; background: #c8c8c8;}
#welfare_con .mission_tg .hx .c_inl > li:first-child:before{display: none;}
#welfare_con .mission_tg .slg{margin-top: 30px;}
#welfare_con .mission_tg .hdd{width: 0; height: 0; font-size: 0; overflow: hidden; position: absolute;}

/* 후원안내 */
#welfare_con h4.danation_title {background:none; padding-left:0; margin-bottom:15px;}

/* 조직도 */
.welfare-org{text-align: center; position: relative;}
.welfare-org .bks1{font-size: 17px; color: #fff; line-height: 29px; width: 30%; margin: 0 auto; padding: 15px 0; border-radius: 5px; margin-bottom: 60px; position: relative;}
.welfare-org .bks1:after{content: ''; position: absolute; top: 100%; left: 50%; width: 1px; height: 75px; background: #ccc;}
.welfare-org .bks1.bg3:after {height:45px;}
.welfare-org .bks1.po{position: absolute; right: 1px; top: 58px;}
.welfare-org .bks1.po:after{display: none;}
.welfare-org .bks1.po:before{content: ''; position: absolute; right: 100%; top: 50%; height: 1px; width: 66%; background: #ccc;}
.welfare-org .bks1.bg1{background:#1ABC9C;}
.welfare-org .bks1.bg2{background:#27AE60;}
.welfare-org .bks1.bg3{background:#2980B9;}
.welfare-org .bks1.bg4{background:#D35400;}
#gnsubContent .contents .welfare-org ul > li{padding: 0; background: none;}
#gnsubContent .contents .welfare-org ul{padding: 0;}
#gnsubContent .contents .welfare-org .t4{overflow: hidden; margin-left: -3%; margin-right: -1%; margin-top: -15px; position: relative;}
#gnsubContent .contents .welfare-org .t4 > li{float: left; width: 30%; margin-left: 3%; padding-top: 30px; position: relative;}
.welfare-org .t4:before{content: ''; position: absolute; left: 18%; right: 16%; top: 0; height: 1px; background: #ccc;} /* 21/07/28 부서 4개에서 3개로 변경 */
.welfare-org .t4 > li:before{content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 30px; background: #ccc;}
.welfare-org .t4 > li.nb:before{display: none;}
.welfare-org .t4 > li > div{display: table; width: 100%; background: url(/assets/images/office_info/img/seniorplaza/org_t4bg.gif) repeat; border-radius: 5px;}
.welfare-org .t4 > li > div > p{display: table-cell; vertical-align: middle; height: 59px; color: #fff; font-size: 17px;}
#gnsubContent .contents .welfare-org .t4 > li > ul{text-align: left; min-height: 140px; margin-top: 3px; padding: 10px 4%; border: 1px solid #c2c2c2; border-radius: 5px;}
#gnsubContent .contents .welfare-org .t4 > li > ul > li{font-size: 16px; line-height: 150%; padding-left: 8px; text-indent: -8px;}

@media screen and (max-width: 480px){
	.welfare-org .bks1{font-size: 14px; letter-spacing: -1px;}
	.welfare-org .t4 > li > div > p{font-size: 14px; }
	#gnsubContent .contents .welfare-org .t4 > li > ul > li{font-size: 14px; letter-spacing: -1px;}
}

/************************************************** 강남세움복지관 *******************************************************/
.sewoom_cont .links {height:250px; background-color:inherit; color:#333; font-size:17px;}
.sewoom_cont .links ul li a {padding:45px;}
.sewoom_cont .links ul li a:hover {
	background: #549d7c; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #549d7c 0%, #66a5ea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #549d7c 0%,#66a5ea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #549d7c 0%,#66a5ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#549d7c', endColorstr='#66a5ea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow:5px 5px 10px #ccc;}
.sewoom_cont .links ul li a span.link-icon {margin:0 0 20px 0;}
.sewoom_cont .links ul li a span.link-icon em > img {width:100px; margin:0 auto;}
.sewoom_cont .links ul li a span.link-icon em .off {display:block;}
.sewoom_cont .links ul li a span.link-icon em .on {display:none;}
.sewoom_cont .links ul li a:hover span.link-icon em .off {display:none;}
.sewoom_cont .links ul li a:hover span.link-icon em .on {display:block;}
.sewoom_cont .links ul li a span.link-text {height:auto;}

.sewoom_cont {width:100%; overflow:hidden;}
.sewoom_cont .links.btype {height:76px; color:#fff; font-size:17px; margin-top:30px;}
.sewoom_cont .links.btype ul li a {padding:10px 20px; background:#3a5898; margin:0 3px; font-weight:600; text-align:left;}
.sewoom_cont .links.btype ul li:nth-of-type(2) a {background-color:#5c89ae; color:#fff;}
.sewoom_cont .links.btype ul li:nth-of-type(4) a {background-color:#5c89ae; color:#fff;}
.sewoom_cont .links.btype ul li:nth-of-type(5) a {background-color:#5c89ae; color:#fff;}
.sewoom_cont .links.btype ul li:nth-of-type(7) a {background-color:#5c89ae; color:#fff;}
.sewoom_cont .links.btype ul li a:hover {background-color:#66a5ea;}
.sewoom_cont .links.btype ul li a > em {display:block; width:100%; height:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 15px;font-style: inherit;}
.sewoom_cont .links.btype ul li a > em {
	display:inline-block;
	background-image:url('/assets/images/office_info/img/sewoom/link_more.png');
	background-repeat:no-repeat;
	background-position:right 0px center;
 }

.sewoom_cont > dl{display: table; width: 100%; border-bottom: 1px dashed #c9c9c9; min-height:113px;}
.sewoom_cont > dl:nth-of-type(even){background: #f9f9f9;}
.sewoom_cont > dl > dt{display: table-cell; vertical-align: middle;  width: 16%; font-size: 50px; color: #86c5be; text-align: center;}
.sewoom_cont > dl > dd{display: table-cell; vertical-align: middle; width: 42%; font-size: 14px; padding: 20px 10px;}
@media screen and (max-width: 600px) {
.sewoom_cont > dl{padding: 10px 0;}
.sewoom_cont > dl > dt{display: block; width: auto; padding: 5px 10px; text-align: left;}
.sewoom_cont > dl > dd{display: block;width: auto; padding: 5px 10px;}
}
@media screen and (max-width: 480px) {
	.sewoom_cont .links.btype ul li a {padding:10px;}
	.sewoom_cont .links.btype {height:76px; color:#fff; font-size:15px;}
	.sewoom_cont .links.btype ul li a > em {background-size:24px; padding-top: 16px;}
}

/************************************************** 강남구여성능력개발센터 *******************************************************/
.herstory_cont .office_list {float: left; width: 100%; box-sizing:border-box; overflow:hidden;}
.herstory_cont .office_list ul {float: left;}
.herstory_cont .office_list li {width: 48%; background:#f3f3f3;  text-align:center; margin:1%;	float: left; padding:10px; overflow:hidden; box-sizing:border-box;}
.herstory_cont .office_list li img {width: 90%;}
.herstory_cont .office_list li p {widtH:100%; color:#333; font-size:14px; font-weight:600; text-align:center; margin-top:10px; margin-bottom:0;}

.herstory_cont .links {height:auto; background-color:inherit; color:#333; font-size:22px;}
.herstory_cont .links ul li a {padding:45px;}
.herstory_cont .links ul li a:hover {text-decoration:underline; text-underline-position:under; color:#333;}
.herstory_cont .links ul li a span.link-icon {margin:0 0 20px 0;}
.herstory_cont .links ul li a span.link-text {height:auto;}

.herstory_cont .mcgs-box .icon-lst > li > a:hover {background:#20558b; color:#fff; text-decoration:none;}

.herstory_cont .afs-owp > div {width:100%; margin-bottom:40px;}
.herstory_cont .afs-org {width:70%;margin:0 auto;}
.herstory_cont .afs-org .onb {margin-bottom:100px; font-size: 17px; width:40%;}
.herstory_cont .afs-org .onb:after {height:100px;}
.herstory_cont .afs-org .wh {top:70px;}
.herstory_cont .afs-org .wh .onb {margin-bottom:0; width:70%;}
.herstory_cont .afs-org .md .onb{margin-bottom: 0;position:relative;}
.herstory_cont .afs-org .md .con{margin-bottom:40px;width:40%;position:relative;left: 30%;background: #fff;}
.herstory_cont .afs-org .md .con > ul {margin: 5px 0;padding: 10px;border: 1px solid #c2c2c2;font-weight:500;border-radius: 5px;min-height:80px;}
.herstory_cont .afs-org .md .con > ul > li{margin-left:5px; text-align:left; color:#5e5e5e;}
.herstory_cont .afs-org .md .con:after{content: '';position:absolute;top:100%;left:50%;width: 1px;height: 40px;background: #ccc;}
.herstory_cont .afs-org .tj > li > p{font-size:17px;}
#gnsubContent .contents .herstory_cont .afs-org .tj > li .tl {min-height:130px;}
#gnsubContent .contents .herstory_cont .afs-org .tl > li {font-size: 15px;}

.herstory_cont .sns_listBox {background:#fff; padding:10px;}
.herstory_cont .sns_listBox ul li {border-top:1px dashed #ccc; min-height:48px; padding:0 10px;}
.herstory_cont .sns_listBox ul li:first-child {border-top:none;}
.herstory_cont .sns_listBox ul li a {display:block; font-weight:600; padding:4% 10px 4% 40px; background-size:30px 30px; background-position:left center; background-repeat:no-repeat;}
.herstory_cont .sns_listBox ul li a.sns_yt {background-image:url('/assets/images/office_info/img/herstory/ico_yt.png');}
.herstory_cont .sns_listBox ul li a.sns_is {background-image:url('/assets/images/office_info/img/herstory/ico_is.png');}
.herstory_cont .sns_listBox ul li a.sns_kp {background-image:url('/assets/images/office_info/img/herstory/ico_kp.png');}
.herstory_cont .sns_listBox ul li a.sns_bl {background-image:url('/assets/images/office_info/img/herstory/ico_bg.png');}
.herstory_cont .sns_listBox ul li a.sns_fb {background-image:url('/assets/images/office_info/img/herstory/ico_fb.png');}

.herstory_cont .pr_list {display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 10px;}
.herstory_cont .pr_list > li {background-color:#f4f6f7; height:40px; border-radius:3px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.herstory_cont .pr_list > li p {display:block; line-height:21px; color:#111; letter-spacing:-1px; word-break:keep-all; position:relative; margin-bottom:0;}

@media screen and (max-width: 600px){
	.tab-menu li.col-md-5 {width:100%;}
	.office_list li {width:93%;}
	.herstory_cont .afs-org {width:100%;}
	.herstory_cont .pr_list {grid-template-columns: repeat(3,1fr);}
}

/************************************************** 건강가정지원센터 *******************************************************/

/* 210917 추가 strat - 건강가정지원센터 조직도 */
.gngfamily-org{text-align: center; position: relative;}
.gngfamily-org .onb{font-size: 15px; color: #fff; line-height: 24px; width: 170px; margin: 0 auto; padding: 10px 0; border-radius: 5px; margin-bottom: 40px; position: relative;}
.gngfamily-org .onb:after{content: ''; position: absolute; top: 100%; left: 50%; width: 1px; height: 40px; background: #ccc;}
.gngfamily-org .onb.bg1{background:#4f74a1;}
.gngfamily-org .onb.bg2{background:#579768;}
.gngfamily-org .onb.bg3{background:#0070C0;}
.gngfamily-org .onb.bg4{background:#F79646;}
.gngfamily-org .onb.bg5{background:#a2755e;}
.gngfamily-org .t1 > li{position: relative;}
.gngfamily-org .t2 > li{position: relative;}
.gngfamily-org .wh{position: absolute; left: 0; right: 0; top: 41px;}
.gngfamily-org .wh > ul{overflow: hidden;}
.gngfamily-org .wh > ul > li{float: left; width: 50%;}
.gngfamily-org .wh > ul > li.left{float: left;}
.gngfamily-org .wh > ul > li.right{float: right;}
.gngfamily-org .wh > ul > li.left:before{content: ''; position: absolute; top: 22px; left: 25%; right: 50%; height: 1px; background: #ccc;}
.gngfamily-org .wh > ul > li.right:before{content: ''; position: absolute; top: 22px; left: 50%; right: 25%; height: 1px; background: #ccc;}
.gngfamily-org .wh .onb{margin-bottom: 0px;}
#gnsubContent .contents .gngfamily-org ul > li{padding: 0; background: none;}
#gnsubContent .contents .gngfamily-org ul{padding: 0;}
#gnsubContent .contents .gngfamily-org ul > li > ul > li > ul > li > ul{padding: 5px; border:1px solid #c2c2c2; text-align:left; border-radius:5px;}
#gnsubContent .contents .gngfamily-org .tj{overflow: hidden;    padding-top: 15px;  position: relative;}
.gngfamily-org .tj.c5 > li{float: left;width: 18%;margin: 0 1%;padding-top: 15px;position: relative;}
.gngfamily-org .tj.c5:before{content: '';position: absolute;top: 0;height: 1px;background: #ccc;left: 10%;right: 10%;}
.gngfamily-org .tj > li > p{font-size: 15px; color: #fff; line-height: 24px; padding: 10px 0; border-radius: 5px; margin-bottom: 5px; background: url(https://www.gangnam.go.kr/assets/images/office_info/img/seniorplaza/org_t4bg.gif) repeat;}
.gngfamily-org .tj > li:before{content: ''; position: absolute; left: 50%; top: -15px; width: 1px; height: 15px; background: #ccc;}
#gnsubContent .contents .gngfamily-org .tj > li .tl{min-height: 150px;}
.onb.naf:after{display: none;}
.gngfamily-org .onb.laf{margin-bottom: 60px;}
.gngfamily-org .onb.laf:after{height: 60px;}
/* 210917 추가 end - 건강가정지원센터 조직도 */


/* 해마을주간보호센터 - 센터소개 - 조직도 */
.gngfamily_intro03_con .afs-org .tj.c3 > li {width:30%; padding:0 2% !important;}
.gngfamily_intro03_con .afs-org .tj.c3:before {left:16%; right:22%;}

/************************************************** 수어통역센터 *******************************************************/
/* 메인 */
.gndeaf_con {width:100%; overflow:hidden;}
.gndeaf_con .links {height:94px; background-color:inherit; color:#333; font-size:17px;}
.gndeaf_con .links ul li a {padding:10px; background:#eee; margin:0 1px; font-weight:600;}
.gndeaf_con .links ul li a:hover {background:url('/assets/images/office_info/img/gndeaf/gndeaf_link_bg_on.jpg')center no-repeat; text-decoration:none;}
.gndeaf_con .links ul li a span.link-icon {margin:0; height:74px;;}
.gndeaf_con .links ul li a span.link-icon.con1 em:before {content:''; display:inline-block; width:45px; height:45px; background:url('/assets/images/office_info/img/gndeaf/gndeaf_link01_off.png')center no-repeat; vertical-align:middle; margin-right:10px;}
.gndeaf_con .links ul li a:hover span.link-icon.con1 em:before {background:url('/assets/images/office_info/img/gndeaf/gndeaf_link01_on.png')center no-repeat;}
.gndeaf_con .links ul li a span.link-icon.con2 em:before {content:''; display:inline-block; width:45px; height:45px; background:url('/assets/images/office_info/img/gndeaf/gndeaf_link02_off.png')center no-repeat; vertical-align:middle; margin-right:10px;}
.gndeaf_con .links ul li a:hover span.link-icon.con2 em:before {background:url('/assets/images/office_info/img/gndeaf/gndeaf_link02_on.png')center no-repeat;}
.gndeaf_con .links ul li a span.link-icon.con3 em:before {content:''; display:inline-block; width:45px; height:45px; background:url('/assets/images/office_info/img/gndeaf/gndeaf_link03_off.png')center no-repeat; vertical-align:middle; margin-right:10px;}
.gndeaf_con .links ul li a:hover span.link-icon.con3 em:before {background:url('/assets/images/office_info/img/gndeaf/gndeaf_link03_on.png')center no-repeat;}
.gndeaf_con .links ul li a span.link-icon.con4 em:before {content:''; display:inline-block; width:45px; height:45px; background:url('/assets/images/office_info/img/gndeaf/gndeaf_link04_off.png')center no-repeat; vertical-align:middle; margin-right:10px;}
.gndeaf_con .links ul li a:hover span.link-icon.con4 em:before {background:url('/assets/images/office_info/img/gndeaf/gndeaf_link04_on.png')center no-repeat;}

.gndeaf_con .main_bottom {padding:15px; overflow:hidden;}
.gndeaf_con .main_bottom .col-md-3.gndeaf_pd {padding:15px; margin:0;}
.gndeaf_con .main_bottom .dcs_itg {border-radius:0; height:200px; background-color:#fff; text-align:center; padding:15px; box-shadow:0 0 0 1px #06a7c5 inset; transition:.3s;}
.gndeaf_con .main_bottom .dcs_itg:hover {text-decoration:none; box-shadow:0 0 0 5px #06a7c5 inset;}
.gndeaf_con .main_bottom .dcs_itg.bg1 {background:url('/assets/images/office_info/img/gndeaf/gndeaf_link05_bg.png') bottom 2px center no-repeat !important;}
.gndeaf_con .main_bottom .dcs_itg.bg2 {background:url('/assets/images/office_info/img/gndeaf/gndeaf_link06_bg.png') bottom 2px center no-repeat !important;}
.gndeaf_con .main_bottom .dcs_itg.bg3 {background:url('/assets/images/office_info/img/gndeaf/gndeaf_link07_bg.png') bottom 2px center no-repeat !important;}
.gndeaf_con .main_bottom .dcs_itg.bg4 {background:url('/assets/images/office_info/img/gndeaf/gndeaf_link08_bg.png') bottom 2px center no-repeat !important;}
.gndeaf_con .main_bottom .dcs_itg > a {vertical-align:top; padding:0; display:block; height:100%;}
.gndeaf_con .main_bottom .dcs_itg > a:hover {text-decoration:none;}
.gndeaf_con .main_bottom .dcs_itg > a > span {display:block;}
.gndeaf_con .main_bottom .dcs_itg > a .name_eng {font-size:13px; color:#06a7c5;}
.gndeaf_con .main_bottom .dcs_itg > a .name_tit {font-size:23px; color:#333; font-weight:600;}
.gndeaf_con .main_bottom .dcs_itg > a .name_tit:after {content:''; display:block; width:100%; height:1px; background:#ccc; margin:10px 0;}
.gndeaf_con .main_bottom .dcs_itg > a .name_stit {font-size:14px; color:#333;}
.gndeaf_con .main_bottom .dcs_itg > a .linkBtn {text-decoration:none; border:0; background:#04a5c7; color:#fff; margin-top:15px; font-size:13px; display:inline-block; padding:2px 10px;}

.gndeaf_con .mc-albk {padding:15px 0;}
.gndeaf_con .mc-albk > dl > dt {font-size:17px;}
.gndeaf_con .mc-albk > dl > dd {font-size:13px;}
.gndeaf_con .mc-albk > p {padding-left:4%; width:70px; padding-right:0;}
.gndeaf_con .mc-albk > p img {width:70px;}
.gndeaf_con .mc-albk .btn_go {border:1px solid #04a5c7; color:#04a5c7; padding:2px 5px; font-size:13px; font-weight:600;}
.gndeaf_con .mc-albk .btn_go:hover {text-decoration:none; border:0; background:#04a5c7; color:#fff;}

.gndeaf_con .display_pc {display:block;}
.gndeaf_con .display_mb {display:none;}

@media screen and (max-width: 950px){
	.gndeaf_con .main_bottom .dcs_itg.bg1,
	.gndeaf_con .main_bottom .dcs_itg.bg2,
	.gndeaf_con .main_bottom .dcs_itg.bg3,
	.gndeaf_con .main_bottom .dcs_itg.bg4 {background:none !important; height:auto;}
}
@media screen and (max-width: 600px){
	.gndeaf_con .links {margin-top:20px;}
	.gndeaf_con .links ul.links4 li {width:50%;}
	.gndeaf_con .links ul.links4 li:nth-child(n+3) {margin-top:2px;}
	.gndeaf_con .display_pc {display:none;}
	.gndeaf_con .display_mb {display:block;}
}

/* 조직도 */
.gndeaf_hidden {overflow:hidden;}
.gndeaf_hidden > div {margin-bottom:10px;}
.gndeaf_con .afs-org .onb:after{height: 50px;}
.gndeaf_con .afs-org .tj.c4:before{content: '';position: absolute;top: 20px;height: 1px;background: #ccc;left: 13%;right: 13%;margin-left: -4px;margin-right: -5px;}
.gndeaf_con .afs-org {border-bottom:1px dotted #ccc; margin-bottom:50px; padding-bottom:50px;}
.gndeaf_con .afs-org .tj.c4 > li {width:18%;}
.gndeaf_con .afs-org .tj.c4:before{left: 10%;right: 11%;margin-left: 0px;margin-right: -9px; top: 10px;}
.gndeaf_con .afs-org .tj > li > p {background:none;}
.gndeaf_con .afs-org .wh {top:235px;}
.gndeaf_con .afs-org .wh .onb {padding:5px; border-radius:50px;}
.gndeaf_con .afs-org .wh > ul > li.left:before {top:17px;}
.gndeaf_con .afs-org .wh > ul > li.right:before {top:17px;}
.gndeaf_con .afs-org .tj > li:before {top:-30px; height:30px;}
#gnsubContent .contents .gndeaf_con .afs-org .tj {padding-top:40px;}
.gndeaf_con .afs-org dl dt.org_img {margin-bottom:5px;}
.gndeaf_con .afs-org dl dt.org_img > img {width:120px; border:1px solid #ccc; border-radius:20px;}
.gndeaf_con .afs-org dl dd.org_position {min-width:120px; display:inline-block; padding:5px; border-radius:50px; margin-bottom:5px; color:#fff; background:url(/assets/images/office_info/img/seniorplaza/org_t4bg.gif) repeat;}
.gndeaf_con .afs-org dl dd.org_position.bg1 {background:#4f74a1;}
.gndeaf_con .afs-org dl dd.org_position.bg2 {background:#579768;}
.gndeaf_con .afs-org dl dd.org_name {color:#8f8f8f;}
.gndeaf_con .part2 {overflow:hidden;}
.gndeaf_con .staff_box {position:relative; min-height:154px; margin-bottom:19px;height:auto; border:1px solid #e0e0e0; border-top:2px solid #767676;padding:15px; box-sizing:border-box; vertical-align:top;}
.gndeaf_con .staff_box:after {content:''; clear:both; display:block;}
.gndeaf_con .staff_box .img_area {position:absolute; top:15px; left:15px; border:1px solid #efefef;}
.gndeaf_con .staff_box .img_area > img {width:95px;}
.gndeaf_con .staff_box .txt_area {padding-left:120px;}
.gndeaf_con .staff_box .txt_area .name {margin-bottom:10px; display:block;}
.gndeaf_con .staff_box .txt_area ul li {font-size:14px;}
@media screen and (max-width: 950px){
	.gndeaf_con .afs-owp > div {width:100%;}
	.gndeaf_con .afs-org .tj.c4 > li {width:48%;}
	.gndeaf_con .afs-org .tj.c4:before{left: 25%; right: 25%; margin-left: 0px; margin-right: 0px;}
	.gndeaf_con .afs-org .tj > li.mb {margin-top:20px;}
	.gndeaf_con .afs-org .tj > li.mb:before {display:none;}
}

/* 시설안내 */
.gndeaf_con .facility_box {border-bottom:1px solid #ccc;}
.gndeaf_con .facility_box .facility_list {border-top:1px solid #ccc; overflow:hidden;}
.gndeaf_con .facility_box .facility_list .colBox5 {width:50%; float:left;}
.gndeaf_con .facility_box .facility_list .colBox5 .txt_area h6 {font-size:40px; margin:10px; color:#ffc000;}
.gndeaf_con .facility_box .facility_list .colBox5 .txt_area p {margin:10px;}
.gndeaf_con .facility_box .facility_list .colBox5 .img_area > img {width:50%; float:left;}
.gndeaf_con .facility_box .facility_list .counsel .txt_area,
.gndeaf_con .facility_box .facility_list .counsel .img_area {width:50%; float:left;}
.gndeaf_con .facility_box .facility_list .counsel .img_area > img {width:100%; float:none;}
.gndeaf_con .facility_box .facility_list .counsel_txt {background:#ffc000; text-align:right;}
.gndeaf_con .facility_box .facility_list .counsel_txt p {color:#7b7b7b; font-size:36px; margin:0 !important; padding:77px 20px 77px 0; font-family: 'TmoneyRoundWindExtraBold'}
.gndeaf_con .facility_box .facility_list .counsel_txt p > strong {color:#fff; font-style:italic;}
@media screen and (max-width: 950px){
	.gndeaf_con .facility_box .facility_list .colBox5 {width:100%; float:none; clear:both;}
	.gndeaf_con .facility_box .facility_list .colBox5 .txt_area h6 {padding-top:20px;}
	.gndeaf_con .facility_box .facility_list .counsel_txt p {padding:20px 0; text-align:center;}
}

/* 사업안내 */
.gndeaf_con .part2.boxBg {background:url('/assets/images/office_info/img/gndeaf/m1_s7_bg.png') right bottom no-repeat;}

.gndeaf_con .imgCon .business_area {height:240px;}
.gndeaf_con .imgCon .business_area.ver2 {height:390px;}
.gndeaf_con .imgCon .business_area.bg1 {background:url('/assets/images/office_info/img/gndeaf/m1_s1_c1.jpg') right bottom no-repeat;}
.gndeaf_con .imgCon .business_area.bg2 {background:url('/assets/images/office_info/img/gndeaf/m1_s1_c2.jpg') right bottom no-repeat;}
.gndeaf_con .imgCon .business_area.bg3 {background:url('/assets/images/office_info/img/gndeaf/m1_s2_c1.jpg?20240530') right bottom no-repeat;}
.gndeaf_con .imgCon .business_area .txt_area {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a2cb+0,30d143+100 */
	background: #00a2cb; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #00a2cb 0%, #30d143 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #00a2cb 0%,#30d143 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #00a2cb 0%,#30d143 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2cb', endColorstr='#30d143',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width:432px;
	min-height:130px;
	padding:20px;
	box-shadow:15px 15px 15px rgba(0,0,0,0.3);}
.gndeaf_con .imgCon .business_area .txt_area dl {color:#fff; letter-spacing:-1px;}
.gndeaf_con .imgCon .business_area .txt_area dl dt {font-size:21px; margin-bottom:10px;}
.gndeaf_con .imgCon .business_area .txt_area dl dt:after {content:''; display:inline-block; width:23px; height:1px; background:#fff; margin-left:10px; vertical-align:middle;}

.gndeaf_con .mediaInfo {position:relative; overflow:hidden;}
.gndeaf_con .mediaInfo .secBg {position:absolute; display:block; bottom:0; left:0; width:100%; height:167px; background:#eee; z-index:-99;}
.gndeaf_con .mediaInfo > div {width:50%; float:left;}
.gndeaf_con .mediaInfo .img_area > img {max-width:none;}
.gndeaf_con .mediaInfo .txt_area {padding:0 5%;}
.gndeaf_con .mediaInfo .txt_area > p {margin:0; text-align:left; letter-spacing:-1px;}
.gndeaf_con .mediaInfo.sec1 .txt_area > p {margin-top:32%;}
.gndeaf_con .mediaInfo.sec2 .txt_area > p {margin-top:20%; margin-left:15%;}
.gndeaf_con .mediaInfo.sec3 .txt_area > p {margin-top:37%;}
.gndeaf_con .mediaInfo.sec4 .txt_area {padding-top:7%; padding-left:10%;}
.gndeaf_con .mediaInfo.sec3 {margin-top:-60px;}

.gndeaf_con .mediaInfo.sec2 .txt_area,
.gndeaf_con .mediaInfo.sec4 .txt_area {float:left;}
.gndeaf_con .mediaInfo.sec2 .img_area,
.gndeaf_con .mediaInfo.sec4 .img_area {float:right;}

@media screen and (max-width: 950px){
	.gndeaf_con .mediaInfo .secBg {display:none;}
	.gndeaf_con .mediaInfo {padding:20px;}
	.gndeaf_con .mediaInfo.sec1 {background:#eee;}
	.gndeaf_con .mediaInfo > div {width:100%; float:none !important; text-align:center;}
	.gndeaf_con .mediaInfo .txt_area > p {margin:0 !important; text-align:center;}
	.gndeaf_con .mediaInfo .txt_area > p > br {display:none;}
	.gndeaf_con .mediaInfo.sec3 {margin-top:0; background:#eee;}
	.gndeaf_con .mediaInfo.sec4 .txt_area {padding:0;}
	.gndeaf_con .part2.boxBg {background:none;}
}
@media screen and (max-width: 600px){
	.gndeaf_con .imgCon .business_area {height:340px;}
	.gndeaf_con .imgCon .business_area .txt_area {width:100%;}
	.gndeaf_con .imgCon .business_area.ver2 {height:500px;}
	.gndeaf_con .mediaInfo .img_area > img {max-width:100%;}
}

/* 수어세상 - 신청 */
.gndeaf_con .defend_apply_cont {width:100%; overflow:hidden;}
.gndeaf_con .defend_apply_cont > div {width:50%; float:left;}
.gndeaf_con .defend_apply_cont .txt_area {padding-left:60px;}
.gndeaf_con .defend_apply_cont p.title {display:inline-block; font-size:35px; color:#000; letter-spacing:-1px; padding-top:10px;}
.gndeaf_con .defend_apply_cont p.title > strong {color:#1a403b;}
.gndeaf_con .defend_apply_cont p.title > span {font-size:17px; display:block; margin-top:15px;}
.gndeaf_con .defend_apply_cont p.title > span > b {display:block;}
.gndeaf_con .defend_apply_cont .con_dl {padding:10px 0 10px 40px; position:relative;}
.gndeaf_con .defend_apply_cont .con_dl:before {content:'';display: inline-block;width:110px;height: 1px;background:#30d143;position: absolute;left: -79px;top: 20px;}
.gndeaf_con .defend_apply_cont .con_dl dd {font-size:15px; letter-spacing:-1px;}

@media screen and (max-width: 950px){
	.gndeaf_con .defend_apply_cont p.title > span > br,
	.gndeaf_con .defend_apply_cont .con_dl dd > br {display:none;}
}
@media screen and (max-width: 600px){
	.gndeaf_con .defend_apply_cont > div {width:100%; float:none;}
	.gndeaf_con .defend_apply_cont .txt_area {padding-left:0;}
}

/************************************************** 사이쉼 *******************************************************/
/* 조직도 */
.psygn-org{text-align: center; position: relative;}
.psygn-org .bks1{font-size: 17px;color: #fff; line-height:29px; width:15em; margin: 0 auto;padding: 15px 0;border-radius: 5px;margin-bottom: 50px;position: relative;}
.psygn-org .bks1:after{content: '';position: absolute;top: 100%;left: 50%;width: 1px;height: 50px;background: #ccc;}
.psygn-org .bks1.po{position: absolute;right: 0;top: 159px;}
.psygn-org .bks1.po:after{display: none;}
.psygn-org .bks1.po:before{content: '';position: absolute;right: 100%;top: 50%;height: 1px;width: 16.6%;background: #ccc;}
.psygn-org .bks1.gr{margin-bottom:10px} /* bks1 하단에 P를 추가할 경우 사용*/
.psygn-org .bks1.gr:after{content: '';position: absolute; top: 100%; left: 50%; width: 1px; height: 10px; background: #ccc;}
.psygn-org .bks1.bg1{background:#4f74a1;}
.psygn-org .bks1.bg2{background:#579768;}
.psygn-org .bks1.bg3{background:#57978a;}
.psygn-org .bks1.bg4{background:#a2755e;}
#gnsubContent .contents .psygn-org ul > li{padding: 0; background: none;}
#gnsubContent .contents .psygn-org ul{padding: 0;}
#gnsubContent .contents .psygn-org .t4{overflow: hidden; margin-right: -1%; position: relative;}
#gnsubContent .contents .psygn-org .t4 > li{float:left; width:20%; margin-left:20%;padding-top:30px; position:relative;}
#gnsubContent .contents .psygn-org .t4.c2 > li {float:left; width:45%; margin-left:3%;}
#gnsubContent .contents .psygn-org .t4.c3 > li {float:left; width:25%; margin-left:6%;}
.psygn-org .t2 > li > div > p.con{width: 16em;vertical-align:middle;line-height: 34px;border: 1px solid #c2c2c2;font-size: 16px;font-weight: 600;margin: 0 auto;margin-bottom:20px; position:relative;}
.psygn-org .t2 > li > div > p.con:after{content: '';position: absolute;top: 100%;left: 50%;width: 1px;height: 20px;background: #ccc;}
.psygn-org .t4:before{content: ''; position:absolute; left:25.5%; right:26.5%; top:0; height:1px; background:#ccc;}
.psygn-org .t4.c3:before{content:''; position:absolute; top:0; height:1px; background:#ccc; left:18.5%; right:19.5%;}
.psygn-org .t4 > li:before{content: '';position:absolute; top:0; left:50%; width:1px; height:30px; background:#ccc;}
.psygn-org .t4 > li.nb:before{display: none;}
.psygn-org .t4 > li > div {display:table; width:100%; margin-bottom:5px;}
.psygn-org .t4 > li > div > p.tit{display:table-cell; vertical-align:middle; height:48px; color:#fff; font-size: 17px;background: url(/assets/images/office_info/img/seniorplaza/org_t4bg.gif) repeat; border-radius:5px;}
.psygn-org .t4 > li > div > p.con{display:table-cell;vertical-align:middle;height:36px;border: 1px solid #c2c2c2;font-size: 16px;font-weight: 600;}
.psygn-org .t4 > li > div > ul {padding:10px !important; border:1px solid #c2c2c2; text-align:left; min-height:120px;}
.psygn-org .t4.c2 > li > div > ul {min-height:215px;}
.psygn-org .t4 > li > div > ul > li{font-size:16px; line-height:150%; margin-left:5px; letter-spacing:-0.7px}
#gnsubContent .contents .psygn-org .t4 > li > ul{text-align: left; min-height: 167px; margin-top: 3px; padding: 10px 4%; border:1px solid #c2c2c2; border-radius:5px;}
#gnsubContent .contents .psygn-org .t4 > li > ul > li{font-size: 16px; line-height: 150%; padding-left: 8px; text-indent: -8px;}

.psygn_cont table td input[type="radio"] {vertical-align:top;}

/* 2021/6/10 추가 */
.psygn_mtel {height: 100%; padding: 10px 20px; background: url(/assets/images/office_info/img/psygn/tel_mbg.jpg) no-repeat; background-size: 100% 100%;}
.psygn_mtel .title_tg {margin-left: 20px; padding: 7px 0; padding-left: 75px; background: url(/assets/images/office_info/img/psygn/telB_tii.png) 0 -1px no-repeat; background-size: 65px;}
.psygn_mtel .title_tg .big {font-size: 20px;color: #203436; font-weight: 600; line-height: 28px;}
.psygn_mtel .title_tg .en {font-size: 12px;color: #5d5d5d; line-height: 18px;}
.psygn_mtel > dl {position: relative; margin-top: 20px;}
.psygn_mtel > dl > dt {position: absolute; top: -14px; left: 20px; background: #187179; font-size: 14px; color: #fff; line-height: 20px;  padding: 5px; text-align: center; border-radius: 10px;}
.psygn_mtel > dl > dd {background: #fff; padding: 20px 20px 5px;;}
.psygn_mtel > dl > dd:after {content:''; display:block; clear:both; overflow:hidden;}
.psygn_mtel > dl > dd > p {float:left; width:50%; font-size:20px;}
.psygn_mtel > dl > dd > p > a {display:block;}
.psygn_mtel > dl > dd .rq {color: #848888; text-align:left; line-height: 1.0;}
.psygn_mtel > dl > dd .tel {text-align:right; font-weight:600;}


/* ************************************************* media *************************************************************** */


@media screen and (max-width: 1200px){


	/* 강남지역자활센터 */
	.img-box span{width: 49%}
	.img-box span:first-child{margin-right: 2%}

	.img-box.full span{float: none;width: 100%}
	.img-box.full span:first-child{margin-right: 0}
	.deco-img span{width: 100%; float: none; text-align: center;}
	.deco-img span.deco{display: none}

	/* 강남구청소년상담복지센터 */
	.gnyc-cont .gnyc-fram1{min-height: inherit;background-size: 350px;padding-left: 370px;background-position: left center}
	.gnyc-cont .gnyc-fram2{min-height: inherit;background-size: 350px;padding-right: 370px;background-position: right top}

	/* 강남구청소년쉼터 */
	.ts7942-cont .block-ls{display: none;}
	.ts7942-cont ul.history-box > li:nth-child(1){background-size: 36%;background-position: 10% center}
	.ts7942-cont ul.history-box > li:nth-child(2){background-size: 36%;background-position: 90% center}
	.ts7942-cont ul.history-box > li:nth-child(3){background-size: 36%;background-position: 10% center}
	.ts7942-cont ul.history-box > li:nth-child(4){background-size: 36%;background-position: 90%  center}
	.ts7942-cont ul.history-box > li:nth-child(5){background-size: 36%;background-position: 10% center}
	.ts7942-cont ul.history-box > li:nth-child(6){background-size: 36%;background-position: 90%  center}
	.ts7942-cont ul.history-box > li:nth-child(7){background-size: 36%;background-position: 10% center}
	.ts7942-cont .dmap-box .dmap-box-t{display: none}
	.ts7942-cont #sisulbox{display: none !important;}
}

@media screen and (max-width: 1100px){
	.round-list3 > li > div > div .num{padding-left: 20px}
	.round-list3 > li > div > div .sj{padding-left: 20px;padding-right: 10px}

	.round-list6 > li > div > div .num{padding-left: 20px}
	.round-list6 > li > div > div .sj{padding-left: 1.25rem; padding-right: 0.625rem}
	.round-list6 > li > div > div .con{padding-left: 1.75rem; padding-right: 0.625rem}

	/* 역삼노인복지센터 */
	.ysenior-cont .organi_list{}
	.ysenior-cont .organi_list .box_6{left:0}
	.ysenior-cont .organi_list .box_9{left:inherit;right: 0}
}

@media screen and (max-width: 991px){	
	#gnsubContent .contents h4 {font-size:22px;}
	#gnsubContent .contents h5 {font-size:18px;}

	/* 역삼노인복지센터 */
	.ysenior-cont .location.ysenior{display: block;}

	/* 강남구청소년상담복지센터 */
	.gnyc-cont .gnyc-dream-week > li > dl{width: 90%;height: auto;background-size: 100%}
	.gnyc-cont .gnyc-dream-week > li > dl > dt{height: 85px;line-height: 85px}
}

@media screen and (max-width: 768px){
	.table-program .sm-logo{position:relative;top:inherit;right:inherit;display: block;width: 100%;padding: 10px 0;text-align: center;}
	.box1{padding: 25px 10px;}
	.info-scroll{display: block;}
	.x-scroll > div{width: 768px}
	.part3{margin-left: 0}

	.round-list > li > div > div .num{line-height: 40px;height: 40px;top:50%;margin-top: -20px}
	.round-list > li.add{float: none;width: 100%}
	.round-list > li.add > div{margin-right: 0}
	.round-list > li.add > div > div {background-color: #f5f6f8}
	.round-list > li.add > div > div .num{right: inherit;left: 36px;color: #d2d7e0;}
	.round-list > li.add > div > div .sj{padding-right:10px;padding-left: 100px;color: #416c9b;}
	.round-list > li.even{float: none;width: 100%}
	.round-list > li.even > div{margin-left: 0}
	.round-list > li.even > div > div {background-color: #ebf2fa}
	.round-list > li.even > div > div .num{color: #cad6e9;}
	.round-list > li.even > div > div .sj{text-align: left;color: #5280da;}
	.round-list2 > li{float: none;width: 100%;margin-bottom: 25px}
	.round-list2 > li > div {height:auto;}
	.round-list2 > li > dl{margin: 0}
	.round-list2 > li > dl dt{height: 45px;background-color: #f4f5f7;border-radius: 35px;margin-bottom: 10px}
	.round-list2 > li > dl dt > span{padding: 0 20px}
	.round-list2 > li > dl dd{padding: 0 20px}
	.round-list2 > li.even > dl dt{background-color: #eef5fd;}
	.round-list3 > li.add{float:none; width:100%;}
	.round-list3 > li.even{float:none; width:100%;}
	.round-list3 > li > div > div{height:auto; padding:15px 25px}
	.round-list3 > li > div > div .num{padding:0}
	.round-list3 > li > div > div .sj{padding:0}
	.round-list3 > li.bg2 > div > div{background-color:#f5f6f8;}
	.round-list3 > li.bg2 > div > div .num {color:#d2d7e0;}
	.round-list3 > li.bg2 > div > div .sj{color:#416c9b;}
	.round-list4{background: none}
	.round-list4 > li{float: none;width: 100%;margin: 0;margin-bottom: 5px}
	.round-list4 > li div{display: block;height: auto;}
	.round-list4 > li div span{display:block;position: relative;color: #333;text-align: left;}
	.round-list4 > li div span::before{content: "";display: block;position: absolute;left:2px;top:8px;width: 2px;height: 2px;background-color: #333;}
	.round-list4 > li div span{padding-left: 12px}
	.round-list4 > li:nth-child(even) div span{color: #333}

	.round-list5{background: none}
	.round-list5 > li{float: none;width: 100%;margin: 0;margin-bottom: 5px}
	.round-list5 > li div{display: block;height: auto;}
	.round-list5 > li div span{display:block;position: relative;color: #333;text-align: left;}
	.round-list5 > li div span::before{content: "";display: block;position: absolute;left:2px;top:8px;width: 2px;height: 2px;background-color: #333;}
	.round-list5 > li div span{padding-left: 12px}
	.round-list5 > li:nth-child(even) div span{color: #333}

	.round-list6 > li.add{float:none; width: 100%;}
	.round-list6 > li.even{float:none; width: 100%;}
	.round-list6 > li > div > div{height:auto; padding:15px 25px}
	.round-list6 > li > div > div .num{padding: 0}
	.round-list6 > li > div > div .sj{padding: 0}	
	.round-list6 > li.bg2 > div > div{background-color:#f5f6f8;}
	.round-list6 > li.bg2 > div > div .num {color:#3566b2;}
	.round-list6 > li.bg2 > div > div .sj{color:#416c9b;}
	.round-list6 > li.bg2 > div > div .con{color:#3566b2;}

	/* 찾아오시는길 */
	.location_map{height: 300px;margin-bottom: 30px}
	.wrap_map{height:  300px !important}

	/* 강남지역자활센터 */
	.gjhope-cont .sub121 .sub121_01{margin-bottom: 10px;padding-bottom: 0}
	.gjhope-cont .sub121 .sub121_01 dl {padding: 0;min-height: inherit;}
	.gjhope-cont .sub121 .sub121_01 dl dt{position: relative;float: none;background-image: none;width: 120px;height: 32px;line-height: 32px;background-color: #82c610;padding:0;margin-bottom: 10px;border-radius: 15px;text-align: center;font-size: 21px}
	.gjhope-cont .sub121 .sub121_01 dl dd{float: none;}
	.gjhope-cont .sub121 .sub121_01 dd .sub121_02{position: relative;padding:  0 0 0 80px;margin-left: 0}
	.gjhope-cont .sub121 .sub121_01 dd .sub121_02 b{display: block;position: absolute;left:0}
	.gjhope-cont .sub121 .sub121_03 dl{padding: 0;min-height: inherit;}
	.gjhope-cont .sub121 .sub121_03 dl dt{position: relative;float: none;background-image: none;width: 120px;height: 32px;line-height: 32px;background-color: #82c610;padding:0;margin-bottom: 10px;border-radius: 15px;text-align: center;font-size: 21px}
	.gjhope-cont .sub121 .sub121_03 dd{float: none;}
	.gjhope-cont .sub121 .sub121_03 dd .sub121_04{position: relative;padding:  0 0 0 80px;margin-left: 0}
	.gjhope-cont .sub121 .sub121_03 dd .sub121_04 b{display: block;position: absolute;left:0}

	/* 역삼노인복지센터 */
	.ysenior-cont .intro_1 .txt_3{padding: 20px}
	.ysenior-cont .organi_list{position: relative;background-image: none;}
	.ysenior-cont .organi_list::before{content: "";position: absolute;left:10px;display: block;height: 1040px;width: 1px;background-color: #dfe3ec}
	.ysenior-cont .organi_list > ol{padding: 10px}
	.ysenior-cont .organi_list > ol > li{position: relative;padding-left: 15px}
	.ysenior-cont .organi_list .step_1{position: relative;left:inherit;top:0;display: block;width: auto;height: auto;margin: 0 0 10px 0 ;}
	.ysenior-cont .organi_list .step_1::before{content: "";position: absolute;left:-15px;top:50%;display: block;width: 14px;height: 1px;background-color: #dfe3ec}
	.ysenior-cont .organi_list .box_1{padding:15px 0 0 0; }
	.ysenior-cont .organi_list .box_2 .bulit{display: none}
	.ysenior-cont .organi_list .box_2>span{position: relative;z-index: 5;background-color: #fff;}
	.ysenior-cont .organi_list .box_3{margin-left: 15px;padding-top: 0;line-height: 49px;}
	.ysenior-cont .organi_list .step_2{position: relative;top:inherit;left:inherit;width: auto;margin-left: 0;background-color: #525252;background-image: none}
	.ysenior-cont .organi_list .step_2::before{content: "";position: absolute;top:24px; left:-15px;display: block;height:1px;width: 14px;background-color: #dfe3ec}
	.ysenior-cont .organi_list .step_3{position: relative;top:inherit;left:inherit;width: auto;height: auto;padding-top: 15px;margin-bottom: 10px}
	#gnsubContent .contents .ysenior-cont .organi_list ul>li>ul>li{background-image:  none;padding-left: 0}
	#gnsubContent .contents .ysenior-cont .organi_list h4{position: relative;left: inherit;width: 100%;margin: 0 0 0 0;background-color: #4a732e;background-image: none}
	.ysenior-cont .staff_cont .staff_box>li{float: none;width: 100%;height: auto;padding-bottom: 10px}
	.ysenior-cont .staff_cont .staff_box>li.right{float: none;width: 100%;}
	.ysenior-cont .staff_cont ul li .txt_area{padding-top: 15px}
	.ysenior-cont .ysenior .location_tb{display:block; }
	.ysenior-cont .ysenior .location_tb tr{display:block;}
	.ysenior-cont .ysenior .location_tb th{display: block;border-top:0}
	.ysenior-cont .ysenior .location_tb td{display: block;padding: 5px 0;margin-bottom: 10px;border-top:0;border-bottom: 1px dotted #d3d3d3;}
	.ysenior-cont .ysenior .location_tb td ul li{float: none}

	/* 압구정노인복지센터 */
	.happy-apgu-cont .greeting{padding: 330px 0 0 0;background-position: center top}
	.happy-apgu-cont .bgCenter {padding: 0 ;background:none}
	.happy-apgu-cont .service-cont{padding-right: 0;background: none}

	/* 강남노인복지센터 */
	.gnsw-cont .gnsw-tit1{font-size: 30px}
	.gnsw-cont .gnsw-bgbox1{display: block;min-height: inherit;padding: 15px 15px 0 15px;border:1px solid #68a142;background-image: none;}
	.gnsw-cont .gnsw-bgbox1 p{display: block;font-size: 18px}
	.gnsw-cont .gnsw-bgbox2{display: block;min-height: inherit;padding: 15px 15px 1px 15px;background-image: none;}
	.gnsw-cont .gnsw-bgbox2 p{display: block;font-size: 16px;}
	.gnsw-cont .gnsw-bgbox2 p br{display: none}
	.gnsw-cont .gnsw-box1{position:relative; display:block;}
	.gnsw-cont .gnsw-box1 .text{display:block; padding-right: 0}
	.gnsw-cont .gnsw-box1 .img{display: block; width: 100%; text-align: center}
	.gnsw-cont .gnsw-greeting .tit{background-size: 100% 80px}
	.gnsw-cont .gnsw-greeting .pic{float: none;margin-bottom: 15px;border-bottom: 2px dashed #eee}
	.gnsw-cont .gnsw-greeting .pic span{display: block;width:260px;height: 383px;margin: 0 auto 10px auto;overflow: hidden;}
	.gnsw-cont .gnsw-greeting .pic p{position: relative;bottom:inherit;width: 100%;}
	.gnsw-cont .gnsw-greeting .txt2{float: none;width: 100%;}
	.gnsw-cont .gnsw-icon > li{width: 32%;}
	.gnsw-cont .gnsw-org{position: relative;width: auto;background-image: none}
	.gnsw-cont .gnsw-org::before{content: "";display: block;position: absolute;left:50%;top:0;width: 1px;height: 100%;background-color: #b2b2b2;}
	.gnsw-cont .gnsw-org .org01{position: relative;margin-bottom: 20px;z-index: 1}
	.gnsw-cont .gnsw-org>ul{padding-top: 75px}
	.gnsw-cont .gnsw-org>ul>li:nth-child(1)::before{content: "";display: block;position: absolute;top:32px; right: 0;width:50%;height: 1px;background-color: #b2b2b2;}
	.gnsw-cont .gnsw-org .org02-1{top: 0;right: 4px}
	.gnsw-cont .gnsw-org .org02-2{margin: 0 auto 55px auto}
	.gnsw-cont .gnsw-org>ul>li>ul>li:first-child{width: 49%;margin-bottom: 40px;background: url("/assets/images/office_info/img/gnsw/bg_org2.gif") center 50px no-repeat !important;}
	.gnsw-cont .gnsw-org>ul>li>ul>li:last-child{float: right;width: 49%;background: url("/assets/images/office_info/img/gnsw/bg_org2.gif") center 50px no-repeat !important;}
	.gnsw-cont .gnsw-org>ul>li:nth-child(2)::before{content: "";display: block;position: absolute;top:230px;left: 25%;width:50%;height: 1px;background-color: #b2b2b2;}
	.gnsw-cont .gnsw-org .gnsw-org-box2{width: 48%;margin: 0 1%}
	.gnsw-cont .gnsw-org .gnsw-org-box2>dt{width: 100%;top:0}
	.gnsw-cont .gnsw-org .org03-1{margin: 0 auto 40px auto;}
	.gnsw-cont .gnsw-org .org03-2{margin: 0 auto 40px auto;}
	.gnsw-cont .gnsw-org .org04-2{float: right;}
	.gnsw-cont .gnsw-org .long-care{position: relative;top:inherit;right: inherit;width: 49%;margin: 0 auto;background: #fff url("/assets/images/office_info/img/gnsw/bg_org2.gif") center 50px no-repeat !important;}

	/* 강남구청소년상담복지센터 */
	.gnyc-cont .gnyc-history{margin-top: 25px}
	.gnyc-cont .gnyc-history .centerline ul li > div > dl:first-child{margin-top: 0}
	.gnyc-cont .gnyc-history .centerline ul li > div > dl{padding: 15px}
	.gnyc-cont .gnyc-fram1{margin-bottom: 35px;background-size: 100%;padding-left: 0;padding-top: 43%;background-position: center top}
	.gnyc-cont .gnyc-fram2{background-size: 100%;padding-right: 0;padding-top: 43%;background-position: center top}
	.gnyc-cont .gnyc-dream-week > li{width: 32%;margin-bottom: 30px}
	.gnyc-cont .gnyc-dream-week > li > dl{max-width: 120px}
	.gnyc-cont .gnyc-dream-week > li.tue > dl{margin-top: 0}
	.gnyc-cont .gnyc-dream-week > li.thur > dl{margin-top: 0}
	.gnyc-cont .gnyc-dream-week > li.culture > dl{margin-top: 0}
	.gnyc-cont .gnyc-dream-week > li > dl > dt{height: 100px;line-height: 100px;margin-bottom: 45px}
	.gnyc-cont .gnyc-imgboxlist{margin-left: -15px}
	.gnyc-cont .gnyc-imgboxlist > li > div{margin-left: 15px;}

	/* 강남구청소년쉼터 */
	#gnsubContent .contents .ts7942-cont .box-bg-blue{font-size: 18px;}
	.ts7942-cont .box a.btn{font-size: 15px}
	.ts7942-cont .block-ls{display: inline;}
	.ts7942-cont i.ico-info{display: none}
	.ts7942-cont ul.info-ts li{font-size: 15px}
	.ts7942-cont ul.talkbox li{padding: 30px 15px}
	.ts7942-cont .intro-box dt{display:none;}
	.ts7942-cont .intro-box dd{display:block; float:none; width:100%;}
	.ts7942-cont .huge{font-size: 18px}
	.ts7942-cont dl.corp-box dt{float: none;margin: 0 auto 0 auto;padding:15px;}
	.ts7942-cont dl.corp-box dd{float: none;width: 100%;margin-left: 0;padding:0 20px 20px 20px;}
	.ts7942-cont dl.corp-box dd b{width:100%; text-align:center; display:block;}
	.ts7942-cont dl.corp-sec dt{padding: 20px;}
	.ts7942-cont dl.corp-sec dd{float: none;width: 100%;margin-left: 0;padding: 20px;}
	.ts7942-cont .history-set{background:none;}
	.ts7942-cont ul.history-box > li:nth-child(odd),
	.ts7942-cont ul.history-box > li:nth-child(even){padding:0; margin:0; text-align:left; background:none;}
	.ts7942-cont ul.history-box > li:nth-child(even) h5::after{display:none;}
	.ts7942-cont ul.history-box > li h5{font-size:20px; display:none;}
	.ts7942-cont ul.history-box > li h5::before,
	.ts7942-cont ul.history-box > li:nth-child(odd) h5::before{content:''; display:inline-block; border-radius:100%; width:14px; height:14px; border:2px solid #055d9b; vertical-align:middle; margin:-3px 10px 0 0; background:#ffffff;}
	.ts7942-cont ul.history-box > li > ul > li h6{font-size:20px;}
	.ts7942-cont ul.history-box > li:nth-child(even) > ul > li h6::after{display:none;}
	.ts7942-cont ul.history-box > li:nth-child(odd) > ul > li h6::before,
	.ts7942-cont ul.history-box > li > ul > li h6::before{content:''; display:inline-block; border-radius:100%; width:10px; height:10px; vertical-align:middle; margin:-3px 12px 0 0; background:#d1d1d1;}
	.ts7942-cont ul.history-box > li > ul > li span,
	.ts7942-cont ul.history-box > li:nth-child(even) > ul > li span{padding:0 0 0 20px;}
	.ts7942-cont .org-box > span{display: block;position: relative;left: inherit;top: inherit;margin-bottom: 20px;text-align: left}
	.ts7942-cont .contact-box div{padding-left:60px; background-size:40px!important; background-position:left top!important;}
	.ts7942-cont .contact-box div ul li{margin-bottom: 10px;line-height: 24px}
	.ts7942-cont dl.interphone dt{float: none;margin: 0 auto;}
	.ts7942-cont dl.interphone dd{float:none;;width: 100%;padding:15px 0 0 0;}
	
	/* 강남세움복지관 */
	.sewoom_cont .links {height:auto;}
	.sewoom_cont .links ul li {width:50%;}
	.sewoom_cont .links ul li a {padding:20px;}

	/* 강남여성능력개발센터 */
	.herstory_cont .links {margin-top:30px;}
	.herstory_cont .links ul li {width:50%;}
	.herstory_cont .links ul li a {padding:20px;}
}

@media screen and (max-width: 767px){
	/*논현노인복지센터*/
	.nonhyunsenior-cont .mo {display: inline-block; }
	.nonhyunsenior-cont .pc {display: none !important; }
	.nonhyunsenior-cont .fancybox-image{border-radius:10px !important;}
	.nonhyunsenior-cont .pointer p{top:30.3496503%;width:32.2058824%;height:5.94405594%;}
	.nonhyunsenior-cont .pointer .p1{left:0.14705882%;}
	.nonhyunsenior-cont .pointer .p2{left:33.8235294%;}
	.nonhyunsenior-cont .pointer .p3{left:67.6470588%;}
	.nonhyunsenior-greeting .tx{padding-left: 0; padding-top: 405px; background-position: calc(50% - 1px) -40px;}
}

@media screen and (max-width: 600px){
	.gntable th{padding: 9px 4px;}
	.gntable td{padding: 9px 4px;}
	.tab-menu li{float: none;width: 100%;margin-bottom: 3px;border:1px solid #bbb}
	.tab-menu li.col-md-6, .contents .tab-menu li.col-md-6 {width:100%;}
	.tab-menu li.col-md-4, .contents .tab-menu li.col-md-4 {width:100%;}
	.tab-menu li.col-md-3, .contents .tab-menu li.col-md-3 {width:100%;}
	.tab-menu li.col-md-2, .contents .tab-menu li.col-md-2 {float: left;width:49%;margin: 0 0.5% 3px 0.5%}
	.img-box span{width: 100%;float: none;text-align: center}
	.img-box span:first-child{margin: 0 0 20px 0}

	.policy .part2{margin-left: 0}

	/* 강남지역자활센터 */
	.gjhope-cont .gjhope-greeting .img span{float: none;width: 100%;text-align: center;margin-bottom: 25px}
	.gjhope-cont .gjhope-greeting .img strong{float: none;width: 100%;text-align: center;padding-top:0}

	/* 역삼노인복지센터 */
	.ysenior-cont .business_info .txt_1{margin-bottom: 30px;padding-bottom: 30px}
	.ysenior-cont .business_info .txt_2{margin-bottom: 30px;padding-bottom: 30px}

	/* 강남노인종합복지관 */
	.gnsw-cont .jmH1_wrap{letter-spacing: -0.5px; padding:0;}
	.gnsw-cont .jmH1_wrap .jmH1Top{margin-bottom: 30px}
	.gnsw-cont .jmH1_wrap{letter-spacing: -0.5px; padding:0;}
	.gnsw-cont .jmH1_wrap .jmH2Body > div > div:nth-child(1){display: block;width: 100%;margin-bottom: 15px}
	.gnsw-cont .jmH1_wrap{letter-spacing: -0.5px; padding:0;}
	.gnsw-cont .jmH1_wrap .jmH2Body > div > div:nth-child(1) span:nth-child(1){display: none}
	.gnsw-cont .jmH1_wrap{letter-spacing: -0.5px; padding:0;}
	.gnsw-cont .jmH1_wrap .jmH2Body > div > div:nth-child(2){display: block;width: 100%}
	.gnsw-cont .jmH1_wrap{letter-spacing: -0.5px; padding:0;}
	.gnsw-cont .jmH1_wrap .jmH2Body > div > div:nth-child(2) > div{padding: 10px 0;margin-bottom: 15px;border-left: 0;border-bottom: 1px solid #eee}
	.gnsw-cont .gnsw-location-info tr{display: block;}
	.gnsw-cont .gnsw-location-info th{display: block;height: auto;padding: 10px 0 0 0;margin-bottom:0;border-bottom: 0;}
	.gnsw-cont .gnsw-location-info th span{background-size: 35px;height: 35px;line-height: 35px;padding: 0 0 0 40px;font-size: 15px;}
	.gnsw-cont .gnsw-location-info td{display: block;padding: 0 0 15px 40px;}
}

@media screen and (max-width: 600px){
	/* 강남구청소년상담복지센터 */
	.gnyc-cont .gnyc-imgboxlist{margin-left: 0}
	.gnyc-cont .gnyc-imgboxlist > li{float: none;width: 100%;margin-bottom: 15px}
	.gnyc-cont .gnyc-imgboxlist > li > div{margin-left: 0}
	.contents .gnyc-cont .gnyc-imgboxlist > li > div > span img{max-width: inherit;width: 100%;}
	.gnyc-cont .gnyc-imgboxlist > li > div > strong{height: 35px}
}

@media screen and (max-width: 480px){
	.contents .part2{margin-left: 0}

	.round-list > li.add > div > div .num{left: 15px}
	.round-list > li.add > div > div .sj{padding-left: 65px}
	.round-list > li.even > div > div .num{left: 15px}
	.round-list > li.even > div > div .sj{padding-left: 65px}

	/* 역삼노인복지센터 */
	.ysenior-cont .intro_1 dl dt{display: block;width: 100%;padding: 10px 0;border-bottom: 1px solid #dbdbdb;border-right: 0}
	.ysenior-cont .intro_1 dl dt span{display: inline-block;padding: 0 0 0 28px;background-size: 22px;background-position: left center}
	.ysenior-cont .intro_1 dl dt.icon_1 span{display: inline-block;padding: 0 0 0 28px;background-size: 22px;background-position: left center}
	.ysenior-cont .intro_1 dl dd{display: block;padding: 10px}
	.ysenior-cont .intro_1 dd div{height: auto;display: block;}
	.ysenior-cont .intro_1 .txt_4{display: block;padding-bottom: 0}
	.ysenior-cont .intro_1 .txt_4 h5{display: block;width: 100%;}
	.ysenior-cont .intro_1 .txt_4 p{display: block;width: 100%;}

	/* 압구정노인복지센터 */
	.happy-apgu-cont #history .his_bg{background-image: none}
	.happy-apgu-cont #history h3{padding: 20px 0 25px 0;background-image: none;border-top: 1px solid #ddd}
	.happy-apgu-cont #history .tab-pane .Page h3:first-child{border-top: 0}
	.happy-apgu-cont #history dl{padding-left: 45px}
	.happy-apgu-cont #history dt{left:0}
	.happy-apgu-cont #history .tab-content{padding: 0}

	/* 강남노인종합복지관 */
	.gnsw-cont .gnsw-greeting .tit{height: 60px;margin-bottom: 15px;background-size: 100% 60px}
	.gnsw-cont .gnsw-greeting .tit span{font-size: 20px}
	.gnsw-cont .gnsw-greeting .txt1{line-height: 38px;font-size: 30px}
	.gnsw-cont .gnsw-greeting .txt2 p br{display: none}
	.gnsw-cont .gnsw-greeting .pic{padding-top: 0}
	.gnsw-cont .gnsw-icon > li{width: 49%;}
	.gnsw-cont .gnsw-text4{height: 80px; }
	.gnsw-cont .gnsw-text4 p{padding-top: 14px;font-size: 18px;}
	.gnsw-cont .jmH1_wrap .jmH2Body > div > div:nth-child(2) > div > div{padding-left: 0}
	.gnsw-cont .jmH1_wrap .jmH2Body > div > div:nth-child(2) > div > div > div:nth-child(1){position: relative;}
	.gnsw-cont .gnsw-org>ul{padding-top: 85px}
	.gnsw-cont .gnsw-org .org02-1{width: 112px}
	.gnsw-cont .gnsw-org .org02-2{margin-bottom: 25px}
	.gnsw-cont .gnsw-org>ul>li:nth-child(2)::before{display: none}
	.gnsw-cont .gnsw-org>ul>li>ul>li>div{overflow: hidden;}
	.gnsw-cont .gnsw-org>ul>li>ul>li:first-child{float: none;width: 100%;margin-bottom: 25px;background: #fff url(/assets/images/office_info/img/gnsw/bg_org2.gif) center 50px no-repeat !important;}
	.gnsw-cont .gnsw-org>ul>li>ul>li:last-child{float: none;width: 100%;margin-bottom: 25px;background: #fff url(/assets/images/office_info/img/gnsw/bg_org2.gif) center 50px no-repeat !important;}
	.gnsw-cont .gnsw-org .long-care{float: none;width: 100%;margin-bottom: 0;background: #fff url(/assets/images/office_info/img/gnsw/bg_org2.gif) center 50px no-repeat !important;}

	/* 강남구청소년상담복지센터 */
	.gnyc-cont .gnyc-history .centerline:before{left: 10px}
	.gnyc-cont .gnyc-history .centerline ul::before{display: none}
	.gnyc-cont .gnyc-history .centerline ul::after{display: none}
	.gnyc-cont .gnyc-history .centerline ul li{padding-left: 43px;margin-bottom: 15px}
	.gnyc-cont .gnyc-history .centerline ul li > div{width: 100%; }
	.gnyc-cont .gnyc-history .centerline ul li.left > div{float: none;text-align: left}
	.gnyc-cont .gnyc-history .centerline ul li.right > div{float: none}
	.gnyc-cont .gnyc-history .centerline ul li.left > div dl:before{right: inherit;left:-39px}
	.gnyc-cont .gnyc-history .centerline ul li.left > div dl:after{right: inherit;left:-11px;background: url("/assets/images/office_info/img/gnyc/s12-2.gif");}
	.gnyc-cont .gnyc-history .centerline ul li.right > div dl:before{left:-39px}

	/* 사이쉼 */
	#gnsubContent .contents .psygn-org .t4 > li{float: left; width:40%; margin-left:6%; padding-top:30px; position: relative;}
	.psygn-org .t4:before{content: '';position: absolute; left:26%; right:28%;top: 0;height: 1px;background: #ccc;}
	}

@media screen and (max-width: 400px){
	.tab-menu li.col-md-2{float: none;width:100%;margin: 0 0 3px 0}

	/* 청소년지원센터 */
	.gnyc-cont .gnyc-dream-week > li > dl > dt{height: 80px;line-height: 80px;margin-bottom: 25px;font-size: 15px}
}


/* 2019/9/19 통합 연혁 */
.aS-history{position: relative; padding: 30px 0 50px;}
.aS-history:before{content: ''; position: absolute; left: 82px; top: 0; bottom: 0; width: 1px; background: #ddd; }
.aS-history > ul > li{margin-bottom: 20px;}
.aS-history > ul > li > p{font-size: 22px; color: #69c59c; font-weight: 600; display: inline-block;}
.aS-history > ul > li > p:before{content: ''; display: none; width: 16px; height: 16px; border-style: solid; border-width: 3px; background: #fff; border-color: #69c59c; border-radius: 2px; transform: rotate(45deg); margin-right: 5px; }
.aS-history > ul > li > p:after{content: ''; display: inline-block; width: 16px; height: 16px; border-style: solid; border-width: 3px; background: #fff; border-color: #69c59c; border-radius: 2px; transform: rotate(45deg); margin-left: 5px; }
.aS-history > ul > li > p > span{display: inline-block; text-align: center; width: 70px;}

#gnsubContent .aS-history > ul > li > ul{padding: 0; padding-left: 116px;}
#gnsubContent .aS-history > ul > li > ul > li {padding: 0; background: none; display: table; position: relative; margin-bottom: 10px; line-height: 22px;}
.aS-history > ul > li > ul > li:before{content: ''; position: absolute; right: 100%; top: 9px; width: 4px; height: 4px; background: #777; border-radius: 50%; margin-right: 8px; }
.aS-history > ul > li > ul > li > span{display: table-cell; width: 50px; font-size: 15px; color: #333; font-weight: 600; letter-spacing: 0;}
.aS-history > ul > li > ul > li > div{display: table-cell; padding-left: 15px;}
.aS-history > ul > li > ul > li > div p{margin-bottom: 0;}

.aS-history.nonhyunsenior > ul > li > ul > li > span{width: 90px !important;}

@media screen and (max-width: 600px){
.aS-history:before{left: 7px;}
.aS-history > ul > li > p:before{display: inline-block;}
.aS-history > ul > li > p:after{display: none;}
#gnsubContent .aS-history > ul > li > ul{padding-left: 30px;}
.aS-history > ul > li > ul > li > div{padding-left: 10px;}
}


/* 2019-09-23 강남시니어플라자 */

.imgtext-list1 > li{float: left;width: 150px;margin-left: 22px;text-align: center;position: relative;}
.imgtext-list1 > li:first-child{margin-left: 0;}
.imgtext-list1 > li:after{background: url(/assets/images/office_info/img/seniorplaza/flow_arrow.png) no-repeat right center;content: '';position: absolute;width: 20px;height: 28px;right: -20px;top: 42px;}
.imgtext-list1 > li:last-child:after{display: none;}
.imgtext-list1 > li p{margin-top: 15px;font-size: 14px;letter-spacing: -1px;}
#gnsubContent .contents ul > li > ul > li.nobg{background: none;}
.imglist-table1{background: url(/assets/images/office_info/img/seniorplaza/icon_cinema.png) no-repeat left top;margin-bottom: 30px;padding: 0 10px 0 155px;}
.imglist-table1.bg2{background: url(/assets/images/office_info/img/seniorplaza/icon_cabinet.png) no-repeat left top;}
.imglist-table1.bg3{background: url(/assets/images/office_info/img/seniorplaza/icon_book.png) no-repeat left top;} /* 210324 추가 */
.imglist-table1.bg4{background: url(/assets/images/office_info/img/seniorplaza/icon_baduk.png) no-repeat left top;} /* 220807 추가 */
.imglist-table1 li{padding-left: 15px;background: url(/assets/images/office_info/img/seniorplaza/bul_ul_02.png) no-repeat left 7px;font-size: 16px;margin-bottom: 8px;}
.imglist-table1 .red-box{margin-top: 20px;}
.imglist-table1 .red-box li{padding-left: 0;background: none;color: #e25213;}
.imglist-table1 .red-box span{margin-bottom: 10px;display: inline-block;color: #fff;font-weight:600;background: #e25213;padding: 5px 20px;}
.rill-sob{padding: 0 10px 0 155px;margin-bottom: 30px;background: url(/assets/images/office_info/img/seniorplaza/icon_ord_01.png) no-repeat 10px top;}
.rill-sob span{font-size: 21px;font-weight:600;display: block;margin-bottom: 10px;}
.rill-sob p{font-size: 21px;color: #fb7c00;margin-bottom: 5px;}
.rill-sob li{padding-left: 15px;background: url(/assets/images/office_info/img/seniorplaza/bul_ul_02.png) no-repeat left 7px;font-size: 16px;margin-bottom: 8px;}
.rill-sob.bg2{background: url(/assets/images/office_info/img/seniorplaza/icon_ord_02.png) no-repeat 10px top;}
.rill-sob.bg3{background: url(/assets/images/office_info/img/seniorplaza/icon_ord_03.png) no-repeat 10px top;}
.subtab-menu-con > div{display: none;}
.subtab-menu-con > div.on{display: block;}
.gntable td.text-l{text-align: left;}
.hapi-it-list{margin-bottom: 50px;}
.hapi-it-list > dl{width: 100%;}
.hapi-it-list > dt{float: left;width: 155px;margin-bottom: 20px;text-align: center;}
.hapi-it-list > dt span{display: block;margin-top: 10px;font-size: 20px;}
.hapi-it-list > dd{float: left;}
.hapi-it-list > dd li{margin-bottom: 5px;font-size: 16px;padding-left: 10px;background: url(/assets/images/office_info/img/seniorplaza/bul_ul_02.png) no-repeat left 7px;}
.hapi-it-list > dd span{display: inline-block;margin-bottom: 10px;padding: 5px 10px;color: #fff;background: #000;font-weight:600;}

.mgt20{margin-top: 20px;}
.mgt30{margin-top: 30px;}

.hapl-title-box{text-align: center;margin-top: 30px;}
.hapl-title-box span{font-size: 15px;display: block;padding-top: 10px;}
.hapl-title-box p{font-size: 24px;}

.hl-data-list > dl{margin-bottom: 20px;}
.hl-data-list dt{float: left;margin-right: 10px;background: #a2755e;width: 130px;height: 130px;padding: 0;line-height: 130px;border-radius: 50%;background-color: #a2755e;font-size: 25px;font-weight:600;color: #fff;text-align: center;}
.hl-data-list dd{float: left;width: calc(100% - 150px);padding-right: 10px;}
.hl-data-list dd li{display: table;margin-top: 10px;}
.hl-data-list dd li span{display: table-cell;font-size: 16px;}
.hl-data-list dd li span:first-child{color: #e25213;width: 45px;}

.seniorplaza-vedio-box div.event-desc,
.seniorplaza-vedio-box div.event-thumb {width:50%; float:left; overflow:hidden; border:2px solid #eee; }
.seniorplaza-vedio-box div.event-thumb img {display:block; width:auto; height:100%; }

.seniorplaza-vedio-box div.info-media>section span.movie-box {display:block; position:relative; }
.seniorplaza-vedio-box div.info-media a.btn-play-movie {display:inline-block; position:absolute; top:50%; left:50%; font-size:600%; color:#bbb; }
.seniorplaza-vedio-box div.info-media a.btn-play-movie i {display:block; }
.seniorplaza-vedio-box div.info-media a.btn-play-movie i:before {display:block; margin:-50% 0 0 -50%; }

.notify .icbx{width: 125px;height: 125px;display: inline-block;margin-right: 30px;background: transparent url(/assets/images/office_info/img/seniorplaza/icon_cabinet.png) 50% 0 no-repeat;vertical-align: middle;}
.notify h3{display: inline-block;padding: 0 30px;font-size: 19px;font-weight:600;line-height: 20px;margin: 25px 0 10px;background: none;}
.notify .icbx.sprout {background-image: url(/assets/images/office_info/img/seniorplaza/icon_sprout.png);width: 105px;height: 105px;}
.notify a:hover, .notify a:visited, .notify a:link, .notify a:active {font-size: 24px;display: inline-block;padding: 7px 30px;border: 1px solid #615956;background: #615956;color: #fff;text-decoration: none;vertical-align: middle;}

div.basic {border: 1px solid #ccc;background-color: #fafafa;padding: 20px 20px 10px;margin-top: 15px;}
.notify .paragraph {margin-top: 15px;}
.imgt-list-con {position: relative;line-height: 1.75;padding-left: 100px;background: url(/assets/images/office_info/img/seniorplaza/icon_mic.png) no-repeat left top}

.titletext-box{padding-left: 150px;background: url(/assets/images/office_info/img/seniorplaza/icon_openbox.png) no-repeat 20px top;}
.titletext-box > span{color: #fb7c00;padding: 15px 0;font-size: 21px;font-weight:600;}
.titletext-box > p{font-size: 17px;line-height: 1.5em;}

.seniorplaza-vedio-box > div{margin-bottom: 30px;}
.seniorplaza-vedio-box section{cursor: pointer;}
.seniorplaza-vedio-box section .tit{font-size: 20px; color: #333; font-weight: 600; letter-spacing: -1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.seniorplaza-vedio-box section .inf{font-size: 14px; color: #424242; height: 74px;line-height: 1.4; overflow: hidden; text-overflow: ellipsis;}

.movie-overlay,
.movie-pop {z-index:11111;position:fixed;top:0;left:0;width:100%;height:100%;}
.movie-overlay {z-index: 9999; background: #aaaaaa; opacity: .5; filter: Alpha(Opacity=50); overflow-x: hidden; transition: 0.5s; }
.movie-pop .m-wraper {position:relative;display:table;vertical-align:middle;width:100%;height:100%;}
.movie-pop .m-container {display:table-cell;padding:40px;padding-top:90px;vertical-align:middle;width:100%;}
.movie-pop .m-wraper a {display:block;position:absolute;top:40px;right:40px;font-size:45px;}


/**/
.seniorplaza-grt{}
.seniorplaza-grt .f-box{margin-bottom: 20px; padding: 19px 20px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 24px; color: #4070a0; letter-spacing: -1px;}
.seniorplaza-grt .tx{padding-top: 20px;padding-left: 250px; background-image: url(/assets/images/office_info/img/seniorplaza/2019.jpg); background-position: -186px -50px; background-repeat: no-repeat;}
.seniorplaza-grt .tx > p{font-size: 17px; color: #333; line-height: 150%; margin-bottom: 30px;}
.seniorplaza-grt .tx > p.big{font-weight: 600; font-size: 21px; letter-spacing: -1px;}
.seniorplaza-grt .tx > .rt{text-align: right;}
.seniorplaza-cib{border: 1px solid #ccc; background-color: #fafafa; padding: 20px ; text-align: center;}

.seniorplaza-org{text-align: center; position: relative;}
.seniorplaza-org .bks1{font-size: 17px; color: #fff; line-height: 29px; width: 30%; margin: 0 auto; padding: 15px 0; border-radius: 5px; margin-bottom: 30px; position: relative;}
.seniorplaza-org .bks1:after{content: ''; position: absolute; top: 100%; left: 50%; width: 1px; height: 30px; background: #ccc;}
.bks1.po{position: absolute; right: 0; top: 43px;}
.bks1.po:after{display: none;}
.bks1.po:before{content: ''; position: absolute; right: 100%; top: 50%; height: 1px; width: 66%; background: #ccc;}
.bks1.bg1{background:#4f74a1;}
.bks1.bg2{background:#579768;}
.bks1.bg3{background:#57978a;}
.bks1.bg4{background:#a2755e;}
#gnsubContent .contents .seniorplaza-org ul > li{padding: 0; background: none;}
#gnsubContent .contents .seniorplaza-org ul{padding: 0;}
#gnsubContent .contents .seniorplaza-org .t4{overflow: hidden; margin-left: -3%; margin-right: -1%; margin-top: -15px; position: relative;}
#gnsubContent .contents .seniorplaza-org .t4 > li{float: left; width: 30%; margin-left: 3%; padding-top: 15px; position: relative;}
.seniorplaza-org .t4:before{content: ''; position: absolute; left: 18%; right: 16%; top: 0; height: 1px; background: #ccc;}
.seniorplaza-org .t4 > li:before{content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 15px; background: #ccc;}
.seniorplaza-org .t4 > li.nb:before{display: none;}
.seniorplaza-org .t4 > li > div{display: table; width: 100%; background: url(/assets/images/office_info/img/seniorplaza/org_t4bg.gif) repeat; border-radius: 5px;}
.seniorplaza-org .t4 > li > div > p{display: table-cell; vertical-align: middle; height: 59px; color: #fff; font-size: 17px;}
#gnsubContent .contents .seniorplaza-org .t4 > li > ul{text-align: left; min-height: 262px; margin-top: 3px; padding: 10px 4%; border: 1px solid #c2c2c2; border-radius: 5px;}
#gnsubContent .contents .seniorplaza-org .t4 > li > ul > li{font-size: 16px; line-height: 150%; padding-left: 8px; text-indent: -8px;}

.tab-menu.c7 > li {width: 14.2857%}
.tab-content.floor-guide{padding: 30px; margin-top: 30px;}
.floor-guide {position:relative; border:1px solid #ccc; background-color:#fafafa; }
.floor-guide > div > div{overflow: hidden; }
.floor-guide a.btn-chevron {display:block; position:absolute; height:50px;line-height:30px; font-size:30px; color:#999; top:50%; margin-top:-15px; z-index: 5;}
.floor-guide a.btn-chevron.left {left: 10px; }
.floor-guide a.btn-chevron.right {right: 10px; }
.floor-guide .floor-tx > p{font-size: 35px; color: #000; font-weight: 600;}
.floor-guide .floor-tx > div{  font-size: 19px; line-height: 1.5;}

@media screen and (max-width: 991px){
	.imgtext-list1 > li{width: 100%;text-align: left;margin-left: 0;margin-bottom: 30px;}
	.imgtext-list1 > li > img{float: left;}
	.imgtext-list1 > li > p{float: left;width: calc(100% - 160px);margin-left: 10px;}
	.imgtext-list1 > li:after{right: initial;left: 63px;top: initial;bottom: -28px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
	.seniorplaza-vedio-box section .tit{white-space: normal;}
}

@media screen and (max-width: 700px){
	.seniorplaza-grt .tx{padding-left: 0; padding-top: 200px; background-position: calc(50% - 57px) -50px;}
}
@media screen and (max-width: 600px){
	.tab-menu.c7 > li {width: 100%}

	.tab-content.floor-guide{padding: 15px 0;}
	.floor-guide a.btn-chevron.left {left: 0; }
	.floor-guide a.btn-chevron.right {right: 0; }
}
@media screen and (max-width: 480px){
	.seniorplaza-org .bks1{font-size: 14px; letter-spacing: -1px;}
	.seniorplaza-org .t4 > li > div > p{font-size: 14px; }
	#gnsubContent .contents .seniorplaza-org .t4 > li > ul > li{font-size: 14px; letter-spacing: -1px;}
}
@media screen and (max-width: 450px){
	.rill-sob{background: none !important;padding-left: 0;}
	.imglist-table1{background: none !important;padding-left: 0;}
	.titletext-box{padding: 0 10px;background: none;}
}
@media screen and (max-width: 400px){
	.imgt-list-con{padding-left: 0;background: none;}
}


/* 20190926 추가 start */
.gyyc-bft{color: #222; font-size: 24px; font-weight: 600;}

.gyyc-greeting{overflow: hidden;}
.gyyc-greeting > div{float: left; width: 50%; }
.gyyc-greeting > .pho{padding-right: 10px; text-align: center;}
.gyyc-greeting > .txt{font-weight: 600; padding-left: 10px;}
.gyyc-greeting > .txt > p{font-size: 15px; color: #666;}

.gyyc-ci .cibx{margin: 30px 0;}
.gyyc-ci .citx{padding: 20px; background: #f6f6f6;}

.gyyc-tbtg{overflow: hidden;}
.gyyc-tbtg strong{font-size: 18px; color: #222; display: inline-block; }
.gyyc-tbtg span{font-size: 14px; color: #666;}
.gyyc-tbtg > p{margin-bottom: 5px;}
#gnsubContent .contents .gyyc-tbtg > h5{display: inline-block; float: left; margin-bottom: 5px;}
.gyyc-tbtg > p.bt{display: inline-block; float: right;}
.gyyc-tbtg > p > a{display: inline-block; padding: 6px 15px; border-radius: 4px; font-size: 14px; color: #fff; background: #33b73e;}

.gyyc-maintenance {margin-top: 5px; border: 7px solid #E5E5E5; padding: 50px 25px; text-align: center;}
.gyyc-maintenance .ic {display: block; line-height: 1; font-size: 64px; margin-bottom: 10px;}
.gyyc-maintenance .big {display: block;  font-size: 22px; font-weight:600; letter-spacing: -0.05em; margin-bottom: 20px;}
.gyyc-maintenance .small{display: block; line-height: 1.5; font-size: 14px; letter-spacing: -0.03em; color: #818181; margin-bottom: 20px;}

@media screen and (max-width: 480px){
	.gyyc-bft{font-size: 20px;;}
}
@media screen and (max-width: 600px){
	.gyyc-greeting > div{float: none; padding: 0; width: auto;}
	.gyyc-greeting > .txt{margin-top: 30px;}
}
/* 20190926 추가 end */

/* 20200302 추가 strat - 역삼청소년수련관 */
.gyyc-org{text-align: center; position: relative;}
.gyyc-org .onb{font-size: 15px; color: #fff; line-height: 24px; width: 170px; margin: 0 auto; padding: 10px 0; border-radius: 5px; margin-bottom: 40px; position: relative;}
.gyyc-org .onb:after{content: ''; position: absolute; top: 100%; left: 50%; width: 1px; height: 40px; background: #ccc;}
.gyyc-org .onb.bg1{background:#4f74a1;}
.gyyc-org .onb.bg2{background:#579768;}
.gyyc-org .onb.bg3{background:#0070C0;}
.gyyc-org .t1 > li{position: relative;}
.gyyc-org .t2 > li{position: relative;}
.gyyc-org .wh{position: absolute; left: 0; right: 0; top: 41px;}
.gyyc-org .wh > ul{overflow: hidden;}
.gyyc-org .wh > ul > li{float: left; width: 50%;}
.gyyc-org .wh > ul > li.left{float: left;}
.gyyc-org .wh > ul > li.right{float: right;}
.gyyc-org .wh > ul > li.left:before{content: ''; position: absolute; top: 22px; left: 25%; right: 50%; height: 1px; background: #ccc;}
.gyyc-org .wh > ul > li.right:before{content: ''; position: absolute; top: 22px; left: 50%; right: 25%; height: 1px; background: #ccc;}
.gyyc-org .wh .onb{margin-bottom: 5px;}
#gnsubContent .contents .gyyc-org ul > li{padding: 0; background: none;}
#gnsubContent .contents .gyyc-org ul{padding: 0;}
#gnsubContent .contents .gyyc-org ul > li > ul > li > ul > li > ul{padding: 5px; border:1px solid #c2c2c2; text-align:left; border-radius:5px;}
#gnsubContent .contents .gyyc-org .tj{overflow: hidden;    padding-top: 15px;  position: relative;}
.gyyc-org .tj.c5 > li{float: left;width: 18%;margin: 0 1%;padding-top: 15px;position: relative;}
.gyyc-org .tj.c5:before{content: '';position: absolute;top: 0;height: 1px;background: #ccc;left: 10%;right: 10%;}
.gyyc-org .tj > li > p{font-size: 15px; color: #fff; line-height: 24px; padding: 10px 0; border-radius: 5px; margin-bottom: 5px; background: url(https://www.gangnam.go.kr/assets/images/office_info/img/seniorplaza/org_t4bg.gif) repeat;}
.gyyc-org .tj > li:before{content: ''; position: absolute; left: 50%; top: -15px; width: 1px; height: 15px; background: #ccc;}
#gnsubContent .contents .gyyc-org .tj > li .tl{min-height: 150px;}
.onb.naf:after{display: none;}
.gyyc-org .onb.laf{margin-bottom: 60px;}
.gyyc-org .onb.laf:after{height: 60px;}
/* 20200302 추가 end - 역삼청소년수련관 */

/* 2019/10/10 */
.aS-history-owp{height: 1100px; overflow:hidden; padding:0 15px;}
.aS-history-owp.op{height: auto;}
.aS-history-msw{text-align: center; margin-top: 30px; display: none;}
.aS-history-msw > a{display: inline-block; padding: 10px 0; width: 160px; border: 1px solid #555;}

/* 2019/10/15 */
@media screen and (min-width: 600px) {
	.tab-menu.c4sp{border-left: 1px solid #bbb; overflow: hidden; padding-top: 1px;}
	.tab-menu.c4sp li{width: 25%; border-left: none;  border-right: 1px solid #bbb;  margin-top: -1px;}
	.tab-menu.c5sp{border-left: 1px solid #bbb; overflow: hidden; padding-top: 1px;}
	.tab-menu.c5sp li{width: 20%;  border-left: none;  border-right: 1px solid #bbb;  margin-top: -1px;}
}

/* 조직도 */
.afs-owp{overflow-x: auto;}
.afs-owp > div{width: 862px;}
.afs-org{text-align: center; position: relative;}
.afs-org .onb{font-size:15px; color:#fff; line-height:24px; width:25%; margin:0 auto; padding:10px 0; border-radius:5px; margin-bottom:40px; position:relative;}
.afs-org .onb:after{content: ''; position: absolute; top: 100%; left: 50%; width: 1px; height: 40px; background: #ccc;}
.afs-org .onb.bg1{background:#4f74a1;}
.afs-org .onb.bg2{background:#579768;}
.afs-org .onb.bg3{background:#0070C0;}
.afs-org .onb.bg4{background:#F79646;}
.afs-org .onb.bg5{background:#a2755e;}
.afs-org .onb.bg5:after{display: none;}
.afs-org .t1 > li{position: relative;}
.afs-org .t2 > li{position: relative;}
.afs-org .wh{position: absolute; left: 0; right: 0; top: 41px;}
/*.afs-org .wh:before{content: ''; position: absolute; top: 22px; left: 25%; right: 25%; height: 1px; background: #ccc;} */
.afs-org .wh > ul{overflow: hidden;}
.afs-org .wh > ul > li{float: left; width: 50%;}
.afs-org .wh > ul > li.left{float: left;}
.afs-org .wh > ul > li.right{float: right;}
.afs-org .wh > ul > li.left:before{content: ''; position: absolute; top: 22px; left: 25%; right: 50%; height: 1px; background: #ccc;}
.afs-org .wh > ul > li.right:before{content: ''; position: absolute; top: 22px; left: 50%; right: 25%; height: 1px; background: #ccc;}
.afs-org .wh .onb{margin-bottom: 5px; width: 50%;}
#gnsubContent .contents .afs-org ul > li{padding: 0; background: none;}
#gnsubContent .contents .afs-org ul{padding: 0;}
#gnsubContent .contents .afs-org .t4{overflow: hidden; position: relative;}
#gnsubContent .contents .afs-org .t4 > li{float: left; width: 50%; padding-top: 15px; position: relative;}
.afs-org .t4:before{content: ''; position: absolute; left: 25%; right: 25%; top: 0; height: 1px; background: #ccc;}
.afs-org .t4 > li:before{content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 15px; background: #ccc;}
.afs-org .t4 > li.nb:before{display: none;}
/*.afs-org .t4 > li > div{display: table; width: 100%; background: url(/assets/images/office_info/img/seniorplaza/org_t4bg.gif) repeat; border-radius: 5px;}
.afs-org .t4 > li > div > p{display: table-cell; vertical-align: middle; height: 59px; color: #fff; font-size: 17px;}*/
#gnsubContent .contents .afs-org .t5{padding-top: 15px; margin-top: -15px; position: relative;}
#gnsubContent .contents .afs-org .t5:before{content: ''; position: absolute; top: 0; height: 1px; background: #ccc;}
#gnsubContent .contents .afs-org .t5.c3:before{left: 18%; right: 18%; margin-left: -1px; margin-right: -1px;}
#gnsubContent .contents .afs-org .t5.c2{background: #fff;}
#gnsubContent .contents .afs-org .t5.c2:before{left: 34%; right: 34%;}
.afs-org .t5 > li{display: inline-block; width: 29%; margin: 0 1%; position: relative;}
.afs-org .t5 > li:before{content: ''; position: absolute; left: 50%; top: -15px; width: 1px; height: 15px; background: #ccc;}
.afs-org .t5.c3 > li:nth-of-type(2):before{display: none;}
.afs-org .t5 > li > p{font-size: 15px; color: #fff; line-height: 24px; padding: 10px 0; border-radius: 5px; margin-bottom: 5px; background: url(https://www.gangnam.go.kr/assets/images/office_info/img/seniorplaza/org_t4bg.gif) repeat;}
#gnsubContent .contents .afs-org .tl{text-align: left; margin-top: 5px; padding: 5px; border: 1px solid #c2c2c2; border-radius: 5px;}
#gnsubContent .contents .afs-org .tl > li{font-size: 14px; line-height: 150%; padding-left: 8px; text-indent: -8px;}
#gnsubContent .contents .afs-org .wh .tl{width: 170px; margin: 5px auto 0;}
#gnsubContent .contents .afs-org .t5 > li .tl{min-height: 200px;}


/* 2019/10/15  */
#gnsubContent .contents .afs-org .tj{overflow: hidden;    padding-top: 15px;  position: relative;}
.afs-org .tj.c4 > li{float: left; width: 23%; margin: 0 1%; padding-top: 15px; position: relative;}
.afs-org .tj.c4:before{content: ''; position: absolute; top: 0; height: 1px; background: #ccc; left: 13%; right: 13%; margin-left: -4px; margin-right: -5px;}
.afs-org .tj > li > p{font-size: 15px; color: #fff; line-height: 24px; padding: 10px 0; border-radius: 5px; margin-bottom: 5px; background: url(https://www.gangnam.go.kr/assets/images/office_info/img/seniorplaza/org_t4bg.gif) repeat;}
.afs-org .tj > li:before{content: ''; position: absolute; left: 50%; top: -15px; width: 1px; height: 15px; background: #ccc;}
#gnsubContent .contents .afs-org .tj > li .tl{min-height: 150px;}
.onb.naf:after{display: none;}
.afs-org .onb.laf{margin-bottom: 60px;}
.afs-org .onb.laf:after{height: 60px;}
/* 2020/06/16 */
.afs-org .tj.c2 > li{float: left; width: 49%; margin-left: 1%; padding-top: 15px; position: relative;}
.afs-org .tj.c2:before{content: ''; position: absolute; top: 0; height: 1px; background: #ccc; left: 25.5%; right: 24.5%;}
/* --2020/06/16 */
.afs-org .tj.c3 > li{float:left; width:30%; margin-left:2.5%; padding-top:15px; position:relative;}
.afs-org .tj.c3:before{content:''; position:absolute; top:0; height:1px; background:#ccc; left:17.5%; right:17.5%;}

.gngfamily-cinf > dl{display: table; width: 100%; border-bottom: 1px dashed #c9c9c9;}
.gngfamily-cinf > dl:nth-of-type(even){background: #f9f9f9;}
.gngfamily-cinf > dl > dt{display: table-cell; vertical-align: middle;  width: 16%; font-size: 50px; color: #f7ba2b; text-align: center;}
.gngfamily-cinf > dl > dd{display: table-cell; vertical-align: middle; width: 42%; font-size: 14px; padding: 20px 10px;}

@media screen and (max-width: 600px) {
.gngfamily-cinf > dl{padding: 10px 0;}
.gngfamily-cinf > dl > dt{display: block; width: auto; padding: 5px 10px; text-align: left;}
.gngfamily-cinf > dl > dd{display: block;width: auto; padding: 5px 10px;}
}


/* 2019/10/21 */
.tjbg{margin-top: 40px}
.tjbg:before{  content: ''; position: absolute; top: 0; bottom: 64px; left: 50%; width: 1px; background: #ccc; z-index: -1;}


/* 2019/10/23 */
.smilegn_mtel{height: 100%; padding: 10px 20px; background: url(/assets/images/office_info/img/smilegn/tel_mbg.jpg) no-repeat; background-size: 100% 100%;}
.smilegn_mtel .title_tg{margin-left: 20px; padding: 7px 0; padding-left: 75px; background: url(/assets/images/office_info/img/smilegn/telB_tii.png) 0 -1px no-repeat; background-size: 65px;}
.smilegn_mtel .title_tg .big{font-size: 20px;color: #203436; font-weight: 600; line-height: 28px;}
.smilegn_mtel .title_tg .en{font-size: 12px;color: #5d5d5d; line-height: 18px;}
.smilegn_mtel > dl{position: relative; margin-top: 20px;}
.smilegn_mtel > dl > dt{position: absolute; top: -14px; left: 20px; background: #187179; font-size: 14px; color: #fff; line-height: 20px; width: 130px;  padding: 5px 0; text-align: center; border-radius: 10px;}
.smilegn_mtel > dl > dd{background: #fff; padding: 15px 20px 5px;}
.smilegn_mtel > dl > dd .rq{color:#848888; font-size:14px; margin-left:5px; display:inline-block; width:40%; text-align:center;}
.smilegn_mtel > dl > dd .tel{color:#444444; margin-left:20px; text-align:right; font-size:21px; font-weight:600; display:inline-block;}

/* 2021/3/31 추가 */
.memewell_mtel {height: 100%; padding: 10px 20px; background: url(/assets/images/office_info/img/memewell/tel_mbg.jpg) no-repeat; background-size: 100% 100%;}
.memewell_mtel .title_tg {margin-left: 20px; padding: 7px 0; padding-left: 75px; background: url(/assets/images/office_info/img/smilegn/telB_tii.png) 0 -1px no-repeat; background-size: 65px;}
.memewell_mtel .title_tg .big {font-size: 20px;color: #203436; font-weight: 600; line-height: 28px;}
.memewell_mtel .title_tg .en {font-size: 12px;color: #5d5d5d; line-height: 18px;}
.memewell_mtel > dl {position: relative; margin-top: 20px;}
.memewell_mtel > dl > dt {position: absolute; top: -14px; left: 20px; background: #187179; font-size: 14px; color: #fff; line-height: 20px; width: 130px;  padding: 5px 0; text-align: center; border-radius: 10px;}
.memewell_mtel > dl > dd {background: #fff; padding: 20px 20px 5px;;}
.memewell_mtel > dl > dd .rq {color: #848888; font-size: 13px; margin-left: 20px;}
.memewell_mtel > dl > dd .tel {margin-right: 30px; text-align: right; font-size: 20px; font-weight: 600;}

.memewell_con .part2.boxBg {background:url('/assets/images/office_info/img/gndeaf/m1_s7_bg.png') right bottom no-repeat;}

.memewell_con .imgCon .business_area {height:360px; padding-top:20%;}
.memewell_con .imgCon .business_area.bg1 {background:url('/assets/images/office_info/img/memewell/memewell_about.jpg') right bottom no-repeat;}
.memewell_con .imgCon .business_area .txt_area {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a2cb+0,30d143+100 */
	background: #00a2cb; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #00a2cb 0%, #30d143 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #00a2cb 0%,#30d143 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #00a2cb 0%,#30d143 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2cb', endColorstr='#30d143',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width:432px;
	min-height:130px;
	padding:20px;
	box-shadow:15px 15px 15px rgba(0,0,0,0.3);}
.memewell_con .imgCon .business_area .txt_area dl {color:#fff; letter-spacing:-1px;}
.memewell_con .imgCon .business_area .txt_area dl dt {font-size:21px; margin-bottom:10px;}
.memewell_con .imgCon .business_area .txt_area dl dt:after {content:''; display:inline-block; width:23px; height:1px; background:#fff; margin-left:10px; vertical-align:middle;}



/************************************************** 웰에이징센터 22/03/14 추가 *******************************************************/

.wellaging_con .imgCon .business_area {height:360px; padding-top:20%;}
.wellaging_con .imgCon .business_area.bg1 {
	background:url('/assets/images/office_info/img/wellaging/wellaging_about.jpg') left bottom no-repeat;
	}
.wellaging_con .imgCon .business_area .txt_area {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a2cb+0,30d143+100 */
	background: #00a2cb; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #cdbe49 0%, #30d143 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #cdbe49 0%,#d2b299 100%); /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(135deg, #00a2cb 0%,#30d143 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2cb', endColorstr='#30d143',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width:432px;
	min-height:130px;
	padding:20px;
	box-shadow:15px 15px 15px rgba(0,0,0,0.3);
	float: right;
	}
.wellaging_con .imgCon .business_area .txt_area dl {color:#ffffff; letter-spacing:-1px;}
.wellaging_con .imgCon .business_area .txt_area dl dt {font-size:21px; margin-bottom:10px;}
.wellaging_con .imgCon .business_area .txt_area dl dt:after {content:''; display:inline-block; width:23px; height:1px; background:#ffffff; margin-left:10px; vertical-align:middle;}

.top_subway {
	padding-top: 40px;
	}

.sec-exs{
	margin-top: 15px;}

.well-sec {
   margin: 0px 10px;}

.well-program {
	width: 50%;
	float: left;}

/* 조직도 */
.wellaging-org{text-align: center; position: relative;}
.wellaging-org .bks1{font-size:17px; color:#fff; line-height:1.875em; width:15em; margin: 0 auto; padding:15px 0; border-radius:5px; margin-bottom:50px; position:relative;}
.wellaging-org .bks1:after{content: ''; position:absolute; top:100%; left:50%; width:1px; height:50px; background:#ccc;}
.wellaging-org .bks1.po{position: absolute;right: 0;top: 159px;}
.wellaging-org .bks1.po:after{display: none;}
.wellaging-org .bks1.po:before{content: ''; position:absolute; right:100%; top:50%; height:1px; width:16.6%; background:#ccc;}
.wellaging-org .bks1.bg1{background:#4f74a1;}
.wellaging-org .bks1.bg2{background:#579768;}
.wellaging-org .bks1.bg3{background:#e57867;}
.wellaging-org .bks1.bg4{background-color:#fff5f5; background: url(/assets/images/office_info/img/wellaging/org_logo.png) no-repeat center; border:1px solid #333; padding:30px 10px;}

#gnsubContent .contents .wellaging-org ul > li{padding: 0; background: none;}
#gnsubContent .contents .wellaging-org ul{padding: 0;}
#gnsubContent .contents .wellaging-org .t4{overflow: hidden; margin-right: -1%; position: relative;}
#gnsubContent .contents .wellaging-org .t4 > li{float: left;width: 24%;margin-left: 1%;padding-top: 30px;position: relative;}
.wellaging-org .t4:before{content: '';position: absolute; left:13%; right:12%; top:0; height:1px; background:#ccc;}
.wellaging-org .t4 > li:before{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 30px;background: #ccc;}
.wellaging-org .t4 > li.nb:before{display: none;}
.wellaging-org .t4 > li > div{display: table; width: 100%; background: url(/assets/images/office_info/img/seniorplaza/org_t4bg.gif) repeat; border-radius: 5px;}
.wellaging-org .t4 > li > div > p{display: table-cell; vertical-align: middle; height: 59px; color: #fff; font-size: 17px;}
#gnsubContent .contents .wellaging-org .t4 > li > ul{text-align: left; min-height: 167px; margin-top: 3px; padding: 10px 4%; border: 1px solid #c2c2c2; border-radius: 5px;}
#gnsubContent .contents .wellaging-org .t4 > li > ul > li{font-size: 16px; line-height: 150%; padding-left: 8px; text-indent: -8px;}

/************************************************** 웰에이징센터 22/03/14 추가 end *******************************************************/


/************************************************** 강남청년포털 24/06/17 추가 *******************************************************/
/*메인 콘텐츠*/
.youthgn-cons {width:100%; overflow:hidden;}
.youthgn-cons .main_bottom {overflow:hidden; padding:0;}
.youthgn-cons .main_bottom .links {width:25%; padding-left:10px; margin:0; float:left;}
.youthgn-cons .main_bottom .links.one{padding-left:0;}
.youthgn-cons .main_bottom .dcs_itg {border-radius:3px; min-height:260px; text-align:center; padding:15px; box-shadow:0 0 0 1px #eeeeee80 inset; transition:.3s;}
.youthgn-cons .main_bottom .dcs_itg:hover {text-decoration:none; box-shadow:0 0 0 1px #e67e22 inset;}
.youthgn-cons .main_bottom .dcs_itg.bg1 {background: #f2f7fa url('/assets/images/office_info/img/youthgn/youthgn_link01.png') no-repeat bottom center / auto auto;}
.youthgn-cons .main_bottom .dcs_itg.bg2 {background: #ffffff url('/assets/images/office_info/img/youthgn/youthgn_link02.png') no-repeat bottom center / auto auto;}
.youthgn-cons .main_bottom .dcs_itg.bg3 {background: #f2f7fa url('/assets/images/office_info/img/youthgn/youthgn_link03.png') no-repeat bottom center / auto auto;}
.youthgn-cons .main_bottom .dcs_itg.bg4 {background: #ffffff url('/assets/images/office_info/img/youthgn/youthgn_link04.png') no-repeat bottom center / auto auto;}
.youthgn-cons .main_bottom .dcs_itg > a {vertical-align:top; padding:0; display:block; height:100%;}
.youthgn-cons .main_bottom .dcs_itg > a:hover {text-decoration:none;}
.youthgn-cons .main_bottom .dcs_itg > a > span {display:block;}
/*.youthgn-cons .main_bottom .dcs_itg > a .name_eng {font-size:13px; color:#e67e22;}*/
.youthgn-cons .main_bottom .dcs_itg > a .name_tit {font-size:21px; color:#111; font-weight:600; margin-top:12px; margin-bottom:20px; position:relative;}
.youthgn-cons .main_bottom .dcs_itg > a .name_stit {font-size:15px; color:#777; word-break:keep-all; padding:15px 10px;}

.youthgn-cons .main_bottom .dcs_itg > a .name_tit:after{content:""; background-size:auto; position:absolute; width:96px; height:19px; left:50%; bottom:-100%; transform:translate(-50%, -50%);}
.youthgn-cons .main_bottom .dcs_itg.bg1 > a .name_tit:after{background-image: url(/assets/images/office_info/img/youthgn/youthgn_links_txt01.png);}
.youthgn-cons .main_bottom .dcs_itg.bg2 > a .name_tit:after{background-image: url(/assets/images/office_info/img/youthgn/youthgn_links_txt02.png);}
.youthgn-cons .main_bottom .dcs_itg.bg3 > a .name_tit:after{background-image: url(/assets/images/office_info/img/youthgn/youthgn_links_txt03.png);}
.youthgn-cons .main_bottom .dcs_itg.bg4 > a .name_tit:after{background-image: url(/assets/images/office_info/img/youthgn/youthgn_links_txt04.png);}


/*기본계획*/
.youthgn-cons .youthgn_jobplan {text-align:center;}
.youthgn-cons .youthgn_jobplan .li_area {margin-top:40px; word-break:keep-all;}
.youthgn-cons .youthgn_jobplan .li_area ul {margin:0 -10px;}
.youthgn-cons .youthgn_jobplan .li_area ul:after {content:''; display:block; clear:both; overflow:hidden;}
.youthgn-cons .youthgn_jobplan .li_area ul li {width:20%; float:left; padding:10px;}
.youthgn-cons .youthgn_jobplan .li_area ul li > div {padding:35px 0; border-radius:10px; box-shadow:0 0 10px #ccc; position:relative; overflow:hidden;}
.youthgn-cons .youthgn_jobplan .li_area ul li:nth-child(even) > div:before {content:''; display:block; z-index:-1; font-size:160px; font-weight:bold; color:#97c8ff; position:absolute; top:60px; left:-15px;}
.youthgn-cons .youthgn_jobplan .li_area ul li:nth-child(odd) > div:before {content:''; display:block; z-index:-1; font-size:160px; font-weight:bold; color:#d7e7ff; position:absolute; top:60px; left:-15px;}
.youthgn-cons .youthgn_jobplan .li_area ul li:nth-child(1) > div:before {content:'C';}
.youthgn-cons .youthgn_jobplan .li_area ul li:nth-child(2) > div:before {content:'A';}
.youthgn-cons .youthgn_jobplan .li_area ul li:nth-child(3) > div:before {content:'T';}
.youthgn-cons .youthgn_jobplan .li_area ul li:nth-child(4) > div:before {content:'C';}
.youthgn-cons .youthgn_jobplan .li_area ul li:nth-child(5) > div:before {content:'H';}
.youthgn-cons .youthgn_jobplan .li_area ul li > div dl dt {font-size:18px; line-height:1.2; margin:10px 0 30px; min-height:64px;}
.youthgn-cons .youthgn_jobplan .li_area ul li > div dl dt > span {display:block; font-size:16px;}
.youthgn-cons .youthgn_jobplan .li_area ul li > div dl dd {font-size:16px; line-height:1.2; padding-top:20px;}

.youthgn-cons .summary_list ul li {width:25%; padding:5px; float:left;}
.youthgn-cons .summary_list ul li > div {background:#fff; border-left:1px solid #eee;}
.youthgn-cons .summary_list ul li > div > p {color:#111; padding:10px; font-weight:600; margin:0;}
.youthgn-cons .summary_list ul li > div > p.tit {color:#2d3741; font-size:27px; padding:0 0 10px 0; font-weight:600; letter-spacing:-1px;}
.youthgn-cons .summary_list ul li > div > p.tit:before {content:''; display:inline-block; width:3px; height:28px; background:#42b5a6; overflow:hidden; margin-right:15px; margin-top:-4px; vertical-align:middle;}
.youthgn-cons .summary_list ul li > div > p.con {color:#00376d; padding:10px 0; font-weight:600; letter-spacing:-1px; text-align:center; background-color:#e9edf2; margin:0 10%;}
.youthgn-cons .summary_list ul li > div > dl {padding:10px 20px; color:#111; min-height:240px;}
.youthgn-cons .summary_list ul li > div > dl dt {font-size: 17px; margin-bottom:10px;}
.youthgn-cons .summary_list ul li > div > dl dt > span {display:block; font-size:14px;}
.youthgn-cons .summary_list ul li > div > dl dd {color: #5e5e5e; line-height:23px; letter-spacing:-1.2px;}
.youthgn-cons .summary_list ul li > div > dl dd:before {content:"\e91b"; font-family:xeicon; color:#5e5e5e; font-size:12px; display:inline-block; width:14px;}
.youthgn-cons .summary_list ul li > div > dl dd > strong {display:block; margin-bottom:5px;}
.youthgn-cons .summary_list ul li > div > dl dd.align-c {text-align:center;}

/* 유용한사이트 */
.youthgn-cons .site-wrap {margin-bottom:30px; float:left; width:100%;}
.youthgn-cons .site-wrap .sitelist {display:flex; flex-wrap:wrap; border-bottom:1px solid #eee; flex-direction:row; justify-content:flex-start; align-content:center; gap:5px 20px;}
.youthgn-cons .site-wrap .sitelist .site {flex:1 1 30%; gap:20px; padding:20px 10px; max-width:33%;}
.youthgn-cons .site-wrap .sitelist .site .item {display:flex; flex-direction:column;}
.youthgn-cons .site-wrap .sitelist .site .item > p.tit {display:block; line-height:1.2; font-weight:600; font-size:17px; word-break:keep-all; margin:0;}
.youthgn-cons .site-wrap .sitelist .site .item > span {display:block; margin:10px 0; line-height:1.2; font-size:15px; color:#555; word-break:keep-all; letter-spacing:-1.5px;}
.youthgn-cons .site-wrap .sitelist .site .item a {display: block; font-size: 15px; text-align:center; color:#666; background:#fff; border:1px solid #e5e5e5; border-radius:2px; width:100%; padding:8px 10px; margin:5px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.youthgn-cons .site-wrap .sitelist .site .item a:hover {color:#2fa394; font-weight: 600; text-decoration: none; box-shadow: inset 0 0 0 2px #2fa394; -webkit-box-shadow: inset 0 0 0 2px #2fa394; -moz-box-shadow: inset 0 0 0 2px #2fa394;}

@media screen and (max-width: 950px){
	.youthgn-cons .main_bottom .links {width:50%; padding:0; margin:0; float:left; height:auto;}
	.youthgn-cons .main_bottom .dcs_itg.bg1,
	.youthgn-cons .main_bottom .dcs_itg.bg2,
	.youthgn-cons .main_bottom .dcs_itg.bg3,
	.youthgn-cons .main_bottom .dcs_itg.bg4 {/*background:none !important;*/ height:auto;}
	.youthgn-cons .main_bottom .dcs_itg.bg3 {background-color:#ffffff;}
	.youthgn-cons .main_bottom .dcs_itg.bg4 {background-color:#f2f7fa;}
	.youthgn-cons .main_bottom .dcs_itg {border-radius:0;}
}
@media screen and (max-width: 768px){
	.youthgn-cons .youthgn_jobplan .li_area ul li {width:100%;}
	.youthgn-cons .youthgn_jobplan .li_area ul li > div {padding:15px 0;}
	.youthgn-cons .youthgn_jobplan .li_area ul li > div dl dt {margin:5px 0; min-height:auto;}
	.youthgn-cons .youthgn_jobplan .li_area ul li > div dl dd {padding-top:10px;}

	.youthgn-cons .summary_list ul li {width:100%; float:none; margin-bottom:20px;}
	.youthgn-cons .summary_list ul li > div > dl {min-height:auto;}
	
    .youthgn-cons .site-wrap .sitelist .site {padding:5px 0;}
}
@media screen and (max-width: 480px) {
	.youthgn-cons .main_bottom .dcs_itg > a .name_stit {padding:15px 20px;}
	.youthgn-cons .site-wrap .sitelist .site {flex-direction:column; flex: 1 1 100%; max-width:100%;}
}
@media screen and (max-width: 360px) {
	.youthgn-cons .main_bottom .dcs_itg > a .name_stit {padding:15px 0;}
}
/************************************************** 강남청년포털 24/06/17 추가 end *******************************************************/


/************************************************** 신중년디지털일자리 24/08/13 추가 *******************************************************/

.gndjc_hidden {overflow:hidden;}
.gndjc_hidden > div {margin-bottom:10px;}
.gndjc_con .imgCon .business_area {height:345px; padding-top:15%;}
.gndjc_con .imgCon .business_area.bg1 {background:url('/assets/images/office_info/img/gndjc/gndjc_about.jpg') right bottom no-repeat;}
.gndjc_con .imgCon .business_area .txt_area {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a2cb+0,30d143+100 */
	background: #144196; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #008485 0%, #144196 50%, #e90061 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #008485 0%, #144196 50%, #e90061 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #008485 0%, #144196 50%, #e90061 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008485', endColorstr='#e90061',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	width:24rem;
	min-height:130px;
	padding:20px;
	border-radius:30px 30px 0 30px;
	box-shadow:15px 15px 15px rgba(0,0,0,0.3);
	}
.gndjc_con .imgCon .business_area .txt_area dl {color:#fff; letter-spacing:-1px;}
.gndjc_con .imgCon .business_area .txt_area dl dt {font-size:21px; margin-bottom:10px;}
.gndjc_con .imgCon .business_area .txt_area dl dt:after {content:''; display:inline-block; width:25%; height:1px; background:#fff; margin-left:10px; vertical-align:middle;}

@media screen and (max-width: 480px) {
	.gndjc_con .imgCon .business_area {padding-top: 25%;}
}

/************************************************** 신중년디지털일자리 24/08/13 추가 end *******************************************************/

/************************************************** 일자리통합지원센터 25/08/01 추가 *******************************************************/
/* 메인 콘텐츠 */
.giesc .con-box {background:#fff; position:relative; height:260px; overflow:hidden;}
.giesc .con-box dl {position:relative;}
.giesc .con-box dl dt {font-size:18px; position:relative; padding:28px 0 5px 75px; font-weight:600;}
.giesc .con-box dl dt:before {content:''; display:block; width:46px; height:46px; border-radius: 50%; background:#539e7d;  background-image: url(/assets/images/office_info/img/giesc/jp_ico_s.png); background-repeat: no-repeat;background-position: center center; position:absolute; top:20px; left:20px;}
.giesc .con-box dl dt a {display:block;}
.giesc .con-box dl dt a:hover {text-decoration:none; color:#539e7d;}
.giesc .con-box dl dd.txt{display:block; color:#717171; font-size:15px; font-weight:400; letter-spacing:-1px; position:absolute; left:75px;}

.giesc .con-box dl dd.icons {margin:25px 10px 0; padding:20px 0 0; display:block; overflow:hidden;}
.giesc .con-box dl dd.icons ul {display:grid; width:auto; grid-template-columns:repeat(3, 1fr); gap:10px}
.giesc .con-box dl dd.icons li {float:left; position:relative; border-radius:10px; padding:15px 10px;}
.giesc .con-box dl dd.icons li:nth-child(1) {background-color:#fef6e8;}
.giesc .con-box dl dd.icons li:nth-child(2) {background-color:#ecf5ff;}
.giesc .con-box dl dd.icons li:nth-child(3) {background-color:#ffeff2;}

.giesc .con-box dl dd.icons li a {display:block; text-align:center;}
.giesc .con-box dl dd.icons li a:hover {color:#333;}	
.giesc .con-box dl dd.icons li a span > img {transition: 1s;}
.giesc .con-box dl dd.icons li a:hover span > img {transform: rotateY(360deg);}
.giesc .con-box dl dd.icons li a strong {display:block; letter-spacing:-1px; font-size:15px; line-height:15px; padding:0 5px; margin-top:16px;}

.giesc .jb_con {position:relative; padding:30px; overflow:hidden; background-color:#e6f4ef; /*background-color:#eff5f7;*/ text-align: center;}
.giesc .jb_con .tit {font-size:18px; font-weight:600; margin-bottom:30px; color:#333;}

.giesc .jb_con .con_list {display:grid; gap:15px; grid-template-columns:repeat(6, 1fr)}
.giesc .jb_con .con_list > li {position:relative; width:100%; background:#fff; border-radius:10px; padding:18px; box-sizing:border-box; color:#333; font-size:15px;}
.giesc .jb_con .con_list > li:hover {background:#539e7d;}
.giesc .jb_con ul li a:hover span.link-icon em {color:#fff !important; font-weight:500; background:#539e7d;}

.giesc .jb_con ul li a span.link-icon {margin:0 auto; position:relative;}
.giesc .jb_con ul li a span.link-icon em {display:block; font-style:normal;}
.giesc .jb_con ul li a span.link-icon em:before {content:''; display:block; width:60px; height:60px; margin:0 auto 10px; background-position:50%;}
.giesc .jb_con ul li a span.link-icon.con1 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico01_off.png')center no-repeat;}
.giesc .jb_con ul li a span.link-icon.con2 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico02_off.png')center no-repeat;}
.giesc .jb_con ul li a span.link-icon.con3 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico03_off.png')center no-repeat;}
.giesc .jb_con ul li a span.link-icon.con4 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico04_off.png')center no-repeat;}
.giesc .jb_con ul li a span.link-icon.con5 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico05_off.png')center no-repeat;}
.giesc .jb_con ul li a span.link-icon.con6 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico06_off.png')center no-repeat;}

.giesc .jb_con ul li a:hover span.link-icon.con1 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico01_on.png')center no-repeat;}
.giesc .jb_con ul li a:hover span.link-icon.con2 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico02_on.png')center no-repeat;}
.giesc .jb_con ul li a:hover span.link-icon.con3 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico03_on.png')center no-repeat;}
.giesc .jb_con ul li a:hover span.link-icon.con4 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico04_on.png')center no-repeat;}
.giesc .jb_con ul li a:hover span.link-icon.con5 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico05_on.png')center no-repeat;}
.giesc .jb_con ul li a:hover span.link-icon.con6 em:before {background:url('/assets/images/office_info/img/giesc/jb_main_ico06_on.png')center no-repeat;}

@media screen and (max-width: 768px) {
  .giesc .jb_con .con_list {gap:10px; grid-template-columns:repeat(3, 1fr)}
}

@media screen and (max-width: 486px) {
  .giesc .con-box dl dd.icons li a span > img {width:95%;}

  .giesc .jb_con {padding:30px 5px;}
  .giesc .jb_con .con_list {gap:5px;}
  .giesc .jb_con .con_list > li {padding: 10px;}
}

/* 관련사이트 */
.giesc .site {padding: 2rem 0.5rem;}

.giesc .site > ul {display: grid; flex-wrap: wrap; grid-template-columns : repeat(2, 1fr); gap: 1rem;}
.giesc .site > ul > li {position: relative; background-color: #f3f4f9; border-radius: 10px; text-align: center;}
.giesc .site > ul > li > a {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 10px;}
.giesc .site > ul > li > a:hover {border-radius: 10px; box-shadow:0 0 0 3px #3fbabd inset;}
.giesc .site > ul > li .img {position: relative; padding: 0.625rem 0;}
.giesc .site > ul > li .tit {margin-top: 10px; margin-bottom: 10px;}
.giesc .site > ul > li .tit > p {display: block; font-size: 16px; color: #454b57; margin-bottom:0;}
.giesc .site > ul > li .tit > p.link {display: block; font-size: 18px; font-weight:500; color: #333; height: 30px; line-height: 30px; position: relative;}
.giesc .site > ul > li .tit p.link::after {content:'\e980'; font-family: xeicon; display: inline-block; vertical-align:middle; margin-left:5px; position:absolute; top:1px;}

@media screen and (max-width: 768px) {
  .giesc .site > ul {grid-template-columns : repeat(1, 1fr);}
}

/*일자리시설*/
.jf_list_intro {margin-top:100px;}
.jf_list_intro .intro_tit {font-size:21px; font-weight:500;}
.jf_list_intro .intro_txt {margin-bottom:0;}
.jf_list_intro .intro_box {position: relative; color:#333; line-height:1.5; letter-spacing:-0.05em; word-break: keep-all; padding:30px; margin-bottom:40px; background-color:#f7f5f1;}
.jf_list_intro .intro_box::after {position:absolute; bottom: 10px; right:8px; display:block; content:""; width:372px; height:216px; background:url(/assets/images/office_info/img/giesc/jf_list_intro_img.png)no-repeat right bottom; background-size:100% auto; margin:0 30px;}

.giesc .jf_list_area {display:grid; gap:20px; grid-template-rows: repeat(5, 160px); grid-template-columns:repeat(2, 1fr); color: #444; margin-left:2%}
.giesc .jf_list_tit {display: flex; align-items:center; color: #333; font-size: 21px; font-weight:600; margin-bottom:5px;}
.item {display:flex; flex-direction:column; align-items:flex-start; position: relative; padding:20px 20px 20px 80px; box-sizing: border-box; overflow: hidden;}
.item:nth-child(1) {grid-column: 1 / 2; grid-row: 1 / 2;}
.item:nth-child(2) {grid-column: 1 / 2; grid-row: 2 / 3;}
.item:nth-child(3) {grid-column: 1 / 2; grid-row: 3 / 4;}
.item:nth-child(4) {grid-column: 2 / 3; grid-row: 1 / 4;}
.item:nth-child(5) {grid-column: 1 / 2; grid-row: 4 / 6;}
.item:nth-child(6) {grid-column: 2 / 3; grid-row: 4 / 5;}
.item:nth-child(7) {grid-column: 2 / 3; grid-row: 5 / 6;}

.item::before {display:block; content:""; width:70px; height:70px; background:url(/assets/images/office_info/img/giesc/jf_list_ico_01.png)no-repeat left bottom; background-size: 100%; position: absolute; left: 0;}
.item:nth-child(2)::before {background:url(/assets/images/office_info/img/giesc/jf_list_ico_02.png)no-repeat left bottom;}
.item:nth-child(3)::before {background:url(/assets/images/office_info/img/giesc/jf_list_ico_03.png)no-repeat left bottom;}
.item:nth-child(4)::before {background:url(/assets/images/office_info/img/giesc/jf_list_ico_04.png)no-repeat left bottom;}
.item:nth-child(5)::before {background:url(/assets/images/office_info/img/giesc/jf_list_ico_05.png)no-repeat left bottom;}
.item:nth-child(6)::before {background:url(/assets/images/office_info/img/giesc/jf_list_ico_06.png)no-repeat left bottom;}
.item:nth-child(7)::before {background:url(/assets/images/office_info/img/giesc/jf_list_ico_07.png)no-repeat left bottom;}

.giesc .jf_list > li a {display: flex; flex-direction:column; height: 100%; flex-wrap:wrap; align-items:flex-start; font-weight:500;}
.giesc .jf_list > li a:hover, .giesc .jf_list > li a:active {color:#18978c !important; font-weight:600 !important; cursor:pointer;}
.giesc .jf_list > li a .tit {display: block; line-height: 30px; letter-spacing: -1px; word-break:keep-all; position: relative;}
.giesc .jf_list > li a .tit:before {content:''; display:inline-block; width:2px; height:2px; border-radius:2px; background:#444; overflow:hidden; margin-right:7px; margin-top:-1px; vertical-align:middle;}
.giesc .jf_list > li a .tit::after {content:'\e980'; font-family: xeicon; font-size:16px; font-weight:400; display: inline-block; color: #111; vertical-align:middle; margin-left:3px; position:absolute; top:1px;}

@media screen and (max-width: 768px) {
	.jf_list_intro {margin-top:1rem;}
	.jf_list_intro .intro_box::after{background-size:70% auto; margin:0 10px;}
}

@media screen and (max-width: 600px) {
	.jf_list_intro .intro_box {padding:20px; margin-bottom:20px;}
	.jf_list_intro .intro_box::after{background-size:50% auto;}
	.giesc .jf_list_area {display:flex; flex-direction:column; gap:10px;}
}

@media screen and (max-width: 486px) {
	.jf_list_intro .intro_box::after{background-image:none;}
	.giesc .jf_list_area {margin-left:0;}
}

/*일자리사업*/
.giesc .biz_top {display: flex;	align-items: center; justify-content: flex-start;}
.giesc .biz_top .ico {display: block; width: 71px; height: 71px; margin-right: 20px; background-position: center center; background-repeat: no-repeat;}

.giesc .biz_top .ico.p1 {background-image: url(/assets/images/office_info/img/giesc/biz_ico01.png);}
.giesc .biz_top .ico.p2 {background-image: url(/assets/images/office_info/img/giesc/biz_ico02.png);}
.giesc .biz_top .ico.p3 {background-image: url(/assets/images/office_info/img/giesc/biz_ico03.png);}
.giesc .biz_top .ico.p4 {background-image: url(/assets/images/office_info/img/giesc/biz_ico04.png);}
.giesc .biz_top .ico.p5 {background-image: url(/assets/images/office_info/img/giesc/biz_ico05.png);}
.giesc .biz_top .ico.p6 {background-image: url(/assets/images/office_info/img/giesc/biz_ico06.png);}

.giesc .biz_top .con .tit {display: block; font-size: 17px; color:#333; font-weight:500;}
.giesc .biz_top .con .txt {display: block; color:#333; margin-top: 7px; word-break: keep-all;}

/************************************************** 일자리통합지원센터 25/08/01 end *******************************************************/


/* 2019/10/25 */
.smilegn_pancy{max-width: 500px; margin: 0 auto;}
.smilegn_pancy > div{display: table; width: 100%;}
.smilegn_pancy > div > div{display: table-cell; vertical-align: middle; height: 320px;}
.smilegn_pancy .ti{font-size: 32px; text-align: center; font-weight: 600;}
.smilegn_pancy .con{margin-top: 30px; display: table; width: 100%;}
.smilegn_pancy .tx {display: table-cell; vertical-align: middle; padding: 10px; height: 104px; padding-left: 90px; font-size: 18px; color: #333; line-height: 21px; background: url(/assets/images/office_info/img/smilegn/smilegn_pancy.png) 15px center no-repeat; border: 3px solid #ddd; border-radius: 8px;}

/* 2019/11/1 */
.gfac_btp1{overflow: hidden;margin-right: -1%;}
.gfac_btp1 > li{float: left; width: 33%; overflow: hidden;}
.gfac_btp1 > li > div{margin: 20px; padding: 20px; border: 1px solid #eee;}
.gfac_btp1 > li > div .e-img{text-align: center; padding: 0 15px;}
.gfac_btp1 > li > div .e-img img{width: 80%; height: 266px;}
.gfac_btp1 > li > div .e-txt .tit{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin: 20px 0 10px;}
.gfac_btp1 > li > div .e-txt .tit > a{font-size: 14px; color: #555; font-weight: 600;}
.gfac_btp1 > li > div .e-txt p{font-size: 14px; color: #333; margin-bottom: 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.gfac_btp1 > li > div .e-txt .btb{text-align: center; margin-top: 30px;}

.gfac_btp2{margin-top: 50px;}
.gfac_btp2 > li{margin-bottom: 50px;}
.gfac_btp2 > li > div{overflow: hidden;}
.gfac_btp2 > li > div > div{float: left; box-sizing: border-box; }
.gfac_btp2 > li > div > .pho{width: 25%; padding: 0 30px; text-align: center;}
.gfac_btp2 > li > div > .pho img{width: 100%; height: 321px;}
.gfac_btp2 > li > div > .txt{width: 75%; overflow: hidden;}
.gfac_btp2 > li > div > .txt .zl{margin-top: 30px; min-height: 270px;}
.gfac_btp2 > li > div > .txt .tit{font-size: 24px; margin-bottom: 20px;}
.gfac_btp2 > li > div > .txt .tit a{line-height: 110%; color: #337ab7;}
.gfac_btp2 > li > div .txt .zl > p{font-size: 18px; margin-bottom: 10px; line-height: 140%;}
.gfac_btp2 > li > div .txt .zl > ul > li{display: table;  font-size: 14px; line-height: 150%; color: #333; margin-bottom: 10px;}
.gfac_btp2 > li > div .txt .zl > ul > li > span{display: table-cell; width: 90px; padding-right: 30px; font-weight: 600;}
.gfac_btp2 > li > div .txt .btb{border-bottom: 1px solid #ddd; padding-bottom: 10px; text-align: right;}

.board a.btn-darkblue{color: #fff;}

@media screen and (max-width: 768px){
	.gfac_btp1{margin: 0;}
	.gfac_btp1 > li{float: none; width: auto;}
	.gfac_btp1 > li > div .e-img img{height: auto;}
	.gfac_btp2 > li > div > div{float: none;  }
	.gfac_btp2 > li > div > .pho {width: auto; padding: 0 15px;}
	.gfac_btp2 > li > div > .pho img{width: 90%; height: auto;}
	.gfac_btp2 > li > div .txt{width: auto; padding: 0 15px;}
	.gfac_btp2 > li > div > .txt .zl{min-height: 0;}
	.gfac_btp2 > li > div .txt .btb{margin-top: 20px;}
}
@media screen and (max-width: 480px){
	.gfac_btp1 > li > div{margin: 10px; }
	.gfac_btp1 > li > div .e-txt .tit{white-space: normal;}
	.gfac_btp1 > li > div .e-txt p{white-space: normal;}
}

/* 2019/11/4 */
.afs-org .tj.c5 > li{float: left; width: 23%; margin: 0 1%; padding-top: 15px; position: relative;}
.afs-org .tj.c5:before{content: ''; position: absolute; top: 0; height: 1px; background: #ccc; left: 12.5%; right: 12.5%; }
.gfac-card{margin-bottom: 30px;}
.gfac-card img{width: 100%;}
.gfac-card-body .tit{text-align: center; word-break: keep-all; margin-top: 20px; height: 50px; font-size: 18px; color: #337ab7;}
.gfac_ih80 img{width: 100%; height: 70px;}
.gfac_ih80 > div{margin: 10px 0;}
.gfac_lkls{overflow: hidden; padding-top: 1px; margin-right: -4%; text-align: center; border-left: 1px solid #ddd;}
.gfac_lkls > li{float: left; width: 16%; display: table; margin-top: -1px;}
.gfac_lkls > li > a{display: table-cell; vertical-align: middle; height: 48px; border: 1px solid #ddd; border-left: none;}

@media screen and (max-width: 768px){
	.gfac_lkls{margin-right: 0; }
	.gfac_lkls > li{width: 50%; ;}
	.xs-mt30{margin-top: 30px !important;}
}

.gfac-gallery{max-width: 698px; margin: 0 auto;} /* 2019/11/19 */
.gfac-gallery .swiper-container {width: 100%; margin-left: auto; margin-right: auto; border: 1px solid #eee;}
.gfac-swp-top{width: 100%; }
.gfac-swp-top img{width: 100%;}
.gfac-swp-thumbs {box-sizing: border-box; padding: 10px 0;}
.gfac-swp-thumbs .swiper-slide {width: 25%; height: 100%; opacity: 0.4;}
.gfac-swp-thumbs .swiper-slide-thumb-active {opacity: 1;}

/* 2020/07/13 추가 */
.gfac_cont .afs-org .wh .right .onb:after {display:none;}

/* 2021/01/20 추가 */
.gfac_cont .offline {position:relative; min-height:115px; padding:10px 0;}
.gfac_cont .offline .icon {position:absolute; top:10px; left:0;}
.gfac_cont .offline .tit {font-size:16px; font-weight:600; color:#18978c; margin:0 0 10px 110px;}
.gfac_cont .offline .txt {margin:0 0 0 110px;}
.gfac_cont .online {text-align:center; margin:10px 0;}
.gfac_cont .online .tit {font-size:16px; font-weight:600; color:#18978c; margin:10px 0;}
.gfac_cont .munhwa dl {margin:20px 0;}
.gfac_cont .munhwa dt {font-size:16px; font-weight:600; color:#18978c; margin-bottom:10px;}
.gfac_cont .library_sns > a {display:block; font-size:16px; border:1px solid #ccc; padding:10px;}
.gfac_cont .library_sns > a > img {width:50px; margin-right:10px;}
.gfac_cont .library_sns > a:hover {background:#f7f7f7;}

#hero-slider {width:100%; border:1px solid #eee;}
#hero-slider .mask {float:left; height:745px; padding-bottom:10px; margin:0 ;overflow:hidden;}
#hero-slider .panel {height:830px ; padding: 15px 0; overflow: hidden;}
#hero-slider ul {padding: 15px 10px; list-style:none; float:left; border-right:1px solid #eee;}
#hero-slider ul li {margin-bottom: 10px;color:#eee;}
#hero-slider ul a {text-decoration: none;display: block; padding: 5px;text-align: center;color: #555;font-size: 12px;border: 1px solid #BDBDBD;}
#hero-slider a {border-bottom:1px solid #fff;color:#555; background:#eee;}
#hero-slider a:hover, #hero-slider ul a.active{background:#337ab7; color:#fff;}
#hero-slider .center_text {text-align: center; margin-top: 15px;}

@media screen and (max-width: 768px){
  #hero-slider .mask{height: 770px;}
  #hero-slider ul li {float: left; width: 32%; margin-left: 1%;}
}
@media screen and (max-width: 500px){
  #hero-slider .mask{height: 675px;}
}
@media screen and (max-width: 370px){
  #hero-slider ul{margin-left: -2%;}
  #hero-slider ul li{width: 48%; margin-left: 2%;}
}


/* 2019/11/5 */
.mvs2_bg{padding: 30px 0; background-position: center 0; background-size: cover;}
.nw_mvsl2{overflow: hidden; max-width: 1445px; margin: 0 auto; padding: 0 130px; position: relative;}
.mvsl_sld2 img{width: 100%;}
.mvsl_sld2{overflow: hidden;}/* 2019/11/19 */
.mvsl_sld2 > li{float: left; max-width: 285px; margin-right: 20px;}/* 2019/11/19 */
.mvsl_sld2 > li .tx{padding: 5px 0; margin: 0 5px; height: 52px;}
.mvsl_sld2 > li .tx span{display: block; text-align: center; font-size: 13px; color: #333; line-height: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mvsl_sld2 > li .tx span.tit{font-weight: 600; font-size: 15px;}
.mvsl_sld2 > li  a:hover, .mvsl_sld2 > li  a:focus{text-decoration: none;}
.nw_mvsl2 .bx-controls a{position: absolute; top: 50%; width: 52px; height: 52px; margin-top: -26px; font-size: 0; background-repeat: no-repeat; background-position: 0 0; background-size: 100%;}
.nw_mvsl2 .bx-controls .bx-prev{left: 20px;background-image: url(/assets/images/office_info/img/mvs_prev.png);}
.nw_mvsl2 .bx-controls .bx-next{right: 20px;background-image: url(/assets/images/office_info/img/mvs_next.png);}

@media screen and (max-width: 1469px){
  .nw_mvsl2{max-width: 1145px; }
}
@media screen and (max-width: 1024px){
  .nw_mvsl2{padding: 0 70px;}
  .nw_mvsl2 .bx-controls .bx-prev{left: 10px;}
  .nw_mvsl2 .bx-controls .bx-next{right: 10px;}
}
@media screen and (max-width: 991px){
  .nw_mvsl2{max-width: 685px;}
  .mvsl_sld2 > li .tx span{font-size: 14px;}
}
@media screen and (max-width: 480px){
  .nw_mvsl2{padding: 0 40px;}
  .nw_mvsl2 .bx-controls a{width: 30px; height: 30px; margin-top: -15px;}
  .nw_mvsl2 .bx-controls .bx-prev{left: 3px;}
  .nw_mvsl2 .bx-controls .bx-next{right: 3px;}
}

/* 2019/11/13 */
.nw_mvsl2 .bx-wrapper{margin: 0 auto;}
/* 2019/11/14 */
.mvsl_sld2 > li > a > img{width: 100%; height: 388px;}

@media screen and (max-width: 600px){
  .mvsl_sld2 > li > a > img{height: 320px;}
}
@media screen and (max-width:500px){
  .mvsl_sld2 > li > a > img{height: 220px;}
}
@media screen and (max-width:360px){
  .mvsl_sld2 > li > a > img{height: 190px;}
}

.gfac_mct_lkb{padding: 25px 30px; background-position: 91% center; background-repeat: no-repeat;}
.gfac_mct_lkb.bg1{background-color: #d07c7c; background-image: url(/assets/images/office_info/img/gfac/gfac_mct_ic1.png); }
.gfac_mct_lkb.bg2{background-color: #8588c7; background-image: url(/assets/images/office_info/img/gfac/gfac_mct_ic2.png);}
.gfac_mct_lkb.bg3{background-color: #87bbb6; background-image: url(/assets/images/office_info/img/gfac/gfac_mct_ic3.png);}
.gfac_mct_lkb.bg4{background-color: #c5bc7e; background-image: url(/assets/images/office_info/img/gfac/gfac_mct_ic4.png);}
.gfac_mct_lkb > dt{font-size: 17px; color: #fff; margin-bottom: 10px; letter-spacing: -1px;}
.gfac_mct_lkb > dd > a{font-size: 14px; color: #3b3b3b; display: inline-block; padding: 4px 15px; background: #fff; border-radius: 30px;}

.gfac_mc_spb{display: table; width: 100%; height: 260px;}
.gfac_mc_spb .tx{display: table-cell; vertical-align: middle; width: 180px; padding:20px; padding-right: 5px;}
.gfac_mc_spb .pho{display: table-cell; vertical-align: middle; padding:20px; padding-left: 5px;}
.gfac_mc_spb .pho > ul{overflow: hidden; margin-right: -1%; margin-left: -2%;}
.gfac_mc_spb .pho > ul > li{float: left; width: 31%; margin-left: 2%; text-align: center;}
.gfac_mc_spb .pho > ul > li img{max-width: 100%;}
.gfac_mc_spb .pho > ul > li span{display: block; margin-top: 15px; font-size: 14px;}

.mo_float_tx > dt{font-size: 18px; color: #666; font-weight: 600; margin-bottom: 15px; padding-bottom: 15px; position: relative;}
.mo_float_tx > dt:after{content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 3px; background: #6777ac;}
.mo_float_tx > dt .big_oc{display: block; font-size: 21px; color: #2a4662;}
.mo_float_tx > dd{font-size: 15px; word-break: keep-all;}

.gfac_mc_itx > div{padding: 10px 20px;}
.gfac_mc_itx > .txt{background: #fff;}
.gfac_mc_itx > .icbk{padding-bottom: 20px;}

.gfac_mc_itx .icbk > ul{overflow: hidden;text-align: center;}
.gfac_mc_itx .icbk > ul > li{float: left; width: 25%;}
.gfac_mc_itx .icbk > ul > li img{max-width: 98%;}
.gfac_mc_itx .icbk > ul > li span{display: inline-block; vertical-align: middle; font-size: 13px; color: #fff; letter-spacing: -1px; line-height: 16px; word-break: keep-all;}

@media screen and (max-width: 1024px){
.gfac_mct_lkb{padding: 25px 10px; background-size: 45px auto;}
}
@media screen and (max-width: 991px){
.gfac_mct_lkb{padding: 25px 40px; background-size: auto auto;}
.gfac_mc_spb .tx{display: block; width: auto; padding: 20px 2%;}
.gfac_mc_spb .pho{display: block; width: auto; padding: 20px 2%;}
.gfac_mc_itx > div{padding: 20px 2%;}

.mo_float_tx{display: table; }
.mo_float_tx > dt{display: table-cell; vertical-align: middle; white-space: nowrap; padding-bottom: 0; padding-right: 10px;}
.mo_float_tx > dt:after{left: auto; bottom: auto; right: 0; top: 50%; height: 30px; width: 3px; margin-top: -15px;}
.mo_float_tx > dd{display: table-cell; vertical-align: middle; padding-left: 5px;}

.gfac_mc_itx .icbk > ul{text-align: left;}
.gfac_mc_itx .icbk > ul > li{width: 50%; padding: 5px;}
.gfac_mc_itx .icbk > ul > li img{max-width: 78px;}
.gfac_mc_itx .icbk > ul > li span{margin-left: 6px; max-width: calc(100% - 90px);}
}
@media screen and (max-width: 550px){
.gfac_mc_itx .icbk > ul > li{float: none; width: auto;}
}

/* 2019/11/19 */
.bbs-person-list .panel-body{padding: 2px;}
.bbs-person-list .panel-body > .row{margin-left: -2px; margin-right: -2px;}
.bbs-person-list .panel-body > .row > div{padding-left: 2px; padding-right: 2px;}
.bbs-person-list .gn-photo-thumbnail{height: auto;  text-align: center; max-width: 148px; margin: 0 auto 20px;}
.bbs-person-list .gn-photo-thumbnail > a{height: 213px;}
.bbs-person-list .gn-photo-thumbnail img{width: 100%;  height: 100%;}

@media screen and (min-width: 1301px){
#hero-slider .mask .gntable.table-style-gray tbody > tr > th,
#hero-slider .mask .gntable.table-style-gray tbody > tr > td{padding-top: 5px; padding-bottom: 5px;}
}

/* 2019/12/13 */
.sewoom_ptx{display: table; width: 100%;}
.sewoom_ptx > .pho{display: table-cell; width: 30%; vertical-align: middle;}
.sewoom_ptx > .pho img{width: 100%;}
.sewoom_ptx > .tx{display: table-cell; vertical-align: middle; padding: 5px 2%;}

.org_sewoom{overflow: hidden; position: relative; /*padding-top: 15px;*/}
.org_sewoom:before{content: ''; position: absolute; left: 50%; top: 0; width: 1px; /*height: 75px;*/ background: #ccc;}
.org_sewoom .jc1{float: left; width: 25%;}
.org_sewoom .jc1:before{content: ''; position: absolute; top: 0; left: 50%; right: 12.5%; height: 1px; background: #ccc;} /* 2019/12/23 */
.org_sewoom .jc1:after{content: ''; position: absolute; right: 12.5%; top: 0; width: 1px; height: 15px; background: #ccc;} /* 2019/12/23 */
.afs-org .org_sewoom .jc1 > ul > li .onb{margin-bottom: 15px;}
.afs-org .org_sewoom .jc1 > ul > li .onb:after{height: 15px;}
.org_sewoom .jc1 > ul > li > ul{overflow: hidden; position: relative;}
.org_sewoom .jc1 > ul > li > ul > li{float: left; width: calc(50% - 4px); margin: 0 2px;  position: relative;}
.org_sewoom .jc1 > ul > li > ul:before{content: ''; position: absolute; left: 25%; right: 25%; top: 0; height: 1px; background: #ccc;}
.org_sewoom .jc1 > ul > li > ul > li:before{content: ''; position: absolute; left: 50%; top: -15px; width: 1px; height: 15px; background: #ccc;}
.org_sewoom .jc2{float: none; width: 100%;}
.org_sewoom .jc2 > ul{overflow: hidden; /*margin-right: -4%; margin-top: 59px;*/}
.org_sewoom .jc2 > ul > li{float: left; width: calc(12% - 4px); /*margin: 0 2px;*/  position: relative;}
.org_sewoom .jc2 > ul:before{content: ''; position: absolute; left: 6%; right: 10%; top: 0; height: 1px; background: #ccc;}
.org_sewoom .jc2 > ul > li:before{content: ''; position: absolute; left: 50%; top: -15px; width: 1px; height: 15px; background: #ccc;}
/*.afs-org .org_sewoom .tj > li > p{font-size: 14px; letter-spacing: -1px; padding: 5px 0; line-height: 21px;}*/
.afs-org .org_sewoom .tj > li > p span{display: block;}
.afs-org .org_sewoom .tj > li > div > span.swClass {display:inline-block; float: left;margin: 0 1%;background: #fff;color: inherit;border: 1px solid #ddd; padding:10px 0; border-radius:5px;}


/* 2019/12/16 */
.gfac_btp1 > li:nth-of-type(3n + 1){clear: both;}
@media screen and (max-width: 1350px){
.gfac_btp1 > li > div{padding: 10px; margin: 10px;}
}
@media screen and (max-width: 1024px) and (min-width: 769px){
.gfac_btp1 > li > div .e-img img{height: 200px;}
}

/* 2019/12/18 */
.gntable.omhl th{padding: 2px 8px; font-size: 13px;}
.gntable.omhl td{padding: 2px 8px; font-size: 13px;}
.gntable.omhl caption{padding: 0;}
.sewoom_mtl > li{display: inline-block; position: relative; padding: 0 4px;}
.sewoom_mtl > li:after{content: ''; position: absolute; right: 0; top: 2px; bottom: 2px; margin-right: -2px; width: 1px; background: #888;}
.sewoom_mtl > li:last-child:after{display: none;}

/* 2019/12/23 */
#infscr_next{margin: 20px 15px;}
#infscr_next > a{display: block; padding: 6px 0; border: 1px solid #3498db;}
#infscr_next > a > i{display: inline-block; /*border: 1px solid #3498db;*/ font-size: 24px;  color: #3498db; vertical-align: middle; width: 26px; height: 26px; border-radius: 50%;}
#infscr_next > a > span{display: inline-block; font-size: 16px; color: #3498db; vertical-align: middle;}

/* 2019/12/30 */
.wlfr_ac_lkb{overflow: hidden; border-radius: 8px; box-shadow: 3px 3px 6px rgba(0,0,0,0.1);}
.wlfr_ac_lkl{overflow: hidden; margin-right: -1%;}
.wlfr_ac_lkl > li{float: left; width: 33.3%;}
.wlfr_ac_lkl > li > a{display: block; padding: 20px 18%; border-left: 1px solid #fd9494; background: #fff; position:relative; transition: all 0.3s;}
.wlfr_ac_lkl > li:first-child > a{border-left: none;}
.wlfr_ac_lkl > li > a > img{position: absolute; right: 10%; bottom: 15px;}
.wlfr_ac_lkl > li > a > span{display: block; padding-bottom: 55px; position: relative;}
.wlfr_ac_lkl > li > a > span:before{content: ''; position: absolute; left: 0; bottom: 0; width: 92px; height: 1px; background: #f7727d; transition: all 0.3s;}
.wlfr_ac_lkl > li > a > span:after{content: ''; position: absolute; left: 83px; bottom: -3px; width: 1px; height: 24px; background: #f7727d; transform: rotate(-40deg); transition: all 0.5s;}
.wlfr_ac_lkl > li > a > span > span{display: inline-block; font-size: 24px; color: #333; line-height: 36px; padding-bottom: 12px; position: relative;}
.wlfr_ac_lkl > li > a > span > span:after{content: ''; position: absolute; left: 0; bottom: 0; width: 43px; height: 5px; background: #f7727d; transition: all 0.3s;}
.wlfr_ac_lkl > li > a:hover, .wlfr_ac_lkl > li > a:focus{background-color: #fd9494;}
.wlfr_ac_lkl > li > a:hover > span > span, .wlfr_ac_lkl > li > a:focus > span > span{color: #fff;}
.wlfr_ac_lkl > li > a:hover > span > span:after, .wlfr_ac_lkl > li > a:focus > span > span:after{background: #fff;}
.wlfr_ac_lkl > li > a:hover > span:before, .wlfr_ac_lkl > li > a:focus > span:before,
.wlfr_ac_lkl > li > a:hover > span:after, .wlfr_ac_lkl > li > a:focus > span:after{background: #fff;}

@media screen and (max-width: 767px){
.wlfr_ac_lkb{border-radius: 0; box-shadow: none; overflow: visible;}
.wlfr_ac_lkl{margin-right: 0; overflow: visible;}
.wlfr_ac_lkl > li{float: none; width: auto; margin-bottom: 15px; overflow: hidden; border-radius: 8px; box-shadow: 3px 3px 6px rgba(0,0,0,0.1);}
.wlfr_ac_lkl > li > a{border-left: none;}
}

.wlfr_mbbn{height: 260px; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 8px; overflow: hidden;}
.wlfr_mbbn > a{display: block; height: 100%; padding: 30px; position: relative; z-index: 3 }
.wlfr_mbbn > a > span{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; opacity: 0.85; transition: all 0.5s;}
.wlfr_mbbn > a > dl{padding-bottom: 90px; background: url(http://www.gangnam.go.kr/assets/images/office_info/img/wlfr_bbn_b.png) 0 bottom no-repeat;}
.wlfr_mbbn > a > dl > dt{font-weight: 400; font-size: 28px; color: #fff; letter-spacing: -1px; margin-bottom: 10px;}
.wlfr_mbbn > a > dl > dt > strong{}
.wlfr_mbbn > a > dl > dd{font-size: 16px; color: #fff;}
.wlfr_mbbn > a > img{position: absolute; bottom: 27px; right: 6%;}
.wlfr_mbbn > a:hover, .wlfr_mbbn > a:focus{text-decoration: none;}
.wlfr_mbbn > a:hover > span, .wlfr_mbbn > a:focus > span{opacity: 0.4;}

/************************************************** 강남평생학습 *******************************************************/
.longlearn-cons .con-box {background:#fff; position:relative; height:260px; overflow:hidden;}
.longlearn-cons .con-box dl dt {font-size:24px; position:relative; padding:17px 0 100px 25px; letter-spacing:-2px; background:url('/assets/images/office_info/img/longlearn/longlearn_mc1_img.png') right 10px bottom 5px no-repeat;}
.longlearn-cons .con-box dl dt:before {content:''; display:block; width:5px; height:47px; position:absolute; top:0; left:15px; background:#009DDC;}
.longlearn-cons .con-box dl dd.conButton {position:absolute; top:80px; left:0;}
.longlearn-cons .con-box dl dd.conButton > a span {display:block; padding:7px 24px 7px 27px; background:#009DDC; color:#fff; border-radius:0 20px 20px 0; font-size:15px; font-weight:bold; letter-spacing:-1px; transition:all 0.3s;}
.longlearn-cons .con-box dl dd.conButton > a span:hover {background:#F68B1D;}
.longlearn-cons .con-box dl dd.conButton > a:hover {text-decoration:none; color:#fff;}
.longlearn-cons .con-box dl dd.icons {margin:0 10px; padding:13px 0; border-top:1px solid #009DDC; display:block; overflow:hidden;}
.longlearn-cons .con-box dl dd.icons li {float:left; width:33%; position:relative;}
.longlearn-cons .con-box dl dd.icons li a {display:block; text-align:center;}
.longlearn-cons .con-box dl dd.icons li a span {display:block; height:45px;}
.longlearn-cons .con-box dl dd.icons li a span > img {opacity:0.3; transition:all 0.3s;}
.longlearn-cons .con-box dl dd.icons li a:hover span > img {opacity:1;}
.longlearn-cons .con-box dl dd.icons li a strong {display:block; letter-spacing:-1px; font-size:13px; line-height:15px; padding:0 5px; margin-top:6px;}
.longlearn-cons .con-box dl dd.icons li:after {content:''; display:block; position:absolute; right:0; top:0; width:1px; height:81px; background:#ccc;}
.longlearn-cons .con-box dl dd.icons li:last-child:after {display:none;}

.longlearn-cons .con-box dl.default_dl {background:url('/assets/images/office_info/img/longlearn/longlearn_ac2_bg.jpg') center no-repeat; min-height:260px; overflow:hidden;}
.longlearn-cons .con-box dl.default_dl dt {font-size:24px; position:relative; padding:17px 0 0 25px; letter-spacing:-2px; background:none;}
.longlearn-cons .con-box dl.default_dl dd.conButton.social {position:absolute; top:113px; left:0;}
.longlearn-cons .con-box dl.default_dl dd.conButton.learning {position:absolute; top:inherit; left:inherit; bottom:10px; right:0;}
.longlearn-cons .con-box dl.default_dl dd.conButton.learning > a span {display:block; padding:5px 27px 5px 24px; background:#009DDC; color:#fff; border-radius:20px 0 0 20px; font-size:15px; font-weight:bold; letter-spacing:-1px; transition:all 0.3s;}
.longlearn-cons .con-box dl.default_dl dd.conButton.learning > a span:hover {background:#F68B1D;}

.longlearn_ac_lkb{overflow: hidden; border-radius: 8px; box-shadow: 3px 3px 6px rgba(0,0,0,0.1);}
.longlearn_ac_lkl{overflow: hidden; margin-right: -1%;}
.longlearn_ac_lkl > li{float: left; width: 33.33%;}
.longlearn_ac_lkl > li > a{display: block; padding: 0 30px 20px 30px; background: #fff; position:relative; transition: all 0.3s;}
.longlearn_ac_lkl > li > a:after {content:''; display:block; width:1px; height:80px; position:absolute; top:10px; right:0; background:#ccc;}
.longlearn_ac_lkl > li:last-child > a:after {display:none;}
.longlearn_ac_lkl > li > a > img{position: absolute; right: 20px; bottom: 7px; opacity:0.3; transition:all 0.3s;}
.longlearn_ac_lkl > li > a:hover > img {opacity:1;}
.longlearn_ac_lkl > li > a > span{display: block; padding-bottom: 9px; position: relative;}
.longlearn_ac_lkl > li > a > span:before{content: '';position: absolute;left: 12px;bottom: 0;width: 41px;height: 1px;background: #333;transition: all 0.3s;}
.longlearn_ac_lkl > li > a > span:after{content: '';position: absolute;left: 50px;bottom: -1px;width: 1px;height: 11px;background: #333;transform: rotate(-40deg);transition: all 0.5s;}
.longlearn_ac_lkl > li > a > span > span{display: inline-block; font-size: 18px; color: #333; line-height: 23px; padding:13px 0 12px 12px; position: relative;}
.longlearn_ac_lkl > li > a > span > span:before{content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 56px; background: #009DDC; transition: all 0.3s;}
.longlearn_ac_lkl > li > a:hover > span > span, .longlearn_ac_lkl > li > a:focus > span > span{color: #f68b1d;}
.longlearn_ac_lkl > li > a:hover > span > span:after, .longlearn_ac_lkl > li > a:focus > span > span:after{background: #f68b1d;}
.longlearn_ac_lkl > li > a:hover > span:before, .longlearn_ac_lkl > li > a:focus > span:before,
.longlearn_ac_lkl > li > a:hover > span:after, .longlearn_ac_lkl > li > a:focus > span:after{background: #f68b1d;}

.longlearn-cons .ci-img > img {margin:5px;}
.longlearn-cons .ancmt-cont:after {content:''; display:block; overflow:hidden; clear:both;}
.longlearn-cons .ancmt-cont dl {padding-top:40px; background:url('/assets/images/office_info/img/longlearn/m2_s1_bg.png') left top no-repeat;}
.longlearn-cons .ancmt-cont dl dt {font-size:36px; margin-bottom:10px;}
.longlearn-cons .ancmt-cont dl dd {font-size:15px; letter-spacing:-0.1em;}
.longlearn-cons .ancmt-cont dl dd > img {width:100%;}

.longlearn-cons .guide-box {height:224px; padding:60px 17%; background:url('/assets/images/office_info/img/longlearn/m1_s1_bg.jpg') center no-repeat;}
.longlearn-cons .guide-box table td > span {display:block; margin-top:10px;}
.longlearn-cons .guide-box table td > i {font-size:30px;}

.longlearn-cons .knowledge_cont {margin-top:30px; background:url('/assets/images/office_info/img/longlearn/m3_s1_c1.png') right bottom no-repeat;}
.longlearn-cons .knowledge_cont.university {margin-top:30px; background:url('/assets/images/office_info/img/longlearn/m3_s1_c1-1.png') right bottom no-repeat;}
.longlearn-cons .knowledge_cont.gnlc {margin-top:30px; background:url('/assets/images/office_info/img/longlearn/m1_s3_c1.png') right bottom no-repeat;}
.longlearn-cons .knowledge_cont p.title {display:inline-block; font-size:38px; color:#000; letter-spacing:-2px; padding-top:20px; background:url('/assets/images/office_info/img/longlearn/p_title_bg.png') top right 28% no-repeat}
.longlearn-cons .knowledge_cont p.title > strong {color:#1a403b;}
.longlearn-cons .knowledge_cont .con_dl {padding:10px 0 10px 40px; position:relative;}
.longlearn-cons .knowledge_cont .con_dl:before {content:'';display: block;width:20px;height: 100%;background:#deecea;position: absolute;left: 0;top: 0;}
.longlearn-cons .knowledge_cont .con_dl dt {font-size:21px;}
.longlearn-cons .knowledge_cont .con_dl dd {font-size:15px;}
.longlearn-cons .sobox {padding:40px !important; background:#eee url('/assets/images/office_info/img/longlearn/m3_s1_c2_bg.png') center no-repeat; background-size:cover;}

/*The채움 구독신청 2021/4/20 추가*/
.longlearn-cons .ebook_cont {margin-top:30px; background:url('/assets/images/office_info/img/longlearn/m7_s1_c1.png') right bottom no-repeat;}
.longlearn-cons .ebook_cont p.title {display:inline-block; font-size:38px; color:#000; letter-spacing:-2px; padding-top:20px;}
.longlearn-cons .ebook_cont p.title > strong {color:#1a403b;}
.longlearn-cons .ebook_cont .con_dl {padding:0 0 0 40px; position:relative;}
.longlearn-cons .ebook_cont .con_dl:before {content:'';display: block;width:20px;height: 100%;background:#deecea;position: absolute;left: 0;top: 0;}
.longlearn-cons .ebook_cont .con_dl dt {font-size:17px;}
.longlearn-cons .ebook_cont .con_dl dd {font-size:15px;}
.longlearn-cons .ebook_cont .con_dl dl:nth-child(2) {letter-spacing:-1px;}
.longlearn-cons .ebook_cont .btn_area {margin-top:30px; margin-left:40px;}
/*//The채움 구독신청 2021/4/20 추가*/

.longlearn-cons .social_kitchen_cont {margin-top:30px; background:url('/assets/images/office_info/img/longlearn/m2_s4_c1.png') right bottom no-repeat;}
.longlearn-cons .social_kitchen_cont p.title {display:inline-block; font-size:38px; color:#000; letter-spacing:-2px; padding-top:20px;}
.longlearn-cons .social_kitchen_cont p.title > strong {color:#1a403b;}
.longlearn-cons .social_kitchen_cont p.title > span {font-size:21px; display:block; margin-top:30px;}
.longlearn-cons .social_kitchen_cont .con_dl {width:45%; padding:10px 0 10px 40px; position:relative;}
.longlearn-cons .social_kitchen_cont .con_dl:before {content:'';display: block;width:20px;height: 100%;background:#deecea;position: absolute;left: 0;top: 0;}
.longlearn-cons .social_kitchen_cont .con_dl dd {font-size:15px;}

.longlearn-cons .longlearn_edu_cont {margin-top:30px; background:url('/assets/images/office_info/img/longlearn/m6_s4_c1.png') right bottom no-repeat;}
.longlearn-cons .longlearn_edu_cont p.title {display:inline-block; font-size:38px; color:#000; letter-spacing:-2px; padding-top:20px;}
.longlearn-cons .longlearn_edu_cont p.title > strong {color:#1a403b;}
.longlearn-cons .longlearn_edu_cont .con_dl {width:65%; padding:14px 0 14px 40px; position:relative; font-size:15px;}
.longlearn-cons .longlearn_edu_cont .con_dl:before {content:'';display: block;width:20px;height: 100%;background:#deecea;position: absolute;left: 0;top: 0;}
.longlearn-cons .longlearn_edu_cont .con_dl dt > span {color:#5ca198;}

.longlearn-cons .longlearn_sms_cont {margin-top:30px; background:url('/assets/images/office_info/img/longlearn/m5_s2_c1.png') right bottom no-repeat;}
.longlearn-cons .longlearn_sms_cont .con1 {padding-bottom:120px;}
.longlearn-cons .longlearn_sms_cont p.title {display:inline-block; font-size:38px; color:#000; letter-spacing:-2px; padding-top:20px;}
.longlearn-cons .longlearn_sms_cont p.title > strong {color:#1a403b;}
.longlearn-cons .longlearn_sms_cont .con_dl {padding:14px 0; position:relative; font-size:15px;}

.longlearn-cons .policy .part2 {margin-bottom:30px;}

.longlearn-cons .club_list_css {padding:20px;}
.board .lecture-cate span.label {font-size:14px;}
.board.board-add.lecture .table-user-add fieldset .table {margin-bottom:0;}
.board.board-add.lecture .table-user-add fieldset .table .table .table tbody tr:first-child th {border-top:0;}
.board.board-add.lecture .table-user-add fieldset .table .table .table tbody tr:first-child td {border-top:0;}
.board.board-add.lecture .table-user-add fieldset .table .table .table tbody tr td .input-sm, .form-group-sm .form-control {font-size:15px;}
.board.board-add.lecture .table-user-add .form-group {margin-bottom:0;}
.board.board-add.lecture .table-user-add .form-group .datepicker {padding:0; border-radius:0;}

#calendar .resv-top {float:left; font-size:20px;}
#calendar .resv-top span.weekly {margin:0 20px; vertical-align:middle; color:#3498db;}

/* 평생학습 리뉴얼 페이지 추가 2021/07/15 */
.longlearn-cons .longlearn_visition {text-align:center;}
.longlearn-cons .longlearn_visition .text_area {padding:40px 0;}
.longlearn-cons .longlearn_visition .text_area > dl > dt {font-size:30px; margin-bottom:50px;}
.longlearn-cons .longlearn_visition .text_area > dl > dt > span {display:inline-block; position:relative;}
.longlearn-cons .longlearn_visition .text_area > dl > dt > span:before {content:''; display:block; width:12px; height:12px; border-radius:50%; background:#5ca198; position:absolute; top:0; left:-15px;}
.longlearn-cons .longlearn_visition .text_area > dl > dd {font-size:26px;}
.longlearn-cons .longlearn_visition .text_area > dl > dd.txt_box {border:2px solid #5ca198; border-radius:10px; line-height:1; padding:30px 10px; max-width:700px; margin:0 auto 25px;}
.longlearn-cons .longlearn_visition .text_area > dl > dd.txt_box2 {border-radius:10px; padding:20px; border:7px dotted #dadada;}
.longlearn-cons .longlearn_visition .text_area > dl > dd.txt_box2 > div {border-radius:10px; background:#ebebeb; padding:10px; display:table; width:100%;}
.longlearn-cons .longlearn_visition .text_area > dl > dd.txt_box2 > div span {padding:0 10px; display:table-cell; text-align:center; vertical-align:middle; width:40%;}
.longlearn-cons .longlearn_visition .text_area > dl > dd.txt_box2 > div img {display:inline-block; padding:20px; vertical-align:middle;}
.longlearn-cons .longlearn_visition .text_area2 {display:table; width:100%; margin-top:60px;}
.longlearn-cons .longlearn_visition .text_area2 > p {display:table-cell; vertical-align:middle;}
.longlearn-cons .longlearn_visition .text_area2 > p:nth-child(1),
.longlearn-cons .longlearn_visition .text_area2 > p:nth-child(5) {width:46%;}
.longlearn-cons .longlearn_visition .text_area2 > p > i {display:block; width:8px; height:8px; border-radius:50%; background:#97e3cd; margin:5px auto;}
.longlearn-cons .longlearn_visition .text_area2 > p > span {display:block; border:2px solid #5ca198; min-height:96px; border-radius:10px; line-height:1; padding:20px 10px; font-size:26px;}
.longlearn-cons .longlearn_visition .text_area2 > p:nth-child(1) > span {padding-top:33px;}
.longlearn-cons .longlearn_visition .li_area {margin-top:40px;}
.longlearn-cons .longlearn_visition .li_area ul {margin:0 -10px;}
.longlearn-cons .longlearn_visition .li_area ul:after {content:''; display:block; clear:both; overflow:hidden;}
.longlearn-cons .longlearn_visition .li_area ul li {width:20%; float:left; padding:10px;}
.longlearn-cons .longlearn_visition .li_area ul li > div {padding:35px 0; border-radius:10px; box-shadow:0 0 10px #ccc; position:relative; overflow:hidden;}
.longlearn-cons .longlearn_visition .li_area ul li > div:before {content:''; display:block; z-index:-1; font-size:160px; font-weight:bold; color:#c0f4e5; position:absolute; top:60px; left:-20px;}
.longlearn-cons .longlearn_visition .li_area ul li:nth-child(1) > div:before {content:'A';}
.longlearn-cons .longlearn_visition .li_area ul li:nth-child(2) > div:before {content:'S';}
.longlearn-cons .longlearn_visition .li_area ul li:nth-child(3) > div:before {content:'S';}
.longlearn-cons .longlearn_visition .li_area ul li:nth-child(4) > div:before {content:'E';}
.longlearn-cons .longlearn_visition .li_area ul li:nth-child(5) > div:before {content:'T';}
.longlearn-cons .longlearn_visition .li_area ul li > div dl dt {font-size:26px; line-height:1.2; margin:25px 0 50px;}
.longlearn-cons .longlearn_visition .li_area ul li > div dl dt > span {display:block; font-size:16px;}
.longlearn-cons .longlearn_visition .li_area ul li > div dl dd {font-size:16px; line-height:1.2;}
.longlearn-cons .longlearn_visition .li_area2 ul {margin:0 -10px;}
.longlearn-cons .longlearn_visition .li_area2 ul:after {content:''; display:block; clear:both; overflow:hidden;}
.longlearn-cons .longlearn_visition .li_area2 ul li {width:20%; float:left; padding:10px;}
.longlearn-cons .longlearn_visition .li_area2 ul li > div dl dt > strong {display:block; font-size:26px; line-height:1.2; background:#dadada; padding:20px 5px; border-radius:10px; margin-bottom:10px;}
.longlearn-cons .longlearn_visition .li_area2 ul li > div dl dt > span {display:block; width:8px; height:8px; border-radius:50%; background:#97e3cd; margin:5px auto;}
.longlearn-cons .longlearn_visition .li_area2 ul li > div dl dd {font-size:16px; line-height:1.2; margin-top:10px;}
.longlearn-cons .longlearn_visition .li_area3 ul {margin:0 -10px;}
.longlearn-cons .longlearn_visition .li_area3 ul:after {content:''; display:block; clear:both; overflow:hidden;}
.longlearn-cons .longlearn_visition .li_area3 ul li {width:50%; float:left; padding:10px;}
.longlearn-cons .longlearn_visition .li_area3 ul li > div {padding:35px 15px; min-height:228px; border-radius:10px; box-shadow:0 0 10px #ccc; position:relative; overflow:hidden;}
.longlearn-cons .longlearn_visition .li_area3 ul li > div:before {content:''; display:block; z-index:-1; font-size:160px; font-weight:bold; color:#c0f4e5; position:absolute; top:40px; left:-20px;}
.longlearn-cons .longlearn_visition .li_area3 ul li:nth-child(1) > div:before {content:'1';}
.longlearn-cons .longlearn_visition .li_area3 ul li:nth-child(2) > div:before {content:'2';}
.longlearn-cons .longlearn_visition .li_area3 ul li:nth-child(3) > div:before {content:'3';}
.longlearn-cons .longlearn_visition .li_area3 ul li:nth-child(4) > div:before {content:'4';}
.longlearn-cons .longlearn_visition .li_area3 ul li > div dl dt {font-size:26px; line-height:1.2; margin:25px 0 30px;}
.longlearn-cons .longlearn_visition .li_area3 ul li > div dl dt > span {display:block; font-size:20px; color:#5ca198; margin-top:10px;}
.longlearn-cons .longlearn_visition .li_area3 ul li > div dl dd {font-size:16px; line-height:1.2;}
.longlearn-cons .longlearn_visition .li_area4 {padding:50px 0; background:url('/assets/images/office_info/img/longlearn/liarea_bg.png') center bottom no-repeat;}
.longlearn-cons .longlearn_visition .li_area4 ul {margin:0 -10px;}
.longlearn-cons .longlearn_visition .li_area4 ul:after {content:''; display:block; clear:both; overflow:hidden;}
.longlearn-cons .longlearn_visition .li_area4 ul li {width:20%; float:left; padding:10px; display:flex; align-items:flex-end; min-height:544px;}
.longlearn-cons .longlearn_visition .li_area4 ul li > div {padding:35px 5px; border-radius:10px; background:#fff; box-shadow:0 0 10px #ccc; position:relative; overflow:hidden; flex:1; -webkit-box-flex:1; -webkit-flex:1;}
.longlearn-cons .longlearn_visition .li_area4 ul li:nth-child(1) > div {min-height:235px;}
.longlearn-cons .longlearn_visition .li_area4 ul li:nth-child(2) > div {min-height:328px;}
.longlearn-cons .longlearn_visition .li_area4 ul li:nth-child(3) > div {min-height:396px;}
.longlearn-cons .longlearn_visition .li_area4 ul li:nth-child(4) > div {min-height:464px;}
.longlearn-cons .longlearn_visition .li_area4 ul li:nth-child(5) > div {min-height:524px;}
.longlearn-cons .longlearn_visition .li_area4 ul li > div dl dt > strong {display:block; font-size:26px; line-height:1.2; background:#dadada; padding:20px 5px; border-radius:10px; margin-bottom:10px;}
.longlearn-cons .longlearn_visition .li_area4 ul li > div dl dt {font-size:26px; line-height:1.2; margin:25px 0 50px; color:#5ca198;}
.longlearn-cons .longlearn_visition .li_area4 ul li > div dl dd {font-size:16px; line-height:1.2;}

.longlearn-swp-thumbs .caption{display: block;position: absolute;}
.longlearn-swp-thumbs .caption{position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px; background: rgba(0,0,0,0.3);}
.longlearn-swp-thumbs .caption .sj{text-align:center; display: block;width: 100%;color: #fff; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-style: normal}

/* //평생학습 리뉴얼 페이지 추가 2021/07/15 */

@media screen and (max-width: 991px) {
	.longlearn-cons .knowledge_cont,
	.longlearn-cons .knowledge_cont.university,
	.longlearn-cons .longlearn_edu_cont,
	.longlearn-cons .social_kitchen_cont,
	.longlearn-cons .longlearn_sms_cont,
	.longlearn-cons .ebook_cont {background:none;}
	.longlearn-cons .longlearn_edu_cont .con_dl,
	.longlearn-cons .social_kitchen_cont .con_dl {width:100%;}
	.longlearn-cons .longlearn_sms_cont p.title br {display:none;}
	.longlearn-cons .ebook_cont .con_dl dl:nth-child(2) {letter-spacing:inherit;}
	.longlearn-cons .longlearn_visition .li_area3 ul li {float:none; width:100%;}
}

@media screen and (max-width: 767px){
	.longlearn_ac_lkb{border-radius: 0; box-shadow: none; overflow: visible;}
	.longlearn_ac_lkl{margin-right: 0; overflow: visible;}
	.longlearn_ac_lkl > li{float: none; width: auto; margin-bottom: 15px; overflow: hidden; border-radius: 8px; box-shadow: 3px 3px 6px rgba(0,0,0,0.1);}
	.longlearn_ac_lkl > li > a{border-left: none;}
}

@media screen and (max-width: 480px) {
	.longlearn-cons .guide-box {padding:60px 2%;}
	.longlearn-cons .longlearn_visition .text_area > dl > dd.txt_box2 > div span {display:block; width:100%;}
	.longlearn-cons .longlearn_visition .li_area4 {background-size:100% 100%;}
	.longlearn-cons .longlearn_visition .li_area4 ul li {float:none; width:100%; min-height:auto;}
	.longlearn-cons .longlearn_visition .li_area4 ul li > div {min-height:auto !important;}
	.longlearn-cons .longlearn_visition .li_area4 ul li > div dl dt {margin:0 0 20px;}
	.longlearn-cons .longlearn_visition .text_area2 > p {display:block; width:100% !important;}
}

/************************************************** 장애인복지관 *******************************************************/
/* 2019/8/23 */
.itl_ibx{display: table; width: 100%;}
.itl_ibx > div{display: table-cell; vertical-align: middle;}
.itl_ibx > .pho{width: 54%; }
.itl_ibx > .pho img{width: 100%;}
.itl_ibx > .text{padding-left: 25px; font-size: 18px; line-height: 28px; color: #666; letter-spacing: -1px;}

@media screen and (max-width: 768px){
.itl_ibx > .pho{width: 52%; }
.itl_ibx > .text{padding-left: 3%;}
}
@media screen and (max-width: 600px){
.itl_ibx > div{display: block; text-align: center;}
.itl_ibx > .pho{width: auto;margin-bottom: 10px;}
.itl_ibx > .pho img{width: auto; max-width: 100%;}
.itl_ibx > .text{padding-left: 0;}
.itl_ibx > .text i{display: inline-block; text-align: left;}
}
@media screen and (max-width: 370px){
.itl_ibx > .text{ font-size: 16px;}
}

/* 2019/8/29 */
.gntable.process.va-t td{vertical-align: top; font-size: 13px; letter-spacing: -1px;}
.gntable.process.va-t td > p{margin-top: 5px;}
.gntable.process.va-t td.carr{padding-top: 5%; font-size: 20px;}
.gntable.process.va-t td.carr.npt{padding: 9px 4px;}

.activeart-mission > img{width: 35%;}
.activeart-mission > img.vab{width: 28%;vertical-align: bottom;}
.activeart-intro3-ls1 > li{display: inline-block; vertical-align: top;}
.activeart-intro3-ls1 > li.bg{overflow: hidden; margin: 8% 20px 0;}
.activeart-intro3-ls2{overflow: hidden;}
.activeart-intro3-ls2 > li{width: calc(20% - 5px); float: left; margin-left: 5px; position: relative;}
.activeart-intro3-ls2 > li > div{display: table; width: 100%; text-align: center; font-size: 18px;}
.activeart-intro3-ls2 > li > div > p{margin: 0; display: table-cell; vertical-align: middle; height: 155px; color: #fff;}
.activeart-intro3-ls2 > li:after{content: ""; display:block; width:0; height:0; position: absolute; top: 50%; left: 100%; margin-top: -12px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid; z-index: 10; }
.activeart-intro3-ls2 > li:nth-of-type(1){background: #d22082;}
.activeart-intro3-ls2 > li:nth-of-type(1):after{border-left: 12px solid #d22082;}
.activeart-intro3-ls2 > li:nth-of-type(2){background: #7fb270;}
.activeart-intro3-ls2 > li:nth-of-type(2):after{border-left: 12px solid #7fb270;}
.activeart-intro3-ls2 > li:nth-of-type(3){background: #73a534;}
.activeart-intro3-ls2 > li:nth-of-type(3):after{border-left: 12px solid #73a534;}
.activeart-intro3-ls2 > li:nth-of-type(4){background: #03a785;}
.activeart-intro3-ls2 > li:nth-of-type(4):after{border-left: 12px solid #03a785;}
.activeart-intro3-ls2 > li:nth-of-type(5){background: #0192c9;}
.activeart-intro3-ls2 > li:nth-of-type(5):after{display: none;}

.activeart-intro10o{margin-top: 15px;}
.activeart-intro10o > li.mg{margin: 20px 0 10px 100px; position: relative;}
.activeart-intro10o > li.mg:before {content: ""; position: absolute; bottom:100%; left: 15px; height: 47px; width: 1px; background: #dbdbdb; transform: rotate(-35deg);  margin-bottom: -16px;}
.activeart-intro10o > li.mg:after {content: ""; position: absolute; top:100%; left: 27px; height: 40px; width: 1px; background: #dbdbdb; transform: rotate(35deg); margin-top: -12px;}
.activeart-intro10o > li > dl{display: table; width: 100%;}
.activeart-intro10o > li > dl > dt{display: table-cell; vertical-align: middle; width: 145px;}
.activeart-intro10o > li > dl > dt > div{display: table; width: 100%; text-align: center;}
.activeart-intro10o > li > dl > dt > div > span{display: table-cell; vertical-align: middle; border-radius: 50%; height: 145px; font-size: 18px; color: #fff;}
.activeart-intro10o > li > dl > dt > div.bg1 > span{background: #c50074;}
.activeart-intro10o > li > dl > dt > div.bg2 > span{background: #73a534;}
.activeart-intro10o > li > dl > dt > div.bg3 > span{background: #0192c9;}
.activeart-intro10o > li > dl > dd{display: table-cell; vertical-align: middle; padding-left: 50px; font-size: 16px; color: #666;}

.activeart-history{margin-top: 45px;}
.activeart-history > dl{display: table; width: 100%; margin-bottom: 45px;}
.activeart-history > dl > dt{display: table-cell; vertical-align: top; width: 90px; font-size: 35px; color: #0092c8; line-height: 40px; letter-spacing: -1px;}
.activeart-history > dl > dd{display: table-cell; vertical-align: top; padding-left: 15px; padding-top: 12px;}
.activeart-history > dl > dd > ul > li{display: table; font-size: 15px; line-height: 24px; color: #666;}
.activeart-history > dl > dd > ul > li > span{display: table-cell; color: #000; padding-right: 16px; white-space: nowrap; font-weight: 600;}

#gnsubContent .contents .activeart-org ul{position: relative; padding:0;}
#gnsubContent .contents .activeart-org ul li{background: none; padding:0;}
.activeart-org > ul{text-align: center;}
.activeart-org > ul > li{position: relative;}
.activeart-org > ul > li > p{background: #233d92; width: 185px; line-height: 25px; font-size: 18px; color: #fff;padding: 10px 0; margin: 0 auto;  position: relative;}
.activeart-org > ul > li > p:after{content: ''; position: absolute; left: 50%; top: 100%; height: 75px; width: 1px; background: #c8c9cb;}
.activeart-org > ul > li > .t1d{position: absolute; top: 0; left: 50%; margin-left: 180px; width: 175px; color: #233d92;}
.activeart-org > ul > li > .t1d:before{content: ''; position: absolute; right: 100%; top: 50%; height: 1px; width: 87px; background: #c8c9cb;}
.activeart-org > ul > li > .t1d > span{display: block; border: 1px solid #233d92; line-height: 25px; font-size: 18px; color: #233d92;padding: 9px 0;}
.activeart-org .t2{margin-top: 75px;}
.activeart-org .t2 > li{position: relative;}
.activeart-org .t2 > li > p{width: 185px;  margin: 0 auto; position: relative;}
.activeart-org .t2 > li > p:after{content: ''; position: absolute; left: 50%; top: 100%; height: 70px; width: 1px; background: #c8c9cb;}
.activeart-org .t2 > li > p {display: block; background: #0092C8; line-height: 25px; font-size: 18px; color: #fff;padding: 10px 0;}
.activeart-org .t2 > li > .t2d{position: absolute; width: 175px; top: 0; left: 50%; margin-left: -357px;}
.activeart-org .t2 > li > .t2d:after{content: ''; position: absolute; left: 100%; top: 50%; width: 90px; height: 1px; background: #c8c9cb;}
.activeart-org .t2 > li > .t2t{position: absolute; width: 175px; top: -35px; left: 50%; margin-left: 180px;}
.activeart-org .t2 > li > .t2t:before{content: ''; position: absolute; right: 100%; top: 50%; height: 1px; width: 47px; margin-right: 40px; background: #c8c9cb;}
.activeart-org .t2 > li > .t2t:after{content: ''; position: absolute; right: 100%; top: 23px; bottom: 21px; width: 1px; margin-right: 40px; background: #c8c9cb;}
.activeart-org .t2 > li > .t2t > p{position: relative; margin-bottom: 0;}
.activeart-org .t2 > li > .t2t > p:before{content: ''; position: absolute; right: 100%; top: 50%; width: 40px; height: 1px; background: #c8c9cb; }
.activeart-org .t2 > li > .t2t > p:first-child{margin-bottom: 30px;}
.activeart-org .t2 > li > .t2r{position:absolute; width:175px; top:0; left:50%; margin-left:180px;}
.activeart-org .t2 > li > .t2r:before{content:''; position:absolute; right:100%; top:50%; height:1px; width:87px; background: #c8c9cb}
.activeart-org .t2 > li > div span{display: block; border: 1px solid #0092C8; line-height: 25px; font-size: 18px; color: #0092C8;padding: 9px 0;}
.activeart-org .t3{margin-top: 70px;}
.activeart-org .t3 > li{padding: 0; background: none;}
.activeart-org .t3 > li > p{background: #52bfb9; line-height: 25px; font-size: 18px; color: #fff;padding: 10px 0; width: 185px;  margin: 0 auto; position: relative;}
.activeart-org .t3 > li > p:after{content: ''; position: absolute; left: 50%; top: 100%; height: 46px; width: 1px; background: #c8c9cb;}
.activeart-org .t4{overflow:hidden; margin:0 auto 20px; display:flex; gap:2%; flex-wrap:nowrap; flex-direction:row; align-items:center;}
.activeart-org .t4:before{content:''; position:absolute; left:14.7%; right:8.4%; top:45px; margin-left:-5px; margin-right:-5px; height:1px; background:#c8c9cb;}
.activeart-org .t4 > li{float:left; margin-top:80px;/* width:30%; */margin-bottom:0; position:relative}
.activeart-org .t4 > li:nth-of-type(1){width:28%}
.activeart-org .t4 > li:nth-of-type(2){width:28%}
.activeart-org .t4 > li:nth-of-type(3){width:18%}
.activeart-org .t4 > li:nth-of-type(4){width:18%}
.activeart-org .t4 > li > p{width:165px; display:block; background:#5f8de4; line-height:25px; font-size:18px; color:#fff; padding:10px 0; position:relative; left: 19.5%; margin-bottom:0;}
.activeart-org .t4 > li > p:after{content: ''; position:absolute; left:49.5%; bottom:100%; height:35px; width:1px; background:#c8c9cb;}
.activeart-org .t4 > li > p:before{content: ''; position:absolute; left:50%; top:100%; height:35px; width:1px; background:#c8c9cb;}
.activeart-org .t5{overflow: hidden;display:flex;gap:1%;flex-wrap: wrap;flex-direction:row;justify-content: space-between;}
.activeart-org .t5:before{content: ''; position:absolute; left:26%; right:25.5%; top:35px; margin-left:-5px; margin-right:-5px; height:1px; background:#c8c9cb;}
.activeart-org .t5 > li{width:48%; margin-top:70px; position:relative;}
.activeart-org .t5 > li:before{content: ''; position:absolute; left:50%; bottom:100%; height:35px; width:1px; background:#c8c9cb;}
.activeart-org .t5.single > li{width:100%; display:flex; justify-content:center;}
.activeart-org .t5.single:before{content: '';position:absolute; left:50%; right:50%; top:35px; margin-left:-0px; margin-right:-0px; height:1px; background:#c8c9cb;}
.activeart-org .t5.single > li:before{content:''; position:absolute; left:68%; bottom:100%; height:35px; width:1px; background:#c8c9cb;}
.activeart-org .t5.single > li > p {width:130px;}
/*.activeart-org .t5 > li:nth-of-type(2):before{display: none;}*/
.activeart-org .t5 > li > p > a{display: block; background: #a2a2a2; line-height: 25px; font-size: 18px; color: #fff;padding: 10px 0;}
.activeart-org .t5 > li > ul{border: 1px solid #dadada; border-bottom: none; text-align: left;}
.activeart-org .t5 > li > ul > li{border-bottom: 1px solid #dadada;}
.activeart-org .t5 > li > ul > li dl{padding: 5px;}

.activeart-cibi{display: table; width: 100%;}
.activeart-cibi > .ph{display: table-cell; text-align: center; vertical-align: top; width: 28%; padding-right: 4%;}
.activeart-cibi > .tx{display: table-cell; vertical-align: middle;}
.activeart-cibi > .tx .co-box{font-size: 14px;    color: #666;}
.activeart-cibi > .tx .co-box > span{display: block; height: 20px; margin-top: 5px;}

.activeart-c3splls{overflow: hidden;}
.activeart-c3splls > li{float: left; width: 33%; margin-bottom: 20px;}
.activeart-rightbg{background: url(http://www.gangnam.go.kr/assets/images/office_info/img/activeart/intro7_img2.jpg) right 0 no-repeat; background-size: 37%;}

.activeart-process > dl{display: table; width: 100%; margin-bottom: 20px;}
.activeart-process > dl > dt{display: table-cell; vertical-align: top; width: 97px; }
.activeart-process > dl > dt > span{display: block; padding-left: 10px; color: #fff; font-size: 25px; line-height: 89px;background: url(http://www.gangnam.go.kr/assets/images/office_info/img/activeart/step_bg.png) center 0 no-repeat;}
.activeart-process > dl > dd{display: table-cell; vertical-align: middle; padding-left: 20px;}
.activeart-process > dl > dd > p{margin-bottom: 0; font-size: 20px; line-height: 28px;}
.activeart-process > dl > dd > p > span{  color: #c40075;}
.activeart-process > dl > dd > div{  font-size: 14px; line-height: 22px;}

@media screen and (max-width: 768px){
.gntable.process.va-t td.carr{padding-top: 7%;}
.activeart-mission > img{width: auto; margin-bottom: 10px;}
.activeart-mission > img:last-child{width: auto; display: block;}
.activeart-intro3-ls1 > li.bg{margin: 10% 6px 0;}
.activeart-org > ul > li > p{width: 25%; font-size: 14px; letter-spacing: -1px;}
.activeart-org > ul > li > .t1d{left: auto; right: 0; width: 25%;}
.activeart-org > ul > li > .t1d > span{font-size: 14px; letter-spacing: -1px;}
.activeart-org > ul > li > .t1d:before{width: 50%;}
.activeart-org .t2 > li > p{width: 25%;}
.activeart-org .t2 > li > p > a{font-size: 14px; letter-spacing: -1px;}
.activeart-org .t2 > li > .t2d{left: 0; width: 25%; margin-left: 0;}
.activeart-org .t2 > li > .t2d:after{width: 50%;}
.activeart-org .t2 > li > .t2t{left: auto; right: 0; margin-left: 0; width: 25%;}
.activeart-org .t2 > li > .t2t:before{margin-right: 15%; width: 35%;}
.activeart-org .t2 > li > .t2t:after{margin-right: 15%;}
.activeart-org .t2 > li > .t2t > p:before{width: 15%;}
.activeart-org .t2 > li > .t2r{left: auto; right: 0; width: 25%;}
.activeart-org .t2 > li > .t2r:before{width: 50%;}
.activeart-org .t2 > li > div span{font-size: 14px; letter-spacing: -1px;}
.activeart-org .t3 > li > p{width: 25%;font-size:16px;letter-spacing: -1px;line-height:18px;}
.activeart-org .t4 {gap:unset; margin-left: -3%;}	
.activeart-org .t4 > li{margin-left: 3%;}
.activeart-org .t4 > li > p {width:130px; font-size:16px}
.activeart-org .t4 > li > p > a{font-size: 14px; letter-spacing: -1px;}
.activeart-org .t4:before{left: 16.8%;right: 5.4%;margin: 0;}
.activeart-org .t5 > li > p > a{font-size: 14px;letter-spacing:-1px;line-height:18px;height: auto;}
.activeart-org .t5.single > li:before{left:69%;}
}
@media screen and (max-width: 640px){
.activeart-intro3-ls1 > li{width: calc(30% - 12px);max-width: 156px;}
.activeart-intro3-ls1 > li.bg{margin: 10% 4px 0; width: 4%;}
.activeart-intro3-ls2 > li > div{font-size: 15px;}
.activeart-intro3-ls2 > li > div > p{height: 100px;}

.activeart-intro10o > li.mg{margin: 20px 0; }
.activeart-intro10o > li.mg:before {display: none; }
.activeart-intro10o > li.mg:after {display: none; }
.activeart-intro10o > li > dl > dt{width: 90px;}
.activeart-intro10o > li > dl > dt > div > span{height: 90px;}
.activeart-intro10o > li > dl > dd{padding-left: 10px; font-size: 14px;}

.activeart-c3splls > li{width: auto; float: none; text-align: center;}
.activeart-c3splls > li > img{border-left: 1px solid #d1d1d1;}
.activeart-c3splls > li:first-child > img{border-left: none;}

.activeart-rightbg{background: none;}
#tab_longlearn_edu1 table{table-layout: auto !important;width: 100% !important;}
.activeart-org .t4 > li > p {width:auto;}
.activeart-org .t4 {gap:2%;}
.activeart-org .t4 > li:nth-of-type(1){width:24%}
.activeart-org .t4 > li:nth-of-type(2){width:24%}
.activeart-org .t4 > li:nth-of-type(3){width:18%}
.activeart-org .t4 > li:nth-of-type(4){width:18%}
}
@media screen and (max-width: 500px){
.activeart-history > dl{display: block; }
.activeart-history > dl > dt{display: block; width: auto;}
.activeart-history > dl > dd{display: block; padding-left: 0;}

.activeart-cibi > .ph{display: block; padding-right: 0; width: auto;}
.activeart-cibi > .tx{display: block;}

.activeart-process > dl > dt{display: block; margin-bottom: 10px;}
.activeart-process > dl > dd{display: block; padding-left: 30px}
}
@media screen and (max-width: 400px){
.activeart-intro3-ls1 > li{display: block; width: auto;max-width: 100%; margin: 0;}
.activeart-intro3-ls1 > li.bg{display: block; width: auto; margin: 20px 0;}
.activeart-intro3-ls2 > li{float: none; width: auto; margin-left:0; margin-bottom: 6px;}
.activeart-intro3-ls2 > li > div{display: block;}
.activeart-intro3-ls2 > li > div > p{display: block; height: auto; padding: 10px 0;}
.activeart-intro3-ls2 > li > div > p br{display: none;}
.activeart-intro3-ls2 > li:after{top: 100%; left: 50%; margin-top: 0; margin-left: -12px; border-right: 12px solid transparent; border-left: 12px solid transparent; border-top: 12px solid red; }
.activeart-intro3-ls2 > li:nth-of-type(1):after{border-top: 12px solid #d22082; border-left: 12px solid transparent}
.activeart-intro3-ls2 > li:nth-of-type(2):after{border-top: 12px solid #7fb270; border-left: 12px solid transparent}
.activeart-intro3-ls2 > li:nth-of-type(3):after{border-top: 12px solid #73a534; border-left: 12px solid transparent}
.activeart-intro3-ls2 > li:nth-of-type(4):after{border-top: 12px solid #03a785; border-left: 12px solid transparent}

.activeart-org .t4 > li:nth-of-type(1){width:23%}
.activeart-org .t4 > li:nth-of-type(2){width:23%}
.activeart-org .t4 > li:nth-of-type(3){width:18%;}
.activeart-org .t4 > li:nth-of-type(4){width:15%;}
}

/* 자동입력 방지문자 *//* 2021-02-25 추가 */
.captcha_group {display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
#captchaImg {margin-right:12px; display:block; overflow:hidden; position:relative; white-space:nowrap;}
.captchaTxt {display:block; flex:1; -webkit-box-flex:1; -webkit-flex:1; height:auto; line-height:1.4;}
.captchaTxt > button {border:1px solid #d9d9d9; padding:5px; margin-bottom:5px; font-size:12px; font-family:'Dotum', '돋움', sans-serif; color:#8e8e8e; background:#f9f9f9; line-height:1.2;}