@charset "utf-8"; /* main.css */ .topServiceUL2UL li a:hover {color:#EB8105 !important;} #weekPopular ul li a:hover {text-decoration:underline;color:#EB8105 !important;} .s_title {background-image:url('../images/common/sitemap_bullect.gif') !important;} a.section-welfare, a.section-welfare span {background-image:url('../images/common/button_style_welfare.gif');} span.section-welfare, span.section-welfare input {background-image:url('../images/common/button_style_welfare.gif'); border:none !important;} /* 장애인복지 */ .accordion{margin-top:35px;border-bottom:1px solid #5b73c3;} .accordion>dl{width:100%; position:relative;} .accordion>dl:after {content:"";clear:both;display:block;} .accordion .acTitle a {display:block; height:36px; line-height:36px; font-size:14px; color:#555;font-weight:bold; letter-spacing:-1px; border-top:1px solid #d9d9d9; text-indent:20px; background:url(../images/handicap/btn_accodion_onoff.gif) no-repeat 100% 100%;} .accordion dt a.selected{border-top-color:#5b73c3; background:#f7f8fd url(../images/handicap/btn_accodion_onoff.gif) no-repeat 100% 0; color:#3f76c2;} .accordion .acCont{padding:20px 0; border-top:0px solid #d9d9d9;} .acCont .btnListClose{width:100%; text-align:right;} .blackWhite .accordion dt a.selected{background-color:#000;} .conStyle .bs2{padding-bottom:10px;} .conStyle li {line-height:1.5;} .accordion .pdb20 {padding-bottom:20px;} .process span {display:none;} .process dl {display:none;} .process1{width:585px;height:260px;overflow:hidden;} .process1 .img{height:260px; background:url(../images/handicap/img_menu2_1.jpg) no-repeat;} .process2{width:581px;height:290px;overflow:hidden;} .process2 .img{height:290px; background:url(../images/handicap/img_menu2_2.jpg) no-repeat;} .process2 dd{padding:0 !important;} .process2 dd dl{width:100%;} .process2 dd dl:after{content:""; display:block; clear:both;} .process2 dd dl dt{float:left; width:30%;} .process2 dd dl dd{float:left; width:70%;} .process3{width:582px;height:260px;overflow:hidden;} .process3 .img{height:260px; background:url(../images/handicap/img_menu2_2_2.jpg) no-repeat;} .process4{width:585px;height:570px;overflow:hidden;} .process4 .img{height:570px; background:url(../images/handicap/img_menu2_2_3.jpg) no-repeat;} .process4 dd{width:100%; padding:0 !important;} .process4 dd:after{content:""; display:block; clear:both;} .process4 dd dl{width:45%; float:left; height:120px;} .process4 dd ul{float:left; width:100%;} .process5{width:585px;height:620px;overflow:hidden;} .process5 .img{height:620px; background:url(../images/handicap/img_menu2_4.jpg) no-repeat;} .tableBox{width:100%;} .tableBox:after{content:""; display:block; clear:both;} .tableBox table{width:200px; float:left; height:542px;} .tableBox caption{width:215px;} .tableBox span.plus{display:block; width:20px; height:480px; float:left; text-align:center; font-weight:bold; letter-spacing:-1px; line-height:480px; font-size:18px; color:#5b73c3;} .lList{width:688px; padding:10px 0; margin-bottom:5px; border:1px solid #ccc; border-top-color:#0084BC; background:#F0F5F9;} .lList:after{content:""; display:block; clear:both;} .lList li{display:inline; float:left; width:320px; padding-left:10px;} .conStyle {padding-left:10px;} .conStyle dd{padding-left:20px; padding-bottom:10px;} .conStyle dd dd dd{padding-bottom:0;} .bs1{padding:0 0 20px 25px; font-size:18px; font-weight:bold; background:url(../images/handicap/bull_type1.gif) no-repeat 0 2px;} .bs2{display:block; padding-left:20px; background:url(../images/handicap/bull_type2.gif) no-repeat 0 2px; font-size:14px; font-weight:bold; letter-spacing:-1px;} .bs3, .b3List li{padding-left:18px; background:url(../images/handicap/bull_type3.gif) no-repeat 0 2px;} span.bs3{display:block;} span.bs4, .bs4 li, .bs4, .lTCircle li{padding-left:10px; background:url(../images/handicap/bull_type4.gif) no-repeat 0 6px; text-align:left;line-height:1.5;} .noticeList li, .notice{padding-left:15px; background:url(../images/handicap/bull_noticelist.gif) no-repeat 0 0;} .lTDash li, .dash{padding-left:10px; background:url(../images/handicap/bull_dash_black.gif) no-repeat 0 7px;} .noBul li{background:none !important;} .bs5{padding-left:10px; background:url(../images/handicap/bull_arrow_right.gif) no-repeat 0 7px;} .bs6{padding-left:7px; background:url(../images/handicap/bull_arrow_right_o.gif) no-repeat 0 45%;} /* 노숙인 희망길잡이 */ #view_ctWrap .section {margin-bottom: 60px;} #view_ctWrap h4.color-orange {line-height: 1.8; font-size: 16px; color: #eb8105 !important;} #view_ctWrap h5.color-charcoal {font-weight: bold; font-size: 14px !important; color: #636363 !important;} #view_ctWrap h5.color-charcoal.small {font-size: 12px;} #view_ctWrap h6.color-charcoal {font-weight: bold; font-size: 12px; color: #636363 !important;} #view_ctWrap ul {margin-left: 15px;} #view_ctWrap ul li {margin-top: 0; color: #767676;} #view_ctWrap table tr td.no-schedule {background-color: #eee;} #view_ctWrap .paragraph-s {font-size: 12px;} #view_ctWrap .txt-notice {margin-top: 20px; font-size: 12px; color: #eb8105;} /*------------------------------------------------- 2017 분야별(복지) 정책소개 --------------------------------------------------*/ #ct_textWarp .welfare-policy-cont * {box-sizing: border-box;} #ct_textWarp .policy-cont {margin-bottom: 30px;} #ct_textWarp .policy-cont h4.policy-cont-tit {padding: 0 0 0 0; margin-bottom: 20px; font-size: 15px; color: #333; letter-spacing: -0.075em;} /* 01. 복지본부 */ #ct_textWarp .policy-cont-welfare-wrap .vision {height: 110px; padding: 24px 0; margin-bottom: 30px; border-radius: 15px; font-weight: bold; font-size: 30px; line-height: 1; letter-spacing: -0.075em; color: #fff3d4; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/welfare_bg_vision.png)no-repeat 0 0; text-align: center;} #ct_textWarp .policy-cont-welfare-wrap .font-small {font-size: 20px; color: #fff;} #ct_textWarp .policy-cont-welfare-wrap .upward-arrow {display: block; width: 239px; height: 65px; margin: 0 auto; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/welfare_bg_arrow.png)no-repeat 0 0;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont2 {padding-top: 30px; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/welfare_bg_line.png)no-repeat center 0;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont2 ul {padding-bottom: 0; margin: 0 47px; overflow: hidden;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont2 ul li {float: left; width: 180px; height: 180px; padding: 20px 0 30px; margin: 0 0 0 22px; font-weight: bold; font-size: 20px; color: #fff; line-height: 24px; letter-spacing: -0.075em; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/welfare_bg_circle.png)no-repeat 0 0; text-align: center;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont2 ul li:first-child {margin-left: 0;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont2 ul li:nth-child(2) {background: url(/wp-content/themes/seoul_welfare/images/sub/2017/welfare_bg_circle2.png)no-repeat 0 0;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont2 ul li:nth-child(3) {background: url(/wp-content/themes/seoul_welfare/images/sub/2017/welfare_bg_circle3.png)no-repeat 0 0;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont2 ul li .icon {display: block; width: 61px; height: 65px; margin: 0 auto 12px; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/welfare_bg_icon.png)no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont2 ul li .icon2 {background: url(/wp-content/themes/seoul_welfare/images/sub/2017/welfare_bg_icon2.png)no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont2 ul li .icon3 {background: url(/wp-content/themes/seoul_welfare/images/sub/2017/welfare_bg_icon3.png)no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 .cont-inner {position: relative; height: 107px; margin-bottom: 10px; overflow: hidden;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 .cont-inner4 {margin-bottom: 0;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 .inner-tit {float: left; width: 290px; height: 107px; padding: 30px 0 30px 28px; margin-bottom: 0; border: 1px solid #e8dada; font-weight: bold; font-size: 20px; color: #bf3d52; letter-spacing: -0.075em; line-height: 24px; background: #f6f0f0;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 .inner-tit:after {content: ''; position: absolute; top: 50%; left: 290px; display: block; width: 0; height: 0; margin-top: -7px; border: 7px solid #f6f0f0; border-right-width: 0; border-top-color: transparent; border-bottom-color: transparent;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 .inner-tit2 {color: #6b4b31; background: #f3f1eb; border-color: #e8e4da;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 .inner-tit2:after {border: 7px solid #f3f1eb; border-right-width: 0; border-top-color: transparent; border-bottom-color: transparent;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 .inner-tit3 {color: #6b4331; background: #f0e9e0; border-color: #e0d7cc;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 .inner-tit3:after {border: 7px solid #f0e9e0; border-right-width: 0; border-top-color: transparent; border-bottom-color: transparent;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 .inner-tit4 {color: #666d48; background: #eff3eb; border-color: #d3e0ce;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 .inner-tit4:after {border: 7px solid #eff3eb; border-right-width: 0; border-top-color: transparent; border-bottom-color: transparent;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 ul {float: left; width: 374px; height: 107px; padding: 16px 0 16px 20px; margin-left: 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} #ct_textWarp .policy-cont-welfare-wrap .policy-cont3 ul li {font-size: 14px; color: #333; line-height: 26px; letter-spacing: -0.075em;} /*------------------------------------------------- 2018 분야별(복지) 정책소개 --------------------------------------------------*/ .welfare-policy-cont-2018 * {box-sizing: border-box;letter-spacing: -0.075em;} #ct_textWarp .policy-cont-welfare-wrap-2018 {} #ct_textWarp .policy-cont-welfare-wrap-2018 .upward-arrow {display: block; width: 239px; height: 65px; margin: 0 auto; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/welfare_bg_arrow.png)no-repeat 0 0;} #ct_textWarp .policy-cont-welfare-wrap-2018 .vision {height: 90px; padding: 24px 0; margin-bottom: 30px; border-radius: 15px; font-weight: bold; font-size: 30px; line-height: 1; letter-spacing: -0.075em; color: #fff3d4; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/welfare_bg_vision.png)no-repeat 0 0; background-size: 100% auto;text-align: center;} #ct_textWarp .policy-cont-welfare-wrap-2018 h4 {margin: 15px 0 10px;color: #333333;font-size: 15px;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul {overflow: hidden;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul li {float:left;width: 158px;height: 158px;margin-left: 10px;color: #fff;font-size: 20px;font-weight: bold;text-align: center;list-style: none !important;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul li .small {display: inline-block;margin-bottom: 5px;font-size: 14px;letter-spacing: -0.075em;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul li:first-child {margin-left: 0;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul li.goal1 {background: url(/wp-content/themes/seoul_welfare/images/sub/2018/bg_circle1.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul li.goal2 {background: url(/wp-content/themes/seoul_welfare/images/sub/2018/bg_circle2.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul li.goal3 {background: url(/wp-content/themes/seoul_welfare/images/sub/2018/bg_circle3.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul li.goal4 {background: url(/wp-content/themes/seoul_welfare/images/sub/2018/bg_circle4.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul li .icon {display: block; width: 68px; height: 54px; margin: 15px auto 12px; background: url(/wp-content/themes/seoul_welfare/images/sub/2018/icon_circle1.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul li .icon2 {background: url(/wp-content/themes/seoul_welfare/images/sub/2018/icon_circle2.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul li .icon3 {background: url(/wp-content/themes/seoul_welfare/images/sub/2018/icon_circle3.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont2 ul li .icon4 {background: url(/wp-content/themes/seoul_welfare/images/sub/2018/icon_circle4.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont3 ul li:before {content: '';position: absolute;width: 3px;height: 3px;top: 8px;left: 0;background: #333;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont3 {overflow: hidden} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont3 .cont-inner {float: left;width: 158px;min-height: 170px;margin-left: 10px;padding: 10px 5px 0px 15px;border: 1px solid #ccc;color: #333;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont3 .cont-inner1 {margin-left: 0;border-top: 10px solid #a55d3e} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont3 .cont-inner2 {border-top: 10px solid #af5a1b} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont3 .cont-inner3 {border-top: 10px solid #7c5e5e} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont3 .cont-inner4 {border-top: 10px solid #a71500} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont3 ul li {position: relative;margin:0 0 5px 0;padding-left: 15px;color: #333333;font-size: 14px;list-style-type: none !important;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont4 ul {overflow: hidden;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont4 ul li {float: left;width: 214px;min-height: 115px;margin-left: 10px;background-color: #f6f0f0;border-radius: 7px;list-style-type: none !important;font-weight: bold;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont4 ul li:first-child {margin-left: 0;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont4 ul li h5 {font-size: 16px;color: #8d1a2d !important;text-align: center;} #ct_textWarp .policy-cont-welfare-wrap-2018 .policy-cont4 ul li p {font-size: 14px;color: #bf3d52;text-align: center;} /* 06. 평생교육정책관 */ .policy-cont-education-wrap {margin-bottom:0;} .policy-cont-education-wrap .policy-cont {display: table; float: none; width: 664px;} #ct_textWarp .policy-cont-education-wrap .policy-cont {margin:0;} #ct_textWarp .policy-cont-education-wrap .policy-cont h4 {display: table-cell; width: 104px; font-size: 15px; color: #333;} .policy-cont-education-wrap .policy-cont .policy-cont-inner {display: table-cell; width: 560px; height: 293px; padding-top: 60px; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/education_bg_triangle.png) no-repeat 0 0; box-sizing: border-box; text-align: center;} #ct_textWarp .policy-cont .policy-cont-inner .txt-edu1 {font-weight: bold; font-size: 20px; line-height: 25px; color: #6789ca;} .policy-cont .policy-cont-inner .txt-edu2 {font-weight: bold; font-size: 30px; color: #4967b0;} .policy-cont2 .policy-cont-title {font-size: 18px; color: #444;} .policy-cont-education-wrap .policy-cont2 .policy-cont-inner {background: url(/wp-content/themes/seoul_welfare/images/sub/2017/education_bg_dotline.png) no-repeat 0 0; text-align: center;} #ct_textWarp .policy-cont-education-wrap .policy-cont2 {position: relative; top: -123px;} #ct_textWarp .policy-cont-education-wrap .policy-cont2 .policy-cont-title {vertical-align: middle;} #ct_textWarp .policy-cont-education-wrap .policy-cont2 .policy-cont-inner p {line-height: 25px; font-weight: bold; font-size: 18px; color: #444;} .policy-cont2 .policy-cont-inner ul li {text-indent: -9999em;} #ct_textWarp .policy-cont-education-wrap .policy-cont3 {position: relative; top: -167px;} #ct_textWarp .policy-cont-education-wrap .policy-cont3 .policy-cont-title {vertical-align: middle;} #ct_textWarp .policy-cont-education-wrap .policy-cont3 .policy-cont-inner {height: 293px; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/education_bg_triangle2.png) no-repeat 0 0;} #ct_textWarp .policy-cont-education-wrap .policy-cont3 .policy-cont-inner p {position: absolute; font-weight: bold; font-size: 14px; color: #fff;} #ct_textWarp .policy-cont-education-wrap .policy-cont3 .policy-cont-inner .text1 {top: 68px; left: 334px;} #ct_textWarp .policy-cont-education-wrap .policy-cont3 .policy-cont-inner .text2 {bottom: 25px; left: 191px;} #ct_textWarp .policy-cont-education-wrap .policy-cont3 .policy-cont-inner .text3 {bottom: 53px; left: 338px;} #ct_textWarp .policy-cont-education-wrap .policy-cont3 .policy-cont-inner .text4 {bottom: 25px; right: 86px;} #ct_textWarp .policy-cont-education-wrap .policy-cont3 .policy-cont-inner span {font-size: 18px;} #ct_textWarp .policy-cont-education-wrap .policy-cont4 {position: relative; top: -140px; margin-bottom: 60px;} #ct_textWarp .policy-cont-education-wrap .policy-cont4 .policy-cont-title {vertical-align: middle;} #ct_textWarp .policy-cont-education-wrap .policy-cont4 ul {margin-left: 0; overflow: hidden;} #ct_textWarp .policy-cont-education-wrap .policy-cont4 ul li {float: left; width: 180px; height: 180px; padding-top: 50px; margin: 0 10px 0 0; font-weight: bold; font-size: 16px; line-height: 23px; color: #2d467e; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/education_bg_circle.png) no-repeat 0 0; text-align: center; box-sizing: border-box;} #ct_textWarp .policy-cont-education-wrap .policy-cont4 ul .circle2 {padding-top: 60px;} #ct_textWarp .policy-cont-education-wrap .policy-cont4 ul .circle3 {margin-right: 0;} #ct_textWarp .policy-cont-education-wrap .workplan-download{ margin-top:-150px;} /* 01. 여성가족정책실 */ /* #ct_textWarp .policy-cont-woman-wrap .vision {width: 320px; height: 320px; padding-top: 60px; margin: 0 auto 30px; border-radius: 50%; font-weight: bold; font-size: 25px; line-height: 35px; letter-spacing: -0.075em; color: #333; background: #f4f4f4 url(/wp-content/themes/seoul_welfare/images/sub/2017/woman_bg_family.png)no-repeat center 145px; text-align: center;} 181025*/ #ct_textWarp .policy-cont-woman-wrap .vision {width: 320px; height: 320px; padding-top: 60px; margin: 0 auto 30px; border-radius: 50%; font-weight: bold; font-size: 25px; line-height: 35px; letter-spacing: -0.075em; color: #333; background: #f4f4f4 url(/wp-content/themes/seoul_welfare/images/sub/2017/woman_bg_family.png)no-repeat center 145px; text-align: center;box-sizing:border-box;} #ct_textWarp .policy-cont-woman-wrap .vision .font-large {font-size: 30px;} #ct_textWarp .policy-cont-woman-wrap .upward-arrow {display: block; width: 239px; height: 65px; margin: 0 auto; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/woman_bg_arrow.png)no-repeat 0 0;} #ct_textWarp .policy-cont-woman-wrap .goal {height: 83px; padding: 28px 0 0; margin-bottom: 0; font-weight: bold; font-size: 25px; line-height: 1; letter-spacing: -0.075em; border-radius: 10px; color: #fff; text-align: center; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/woman_bg_goal.png)no-repeat;} #ct_textWarp .policy-cont-woman-wrap .policy-cont3{ box-sizing:border-box;} #ct_textWarp .policy-cont-woman-wrap .policy-cont3 *{ box-sizing:border-box;} #ct_textWarp .policy-cont-woman-wrap .policy-cont3 ul {padding-bottom: 0; margin: 0 51px; overflow: hidden;} #ct_textWarp .policy-cont-woman-wrap .policy-cont3 ul li {float: left; width: 153px; height: 153px; padding: 40px 0; margin: 0 0 0 -17px; border: 8px solid rgba(103,137,202,.8); border-radius: 50%; font-weight: bold; font-size: 16px; color: #333; line-height: 23px; letter-spacing: -0.075em; text-align: center; list-style:none !important;} #ct_textWarp .policy-cont-woman-wrap .policy-cont3 ul li:first-child {margin-left: 0;} #ct_textWarp .policy-cont-woman-wrap .policy-cont3 ul li:nth-child(2) {border-color: rgba(102,112,192,.8);} #ct_textWarp .policy-cont-woman-wrap .policy-cont3 ul li:nth-child(3) {border-color: rgba(125,102,192,.8);} #ct_textWarp .policy-cont-woman-wrap .policy-cont3 ul li:last-child {border-color: rgba(139,82,163,.8);} /*------------------------------------------------- 2018 분야별(건강) 정책소개 --------------------------------------------------*/ #ct_textWarp .health-policy-cont * {box-sizing: border-box;} #ct_textWarp .policy-cont {width: 664px; margin-bottom: 30px;} #ct_textWarp .policy-cont h4.policy-cont-tit {padding: 0 0 0 0; margin-bottom: 20px; font-size: 15px; color: #333; letter-spacing: -0.075em;} /* 01. 시민건강국 */ #ct_textWarp .policy-cont-health-wrap-2018 .goal {width:100%; padding: 26px 0; margin-bottom: 30px; border-radius: 15px; line-height: 30px; letter-spacing: -0.075em; font-weight: bold; font-size: 30px; color: #fff; background: url(/wp-content/themes/seoul_health/images/sub/2018/health_bg_goal.png) repeat 0 0; text-align: center;} #ct_textWarp .policy-cont-health-wrap-2018 .goal .small{display: block; font-size: 22px; margin-bottom: 6px;line-height: 22px} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont .upward-arrow {display: block; width: 240px; height: 65px; margin: 0 auto; background: url(/wp-content/themes/seoul_health/images/sub/2017/health_bg_arrow.png)no-repeat 0 0;background-size: 100% auto} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont1 ul {padding: 0 20px; margin: 0 0 20px; overflow: hidden;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont1 ul li {float: left; width: 200px; height: 200px; padding: 75px 0; margin: 0 0 0 10px; font-weight: bold; font-size: 14px; color: #666; letter-spacing: -0.075em; background: url(/wp-content/themes/seoul_health/images/sub/2017/health_bg_circle.png)no-repeat 0 0; text-align: center;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont1 ul li span {line-height: 1.2; font-size: 20px; color: #333;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont1 ul li:first-child {margin-left: 0;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont1 ul li:nth-child(2) {background: url(/wp-content/themes/seoul_health/images/sub/2017/health_bg_circle2.png)no-repeat 0 0;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont1 ul li:nth-child(3) {background: url(/wp-content/themes/seoul_health/images/sub/2017/health_bg_circle3.png)no-repeat 0 0;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont2 .cont-inner-wrap {display: inline-block;margin:0 auto; overflow: hidden;width: 100%;border-radius: 15px} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont2 .cont-inner {float: left; width: 100%; min-height: inherit } #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont2 .inner-tit {padding: 26px 0; margin-bottom: 0; line-height: 1.4; font-weight: bold; font-size: 22px; color: #fff; letter-spacing: -0.075em; text-align: center; background: url(/wp-content/themes/seoul_health/images/sub/2017/health_bg_pattern2.png) repeat;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont2 .inner-tit span {line-height: 1.4} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont3 .cont-inner-wrap:after{content:'';display: block;overflow: hidden;clear:both;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont3 .cont-inner {width:160px; float: left; border-top:0; margin-bottom: 10px;margin:0 8px 0 0; border:1px solid #ccc;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont3 .cont-inner:last-child{margin-right: 0} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont3 .cont-inner h5{text-align: center; color: #fff !important; font-size:1.1rem;line-height: 1.3; letter-spacing: -0.05rem; font-weight: bold; padding-top:25px ;background: url(/wp-content/themes/seoul_health/images/sub/2018/health_bg_line1.png) no-repeat 0 0;box-sizing: border-box ; min-height: 85px;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont3 .cont-inner2 h5{background: url(/wp-content/themes/seoul_health/images/sub/2018/health_bg_line2.png) no-repeat 0 0;padding:18px 0;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont3 .cont-inner3 h5{background: url(/wp-content/themes/seoul_health/images/sub/2018/health_bg_line3.png) no-repeat 0 0;padding:18px 0;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont3 .cont-inner4{margin-right:0;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont3 .cont-inner4 h5{background: url(/wp-content/themes/seoul_health/images/sub/2018/health_bg_line4.png) no-repeat 0 0;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont3 .cont-inner ul {height: 180px; padding: 20px 9px 20px 9px; margin-left: 0; box-sizing: border-box; } #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont3 .cont-inner ul li {padding-left: 7px; margin: 0 0 10px 0; font-size: 14px; line-height: 18px; letter-spacing: -0.078em; color: #333; word-break: keep-all; line-height: 1.4} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont3 .cont-inner ul li:last-child {margin-bottom: 0;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont4 .cont-inner{width:100%; margin-bottom: 10px;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont4 h5{position: relative; float:left; width: 140px;background:#e5eed9 ; text-align: center; padding: 15px; min-height: 96px; color:#487401} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont4 .cont-inner4 h5{padding-top: 20px;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont4 h5:after{content: ''; display: inline-block; width: 0; height: 0; position: absolute; right: -7px; top: 50%; margin-top: -7px; border: 7px solid #e5eed9; border-right-width: 0; border-top-color: transparent; border-bottom-color: transparent;} #ct_textWarp .policy-cont-health-wrap-2018 .policy-cont4 ul {margin-left:140px;border: 1px solid #e5eed9; border-left: 0; padding: 15px; } /* 대기 환경 정보 */ .finedust-cont {width: 100%; margin: 0 auto; border: 1px solid #ddd; overflow: hidden; } .finedust-wrap {clear: none; width:33%; float: left; position: relative; margin-bottom: 15px;} .finedust-wrap:after {content:"";position: absolute;right:0; top:20px; width:1px; height: 100%; background: url(http://news.seoul.go.kr/welfare/files/2018/01/bar.gif)no-repeat; } .finedust-wrap:last-child:after {width:0} .finedust-title {text-align: center; margin: 17px 0 10px; font-weight: bold; line-height: 22px;} .finedust-title img {margin-right: 3px; margin-bottom: 3px} .finedust-title img.no {margin-right: 3px; margin-bottom: 0} .finedust-info {margin:0 auto; width:100px; overflow: hidden} .finedust-info ul {width: 100px;height: 100px;border-radius: 50%;background: gray;overflow: hidden; margin: 0 auto !important;padding:30px 8px; box-sizing: border-box;} .finedust-info ul li {color: #fff; text-align: center; font-weight: bold; display: block; margin-left: 0 !important;} .finedust-info ul .air-txt-one {font-size: 1.5em; } .finedust-info ul .air-txt-two {font-size: 1em; } .air_blue ul {background-color: #5499ee} .air_green ul {background-color: #00a663} .air_orange ul {background-color: #f26513} .air_red ul {background-color: #da2626} .finedust-info.air_red .air-txt-one {font-size: 1em; } .finedust-time {margin-top:7px; font-size:13px; margin-bottom:80px;} /*------------------------------------------------- 2017 --------------------------------------------------*/ /* 3월 여성행복객석 신청 */ #view_ctWrap .bg-list-wrap {position: relative; top: -41px;} #view_ctWrap .bg-list-wrap ul {margin-left: 0; padding-bottom: 0; overflow: hidden;} #view_ctWrap .bg-list-wrap ul li:first-child {border-radius: 0 45px 0 0;} #view_ctWrap .bg-list-wrap ul li {float: left; width: 50%; padding: 44px 20px 30px 44px; margin: 0; list-style-type: none; box-sizing: border-box; border-radius: 45px 0 0 0; background-color: #e898a5;} #view_ctWrap .bg-list-wrap ul p + p {margin: 15px 0 0 0; text-align: center;} #view_ctWrap .list-notice {position: relative; top: -41px; height: 273px; padding: 29px 25px 0 35px; background: url(/woman/files/2017/02/bg-notice.gif)no-repeat 0 0; box-sizing: border-box;} #view_ctWrap .list-notice ol {margin: 15px 0 0 17px;} #view_ctWrap .list-notice ol li {font-size: 14px; letter-spacing: -1px; color: #624a4a;} #view_ctWrap .list-notice .color-red {color: #cb3202;} /* 5월 여성행복객석 신청 */ #view_ctWrap .img-poster-may {width: 664px;min-height: 395px;padding: 60px 0 0 40px;background: url(/woman/files/2017/04/woman_may_bg.jpg) no-repeat 0 100%;box-sizing: border-box} /* 7월 여성행복객석 신청 */ #view_ctWrap .img-poster-july {width: 664px;min-height: 395px;padding: 60px 0 0 40px;background: url(/woman/files/2017/07/woman_july_bg.jpg) no-repeat 0 100%;box-sizing: border-box} #view_ctWrap .list-notice .color-purple {color: #a257af;} /* 10월 여성행복객석 신청 */ #view_ctWrap .img-poster-oct {width: 664px;min-height: 395px;padding: 60px 0 0 40px;background: url(/woman/files/2017/10/woman_oct_bg.jpg) no-repeat 0 100%;box-sizing: border-box} #view_ctWrap .list-notice .color-red {color: #842808;} /*------------------------------------------------- 2018 --------------------------------------------------*/ /* 3월 여성행복객석 신청 */ #view_ctWrap .img-poster-march {width: 664px;min-height: 395px;padding: 66px 0 0 44px;background: url(/woman/files/2018/03/woman_march_bg.jpg) no-repeat 0 100%;box-sizing: border-box} #view_ctWrap .march-wrap .bg-list-wrap{min-height: 540px;padding: 50px 0 0 0;background: url(/woman/files/2018/03/woman_march_bg2.png) no-repeat 0 0;box-sizing: border-box; margin-top: -65px;} #view_ctWrap .march-wrap .bg-list-wrap li{background-color: transparent; padding-top: } #view_ctWrap .march-wrap .list-notice{background-color: transparent; top: -125px;} #view_ctWrap .march-wrap .list-notice ol li{color: #e9e3f2} #view_ctWrap .march-wrap .list-notice .color-purple{color: #e9e3f2} /* 7월 여성행복객석 신청 */ #view_ctWrap .july-wrap .img-poster-july {width: 664px;min-height: 395px;padding: 66px 0 0 44px;background: url(/woman/files/2018/06/woman_july_bg.jpg) no-repeat 0 100%;box-sizing: border-box} #view_ctWrap .july-wrap .bg-list-wrap.july{min-height: 540px;padding: 50px 0 0 0;background: url(/woman/files/2018/06/woman_july_bg2.png) no-repeat 0 0;box-sizing: border-box; margin-top: -65px;} #view_ctWrap .july-wrap .bg-list-wrap li{background-color: transparent; padding-top: } #view_ctWrap .july-wrap .list-notice{background-color: transparent; top: -125px;} #view_ctWrap .july-wrap .list-notice ol li{color: #564a62} #view_ctWrap .july-wrap .list-notice .color-purple{color: #564a62} .july-wrap{ width:664px; margin:0 auto;} /*------------------------------------------------- 2019 분야별(복지) 정책소개 --------------------------------------------------*/ /* 공통 */ #ct_textWarp .policy-cont-2019 {letter-spacing: -.075rem;} #ct_textWarp .policy-cont-2019 * {box-sizing: border-box} #ct_textWarp .policy-cont-2019 .policy-title {padding: 25px 0;border-radius: 15px;color: #fff;font-size: 30px;letter-spacing: -0.1em;text-align: center;} #ct_textWarp .policy-cont-2019 .upward-arrow {display: block; width: 239px; height: 65px; margin: 29px auto; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/bg_arrow.png) no-repeat 0 0; background-size: contain} #ct_textWarp .policy-cont-2019 .goal{ padding: 26px 0; border: 1px solid #b5cfe7; border-radius: 15px; line-height: 30px; font-weight: bold; font-size: 30px; color: #064795; letter-spacing: -0.075em; text-align: center;} #ct_textWarp .policy-cont-2019 .goal span{color: #064795} #ct_textWarp .policy-cont-2019 .policy-cont-tit {padding: 0 0 0 0; margin: 30px 0 20px; font-size: 15px; color: #333; letter-spacing: -0.075em;} #ct_textWarp .policy-cont-2019, #ct_textWarp .policy-cont-2019 .policy-cont-wrap {overflow: hidden} /* 01.복지정책실 */ #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-title {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_tit.png) repeat 0 0; font-size: 27px; line-height: 1.2; padding: 22px 0;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul {overflow: hidden;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul li {float:left; width: 25%; height: 185px; color: #fff;font-size: 18px; margin: 0 auto; font-weight: bold;text-align: center;list-style: none !important;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul li .small {display: inline-block;margin-bottom: 5px;font-size: 14px;letter-spacing: -0.075em;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul li:first-child {margin-left: 0;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul li.goal1 {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_circle1.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul li.goal2 {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_circle2.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul li.goal3 {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_circle3.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul li.goal4 {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_circle4.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul li .icon {display: block; width: 68px; height: 54px; margin: 15px auto 12px; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_icon_circle1.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul li .icon2 {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_icon_circle2.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul li .icon3 {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_icon_circle3.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont2 ul li .icon4 {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_icon_circle4.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 ul li:before {content: '';position: absolute;width: 3px;height: 3px;top: 8px;left: 0;background: #333;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 {overflow: hidden} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner {float: left;width: 185px;min-height: 170px; margin-right: 20px;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner:last-child {margin-right: 0;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner h6 {position: relative; text-align: center;float: left; width:100%; height:auto; padding: 20px 10px; font-size: 20px; font-weight: bold; line-height: initial; color: #fff !important; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_line1.png) no-repeat 0 0; background-size: cover} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner2 h6{background:url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_line2.png) repeat 0 0; } #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner3 h6{background:url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_line3.png) repeat 0 0; } #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner4 h6{background:url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_line4.png) repeat 0 0; } #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner h6:after {position: absolute;top:auto;left:50%; margin-left: 3px; bottom: -7px; content: ''; display: inline-block; width: 0; height: 0; border: 7px solid #a9694d; border-top-width: 0; border-right-color: transparent; border-left-color: transparent; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner2 h6:after {border: 7px solid #b2662d; border-top-width: 0; border-right-color: transparent; border-left-color: transparent; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner3 h6:after {border: 7px solid #846969; border-top-width: 0; border-right-color: transparent; border-left-color: transparent; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner4 h6:after {border: 7px solid #ab2815; border-top-width: 0; border-right-color: transparent; border-left-color: transparent; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 ul {overflow: hidden; height: 180px; padding: 15px 0 0 12px; margin: 0; border: 1px solid #ccc; box-sizing: border-box;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 ul li {position: relative;height: auto; margin-bottom: 10px; line-height: 18px; font-size: 15px; color: #333;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont3 ul li:last-child {margin-bottom: 0;} #ct_textWarp .policy-cont-welfare-wrap-2019 .policy-cont4 .goal {background-color: #f6f0f0; border: 0; color: #8d1a2d} /* 02.시민건강국 */ #ct_textWarp .policy-cont-health-wrap-2019 .policy-title {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/health_bg_tit.png) repeat 0 0} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont {overflow: hidden} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont1 .circle-wrap {margin: 30px auto 0; text-align: center; overflow: hidden;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont1 span {display: inline-block; width: 200px; height: 200px; padding: 85px 0; margin:0; font-weight: bold; font-size: 18px; color: #666; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/health_bg_circle.png)no-repeat 0 0; text-align: center;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont1 span:nth-child(2) {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/health_bg_circle2.png)no-repeat 0 0;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont1 span:nth-child(3) {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/health_bg_circle3.png)no-repeat 0 0;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner-wrap:after{content:'';display: block;overflow: hidden;clear:both;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner {width:185px; float: left; border-top:0;margin:0 20px 0 0; border:1px solid #ccc;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner:last-child{margin-right: 0} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner h5{text-align: center; color: #fff !important; font-size:1.1rem;line-height: 1.3; letter-spacing: -0.05rem; font-weight: bold; padding:25px 0 ;background: url(/wp-content/themes/seoul_welfare/images/sub/2019/health_bg_line1.png) no-repeat 0 0;box-sizing: border-box ; min-height: 85px;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner2 h5{background: url(/wp-content/themes/seoul_welfare/images/sub/2019/health_bg_line2.png) no-repeat 0 0;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner3 h5{background: url(/wp-content/themes/seoul_welfare/images/sub/2019/health_bg_line3.png) no-repeat 0 0;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner4{margin-right:0;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner4 h5{background: url(/wp-content/themes/seoul_welfare/images/sub/2019/health_bg_line4.png) no-repeat 0 0;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner ul {height: 230px; padding: 20px 9px 20px 9px; margin-left: 0; box-sizing: border-box; } #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner ul li {position:relative; padding-left: 7px; margin: 0 0 10px 0; font-size: 14px; line-height: 18px; letter-spacing: -0.078em; color: #333; word-break: keep-all; line-height: 1.4} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner ul li:before {content: '';position: absolute;width: 3px;height: 3px;top: 8px;left: 0;background: #333;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner ul li:last-child {margin-bottom: 0;} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont3 .goal { padding: 25px 0; position: relative; background-color: #fcdec7 ; font-size: initial; height: 90px; color: #9a5b2b ; font-weight: bold; line-height: 1.5; border: 0; overflow: hidden; text-align: left} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont3 .goal ul {margin-left: 20%} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont3 .goal ul li {margin: 0; font-weight: bold; overflow: hidden} #ct_textWarp .policy-cont-health-wrap-2019 .policy-cont3 .goal ul li span {line-height: 16px; font-size: 1.2rem ; color: inherit} /* 03.여성가족정책실 */ #ct_textWarp .policy-cont-woman-wrap-2019 * {box-sizing: border-box; overflow: hidden} #ct_textWarp .policy-cont-woman-wrap-2019 .vision {width: 320px; height: 320px; padding-top: 80px; margin: 0 auto 30px; border-radius: 50%; font-weight: bold; font-size: 25px; line-height: 35px; letter-spacing: -0.075em; color: #333; background: #f4f4f4 url(/wp-content/themes/seoul_welfare/images/sub/2017/woman_bg_family.png)no-repeat center 155px; text-align: center;box-sizing:border-box;} #ct_textWarp .policy-cont-woman-wrap-2019 .vision .font-large {font-size: 30px;} #ct_textWarp .policy-cont-woman-wrap-2019 .policy-title {height: 83px; padding: 28px 0 0; margin-bottom: 0; font-weight: bold; font-size: 25px; line-height: 1; letter-spacing: -0.075em; border-radius: 10px; color: #fff; text-align: center; background: url(/wp-content/themes/seoul_welfare/images/sub/2017/woman_bg_goal.png)no-repeat;} #ct_textWarp .policy-cont-woman-wrap-2019 .policy-cont2 .circle { margin: 0 auto; overflow: hidden; text-align: center} #ct_textWarp .policy-cont-woman-wrap-2019 .policy-cont2 .circle p {display: inline-block; width: 195px; height: 195px; padding: 35px 0; margin: 0 0 0 -43px; border: 30px solid rgba(80,149,238,.8); border-radius: 50%; font-weight: bold; font-size: 16px; color: #333; line-height: 23px; letter-spacing: -0.075em; text-align: center; list-style:none !important;} #ct_textWarp .policy-cont-woman-wrap-2019 .policy-cont2 .circle p:first-child {margin-left: 0;} #ct_textWarp .policy-cont-woman-wrap-2019 .policy-cont2 .circle p:nth-child(2) {border-color: rgba(102,112,192,.8);} #ct_textWarp .policy-cont-woman-wrap-2019 .policy-cont2 .circle p:nth-child(3) {border-color: rgba(125,102,192,.8);} #ct_textWarp .policy-cont-woman-wrap-2019 .policy-cont2 .circle p:last-child {border-color: rgba(139,82,163,.8);} /* 04.평생교육국 */ #ct_textWarp .policy-cont-education-wrap-2019 {margin-bottom:0;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont1 {text-align: center;color: #9a3d0b; height: 300px; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/edu_bg_tri01.png) no-repeat 0 0;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont1 .policy-cont-inner {padding-top: 85px} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont1 .policy-cont-inner .txt-edu1 {font-weight: bold; font-size: 20px; line-height: 25px;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont1 .policy-cont-inner .txt-edu2 {font-weight: bold; font-size: 30px;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont2 {height: 300px; margin-top:-180px; text-align: center; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/edu_bg_tri02.png) no-repeat 0 0;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-inner {padding-top: 60px;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-title {vertical-align: middle;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-inner p {position: relative;line-height: 25px; font-weight: bold; font-size: 18px; color: #444;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-inner p:before {position: absolute; content: ''; display: block; clear: both; width: 100%; height: 100px; top:75px; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/edu_info.png) no-repeat center center;background-size: 270px auto;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont3 {height: 348px ; width: 100%; margin-top: -130px;text-align: center; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/edu_bg_tri03.png) no-repeat top center;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner {position: relative; width: 670px; margin: 0 auto; height: 348px; display: block} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner p {font-weight: bold; color:#fff;display: inline-block; position: absolute;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner .text1 {top: 83px; left: 50%; transform: translateX(-50%)} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner .text2 {bottom:20px; left:104px;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner .text3 {bottom: 65px; left: 50%; transform: translateX(-50%)} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner .text4 {bottom:20px; right:104px;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont4 .circle { margin: 0 auto; overflow: hidden; text-align: center} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont4 .circle p {display: inline-block; width: 195px; height: 195px; padding: 30px 0; margin: 0 0 0 10px; border: 30px solid rgba(80,149,238,.8); border-radius: 50%; font-weight: bold; font-size: 16px; color: #333; line-height: 23px; letter-spacing: -0.075em; text-align: center; list-style:none !important;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont4 .circle p:first-child {margin-left: 0;} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont4 .circle p:nth-child(2) {border-color: rgba(102,112,192,.8);} #ct_textWarp .policy-cont-education-wrap-2019 .policy-cont4 .circle p:nth-child(3) {border-color: rgba(125,102,192,.8);} /*------------------------------------------------- 2020 분야별(복지) 정책소개 --------------------------------------------------*/ /* 공통 */ #ct_textWarp .policy-cont-2019.policy-cont-2020 *, #ct_textWarp .policy-cont-2020{letter-spacing:0 !important;} #ct_textWarp .policy-cont-2020, #ct_textWarp .policy-cont-2020 .policy-cont {width: 800px; margin: 0 auto;} #ct_textWarp .policy-cont-2020 {letter-spacing: 0;} #ct_textWarp .policy-cont-2020 * {box-sizing: border-box} #ct_textWarp .policy-cont-2020 .policy-title {padding: 25px 0;border-radius: 15px;color: #fff;font-size: 30px;letter-spacing: -0.1em;text-align: center;} #ct_textWarp .policy-cont-2020 .upward-arrow {display: block; width: 239px; height: 65px; margin: 29px auto; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/bg_arrow.png) no-repeat 0 0; background-size: contain} #ct_textWarp .policy-cont-2020 .goal{ padding: 26px 0; border: 1px solid #b5cfe7; border-radius: 15px; line-height: 30px; font-weight: bold; font-size: 30px; color: #064795; letter-spacing: -0.075em; text-align: center;} #ct_textWarp .policy-cont-2020 .goal span{color: #064795} #ct_textWarp .policy-cont-2020 .policy-cont-tit {padding: 0 0 0 0; margin: 30px 0 20px; font-size: 15px; color: #333; letter-spacing: -0.075em;} #ct_textWarp .policy-cont-2020, #ct_textWarp .policy-cont-2020 .policy-cont-wrap {overflow: hidden} /* 01.복지정책실 */ #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-title{letter-spacing:0} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont2 ul li{width:33.3%} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont2 ul li .icon{width:81px; height:74px; } #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont2 ul li .icon2{background: url(/wp-content/themes/seoul_welfare/images/sub/2020/icon2.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont2 ul li .icon3{background: url(/wp-content/themes/seoul_welfare/images/sub/2020/icon3.png) no-repeat center center;} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 .cont-inner{width: 256px;margin-right:16px;} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 .cont-inner h6{padding: 15px 10px ; line-height:1;letter-spacing:0} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 .cont-inner3{margin-right:0} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 ul.list-type-dot{padding: 0;height: 385px;} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 ul.list-type-dot > li{border-bottom:1px solid #ccc;background:none;padding: 15px 0 15px 22px;margin-bottom: 0 !important; font-weight:bold;} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 ul.list-type-dot > li:before{left:15px; top:23px;} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 ul.list-type-dot > li:last-child{border-bottom:0;} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 ul.list-type-dot > li ul{border:0;height: auto;padding: 8px 0;background: none;} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 ul.list-type-dot > li ul li{margin-bottom: 0;line-height: 1.5;} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 ul.list-type-dot > li ul li:before {display:none} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont4 .goal {font-size:20px; padding-left:160px;text-align:left;} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont4 .goal li{background:none;list-style: none;} #ct_textWarp .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont4 .goal span{color:#be9199;margin-right: 8px;} /* 02.시민건강국 */ /* 03.여성가족정책실 */ /* 04.평생교육국 */ #ct_textWarp .policy-cont-education-wrap-2020 .policy-title {letter-spacing: 0;background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_tit.png) repeat 0 0; font-size: 27px; line-height: 1.2; padding: 22px 0;} #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont2 p {padding: 26px 0;border-radius: 15px;line-height: 30px;font-weight: bold;font-size: 27px;letter-spacing: 0;text-align: center;background-color: #f6f0f0;border: 0;color: #8d1a2d;} #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont3 ul li{list-style:none;padding-left:0;float:left;margin-left: 12px; width:191px; color:#fff; padding:31px 0 ;text-align:center;} #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont3 ul li:nth-child(1){background: url(/wp-content/themes/seoul_welfare/images/sub/2020/bg-edu01.png) repeat 0 0; margin-left:0} #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont3 ul li:nth-child(2){background: url(/wp-content/themes/seoul_welfare/images/sub/2020/bg-edu02.png) repeat 0 0; } #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont3 ul li:nth-child(3){background: url(/wp-content/themes/seoul_welfare/images/sub/2020/bg-edu03.png) repeat 0 0; } #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont3 ul li:nth-child(4){background: url(/wp-content/themes/seoul_welfare/images/sub/2020/bg-edu04.png) repeat 0 0; } #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont3 ul li .text1 {margin-bottom:5px; display:block; font-weight:bold;} #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont3 ul li .text2 {font-size:26px; font-weight:bold;line-height:1.3} #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont4 p {color:#fff;font-size:20px;font-weight:bold;padding:10px;text-align:center;width:185px;float:left;height: 185px;padding: 71px 0;margin: 0px 40px;} #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont4 p.circle1{background: url(/wp-content/themes/seoul_welfare/images/sub/2020/bg-edu05.png) no-repeat center; padding:58px 0 } #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont4 p.circle2{background: url(/wp-content/themes/seoul_welfare/images/sub/2020/bg-edu06.png) no-repeat center; } #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont4 p.circle3{background: url(/wp-content/themes/seoul_welfare/images/sub/2020/bg-edu07.png) no-repeat center; } #ct_textWarp .policy-cont-education-wrap-2020 .policy-cont-inner, #ct_textWarp .policy-cont-education-wrap-2020 .circle-wrap {overflow: hidden;} /* 코로나19 지원금 확인 2020-04-24 */ table.listTable input {width: 100%;max-width: 200px;padding-left: 5px;} table.formTable {width: 100%;} table.formTable th, table.formTable td {text-align: center;vertical-align: middle;} table.formTable th {background: #b9dbf6 !important; padding: 10px 5px !important} table.formTable th, table.formTable td {border: 1px solid #9ecae3 !important} table.formTable tbody th {background: #d1e7f8 !important} table.formTable colgroup col:nth-child(2), table.formTable colgroup col:nth-child(4) {background: #e6f0f8 !important;} table.formTable tfoot th {background: #d1e7f8 !important} .supportLink {text-align: left;} .supportLink#supportLink3-1 {text-align: center} .supportLink p.dash {padding-left: 10px;text-indent: -10px;background: none} .support-btn {margin: 10px 0;text-align: center;} .corona_support {margin-bottom: 20px;} .corona_support .appro {color:#1377cc; font-weight:700;} .corona_support .notappro {color:#d20917; font-weight:700;} .corona_support .notappro_reason th, .corona_support .notappro_reason td {background:#f9e4e5 !important;} .corona_support .info-scroll {display:none;} .corona_support .info-scroll img {width:130px;} .btn-sm {width: auto;margin-top: 5px;padding: 4px 12px;font-size: 13px;color: #fff !important;background: #4988ad;} #view_ctWrap a.btn-sm {text-decoration: none !important;} .caution_2 { margin:0.5em 0; color:#0c82e9; font-size:14px; padding-left: 10px;text-indent: -10px;} .caution_3 { margin:0.5em 0 0; color:#747474; font-size:14px; padding-left: 10px;text-indent: -10px;} .txt_blue {color: #0c82e9} #view_ctWrap .corona_support h4 {color: #222;margin: 10px 0;} .btn_box { position:relative; margin:1em 0; text-align:center; overflow:hidden; } .btn_box .btn{ padding:0 14px; display:inline-block; line-height:38px; min-width:40px; margin:0; font-size:14px; height:40px; color:#292929; text-align:center; vertical-align:middle;} .btn_box .btn.btn-default{ background-color:#666; color:#fff;} .btn_box .btn.btn-blue{ background-color:#0c82e9; color:#fff;} .btn_box .btn span {color: inherit} .btn_box .btn.btn-lg{ padding:0 20px; line-height:40px; min-width:50px; font-size:16px; height:40px; } #view_ctWrap .btn_box a.btn.btn-lg, .wrp-content-view .btn_box a.btn.btn-lg {color: #fff;text-decoration: none;} .dl-table { position:relative; display:block; border-top:1px solid #767676; overflow:hidden; } .dl-table input {border: 1px solid #ccc} .dl-table .table { position:relative; display:table; table-layout:fixed; width:100%; border-spacing:0; box-sizing:border-box; overflow:hidden; } .dl-table .table > dt { position:relative; display:table-cell; width:20%; padding:12px 20px; font-size:16px; font-weight:400; text-align:left; background:#f4f6f7; border-bottom:1px solid #ddd; box-sizing:border-box; overflow:hidden; vertical-align:middle;} .dl-table .table > dd { position:relative; display:table-cell; width:80%; padding:10px 20px; font-size:16px; font-weight:400; text-align:left; border-bottom:1px solid #ddd; box-sizing:border-box; overflow:hidden; } .dl-table .table > dt label { font-size:16px; font-weight:normal !important; vertical-align:middle !important; display:inline-block !important; width:100% !important; word-break: break-all;} .dl-table .table > dt .require, .dl-table .table > dd .dd-require { position: relative !important;} .dl-table .table > dt .require:before, .dl-table .table > dd .dd-require:before {position: absolute; left: -8px; content: '*'; display:inline-block;color:#0c82e9; margin-right:3px; vertical-align:middle; } .dl-table .table > dt b {font-size:15px !important; font-weight:normal !important; vertical-align:middle !important; display:inline-block !important; width:100% !important; font-weight:normal;} .dl-table .table > dt span {font-size: inherit} .dl-table .table > dt label.require, .dl-table .table > dt b.require, .dl-table .table > dt span.require, { position: relative !important; margin-left: 10px; word-break: break-all;} .dl-table .table > dt b.require:before { content: '*'; display:inline-block;color:#0c82e9; margin-right:3px; vertical-align:middle; } .dl-table .table > dd input[type="text"], .dl-table .table > dd input[type="number"], .dl-table .table > dd select { box-sizing:border-box; font-family: 'Nanum Gothic';} .dl-table .table > dd > input[type="text"], .dl-table .table > dd > input[type="number"] { width:50%; height: 40px;line-height: 38px;padding-left: 5px;} .dl-table .table > dd input[type="password"] { width:50%; box-sizing:border-box; } .dl-table .table > dd input[type="file"] { width:50%; height:32px; } .dl-table .table > dd > select { width:50%;height: 40px;line-height: 38px;padding-left: 5px; } /* 이벤트 입력관련 */ .dl-table input[type=text] { width:100%; box-sizing:border-box; } .dl-table input[type=password] { width:100%; box-sizing:border-box; } .dl-table select { width:100%; box-sizing:border-box; } .dl-table textarea { width:100%; resize:none; box-sizing:border-box; } .supportCont {width: 100%;background: #d4e5f7;padding: 0px 10px 5px;font-size: 14px;box-sizing: border-box;} .supportCont1 {padding-top: 10px;} .supportCont6 {padding-bottom: 10px;} .supportCont h5 {background: #0081ab;color: #fff !important;font-size: 18px;vertical-align: middle;text-align: center;} .wrp-content-view .content .supportCont h5 {margin: 0;} .supportCont .sup-cell {} .supportCont .sup-cell .sup-cell2 {width: 100%;} .supportCont .sup-cell .sup-cell3 {background: #fff;padding: 5px 10px;border: 1px solid #d4e5f7;} .supportCont .sup-cell .sup-cell3 h6, .welfare #view_ctWrap .supportCont .sup-cell .sup-cell3 h6, .wrp-content-view .supportCont .sup-cell .sup-cell3 h6 {font-weight: 600;margin: 5px 0;color: #0081ab} .supportCont .sup-cell ul li {position: relative;padding-left: 10px;} #view_ctWrap .supportCont .sup-cell ul li, .wrp-content-view .supportCont .sup-cell ul li {list-style-type: none;background: none;} #view_ctWrap .supportCont .sup-cell ul, .wrp-content-view .supportCont .sup-cell ul {margin-left: 0;} .supportCont .sup-cell ul>li:before {content: '';position: absolute;top: 10px;left: 3px;width: 2px;height: 2px;background: #666} .supportCont .sup-cell ul>li>ul>li:before {width: 4px;height: 1px;background: #666} .text-blue {color: #0c82e9 !important} .pc {display: block} .mobile {display: none} .mobile-inine {display: block} @media all and (max-width:640px){ .pc {display: none} .mobile {display: block} .mobile-inine {display: inline-block} .dl-table .table > dt { width:25%; padding:6px 8px; font-size:14px; } .dl-table .table > dd { width:75%; padding:6px 8px; font-size:14px; } .dl-table input[type=text], .dl-table input[type=number] { height:32px; padding:0 6px; box-sizing:border-box; } .dl-table select { height:32px; padding-left:6px;} .dl-table .table > dd > input[type="text"], .dl-table .table > dd > input[type="number"] { width:100%; } .dl-table .table dd.quater input[type="text"], .dl-table .table dd.quater input[type="number"] {width: 80%} .dl-table .table > dd > select { width:100%; } table.formTable th, table.formTable td, .dl-table .table > dt label {font-size: 14px} table.formTable td span, table.formTable td div, table.formTable td p {font-size: inherit;word-break: break-all} .btn-sm {padding: 2px;} .supportCont h5 {padding: 10px 0;font-size: 16px;} } @media all and (max-width:414px){ .dl-table .table > dt, .dl-table .table > dt label, .caution_2, .caution_3, .dl-table .table > dd, table.formTable th, table.formTable td {font-size: 13px} } @media all and (min-width:641px){ .supportCont {display: table;} .supportCont h5 {display: table-cell;width: 20%;} .supportCont .sup-cell {display: table-cell;width: 80%;} .supportCont .sup-cell .sup-cell2 {display: table;width: 100%;} .supportCont .sup-cell .sup-cell3 {display: table-cell;width: 33.3333%;} }