/* Theme Name: 복지·어르신·장애인 Theme URI: http://welfare.seoul.go.kr Description: welfare 모바일 자식 테마 (부모 : seoul) Author: Stackr Inc Author URI: http://www.stackr.co.kr Template: seoul Version: 0.1.0 */ @import url("../seoul/style.css?ver=201903081"); @font-face { font-family: 'Pretendard Variable'; font-weight: 45 920; font-style: normal; font-display: swap; src: url('/wp-content/themes/seoul/fonts/PretendardVariable.woff2') format('woff2-variations'); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } h6{font-size:1em;} table.radioactivity td{width:50% !important;} .in_cont{margin:5px 0 10px 0;} .list_cont li{padding:2px 0 0 8px; background:url(/wp-content/themes/seoul_welfare/images/plus_welfare/bl_sqare.gif) no-repeat 0 10px;} /* welfare color style */ #local a span.icon{width:28px; height:23px; background-position:0 0;} /* 노숙인 희망길잡이 */ .wrp-content-view .section {margin-bottom: 30px;} .wrp-content-view h4.color-orange {color: #eb8105 !important;} .wrp-content-view h5.color-orange {color: #636363 !important;} /*20180123 - 대기환경정보*/ .wrp-content-view .content #view_box {position:relative; width:100%;padding:8px 5px 5px !important;box-sizing:border-box; background-color:#f3f9fe; border:#0c82e9 1px solid;} .wrp-content-view .content #view_box img{display:none;} .wrp-content-view .content #view_boxUL {border:none; padding:0;} .wrp-content-view .content #view_boxUL li{margin-bottom:0; background:transparent !important; width:50%; float: left; box-sizing: border-box; } .wrp-content-view .content #view_boxUL li a{color:#222; display:block; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap;} .wrp-content-view .content .air_right{float: right; display:block; } .wrp-content-view .content .finedust-cont{width: 100%; margin: 0 auto; border: 1px solid #ddd; overflow: hidden; } .wrp-content-view .content .finedust-wrap{clear: none; width:33%; float: left; position: relative; margin-bottom: 15px;} .wrp-content-view .content .finedust-wrap:after{content:"";position: absolute;right:0; top:0; width:1px; height: 100%; background: url(/health/files/2018/01/bar.gif)no-repeat; } .wrp-content-view .content .finedust-wrap:last-child:after{width:0} .wrp-content-view .content .finedust-title {text-align: center; margin: 17px 0 10px; font-weight: bold; line-height: 22px; letter-spacing: -1px; font-size:14px; height:44px;} .wrp-content-view .content .finedust-title img {margin-right: 3px; margin-bottom: 3px} .wrp-content-view .content .finedust-title img.no{margin-right: 3px; margin-bottom: 0} .wrp-content-view .content .finedust-info {margin:0 auto; width:75px; overflow: hidden} .wrp-content-view .content .finedust-info ul{width: 75px;height:75px;border-radius: 50%;background: gray;overflow: hidden; margin: 0 auto !important;padding:10px 0; box-sizing: border-box} .wrp-content-view .content .finedust-info ul li{background: transparent !important; color: #fff; text-align: center; font-weight: bold; display: block; padding-left: 0 !important; margin-bottom:4px;} .wrp-content-view .content .finedust-info ul .air-txt-one{font-size:16px; } .wrp-content-view .content .finedust-info ul .air-txt-two{font-size:14px; } .wrp-content-view .content .air_blue ul{background-color: #5499ee} .wrp-content-view .content .air_green ul{background-color: #00a663} .wrp-content-view .content .air_orange ul{background-color: #f26513} .wrp-content-view .content .air_red ul{background-color: #da2626} /*------------------------------------------------- 2019 재능기부 명예교사 --------------------------------------------------*/ /* 재능기부 명예교사 리스트 */ .search-wrap * {box-sizing: border-box;vertical-align: middle;} .search-wrap {overflow:hidden; margin: 0 0 20px;padding: 10px;background: #f4f6f7;border: 1px solid #ddd;} .search-wrap select {width: 20%;margin-right: 1%;} .search-wrap input[type="text"] {width: 66%;margin-right: 1%;} .search-wrap select + label + select {width: 15%;margin-right: 1%} .search-wrap select + label + select + input[type="text"] {width: 43%;} .search-wrap .btn-submit {margin-left: 1%;width: 10%;background-color:#fff; height:32px; min-width:60px; line-height:32px; border:#222 1px solid; padding:0; box-shadow:none; vertical-align:middle; font-size:14px; color:#222;} .search-wrap .btn-submit:before{ content:""; width:14px; height:14px; display:inline-block; background:url('/wp-content/themes/seoul/images/common/blt_sch.png'); vertical-align:middle; margin:-2px 5px 0 0;} @media all and (max-width: 800px) { .search-wrap.search-wrap-popup select {width: 24%;margin-right: 1%;} .search-wrap.search-wrap-popup input[type="text"] {width: 60%;} .search-wrap.search-wrap-popup .btn-submit {margin-left: 0;} } @media all and (max-width: 580px) { .search-wrap select {width: 49%;margin-right: 0;margin-bottom: 5px;} .search-wrap select + label + select {width: 49%;margin-right: 0} .search-wrap select + label + select + input[type="text"] {width: 75%;} .search-wrap.search-wrap-popup select {width: 100%;margin-right: 0;} .search-wrap.search-wrap-popup input[type="text"] {width: 74%;} } .paging>a, #view_ctWrap .paging>a{text-align: center;text-decoration: none;color: #636363} /* 페이징 수정 2019-03-20 */ .paging * {vertical-align: middle} .paging .page-numbers {margin-left :-1px;background-color: #fff} div#board-wrapper .tableList_row_honor_teacher input.input_address {margin-top: 5px;} .txt-honor-title {margin: 10px 0;font-size: 14px;font-weight: bold;color: #222} .txt-noti {clear: both;color: #eb8105} @media all and (max-width: 360px) { /* 페이징 */ .paging{margin:20px 0 0 0; padding:0; text-align:center;} .paging a, .paging strong, .paging strong.current, .paging .page-numbers {min-width:20px; height:20px; line-height:22px !important;} .paging input.page-numbers {line-height: 20px !important} } /* 신청 리스트 */ .txt-span {display: inline-block;padding: 1px 5px;color: #fff;min-width: 35px;font-size: 13px;text-align: center;} .txt-span-ing {background: #d60036} .txt-span-done {background: #028ab6} .txt-span-cancel {background: #747474;} .color-red {color: #d60036} .color-blue {color: #028ab6} .color-gray {color: #747474} .qualifier {display: inline-block;padding: 0 5px;font-size: 13px;} .wrp-content-view .article #view_box {position:relative; width:100%;padding:8px 5px 5px !important;box-sizing:border-box; background-color:#f3f9fe; border:#0c82e9 1px solid;} .wrp-content-view .article #view_box img{display:none;} .wrp-content-view .article #view_boxUL {border:none; padding:0;} .wrp-content-view .article #view_boxUL li{margin-bottom:0; background:transparent !important; width:50%; float: left; box-sizing: border-box; } .wrp-content-view .article #view_boxUL li a{color:#222; display:block; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap;} .wrp-content-view .article #view_boxUL li.on a {color:#0c82e9; font-weight:bold; text-decoration:none;} /* 재능기부 명예교사 신청 */ div#board-wrapper .tableList_row_honor_teacher * {vertical-align: middle;} div#board-wrapper .tableList_row_honor_teacher input[type=text] {display: inline-block;} div#board-wrapper .tableList_row_honor_teacher #mem_addr1 {display: inline-block;width: 100%;margin-top: 5px;} div#board-wrapper .tableList_row_honor_teacher #mem_addr2 {display: inline-block;width: 100%;margin-top: 5px;} div#board-wrapper table.tableList_row tbody td .btn.btn-default {display: inline-block;} div#board-wrapper table.tableList_row tbody td .input-phone {width: 30%;} /* 이메일 입력 */ div#board-wrapper table.tableList_row tbody td .input-email {width: 30%;margin-right: 1%;} div#board-wrapper table.tableList_row tbody td .at {display: inline-block;width: 5%;text-align: center;} @media all and (max-width: 560px) { div#board-wrapper table.tableList_row tbody td .input-email {width: 80%;margin-bottom: 5px;} div#board-wrapper table.tableList_row tbody td .inp-e1, div#board-wrapper table.tableList_row tbody td .inp-e2 {width: 100%;margin-bottom: 5px;} div#board-wrapper table.tableList_row tbody td .at {width: 15%} } div#board-wrapper th.b-left, div#board-wrapper td.b-left {border-right: 1px solid #333;} div#board-wrapper th.b-btm, div#board-wrapper td.b-btm {border-bottom: 1px solid #666;} div#board-wrapper th.b-bg, div#board-wrapper td.b-bg {background: #f8f8f8} .box-wrap label {display: inline-block;margin-right: 15px;} .cont-hope dl dt {clear: both;float: left;width: 10%;margin-right: 1%;margin: 3px 0;vertical-align: middle;line-height: 40px;} .cont-hope dl dd {float: left;width: 89%;margin: 3px 0;vertical-align: middle;} .cont-hope .result {color: #0c82e9} @media all and (max-width: 560px) { .cont-hope dl dt, .cont-hope dl dd {float: none;width: 100%;line-height: 26px;} .cont-hope dl dd .txt-span {line-height: 20px;} #cont-hope1 dl dd {position: relative;} #cont-hope1 dl dd button.open-modal {position: absolute;top: -39px;left: 50px;} } /* 재능기부 명예교사 동의 */ .agree-box button {padding: 3px 5px;border: 0;background: #666;color: #fff} .tr {text-align: right;} #agree-content {border: 1px solid #ddd;margin: 10px 0 20px;padding: 10px;} #agree-content h5 {color: #333 !important;} input[disabled], input[readonly] {background: #eee !important;;color: #747474 !important;} /* 재능기부 명예교사 모달팝업 */ body.modal {overflow: hidden;} .modal-popup * {box-sizing: border-box;} .modal-popup {position: fixed;z-index: 10001;top: 2%;left: 2%;width: 96%;height: 96%;padding: 15px;box-sizing: border-box;background: #fff;} .modal-container {height: 100%;padding: 50px 0 60px;} .modal-header {position: absolute;top: 20px;left:0px;width: 100%;} .modal-header h5 {color: #222;font-size: 22px;line-height: 1.2;font-weight: bold;margin: 0 20px;padding-bottom: 13px;border-bottom: 1px solid #ddd;} .modal-header .btn-modal-close {position: absolute;top: 0px;right: 20px;width: 30px;height: 30px;border: 0;background: transparent url(//www.seoul.go.kr/res_newseoul/images/btn_close.png) no-repeat 0 0;text-indent: -9999em;} .modal-popup .btn-group {position: absolute;bottom: 20px;right:20px;margin: 0} .modal-body {overflow-y: auto;height: 100%;padding-bottom: 30px;} .modal-popup table th, .modal-popup table td {padding: 2px; line-height: 1.4; letter-spacing:-0.5px;border: 1px solid #ccc;text-align: center;font-size: 13px;} .modal-popup table td a {color: #222} .modal-popup table th{color: #444444; background:#e0e0e0 url(/welfare/wp-content/plugins/seoul-board/images/gray-grad.png) repeat-x left top; vertical-align: middle;} .td-cont {position: relative;} .td-cont a {display: block;} .td-cont .cont-ticker {display: none;position: absolute;z-index: 3;left: 10px;top:10px;width: 120%;height: 150px;overflow-y: auto;padding: 10px;background: #FFF2AB;border: 1px solid #ddd;} .dim {position:fixed;z-index: 10000;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);} /*------------------------------------------------- 2019 분야별(복지) 정책소개 --------------------------------------------------*/ /* 공통 */ .wrp-content-view .policy-cont-2019 [class*="policy-cont"] {margin-bottom: 25px;} .wrp-content-view .policy-cont-2019 {letter-spacing: -.075rem;} .wrp-content-view .policy-cont-2019 * {box-sizing: border-box; overflow: hidden; vertical-align: bottom} .wrp-content-view .policy-cont-2019 h5, .wrp-content-view .policy-cont-2019 h6 {margin: 0; padding: 11px 5px 12px} .wrp-content-view .policy-cont-2019 .policy-title {padding: 15px 5px 16px; border-radius: 7px; color: #fff;font-size: 1.385rem; letter-spacing: -0.1rem; text-align: center;} .wrp-content-view .policy-cont-2019 .policy-cont-tit { margin-bottom: 1rem; font-size:1.05rem; color: #333; letter-spacing: -0.075rem;background-position: center ; background-repeat: repeat} .wrp-content-view .policy-cont-2019 .goal{ padding: 15px 0 16px; font-size: 1.25rem; border: 1px solid #b5cfe7; border-radius: 7px; font-weight: bold; font-size: 1.385rem; color: #333; letter-spacing: -0.075rem; text-align: center;} .wrp-content-view .policy-cont-2019 .goal span{color: #064795} .wrp-content-view .policy-cont-2019 .upward-arrow {display: block; width: 239px; height: 65px; margin: 19px auto; background: url(/wp-content/themes/seoul_sculture/images/sub/2019/bg_arrow.png) no-repeat 0 0; background-size: contain} .wrp-content-view .policy-cont-2019, .wrp-content-view .policy-cont-2019 .policy-cont-wrap {overflow: hidden; display: block;} .wrp-content-view .content .policy-cont-2019 .list-type-dot li {font-size:14px;} /* 01.복지정책실 */ .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-title {background-image: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_tit.png);padding: 15px 0 16px;} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont2 ul {overflow: hidden; margin: 0} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont2 ul li {float:left; width: 50%; height: 185px; color: #fff;font-size: 18px; margin: 0 auto; font-weight: bold;text-align: center;list-style: none !important;} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont2 ul li:first-child {margin-left: 0;} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont2 ul li.goal1 {margin-bottom: 10px;background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_circle1.png) no-repeat center center;} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont2 ul li.goal2 {margin-bottom: 10px;background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_circle2.png) no-repeat center center;} .wrp-content-view .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;} .wrp-content-view .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;} .wrp-content-view .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;} .wrp-content-view .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;} .wrp-content-view .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;} .wrp-content-view .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;} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont3 {overflow: hidden} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner {float: left;width: 100%; margin-bottom: 10px;} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner:last-child {margin-right: 0;} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont3 .cont-inner h6 {position: relative; text-align: center;float: left; width:100%; height:auto; padding: 11px 0 12px; font-size: 1.2rem; 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} .wrp-content-view .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; } .wrp-content-view .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; } .wrp-content-view .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; } .wrp-content-view .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);} .wrp-content-view .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);} .wrp-content-view .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);} .wrp-content-view .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);} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont3 ul {overflow: hidden; padding: 15px 0 16px 18px; margin: 0; border: 1px solid #ccc; box-sizing: border-box;} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont3 ul li {position: relative; height: auto; margin-bottom: 10px; line-height: 18px; font-size: 15px; color: #333; background: transparent} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont3 ul li:before {content: '';position: absolute;width: 3px;height: 3px;top: 8px;left: 0;background: #333;} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont3 ul li:last-child {margin-bottom: 0;} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont4 .goal {background-color: #f6f0f0; border: 0; color: #8d1a2d ; font-size: 1.25rem; } @media all and (max-width: 440px) { .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont2 ul [class*="goal"] { padding:0; height: 145px; background-size: contain !important; font-size: .95rem; line-height: 1.2} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont2 ul [class*="goal"] .icon {padding: 12px 0 5px} } /* 02.시민건강국 */ .wrp-content-view .policy-cont-health-wrap-2019 .policy-title {background: url(/wp-content/themes/seoul_welfare/images/sub/2019/health_bg_tit.png) repeat 0 0} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont {overflow: hidden} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont1 .circle-wrap {margin-top: 30px; text-align: center; overflow: hidden;} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont1 span {display: block; padding: 18px 5px 20px; margin-bottom: 10px; font-weight: bold; font-size: 1.05rem; color: #666; border:8px solid #bbada2 ; border-radius: 7px;} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont1 span:nth-child(2) {border-color: #c9c9c9} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont1 span:nth-child(3) {border-color: #8abac0; margin-bottom: 0} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner-wrap:after{content:'';display: block;overflow: hidden;clear:both;} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner {width:100%; float: left; border-top:0;margin:0 0 10px 0; border:1px solid #ccc;} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner:last-child{margin-right: 0} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner h5{text-align: center; color: #fff !important; font-size:1.2rem; line-height: 1.3; letter-spacing: -0.05rem; font-weight: bold;background: url(/wp-content/themes/seoul_welfare/images/sub/2019/health_bg_line1.png) no-repeat 0 0;box-sizing: border-box ;} .wrp-content-view .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;} .wrp-content-view .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;} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner4{margin-right:0;} .wrp-content-view .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;} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner ul { padding: 15px 0 16px 18px; margin-left: 0; box-sizing: border-box; } .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner ul li {position: relative; background: transparent; 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} .wrp-content-view .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;} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner ul li:last-child {margin-bottom: 0;} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont3 .goal { padding: 11px 10px 12px; position: relative; background-color: #fcdec7 ; font-size: 0.9rem; letter-spacing: -.09rem; color: #9a5b2b ; font-weight: bold; line-height: 1.5; border: 0; overflow: hidden; text-align: left} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont3 .goal ul {padding: 0} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont3 .goal ul li {margin: 0;padding: 0; font-weight: bold; overflow: hidden; background: none;} .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont3 .goal ul li span {line-height: 1.5rem; font-size: 1.2rem ; color: inherit} /* 03.여성가족정책실 */ .wrp-content-view .policy-cont-woman-wrap-2019 * {box-sizing: border-box; overflow: hidden} .wrp-content-view .policy-cont-woman-wrap-2019 .vision {width: 290px; height: 290px; 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;} .wrp-content-view .policy-cont-woman-wrap-2019 .vision .font-large {font-size: 30px;} .wrp-content-view .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;} .wrp-content-view .policy-cont-woman-wrap-2019 .policy-cont1 {margin-bottom: 0} .wrp-content-view .policy-cont-woman-wrap-2019 .policy-cont2 .circle { margin: 0 auto; overflow: hidden; text-align: center} .wrp-content-view .policy-cont-woman-wrap-2019 .policy-cont2 .circle p {display: block; padding: 11px 0 12px; margin: 10px 0 0 0; border: 8px solid rgba(80,149,238,.8); border-radius: 7px; font-weight: bold; font-size: 1.05rem; color: #333; line-height: 23px; letter-spacing: -0.075em; text-align: center; list-style:none !important;} .wrp-content-view .policy-cont-woman-wrap-2019 .policy-cont2 .circle p:first-child {margin-top: 0;} .wrp-content-view .policy-cont-woman-wrap-2019 .policy-cont2 .circle p:nth-child(2) {border-color: rgba(102,112,192,.8);} .wrp-content-view .policy-cont-woman-wrap-2019 .policy-cont2 .circle p:nth-child(3) {border-color: rgba(125,102,192,.8);} .wrp-content-view .policy-cont-woman-wrap-2019 .policy-cont2 .circle p:last-child {border-color: rgba(139,82,163,.8);} /* 04.평생교육국 */ .wrp-content-view .policy-cont-education-wrap-2019 {margin-bottom:0;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont-inner {margin-bottom: 0} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont1 {text-align: center;color: #9a3d0b; width: 100%; padding: 0 20px;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont1 .policy-cont-inner {padding: 6rem 0 2.5rem; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/m_edu_bg_tri01.png) no-repeat center bottom;background-size: contain;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont1 .policy-cont-inner .txt-edu1 {font-weight: bold; font-size: 1.15rem; line-height: 1.3} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont1 .policy-cont-inner .txt-edu2 {font-weight: bold; font-size: 1.35rem;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont2 {text-align: center; padding: 0 20px;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-inner {position: relative;overflow: visible; padding-bottom: 10rem; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/m_edu_bg_tri02.png) no-repeat center bottom; background-size: contain} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-title {vertical-align: middle;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-inner p {line-height: 25px; font-weight: bold; font-size: 1.05rem; color: #444;margin-bottom: 2rem; } .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-inner p:before {position: absolute; content: ''; display: block; clear: both; width: 100%; height: 100px; bottom:3rem;left: 2%; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/edu_info.png) no-repeat center center;background-size: 90%;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont3 { text-align: center; } .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner p {width: 49%; float: left;line-height: 1.25; margin-right: 2%; padding: 20px 0 22px; margin-bottom: 10px; font-weight: bold; color:#fff; display: block; background: url(/wp-content/themes/seoul_welfare/images/sub/2019/edu_bg_box1.png) repeat center center} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner p > span {font-size: 1.2em;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner .text1 {background-image : url(/wp-content/themes/seoul_welfare/images/sub/2019/edu_bg_box1.png); } .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner .text2 {background-image : url(/wp-content/themes/seoul_welfare/images/sub/2019/edu_bg_box2.png); margin-right: 0;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner .text3 {background-image : url(/wp-content/themes/seoul_welfare/images/sub/2019/edu_bg_box3.png); } .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont3 .policy-cont-inner .text4 {background-image : url(/wp-content/themes/seoul_welfare/images/sub/2019/edu_bg_box4.png); margin-right: 0;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont4 .circle { margin: 0 auto; overflow: hidden; text-align: center} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont4 .circle p {display: block; padding: 11px 0 12px; margin: 10px 0 0 0; border: 8px solid rgba(80,149,238,.8); border-radius: 7px; font-weight: bold; font-size: 1.05rem; color: #333; line-height: 23px; letter-spacing: -0.075em; text-align: center; list-style:none !important;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont4 .circle p:first-child {margin-left: 0;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont4 .circle p:nth-child(2) {border-color: rgba(102,112,192,.8);} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont4 .circle p:nth-child(3) {border-color: rgba(125,102,192,.8);} @media screen and (min-width: 430px) { .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-inner {background-size: auto 216px; padding-bottom: 12rem} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-inner p:before {background-size: contain; top: auto; bottom: 40px;} } @media screen and (max-width: 400px) { .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont1, .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont2 {padding: 0} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont1 .policy-cont-inner {padding: 4rem 0 1.5rem; } .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-inner p {margin-bottom: 1rem;} .wrp-content-view .policy-cont-education-wrap-2019 .policy-cont2 .policy-cont-inner p:before {bottom: 1.5rem;} } /*------------------------------------------------- 2020 분야별(복지) 정책소개 --------------------------------------------------*/ .wrp-content-view .policy-cont-2020 [class*="policy-cont"] {margin-bottom: 25px;} .wrp-content-view .policy-cont-2020 {letter-spacing: -.075rem;} .wrp-content-view .policy-cont-2020 * {box-sizing: border-box; overflow: hidden; vertical-align: bottom} .wrp-content-view .policy-cont-2020 h5, .wrp-content-view .policy-cont-2020 h6 {margin: 0; padding: 11px 5px 12px} .wrp-content-view .policy-cont-2020 .policy-title {padding: 15px 5px 16px; border-radius: 7px; color: #fff;font-size: 1.385rem; letter-spacing: -0.1rem; text-align: center;} .wrp-content-view .policy-cont-2020 .policy-cont-tit { margin-bottom: 1rem; font-size:1.05rem; color: #333; letter-spacing: -0.075rem;background-position: center ; background-repeat: repeat} .wrp-content-view .policy-cont-2020 .goal{ padding: 15px 0 16px; font-size: 1.25rem; border: 1px solid #b5cfe7; border-radius: 7px; font-weight: bold; font-size: 1.385rem; color: #333; letter-spacing: -0.075rem; text-align: center;} .wrp-content-view .policy-cont-2020 .goal span{color: #064795} .wrp-content-view .policy-cont-2020 .upward-arrow {display: block; width: 239px; height: 65px; margin: 19px auto; background: url(/wp-content/themes/seoul_sculture/images/sub/2019/bg_arrow.png) no-repeat 0 0; background-size: contain} .wrp-content-view .policy-cont-2020, .wrp-content-view .policy-cont-2020 .policy-cont-wrap {overflow: hidden; display: block;} .wrp-content-view .content .policy-cont-2020 .list-type-dot li {font-size:14px;} /* 01.복지정책실 */ .wrp-content-view .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-title{letter-spacing:0} .wrp-content-view .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont2 ul li:last-child{width:100%} .wrp-content-view .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont2 ul li .icon{width:81px;height:74px;padding: 0 !important;margin: 10px auto 5px;} .wrp-content-view .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;} .wrp-content-view .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;} .wrp-content-view .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 .cont-inner:last-child{margin-right:0} .wrp-content-view .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 ul.list-type-dot{padding: 0;height: auto;} .wrp-content-view .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;} .wrp-content-view .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 ul.list-type-dot > li:before{left:15px; top:23px;} .wrp-content-view .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 ul.list-type-dot > li:last-child{border-bottom:0;} .wrp-content-view .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 0;background: none;} .wrp-content-view .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;background: url("/wp-content/mobile-themes/seoul/images/ico/ico-dash.gif") no-repeat 0 5px !important; font-weight:normal} .wrp-content-view .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont3 ul.list-type-dot > li ul li:before {display:none} .wrp-content-view .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont4 .goal {font-size: 16px;text-align:left;} .wrp-content-view .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont4 .goal li{background:none;list-style: none;margin-bottom: 0;} .wrp-content-view .policy-cont-welfare-wrap-2019.policy-cont-welfare-wrap-2020 .policy-cont4 .goal span{color:#be9199;margin-right: 8px;} /* 01. 복지정책실 - 하반기 */ .wrp-content-view .policy-cont-2020,.wrp-content-view .policy-cont-2020 .policy-cont {overflow: hidden;} .wrp-content-view .policy-cont-2020 .policy-cont-welfare-wrap-2020_new .policy-cont.policy-cont2 .goal {background-color: #f6f0f0;border: 0;color: #8d1a2d !important;margin-bottom: 30px;} .wrp-content-view .policy-cont-2020 .policy-cont-welfare-wrap-2020_new .policy-cont.policy-cont2 .goal span {color: #8d1a2d !important} .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont2 ul li {color: #fff;font-size: 20px;font-weight: bold;padding: 10px;text-align: center;width: 25%;float: left;height: 185px;padding: 71px 0;margin-left:0; } .wrp-content-view .policy-cont-welfare-wrap-2020_new .policy-cont2 ul li.goal4 {background: url(/wp-content/themes/seoul_welfare/images/sub/2020/welfare_bg_circle4.png) no-repeat center;} .wrp-content-view .policy-cont-welfare-wrap-2020_new .policy-cont3 .list-type-dot > li {font-weight: bold;letter-spacing: -.75px !important;} .wrp-content-view .policy-cont-welfare-wrap-2020_new .policy-cont3 ul li ul {border: 0;padding: 7px 5px 0 0;padding-left: 0;} .wrp-content-view .policy-cont-welfare-wrap-2020_new .policy-cont3 ul li ul li{background: url("../seoul/images/ico/ico-dash.gif") no-repeat 0 5px; font-weight:normal} .wrp-content-view .policy-cont-welfare-wrap-2020_new .policy-cont3 ul li ul li:before{display:none} .wrp-content-view .policy-cont-welfare-wrap-2020_new .policy-cont3 .cont-inner4 h6 {background: url(/wp-content/themes/seoul_welfare/images/sub/2020/bg-edu04.png) repeat 0 0;} .wrp-content-view .policy-cont-welfare-wrap-2020_new .policy-cont3 .cont-inner h6:after {margin-left: -3px} .wrp-content-view .policy-cont-welfare-wrap-2020_new .policy-cont3 .cont-inner4 h6:after {border: 7px solid #887A6C;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);} .wrp-content-view .policy-cont-welfare-wrap-2020_new .policy-cont3 ul {padding: 15px 10px;} @media screen and (max-width:768px){ .wrp-content-view .policy-cont-welfare-wrap-2020_new .policy-cont2 ul li{width:calc(25% - 5px); margin-left:5px; background-size:contain !important} } @media screen and (max-width:480px){ .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont2 ul [class*="goal"] {width:50%;float:left;box-sizing:border-box;margin:0;overflow: hidden;padding-top: 50px !important;} } @media screen and (max-width:374px){ .wrp-content-view .policy-cont-welfare-wrap-2019 .policy-cont2 ul [class*="goal"]{height:135px} .wrp-content-view .policy-cont-2020 .policy-cont-welfare-wrap-2020_new .policy-cont.policy-cont2 .goal,.wrp-content-view .policy-cont-2020 .policy-cont-welfare-wrap-2020_new .policy-cont.policy-cont2 .goal span {font-size:1.2rem !important} } /* 02.시민건강국 */ .wrp-content-view .policy-cont-health-wrap-2019 .policy-cont2 .cont-inner ul li{letter-spacing:0} /* 04.평생교육국 */ .wrp-content-view .policy-cont-education-wrap-2020 .policy-title {padding: 22px 0;background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_tit.png) repeat 0 0; letter-spacing: 0;font-size: 27px; line-height: 1.2; } .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont2 p {padding: 26px 0;border: 0;border-radius: 15px;background-color: #f6f0f0;color: #8d1a2d;text-align: center;letter-spacing: 0;font-weight: bold;font-size: 27px;line-height: 30px;} .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont3 ul li{float:left;margin:0 0 10px; padding:10px 0 ;padding-left:0;width:100%; color:#fff; list-style:none;text-align:center;} .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont3 ul li:nth-child(1){margin-left:0;background: url(/wp-content/themes/seoul_welfare/images/sub/2020/bg-edu01.png) repeat 0 0; } .wrp-content-view .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; } .wrp-content-view .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; } .wrp-content-view .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; } .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont3 ul li .text1 { display:block; font-weight:bold;} .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont3 ul li .text2 {font-weight:bold;font-size:1.2em; line-height:1.3} .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont3 ul li .text2 .mobile-inline{margin-left:5px;} .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont4 p{float:left; margin: 0 auto; padding:70px 0;width: 50%; height: 185px; color: #fff;list-style: none !important;text-align: center;font-weight: bold;font-size: 18px; } .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont4 p.circle1{padding:58px 0 ;background: url(/wp-content/themes/seoul_welfare/images/sub/2020/bg-edu05.png) no-repeat center; } .wrp-content-view .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; } .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont4 p.circle3{width:100%;background: url(/wp-content/themes/seoul_welfare/images/sub/2020/bg-edu07.png) no-repeat center; } .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont-inner, .wrp-content-view .policy-cont-education-wrap-2020 .circle-wrap {overflow: hidden;} @media all and (max-width: 440px) { .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont4 p { padding:55px 0; height: 145px; background-size: contain !important; font-size: .95rem; line-height: 1.2} .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont4 p.circle1{padding:45px 0 } } @media all and (max-width: 330px) { .wrp-content-view .policy-cont-education-wrap-2020 .policy-title, .wrp-content-view .policy-cont-education-wrap-2020 .policy-cont2 p{font-size: 22px;} } /*------------------------------------------------- 2021 분야별(복지) 정책소개 --------------------------------------------------*/ /* 공통 */ .wrp-content-view .policy-cont-2021 [class*="policy-cont"] {margin-bottom: 25px;} .wrp-content-view .policy-cont-2021 {letter-spacing: -.075rem;} .wrp-content-view .policy-cont-2021 * {box-sizing: border-box; overflow: hidden; vertical-align: bottom} .wrp-content-view .policy-cont-2021 h5, .wrp-content-view .policy-cont-2021 h6 {margin: 0; padding: 11px 5px 12px} .wrp-content-view .policy-cont-2021 .policy-title {padding: 15px 5px 16px; border-radius: 7px; color: #fff;font-size: 1.385rem; letter-spacing: -0.1rem; text-align: center;} .wrp-content-view .policy-cont-2021 .policy-cont-tit { margin-bottom: 1rem; font-size:1.05rem; color: #333; letter-spacing: -0.075rem;background-position: center ; background-repeat: repeat} .wrp-content-view .policy-cont-2021 .goal{ padding: 15px 0 16px; font-size: 1.25rem; border: 1px solid #b5cfe7; border-radius: 7px; font-weight: bold; font-size: 1.385rem; color: #333; letter-spacing: -0.075rem; text-align: center;} .wrp-content-view .policy-cont-2021 .goal span{color: #064795} .wrp-content-view .policy-cont-2021 .upward-arrow {display: block; width: 239px; height: 65px; margin: 19px auto; background: url(/wp-content/themes/seoul_sculture/images/sub/2019/bg_arrow.png) no-repeat 0 0; background-size: contain} .wrp-content-view .policy-cont-2021, .wrp-content-view .policy-cont-2021 .policy-cont-wrap {overflow: hidden; display: block;} .wrp-content-view .content .policy-cont-2021 .list-type-dot li {font-size:14px;} /* 01.복지정책실 */ /* .wrp-content-view .policy-cont-2021 .policy-cont-welfare-wrap-2021 .policy-cont2 ul {padding: 0 100px;} .wrp-content-view .policy-cont-2021 .policy-cont-welfare-wrap-2021 .policy-cont2 ul li{width:33.333%} .wrp-content-view .policy-cont-2021 .policy-cont-welfare-wrap-2021 .policy-cont3 ul{padding:15px;} @media all and (max-width: 768px) { .wrp-content-view .policy-cont-2021 .policy-cont-welfare-wrap-2021 .policy-cont2 ul {padding: 0 10%;} } @media all and (max-width: 454px) { .wrp-content-view .policy-cont-2021 .policy-cont-welfare-wrap-2021 .policy-cont2 ul {padding: 0 5%} .wrp-content-view .policy-cont-2021 .policy-cont-welfare-wrap-2021 .policy-cont2 ul li{width:49%; padding-top:54px !important;font-size:1rem;margin-bottom:0} .wrp-content-view .policy-cont-2021 .policy-cont-welfare-wrap-2021 .policy-cont2 ul li.goal1{margin-right:2%;} .wrp-content-view .policy-cont-2021 .policy-cont-welfare-wrap-2021 .policy-cont2 ul li.goal3{width:100%} } @media all and (max-width: 359px) { .wrp-content-view .policy-cont-2021 .policy-cont-welfare-wrap-2021 .policy-cont2 ul li{ padding-top:50px !important;} } */ .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-title {background:#e66b39;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont2 ul {padding: 0;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont2 ul li {width: 32%; height: auto; padding:44px 0; border-radius: 10px; background: url(/wp-content/themes/seoul_welfare/images/sub/2021/welfare_bg_squre1.png) no-repeat center center; background-size: 100% 139px;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont2 ul .goal2{background:url(/wp-content/themes/seoul_welfare/images/sub/2021/welfare_bg_squre2.png) no-repeat center center; background-size: 100% 139px;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont2 ul .goal3{background:url(/wp-content/themes/seoul_welfare/images/sub/2021/welfare_bg_squre3.png) no-repeat center center; background-size: 100% 139px;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont2 ul li + li{margin-left:2%;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont3 .cont-inner + .cont-inner{margin-top:30px; margin-bottom: 0; } .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont3 .cont-inner1{margin-bottom:0;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont3 .cont-inner h6:after {position: absolute; bottom:-1px; left: 49.5%; transform: translateX(49.5%); content: ''; display: inline-block; width: 1px; height: 25px; background:#ccc; border:0px solid transparent;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont3 .cont-inner h6{padding:96px 0 60px; background:url(/wp-content/themes/seoul_welfare/images/sub/2021/welfare_bg_artcircle1.png) no-repeat center center; color:#333 !important; background-size:contain;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont3 .cont-inner2 h6{background-image:url(/wp-content/themes/seoul_welfare/images/sub/2021/welfare_bg_artcircle2.png);} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont3 .cont-inner3 h6{background-image:url(/wp-content/themes/seoul_welfare/images/sub/2021/welfare_bg_artcircle3.png);} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner h6 {float: left; width: 20%; height: 79px; padding: 20px 0; color: #fff !important; background: url(/wp-content/mobile-themes/seoul_welfare/images/2021/m_welfare_bg_way2.png) no-repeat center center; background-size: cover;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner1 h6 {height: 107px; padding: 34px 0; background-image: url(/wp-content/mobile-themes/seoul_welfare/images/2021/m_welfare_bg_way1.png);} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner3 h6{background-image:url(/wp-content/mobile-themes/seoul_welfare/images/2021/m_welfare_bg_way3.png)} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 ul{padding:15px 18px 16px 18px;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner h6:after{display:none;} @media screen and (max-width:640px){ .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner2 h6{height: 97px;padding: 23px 0;} } @media screen and (max-width:480px){ .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont2 ul li {height: 129px;padding:40px 0 !important; background-size: 100% 129px !important;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner h6 {width: 24%; font-size: 1.1rem; height: 115px; padding: 36px 0;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner1 h6 {height: 125px; padding: 44px 0;} } @media screen and (max-width:414px){ .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont2 ul li {height: 108px; padding:34px 0 !important;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner h6 {font-size: 1rem; width:25.2%;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner1 h6 {height: 161px; padding: 60px 0; } } @media screen and (max-width:390px){ .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont2 ul li {height: 90px; padding:26px 0 !important;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont2 ul .goal2{border-radius:12px;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont3 .cont-inner h6 {padding: 76px 0 44px;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner h6{padding:33px 0; width:26%;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner1 h6{padding:55px 0;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont3 .cont-inner h6:after {bottom: -5px; left: 49.2%; transform: translateX(49.2%);} } @media screen and (max-width:386px){ .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner2 h6 {height:133px; padding: 44px 0;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner3 h6 {padding: 35px 0;} } @media screen and (max-width:360px){ .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner h6{padding:33px 0; width:30%;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner1 h6{height: 179px; padding: 62px 0px;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner2 h6{height: 151px; padding: 52px 0;} } @media screen and (max-width:320px){ .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont2 ul [class*="goal"] {font-size: .92rem;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont3 .cont-inner h6:after {bottom: -5px; left: 49%; transform: translateX(49%);} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner h6 {font-size: 0.95rem;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner1 h6{height: 179px; padding: 71px 0;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner2 h6{height: 151px; padding: 58px 0;} .wrp-content-view .policy-cont-2021 .policy-cont-wrap.policy-cont-welfare-wrap-2021 .policy-cont4 .cont-inner3 h6{height: 133px; padding: 47px 0;} } /* 02.시민건강국 */ .wrp-content-view .policy-cont-health-wrap-2021 .policy-cont2 .cont-inner5 h5{background:url(/wp-content/themes/seoul_welfare/images/sub/2021/health_bg_line5.png) no-repeat 0 0!important; background-size:cover !important;} /* 03. 여성가족정책실 */ .wrp-content-view .policy-cont-woman-wrap-2021 .policy-title {height:120px !important; padding:33px 0 !important;background: url(/wp-content/themes/seoul_welfare/images/sub/2019/welfare_bg_tit.png) repeat 0 0 !important; letter-spacing: 0; font-size: 24px !important; line-height: 27px !important;} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p{background:url(/wp-content/mobile-themes/seoul_welfare/images/2021/bg_woman_line1.png) no-repeat center center; background-size:cover; border:0px !important; border-radius:10px !important; padding:35px 0 35px 40%!important; color:#fff !important; text-align:left !important; font-size:1.5em !important; position:relative;} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p:before{content:''; display:block; position:absolute; top:4px; left:20%; width:104px; height:82px; background:url(/wp-content/themes/seoul_welfare/images/sub/2021/ico_woman_circle1.png) no-repeat center center;} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p:nth-child(2){background-image:url(/wp-content/mobile-themes/seoul_welfare/images/2021/bg_woman_line2.png);} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p:nth-child(2):before{background-image:url(/wp-content/themes/seoul_welfare/images/sub/2021/ico_woman_circle2.png);} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p:nth-child(3){background-image:url(/wp-content/mobile-themes/seoul_welfare/images/2021/bg_woman_line3.png);} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p:nth-child(3):before{background-image:url(/wp-content/themes/seoul_welfare/images/sub/2021/ico_woman_circle3.png);} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p:nth-child(4){background-image:url(/wp-content/mobile-themes/seoul_welfare/images/2021/bg_woman_line4.png);} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p:nth-child(4):before{background-image:url(/wp-content/themes/seoul_welfare/images/sub/2021/ico_woman_circle4.png);} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont3 .cont-inner + .cont-inner{margin-top:20px;} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont3 h6{font-size:1.2em; padding:23px 0; text-align:center; color:#fff; background:url(/wp-content/mobile-themes/seoul_welfare/images/2021/m_bg_woman_square1.png) repeat 20px 0; background-size:100% 80px; } .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont3 .cont-inner2 h6{background:url(/wp-content/mobile-themes/seoul_welfare/images/2021/m_bg_woman_square2.png)} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont3 .cont-inner3 h6{background:url(/wp-content/mobile-themes/seoul_welfare/images/2021/m_bg_woman_square3.png)} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont3 .cont-inner4 h6{background:url(/wp-content/mobile-themes/seoul_welfare/images/2021/m_bg_woman_square4.png)} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont3 .cont-inner5 h6{background:url(/wp-content/mobile-themes/seoul_welfare/images/2021/m_bg_woman_square5.png)} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont3 .cont-inner6 h6{background:url(/wp-content/mobile-themes/seoul_welfare/images/2021/m_bg_woman_square6.png)} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont3 .list-type-dot{padding:15px 30px; border: 1px solid #ccc; } .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont3 .list-type-dot li{background:none; line-height:18px; position:relative; } .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont3 .list-type-dot li:before{content:''; position:absolute; width:3px; height:3px; top:8px; left:1px; background:#333; } @media screen and (max-width:480px){ .wrp-content-view .policy-cont-woman-wrap-2021 .policy-title {font-size:22px !important;} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p {padding: 35px 0 35px 38%!important; font-size: 1.3em !important;} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p:before {left: 9%;} } @media screen and (max-width:414px){ .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p {padding: 30px 0 30px 38%!important; font-size: 1em !important;} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p:before {top:14px; left: 16%; width:52px; height:50px; background-size:contain; } .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont3 .list-type-dot{padding:15px 10px;} } @media screen and (max-width:360px){ .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p {padding: 25px 0 25px 35% !important; font-size: 1em !important;} .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p:before {top:16px; left:15%; width:42px; height:40px;} } @media screen and (max-width:320px){ .wrp-content-view .policy-cont-woman-wrap-2021 .policy-cont2 p:before {left:10%;} .wrp-content-view .policy-cont-woman-wrap-2021 .workplan-download a{font-size:12px;} } /*------------------------------------------------- 2022 분야별(복지) 정책소개 --------------------------------------------------*/ /*공통*/ .wrp-content-view .policy-cont-2022 .policy-cont-tit{font-size: 1.125rem;} /* 01. 복지 정책실 */ .wrp-content-view .policy-cont-2022 .policy-cont-welfare-wrap-2022 .policy-title{font-size: 1.275rem; letter-spacing: -0.125rem;} .wrp-content-view .policy-cont-2022 .policy-cont-welfare-wrap-2022 .policy-title.policy-title2{background:#f6f0f0; color:#333333; font-weight:bold;} .wrp-content-view .policy-cont-2022 .policy-cont-welfare-wrap-2022 .policy-title.policy-title2 em{color:#8d1a2d;} .wrp-content-view .policy-cont-2022 .policy-cont-welfare-wrap-2022 .policy-cont3 .cont-inner h6{font-size:1.05rem;} .wrp-content-view .policy-cont-2022 .policy-cont-welfare-wrap-2022 .policy-cont3 .cont-inner h6 em{display:block; font-size:11.5px;} .wrp-content-view .policy-cont-2022 .policy-cont-welfare-wrap-2022 .policy-cont3 .cont-inner h6:after{height:24px !important;} .wrp-content-view .policy-cont-2022 .policy-cont-welfare-wrap-2022 .policy-cont4 .cont-inner{display:flex;} .wrp-content-view .policy-cont-2022 .policy-cont-welfare-wrap-2022 .policy-cont4 .cont-inner h6{width:30% !important; padding:0 !important; height: auto !important; display: flex; justify-content: center; align-items: center;} .wrp-content-view .policy-cont-2022 .policy-cont-welfare-wrap-2022 .policy-cont4 ul{width:70%;} /* 03. 여성가족정책실*/ .wrp-content-view .policy-cont-woman-wrap-2022 .policy-title{letter-spacing:-0.075em;} .wrp-content-view .policy-cont-woman-wrap-2022 .policy-cont2 p{padding: 35px 0 35px 38%;} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont3 .inner-task{display:flex; position:relative;} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont3 .inner-task:before{position:absolute; content:''; width:13px; height:100%; background:url(/wp-content/mobile-themes/seoul_welfare/images/2022/m-welfare-bg-bar01.png) no-repeat;} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont3 .inner-task2:before{background-image: url(/wp-content/mobile-themes/seoul_welfare/images/2022/m-welfare-bg-bar02.png);} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont3 .inner-task3:before{background-image: url(/wp-content/mobile-themes/seoul_welfare/images/2022/m-welfare-bg-bar03.png);} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont3 .inner-task4:before{background-image: url(/wp-content/mobile-themes/seoul_welfare/images/2022/m-welfare-bg-bar04.png);} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont3 .inner-task + .inner-task{margin-top:20px;} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont3 .inner-task ul{width:100%; border: 1px solid #ccc; padding:15px 0 15px 24px;} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont3 .inner-task ul li{margin-bottom:0; position:relative; background:none; padding-left:8px;} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont3 .inner-task ul li:before{content:''; position:absolute; top:9px; left:0; width:5px; height:5px; background:#333;} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont4 .inner-direction{background: #f4f4f4; padding:20px 15px;} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont4 .inner-direction ul{padding:0;} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont4 .inner-direction ul li{margin-bottom:0; background:none; letter-spacing: -0.095em; position:relative;} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont4 .inner-direction ul li:before{position:absolute; content:''; width:5px; height:5px; background:#333; left:0; top:9px;} .wrp-content-view .policy-cont-2022 .policy-cont-woman-wrap-2022 .policy-cont4 .inner-direction ul li + li{margin-top:8px;} @media screen and (max-width: 360px){ .wrp-content-view .policy-cont-woman-wrap-2022 .policy-cont2 p{padding: 25px 0 25px 33% !important;} .wrp-content-view .policy-cont-woman-wrap-2022 .policy-cont2 p:before{left:14%;} } /* 코로나 19 */ #patients table {margin-bottom: 40px;border-collapse: collapse;} #patients table * {letter-spacing: -.5px} #patients table th {background: #ddd} #patients table td ul {margin: 0;overflow: hidden;width: 100%;padding-bottom: 0;} #patients table td ul li {position: relative;}#patients table ul li p strong {display: inline} #patients table ul li p {padding-left: 66px;text-indent: -66px;letter-spacing: -.3px;} #patients table tr.odd td,#patients table td.white {background: #fff} #patients table td.first{background: #fafadd !important} #patients table td.second{background: #ddfafa!important} #patients table td.third{background: #ddfadd !important} #patients table td.name{background: #d3d3d3 !important; font-weight: bold;} #patients table tr td {background: #fafafa;vertical-align: middle} #patients table ul li strong {display: inline-block;margin-right: 10px;/*color: #d76000*/} /* #patients table td span { display:block; font-size: .85em} */ .cont-page {display: none;} .cont-page-wrap .cont-page:first-child {display: block;} .cont-paging {margin: 20px auto;text-align: center;} .btn-paging {display:inline-block; min-width:40px; height:40px; line-height:36px; font-size:16px; border:2px solid #fff;background-color: #fff; vertical-align:middle; color:#767676; box-sizing:border-box;} .btn-paging.on {display:inline-block; min-width:40px; height:40px; line-height:36px; border:2px solid #222; vertical-align:middle; font-weight:bold; color:#222; font-size:16px; box-sizing:border-box;} @media all and (max-width: 768px) { #patients {/* overflow:scroll */} #patients .dataTables_wrapper {overflow-x: auto} #patients table{table-layout: fixed;width: 940px !important;border-collapse: collapse;} /* width: 200vw !important */ #patients table th {background: #ddd} #patients table td.tdl {text-align: left} #patients ul li {background: none; padding-left: 0 !important; line-height: 1.3;} /* #patients table td span { display:block; font-size: .8em} */ #patients table p td {padding-bottom: 0} } /* 개발추가 2020-04-01 */ #patients table td.tdl>p {overflow: hidden;display: table;width: 100%;} #patients table td.tdl>p>b:first-child {display: table-cell;font-size: 14px;width: auto;white-space: nowrap;padding: 0 12px 0 0} #patients table td.tdl>p>span {display: table-cell;font-size: 14px;width: auto;min-width: 674px} #patients table td.tdl>span.alignR {text-align: right;display: block;font-size: 14px;} /* 퇴원사망 2020-04-07 */ /* .status1 {color: #ffffff; background-color: #000080;display: inline-block;} .status2 {color: #ffffff; background-color: #666;display: inline-block;} */ tr.statustr th, tr.statustr td {/* background: #ebebeb !important */} tr.statustr td.new {background: #d3d3d3 !important} .status1 {color: #4b6edd; font-weight: normal;background-color: transparent} .status2 {color: #545454; font-weight: normal;background-color: transparent} /* 검색추가 2020-04-16 */ .cont-page-wrap table {border-collapse: collapse;table-layout: fixed} .cont-page-wrap .search-box {padding: 10px 0;text-align: right} .cont-page-wrap .search-box label {font-weight: bold} .cont-page-wrap .search-box #searchArea, .cont-page-wrap .search-box #status-searchArea, .cont-page-wrap .search-box #route-searchArea {width: auto;} .cont-page-wrap .search-box #pageLength, .cont-page-wrap .search-box #status-pageLength, .cont-page-wrap .search-box #route-pageLength, .search-box #searchQuery, .search-box #status-searchQuery, .search-box #route-searchQuery {display: none} .cont-page-wrap .dataTables_info {display: none;} .cont-page-wrap .dataTables_wrapper .dataTables_paginate {float: none;text-align: center;} /* 코로나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%;} } /* 확진자 이동경로 변경 2020-10-20 .cont-page-wrap .search-box-new {overflow: hidden;} .cont-page-wrap .search-box-new label {display: none;} .cont-page-wrap .search-box-new * {float: left;} .cont-page-wrap .search-box-new select {width: 18%;margin-right: 0.5%;} .cont-page-wrap .search-box-new input {width: 36%;margin-right: 0.5%;} .cont-page-wrap .search-box-new .btn-route-search {width: 8%;margin-right: 0;display: inline-block;height:2rem;line-height: 2rem;background: #333;border: 1px solid #333;color: #fff;text-align: center;} @media all and (max-width: 860px) { .cont-page-wrap .search-box-new select {width: 33%;margin-right: 0.5%;margin-bottom: 5px;} .cont-page-wrap .search-box-new select.select3 {margin-right: 0;} .cont-page-wrap .search-box-new input.input1 {width: 74.5%} .cont-page-wrap .search-box-new .btn-route-search {width: 25%} #patients .dataTables_wrapper.tNewStyle_wrapper {overflow-x: auto} #patients table.route-datatable.tNewStyle {width: 1100px !important;} } @media all and (max-width: 380px) { .cont-page-wrap .search-box-new select {float: none;width: 100%;margin-right: 0;} } */ .cont-page-wrap .search-box-new label, .cont-page-wrap .search-box-new select {display: none;} .cont-page-wrap .search-box-new input {width: 29.5%;margin-right: 0.5%;} .cont-page-wrap .search-box-new input#route-searchQuery {display: inline-block !important} .cont-page-wrap .search-box-new .btn-route-search {width: 8%;margin-left: -5px;margin-right: 0;display: inline-block;height:32px;line-height: 32px;background: #333;border: 1px solid #333;color: #fff;text-align: center;vertical-align: middle;} @media all and (max-width: 860px) { .cont-page-wrap .search-box-new input.input1 {width: 74.5%} .cont-page-wrap .search-box-new .btn-route-search {width: 25%} #patients .dataTables_wrapper {overflow-x: auto} #patients table.route-datatable.tNewStyle {width: 1100px !important;} #patients table.tNewStyle2 {table-layout: fixed !important;} } #patients table.tNewStyle {border: 0;} table.tNewStyle + p {text-align: right;margin-bottom: 20px;} #patients table.tNewStyle {margin-bottom: 10px} #patients table.tNewStyle2 {border-bottom: 0;border: 0;}} #patients table.tNewStyle2>thead {display: none;} #patients table.tNewStyle2>tbody>tr>td {border: 0;padding: 10px 0;background: #fff;} .moveText {padding: 10px 15px;background: #f6f6f6;text-align: left;} .moveText + p {margin-top: 5px;text-align: right;} .time p {font-size: 14px;} .time p span {font-size: inherti;} .time_info {margin-top: 5px;padding-top: 5px;border-top: 1px dashed #dcdcdc;text-align: left;overflow: hidden;} .time_info>span {width: 49% ; float:left;} .tb_base th, .tb_base td, .co_tb_base th, .co_tb_base td {vertical-align: middle;} table.multi-table td, table.multi-table th {color: #000;vertical-align: middle } table.multi-table tbody th {background: #fff;font-weight: 400} table.multi-table .color1 {background: #e6eef7 !important;} table.multi-table .color2 {background: #faedd2 !important;} table.multi-table .color3 {background: #ecbb53 !important;} table.multi-table .color4 {background: #dd9696 !important;} table.multi-table td.aLeft, table.multi-table th.aLeft {text-align: left !important;} #view_ctWrap table a {color: #222;text-decoration: none} a.map, a.btn_gomap {display: inline-block;min-width: 40px;padding: 1px 3px;background: #f8f8f8;border: 1px solid #ccc} /* 선별진료소 2020-12-14 */ .day_week, .day_str, .day_sun, .day_weekend { display:inline-block; font-size:14px; line-height:24px; letter-spacing:-0.01em} .day_week::before, .day_str::before, .day_mon::before, .day_tue::before, .day_wed::before, .day_thu::before, .day_fri::before,.day_sun::before, .day_weekend::before { display:inline-block; width:16px; height:16px; margin-right:3px; border-radius:100%; font-family:"Dotum"; font-size:11px; line-height:19px; text-align:center; vertical-align:middle; } .day_week::before { content:"평"; color:#515a6a; border:1px solid #515a6a; background-color:#f6f9ff; } .day_mon::before { content:"월"; color:#515a6a; border:1px solid #515a6a; background-color:#f6f9ff; } .day_tue::before { content:"화"; color:#515a6a; border:1px solid #515a6a; background-color:#f6f9ff; } .day_wed::before { content:"수"; color:#515a6a; border:1px solid #515a6a; background-color:#f6f9ff; } .day_thu::before { content:"목"; color:#515a6a; border:1px solid #515a6a; background-color:#f6f9ff; } .day_fri::before { content:"금"; color:#515a6a; border:1px solid #515a6a; background-color:#f6f9ff; } .day_str::before { content:"토"; color:#2056b0; border:1px solid #2056b0; background-color:#ddeaff } .day_sun::before { content:"일"; color:#c25b5b; border:1px solid #c25b5b; background-color:#ffe1e1 } .day_weekend::before { content:"주"; color:#c25b5b; border:1px solid #c25b5b; background-color:#ffe1e1 } .ico_ntc { display:inline-block; margin-right:2px; width:12px; height:12px; line-height:14px; font-style:normal; font-family:"Dotum"; font-size:11px; text-align:center; color:#fff; background-color:#ff6000; border-radius:100%; vertical-align:middle; } @media all and (max-width:768px) { .day_week, .day_str, .day_sun, .day_weekend, .time p {font-size:13px; } .time_info>span {width:100% !important;} } @media all and (max-width:420px) { .btn_gomap { padding:3px; font-size:12px; } .day_week, .day_str, .day_sun, .day_weekend { line-height:1.75em; letter-spacing:-0.05em; } .day_week::before, .day_str::before, .day_sun::before, .day_weekend::before { width:14px; height:14px; margin-right:1px; line-height:16px; } .time_info>span *{font-size:inherit} a.map, a.btn_gomap {min-width: 20px;} }