/*이미지 텍스트 정렬*/
.img_txt_col .img{border-radius:10px;overflow:hidden;width: fit-content;margin: 0 auto;margin-bottom: 20px;}

/*인사말*/
.greeting>p{width:fit-content;margin:0 auto;border-radius:10px;overflow:hidden;margin-bottom:20px;}
.greeting .title{padding: 0 0 20px 0; border-bottom: 1px solid #1689be3d;margin: 0 0 20px 0;}
.greeting .title>p{font-family:'SBAggro';font-size:20px;}
.greeting .title .tit{font-size:28px;margin-bottom:20px;color: #1689be;}
.greeting .title .tit02{line-height:1.3em;word-break: keep-all;font-weight:300;font-size:24px;color:#222;}
.greeting .title .tit02 span{color: #1689be;font-weight: 500;}
.greeting .text p{margin-bottom:20px;word-break:keep-all;}
.greeting .text p:last-child{margin:0;}

/*현황 및 연혁*/
.history{overflow:hidden;position:relative;}
.history:before{position:absolute;content:"";display:block;width:1px;height:100%;border-left:1px solid #ddd;top:0;left:6px;}
.history>li{margin-bottom:25px;padding-left:20px;position:relative;}
.history>li:last-child{margin-bottom:0;}
.history>li:before{content:"";display:block;width:8px;height:8px;background:#fff;border:3px solid #bbdeee;border-radius:50%;position:absolute;top:3px;left:0;}
.history .years{display:block;font-family:'SBAggro';font-size:19px;letter-spacing:-1px;color:#0075aa;margin:0 0 8px 0;}
.history .date{display:inline-block;margin:0 8px 0 0;color:#0075aa;border:1px solid #0075aa;padding:0 5px;font-size:15px;border-radius:5px;text-indent: initial;}
.history>li:nth-of-type(2n) .years{color:#23a638;}
.history>li:nth-of-type(2n) .date{color:#23a638;border:1px solid #23a638;}
.history>li:nth-of-type(2n):before{border:3px solid #bbe4c2;}
.history li li{margin-bottom:10px;word-break:keep-all;text-indent: -60px;margin-left: 60px;}

/*조직구성도*/
.org{overflow:hidden;text-align:center;}
.org h4{padding:15px 20px;margin:0 auto;background:#1b6587;color:#fff;width:50%;font-size:22px;border-radius:10px 30px;position:relative;}
.org h4:after{content:"";display:block;width:1px;height:20px;position:absolute;border-left:1px solid #1b658761;bottom:-20px;left:50%;}
.org>ul{margin-top:20px;padding:20px;background: #f3fbf7ba;border-radius:10px;}
.org>ul>li{margin:0 0 20px 0;overflow:hidden;}
.org>ul>li:last-child{margin-bottom:0;}
.org li strong{position:relative;display:block;padding:15px;background:linear-gradient(-45deg, #d7f4ed, #e5faff);border-radius:10px 30px 10px 10px;font-weight:600;color: #333;font-size: 18px;font-family: 'SBAggro';font-weight: 400;}
.org li strong:after{content:"";display:block;width:1px;height:15px;position:absolute;border-left:1px solid #1b658736;bottom:-15px;left:50%;}
.org ul ul{background:#fff;border:1px solid #1b658736;border-radius:10px;margin-top:15px;overflow: hidden;}
.org ul ul ul{border:none;font-size:15px;border-radius: 0;margin-top: 0;padding: 10px;border-top:1px solid #1b658736;}
.org li li{border-bottom:1px solid #1b658736;}
.org li li:last-child{border:none;}
.org li li span{display:block;padding: 10px 0;color:#1b6587;background:#eefbfd;}
.org li li li{padding:0;color:#666;border:none;margin-bottom:8px;}
.org li li li:last-child{margin-bottom:0;}

/*건강걷기챌린지*/
.walk{padding:20px;word-break:keep-all;}
.walk .walk_tit{font-size:22px;text-align:center;word-break:keep-all;font-family:'SBAggro';font-weight:300;line-height:1.4em;}
.walk .walk_tit:before{content:"";}
.walk .walk_tit span{font-size:24px;font-weight:600;background-image:linear-gradient(90deg, #0075aa, #23a638);background-clip:text;-webkit-background-clip: text;color:transparent;}
.walk .walk_info{overflow:hidden;margin:20px 0;}
.walk .walk_info li{text-align:center;word-break:keep-all;padding:20px;border:1px solid #aedbd5;border-radius:20px;margin:0 0 20px 0;}
.walk .walk_info h4{background:none;padding:0;margin:0 0 10px 0;color:#185876;font-size:24px;}
.walk .walk_info li h4:before{content:"";display:block;width:70px;height: 83px;background:url("/upload_data/board_data/BBS_0000221/169985331694392.png")no-repeat center top;margin:0 auto 10px;}
.walk .walk_info li:nth-child(1) h4:before{background-position-y: 9px;}
.walk .walk_info li:nth-child(2) h4:before{background-position-y: -122px;}
.walk .walk_info li:nth-child(3) h4:before{background-position-y: -252px;}
.walk .walk_info p{font-size:15px;color:#333;}
.walk .walk_info p strong{font-family:'SBAggro';font-size:18px;}
.walk .walk_info02 li{text-align:center;padding:20px 10px;margin-bottom:15px;background:linear-gradient(45deg, #e6faf2, #e8f5ff);border-radius:20px;font-family:'SBAggro';font-size:18px;font-weight:300;color:#0e4964;}
.walk .walk_info03{overflow:hidden;margin-top:40px;}
.walk .walk_info03 h4{background:none;padding:0;margin:0;font-size:21px;margin-bottom:20px;}
.walk .walk_info03 h4 p{background:#0075aa;width:fit-content;padding:10px;border-radius:10px;color:#fff;margin:0 auto;margin-bottom:10px;font-weight:400;font-size:18px;}
.walk .walk_info03 li{text-align:center;padding:20px;border:1px solid #ddd;border-radius:20px;margin:0 0 20px 0;}
.walk .walk_info03 li>p{font-size:15px;color:#333;line-height:1.5rem;}
.walk .walk_info03 p strong{display:inline-block;padding:2px 5px;border:1px solid #0075aa;color:#0075aa;border-radius:5px;margin-right:5px;}
.walk .walk_info03 img{width:100px;height:100px;margin-top:15px;}
.walk_couse{margin:0 0 20px 0;overflow:hidden;text-align:center;padding:20px;word-break:keep-all;border-top:1px dashed #aedbd5;}
.walk_couse img{margin:0 auto;border-radius:20px;margin:0 0 20px 0;width: 300px;}
.walk_couse h4{background:none;padding:0;margin:0 0 20px 0;}
.walk_couse h4 span{display:inline-block;width:35px;height:35px;line-height:37px;font-size:18px;background:linear-gradient(90deg, #0075aa, #23a638);color:#fff;border-radius:50%;margin:-2px 8px 0 0;}
.walk_couse ul{background:#f5f5f5;padding:15px;border-radius:10px;}
.walk_couse li{font-family:'SBAggro';font-weight:300;color:#185876;}
.walk_couse li:first-child{margin:0 0 8px 0;color:#333;font-size:18px;}
.walk_couse .walk_c{margin:20px 0;}

/* 성인 예방접종 강조텍스트 */
.age_bold{font-weight: 600; color: #2c2c2c;}


/*Tablet*/
@media all and (min-width: 768px) {
.img_txt_col .img{float:left;margin:0 30px 0 0;}
.img_txt_col .txt{overflow:hidden;}

.greeting{padding:40px;margin:0 auto;border-radius:30px;position:relative;overflow: hidden;}
.greeting:before{content:"";width: 84%;height:300px;display:block;position:absolute;background:linear-gradient(-45deg, #e6faf29e, #e8f5ffa6);border-radius:20px;top:0;left:0;z-index:-1;}
.greeting>p{position:absolute;}
.greeting .title{padding-left:120px;padding-bottom: 0;border: none;}
.greeting .title .tit{font-size: 28px;width: fit-content;}
.greeting .title .tit02{font-size: 24px;width: 84%;}
.greeting .text{font-size:17px;letter-spacing:-1px;padding:40px;background:#fff;border-radius:20px;box-shadow:0 0 20px #ddd;line-height: 1.5em;text-align:right;float: right;overflow: hidden;}
    
.history{padding:40px;outline:20px solid #f3fafb;outline-offset:-20px;border-radius:10px;}
.history:before{left:50%;z-index:-1;}
.history>li{width:50%;float: right;clear: both;}
.history>li:nth-of-type(2n){float: left;text-align:right;padding-left:0;padding-right: 18px;}
.history>li:before{left:-6px;}
.history>li:nth-of-type(2n):before{right: -8px;left:auto;}
.history .years{font-size:22px;}
    
.org h4{width:30%;padding: 20px;}
.org h4:after{height:30px;bottom:-30px;}
.org>ul{display:flex;justify-content:space-between;padding: 30px;margin-top: 30px;}
.org>ul>li{width:32%;margin: 0;}
.org>ul>li:last-child{margin-right:0;}
.org ul ul{border:none;background:none;}
.org ul ul ul{background:#fff;}
.org li li{margin-bottom:15px;border:1px solid #1b658736;border-radius:10px;overflow:hidden;}
.org>ul>li>ul>li:last-child{border:1px solid #1b658736;}

.walk .walk_tit{font-size:24px;margin-bottom:40px;}
.walk .walk_tit span{display:block;font-size:30px;margin-top:10px;}
.walk .walk_info{display:flex;justify-content:space-between;}
.walk .walk_info li{width:32%;}
.walk .walk_info02{display:flex;justify-content:space-between;}
.walk .walk_info02 li{width:49%;font-size:20px;}
.walk .walk_info03{display:flex;justify-content: space-between;flex-wrap: wrap;}
.walk .walk_info03 li{width: 49%;position:relative;}
.walk .walk_info03 h4{font-size:26px;}
.walk .walk_info03 img{position:absolute;top:0;right:15px;width:50px;height:50px;} 
.walk_couse{padding-top:40px;}
.walk_couse img{float:left;width: 30%;}
.walk_couse .txt{float:right;width: 67%;}
.walk_couse .walk_c{text-align:left;}
}        

/*PC*/
@media all and (min-width: 1023px) {
.greeting{padding:50px;width: fit-content;position:relative;}
.greeting:before{width: 92%;height:400px;}
.greeting .title .tit{font-size:30px;}
.greeting .title .tit02{width:60%;margin-bottom: 40px;}
.greeting .text{width: 90%;padding: 40px;}
.greeting .text:before{content:"";display:block;width:350px;height:209px;position:absolute;background:url("/upload_data/board_data/BBS_0000221/169985412104383.png")no-repeat;top: 33px;right: 82px;z-index: -1;}
    
.walk .walk_info03 img{width:80px;height:80px;}  
}