@charset "utf-8";

/*서브레이아웃*/
#container {background:#f5f8fd;}
#container > .wrap {position:relative; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; overflow:hidden; }
#container > .wrap::before {content:''; position:absolute; left:22%; top:0; width:1px; height:100%; background:#ccc; }
@media all and (max-width:1023px){
  #container > .wrap {border:0; width:100%; margin:0; }
  #container > .wrap::before {display:none;}
}

/*공통*/
h4 {font-size:25px; margin:30px 0 20px; border-top:1px dashed #ddd; padding-top:30px;  }
h4 span.small {font-size:19px;}
h4.first {border-top:0; padding-top:0; margin-top:0;}
h5 { font-size:20px; margin:30px 0 10px; color:#029f8b; }
h5 span { position:relative; display:inline-block; padding-right:19px;}
h5 span::before {content:''; position:absolute; right:0; bottom:13px; width:6px; height:6px; border-bottom:3px solid #029f8b; border-left:3px solid #029f8b; transform:rotate(-45deg); }
h6 {font-size:17px; margin:20px 0; }
#content {line-height:1.5;}
#content .boxCont {background:#f5f5f5; border:1px dashed #ccc; padding:20px 30px; margin:10px 0; }
#content .boxCont dl dt {font-size:20px; font-weight:600; margin-bottom:20px;}
#content .deptNo > li {padding:5px 0;}
#content .dept1 {margin-left:15px;}
#content .dept1 > li {position:relative; padding:5px 0 5px 17px;}
#content .dept1 > li::before {content:''; position:absolute; left:0; top:14px; width:7px; height:7px; background: linear-gradient(45deg, #007d6d 50%, transparent 50%); transform: rotate(-135deg); }
#content .dept1 li.btn::before { top:21px; }
#content .dept2 {margin:5px 0;}
#content .dept2 > li {position:relative; padding:3px 0 3px 12px; font-size:15px; }
#content .dept2 > li::before {content:''; position:absolute; left:0; top:12px; width:4px; height:4px; background:#666; }
#content .dept3 {margin:5px 0;}
#content .dept3 > li {position:relative; padding:3px 0 3px 12px; font-size:14px; }
#content .dept3 > li::before { content:''; position:absolute; left:0; top:14px; width:4px; height:1px; background:#666; }
#content .csInfo { background:#f5f5f5; border-radius:20px; margin:40px 0 0; overflow:hidden; padding:30px 40px;}
#content .csInfo dl { position:relative; float:left; width:60%; padding-left:65px; }
#content .csInfo dl:first-child {width:40%;}
#content .csInfo dl::before {content:''; position:absolute; left:0; top:0; width:45px; height:45px; background:url('/design/health2020/img/sub/csIcon.png') no-repeat -45px 0;}
#content .csInfo dl:first-child::before {background-position:0 0;}
#content .csInfo dl dt span { display:inline-block; border-bottom:1px solid #666; font-weight:600; margin-bottom:15px; }
#content .caution { font-size:14px; background:url('/design/health2020/img/sub/caution.png') no-repeat left 1px; padding-left: 25px; margin:10px 0; }
#content a.btnSt { display:inline-block; background:#163448; font-size:14px; color:#fff; padding:7px 20px; border-radius:20px; margin:2px 5px; text-align:left; }
#content a.btnSt:hover {background:#1d639e;}
#content a.btnSt span { display:block; position:relative; padding-right:27px; }
#content a.btnSt span::before {content:''; position:absolute; right:0; top:50%; width:20px; height:20px; margin-top:-10px; background:url('/design/health2020/img/sub/btnIcon.png') no-repeat 0 0; background-size:40px auto;}
#content a.btnSt.down span::before {background-position:-20px 0;}
#content a.link { font-size:15px; background:url('/design/health2020/img/common/blank.gif') no-repeat right 6px; padding-right:13px; color:#1d639e; }
#content a.link:hover {text-decoration:underline;}
#content .tblWrap {overflow:auto; margin:20px 0; }
#content .tblWrap table { table-layout:auto; border-collapse:separate; width:100%; border-top:2px solid #434343; border-bottom:1px solid #434343; text-align:center; margin-left:-1px; }
#content .tblWrap table thead th {border-left:1px solid #ddd; background:#f8f8f8; border-bottom:1px solid #ddd; padding:12px; }
#content .tblWrap table tbody th,
#content .tblWrap table tbody td {border-left:1px solid #ddd; border-top:1px solid #ddd; padding:10px; font-size:15px; }
#content .tblWrap table tbody th {background:#f8f8f8; }
#content .tblWrap table tbody tr:first-child th,
#content .tblWrap table tbody tr:first-child td {border-top:1px solid #343434; }
#content .tblWrap.taL td {text-align:left;}
#content .imgWrap2 {overflow:hidden;}
#content .imgWrap2 li {float:left; width:50%; padding:0 20px; text-align:center; }
#content .imgWrap2 li img {width:100%; box-shadow:2px 2px 10px rgba(0,0,0,0.2); border:5px solid #fff;}
#content .imgWrap2 li span {display:inline-block; font-size:17px; font-weight:600; margin-top:13px; }
#content a.text_link { color:blue; background:url('/design/health2020/img/common/blank.gif') no-repeat right 3px; padding-right:12px; }
#content a.text_link:hover { color:blue; text-decoration:underline; }

@media all and (max-width:768px){
  h4 {font-size:22px;}
  h5 { font-size:18px;}
  #content .csInfo {padding:25px 30px;}
  #content .csInfo dl {width:100% !important; padding:10px 0 10px 80px;}
  #content .csInfo dl:first-child {margin-bottom:10px;}
  #content .csInfo dl dt { display:inline-block; margin-right:20px;}
  #content .csInfo dl dt span {margin:0;}
  #content .csInfo dl dd {display:inline-block;}
}


.tab_depth04 {margin-bottom:30px;}
.tab_depth04 ul  {display:flex; flex-wrap:wrap; margin:-2px;}
.tab_depth04 ul li {width:calc(33.333% - 4px); margin:2px; border:1px solid #cccccc; }
.tab_depth04 ul li a {display:flex; align-items:center; justify-content:center; padding:10px 7px;}
.tab_depth04 ul li.active {background:#4698c7; border-color:#4698c7; font-weight:600;}
.tab_depth04 ul li.active a {color:#fff;}
@media all and (max-width:768px){
    .tab_depth04 ul li {width:calc(50% - 4px);}
}
@media all and (max-width:320px){
    .tab_depth04 ul li {width:100%;}
}


.greeting .top { position:relative; background:url('/design/health2020/img/sub/greetingBg.jpg') no-repeat center ; background-size:cover; color:#fff; padding:50px; margin-bottom:50px; }
.greeting .top::before {content:''; position:absolute; right:60px; bottom:0; width:352px; height:243px; background:url('/design/health2020/img/sub/greetingIllu.png') no-repeat center; z-index:1;}
.greeting .top::after  {content:''; position:absolute; right:20px; bottom:-20px; width:117px; height:72px; background:url('/design/health2020/img/sub/greetingIllu2.png') no-repeat center; z-index:3;}
.greeting .top dl {position:relative; z-index:2; text-shadow:2px 2px 3px rgba(0,0,0,0.4);}
.greeting .top dt {font-size:20px; margin-bottom:20px;}
.greeting .top dd {font-family:'SCDream', 'notokr', sans-serif; font-size:35px; font-weight:600; }
.greeting .top dd span {display:block;}
.greeting p {margin-top:20px; font-size:17px; line-height:1.7;}
.greeting p.name {font-family:'SCDream', 'notokr', sans-serif; font-size:20px; font-weight:600; text-align:right; }
@media all and (max-width:768px){
  .greeting .top {padding:30px;}
  .greeting .top::before { height:180px; background-size:auto 100%; right:0; }
  .greeting .top dd {font-size:28px;}
}
@media all and (max-width:480px){
  .greeting .top::before { display:none; }
  .greeting .top dt {margin-bottom:10px;}
  .greeting .top dd {margin-bottom:15px;}
  .greeting .top dd span {display:inline;}
}

/*찾아오시는길*/
.contact .address { font-size:17px; }
.contact .address li { position:relative; padding:10px 0 10px 40px; }
.contact .address li::before {content:''; position:absolute; left:0; top:7px; width:30px; height:30px; background:url('/design/health2020/img/sub/contactIcon.png') no-repeat -30px 0;}
.contact .address li:first-child::before {background-position:0 0;}
.contact .mapWrap { width:100%; margin:30px 0 40px;}
.contact .mapWrap .border1,
.contact .mapWrap .border2,
.contact .mapWrap .border3,
.contact .mapWrap .border4,
.contact .mapWrap .wrap_controllers {display:none;}
.contact dl {overflow: hidden; }
.contact dl dt {float:left; width:25%; }
.contact dl dt h5 {margin:0;}
.contact dl dd {float:left; width:75%; font-size:17px; padding:5px 0; }
@media all and (max-width:768px){
  .contact dl dt { width:35%; }
  .contact dl dd { width:65%; }
}
@media all and (max-width:480px){
  .contact dl dt { width:100%; }
  .contact dl dd { width:100%; margin-top:10px; }
}

/*치매예방*/
.mental01 .step { position:relative; overflow:hidden; margin-top:10px;}
.mental01 .step dl { float:left; width:30%; margin-left:5%; border:1px solid #ccc; border-radius:5px; }
.mental01 .step dl:first-child {margin-left:0;}
.mental01 .step dl dt {padding:10px; text-align:center; background:#4698c7; color:#fff; font-weight:500; }
.mental01 .step dl:nth-child(3) dt { background:#df7f66; }
.mental01 .step dl:nth-child(5) dt { background:#00a5ad; }
.mental01 .step dl dd {padding:10px;}
.mental01 .step p {position:absolute; top:50%; margin-top:-25px; font-size:14px; line-height:1.3; padding-bottom:15px; font-weight:600;}
.mental01 .step p::before {content:'→'; position:absolute; left:50%; margin-left:-6px; bottom:0; }
.mental01 .step p.num1 {left:31%;}
.mental01 .step p.num2 {left:66%;}
.mental01 .step p span {display:block;}
@media all and (max-width:600px){
  .mental01 .step dl { float:none; width:100%; margin-left:0; margin-top:10px; }
  .mental01 .step dl:first-child { margin-top:0; }
  .mental01 .step p { width:70px; position:relative; left:auto !important; top:auto !important; padding-bottom:0; margin:10px auto 0; }
  .mental01 .step p::before {content:'↓'; left:auto; right:0; margin-left:0; }
  .mental01 .step p span {display:inline;}
}

/*정신건강*/
.mental02 .step { position:relative; overflow:hidden;}
.mental02 .step li { position:relative; float:left; width:21.25%; margin:10px 0 10px 5%; padding:60px 15px 10px; background:#fff; border:1px solid #ddd; border-radius:10px; font-weight:600; }
.mental02 .step li:first-child {margin-left:0;}
.mental02 .step li::before {content:''; position:absolute; top:50px; left:-25%; width:25%; height:1px; border-top:1px dashed #aaa; }
.mental02 .step li:nth-child(3)::after {content:''; position:absolute; width:1px; height:100%; top:50px; left:-12%; border-left:1px dashed #aaa; }
.mental02 .step li span.num { position:absolute; left:10px; top:10px; font-size:20px; width:40px; height:40px; border-radius:50%; line-height:40px; text-align:center; color:#fff; background:#1d639e; z-index:10; }
.mental02 .step.num2 { margin-left:47.5%; }
.mental02 .step.num2 li { width:90%; margin-left:10% }
.mental02 .step.num2 li::before {left:-5%; width:5%; }
.mental02 .step.num2 li::after {content:''; position:absolute; left:-5.8%; top:-10px; width:1px; height:65%; border-left:1px dashed #aaa;}
@media all and (max-width:480px){
  .mental02 .boxCont {overflow:auto; }
  .mental02 .step { width:480px;}
  .mental02 .step.num2 {margin-left:0; padding-left:229px;}
  .mental02 .step.num2 li { width:226px; }
}

/*전국민마음투자 지원사업*/
.mental03 .step { position:relative; overflow:hidden; margin-top:10px;}
.mental03 .step dl { float:left; width:21%; margin-left:5%; border:1px solid #ccc; border-radius:5px; }
.mental03 .step dl:first-child {margin-left:0;}
.mental03 .step dl dt {padding:10px; text-align:center; background:#4698c7; color:#fff; font-weight:500; }
.mental03 .step dl:nth-child(3) dt { background:#df7f66; }
.mental03 .step dl:nth-child(5) dt { background:#00a5ad; }
.mental03 .step dl dd {padding:10px; text-align: center;}
.mental03 .step p {position:absolute; top:50%; margin-top:-25px; font-size:14px; line-height:1.3; padding-bottom:15px; font-weight:600;}
.mental03 .step p::before {content:'→'; position:absolute; left:50%; margin-left:-6px; bottom:0; }
.mental03 .step p.num1 {left:23.5%;}
.mental03 .step p.num2 {left:49.5%;}
.mental03 .step p.num3 {left: 75.5%;}
.mental03 .step p span {display:block;}
@media all and (max-width:600px){
  .mental03 .step dl { float:none; width:100%; margin-left:0; margin-top:10px; }
  .mental03 .step dl:first-child { margin-top:0; }
  .mental03 .step p { width:70px; position:relative; left:auto !important; top:auto !important; padding-bottom:0; margin:10px auto 0; }
  .mental03 .step p::before {content:'↓'; left:auto; right:0; margin-left:0; }
  .mental03 .step p span {display:inline;}
}

/*금연클리닉 운영*/
.smokingClinic .step {overflow:hidden; }
.smokingClinic .step dl {position:relative; float:left; width:33.33%; padding:10px 20px;}
.smokingClinic .step dl::before,
.smokingClinic .step dl::after { content: ''; position: absolute; left:-12px; top: 50%; width: 10px; height: 10px; background: linear-gradient(45deg, #029f8b 50%, transparent 50%); transform: rotate(-135deg);}
.smokingClinic .step dl::after { left:-5px; background: linear-gradient(45deg, #4698c7 50%, transparent 50%); }
.smokingClinic .step dl:first-child::before,
.smokingClinic .step dl:first-child::after {display:none;}
.smokingClinic .step dl dt {position:relative; font-size:18px; font-weight:600; padding:55px 0 10px;}
.smokingClinic .step dl dt span {position:relative; z-index:10;}
.smokingClinic .step dl dt span.num { font-family:'Montserrat', 'notokr', sans-serif; ; position:absolute; left:0; top:0; font-size:60px; color:#e1e1e1; z-index:1; }
@media all and (max-width:600px){
  .smokingClinic .step dl {width:100%;}
  .smokingClinic .step dl::before,
  .smokingClinic .step dl::after { transform: rotate(-45deg); left:50%; top:-7px; }
  .smokingClinic .step dl::after {top:0;}
}

/* 비대면 금연클리닉 운영 */
.sClinic_step{overflow: hidden;}
.sClinic_step li{position: relative; float: left; width: 25%; padding: 10px 20px; font-weight: 600; font-size: 15px; padding: 50px 30px 20px;}
.sClinic_step li span.num{ font-family:'Montserrat', 'notokr', sans-serif; ; position:absolute; left:30px; top:0; font-size:60px; font-weight:600; color:#e1e1e1; z-index:1; }
.sClinic_step li p{z-index:10;}


/* 금연정보 */
.smokingQna .list {border-top:2px solid #444; margin-bottom:30px;}
.smokingQna .list > a { display:block; position:relative; border-bottom:1px solid #ddd; padding:15px 15px 15px 70px; font-weight:600; }
.smokingQna .list > a span,
.smokingQna .list > div span {position:absolute; left:0; top:0; width:50px; padding-top:10px; height:100%; background:#4698c7; color:#fff; text-align:center; font-size:20px; }
.smokingQna .list > div { display:none; position:relative; padding:30px 30px 30px 100px; border-bottom:1px solid #ddd; background:#f5f5f5; }
.smokingQna .list > div span { background:#df7f66; height:50px; top:30px; left:30px; }
.smokingQna .list > div .small {font-size:14px; padding:10px 0 20px;}
@media all and (max-width:480px){
  .smokingQna .list > div { padding:20px 20px 20px 90px; }
  .smokingQna .list > div span {top:20px; left:20px;}
}

/*예비엄마를 위한 사업*/
.pregnant .step {overflow:hidden;}
.pregnant .step dl { position:relative; float:left; width:25%; padding:60px 20px 0; margin:5px 0; }
.pregnant .step dl::before {content:''; position:absolute; left:50%; top:0; width:60px; height:60px; margin-left:-30px; background:url('/design/health2020/img/sub/pregnantStep.png') no-repeat 0 0; }
.pregnant .step dl:nth-child(2)::before {background-position:-60px 0;}
.pregnant .step dl:nth-child(3)::before {background-position:-120px 0;}
.pregnant .step dl:nth-child(4)::before {background-position:-240px 0;}
.pregnant .step.icon2 dl:nth-child(4)::before {background-position:-180px 0;}
.pregnant .step dl dt {margin-bottom:10px !important;}
@media all and (max-width:768px){
  .pregnant .step dl {width:50%; padding:60px 10px 0;}
}

/*의료기관안내*/
.map_search {position:relative; margin-bottom:40px; width:100%; padding:20px 0; text-align:center; box-sizing:border-box; background:#eee;}
.map_search select {padding-left:10px;min-width:140px;height:40px;border:1px solid #ccc;box-sizing:border-box;background:#fff;vertical-align:top;}
.map_search input {margin:0 3px; padding:0 10px; width:300px; height:40px; border:1px solid #ccc;box-sizing:border-box; vertical-align:top;}
.map_search a.search_btn {display:inline-block; width:70px; padding:8px 0; color:#fff;background:#00b39c; border-radius:3px; border:none;}
.contMap {border-bottom:1px solid #000;}
.contMap table {border-bottom:0 !important;}
.contMap table .mapBtn {background:url('/design/health2020/img/common/map_btn.png') no-repeat center center; width:25px; height:25px; display:inline-block; text-indent:-9999px;}
.contMap table .map_td {display:none;}
.map_wrap {width:100%; height:300px; background:#eee;}
.map_wrap p {text-align:center; font-size:25px; padding:130px 0;}

/*임신사전건강관리 지원*/
#content .dept1 > .li_css::before{
  top: 21px;
}

@media all and (max-width:768px){
  .map_search input {width:150px;}
}
@media all and (max-width:480px){
  .map_search select {width:30%;}
  .map_search input {width:50%; margin:0;}
  .map_search a.search_btn {width:87%; margin-top:10px;}
}

/*영양플러스사업*/
.nutriPlus .step span {display:block; width:50%; background:#4698c7; color:#fff; text-align:center; margin:0 auto; border-radius:5px; padding:5px;}
.nutriPlus .step li { position:relative; list-style-type:none; padding:15px;}
.nutriPlus .step > li:nth-child(5) {padding:0;}
.nutriPlus .step > li::before { content:'▼'; position:absolute; left:50%; top:-12px; margin-left:-7px; color:#999; font-size:15px; }
.nutriPlus .step > li:first-child::before,
.nutriPlus .step > li:nth-child(5)::before {display:none;}
.nutriPlus .step ul { position:relative; overflow:hidden;}
.nutriPlus .step ul li { float:left; width:33.33%; }
.nutriPlus .step ul li::before {content:''; position:absolute; left:50%; top:0; width:1px; height:50%; background:#999; z-index:10; }
.nutriPlus .step ul::before {content:''; position:absolute; left:16.66%; top:0; width:66.68%; height:1px; background:#999; z-index:10;}
.nutriPlus .step ul li span { position:relative; width:100%; background:#df7f66; z-index:20;}

/*출산장려금 지원*/
.birthSupport .step {overflow:hidden; }
.birthSupport .step dl { position:relative; float:left; width:25%; min-height:130px; font-weight:600; font-size:20px; padding:50px 30px 20px; }
.birthSupport .step dl::before,
.birthSupport .step dl::after { content: ''; position: absolute; left:-12px; top: 50%; width: 10px; height: 10px; background: linear-gradient(45deg, #029f8b 50%, transparent 50%); transform: rotate(-135deg);}
.birthSupport .step dl::after { left:-5px; background: linear-gradient(45deg, #4698c7 50%, transparent 50%); }
.birthSupport .step dl:first-child::before,
.birthSupport .step dl:first-child::after {display:none;}
.birthSupport .step dl span.num { position:absolute; font-family: 'Montserrat', 'notokr', sans-serif; left:30px; top: 0; font-size: 60px; color: #e1e1e1; z-index: 1; }
.birthSupport .step dl p {position:relative; z-index:2; }
@media all and (max-width:768px){
  .birthSupport .step dl {width:50%; font-size:17px; padding:40px 20px 20px; min-height:auto;}
  .birthSupport .step dl:nth-child(3) {clear:both;}
  .birthSupport .step dl span {font-size:45px; left:20px; }
}
/* 다복가정 희망카드 지원 */
.dabok .step {overflow:hidden; }
.dabok .step li { position:relative; float:left; width:25%; min-height:130px; font-weight:600; font-size:20px; padding:50px 30px 20px; }
.dabok .step li::before,
.dabok .step li::after { content: ''; position: absolute; left:-12px; top: 50%; width: 10px; height: 10px; background: linear-gradient(45deg, #029f8b 50%, transparent 50%); transform: rotate(-135deg);}
.dabok .step li::after { left:-5px; background: linear-gradient(45deg, #4698c7 50%, transparent 50%); }
.dabok .step li:first-child::before,
.dabok .step li:first-child::after {display:none;}
.dabok .step li span.num { position:absolute; font-family: 'Montserrat', 'notokr', sans-serif; left:30px; top: 0; font-size: 60px; color: #e1e1e1; z-index: 1; }
.dabok .step li p {position:relative; z-index: 22; }
@media all and (max-width:768px){
  .dabok .step li {width:50%; font-size:17px; padding:40px 20px 20px; min-height:auto;}
  .dabok .step li:nth-child(3) {clear:both;}
  .dabok .step li span {font-size:45px; left:20px; }
}
/* 출산축하쿠폰 지원 */
.birthCelebration .step {overflow:hidden; }
.birthCelebration .step dl { position:relative; float:left; width:25%; min-height:130px; font-weight:600; font-size:20px; padding:50px 30px 20px; }
.birthCelebration .step dl::before,
.birthCelebration .step dl::after { content: ''; position: absolute; left:-12px; top: 50%; width: 10px; height: 10px; background: linear-gradient(45deg, #029f8b 50%, transparent 50%); transform: rotate(-135deg);}
.birthCelebration .step dl::after { left:-5px; background: linear-gradient(45deg, #4698c7 50%, transparent 50%); }
.birthCelebration .step dl:first-child::before,
.birthCelebration .step dl:first-child::after {display:none;}
.birthCelebration .step dl span.num { position:absolute; font-family: 'Montserrat', 'notokr', sans-serif; left:30px; top: 0; font-size: 60px; color: #e1e1e1; z-index: 1; }
.birthCelebration .step dl p {position:relative; z-index: 22; }
@media all and (max-width:768px){
  .birthCelebration .step dl {width:50%; font-size:17px; padding:40px 20px 20px; min-height:auto;}
  .birthCelebration .step dl:nth-child(3) {clear:both;}
  .birthCelebration .step dl span {font-size:45px; left:20px; }
}
/* 첫만남이용권 지원 */
.firstEncounter .step {overflow:hidden; }
.firstEncounter .step dl { position:relative; float:left; width:25%; min-height:130px; font-weight:600; font-size:20px; padding:50px 30px 20px; }
.firstEncounter .step dl::before,
.firstEncounter .step dl::after { content: ''; position: absolute; left:-12px; top: 50%; width: 10px; height: 10px; background: linear-gradient(45deg, #029f8b 50%, transparent 50%); transform: rotate(-135deg);}
.firstEncounter .step dl::after { left:-5px; background: linear-gradient(45deg, #4698c7 50%, transparent 50%); }
.firstEncounter .step dl:first-child::before,
.firstEncounter .step dl:first-child::after {display:none;}
.firstEncounter .step dl span.num { position:absolute; font-family: 'Montserrat', 'notokr', sans-serif; left:30px; top: 0; font-size: 60px; color: #e1e1e1; z-index: 1; }
.firstEncounter .step dl p {position:relative; z-index: 22; }
@media all and (max-width:768px){
  .firstEncounter .step dl {width:50%; font-size:17px; padding:40px 20px 20px; min-height:auto;}
  .firstEncounter .step dl:nth-child(3) {clear:both;}
  .firstEncounter .step dl span {font-size:45px; left:20px; }
}

/* 정신질환자 치료비 지원 */
.tcSupport .step {overflow:hidden; }
.tcSupport .step dl { position:relative; float:left; width:25%; min-height:130px; font-weight:600; font-size:20px; padding:50px 30px 20px; height: 250px; }
.tcSupport .step dl::before,
.tcSupport .step dl::after { content: ''; position: absolute; left:-12px; top: 50%; width: 10px; height: 10px; background: linear-gradient(45deg, #029f8b 50%, transparent 50%); transform: rotate(-135deg);}
.tcSupport .step dl::after { left:-5px; background: linear-gradient(45deg, #4698c7 50%, transparent 50%); }
.tcSupport .step dl:first-child::before,
.tcSupport .step dl:first-child::after {display:none;}
.tcSupport .step dl span.num { position:absolute; font-family: 'Montserrat', 'notokr', sans-serif; left:30px; top: 0; font-size: 60px; color: #e1e1e1; z-index: 1; }
.tcSupport .step dl p {position:relative; z-index: 22; }
@media all and (max-width:768px){
  .tcSupport .step dl {width:50%; font-size:17px; padding:40px 20px 20px; min-height:auto;}
  .tcSupport .step dl:nth-child(3) {clear:both;}
  .tcSupport .step dl span {font-size:45px; left:20px; }
}

/*난임부부지원*/
.pregnantSupport .step {overflow:hidden; }
.pregnantSupport .step dl {position:relative; float:left; width:25%; padding:10px 20px;}
.pregnantSupport .step.step5 dl{width:20%;}
.pregnantSupport .step dl::before,
.pregnantSupport .step dl::after { content: ''; position: absolute; left:-17px; top: 100px; width: 10px; height: 10px; background: linear-gradient(45deg, #029f8b 50%, transparent 50%); transform: rotate(-135deg);}
.pregnantSupport .step dl::after { left:-10px; background: linear-gradient(45deg, #4698c7 50%, transparent 50%); }
.pregnantSupport .step dl:first-child::before,
.pregnantSupport .step dl:first-child::after {display:none;}
.pregnantSupport .step dl dt {position:relative; font-size:18px; font-weight:600; padding:55px 0 10px;}
.pregnantSupport .step dl dt span {position:relative; z-index:10;}
.pregnantSupport .step dl dt span.num { font-family:'Montserrat', 'notokr', sans-serif; ; position:absolute; left:0; top:0; font-size:60px; color:#e1e1e1; z-index:1; }
.pregnantSupport .step dl dd p {font-weight:600; color:#4698c7;}
@media all and (max-width:768px){
  .pregnantSupport .step dl {width:50%;}
}
@media all and (max-width:480px){
  .pregnantSupport .step dl {width:100%; padding:10px;}
  .pregnantSupport .step dl::before,
  .pregnantSupport .step dl::after { transform: rotate(-45deg); left:50%; top:-7px; }
  .pregnantSupport .step dl::after {top:0;}
}

/*세자녀 이상 가족 진료비*/
.familySupport .step {overflow:hidden; }
.familySupport .step li { position:relative; float:left; width:25%; min-height:130px; font-weight:600; font-size:18px; padding:50px 30px 20px; }
.familySupport .step li::before,
.familySupport .step li::after { content: ''; position: absolute; left:-12px; top: 50%; width: 10px; height: 10px; background: linear-gradient(45deg, #029f8b 50%, transparent 50%); transform: rotate(-135deg);}
.familySupport .step li::after { left:-5px; background: linear-gradient(45deg, #4698c7 50%, transparent 50%); }
.familySupport .step li:first-child::before,
.familySupport .step li:first-child::after {display:none;}
.familySupport .step li span { position:absolute; font-family: 'Montserrat', 'notokr', sans-serif; left:30px; top: 0; font-size: 60px; color: #e1e1e1; z-index: 1; }
.familySupport .step li p {position:relative; z-index:2; }
@media all and (max-width:768px){
  .familySupport .step li {width:50%; font-size:17px; padding:40px 20px 20px; min-height:auto;}
  .familySupport .step li:nth-child(3) {clear:both;}
  .familySupport .step li span {font-size:45px; left:20px; }
}

/*예약_view*/
.reserList { position:relative; /*overflow:hidden;*/}
.reserList .monthTab {border:3px solid #ddd; margin-bottom:20px;}
.reserList .monthTab ul {display:table; table-layout:fixed; overflow:hidden; width:100%; border-top:1px solid #ddd;}
.reserList .monthTab ul li {display:table-cell; border-left:1px solid #ddd; }
.reserList .monthTab ul li:first-child {border-left:0;}
.reserList .monthTab ul li a {display:block; padding:7px 0; background: #f2f2f2; color:#555; border-bottom:3px solid #f2f2f2; text-align:center; }
.reserList .monthTab ul li:hover a,
.reserList .monthTab ul li.on a { border-bottom:3px solid #0f5e9a; background:#fff; color:#0f5e9a; font-weight:600;}
.reserList .monthTab div {position:relative; padding:15px 10px; }
.reserList .monthTab div p {text-align:center; font-size:30px; font-weight:600; }
.reserList .monthTab div a { position:absolute; color:#555; font-size:16px; padding:0 0 0 25px; left:20px; top:50%; margin-top:-12.5px; }
.reserList .monthTab div a.next {padding:0 25px 0 0; left:auto; right:20px; }
.reserList .monthTab div a::before {content:''; position:absolute; top:2px; left:0; background:url('/design/health2020/img/sub/calArrow.gif') no-repeat 0 0; width:12px; height:21px; }
.reserList .monthTab div a.next::before { background-position:-12px 0; left:auto; right:0; }
.reserList .cal { position:relative; width:100%; border:1px solid #ccc; }
.reserList .cal > p {font-size:25px; text-align:center; line-height:1.5; margin:15px;}
.reserList .cal > p span {display:block; font-size:12px; color:#999; letter-spacing:0;}
.reserList .cal table { width:100%; table-layout:fixed; text-align:center; font-size:14px; }
.reserList .cal table th { border-top:1px solid #ddd; border-bottom:1px solid #ddd;  padding:10px 0; width:14.28%; background:#eee; }
.reserList .cal table td { position:relative; height:100px; padding:35px 10px 10px; text-align:left; vertical-align:top; border-left:1px dashed #ccc; border-top:1px dashed #ccc;  }
.reserList .cal table tr:first-child td {border-top:0;}
.reserList .cal table tr td:first-child {border-left:0;}
.reserList .cal table td > span { position:absolute; left:10px; top:10px; }
.reserList .cal table td { line-height:22px; min-height:44px; overflow:hidden;}
.reserList .cal table td a { position:relative; display:block; color:#555; text-align:center; background:#eee; margin:5px 0; }
.reserList .cal table td a.on {background:#c3c3c3;}
.reserList .cal table td a span { font-weight:600; margin-left:3px; }
.reserList .cal table td a:hover {background:#0f5e9a; color:#fff; }
@media all and (max-width:768px){
  .reserList .cal table td a span {display:block;}
}
@media all and (max-width:480px){
  .reserList .monthTab ul li a {font-size:12px;}
  .reserList .cal {overflow-x:scroll;}
  .reserList .cal table {width:480px;}
}

/*예약_write*/
.reserWrite {position:relative; }
.reserWrite legend { width:100%; font-weight:600; font-size:20px; border-bottom:1px solid #999; padding-bottom:10px; }
.reserWrite .agree { margin-bottom:30px; }
.reserWrite .agree .text {background:#f5f5f5; padding:20px; height:200px; overflow-y:scroll; }
.reserWrite .agree .check {background:#555 !important; color:#fff !important; padding:8px 20px !important; }
.reserWrite .agree .check label {margin-left:5px; }
.reserWrite p.info {/*position:absolute; right:0; top:0;*/ text-align:right; font-size:14px; }
.reserWrite dl {border-bottom:1px solid #ddd; overflow:hidden; }
.reserWrite dl dt { float:left; width:30%; padding:22px 20px; font-weight:600; }
.reserWrite dl dd { float:left; width:70%; padding:15px 20px; }
.reserWrite dl dd input[type="text"],
.reserWrite dl dd input[type="file"],
.reserWrite dl dd input[type="password"],
.reserWrite dl dd textarea,
.reserWrite dl dd select {border:1px solid #cacaca; padding:0 5px; line-height:40px; height:40px; width:300px; max-width:100%; font-size:15px; margin:2px 0;}
.reserWrite dl dd select {width:auto;}
.reserWrite dl dd textarea { max-width:none; width:100%; height:300px; }
.reserWrite dl dd.radio {overflow:hidden;}
.reserWrite dl dd.radio p {float:left; margin:2px 5px; }
.reserWrite dl dd .people {width:50px !important;}
.reserWrite .boxBg {padding:30px 40px !important; margin-top:20px;}
.reserWrite .boxBg .dept1 {margin:5px 0 10px !important;}
@media all and (max-width:480px){
  .reserWrite dl dd input.fileName {width:100%; margin:0 0 5px 0;}
  .reserWrite dl dd input.fileAlt {width:100%; margin-bottom:20px;}
}
.boardBtn {text-align:center; margin-top:40px; overflow:hidden;}
.boardBtn a,
.boardBtn .write {display:inline-block; border:1px solid #007d6d; background:transparent; color:#007d6d; padding:7px 40px; font-size:15px; font-weight:500; border-radius:10px; height:40px; margin:0 3px; }
.boardBtn .write, .boardBtn .list { background:#007d6d; color:#fff; }
.boardBtn .left {float:left;}
.boardBtn .right {float:right;}
@media all and (max-width:480px){
  .boardBtn a {font-size:14px; }
  .boardBtn .left a {padding:8px 30px;}
  .boardBtn .right a {padding:8px 20px;}
}

/*예약조회*/
.reserCheck .boxCont { max-width:500px; margin:10px auto !important; }
.reserCheck .search { max-width:500px; margin:0 auto; position:relative; border:1px solid #ccc; border-radius:5px; overflow:hidden; }
.reserCheck .search input {border:0; padding:0 10px; width:100%; line-height:40px; height:40px; }
.reserCheck .search a { display:block; position:absolute; right:0; top:0; width:40px; height:40px; text-indent:-9999px; background:url('/design/health2020/img/common/searchIcon.gif') no-repeat center; }
.reserCheckList {margin-top:30px;}
.reserCheckList .board_list_v01 table th { font-family:'notokr', sans-serif; font-weight:600; }
.reserCheckList .board_list_v01 .th1 {width:10%;}
.reserCheckList .board_list_v01 .th3 {width:15%;}
.reserCheckList .board_list_v01 .th4 {width:20%;}
.reserCheckList .board_list_v01 .th5 {width:10%;}
.reserCheckList .board_list_v01 .th6 {width:20%;}
.reserCheckList .board_list_v01 a { color:#007d6d; }
.reserCheckList .board_list_v01 a:hover { font-weight:600; text-decoration:underline; }
@media all and (max-width:768px){
  .reserCheckList .board_list_v01 .th1,
  .reserCheckList .board_list_v01 .th6 {display:none;}
  .reserCheckList .board_list_v01 .th3 {width:25%;}
  .reserCheckList .board_list_v01 .th5 {width:15%;}
}
@media all and (max-width:768px){
  .reserCheckList .board_list_v01 .th5 {display:none;}
  .reserCheckList .board_list_v01 .th4 {width:30%;}
}

/* 센터안내 */
#map {margin-bottom:20px;}
.centerInfo .map { position:relative; background:#dfeef6; border:1px solid #ccc; }
.centerInfo .map a {position:absolute; left:30px; top:50px; text-align:center; font-size:17px; font-weight:600; color:#4698c7; padding:8px; width:100px; background:#fff; border:3px solid #4698c7; }
.centerInfo .map a.on { background:#4698c7; color:#fff; }
.centerInfo .map a:nth-child(3) {top:105px;}
.centerInfo .map a:nth-child(5) {top:160px;}
.centerInfo .map div {display:none; text-align:right; padding-left:100px; }
.centerInfo .map div:nth-child(4) {background:#f8f1ee;}
.centerInfo .map div:nth-child(6) {background:#e4f3f4;}
.centerInfo .map a.on+div {display:block;}
@media all and (max-width:768px){
  .centerInfo .map a { width:29.33%; left:3%; top:20px !important; font-size:15px; padding:5px;}
  .centerInfo .map a:nth-child(3) { left:35.33%; }
  .centerInfo .map a:nth-child(5) { left:67.66%; }
  .centerInfo .map div {padding-left:0; padding-top:50px; }
  .centerInfo .map div img {width:100%;}
}
@media all and (max-width:480px){
  #map {height:300px !important;}
}

/*센터조직도*/
.centerOrg .org p { position:relative; width:30.66%; margin:0 auto; padding-bottom:30px; }
.centerOrg .org p::before {content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#bbb; z-index:10; }
.centerOrg .org p span { position:relative; display:block; background:#fff url('/design/health2020/img/sub/orgIcon.png') no-repeat center top; text-align:center; font-weight:600; font-size:25px; padding:100px 5px 20px; z-index:20; }
.centerOrg .org > ul { position:relative; overflow:hidden;}
.centerOrg .org > ul::before {content:''; position:absolute; left:15.5%; top:0; width:69%; height:1px; background:#bbb; }
.centerOrg .org > ul > li { position:relative; float:left; width:30.66%; list-style:none; margin-left:4%; padding-top:30px;}
.centerOrg .org > ul > li::before {content:''; position:absolute; left:50%; top:0; width:1px; height:30px; background:#bbb; z-index:10; }
.centerOrg .org > ul > li span { display:block; background:#4698c7; color:#fff; padding:10px; text-align:center; font-weight:600; }
.centerOrg .org > ul > li:first-child {margin-left:0;}
.centerOrg .org li > ul {background:#f5f5f5; padding:20px; margin:0 !important; }
@media all and (max-width:480px){
  .centerOrg .org p {width:100%;}
  .centerOrg .org p span { font-size:18px;}
  .centerOrg .org > ul::before,
  .centerOrg .org > ul > li::before {display:none;}
  .centerOrg .org > ul > li {width:100%; margin-left:0; padding-top:10px;}
  .centerOrg .org > ul > li:first-child {padding-top:0;}
}

/* 보건소 조직도 */
.healthOrg .org p { position:relative; width:30.66%; margin:0 auto; padding-bottom:30px; }
.healthOrg .org p::before {content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#bbb; z-index:10; }
.healthOrg .org p span { position:relative; display:block; background:#fff url('/design/health2020/img/sub/orgIcon.png') no-repeat center top; text-align:center; font-weight:600; font-size:25px; padding:100px 5px 20px; z-index:20; }
.healthOrg .org ul.cont1 { position:relative; overflow:hidden;}
.healthOrg .org ul.cont1::before {content:''; position:absolute; left:15.5%; top:0; width:69%; height:1px; background:#bbb; }
.healthOrg .org ul.cont1 > li { position:relative; float:left; width:30.66%; list-style:none; margin-left:4%; padding-top:30px;}
.healthOrg .org ul.cont1 > li::before {content:''; position:absolute; left:50%; top:0; width:1px; height:30px; background:#bbb; z-index:10; }
.healthOrg .org ul.cont1 > li > a { display:block; background:#4698c7; color:#fff; padding:10px; text-align:center; font-weight:600; }
.healthOrg .org ul.cont1> li:first-child {margin-left:0;}
.healthOrg .org ul.cont1 div a { display:block; background:#fff; border:1px dashed #bbb; text-align:center; padding:7px; margin:5px 0; font-size:15px; }
.healthOrg .org ul.cont2 { overflow:hidden; padding-top:50px;}
.healthOrg .org ul.cont2 > li { position:relative; float:left; width:48%; padding:40px 30px 30px; background:#eee; }
.healthOrg .org ul.cont2 > li:first-child { margin-right:4%; }
.healthOrg .org ul.cont2 > li > span {position:absolute; left:10%; top:-20px; width:80%; background:#df7f66; color:#fff; text-align:center; padding:7px 0; }
.healthOrg .org ul.cont2 ul li { float:left; width:50%; padding:3px; }
.healthOrg .org ul.cont2 ul li a {display:block; font-size:14px; text-align:center; background:#fff; border:1px solid #ddd; padding:5px 0; }
@media all and (max-width:768px){
  .healthOrg .org ul.cont2 > li {width:100%;}
  .healthOrg .org ul.cont2 > li:first-child {margin-right:0;}
  .healthOrg .org ul.cont2 > li > span {left:0; width:100%;}
}
@media all and (max-width:480px){
  .healthOrg .org p {width:100%;}
  .healthOrg .org p span { font-size:18px;}
  .healthOrg .org ul.cont1::before,
  .healthOrg .org ul.cont1 > li::before {display:none;}
  .healthOrg .org ul.cont1 > li {width:100%; margin-left:0; padding-top:10px;}
  .healthOrg .org ul.cont1 > li:first-child {padding-top:0;}
  .healthOrg .org ul.cont2 > li {padding:40px 20px 30px; }
}

/*영양*/
  /*빈혈*/
  .nutrition dl.imgList { border:1px solid #ccc; border-radius:5px; overflow:hidden; margin-top:15px; }
  .nutrition dl.imgList dt { background:#df7f66; color:#fff; padding:10px 20px; }
  .nutrition dl.imgList dd { padding:20px; overflow:hidden; }
  .nutrition dl.imgList dd img {float:left; width:25%; padding:5px; border-radius:5px; }
  /*유아식사구성*/
  .mealList .graph p { position:relative; width:50%; margin:0 auto; background:#f7941d; color:#fff; text-align:center; padding:10px; font-size:20px; font-weight:600; border-radius:10px; }
  .mealList .graph p::before {content:''; position:absolute; left:50%; bottom:-20px;  width:1px; height:20px; background:#ccc;}
  .mealList .graph ul { position:relative; overflow:hidden;}
  .mealList .graph ul::before {content:''; position:absolute; left:12.5%; top:20px; width:75%; height:1px; background:#ccc;}
  .mealList .graph ul li { position:relative; float:left; width:25%; padding:40px 10px 0; }
  .mealList .graph ul li::before {content:''; position:absolute; left:50%; top:20px;  width:1px; height:20px; background:#ccc;}
  .mealList .graph ul li span {display:block; text-align:center; color:#fff; background:#90b9e1; border-radius:5px; padding:10px; }
  .mealList .graph ul li:nth-child(2) span {background:#0abaad;}
  .mealList .graph ul li:nth-child(3) span {background:#ffcb06;}
  .mealList .graph ul li:nth-child(4) span {background:#7ec24c;}
  .mealList .bikeImg {display:block; width:80%; margin:0 auto;}
  @media all and (max-width:480px){
    .mealList .graph ul li {width:100%; padding:20px 10px 0;}
    .mealList .graph ul li::before {top:0;}
  }

/*사이트맵*/
#sitemap dl { border:3px solid #ddd; margin-bottom:20px; }
#sitemap dl dt {background:#f1f1f1; padding:10px 20px;}
#sitemap dl dt a { font-weight:600; font-size:17px;}
#sitemap dl dd {padding:20px;}
#sitemap dl dd > ul {overflow:hidden;}
#sitemap dl dd > ul > li {float:left; width:25%; padding:10px;}
#sitemap dl dd > ul > li:nth-child(4n+1) {clear:both;}
#sitemap dl dd > ul > li > a {display:block; border:1px solid #bbb; border-radius:5px; padding:7px 10px; font-weight:500; box-shadow:3px 3px 1px rgba(0,0,0,0.1); }
#sitemap .dep_s02 {margin-top:10px;}
#sitemap .dep_s02 li {position:relative;}
#sitemap .dep_s02 li::before {content:''; position:absolute; left:0; top:11px; background:#007d6d; width:4px; height:4px; }
#sitemap .dep_s02 li a {display:inline-block; padding:3px 0 3px 10px; font-size:15px;}
@media all and (max-width:768px){
  #sitemap dl dd > ul > li {width:33.33%;}
  #sitemap dl dd > ul > li:nth-child(4n+1) {clear:none;}
  #sitemap dl dd > ul > li:nth-child(3n+1) {clear:both;}
}
@media all and (max-width:480px){
  #sitemap dl dd > ul > li { width:50%; padding:10px;}
  #sitemap dl dd > ul > li:nth-child(3n+1) {clear:none;}
  #sitemap dl dd > ul > li:nth-child(2n+1) {clear:both;}
}

/*절주*/
.drink img {padding:10px; box-shadow:0 0 10px rgba(0,0,0,0.2); border:1px solid #eee; margin:10px 0 20px;}
.drink .qna dl {padding:20px;}
.drink .qna dl:nth-child(2) {background:#f2f2f2;}
.drink .qna dl dt,
.drink .qna dl dd { position:relative;  padding:8px 0 8px 42px;}
.drink .qna dl dt {font-weight:600;}
.drink .qna dl dt span,
.drink .qna dl dd span {display:block; position:absolute; left:0; top:6px; width:30px; line-height:30px; height:30px; border-radius:50%; background:#4698c7; text-align:center; color:#fff; font-weight:600;  }
.drink .qna dl dd span {background:#df7f66; top:10px;}
@media all and (max-width:768px){
  .drink img {padding:5px;}
}

/*프로그램안내*/
.eduProgram .top {text-align:center;}
.eduProgram .top dt { position:relative; display:inline-block; font-family:'SCDream', 'notokr', sans-serif;  text-align:center; color:#333; font-size:25px; font-weight:600; margin-bottom:40px; padding:0 50px; }
.eduProgram .top dt span.blue { color:#007d6d; font-size:29px; }
.eduProgram .top dt span.marks { position:absolute; left:0; top:-30px; font-family:'notokr', sans-serif; font-size:50px; color:#aaa; padding-top:10px; }
.eduProgram .top dt span.marks:last-child {left:auto; right:0;}
.eduProgram .top dd {text-align:left;}
.eduProgram .top dd p {margin-bottom:20px; color:#555;}
.eduProgram .top dd p.bold { font-weight:500 !important; color:#111; }
.eduProgram .top.cont2 {margin-top:50px; padding-top:50px; border-top:1px dashed #ddd; }
@media all and (max-width:768px){
  .eduProgram .top dt {font-size:20px; padding:0 30px; }
  .eduProgram .top dt span.marks {font-size:30px; top:-20px; }
}

/*고혈압·당뇨병 등록교육센터*/
.eduCenter .greeting { position:relative; background:#e4f2f9; padding:40px 40px 40px 300px; border-radius:0 0 50px 0;}
.eduCenter .greeting > img { position:absolute; left:40px; top:40px; width:200px; }
.eduCenter .greeting dt {font-family:'SCDream', 'notokr', sans-serif; font-size:25px; font-weight:600; color:#029f8b; margin-bottom:30px; }
.eduCenter .greeting p {margin-top:10px;}
.eduCenter .greeting p:first-child {font-weight:500; color:#111; font-size:19px;}
.eduCenter .org .org1 { position:relative; }
.eduCenter .org .org1::before {content:''; position:absolute; left:50%; top:150px; width:1px; height:100%; background:#bbb; }
.eduCenter .org .org1 span { position:relative; display:block; background:#fff url('/design/health2020/img/sub/orgIcon.png') no-repeat center top; text-align:center; font-weight:600; font-size:25px; padding:100px 5px 10px; z-index:20; }
.eduCenter .org .org2,
.eduCenter .org .org3,
.eduCenter .org .org4 { position:relative; background:#4698c7; color:#fff; padding:10px 0; text-align:center; font-weight:600; width:30%; margin:20px auto 0; }
.eduCenter .org .org2 {float:right; margin-bottom:20px;}
.eduCenter .org .org2::before {content:''; position:absolute; left:-66.5%; top:22px; width:66.5%; height:1px; background:#bbb; }
.eduCenter .org .org3 {clear:both;}
.eduCenter .org .org5 { position:relative; height:90px; }
.eduCenter .org .org5::before {content:''; position:absolute; left:15%; top:20px; height:1px; width:70%; background:#bbb;}
.eduCenter .org .org5 li { position:relative; float:left; width:30%; height:46px; margin:40px 0 0 0; border:1px dashed #bbb; text-align:center; padding:10px 0;}
.eduCenter .org .org5 li::before {content:''; position:absolute; left:50%; top:-20px; height:20px; width:1px; background:#bbb;}
.eduCenter .org .org5 li:nth-child(2n) {margin:40px 5% 0; }
.eduCenter .org .org5 li:nth-child(2n)::before {height:40px; top:-40px;}
.eduCenter .step {overflow:hidden; background:#f1f1f1; padding:30px; border-radius:20px; }
.eduCenter .step li { position:relative; float:left; width:33.33%; padding:100px 30px 0;}
.eduCenter .step li::before,
.eduCenter .step li::after {content:''; position:absolute; left:50%; top:0; width:100px; height:100px; margin-left:-50px; background:#4698c7; border-radius:50%; }
.eduCenter .step li::after {background:url('/design/health2020/img/sub/gdIcon.png') no-repeat 0 0;}
.eduCenter .step li.icon2::after {background-position:-100px 0;}
.eduCenter .step li.icon3::after {background-position:-200px 0;}
.eduCenter .step li p:first-child { position:relative; font-size:18px; font-weight:600; margin-bottom:5px; }
.eduCenter .step li p:first-child::before { content: ''; position: absolute; right:-30px; top: 14px; width: 10px; height: 10px; background: linear-gradient(45deg, #999 50%, transparent 50%); transform: rotate(-135deg);}
.eduCenter .step li:last-child p:first-child::before {display:none;}
.eduCenter .photoImg {overflow:hidden; border-left:1px solid #ddd; border-top:1px solid #ddd; }
.eduCenter .photoImg li {float:left; width:50%; padding:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.eduCenter .photoImg li span { display:block; font-size:18px; font-weight:600; margin-top:10px; }
@media all and (max-width:768px){
  .eduCenter .greeting {padding:30px;}
  .eduCenter .greeting > img { position:relative; left:auto; top:auto; display:block; margin:0 auto 20px; width:220px;}
}
@media all and (max-width:600px){
  .eduCenter .step {padding:10px 20px;}
  .eduCenter .step li {width:100%; padding:0 0 0 100px; margin:20px 0; min-height:80px; }
  .eduCenter .step li::before, .eduCenter .step li::after {left:0; margin-left:0; width:80px; height:80px; background-size:auto 80px; }
  .eduCenter .step li.icon2::after {background-position:-80px 0;}
  .eduCenter .step li.icon3::after {background-position:-160px 0;}
  .eduCenter .step li p:first-child::before { display:none; }
}
@media all and (max-width:480px){
  .eduCenter .greeting > img { width:150px;}
  .eduCenter .greeting dt {font-size:20px; margin-bottom:10px;}
  .eduCenter .greeting p {font-size:16px;}
  .eduCenter .greeting p:first-child {font-size:17px;}
  .eduCenter .photoImg li {padding:10px;}
  .eduCenter .photoImg li span {font-size:15px;}
}


/* 방역 소독 */
.bt_211026{border-top: 2px solid #163448; overflow: hidden;}
.bt_211026 li{float: left; width: 48%; overflow:hidden; border-bottom:1px solid #d5d5d5; padding:5px 0;}
.bt_211026 li:nth-child(2n-1){margin-right: 4%;}
.bt_211026 li dl dt{float: left; line-height: 35px;}
.bt_211026 li dl dd{float: right;}
.bt_211026 .bt_211026_2{width: 100%;}

@media all and (max-width:600px){
  .bt_211026 li{width: 100%;}
}

/*보장구대여 사업*/
.rental .imgWrap2 { margin-top: 40px !important; }
.rental .imgWrap2 li { width:25% !important; }
.rental a.btnSt { margin:7px 0px !important; }

@media all and (max-width:600px){
  .rental .imgWrap2 li { width:50% !important; margin-bottom:20px; }
}


/* 페이지평가 숨기기 */
#pageInfo .radio_box{display: none;}

/* 글쓰기 */
.write_wrap dl dd input[type="file"]{width: 100%;}

/* 제증명발급 */
.information {}
.information .titBox {padding:15px 20px; background:#f5f5f5; color:#000; font-weight:500; border-bottom:1px solid #ddd;}
.information dl {padding:10px;border-top:0;}
.information dl dt {font-weight:500; margin-bottom:13px;}
.information dl dd {padding:10px;}
.information dl dd {padding:0 10px;}
.information dl dd ul{padding:5px; font-size:15px;}
.information dl dd ul li+li{padding-top:10px;}
.information  .agree_sel {text-align:right; padding:10px; border-top:1px dashed #ddd;}
.agree_sel {padding:8px; text-align:right; border-top:1px solid #ddd;}

.personal {}
.personal .tab{}
.personal .tab ul{overflow:hidden;}
.personal .tab ul li{float:left; text-align:center; width:50%; background:#f5f5f5; padding:10px 20px;}
.personal .tab ul li a{background:ddd}
.personal .tab ul li.on {background:#1e4cc6;}
.personal .tab ul li.on a {color:#fff;}

.personal .tab_con {border:1px solid #ddd; padding:40px 20px; }
.personal .tab_con .first_box {text-align:center;}
.personal .tab_con .first_box > div{}
.personal .tab_con .first_box > div span{display: inline-block; width:50px; height:50px; border:1px solid #ddd;}
.personal .tab_con .first_box > div span+span {margin-left:5px;}
.personal .tab_con .first_box > div span a{}
.personal .tab_con .first_box > p {padding-top:30px;}

.personal .tab_con .btn {text-align:center; margin-top:20px;}
.personal .tab_con .btn a{display:inline-block; padding:15px 30px; background:#00938f; border-radius:50px; width:20%; color:#fff; font-size:18px;}

.internet div img{width:100%;}



.stepflow .item {border:1px solid #ddd; padding:2.5rem; margin-bottom:1rem; display:flex; justify-content:space-between; position:relative;}
.stepflow .tit {width:40%; flex-shrink:0; flex-grow:0; margin-left:-2.8rem;}
.stepflow .tit img {display:block; margin:0 auto;}
.stepflow .num {background:#029f8b; display:flex; justify-content:center; align-items:center; width:2.5rem; height:2.5rem; border-radius:0; color:#fff; font-weight:600; line-height:1.1; position:absolute; top:0; right:0;}
.stepflow .title {font-size:1.5rem; font-weight:600; line-height:1.5;  margin-bottom:1rem;}
.stepflow .dept1 {margin-left:0.2rem !important;}
.stepflow .box strong {font-weight:600; font-size:1.2rem; color:#029f8b; margin:1rem 0 0.5rem 0; display:block;}
@media all and (max-width:1023px){
	.stepflow .item {flex-wrap:wrap; padding:2rem; padding-top:0.5rem;}
	.stepflow .tit {width:100%; margin:0 auto;}
}
@media all and (max-width:599px){
	.stepflow .item {padding:1.5rem;}
	.stepflow .title {font-size:1.3rem; }
	.stepflow .box strong {font-size:1.1rem;}
	.stepflow .tit {width:16rem; position:absolute; left:50%; marign:0; transform:translateX(-50%);}
	.stepflow .num {display:none;}
	.stepflow .con {padding-top:12rem;}
}

.grid {display:flex; flex-wrap:wrap; margin:-0.7rem;}
.grid .item {border:1px solid #ddd; width:calc(33.333% - 1.4rem); margin:0.7rem; padding:0.3rem; padding-bottom:4rem; position:relative;}
.grid .thumb img {width:100%; display:block;}
.grid p {text-align:center; padding:1rem 0.3rem;}
.grid p strong {font-weight:600; font-size:1.2rem; line-height:1.5; margin-top:0.3rem; display:block;}
.grid .ctrl {text-align:center; margin:0 auto;}
.grid .ctrl a {background:#163448; border-radius:100rem; color:#fff; font-size:0.9rem; padding:0.4rem 1.2rem 0.5rem; line-height:1.5; display:inline-block; position:absolute; bottom:1.4rem; left:50%; transform:translateX(-50%);}
@media all and (max-width:1440px){
    .grid .item {width:calc(50% - 1.4rem);}
}
@media all and (max-width:599px){
    .grid .item {width:100%;}
}