@charset "UTF-8";

/* 공통 */
.content_box img {display:block; margin:0 auto;}
#content.ver1 h4:first-child, #content.ver1 .h4:first-child {margin-top:0;}
#content.ver1 .h4 {font-size:28rem; margin:40rem 0 20rem; font-weight:bold;}
#content.ver1 .h4::before {content:''; display:block; width:25rem; height:3px; margin-bottom:5rem; background:var(--p_color);}
#content.ver1 h5, #content.ver1 .h5 {font-size:25rem; color:var(--p_color); margin:30rem 0 20rem;}
#content.ver1 .h5 {font-weight:bold;}
#content .caution { position:relative; padding-left:30rem; }
#content .caution::before { content:'!'; position:absolute; left:0; top:3rem; background:#E93D3D; color:#fff; padding:0 10rem; border-radius:5rem; font-size:14rem; line-height:20rem; }
#content .caution span:nth-child(1) {position:absolute; left:-99999rem; top:-99999rem;}

/* 만족도·담당자 */
.nuri_wrap .nuri {border-radius:4rem; background:#fafafa; justify-content:flex-start; padding:20rem 40rem;}
.nuri_wrap .nuri span {display:inline; font-weight:500;}
.nuri_wrap .nuri strong {font-weight:500; color:#125df3; text-decoration-line:underline;}

.page_research_box {border-radius: 4rem; border: 1px solid #D2D2D2;}
.page_research_box dl {padding: 30rem 40rem;}
.page_research_box dt, .page_research_box dd {padding-left: 35rem;}
.page_research_box dt {color: #222; font-size: 16rem; font-weight: 300; position: relative; padding-top: 6rem;}
.page_research_box dt::before, .page_research_box .page_manager > p::before {content: ""; display: block; position: absolute; width: 23rem; height: 23rem; background: url('/design/ko2026/img/contents/icon-research.png') no-repeat 0 0/400%;}
.page_research_box dt::before{left: 0; top: 10rem;}
.page_research_box .radio_list {font-size: 15rem; color: #555;}
.page_research_box .radio_list li {gap: 10rem;}
.page_research_box .radio_list li label::before {display: none;}
.page_research_box .page_manager {background: none; border-top: 1px solid #D2D2D2; font-size: 15rem; padding: 20rem 40rem; color: #222222;}
.page_research_box .page_manager > p {position: relative; padding-left: 37rem; }
.page_research_box .page_manager > p:nth-of-type(1)::before {left: 0; background-position-x: 33.33%;}
.page_research_box .page_manager > p:nth-of-type(2)::before {left: 0; background-position-x: 66.66%;}
.page_research_box .page_manager > p:nth-of-type(3)::before {left: 0; background-position-x: 100%;}
.page_research_box dt strong {font-weight: 500; padding-right: 12rem; margin-right: 12rem; border-right: 1px solid #E5E5E5;}
.page_research_box dd {display: block;}
.page_research_box dd .comment {display: flex; flex-wrap: wrap; justify-content: center; gap: 10rem; width: 100%;}
.page_research_box dd .comment > input {display: block; width: calc(100% - 133rem); height: 60rem; padding: 10rem 20rem; font-size: 15rem; font-weight: 300; border-radius: 4rem; border: 1px solid rgb(213 213 213 / 70%); }
.page_research_box dd .comment > a {border-radius: 4rem; background: #39413C; padding: 0 30rem; color: #ffffff; height: 60rem; line-height: 60rem; font-size: 17rem; font-weight: 400; }
.page_research_box .page_manager strong {font-weight: 400; margin-right: 12rem; padding-right: 12rem; border-right: 1px solid #888888;}
.page_research_box .page_manager .update {flex-grow: 0; text-align: left;}
@media all and (max-width: 768px) {
  .page_research_box dd .comment > input {width: 100%;}
}
@media all and (max-width: 600px) {
  .page_research_box dd {padding-left: 0;}
  .page_research_box dl, .page_research_box .page_manager {padding: 20rem 30rem;}
}
@media all and (max-width: 480px) {
  .page_research_box {border-left: none; border-right: none; border-radius: 0;}
  .page_research_box dl, .page_research_box .page_manager {padding: 20rem 0;}
  .page_research_box .radio_list li {margin-right:0;}
}

/* 목록 */
#content .depth_01, #content .depth_02, #content .depth_03, #content .depth_04,
#content .dep_01, #content .dep_02, #content .dep_03, #content .dep_04 {margin:10rem 0; padding:0; background:none;}
#content .depth_01 ul, #content .depth_02 ul, #content .depth_03 ul, #content .depth_04 ul,
#content .dep_01 ul, #content .dep_02 ul, #content .dep_03 ul, #content .dep_04 ul {margin:5rem 0;}
#content .depth_01 li, #content .depth_02 li, #content .depth_03 li, #content .depth_04 li,
#content .dep_01 li, #content .dep_02 li, #content .dep_03 li, #content .dep_04 li {position:relative; padding:4rem 0 4rem 15rem;}
#content .depth_01 li::before, #content .depth_02 li::before, #content .depth_03 li::before, #content .depth_04 li::before,
#content .dep_01 li::before, #content .dep_02 li::before, #content .dep_03 li::before, #content .dep_04 li::before {content:''; position:absolute; left:0;}
#content .depth_01 li li li, #content .dep_01 li li li {font-size:.95em;}
#content.ver1 .depth_01:not(.depth_02, .depth_03, .depth_04) > li::before,
#content.ver1 .dep_01:not(.dep_02, .dep_03, .dep_04) > li::before {top:14rem; width:5rem; height:5rem; border-radius:50%; background:var(--p_color);}
#content.ver1 .depth_01 li li::before, #content.ver1 .depth_02 > li::before,
#content.ver1 .dep_01 li li::before, #content.ver1 .dep_02 > li::before {top:13rem; width:4rem; height:4rem; border-top:2px solid #666; border-right:2px solid #666; transform:rotate(45deg);}
#content.ver1 .depth_01 li li li::before, #content.ver1 .depth_03 > li::before,
#content.ver1 .dep_01 li li li::before, #content.ver1 .dep_03 > li::before {top:15rem; width:4rem; height:4rem; background:#666; border:0 !important; transform:none !important;}
#content.ver1 .depth_01 li li li li::before, #content.ver1 .depth_04 > li::before,
#content.ver1 .dep_01 li li li li::before, #content.ver1 .dep_04 > li::before {top:15rem; width:4rem; height:1rem; background:#666; border:0 !important; transform:none !important;}
#content.ver1 li.no::before {display: none;}
#content.ver1 .ul_none li {padding-left: 0;}
#content.ver1 .ul_none li::before {display: none;}

/* 표 */
#content .tbl_area, #content .tbl_wrap {overflow-x:auto; margin:10rem 0 30rem; text-align:center;}
#content .tbl_area caption, #content .tbl_wrap caption {position:absolute; left:-99999rem; top:-99999rem;}
#content table {text-align: center;}
#content .tbl_area.tdL tbody td, #content .tbl_wrap.tdL tbody td {text-align:left;}
#content.ver1 .tbl_area table, #content.ver1 .tbl_wrap table, #content.ver1 .table_01 {width:100%; border-top:2px solid var(--p_color); border-spacing:0; margin-left:-1px;}
#content.ver1 .tbl_area thead th, #content.ver1 .tblwrap thead th, #content.ver1 .table_01 thead th {background:#f5f5f5; border-left:1px solid #ccc; padding:10rem 20rem; border-bottom:1px solid #aaa;}
#content.ver1 .tbl_area tbody th, #content.ver1 .tbl_area tbody td,
#content.ver1 .tbl_wrap tbody th, #content.ver1 .tbl_wrap tbody td,
#content.ver1 .table_01 tbody th, #content.ver1 .table_01 tbody td {border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10rem 20rem; background:#fbfbfb;}
#content.ver1 .tbl_area tbody td, #content.ver1 .tbl_wrap tbody td, #content.ver1 .table_01 tbody td {background:#fff;}
#content.ver1 .table_01 {position:relative;}
#content.ver1 .table_01::before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#fff;}
.table_01.lastB {border-right:1px solid #ccc;}
.table_01.tdL td {text-align: left;}
.tbl_wrap, .tbl_area, .tbl_Wrap {clear:both;}
table .depth_01, table .depth_02, table .depth_03, table .depth_04,
table .dep_01, table .dep_02, table .dep_03, table .dep_04 {text-align: left;}

/* 링크·버튼 */
#content a.text_blank {display:inline-flex; text-decoration:underline; color:#2149a6;}
#content a.text_blank::after {content:''; display:block; flex-shrink:0; width:13px; height:13px; margin:2rem 0 0 5rem; background:url('/design/common/template/sprite.png') no-repeat -26px 0;}
#content a.btnL, #content a.btnM, #content a.btnS,
#content a.btL, #content a.btM, #content a.btS {display:inline-flex; align-items:center; justify-content:center; border:1px solid #666; padding:7rem 15rem; border-radius:5rem; margin:2rem;}
#content a.btnL:hover, #content a.btnS:hover, #content a.btL:hover, #content a.btS:hover {background:#f5f5f5;}
#content a.btnL::after, #content a.btnM::after, #content a.btnS::after,
#content a.btL::after, #content a.btM::after, #content a.btS::after {display:block; flex-shrink:0; width:14px; height:14px; margin-left:8rem; background:url('/design/common/template/sprite.png') no-repeat -180px 0;}
#content a.btnL.down::after, #content a.btnM.down::after, #content a.btnS.down::after,
#content a.btL.down::after, #content a.btM.down::after, #content a.btS.down::after {content:'';}
#content a.btnL.blank::after, #content a.btnM.blank::after, #content a.btnS.blank::after,
#content a.btL.blank::after, #content a.btM.blank::after, #content a.btS.blank::after {content:''; background-position-y:-20px;}
#content a.btnL.view::after, #content a.btnM.view::after, #content a.btnS.view::after,
#content a.btL.view::after, #content a.btM.view::after, #content a.btS.view::after {content:''; background-position-y:-40px;}
#content a.btnM, #content a.btM {background:var(--p_color); color:#fff; border-color:var(--p_color);}
#content a.btnM.down::after, #content a.btM.down::after {content:''; background-position-y:-60px;}
#content a.btnM.blank::after, #content a.btM.blank::after {content:''; background-position-y:-80px;}
#content a.btnM.view::after, #content a.btM.view::after {content:''; background-position-y:-100px;}
#content a.btnS, #content a.btS {font-size:14rem; padding:2rem 8rem; font-weight:400;}

/* 박스 */
#content.ver1 .basic_box, #content.ver1 .board_box, #content.ver1 .txt_box01, #content.ver1 .txt_box02, #content.ver1 .round_box01 {border:1px solid #ddd; background:#f6f6f6; padding:30rem; margin:10rem 0 30rem; border-radius:10rem;}
#content.ver1 dl.basic_box {border-top:2px solid var(--p_color);}
#content.ver1 dl.basic_box dt {font-size:25rem; font-weight:bold; color:var(--p_color); margin-bottom:15rem;}
#content.ver1 dl.basic_box.icon {position:relative; padding:30rem 30rem 30rem 160rem;}
#content.ver1 dl.basic_box.icon::before {content:''; position:absolute; left:30rem; top:25rem; width:100px; height:90px; background:url('/design/common/template/sprite.png') no-repeat -200px 0;}
#content.ver1 .board_box .con {/*float:none; width:100%;*/ min-height:unset; margin:0; border-left:none; padding-left:0;}
#content.ver1 .board_box::after {display:none;}

/*게시판*/
.bbsSearch_top_warp {flex-wrap: wrap;}

/* 절차·장묘 */
.wish_step {padding:25rem 0; border:1px solid #ccc; border-radius:6rem; overflow:hidden;}
.wish_step ul {width:90%; margin:0 auto;}
.wish_step li {float:left; width:29%; margin-left:2%; padding-left:4%; background:url('/design/area/img/common/step_arrow.gif') no-repeat left center; display:table;}
.wish_step li:first-child {margin-left:0; padding-left:0; background:none;}
.wish_step li p {display:table-cell; width:100%; height:60rem; padding:18rem 0; border-radius:6rem; background:#ef496f; font-weight:600; font-size:1em; letter-spacing:-.03em; line-height:1.6; text-align:center; color:#fff; vertical-align:middle; text-shadow:1rem 1rem 1rem #772437;}
@media (max-width:880px) {
  .wish_step li {background-size:10% 10%;}
}

#hmu_greet {width:100%; padding-bottom:10rem; background:url('/design/area/img/sub01/hmu_greet.jpg') no-repeat right 25rem;}
#hmu_greet div {width:58%;}
#hmu_greet div p.tit {font-weight:bold; font-size:1.3em;}
#hmu_greet div p {margin-bottom:23rem;}

#hmu_step {overflow:hidden; height:166rem; padding-left:3rem; background:url('/design/area/img/sub01/hmu_step.gif') no-repeat center; border:1px solid #ccc; border-radius:10rem;}
#hmu_step ul {width:729rem; margin:0 auto;}
#hmu_step li {float:left; width:94rem; margin:36rem 0 0 33rem; padding-top:25rem; line-height:1.4; font-weight:600; text-align:center;}
#hmu_step li:first-child {margin-left:0;}
#hmu_step li span {display:inline-block;}
#hmu_step li span.num {padding-top:2rem; border-top:2rem solid rgba(255,255,255,.5); color:rgba(255,255,255,.5);}
#hmu_step li span.tit {font-size:1.13em; letter-spacing:.1em; color:#fff;}

.hmu_img {width:100%; overflow:hidden;}
.hmu_img li {float:left; margin:0 0 18rem 15rem; line-height:0;}
.hmu_img li:first-child, .hmu_img li:nth-child(3n+1) {margin-left:0 !important;}
.hmu_img li span {display:block; height:15rem; padding-top:17rem; text-align:center;}
@media (max-width:880px) {
  #hmu_greet {background:none;}
  #hmu_greet div {width:100%;}
}

.img_wrap ul {display: flex; flex-wrap: wrap; margin: 0 -10rem;}
.img_wrap ul > li {width: calc((100% - 80rem)/4); margin: 20rem 10rem; text-align: center;}
.img_wrap ul > li img {display: block; margin: 0 auto;}
@media (max-width:880px) {
	.img_wrap ul > li {width: calc((100% - 40rem)/2);}
}
@media (max-width:480px) {
	.img_wrap ul > li {width: 100%;}
}

/* 장애인 */
#disabled_3 .step {overflow:hidden; width:90%; margin:4rem 0 0 15rem;}
#disabled_3 .step li {float:left; width:48%; margin:0 2% 10rem 0; background:url('/design/area/img/common/step_arrow.gif') no-repeat right center;}
#disabled_3 .step li:last-child {background:none;}
#disabled_3 .step li span {display:block; width:84%; padding:8rem 10rem 10rem 12rem; background:#d5d5d5; border-radius:6rem; line-height:25rem;}
@media (max-width:880px) {
  #disabled_3 .step {width:99%;}
  #disabled_3 .step li {width:95%; margin-right:2%;}
  #disabled_3 .step li span {width:86%;}
}

/* 관련사이트 */
.siteWrap {display:flex; flex-wrap:wrap; padding:30rem 20rem; border:1px solid var(--line); border-radius:20rem;}
.siteWrap .logo {width:32.5%; height:100%; padding:20rem 0 0 !important; text-align:center; font-size:0; line-height:0;}
.siteWrap .butn {display:inline-block; height:19rem; margin-top:7rem; padding:1rem 24rem; border:0; border-radius:4rem; background:#00a3a8; color:#fff; font-weight:bold; font-size:12rem; line-height:16rem;}
.siteWrap > div {width:66.5%; padding-left:2.5%; border-left:1px dotted var(--line); overflow:hidden;}
.siteWrap > div dl {width:100%; overflow:hidden;}
.siteWrap > div dl dt {font-weight:600; font-size:1.16em;}
.siteWrap > div dl dd {margin-top:10rem;}
.siteWrap .cont {width:100%; margin-top:10rem; padding:8rem 3% 16rem; overflow:hidden; background:#f3f3f3; border-radius:10rem;}
.siteWrap .cont > ul {display:flex; flex-wrap:wrap;}
.siteWrap .cont > ul > li {width:50%; padding-right:10rem;}
.siteWrap .cont > ul > li:nth-child(2n) {padding-right:0; padding-left:10rem;}
.siteWrap .cont ul.full > li {width: 100%;}

.siteShort {clear:both; padding:3% 2.5% 2.5% 0; overflow:hidden;}
.siteShort .logo {float:left; display:table; width:30%; text-align:center; line-height:0;}
.siteShort .butn {float:right; display:inline-block; height:19rem; margin-top:3rem; padding:1rem 24rem; border:0; border-radius:4rem; background:#117b7e; color:#fff; font-weight:bold; font-size:12rem; line-height:18rem;}
.siteShort > div {float:left; width:66%; padding-left:4%; background:url('/design/area/img/common/bgc_e6e6e6.gif') repeat-y 0 0;}
.siteShort > div dl {margin-top:-6rem;}
.siteShort > div dl dt {margin:0 0 15rem; font-weight:600; font-size:1.16em;}
.siteShort > div dl dd {width:94%; margin-top:6rem; padding:9rem 3%; background:#fafafa;}
.iBlank {display:inline-block; padding-right:16rem; background:url('/design/ko/img/common/i_blank.gif') no-repeat right center;}
.wd_100t {width:100%; overflow:hidden; margin-top:-40rem;}

/* 단계 */
.step {overflow: hidden; margin: 10rem 0 15rem;display: flex;flex-wrap: wrap;}
.step.type03 dl {width:30% !important;}
.step.type03 dt {min-height:auto;}
.step.type03 dd {height:92rem;}
.step dl {position:relative; width:16%; margin-left:5%; border:1px solid #d2d2d2; box-sizing:border-box; text-align:center;}
.step dl::after {content:''; position:absolute; bottom:50%; right:-40rem; width:28rem; height:28rem; margin-bottom:-9.5rem; padding:0 1rem; background:url('/design/ko2019/img/sub02/arr02.gif') no-repeat center;}
.step dl:last-child::after {display:none;}
.step dl:first-of-type {margin-left:0;}
.step dl dt {padding:10rem 15rem; min-height:48rem; background:#0169c2; color:#fff;}
.step dl dt strong {font-weight:bold; color:#fff;}
.step dl:nth-of-type(1) dt {background:#d71441;}
.step dl:nth-of-type(2) dt {background:#da6815;}
.step dl:nth-of-type(3) dt {background:#329022;}
.step dl:nth-of-type(4) dt {background:#0275b8;}
.step dl:nth-of-type(5) dt {background:#3f35b3;}
.step dl:nth-of-type(6) dt {background:#2a4483;}
.step dl:nth-of-type(7) dt {background:#152d67;}
.step dl:nth-of-type(8) dt {background:#164661;}
.step dl:nth-of-type(6), .step dl:nth-of-type(7), .step dl:nth-of-type(8) {margin-top:20rem;}
.step dl:nth-of-type(6)::before {content:''; position:absolute; bottom:50%; left:-40rem; width:28rem; height:28rem; margin-bottom:-9.5rem; padding:0 1rem; background:url('/design/ko2019/img/sub02/arr02.gif') no-repeat center;}
.step dl dd:first-of-type {border:0;}
.step dl dd {padding:10rem 5rem; border-top:1px dashed #d2d2d2;}
@media all and (max-width:1200px) {
	.step dl {width: 20%;}
	.step dl:nth-of-type(5) {margin-top:20rem;}
	.step dl:nth-of-type(5)::before {content:''; position:absolute; bottom:50%; left:-40rem; width:28rem; height:28rem; margin-bottom:-9.5rem; padding:0 1rem; background:url('/design/ko2019/img/sub02/arr02.gif') no-repeat center;}
	.step dl:nth-of-type(6)::before {display: none;}

}
@media all and (max-width:900px) {
  .step.type03 dl {width:100% !important;}
  .step.type03 dd {height:auto;}
  .step dl {width:100%; margin-left:0; margin-bottom:40rem;}
  .step dl::after {bottom:-29rem; right:50%; margin-bottom:0; margin-right:-10.5rem; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
  .step dl:last-child::after {display:none;}
}

.stage {overflow:hidden; margin:10rem 0 15rem;}
.stage dl {position:relative; float:left; width:27%; margin-left:5%; margin-bottom:20rem; border:1px solid #d2d2d2; box-sizing:border-box; border-radius:10rem; text-align:center;}
.stage dl:nth-child(n+4) {margin-bottom:0;}
.stage dl::after {content:''; position:absolute; bottom:50%; right:-40rem; width:28rem; height:28rem; margin-bottom:-19rem; padding:2rem; background:url('/design/ko2019/img/sub02/arr02.gif') no-repeat center;}
.stage dl:last-child::after {display:none;}
.stage dl:first-of-type {margin-left:0;}
.stage dl dt {padding:10rem 15rem; min-height:48rem; background:#0169c2; color:#fff; border-radius:10rem 10rem 0 0;}
.stage dl dt strong {font-weight:bold; color:#fff;}
.stage dl dd:first-of-type {border:0;}
.stage dl dd {padding:10rem 5rem; border-top:1px dashed #d2d2d2;}
@media all and (max-width:1200px) {
  .stage dl {width:40%; margin-left:7%;}
  .stage dl::after {right:-47rem;}
  .stage dl:nth-child(n+4) {margin-bottom:20rem;}
  .stage dl:nth-child(n+5) {margin-bottom:0;}
}
@media all and (max-width:900px) {
  .stage dl {float:none; width:100%; margin-left:0; margin-bottom:60rem;}
  .stage dl::after {bottom:-45rem; right:50%; margin-bottom:0; margin-right:-10.5rem; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
  .stage dl:last-child::after {display:none;}
  .stage dl:nth-child(n+4), .stage dl:nth-child(n+5) {margin-bottom:60rem;}
}
.support_220224 .step dl dt {min-height:inherit;}
@media all and (max-width:900px) {
  .support_220224 .step dl::after {bottom:-35rem !important;}
}

/* 아동·육아 */
.unicefList {overflow:hidden; margin:30rem 0 20rem;}
.unicefList * {box-sizing:border-box;}
.unicefList li {position:relative; float:left; width:20%; text-align:center; padding:90rem 20rem 20rem;}
.unicefList li:nth-child(5n+1) {clear:both;}
.unicefList li::before {content:''; position:absolute; left:50%; top:0; margin-left:-40rem; width:80rem; height:80rem; background:url('/design/area2019/img/sub/unicefIcon.png') no-repeat 0 0;}
.unicefList li.icon2::before {background-position:-80rem 0;}
.unicefList li.icon3::before {background-position:-160rem 0;}
.unicefList li.icon4::before {background-position:-240rem 0;}
.unicefList li.icon5::before {background-position:-320rem 0;}
.unicefList li.icon6::before {background-position:0 -80rem;}
.unicefList li.icon7::before {background-position:-80rem -80rem;}
.unicefList li.icon8::before {background-position:-160rem -80rem;}
.unicefList li.icon9::before {background-position:-240rem -80rem;}
.unicefList li.icon10::before {background-position:-320rem -80rem;}
.unicefList li p {font-size:20rem; font-weight:600; border-top:1px solid #ddd; padding:10rem 0;}
.unicefList .small {display:block; font-size:12rem; padding-top:5rem;}
@media all and (max-width:768px) {
  .unicefList li {width:33.33%;}
  .unicefList li:nth-child(5n+1) {clear:none;}
  .unicefList li:nth-child(3n+1) {clear:both;}
}

/* 조직도 */
.org_tree {padding:20px 0 50px;}
.org_tree dl {box-sizing:border-box; border:1px solid #dcdcdc; max-width:285px; margin:0 auto;}
.org_tree dt {padding:12px 0 15px; font-size:18px; background:#29558f; color:#fff; text-align:center; font-weight:bold;}
.org_tree dd {position:relative; font-size:15px; padding:12px; color:#454444; font-weight:normal; line-height:1.3; border-top:1px solid #dcdcdc; text-align:left;}
.org_tree .org_list {position:relative; padding-top:30px; text-align:center;}
.org_tree .org_list::after {content:''; display:block; clear:both;}
.org_tree .org_list li {position:relative; float:left; vertical-align:top; text-align:center; width:33.33%;}
.org_tree .org_list li::before {content:''; position:absolute; top:-30px; left:0; width:100%; height:1px; background:#dcdcdc;}
.org_tree .org_list li::after {content:''; position:absolute; top:-30px; left:50%; width:1px; height:30px; background:#dcdcdc;}
.org_tree .org_list li:first-child::before {left:50%; width:50%;}
.org_tree .org_list li:last-child::before {left:0; width:50%;}
.org_tree .org_center {position:relative; margin:0 auto 40px; border:5px solid #00386b;}
.org_tree .org_center::after {content:''; position:absolute; bottom:-45px; left:50%; width:1px; height:40px; background:#dcdcdc;}
.org_tree .org_center dt {background:#00386b;}
.org_tree .org_center dd {text-align:center; padding:10px 0; border-top:0; line-height:1.5;}
.org_tree .org_blue dt, .org_tree .org_green dt {background:#408d7b;}
.org_tree .org_green.org_center {border-color:#408d7b;}
.org_tree .org_grass.org_center {border-color:#8fb03d;}
.org_tree .org_grass dt {background:#8fb03d;}
.org_tree .org_sky.org_center {border-color:#0188a8;}
.org_tree .org_sky dt {background:#0188a8;}
.org_tree .org_purple.org_center {border-color:#807095;}
.org_tree .org_purple dt {background:#807095;}
.org_tree .org_pink.org_center {border-color:#e0756d;}
.org_tree .org_pink dt {background:#e0756d;}
.org_tree .org_right {position:relative; height:40px;}
.org_tree .org_right::before {content:''; display:block; position:absolute; top:0; left:50%; width:50%; height:1px; background:#dcdcdc;}
.org_tree .org_right::after {content:''; display:block; position:absolute; top:0; bottom:0; left:50%; width:1px; height:100%; background:#dcdcdc;}
.org_tree .org_right dl {position:absolute; top:-50px; right:0;}
.org_tree .org_right .org_center::after {display:none;}

.dream_org {padding-bottom:50px;}
.dream_org.org_tree .org_list dl {height:220px;}
.dream_org.org_tree .org_list dd {border-top:0; padding:20px 15px 5px 20px;}
.dream_org.org_tree .org_list dd::before {content:''; position:absolute; top:27px; left:7px; width:6px; height:6px; border-radius:6px; background:#cbcbcb;}

/* 육아·인구정책 */
.babyBox {padding:50rem; background:#dcf1ff url('/design/area2019/img/sub/baby_bg.png') no-repeat 90% 80rem;}
.babyBox .title {margin:50rem 0 0 30rem;}
.babyBox .title p {margin-top:40rem; width:400rem; font-size:17rem; font-family:"SCDream",sans-serif; font-weight:500;}
.babyBox ul {background:#fff; margin-top:80rem; border-radius:20rem; overflow:hidden;}
.babyBox ul li {float:left; width:25%; text-align:center; border-left:1px solid #e3f4ff; box-sizing:border-box;}
.babyBox ul li:first-child {border-left:0;}
.babyBox ul li p {margin-top:150rem; font-size:18rem; font-weight:500;}
.babyBox ul li a {display:inline-block; color:#146ca7; border:2rem solid #146ca7; margin:20rem 0 40rem; padding:5rem 15rem; font-weight:500;}
.babyBox ul li.list01 {background:url('/design/area2019/img/sub/baby_icon01.png') no-repeat center 40rem;}
.babyBox ul li.list02 {background:url('/design/area2019/img/sub/baby_icon02.png') no-repeat center 40rem;}
.babyBox ul li.list03 {background:url('/design/area2019/img/sub/baby_icon03.png') no-repeat center 40rem;}
.babyBox ul li.list04 {background:url('/design/area2019/img/sub/baby_icon04.png') no-repeat center 40rem;}
.babyBox ul li:hover {background-color:#eff7fd;}
.babyBox ul li a:hover {background:#146ca7; color:#fff;}
@media all and (max-width:1400px) {
  .babyBox {background-size:250rem; background-position:90% 130rem;}
}
@media all and (max-width:1023px) {
  .babyBox {background-position:90% 150rem;}
  .babyBox .title {margin-left:0;}
}
@media all and (max-width:810px) {
  .babyBox .title p {width:350rem;}
}
@media all and (max-width:750px) {
  .babyBox {background-size:200rem; background-position:90% 170rem;}
  .babyBox ul li {width:50%;}
  .babyBox ul li:nth-child(3), .babyBox ul li:nth-child(4) {border-top:1px solid #e3f4ff;}
}
@media all and (max-width:600px) {
  .babyBox {background:#dcf1ff none;}
  .babyBox .title {margin:10rem 0 0;}
  .babyBox .title p {width:100%; text-align:center; margin-top:30rem;}
  .babyBox ul {margin-top:30rem;}
  .babyBox ul li {background-size:80rem !important; background-position:center 20rem !important;}
  .babyBox ul li p {margin-top:100rem;}
  .babyBox ul li a {margin:20rem 0 30rem;}
}
@media all and (max-width:480px) {
  .babyBox {padding:20rem;}
  .babyBox ul li {width:100%; background-position:20rem center !important; background-size:70rem !important;}
  .babyBox ul li p {float:left; margin:30rem 0 30rem 100rem; font-size:16rem;}
  .babyBox ul li a {float:right; margin:30rem 20rem;}
}

.lifeBox {padding:50rem; background:#dcf1ff url('/design/area2019/img/sub/baby_bg.png') no-repeat 90% 110rem;}
.lifeBox .title {margin:50rem 0 0 30rem;}
.lifeBox .title p {margin-top:40rem; width:406rem; padding:24rem; background:#fff; border-radius:20px; font-size:18rem; font-weight:500; text-align:center;}
.lifeBox .title p a {display:inline-block; color:#146ca7; border:2rem solid #146ca7; padding:5rem 15rem; font-weight:500; margin-left:10rem;}
.lifeBox .title p a:hover {background:#146ca7; color:#fff;}
.lifeBox h4:first-child {margin-top:90rem;}
.lifeBox ul {background:#fff; margin-top:20rem; border-radius:20rem; overflow:hidden;}
.lifeBox ul.life_ul01 li {width:50%;}
.lifeBox ul li {float:left; width:25%; text-align:center; border-left:1px solid #e3f4ff; box-sizing:border-box;}
.lifeBox ul li:first-child {border-left:0;}
.lifeBox ul li p {margin-top:150rem; font-size:18rem; font-weight:500;}
.lifeBox ul li a {display:inline-block; color:#146ca7; border:2rem solid #146ca7; margin:20rem 0 40rem; padding:5rem 15rem; font-weight:500;}
.lifeBox ul.life_ul01 li.list01 {background:url('/design/area2022/img/contents/life_icon01.png') no-repeat center 40rem;}
.lifeBox ul.life_ul01 li.list02 {background:url('/design/area2022/img/contents/life_icon02.png') no-repeat center 40rem;}
.lifeBox ul.life_ul02 li.list01 {background:url('/design/area2022/img/contents/life_icon03.png') no-repeat center 40rem;}
.lifeBox ul.life_ul02 li.list02 {background:url('/design/area2019/img/sub/baby_icon03.png') no-repeat center 40rem;}
.lifeBox ul.life_ul02 li.list03 {background:url('/design/area2022/img/contents/life_icon04.png') no-repeat center 40rem;}
.lifeBox ul.life_ul02 li.list04 {background:url('/design/area2022/img/contents/life_icon05.png') no-repeat center 40rem;}
.lifeBox ul.life_ul02 li.list05 {background:url('/design/area2022/img/contents/life_icon06.png') no-repeat center 40rem;}
.lifeBox ul.life_ul02 li.list06 {background:url('/design/area2022/img/contents/life_icon07.png') no-repeat center 40rem;}
.lifeBox ul.life_ul02 li.list07 {background:url('/design/area2022/img/contents/life_icon08.png') no-repeat center 40rem;}
.lifeBox ul.life_ul01 li:hover, .lifeBox ul.life_ul02 li:hover {background-color:#eff7fd;}
.lifeBox ul.life_ul01 li a:hover, .lifeBox ul.life_ul02 li a:hover {background:#146ca7; color:#fff;}
@media all and (max-width:1400px) {
  .lifeBox {background-size:250rem; background-position:90% 170rem;}
}
@media all and (max-width:1023px) {
  .lifeBox {background-position:90% 170rem;}
  .lifeBox .title {margin-left:0;}
}
@media all and (max-width:810px) {
  .lifeBox .title p {width:350rem;}
}
@media all and (max-width:750px) {
  .lifeBox {background-size:200rem; background-position:90% 210rem;}
  .lifeBox ul li {width:50%;}
  .lifeBox ul li:nth-child(3), .lifeBox ul li:nth-child(4), .lifeBox ul li:nth-child(5), .lifeBox ul li:nth-child(6), .lifeBox ul li:nth-child(7) {border-top:1px solid #e3f4ff;}
}
@media all and (max-width:600px) {
  .lifeBox {background:#dcf1ff none;}
  .lifeBox .title {margin:10rem 0 0;}
  .lifeBox .title p {width:100%; text-align:center; margin-top:30rem;}
  .lifeBox ul {margin-top:30rem;}
  .lifeBox ul li {background-size:80rem !important; background-position:center 20rem !important;}
  .lifeBox ul li p {margin-top:100rem;}
  .lifeBox ul li a {margin:20rem 0 30rem;}
}
@media all and (max-width:480px) {
  .lifeBox {padding:20rem;}
  .lifeBox h4:first-child {margin-top:inherit;}
  .lifeBox ul.life_ul01 li, .lifeBox ul.life_ul02 li {width:100%; background-position:20rem center !important; background-size:70rem !important; border-top:1px solid #e3f4ff;}
  .lifeBox ul.life_ul01 li:first-child, .lifeBox ul.life_ul02 li:first-child {border-top:0;}
  .lifeBox ul.life_ul01 li p, .lifeBox ul.life_ul02 li p {float:left; margin:30rem 0 30rem 100rem; font-size:16rem;}
  .lifeBox ul.life_ul01 li a, .lifeBox ul.life_ul02 li a {float:right; margin:30rem 20rem;}
}

/* 아동 탭 */
.adong_tab {margin-bottom:40rem;}
.adong_tab .list {position:relative;}
.adong_tab .list > ul > li > a {display:block; overflow:hidden; position:absolute; top:0; width:16.666%; height:50rem; padding:0 10rem; z-index:99; background:#f4f6f9; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#656565; line-height:50rem; text-align:center; box-sizing:border-box; letter-spacing:-.7rem;}
.adong_tab .list > ul > li:first-child > a {border-left:1px solid #ccc; border-radius:6rem 0 0;}
.adong_tab .list > ul > li:last-child > a {border-radius:0 6rem 0 0;}
.adong_tab .list > ul > li > a.on {background:#fff; border-bottom:2rem solid #fff; color:#2a4483; font-weight:600;}
.adong_tab .list .btn_01 {left:0;}
.adong_tab .list .btn_02 {left:16.666%;}
.adong_tab .list .btn_03 {left:33.332%;}
.adong_tab .list .btn_04 {left:49.998%;}
.adong_tab .list .btn_05 {left:66.664%;}
.adong_tab .list .btn_06 {left:83.33%;}
.adong_tab .list .txt {display:none; padding:80rem 20rem 30rem; border-bottom:1px dashed #ccc;}
.adong_tab .list .txt.show {display:block;}
.adong_tab .list .txt dl dt {font-size:25rem; font-weight:500; letter-spacing:-1.2rem;}
.adong_tab .list .txt dl dd.ex {margin-top:15rem; color:#2a4483;}

.adong_tab_2 {margin-bottom:25rem;}
.adong_tab_2 .list {position:relative; overflow:hidden;}
.adong_tab_2 .list > ul > li {float:left; width:48.7%; margin-bottom:20rem; border:1px dashed #ccc; border-radius:10rem;}
.adong_tab_2 .list > ul > li:nth-child(odd) {clear:both;}
.adong_tab_2 .list > ul > li:nth-child(even) {float:right;}
.adong_tab_2 .list > ul > li > a {display:none;}
.adong_tab_2 .list .txt, .adong_tab_2 .list .txt.show {display:block; padding:15rem 25rem;}
.adong_tab_2 .list .txt dl dt {font-size:20rem; font-weight:500; letter-spacing:-1.2rem;}
.adong_tab_2 .list .txt dl dd.ex {margin-top:10rem; color:#2a4483;}
@media all and (max-width:768px) {
  .adong_tab .list > ul > li > a {width:33.333%; border-top:0;}
  .adong_tab .list > ul > li:first-child > a {border-radius:6rem 0 0; border-top:1px solid #ccc;}
  .adong_tab .list > ul > li:nth-child(2) > a {border-top:1px solid #ccc;}
  .adong_tab .list > ul > li:nth-child(3) > a {border-radius:0 6rem 0 0; border-top:1px solid #ccc;}
  .adong_tab .list > ul > li:nth-child(4) > a {border-left:1px solid #ccc; border-radius:0 0 0 6rem;}
  .adong_tab .list > ul > li:last-child > a {border-radius:0 0 6rem;}
  .adong_tab .list > ul > li > a.on {border-bottom:0;}
  .adong_tab .list .btn_01 {left:0;}
  .adong_tab .list .btn_02 {left:33.333%;}
  .adong_tab .list .btn_03 {left:66.666%;}
  .adong_tab .list .btn_04 {top:50rem; left:0;}
  .adong_tab .list .btn_05 {top:50rem; left:33.333%;}
  .adong_tab .list .btn_06 {top:50rem; left:66.666%;}
  .adong_tab .list .txt {padding:125rem 20rem 30rem;}
}

/* 동의·보험 */
.label {background-color:#efefef; line-height:50rem; margin-top:0 !important;}
.label.mar_t20 {margin-top:0 !important;}
.box_agree {background:#fff; border:1px solid #ccc; padding:20rem;}
.step2 {overflow:hidden; margin:10rem 0 15rem;}
.step2 dl {position:relative; float:left; width:16%; margin-left:5%; border:1px solid #d2d2d2; box-sizing:border-box; text-align:center;}
.step2 dl::after {content:''; position:absolute; bottom:50%; right:-40rem; width:28rem; height:28rem; margin-bottom:-9.5rem; padding:0 1rem; background:url('/design/ko2019/img/sub02/arr02.gif') no-repeat center;}
.step2 dl:last-child::after {display:none;}
.step2 dl:first-of-type {margin-left:0;}
.step2 dl dt {padding:10rem 15rem; min-height:20rem; line-height:20rem; background:#0169c2; color:#fff; font-weight:bold;}
.step2 dl:nth-of-type(1) dt {background:#d71441;}
.step2 dl:nth-of-type(2) dt {background:#da6815;}
.step2 dl:nth-of-type(3) dt {background:#329022;}
.step2 dl:nth-of-type(4) dt {background:#0275b8;}
.step2 dl:nth-of-type(5) dt {background:#3f35b3;}
.step2 dl dd:first-of-type {border:0;}
.step2 dl dd {padding:10rem 5rem; border-top:1px dashed #d2d2d2;}
@media all and (max-width:900px) {
  .step2.type03 dl {width:100% !important;}
  .step2.type03 dd {height:auto;}
  .step2 dl {float:none; width:100%; margin-left:0; margin-bottom:40rem;}
  .step2 dl::after {bottom:-29rem; right:50%; margin-bottom:0; margin-right:-10.5rem; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
  .step2 dl:last-child::after {display:none;}
}

/* 일반 유틸 */
.wps25 {width:25%;}
.wps75 {width:75%;}
.hei_150 {height:150rem;}
.mar_l76 {margin-left:76rem;}
.mar_t40 {margin-top:40rem;}
.textarea1 {width:800rem; height:90rem; padding:20rem 0 20rem 20rem; line-height:18rem;}
.img100 img {width:100%;}
.dsp_bk {display:block;}

/* 산림·투자 */
.forest_1 {width:100%; overflow:hidden;}
.forest_1 .txt_box01 {overflow:hidden;}
.forest_1 .txt_box01 .img {float:left;}
.forest_1 .txt_box01 .con {float:left; width:70%; margin-left:20rem;}
@media (max-width:880px) {
  .forest_1 .txt_box01 .img {clear:left; width:100%; text-align:center;}
  .forest_1 .txt_box01 .con {clear:left; width:100%; margin:10rem 0 0;}
}

.status {overflow:hidden;}
.status > ul {float:left;}
.status p {float:right;}
.status p img {border:1px solid #999; margin-bottom:15rem;}
@media (max-width:880px) {
  .status p {float:left; margin:5rem 0 0 20rem;}
}
.bgcBlue {background-color:#d6f3fe !important;}
.form_down {width:100%; height:50rem;}
.form_down ul {width:100%;}
.form_down ul li {width:300rem; float:left;}
@media (max-width:720px) {
  .form_down {height:80rem;}
  .form_down ul li {width:100%; padding-bottom:5rem;}
}

/* 경주페이 */
#content .gjPayStep {overflow:hidden;}
#content .gjPayStep li {width:100%; margin-bottom:20rem;}
#content .gjPayStep li:nth-child(3n+1) {margin-left:0;}
#content .gjPayStep li dl dt {display:flex; align-items:center; justify-content:center; width:100%; min-height:78rem; padding:15rem; background:#2a4483; color:#fff; font-size:18rem; text-align:center; box-sizing:border-box;}
#content .gjPayStep li dl dt span {vertical-align:middle; line-height:1.5 !important;}
#content .gjPayStep li dl dt a {position:relative; color:#fff; text-decoration:underline;}
#content .gjPayStep li dl .img {text-align:center; border:1px solid #ddd; max-width:100%; padding:3%;}
#content .gjPayStep li dl .img img {max-width:100%;}
@media all and (max-width:599px) {
  #content .gjPayStep li dl dt {font-size:16rem;}
}

#content .gjPayStep2 {overflow:hidden;}
#content .gjPayStep2 div {display:table; position:relative; float:left; width:16.7%; margin-top:1%; margin-left:4%; min-height:90rem; padding:0 20rem; background:#f4f6f9; border:1px solid #2a4483; box-sizing:border-box; text-align:center; font-weight:500;}
#content .gjPayStep2 div::before {content:'⇒'; position:absolute; top:50% !important; right:-17%; transform:translateY(-50%) !important; background: none; width: auto; height: auto;}
#content .gjPayStep2 div span {display:table-cell; vertical-align:middle; line-height:1.4;}
#content .gjPayStep2 div:first-child {margin-left:0;}
#content .gjPayStep2 div:last-child::before {display:none;}
@media all and (max-width:768px) {
  #content .gjPayStep2 div {width:46%; margin-left:8%;}
  #content .gjPayStep2 div:nth-child(odd) {margin-left:0;}
  #content .gjPayStep2 div::before {right:-12%;}
}
@media all and (max-width:599px) {
  #content .gjPayStep2 div {float:none; width:100%; margin-left:0; min-height:100%; padding:20rem;}
  #content .gjPayStep2 div::before {display:none;}
}

.cat_box {border:1px solid #2a4483; background:#e8ecf6; padding:30rem;}
.cat_box dt {font-size:22rem; text-align:center; font-weight:600; color:#2a4483; margin-bottom:20rem;}
.cat_box dd > p:first-child {font-weight:600; font-size:17rem !important;}

.cat_imgbox {width:100%; overflow:hidden; box-sizing:border-box; text-align:center; border:1px solid #eee; margin-top:20rem;}
.cat_imgbox img {float:left; width:25%;}

.pay_top.mobile {display:none;}
@media all and (max-width:480px) {
  .cat_imgbox img {width:100%;}

  .pay_top.mobile {display:block;}
  .pay_top.pc {display:none;}
}

/* 교육 */
.stu {text-align:center; margin-top:30rem;}
.scroll {padding-top:10rem; height:85rem; overflow-y:auto !important;}
.edu_lec_guide {width:100%;}
.wrap_admin > .h5 {margin-top:0;}
.listTotal {float:left;}
.listStyle {float:right; margin-bottom:20rem;}
.listStyle a {float:left; display:inline-block; text-indent:-99999rem; width:30rem; height:30rem; border:1px solid #999; margin-left:5rem;}
.listStyle a.boxSt {background:url('/design/area/img/sub03/listIcon1.gif') no-repeat center;}
.listStyle a.listSt {background:url('/design/area/img/sub03/listIcon2.gif') no-repeat center;}
.listStyle a.boxSt.on {border-color:#36c; background:url('/design/area/img/sub03/listIcon1_on.gif') no-repeat center;}
.listStyle a.listSt.on {border-color:#36c; background:url('/design/area/img/sub03/listIcon2_on.gif') no-repeat center;}

.edu_list_first {display:grid; grid-template-columns:repeat(2,1fr); width:100%; grid-gap:40rem 3%;}
.edu_list_first.list {display:block;}
.edu_list_first > dl {position:relative; width:100%; border:1px solid var(--line); padding:20rem; border-radius:20rem;}
.edu_list_first > dl:nth-child(2n+1) {margin-right:3%;}
.edu_list_first > dl:first-child, .edu_list_first > dl:nth-child(2) {margin-top:0;}
.edu_list_first > dl > dt {font-size:16rem; letter-spacing:-.05em; line-height:130%; margin-right:100rem;}
.edu_list_first > dl > dt a {display:block; height:40rem; font-weight:600; color:var(--p_color); width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.edu_list_first > dl > dd {margin-top:15rem;}
.edu_list_first > dl > dd.edu_con > ul > li {min-height:22rem;}
.edu_list_first > dl > dd.edu_con > ul > li > span {font-weight:bold; padding-right:10rem;}
.edu_list_first > dl > dd.edu_con > ul > li.e_supply {background:url('/design/area/img/sub03/ico_edu05.png') no-repeat 0 50%; padding-left:20rem;}
.edu_list_first > dl > dd.edu_con > ul > li.e_duration {background:url('/design/area/img/sub03/ico_edu01.png') no-repeat 0 50%; padding-left:20rem;}
.edu_list_first > dl > dd.edu_con > ul > li.e_place {background:url('/design/area/img/sub03/ico_edu02.png') no-repeat 0 2rem; float:left; padding-left:20rem; line-height:140%;}
.edu_list_first > dl > dd.edu_con > ul > li .tit_eplace {font-weight:bold; width:50rem; float:left;}
.edu_list_first > dl > dd.edu_con > ul > li .eplace {font-weight:normal; width:230rem; float:left; letter-spacing:-.1em;}
.edu_list_first > dl > dd.edu_con > ul > li.e_tel {background:url('/design/area/img/sub03/ico_edu03.png') no-repeat 0 50%; padding-left:20rem; float:left;}
.edu_list_first > dl > dd.edu_con > ul > li.e_how {background:url('/design/area/img/sub03/ico_edu04.png') no-repeat 0 50%; padding-left:20rem;}
.edu_list_first > dl > dd.edu_sta_on, .edu_list_first > dl > dd.edu_sta_end, .edu_list_first > dl > dd.edu_sta_pre, .edu_list_first > dl > dd.edu_sta_off {position:absolute; top:-25rem; left:10rem; width:114rem; height:35rem; padding:3rem 0 0 13rem; font-size:15rem; font-weight:600;}
.edu_list_first > dl > dd.edu_sta_on, .edu_list_first > dl > dd.edu_sta_end, .edu_list_first > dl > dd.edu_sta_pre {font-family:"나눔고딕",'Nanum Gothic',"맑은고딕",'Malgun Gothic',"돋움",dotum,"굴림",gulim,sans-serif;}
.edu_list_first > dl > dd.edu_sta_on {color:#fff; background:url('/design/area/img/sub03/tit_on.png') no-repeat 0 0;}
.edu_list_first > dl > dd.edu_sta_end, .edu_list_first > dl > dd.edu_sta_off {color:#fff; background:url('/design/area/img/sub03/tit_off.png') no-repeat 0 0;}
.edu_list_first > dl > dd.edu_sta_pre {color:#06c; background:url('/design/area/img/sub03/tit_pre.png') no-repeat 0 0;}
.edu_list_first > dl > dd.edu_pat {position:absolute; right:20rem; top:0; font-size:11rem; color:#666; letter-spacing:-.05em;}
.edu_list_first div.txtR {width:100%; margin:20rem 0; float:left;}
.d_pink {color:#c31c42;}
.edu_list_first.list dl {width:100%; border:0; border-bottom:1px solid #ccc; box-sizing:border-box; margin:0;}
.edu_list_first.list .edu_con {display:none;}
.edu_list_first.list > dl > dt a {width:100%; height:auto;}
.edu_list_first.list > dl > dt {float:left; width:80%;}
.edu_list_first.list > dl > dd {float:right; width:20%; position:relative; right:0; margin-top:0; text-align:right;}
.edu_list_first table {width:100%;}
.edu_list_first table caption {position:absolute; left:-9999rem; top:-9999rem;}
.edu_list_first table thead th {border-top:2rem solid #555; border-bottom:1px solid #ddd; background:#f6f6f6; padding:8rem 0;}
.edu_list_first table thead th.th2, .edu_list_first table thead th.th3 {width:16%;}
.edu_list_first table thead th.th4 {width:15%;}
.edu_list_first table tbody td {padding:6rem 10rem; border-bottom:1px solid #ddd; word-wrap:normal; word-break:keep-all; text-align:center; line-height:1.7em;}
.edu_list_first table tbody td a {display:block; text-align:left; font-size:15rem; font-weight:600; color:#36c;}
@media all and (max-width:768px) {
  .edu_list_first table thead th.th2, .edu_list_first table thead th.th3, .edu_list_first table thead th.th4 {width:20%;}
  .edu_list_first table tbody td {font-size:12rem; word-break:break-all;}
  .edu_list_first table tbody td a {font-size:14rem; max-height:40rem; line-height:20rem; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
}
@media all and (max-width:550px) {
  .edu_list_first table thead th {padding:5rem 0;}
  .edu_list_first table tbody td, .edu_list_first table tbody td a {letter-spacing:-1rem; padding:5rem;}
}

.edu_cat {background:#f5f5f5; overflow:hidden; padding:20rem; margin-bottom:20rem; border:1px solid #ddd; box-sizing:border-box;}
.edu_cat ul {padding-bottom:10rem; overflow:hidden;}
.edu_cat li {width:100%; float:left; padding:10rem 0; border-bottom:1px dashed #ccc;}
.edu_cat > ul > li:first-child {border-bottom:0; text-align:center;}
.edu_cat li label {font-weight:bold; width:90rem; display:inline-block; padding-left:10rem;}
.edu_cat li select {width:157rem; line-height:27rem; height:27rem;}
.edu_cat li select#edu_05 {width:460rem !important;}
.edu_cat li.wide_box {width:66%;}
.edu_cat li input {border:1rem solid #999; line-height:25rem; height:25rem; width:460rem; padding-top:0; font-size:14.5rem;}
.edu_cat #sdate, .edu_cat #edate {width:105rem;}
.edu_cat li .month {display:inline-block;}
.edu_cat p {position:relative; width:100%; overflow:hidden; text-align:center;}
.edu_cat .searchDetail {display:none; border-top:1px dashed #ccc; margin-top:10rem;}
.search_edu_btn {background:#d63056 url('/design/area/img/sub03/ico_zoom.png') no-repeat 15rem 6rem; border:1px solid #d63056; color:#fff; border-radius:6rem; margin:0 auto; line-height:30rem; height:30rem !important; padding:0 15rem 0 40rem !important; vertical-align:top;}
.edu_cat a.searchOpen, .edu_cat a.searchClose {display:inline-block; background:#444; color:#fff; border-radius:6rem; padding:0 15rem; vertical-align:top;}
.edu_cat a.searchOpen span {display:block; line-height:30rem; background:url('/design/area/img/sub03/searchOpen.gif') no-repeat 99% 8rem; padding-right:18rem;}
.edu_cat a.searchClose span {display:block; line-height:30rem; background:url('/design/area/img/sub03/searchClose.gif') no-repeat 99% 8rem; padding-right:18rem;}

#wrap_edu {width:760rem; overflow:hidden; padding-bottom:40rem;}
#wrap_edu > dl {position:relative; float:left; width:95%; border:1px solid #ccc; padding:4% 2%; margin-top:25rem; border-radius:3rem;}
#wrap_edu > dl:nth-child(2n+1) {margin-right:3%;}
#wrap_edu > dl > dt {letter-spacing:-.05em; line-height:130%; position:relative; margin-left:11rem; padding:0 0 3rem 20rem; font-weight:600; font-size:1.08em; color:#333; background:url('/design/ko/img/common/h5.gif') no-repeat 0 3rem;}
#wrap_edu > dl > dd.img {position:absolute; right:40rem; top:40rem; display:none;}

.edu_tab {overflow:hidden; margin:20rem 0; border-radius:6rem;}
.edu_tab ul li {width:33.22%; float:left; background:#e5f0f9;}
.edu_tab ul li.on {background:#4f7dc9;}
.edu_tab ul li.tab_01, .edu_tab ul li.tab_02 {border-right:1px solid #cedbe9;}
.edu_tab ul li a {text-align:center; display:block; padding:5rem 0; color:#333; font-size:14rem;}
.edu_tab ul li.on a {border-right:0; font-weight:bold; background:url('/design/area/img/sub03/edu_on.png') no-repeat 25% 50%; color:#fff;}
@media (max-width:1024px) {
  .edu_cat {overflow:hidden; margin-bottom:20rem;}

  .edu_list_first, #wrap_edu {width:100%; overflow:hidden; padding-bottom:40rem;}

  .edu_tab {width:100%;}
}
@media (max-width:720px) {
  .edu_cat li, .edu_cat li.wide_box {width:100%;}
  .edu_cat li input {line-height:22rem; height:22rem; width:165rem;}
}
@media (max-width:680px) {
  .edu_cat {padding:10rem;}

  .edu_list_first > dl {position:relative; float:left; width:100%; border:1px solid #999; padding:16rem; margin-top:0;}
  .edu_list_first > dl:nth-child(2n+1) {margin-right:0;}

  .edu_cat li input {width:150rem;}
  .edu_cat li select#edu_05 {width:150rem !important;}

  .edu_tab ul li.on a {background-image:none;}
  .edu_tab ul li {width:33%;}
  .edu_tab ul li a {font-size:12rem;}
  .dirc {width:100%; overflow:hidden; float:left; padding-top:10rem;}
  .edu_cat li label {padding-left:0 !important;}
  .edu_cat li .month {display:block; padding:5rem 0 0 75rem;}

  .edu_list_first.list > dl > dt {width:70%;}
  .edu_list_first.list > dl > dd {width:30%;}
  
  .edu_list_first > dl > dd.edu_con > ul > li {background-position-y: top !important;}
  .edu_list_first > dl > dd.edu_con > ul > li > span {display: block; width: 100%;}
}
@media (max-width:580px) {
	.edu_list_first {display: block;}
	.edu_list_first > dl {margin: 10rem auto !important;}
}
@media (max-width:480px) {
  .edu_cat #sdate, .edu_cat #edate {width:70rem;}
}

/* 교통·민원 */
.wps15 {width:15%;}
.wps45 {width:45%;}
.wps40 {width:40%;}
.pad_l20 {padding-left:20rem;}
.pad_l50 {padding-left:50rem;}
.qanda dl {margin-top:20rem; padding-bottom:20rem; border-bottom:1px dashed #ccc;}
.qanda li dl:first-of-type {margin-top:10rem;}
.qanda dt {padding-left:20rem; background:url('/design/area/img/common/bl_Q.gif') no-repeat 1rem 6rem;}
.qanda dd {padding-left:20rem; background:url('/design/area/img/common/bl_A.gif') no-repeat 1rem 6rem;}
.car_box01 {background:#f7f7f7 url('/design/area/img/sub04/car_box_bg.png') no-repeat 30rem center; padding:30rem 24rem 37rem 135rem; border:1px solid #e6e6e6; border-top-color:#777;}
.car_box02 {background:#f7f7f7 url('/design/area/img/sub04/car_box_bg01.png') no-repeat 30rem center; padding:30rem 24rem 37rem 135rem; border:1px solid #e6e6e6; border-top-color:#777;}
@media (max-width:880px) {
  .car_box01, .car_box02 {background-image:none; padding-left:24rem;}
}
#route_change .tbl table {float:left; width:49%;}
#route_change .tbl table:first-child {margin-right:2%;}
@media (max-width:880px) {
  #route_change .tbl table {clear:both; width:100%;}
}
#civil_property_1 dl {clear:both;}

/* 폐기물 */
.buk_img {width:100%; overflow:hidden;}
.buk_img li {float:left; margin:0 0 18rem 15rem; line-height:0;}
.buk_img li:first-child, .buk_img li:nth-child(3n+1) {margin-left:0 !important;}
.buk_img li span {display:block; height:15rem; padding-top:17rem; text-align:center;}

#waste_step01 {overflow:hidden; height:200rem; background:url('/design/area/img/sub06/waste_step.gif') no-repeat center 40rem; border:1px solid #ccc; border-radius:10rem;}
#waste_step01 ul {width:799rem; margin:0 auto;}
#waste_step01 li {float:left; width:215rem; margin:36rem 0 0 50rem; padding-top:25rem; line-height:1.4; font-weight:600; text-align:center;}
#waste_step01 li:first-child {margin-left:0;}
#waste_step01 li span {display:inline-block;}
#waste_step01 li span.num {padding-top:2rem; border-top:2rem solid rgba(255,255,255,.5); color:rgba(255,255,255,.5);}
#waste_step01 li span.tit {font-size:1.13em; letter-spacing:.1em; color:#fff;}
#waste_step01 li span.tit2 {font-size:.9em; color:#333; margin-top:40rem;}

#waste_step02 {overflow:hidden; height:170rem; background:url('/design/area/img/sub06/waste2_step.gif') no-repeat center 40rem; border:1px solid #ccc; border-radius:10rem;}
#waste_step02 ul {width:721rem; margin:0 auto; overflow:hidden;}
#waste_step02 li {float:left; width:94rem; margin:36rem 0 0 115rem; padding-top:25rem; line-height:1.4; font-weight:600; text-align:center;}
#waste_step02 li:first-child {margin-left:0;}
#waste_step02 li span {display:inline-block; text-align:center;}
#waste_step02 li span.num {padding-top:2rem; border-top:2rem solid rgba(255,255,255,.5); color:rgba(255,255,255,.5);}
#waste_step02 li span.tit {font-size:1em; letter-spacing:.1em; color:#fff;}
#waste_eng * {font-family:'Nanum Gothic' !important; letter-spacing:.01em;}
@media (min-width:881px) {
  #waste_step01, #waste_step02 {display:block;}
  .waste_step01, .waste_step02 {display:none;}
}
@media (max-width:880px) {
  #waste_step01, #waste_step02 {display:none;}
  .waste_step01, .waste_step02 {display:block;}
}
@media (max-width:1023px) {
  .river_1 .txtC, .river_1 .txtC img {width:100%;}
}

/* 전시·축산 */
.gj_geumgwanchong ul {text-align:center;}
.gj_geumgwanchong li {display:inline-block; margin:10rem 0;}
.wps {width:50%;}
.oceanimg {float:left; margin:0 10rem 30rem 0;}
.ocean_img {overflow:hidden; margin:5rem 0 0 11rem;}
.ocean_img p {float:left; width:40%; margin-right:2%;}
.ocean_img p img {width:100%;}
.pright {text-align:right;}

/* 상하수도 */
#civil_water_3 > ul > li {padding:32rem 0 20rem; border-top:1px dashed #ccc;}
#civil_water_3 .con {overflow:hidden; margin-top:11rem;}
#civil_water_3 .con dl {float:left; width:29%; min-height:150rem; padding:1% 1% 1.5%; margin-left:2%; border:1px solid #e6e6e6; border-top-color:#777; background:#f7f7f7;}
#civil_water_3 .con dl:first-child {margin-left:0;}
#civil_water_3 .con dt {padding:5rem 0 9rem; font-weight:bold; color:#fff; line-height:1.1; text-align:center;}
#civil_water_3 .con dl.dl_1 dt {background:#06c;}
#civil_water_3 .con dl.dl_2 dt {background:#4b7f17;}
#civil_water_3 .con dl.dl_3 dt {background:#c30;}
#civil_water_3 .con dd {float:left; padding:10rem 0 0; font-weight:normal; font-size:.98em;}
#civil_water_3 .con dd p.memo {padding-bottom:4rem;}
#civil_water_3 .con.con_4 dl {clear:both; overflow:hidden; width:100%; margin:10rem 0 0;}
#civil_water_3 .con.con_4 dl:first-child {margin-top:0;}
#civil_water_3 .con.con_4 dt {float:left; width:20rem; min-height:140rem; padding:5rem 5rem 9rem;}
#civil_water_3 .con.con_4 dd {float:left; width:90%; padding:0 0 0 10rem;}
.sm_txt {font-size:15rem;}
@media (max-width:880px) {
  #civil_water_3 .con {width:100%;}
  #civil_water_3 .con dl {clear:both; width:95%; margin:10rem 0 0; padding:2%;}
  #civil_water_3 .con dl:first-child {margin-top:0;}
  #civil_water_3 .con dt {width:100%;}
  #civil_water_3 .con dd {clear:both;}
  #civil_water_3 .con.con_4 dl {width:95%;}
  #civil_water_3 .con.con_4 dl dt {width:100%; min-height:15rem; padding:5rem 0 9rem;}
  #civil_water_3 .con.con_4 dd {padding:10rem 0 0;}
  .sm_txt {display:block;}
}
.waterList li {float:left; width:22.75%; margin:0 0 20rem 3%;}
.waterList li:nth-child(4n+1) {clear:both; margin:0 0 20rem;}
.waterList li img {width:100%; border:1px solid #ddd; padding:5rem;}
.waterList li dt {font-size:17rem; font-weight:600; margin:10rem 0 3rem;}
@media (max-width:880px) {
  .waterList li {width:31.33%;}
  .waterList li:nth-child(4n+1) {clear:none; margin:0 0 10rem 3%;}
  .waterList li:nth-child(3n+1) {clear:both; margin:0 0 10rem;}
}

.formSt * {box-sizing:border-box;}
.formSt .agree {margin-bottom:30rem;}
.formSt .agree .text {background:#f3f3f3; padding:25rem 30rem; margin-bottom:10rem;}
.formSt .agree #agree {border:1px solid #ccc; width:14rem; height:14rem; margin-right:10rem;}
.formSt .formList {border-top:2rem solid #444; margin-top:10rem;}
.formSt .formList dl {position:relative; overflow:hidden; border-bottom:1px dashed #ddd;}
.formSt .formList dl::before {content:''; position:absolute; left:0; top:0; width:30%; height:100%; background:#f4f4f4; z-index:-1;}
.formSt .formList dt {float:left; width:30%; padding:10rem 20rem;}
.formSt .formList dt span {margin-right:5rem;}
.formSt .formList dd {float:left; width:70%; padding:10rem 20rem;}
.formSt .formList input[type="text"], .formSt .formList input[type="file"], .formSt .formList select {border:1px solid #bbb; line-height:35rem; height:35rem; padding:5rem; background:#fff;}
.formSt .formList input[type="text"] {width:200rem; max-width:100%;}
.formSt .formList input[type="file"] {height:auto; line-height:normal;}
.formSt .formList a.find {display:inline-block; background:#666; color:#fff; line-height:35rem; height:35rem; border-radius:5rem; padding:0 15rem; vertical-align:top;}
.formSt .formList .address {width:100% !important; margin-top:8rem;}
.formSt .formList .phone, .formSt .formList .num {width:70rem !important;}
.formSt .formList .findInput {width:120rem !important;}
.formSt .formBtn {text-align:center; margin-top:30rem;}
.formSt .formBtn a {display:inline-block; padding:10rem 20rem; background:#2a4483; color:#fff; margin:0 5rem;}
.formSt .formBtn a.cancel {background:#888;}
#memo {width:100%; border:1px solid #bbb; height:150rem;}
.waterSubindex * {box-sizing:border-box;}
.waterSubindex dl {float:left; width:30.66%; margin-left:4%;}
.waterSubindex dl:first-child {margin-left:0;}
.waterSubindex dl dt {color:#333; text-align:center; font-size:20rem; font-weight:600; padding:20rem;}
.waterSubindex dl dt span {display:inline-block; position:relative; padding-left:55rem;}
.waterSubindex dl dt span::before {content:''; position:absolute; left:0; top:-10rem; width:50rem; height:50rem; background:url('/design/area2019/img/sub/waterIcon.png') no-repeat 0 0;}
.waterSubindex dl:nth-child(2) dt span::before {background-position:-50rem 0;}
.waterSubindex dl:nth-child(3) dt span::before {background-position:-100rem 0;}
.waterSubindex dl dd, .waterSubindex .txt_box01 {padding:20rem; height:340rem; background:#f4f6f9; border:1px solid #eee; border-radius:10rem; overflow:hidden;}
.waterSubindex .txt_box01 {height:auto;}
.waterSubindex .depth_01 > li > a {font-weight:600;}
.waterSubindex h4 {clear:both;}
@media all and (max-width:768px) {
  .waterSubindex dl {width:100%; margin-left:0; margin-top:20rem;}
  .waterSubindex dl:first-child {margin-top:0;}
  .waterSubindex dl dd {height:auto;}
}

.water_verify {overflow:hidden; border:1px solid #ddd; border-top:2rem solid #2a4483;}
.water_verify > div {width:50%; padding:40rem; box-sizing:border-box; text-align:center; font-size:18rem !important; letter-spacing:-1rem;}
.water_verify > div.left {float:left; border-right:1px solid #ddd;}
.water_verify > div.right {float:right;}
.water_verify > div dl {position:relative; padding-top:130rem;}
.water_verify > div dl::before {content:''; position:absolute; top:0; left:50%; width:100rem; height:100rem; margin-left:-50rem; background:#f4f6f9 url('/design/area2019/img/contents/sudo_icon01.png') no-repeat; border-radius:50%;}
.water_verify > div dt {color:#2a4483; font-weight:600; font-size:25rem;}
.water_verify > div ul {display:inline-block; overflow:hidden;}
.water_verify > div ul li {float:left;}
.water_verify > div ul li a {display:block; position:relative; background:#2a4483; color:#fff; margin:40rem 5rem 0; padding:0 25rem 0 15rem; font-size:16rem;}
.water_verify > div ul li a span {display:inline-block; padding:17rem 0 17rem 35rem; background:url('/design/area2019/img/contents/sudo_icon02.png') no-repeat left 12rem;}
.water_verify > div ul li.ipin a span {background:url('/design/area2019/img/contents/sudo_icon03.png') no-repeat left 12rem;}
.water_verify > div ul li a:hover {background:#152a5d;}
@media all and (max-width:1365px) {
  .water_verify > div {padding:40rem 20rem;}
  .water_verify > div ul li {float:none;}
  .water_verify > div ul li.phone {margin-top:40rem;}
  .water_verify > div ul li a {margin-top:5rem;}
}
@media all and (max-width:599px) {
  .water_verify > div {float:none !important; width:100%;}
  .water_verify > div.left {border-right:0; border-bottom:1px solid #ddd;}
}

/*문화관광*/
.tour {position: relative; padding: 30rem; background: rgba(20, 78, 218, 0.8) url('/design/area2026/img/contents/tour-bg.png') no-repeat bottom -50rem right 30rem/30%; color: #ffffff; border-radius: 20rem;}
#content.ver1 h4.tour-title::before {display: none;}
#content.ver1 .tour h5 {color: #ffdf4c; margin-top: 0; margin-bottom: 10rem; font-size: 20rem;}
.tour-description {font-size: 18rem; margin-bottom: 20rem;}
.tour-list {display: flex; flex-wrap: wrap; margin-top: 30rem; padding-top: 30rem; border-top: 1px solid rgba(255,255,255,0.6);}
.tour-list li {margin-right: 20rem; margin-bottom: 25rem; width: calc((100% - 40rem)/3); border-radius: 10rem; overflow: hidden; background: rgba(20, 78, 218, 0.3); border: 1px solid rgba(255,255,255,0.3);}
.tour-list li:nth-child(3n){margin-right: 0;}
.tour-list .tour-overlay {padding: 20rem;}
.tour-list .tour-overlay p {font-size: 14rem;}
#content .tour a.cont_btn {background:  #ffdf4c; color: var(--text); border-color: #ffdf4c;}
@media all and (max-width: 768px) {
  .tour {background-size: 45%;}
  .tour-list li {width: calc((100% - 20rem)/2);}
  .tour-list li:nth-child(3n){margin-right: 20rem;}
  .tour-list li:nth-child(2n){margin-right: 0;}
}
@media all and (max-width: 550px) {
  .tour {background-image: none;}
  .tour-list li {width: 100%; margin-right: 0 !important;}
}

/* 재난·안전 */
#prevention_1 .btS, #prevention_2 .btS, .siteWrap .btS {float:right;}
@media all and (max-width:880px) {
  .siteWrap .logo, #prevention_1 .siteWrap .logo, #prevention_2 .siteWrap .logo {display:none;}
  .siteWrap > div, #prevention_1 .siteWrap > div, #prevention_2 .siteWrap > div {background:none !important; width:100% !important; padding:0 !important; box-sizing:border-box;}
}
#prevention_3 .con_5 p:first-child {float:right; margin-left:18rem;}
@media (max-width:880px) {
  #prevention_3 .con_5 p:first-child {clear:both; margin-left:0;}
}
.safety_tips * {box-sizing:border-box;}
.safety_tips .head {display:table-cell; height:102rem; padding-left:180rem; vertical-align:middle;}
.safety_tips .head.ico1 {background:url('/design/area/img/sub10/safety_ico1.png') no-repeat 0 8rem;}
.safety_tips .head.ico2 {background:url('/design/area/img/sub10/safety_ico2.png') no-repeat 0 8rem;}
.safety_tips .head.ico3 {background:url('/design/area/img/sub10/safety_ico3.png') no-repeat 0 8rem;}
.safety_tips .head.ico4 {background:url('/design/area/img/sub10/safety_ico4.png') no-repeat 0 8rem;}
.safety_tips .head span {color:#f30;}
.safety_tips .list {width:100%; margin-top:5rem; border-top:1px solid #000; border-left:1px solid #999; overflow:hidden;}
.safety_tips .list ul > li {float:left; width:25%; padding:4rem 0 8rem; border-right:1px solid #999; border-bottom:1px solid #999; text-align:center;}
.safety_tips .list ul > li > a[target="_blank"] {display:inline-block; padding-right:15rem; background:url('/design/common/img/layout/blankB.gif') no-repeat right center;}
.safety_tips .txt1 {margin-top:40rem; text-align:right;}
.safety_tips .txt2 {clear:both; margin-top:25rem;}
.safety_tips.tips4 .list ul > li {width:50%;}
@media all and (max-width:768px) {
  .safety_tips .head {padding-left:170rem;}
  .safety_tips .list ul > li {width:33.333%;}
  .safety_tips .txt1 {margin-top:30rem;}
  .safety_tips.tips4 .list ul > li {width:100%;}
}
@media all and (max-width:480px) {
  .safety_tips .head {padding-left:180rem;}
  .safety_tips .list ul > li {width:50%;}
  .safety_tips .txt1 {margin-top:20rem;}
}
@media all and (max-width:360px) {
  .safety_tips .head {padding-left:180rem;}
}

/* 코로나19 */
tr.bg td {background:#fdd !important;}
.path_box {margin-top:20rem; padding:30rem; border:2rem solid #0067ae;}
.path_box .tit {font-size:18rem; letter-spacing:-.7rem; font-weight:600; line-height:1.5;}
.path_box .tit span {font-size:22rem; color:#0067ae;}
.path_box ul {margin:20rem 0;}
.path_box ul li span {color:#d53636;}
.path_box p.caution {color:#0067b6;}
.path_box a {display:inline-block; margin:10rem 0 -5rem; background:#eee; border:1px solid #ddd; padding:10rem 40rem; font-weight:600;}

.course * {box-sizing:border-box;}
.course .thead {display:table; table-layout:fixed; width:100%; overflow:hidden; border-top:1px solid #000; margin-top:20rem;}
.course .tbody > ul {display:table; table-layout:fixed; width:100%; overflow:hidden;}
.course .thead li, .course .tbody > ul > li {display:table-cell; text-align:center; background:#f5f5f5; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:10rem 5rem;}
.course .tbody > ul > li {background:#fff; cursor:pointer;}
.course .thead li:nth-child(1), .course .tbody > ul > li:nth-child(1) {width:13%; border-left:1px solid #ccc;}
.course .thead li:nth-child(2), .course .tbody > ul > li:nth-child(2), .course .thead li:nth-child(3), .course .tbody > ul > li:nth-child(3) {width:20%;}
.course .thead li:nth-child(4), .course .tbody > ul > li:nth-child(4) {width:17%;}
.course .thead li:nth-child(5), .course .tbody > ul > li:nth-child(5), .course .thead li:nth-child(6), .course .tbody > ul > li:nth-child(6) {width:15%;}
.course .tbody > div {background:#fff; padding:20rem;}
.course .tbody .date li span {font-weight:600; margin-right:10rem;}
.course .tbody > ul.on {border:1px solid #1a48b9; border-bottom:0;}
.course .tbody > ul.on > li {background:#e6edff; font-weight:600;}
.course .tbody > div.on {border:1px solid #1a48b9; border-top:0;}
.course table {width:100%; border:1px solid #1a48b9; text-align:center; margin-top:40rem;}
.course table thead th {background:#e6edff; border-left:1px solid #ccc; border-bottom:1px solid #1a48b9; padding:10rem;}
.course table thead th:nth-child(1) {width:12%;}
.course table thead th:nth-child(2), .course table thead th:nth-child(3), .course table thead th:nth-child(5) {width:15%;}
.course table thead th:nth-child(6) {width:12%;}
.course table tbody td {background:#fff; border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:10rem;}
.course table thead th:first-child, .course table tbody td:first-child {border-left:0;}
.course table thead th:last-child, .course table tbody td:last-child {border-right:0;}
.course .noData {border:1px solid #1a48b9; padding:20rem; text-align:center;}
@media all and (max-width:700px) {
  .course {overflow-x:scroll;}
  .course table {width:700rem;}
}

.corona_dt {overflow:hidden; margin:20rem 10rem 0; padding:40rem; background:#dce1e5; border-radius:10rem; line-height:1.5;}
.corona_dt > div {float:left; width:40%; text-align:center;}
.corona_dt > div .txt01 {font-size:17rem; margin:15rem 0;}
.corona_dt > div .txt01 span {font-size:17rem; font-weight:600;}
.corona_dt > div .txt02 {font-size:30rem; line-height:1.3;}
.corona_dt > div .txt02 span {font-size:30rem; font-weight:600; color:#589d4a; letter-spacing:-1rem;}
.corona_dt > dl {float:right; position:relative; width:calc(100% - 43%); min-height:424rem; padding:40rem; background:#fff; border-radius:10rem; box-sizing:border-box;}
.corona_dt > dl dt {display:inline-block; position:relative; background:#589d4a; color:#fff; font-size:17rem; border-radius:40rem; padding:0 30rem; line-height:2.5;}
.corona_dt > dl dd ol {list-style:none; margin:20rem 0 0;}
.corona_dt > dl dd ol li {position:relative; border-bottom:1px solid #efefef; padding:10rem 40rem; font-size:17rem;}
.corona_dt > dl dd ol li span, .corona_dt > dl dd ol li em {font-size:17rem; color:#589d4a; font-weight:600;}
.corona_dt > dl dd ol li span {position:absolute; left:20rem; top:14rem;}
@media all and (max-width:768px) {
  .corona_dt > div {float:none; width:100%;}
  .corona_dt > dl {float:none; width:100%; min-height:auto; margin-top:15rem; padding:25rem;}
  .corona_dt > dl dd ol li {padding-right:0;}
}

.corona_part * {box-sizing:border-box;}
.corona_part {overflow:hidden; text-align:center; margin-top:50rem;}
.corona_part > li {display:inline-block; width:18.7%; margin-left:1.25%; margin-top:10rem; overflow:hidden; position:relative;}
.corona_part > li:first-child, .corona_part > li:nth-of-type(5n+1) {margin-left:0;}
.corona_part > li > a, .corona_part > li > div {display:block; width:100%; box-sizing:border-box; background:#f6ecde; border:1px solid #e5cfb1; border-radius:10rem; background-repeat:no-repeat; background-position:center 20rem; font-size:18rem; line-height:1.1;}
.corona_part > li > div {overflow:hidden; max-height:80rem;}
.corona_part > li > div span {display:table; float:left; font-size:16rem; min-height:80rem; background:#f6ecde;}
.corona_part > li > div span em {display:table-cell; vertical-align:middle; padding:0 5rem; border-right:1px solid #e5cfb1;}
.corona_part > li > div a {display:block; border-bottom:1px solid #e5cfb1; font-size:13rem; padding:9rem 0;}
.corona_part > li.pad > div a {padding:12rem 0;}
.corona_part > li > div a:last-of-type {border-bottom:0;}
.corona_part > li > a span {font-size:14rem;}
.corona_part > li > a:hover, .corona_part > li > div:hover {border-color:#e54e12; font-weight:bold;}
.corona_part > li > div:hover span em {font-weight:600;}
.corona_part > li:nth-of-type(1) > a {background-image:url('/design/area2019/img/contents/crona_part1.png');}
.corona_part > li:nth-of-type(2) > a {background-image:url('/design/area2019/img/contents/crona_part2.png');}
.corona_part > li:nth-of-type(3) > a {background-image:url('/design/area2019/img/contents/crona_part3.png');}
.corona_part > li:nth-of-type(4) > a {background-image:url('/design/area2019/img/contents/crona_part4.png');}
.corona_part > li:nth-of-type(5) > a {background-image:url('/design/area2019/img/contents/crona_part5.png');}
.corona_part > li:nth-of-type(6) > a {background-image:url('/design/area2019/img/contents/crona_part6.png');}
.corona_part > li:nth-of-type(7) > a {background-image:url('/design/area2019/img/contents/crona_part7.png');}
.corona_part > li:nth-of-type(8) > a {background-image:url('/design/area2019/img/contents/crona_part8.png');}
.corona_part > li:nth-of-type(9) > a {background-image:url('/design/area2019/img/contents/crona_part9.png');}
.corona_part > li:nth-of-type(10) > a {background-image:url('/design/area2019/img/contents/crona_part10.png');}

.corona_part_small {margin-top:0 !important;}
.corona_part_small > li > a {height:80rem; padding-top:20rem; background-size:18%; background-position:10% center; padding-left:20%; font-size:16rem;}
.corona_part_small > li > a > span {font-size:13rem;}

.corona_part .btn2 {position:absolute; width:100%; height:100%; bottom:-100%; left:0; background:#f6ecde; border:1px solid #e5cfb1; border-radius:10rem; box-sizing:border-box; transition:all .3s;}
.corona_part .btn2 > li > a {display:block; padding:9rem 0; height:auto; border-bottom:1px dashed #e5cfb1; font-size:14rem;}
.corona_part .btn2 > li:last-child a {border-bottom:0;}
.corona_part > li:hover .btn2 {bottom:0;}
@media all and (max-width:1112px) {
  .corona_part > li {width:23.5%; margin-left:2%; float:left;}
  .corona_part > li:nth-child(4n+1) {margin-left:0;}
  .corona_part > li:nth-of-type(6n) {margin-left:2%;}
}
@media all and (max-width:756px) {
  .corona_part > li {width:49%; margin-left:2%;}
  .corona_part > li:nth-of-type(2), .corona_part > li:nth-of-type(3) {min-height:80rem;}
  .corona_part > li:nth-of-type(5n+1) {margin-left:2% !important;}
  .corona_part > li:nth-of-type(2n-1) {margin-left:0 !important;}
  .corona_part > li > a {height:64rem; padding:5rem !important; background-image:none !important;}
  .corona_part > li:not(:first-child) > a {height:45rem !important;}
}

.covid_inner {position:relative; background:#fff; border-radius:15rem; box-sizing:border-box; overflow:hidden; text-align:center; margin:20rem 0 40rem;}
.covid_inner p {margin-top:10rem;}
.covid_inner h3 {font-size:28rem; padding:13rem 0; display:inline-block; line-height:30rem; font-weight:600;}
.covid_inner .btS {margin-bottom:7rem;}

.Date {position:absolute; top:50rem; right:10rem; margin:0 !important;}
.statusWrap {overflow:hidden;}
.status_box {float:left; width:24.25%; margin-left:1%; box-sizing:border-box; text-align:center; padding:5rem; border-radius:10rem; font-size:30rem;}
.status_box h4 {color:#fff; margin-bottom:0; padding-left:0 !important;}
.status_box h4::before {background:none;}
.status_box.box1 {background:#d71635; margin-left:0;}
.status_box.box2 {background:#037a8c;}
.status_box.box3 {background:#123a91;}
.status_box.box4 {background:#585858;}
.status_box.box1 span, .status_box.box2 span, .status_box.box3 span, .status_box.box4 span {padding:6rem 0; font-size:30rem; background:#fff; border-radius:7rem;}
.status_box span {display:block; text-align:center;}
.status_box .count {font-weight:600; font-size:30rem; line-height:30rem;}
.status_box li {float:left; width:50%; text-align:center; margin-top:10rem; padding:10rem 0;}
.status_box li:nth-child(2) {background:rgba(0,0,0,.1); border-radius:20rem;}
@media all and (max-width:880px) {
  #covid19 h3 {padding:10rem 0 40rem;}
  .covid_inner h3 {margin-top:30rem;}
}
@media all and (max-width:640px) {
  .Date {top:80rem !important;}
}
@media all and (max-width:353px) {
  .Date {top:120rem !important;}
}

/* 지원대책 탭 */
.support_tabWrap {position:relative; width:100%; overflow:hidden; margin-top:20rem;}
.support_tabWrap hr {width:100%; height:1rem; display:block; border:0; border-bottom:1px dashed #ccc;}
.support_tabWrap .support_tab {position:relative;}
.support_tabWrap .support_tab li {position:absolute; top:0; text-align:center; width:24.9%; float:left; border:1px solid #e1e6eb; box-sizing:border-box;}
.support_tabWrap .support_tab li a {display:block; padding:10rem 15rem; padding-left:20% !important; background-color:#f7f7f7; background-repeat:no-repeat; background-size:10%; background-position:10rem center; letter-spacing:-1.5rem; font-size:15.5rem;}
.support_tabWrap .support_tab li.active a {font-weight:600; margin-left:0; background-color:#fff; color:#2a4483; border:1rem solid #2a4483; box-sizing:border-box;}
.support_tabWrap .support_tab li:nth-of-type(1) {left:0;}
.support_tabWrap .support_tab li:nth-of-type(2) {left:25%;}
.support_tabWrap .support_tab li:nth-of-type(3) {left:50%;}
.support_tabWrap .support_tab li:nth-of-type(4) {left:75%;}
.support_tabWrap .support_tab li:nth-of-type(5) {left:0; top:52rem;}
.support_tabWrap .support_tab li:nth-of-type(6) {left:25%; top:52rem;}
.support_tabWrap .support_tab li:nth-of-type(7) {left:50%; top:52rem;}
.support_tabWrap .support_tab li:nth-of-type(8) {left:75%; top:52rem;}
.support_tabWrap .support_tab li:nth-of-type(1) > a {background-image:url('/design/area2019/img/contents/crona_part1.png');}
.support_tabWrap .support_tab li:nth-of-type(2) > a {background-image:url('/design/area2019/img/contents/crona_part4.png');}
.support_tabWrap .support_tab li:nth-of-type(3) > a {background-image:url('/design/area2019/img/contents/crona_part2.png');}
.support_tabWrap .support_tab li:nth-of-type(4) > a {background-image:url('/design/area2019/img/contents/crona_part3.png');}
.support_tabWrap .support_tab li:nth-of-type(5) > a {background-image:url('/design/area2019/img/contents/crona_part5.png');}
.support_tabWrap .support_tab li:nth-of-type(6) > a {background-image:url('/design/area2019/img/contents/crona_part6.png');}
.support_tabWrap .support_tab li:nth-of-type(7) > a {background-image:url('/design/area2019/img/contents/crona_part7.png');}
.support_tabWrap .support_tab li:nth-of-type(8) > a {background-image:url('/design/area2019/img/contents/crona_part8.png');}
.support_tabWrap .support_part {margin-top:130rem; box-sizing:border-box; width:100%;}
.support_tabWrap .support_part div {overflow:hidden;}
.support_tabWrap .support_part div li, .support_tabWrap .support_part div li strong {font-size:17rem !important;}
.support_tabWrap .support_part div li a {height:auto; color:#333; text-indent:0;}
.support_tabWrap .support_part div .link {position:absolute; right:150rem; top:48%; display:block; padding:7rem 30rem; text-align:center; background:#e95412; color:#fff;}
.support_tabWrap .support_part div .link a {color:#fff; font-weight:bold; font-size:20rem;}
.support_tabWrap .support_part div .linkM {display:none;}
@media all and (max-width:1100px) {
  .support_tabWrap .support_tab li {width:49.8% !important;}
  .support_tabWrap .support_tab li a {background-size:7% !important;}
  .support_tabWrap .support_tab li:nth-of-type(1) {left:0 !important;}
  .support_tabWrap .support_tab li:nth-of-type(2) {left:50% !important;}
  .support_tabWrap .support_tab li:nth-of-type(3) {left:0 !important; top:52rem !important;}
  .support_tabWrap .support_tab li:nth-of-type(4) {left:50% !important; top:52rem !important;}
  .support_tabWrap .support_tab li:nth-of-type(5) {left:0 !important; top:104rem !important;}
  .support_tabWrap .support_tab li:nth-of-type(6) {left:50% !important; top:104rem !important;}
  .support_tabWrap .support_tab li:nth-of-type(7) {left:0 !important; top:156rem !important;}
  .support_tabWrap .support_tab li:nth-of-type(8) {left:50% !important; top:156rem !important;}
  .support_tabWrap .support_part {margin-top:230rem !important;}
  .support_tabWrap .support_part div .link {display:none;}
  .support_tabWrap .support_part div .linkM {display:block; padding:10rem 30rem; text-align:center; background:#e95412; color:#fff;}
  .support_tabWrap .support_part div .linkM a {color:#fff; font-weight:bold; font-size:16rem;}
}
@media all and (max-width:640px) {
  .support_tabWrap .support_tab li a {font-size:14rem; background-image:none !important; padding:13rem 1% !important;}
  .support_tabWrap .support_part div .link {display:none;}
  .support_tabWrap .support_part div .linkM {display:block; padding:10rem 30rem; text-align:center; background:#e95412; color:#fff;}
  .support_tabWrap .support_part div .linkM a {color:#fff; font-weight:bold; font-size:16rem;}
}
@media all and (max-width:400px) {
  .support_tabWrap .support_tab li a {font-size:12rem; letter-spacing:-.05em; padding:14rem .3% !important;}
}

/* Q&A·예방접종 */
.QnA {margin-bottom:10rem; border-top:1px solid #00487e;}
.QnA dt, .QnA dd {position:relative; padding:20rem 20rem 20rem 60rem;}
.QnA dt > span, .QnA dd > span {display:inline-block; position:absolute; top:14rem; left:20rem; font-weight:600; font-size:1.25em; font-family:verdana;}
.QnA dt > span {color:#00487e;}
.QnA dd > span {color:#00aaf1; top:17rem; left:21rem;}
.QnA dt {border-bottom:1px solid #c4c4c4; font-weight:500; color:#00487e; cursor:pointer;}
.QnA dd {border-bottom:1px solid #c4c4c4; background:#f9f9fb;}
.QnA dd strong {display:inline-block; margin-bottom:10rem;}

.vac_photo {overflow:hidden;}
.vac_photo li {float:left; width:48%;}
.vac_photo li:last-child {float:right;}
.vac_photo li h5 {margin-top:0;}
@media all and (max-width:768px) {
  .vac_photo li, .vac_photo li:last-child {float:none; width:100%;}
  .vac_photo li:first-child h5 {margin-top:0;}
  .vac_photo li h5 {margin-top:25rem;}
}

.vaccination_top02 {display:flex; flex-flow:row wrap; text-align:center;}
.vaccination_top02 dl {width:33.333%; padding:20rem; background:#f6f6f6;}
.vaccination_top02 dl:nth-child(even) {background:#ececec;}
.vaccination_top02 dl dt {display:flex; flex-flow:column wrap; min-height:64rem; align-items:center; justify-content:center; font-size:20rem; font-weight:600;}
.vaccination_top02 dl dt span {display:block;}
.vaccination_top02 dl dd a {display:inline-block; background:#345df5; border-radius:20rem; color:#fff; padding:4rem 13rem; margin-top:7rem; font-size:15rem;}
@media all and (max-width:768px) {
  .vaccination_top02 dl {width:100%;}
  .vaccination_top02 dl dt {display:block; min-height:auto;}
  .vaccination_top02 dl dt span {display:inline-block;}
}

/* 스마트도시 */
.smart_city .gray_box {background:#f8f8f8; padding:20rem;}
.smart_city .gray_box dd {margin-top:10rem;}
.smart_city .smart_img {border:1px solid #ddd; border-radius:20rem; text-align:center; padding:50rem; margin-bottom:40rem;}

.smart_city_02 i {display:inline-block; text-align:center;}
.smart_city_02 i span {width:90px; height:90px; display:block; background:#f8f8f8; border-radius:50px; padding:12rem;}
.smart_city_02 h5 {display:inline-block;}
.smart_city_02 .list {overflow:hidden; display:flex; flex-wrap:wrap;}
.smart_city_02 .list > div {float:left; border:1px solid #ddd; border-radius:20rem; padding:30rem; margin-top:20rem; width:49%; margin-left:2%;}
.smart_city_02 .list > div:nth-child(2n+1) {margin-left:0;}
.smart_city_02 .list h5 {margin-top:0 !important;}
.smart_city_02 .tit {display:flex; justify-content:space-between; align-items:center;}
.smart_city_02 .video {background:#f5f5f5; padding:40rem; text-align:center; margin-top:20rem; border-radius:30rem;}
.smart_city_02 .video video {width:100%;}
.smart_city_02 .video div {margin-top:20rem;}
@media all and (max-width:768px) {
  .smart_city_02 .list > div {padding:20rem; margin-top:10rem; width:100%; margin-left:0; display:block;}
  .smart_city_02 i span {width:80rem; height:80rem;}
}
#chart-container .highcharts-legend-item text, #chart-con1 .highcharts-legend-item text {font-size:15rem !important;}

/* 사이트맵 */
#sitemap dl {clear:both; margin-bottom:30rem; background:#efefef; border:1px solid #ccc; overflow:hidden;}
#sitemap dt {float:left; width:100%; padding:9rem 0; height:auto; border-bottom:2rem solid #2a4483;}
#sitemap dt span {display:block; margin-left:20rem;}
#sitemap dt span a {color:#2a4483; font-weight:700; font-size:20rem !important;}
#sitemap dd {float:right; width:100%; padding:9rem 0; background:#fff;}
#sitemap dd > ul {margin-left:20rem;}
#sitemap dd > ul > li {margin:0 0 15rem;}
#sitemap dd > ul > li > a {padding-left:11rem; font-weight:600; color:#333; background:url('/design/ko/img/common/depth_01.gif') no-repeat 0 6rem;}
#sitemap dd > ul > li > ul {margin:4rem 20rem 4rem 0; padding:6rem 0 6rem 15rem; border:1px dashed #ddd; background:#f5f5f5; overflow:hidden;}
#sitemap dd > ul > li > ul > li {float:left; width:30.5%; padding-left:11rem; background:url('/design/ko/img/common/depth_02.gif') no-repeat 0 11rem;}
#sitemap dd > ul > li > ul > li > a {color:#333;}

/* 무장애 */
/*#content {overflow:hidden;}*/

.goal ul {display:flex; margin:-7rem;}
.goal ul li {border:1px solid #ddd; border-radius:20rem; overflow:hidden; width:33.333%; margin:7rem;}
.goal ul li span {display:block; background:#185fa5; color:#fff; text-align:center; padding:10rem 20rem;}
.goal ul li p {padding:10rem 20rem; text-align:center;}
@media all and (max-width:599px) {
  .goal ul {flex-wrap:wrap;}
  .goal ul li {width:100%;}
}

/* IE10·11 */
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
  #content.ver1 .h4::before {background:#345df5;}
  #content.ver1 h5, #content.ver1 .h5 {color:#345df5;}
  #content a.btnM, #content a.btM {background:#345df5; border-color:#345df5;}
  #content.ver1 dl.basic_box {border-top-color:#345df5;}
  #content.ver1 dl.basic_box dt {color:#345df5;}
  #content.ver1 .tbl_area table, #content.ver1 .tbl_wrap table, #content.ver1 .table_01 {border-top-color:#345df5;}

  .siteWrap {border-color:#e5e5e5;}
  .siteWrap > div {border-left-color:#e5e5e5;}

  #content.ver1 .depth_01 > li::before, #content.ver1 .dep_01 > li::before {top:14rem; width:5rem; height:5rem; border-radius:50%; background:#345df5;}
  #content.ver1 .board_box .con {min-height:0;}

  .page_research_box .radio_list li > * + * {margin-left:10rem;}
  .page_research_box dd .comment > a {margin-left:10rem;}

  .edu_list_first {display:flex; flex-wrap:wrap;}
  .edu_list_first > dl {width:48.5%; margin-bottom:40rem; border-color:#e5e5e5;}
  .edu_list_first > dl > dt a {color:#345df5;}
  .edu_list_first.list {display:block;}
  .edu_list_first.list > dl {width:100%; margin-bottom:0;}

  .vaccination_top02 {display:flex; flex-wrap:wrap;}

  .smart_city_02 .list {display:flex; flex-wrap:wrap;}

  .goal ul {display:flex;}
}
@media all and (-ms-high-contrast:none) and (max-width:768px), (-ms-high-contrast:active) and (max-width:768px) {
  .page_research_box dd .comment > a {margin-left:0; margin-top:10rem;}
}
@media all and (-ms-high-contrast:none) and (max-width:680px), (-ms-high-contrast:active) and (max-width:680px) {
  .edu_list_first > dl {width:100%; margin-right:0;}
}