@charset "UTF-8";


/* 서브 배너 공통 */
.sub-banner { width: 100%; height: 170px; background: url("../../../../resources/images/fnc_images/health/sub/sub_banner_bg.png") no-repeat center; background-size: cover; display: flex; align-items: center; justify-content: center; } 
.sub-banner-title { font-family: "GmarketB","Noto Sans KR" !important; text-align: center; font-size: 30px; line-height: 35px; font-weight: bold; } 
.sub-banner-link {     word-break: keep-all;padding-left: 140px; width: 100%; height: 76px; display: flex; background-color: #4335a2;    position: relative;    z-index: 9; } 
.sub-banner-link-home {flex-shrink:0; background-color: #392f7e; width: 76px; height: 100%; } 
.sub-banner-link-home a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } 
.sub-banner-link-box {cursor:pointer; width: 300px; height: 100%; color: #fff; display: flex; align-items: center; position: relative; padding-left: 40px; font-size: 16px; line-height: 24px; border-right: 1px solid rgba(255, 255, 255, 0.25); }
.sub-banner-link-box br{display:none;}
.link2{min-width:160px;} 
.sub-banner-link-btn { position: absolute; top: 50%; right: 40px; transform: translateY(-50%) rotate(180deg); transition: all 0.1s; } 
.sub-banner-link-box.active .sub-banner-link-btn { top: 50%; right: 40px; transform: translateY(-50%); } 
.sub-banner-link-hidden { width: 300px; height: 0; overflow: hidden; position: absolute; top: 76px; left: 0; background-color: #fff;display:block;z-index:1; transition: all 0.3;} 
.sub-banner-link-hidden li { width: 100%; height: auto;  font-size: 16px; line-height: 24px; font-weight: 600; border-bottom: 1px solid #cfcfcf;  } 
.sub-banner-link-hidden li:last-child { border: none; } 
.sub-banner-link-hidden li a {width:100%;height:100%;display:block;padding: 15px 0;}
.sub-banner-link-hidden li:hover a { color: #5749b4; } 
.sub-banner-link-box.active .sub-banner-link-hidden { height: auto; padding: 15px 35px; border: 1px solid #c9c9c9;}

/*서브 배너 반응형*/
@media (max-width:1100px) {
  .sub-banner-link{padding-left:0;}
  .sub-banner-link-box { padding-left: 20px; }
  .sub-banner-link-btn{right: 20px;}
  .sub-banner-link-box.active .sub-banner-link-btn { right: 20px; } 
}
@media (max-width:850px) {
  .sub-banner-link-box {width:250px;}
  .sub-banner-link-hidden {width:250px;}
}

@media (max-width:650px) {
  .sub-banner-link {height:60px;}
  .sub-banner-link-home {width:60px;}
  .sub-banner-link-box {width:100%;padding-left:15px;}
  .sub-banner-link-box br{display:block;}
  .sub-banner-link-btn{right:10px;}
  .sub-banner-link-box.active .sub-banner-link-btn { right: 10px; } 
  .sub-banner-link-hidden {top:60px;width:100%;}
  .sub-banner-link-box.active .sub-banner-link-hidden{padding:0;} 
  .sub-banner-link-hidden li{text-align:center;}

}


/* 서브 내용 공통 */ 
.sub-wrap { width: 1412px; margin: 0 auto; height: auto; position: relative; display: block; padding-bottom:100px;word-break:keep-all;} 
.sub-wrap-title {padding:70px 0 40px; font-size:30px; font-weight:bold; line-height:44px; text-align:center;}
#sub4_even .sub-wrap-title{display:block !important;}
.submenu-btn { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr;} 
.submenu-btn li { height: 65px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 26px; border: 1px solid #b4b4b4; cursor:pointer; text-align:center; }
.submenu-btn li.active { color: #fff; background-color: #4335a2; }
.grid-2{grid-template-columns: 1fr 1fr !important;} 
.submenu { width: 100%; display: none; }
.submenu.active{display:block} 
.health-sub-title { font-size: 22px; font-weight: bold; line-height: 32px; background: url("/resources/images/fnc_images/health/sub/sub_title_head.png") no-repeat;background-position: left; padding-left: 30px; margin-bottom: 35px;margin-top:80px;word-break: keep-all; } 
.text2 { margin-left:10px; font-size: 20px; font-weight: 600; line-height: 29px; background: url("/resources/images/fnc_images/health/sub/text2_head.png") no-repeat;background-position-y: 8px;  padding-left: 20px; margin-top: 35px; margin-bottom:15px;word-break: keep-all;} 
.text1 { margin-left:25px; font-size: 18px; line-height: 28px; background: url("/resources/images/fnc_images/health/sub/text1_head.png") no-repeat;background-position-y: 10px; padding-left: 15px; margin-bottom: 5px;word-break: keep-all; }
.sub_text{margin-left:40px;font-size: 16px; line-height: 26px;margin-bottom: 5px;} 
.health-table { width: 100%;margin:30px 0;}
.health-table table { width: 100%; font-size: 16px; line-height: 24px; text-align: center; border-top: 3px solid #b4b4b4;  }
.health-table th { font-weight: 600; background-color: #f5fcff; padding: 15px; border-right: 1px solid #b4b4b4;word-break: keep-all; } 
.health-table td {padding: 15px; border-right: 1px solid #b4b4b4; }
.health-table tr {border-bottom: 1px solid #b4b4b4;}
.work-on { width: 100%; padding: 90px 110px; color: #8476e6; border: 6px solid #cdc6f9; font-size: 30px; line-height: 44px; font-weight: 600; text-align:center;} 

.sub-wrap #user_board_list table{ width: 100%; font-size: 16px; line-height: 24px; text-align: center; border-top: 3px solid #b4b4b4; ;} 
.sub-wrap #user_board_list th{ font-weight: 500; background-color: #f5fcff; padding: 15px; border-right: 1px solid #b4b4b4; } 
.sub-wrap #user_board_list td { padding: 15px; border-right: 1px solid #b4b4b4;}

.down-new { width: 200px; height: 30px; font-size: 14px; line-height: 20px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 5px; border: 1px solid #5e6bd8; color: #5e6cd8; } 
.down-new span { display: block; width: 14px; height: 14px; background: url("/resources/images/fnc_images/health/sub/down_icon.png") no-repeat; } 
.down-new:hover { color: #fff; background-color: #5e6bd8; } 
.down-new:hover span { background: url("/resources/images/fnc_images/health/sub/down_icon_white.png") no-repeat; } 

.img-flex { display: flex; align-items: center; justify-content: space-between; margin:50px 0; gap:30px;}
 .img-flex img {max-width:100%;}
.img-box{width:100%;}
.img-box img {max-width:100%;}
.download-btn{margin-bottom:20px;}
.border-right-none{border-right:none !important;}
.text-align-left{text-align:left !important;}
.blue {color:blue;}
.width-200-all{width:200%;}

.map-box { width: 100%; border: 1px solid #ababab; border-radius: 20px; overflow: hidden; } 
.map-map { width: 100%; height: 520px; border-radius: 20px 20px 0px 0px; } 
.map-info { width: 100%; padding: 50px;}
.map-info-item { margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } 
.map-info-item h3 { font-size: 16px; font-weight: 900; line-height: 24px; } 
.map-info-item p { font-weight: 500; font-size: 16px; line-height: 24px; } 
.root_daum_roughmap_landing { width: 100% !important; height: 100% !important; } 
.root_daum_roughmap .wrap_map { height: calc(100% - 32px) !important; }

.building .img-box{padding-bottom:100px;border-bottom:1px dashed #b4b4b4; overflow: auto;}
.building .img-box img {min-width:700px;}
.building .img-box:last-of-type{border-bottom:none;} 
.handwash{margin-bottom:40px;}
.handwash img{width: 100%;}
/* 보건소소개 > 보건소장 인사말 */ 

.boss-hello-up { width: 100%; height: 374px; position: relative; background: url("/resources/images/fnc_images/health/sub/sub_boss_bg.png") no-repeat center; background-size: cover; margin:160px 0 55px;} 
.boss-hello-up-text { position: absolute; top: 63px; right: 25px;color: #242d40; text-align:center; } 
.boss-hello-up-text h1 { font-size: 100px; font-weight: bold;  font-family: "GmarketB", "Noto Sans KR" !important; } 
.boss-hello-up-text h2 { font-size: 35px; line-height: 40px; font-weight: 500;  font-family: "GmarketM", "Noto Sans KR" !important; } 
.boss-hello-down { width: 100%; font-size: 18px; line-height: 40px; margin-bottom:110px;   } 
.mb-50 { margin-bottom: 50px; } 

/* 정신보건 */
.mental-banner {text-align:center; width: 100%; height: 260px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; border-radius: 20px; overflow: hidden; background: url("/resources/images/fnc_images/health/sub/mental_banner1.jpg") no-repeat center; }
.mental-banner2{background: url("/resources/images/fnc_images/health/sub/mental_banner2.jpg") no-repeat center; flex-direction:column;} 
.mental-banner h3 { font-size: 30px; font-weight: bold; line-height: 44px; color: #fff; } 
.mental-level { width: 100%; display: flex; gap: 30px;margin:30px 0 100px; } 
.mental-level-box { width: 33%; height: 220px;  border-radius: 20px; background: #f5f5f5; display: flex; align-items: end; overflow: hidden;} 
.mental-level-box.green {border: 1px solid #67C16D;box-shadow: 0px 0px 18px #BADEC4; } 
.mental-level-box.yellow { border: 1px solid #d2c155;box-shadow: 0px 0px 18px #3B340029; } 
.mental-level-box.red { border: 1px solid #cf5252;box-shadow: 0px 0px 18px #75000029; } 
.mental-level-left { width: 50%; padding-left: 30px; } 
.mental-level-left img { max-width: 100%; } 
.mental-level-right { width: 50%; display: flex; height:100%; justify-content: center;flex-direction:column;;} 
.mental-level-right h3 {     z-index: 2;font-size: 30px; line-height: 44px; font-weight: bold; position: relative; margin-bottom: 25px; } 
.mental-level-right h3::before {     z-index: -1;content: ""; position: absolute; width: 50px; height: 40px; top: 0; left: 10px; } 
.mental-level-box.green .mental-level-right h3 { color: #00cf3e; } 
.mental-level-box.green .mental-level-right h3::before { background-color: #dfffe9; } 
.mental-level-box.yellow .mental-level-right h3 { color: #dfb300; } 
.mental-level-box.yellow .mental-level-right h3::before { background-color: #fff6cf;  width:80px; } 
.mental-level-box.red .mental-level-right h3 { color: #e10000; } 
.mental-level-box.red .mental-level-right h3::before { background-color: #ffe2e2; width:80px; } 
.mental-level-right p { padding-left: 15px; font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 10px;   } 
.mental-level-box.green .mental-level-right p { background: url("/resources/images/fnc_images/health/sub/mental_level_icon1.png") no-repeat;  background-position-y:  8px; } 
.mental-level-box.yellow .mental-level-right p { background: url("/resources/images/fnc_images/health/sub/mental_level_icon2.png") no-repeat; background-position-y: 8px; } 
.mental-level-box.red .mental-level-right p { background: url("/resources/images/fnc_images/health/sub/mental_level_icon3.png") no-repeat; background-position-y:  8px;  }

/*에이즈 도식화*/
.aids{margin:50px 0;}
.aids-up { display: flex; justify-content: space-between;margin-bottom:120px; } 
.aids-down { display: flex; justify-content: space-between; } 
.aids-box { text-align:center;width:250px;height: 85px; display: flex; align-items: center; justify-content: center; position: relative; background: transparent linear-gradient(120deg, #5e6cd8 0%, #523ecf 100%) 0% 0% no-repeat; box-shadow: 0px 0px 12px #aab1e9; border-radius: 10px; } 
.aids-box p { color: #fff; font-size: 22px; line-height: 30px; font-weight: 600; } 
.aids-box img { position: absolute; bottom: 0; right: 20px; } 
.aids-arrow {  display: flex; flex-direction: column; align-items: center;justify-content: center; position: relative; text-align:center;gap:12px;} 
.aids-arrow p {height:40px; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); font-size: 16px; line-height: 20px;color: #2F2C95; font-weight:bold;display: flex;align-items: flex-end;} 
.aids-box p.aids-box-step { position: absolute; top: -45px; left: 50%; transform: translateX(-50%); font-size: 22px; font-weight: bold; line-height: 30px; color:#000000} 
.aids-box p.aids-box-etc { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); color: #2f2c95; font-size:18px;font-weight:bold; } 
.arrow-rotate{transform:rotate(180deg);}
 

/* 진료안내 */
.guide { width: 100%; display: flex; align-items: center; gap: 50px; } 
.guide-box { width: 33%; height: 250px; border-radius: 20px; box-shadow: 0px 0px 20px #dbd8ef; border: 1px solid #ada6de; overflow: hidden; } 
.guide-box h3 { width: 100%; display: flex; align-items: center; justify-content: center; height: 100px; background-color: #5a4cbc; border-radius: 20px 20px 0px 0px; position: relative; font-size: 25px; line-height: 36px; font-weight: bold; color: #fff; } 
.guide-box1 h3::after { content: ""; position: absolute; top: 15px; right: 15px; background: url("/resources/images/fnc_images/health/sub/guide_bg1.png") no-repeat center; width:105px;height:105px;}
.guide-box2 h3::after{ content: ""; position: absolute; top: 15px; right: 15px; background: url("/resources/images/fnc_images/health/sub/guide_bg2.png") no-repeat center; width:105px;height:105px;}
.guide-box3 h3::after { content: ""; position: absolute; top: 15px; right: 15px; background: url("/resources/images/fnc_images/health/sub/guide_bg3.png") no-repeat center; width:105px;height:105px;}
.guide-box > div { padding-top:25px; padding-left: 16%;} 
.guide-box > div > p { font-size: 18px; line-height: 35px; padding-left: 15px; background: url("/resources/images/fnc_images/health/sub/guide_icon1.png") no-repeat; background-position-y: 16px}
.guide-box > div > p span {color:#FF0000;} 

/* 민원사무편람안내 */
.complain { width: 100%; background-color: #f6fcff; border-radius: 20px; padding: 30px 50px; display: flex; align-items: center; justify-content: center; gap: 20px; padding-bottom:150px;  position: relative;}
.complain-btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; width: 160px; height: 50px; background-color: #3223B2; border-radius: 10px; } 
.complain-btn:hover { background-color: #5A5FFF; } 
.complain-btn a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; gap: 15px; color: #fff; font-size:18px;line-height:26px;font-weight:bold; } 
.complain-list { width: 25%; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 10px; } 
.complain-list > h3 { font-size: 20px; font-weight: 900; line-height: 29px;color:#615AFF; } 
.complain-box { width: 100%; height: 260px; box-shadow: 0px 0px 16px #d8e5ec; border: 1px solid #b8d2df; border-radius: 20px; overflow: hidden; } 
.complain-box-img { display: flex; align-items: center; justify-content: center; border-radius: 20px 20px 0 0; background-color: #fff; height: 170px; } 
.complain-box-img img { max-width: 100%; } 
.complain-box-text { height: 90px; display: flex; align-items: center; justify-content: center; border-radius: 0 0 20px 20px; background: transparent linear-gradient(180deg, #6953ff 0%, #456fff 100%) 0% 0% no-repeat; } 
.complain-box-text p { font-size: 18px; line-height: 26px; font-weight: bold; color:#fff; } 

/* 인허가안내 */
.permission { width: 100%; display: grid; grid-template-columns: repeat(5,1fr); gap: 20px; } 
.permission-box { border-radius: 10px;height: 200px; padding: 25px;  background-color: #5D52A7; display: flex; flex-direction: column; gap: 15px; color: #fff; }
.permission-box:hover{box-shadow: 0px 0px 20px #C9C3F5;border: 1px solid #B0A9DE;background:#fff;color:#5D52A7 ;} 
.permission-box > .permission-box-icon { width: 45px; height: 45px;}

.permission-box-icon1 {background: url("/resources/images/fnc_images/health/sub/permission_img1.png") no-repeat center;}
.permission-box:hover .permission-box-icon1{background: url("/resources/images/fnc_images/health/sub/permission_img1_color.png") no-repeat center;}
.permission-box-icon2 {background: url("/resources/images/fnc_images/health/sub/permission_img2.png") no-repeat center;}
.permission-box:hover .permission-box-icon2{background: url("/resources/images/fnc_images/health/sub/permission_img2_color.png") no-repeat center;}
.permission-box-icon3 {background: url("/resources/images/fnc_images/health/sub/permission_img3.png") no-repeat center;}
.permission-box:hover .permission-box-icon3{background: url("/resources/images/fnc_images/health/sub/permission_img3_color.png") no-repeat center;}
.permission-box-icon4 {background: url("/resources/images/fnc_images/health/sub/permission_img4.png") no-repeat center;}
.permission-box:hover .permission-box-icon4{background: url("/resources/images/fnc_images/health/sub/permission_img4_color.png") no-repeat center;}
.permission-box-icon5 {background: url("/resources/images/fnc_images/health/sub/permission_img5.png") no-repeat center;}
.permission-box:hover .permission-box-icon5{background: url("/resources/images/fnc_images/health/sub/permission_img5_color.png") no-repeat center;}
.permission-box-icon6 {background: url("/resources/images/fnc_images/health/sub/permission_img6.png") no-repeat center;}
.permission-box:hover .permission-box-icon6{background: url("/resources/images/fnc_images/health/sub/permission_img6_color.png") no-repeat center;}
.permission-box-icon7 {background: url("/resources/images/fnc_images/health/sub/permission_img7.png") no-repeat center;}
.permission-box:hover .permission-box-icon7{background: url("/resources/images/fnc_images/health/sub/permission_img7_color.png") no-repeat center;}
.permission-box-icon8 {background: url("/resources/images/fnc_images/health/sub/permission_img8.png") no-repeat center;}
.permission-box:hover .permission-box-icon8{background: url("/resources/images/fnc_images/health/sub/permission_img8_color.png") no-repeat center;}
 
.permission-box > p { font-size: 15px; line-height: 21px; ;height:42px;display:flex;align-items:center;} 
.permission-btn {border-radius: 10px; } 
.permission-btn a {display:block;width:100px;height: 32px;background:  url("/resources/images/fnc_images/health/sub/permission_download.png") no-repeat center; display:none;}
.permission-box:hover .permission-btn a {background:  url("/resources/images/fnc_images/health/sub/permission_download_white.png") no-repeat center;}
.permission-table a{background-color: #5D52A7;height:30px;display:inline-block;border-radius: 10px;transform: translateY(7px); display:none;}


.atopy { width: 100%; height: auto; padding: 45px 70px 0; border: 6px solid #CDC6F9;display:flex; gap:70px;margin-bottom:20px;}
.atopy-left img{height:216px;} 
.atopy-right h3 { font-size: 25px; line-height: 36px; font-weight: 800; color: #8476e6; margin-bottom: 30px; } 
.atopy-right p { font-size: 20px; line-height: 29px; word-break: keep-all; padding-bottom:30px;} 

.site { padding-top: 30px; display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,auto)); gap: 40px; justify-items: center;}
/*사이트맵*/
.sitemap { display: flex; gap: 0px; flex-wrap: wrap; } 
.sitemap-list { width:25%;margin-bottom:80px; } 
.sitemap-list h3 { width: 100%; border: 1px dashed #b4b4b4; margin-bottom: 30px; padding: 25px 0; display: flex; align-items: center; justify-content: center;font-size:20px;font-weight:600; line-height:30px;} 
.sitemap .text2 { margin:0; margin-bottom: 5px; font-size: 18px; font-weight: 500; } 
 
 /*해외 예방접종*/
 .world { width: 100%; height: 875px; position: relative; margin-top: 20px; border-radius: 20px; overflow: hidden; border: 1px solid #a29ed6; background-color: #FCFDFF;}
 .world-list{display:none;} 
.world a { display: block; position: relative;  color: #000; font-size: 20px; font-weight: bold; line-height: 29px; transition: all 0.3s;}
.world a::after{position: absolute;top: -60px;left: -10px;width: 145px;height: 90px;background: url("/resources/images/fnc_images/health/sub/world_after.png") no-repeat center; content:none;} 
.world a:hover { color: #fff; }
.world a:hover::after{content:"";}
.world-map { width: 100%; height: 100%; background: url("/resources/images/fnc_images/health/sub/world_base.png") no-repeat center; transition: all 0.3s; } 
#eu { position: absolute; top: 284px; left: 267px; } 
#eu:hover ~ .world-map { background: url("/resources/images/fnc_images/health/sub/world_eu.png") no-repeat center; } 
#asia { position: absolute; top: 300px; left: 450px; } 
#asia:hover ~ .world-map { background: url("/resources/images/fnc_images/health/sub/world_asia.png") no-repeat center; } 
#west-south-asia { position: absolute; top: 385px; left: 290px; } 
#west-south-asia:hover ~ .world-map { background: url("/resources/images/fnc_images/health/sub/world_asia.png") no-repeat center; } 
#africa { position: absolute; top: 466px; left: 191px; } 
#africa:hover ~ .world-map { background: url("/resources/images/fnc_images/health/sub/world_africa.png") no-repeat center; } 
#north-america { position: absolute; top: 300px; right: 280px; } 
#north-america:hover ~ .world-map { background: url("/resources/images/fnc_images/health/sub/world_north-america.png") no-repeat center; } 
#middle-america { position: absolute; top: 446px; right: 200px; }
#middle-america:hover{color:rgb(179, 179, 255) !important;} 
#middle-america:hover ~ .world-map { background: url("/resources/images/fnc_images/health/sub/world_north-america.png") no-repeat center; } 
#south-america { position: absolute; top: 558px; right: 110px; } 
#south-america:hover ~ .world-map { background: url("/resources/images/fnc_images/health/sub/world_south-america.png") no-repeat center; } 
#oceania { position: absolute; top: 600px; left: 580px; } 
#oceania:hover ~ .world-map { background: url("/resources/images/fnc_images/health/sub/world_oceania.png") no-repeat center; } 

 
/* 게시판 */
.sub-wrap .board_fr{ width: auto !important;}

.notice_table table{border-top:2px solid #d4d4d4 !important; margin-bottom:15px;}
.notice_table th{ color:#000000 !important; font-size:16px !important; line-height:19px !important;  border:1px solid #C4C4C4 !important; height:40px !important; border-left:none !important; border-top:none !important;  word-break: keep-all !important;}
.notice_table td{color:#464646 !important; font-size:16px !important; line-height:19px !important;  border:1px solid #C4C4C4 !important; text-align:center;  height:40px !important; border-left:none !important;  word-break: keep-all !important; padding:5px 10px !important;}
.notice_table th:last-child{border-right:none !important;}
.notice_table td:last-child{border-right:none !important;}
.notice_table .table_end{border-right:none;}
.notice_table th.left{text-align:left; padding-left:10px;}
.notice_table td.left{text-align:left;}

#user_board_paging {padding:10px; text-align:center; font-size:12px; display:block; margin-top:30px;}
#user_board_paging span {display:inline-block; height:28px; line-height:28px; border:1px solid #111; padding:0 11px; margin:0 3px; background-color:#111; color:#fff; font-weight:bold; vertical-align:middle;}
#user_board_paging a span {border:1px solid #bbb; padding:0 11px; margin:0 3px; background-color:#fff; color:#888; font-weight:normal;}
#user_board_paging a span:hover {border:1px solid #888; padding:0 11px; margin:0 3px; background-color:#f9f9fb; color:#444;}
#user_board_paging span.prev {background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif;}
#user_board_paging a span.prev {background:#fff; color:#444;}
#user_board_paging span.next {background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif;}
#user_board_paging a span.next {background:#fff; color:#444;}

.notice_table #user_board_control{display: flex; height: 120px; align-items: center; justify-content: center; border: 0px; background: #F5F5F5; border-radius: 0; margin-bottom: 20px;}
.notice_table #user_board_control .inner{padding:0px; width:100%;}
.notice_table #user_board_control .board_fr{display: flex; width: 100% !IMPORTANT; justify-content: center;}
.notice_table #user_board_control .board_fr form{width:100%; max-width: 1000px; padding: 0 20px;}
.notice_table #user_board_control fieldset{display: flex; align-items: center;}
.notice_table #user_board_control fieldset #sbfd{border:1px solid #C4C4C4;  width: 130px; height: 50px; border-radius: 5px; margin-right: 10px; font-size: 16px;}
.notice_table #user_board_control fieldset #sbt{border:1px solid #C4C4C4; border-radius:5px; margin-right:20px; height: 50px; width: calc(100% - 270px);}
.notice_table #user_board_control fieldset input[type="submit"]{width:110px; height:50px; border-radius:5px; border:0px;     background: #4335a2 url(/resources/images/fnc_images/sub/search_icon01.png) no-repeat 70px 17px;  font-size: 16px; color: #fff; text-align: left; padding-left: 30px;}
.notice_table #user_board_control fieldset input[type="submit"]:hover{background: #392f7e url(/resources/images/fnc_images/sub/search_icon01.png) no-repeat 70px 17px;}
.notice_table #user_board_paging{margin-top:20px; border:none; }
.notice_table #user_board_button{display: flex; justify-content: flex-end;}
.notice_table #user_board_button a{display: flex; width:fit-content; background: #19356D; color: #fff !important; height: 35px; align-items: center; justify-content: center; padding: 0 20px !important; border-radius: 5px; font-size: 14px; margin-left: 5px;}
.notice_table #user_board_button a:hover{background:#000;}
.notice_table #user_board_button input[type="submit"]{display: flex; width:fit-content; height: 35px; align-items: center; justify-content: center; padding: 0 20px !important; border-radius: 5px; font-size: 14px;}

.notice_table .board_fl{float: none !important;}
.notice_table .board_fl>form{width: 100%; max-width: 1000px; padding: 0 20px; margin: 0 auto !important;}
.notice_table .board_fl>form select{width: 130px; height: 40px; margin-bottom:5px; border: 1px solid #C4C4C4; border-radius: 5px;}

td.file_list p{margin-bottom:0px;}
 
/*캘린더*/  
.calender_nav{display:flex;}
.calender_nav01{display: flex !important; align-items: center; background:#4335a2 !important;}
.calender_nav01 a{display:flex;}
.calender_nav02 select{border-color:#4335a2 !important;}
.calender_nav02 input[type="button"]{ background:#4335a2 !important; border-color:#4335a2 !important;}
.calender_table td div span{display: flex; width:fit-content;  height: 30px; align-items: center; justify-content: center; padding: 0 20px; border-radius: 5px; font-size: 14px; margin:0; margin-bottom:5px;}
.calender_table .span_type01{background:#ff367f; color: #fff;}
.calender_table .span_type01:hover{background: #e42f70;}
.calender_table .span_type02{background:#154ead; color: #fff;}
.calender_table .span_type02:hover{background: #124292;}
.calender_table .span_type03{background:#d85e0c; color: #fff;}
.calender_table .span_type03:hover{background: #be530b;}
.calender_table .span_type04{background:#458e13; color: #fff;}
.calender_table .span_type04:hover{background: #3b7a0f;}
.calender_table .span_type05{background:#66219a; color: #fff;}
.calender_table .span_type05:hover{background: #501a78;}
.calender_table .span_type06{background:#218d9a; color: #fff;}
.calender_table .span_type06:hover{background: #1d808c;}
.calender_table .span_type07{background:#948a05; color: #fff;}
.calender_table .span_type07:hover{background: #7e7505;}
.calender_table td br{display:none;}
#sub4_even_1 textarea{resize:none;}
#open_admin_sub_layout{background:#fff !important;}
.calendar_title2{display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center; margin-top:80px; }
.calendar_title2 .p_type01{margin-bottom: 0 !IMPORTANT; font-size: 22px; font-weight: bold; line-height: 32px; background: url(/resources/images/fnc_images/health/sub/sub_title_head.png) no-repeat; background-position: left; padding-left: 30px;}	
.calendar_title2 .link_type01{display: flex; width:fit-content; background: #4335a2 !important; color: #fff !important; height: 35px !important; align-items: center; justify-content: center; padding: 0 15px !important; border-radius: 5px; font-size: 14px !important; margin:0 auto; margin:0;}
.calendar_title2 .link_type01 img{margin-left:5px;}
.calendar_title2 .link_type01:hover{background:#000 !important; color:#fff;}
#sub4_even .table_box table{border-top:2px solid #19356D; margin-bottom:15px;}
#sub4_even .table_box th{background:#F7F7FA; color:#000000; font-size:16px; line-height:19px;  border:1px solid #C4C4C4; height:40px; border-left:none; border-top:none;  word-break: keep-all;}
#sub4_even .table_box td{color:#464646; font-size:16px; line-height:19px;  border:1px solid #C4C4C4; text-align:center;  height:40px; border-left:none;  word-break: keep-all; padding:5px 10px;}
#sub4_even .table_box .table_end{border-right:none;}
#sub4_even .table_box th.left{text-align:left; padding-left:10px;}
#sub4_even .table_box td.left{text-align:left;}
 
 
/*반응형*/
@media (max-width:1440px) {
  .sub-wrap{width:100%;padding:0 30px 100px;}
  .boss-hello-up { background: url("/resources/images/fnc_images/health/sub/sub_boss_bg2.png") no-repeat center;width:850px;margin:160px auto 55px;}
  .boss-hello-up-text{top:85px;right:50px;}
  .boss-hello-up-text h1{font-size:70px;margin-bottom:10px;}
  .boss-hello-up-text h2{font-size:20px;}
  .world{height:720px;}
  .world-map{background-size: contain !important;}
  #eu{top: 29%;left: 15%;}
  #asia{top:30%;left: 30%;}
  #west-south-asia{top: 43%;left: 17%;}
  #africa{top: 55%;left: 10%;}
  #north-america{top: 35%;right: 16%;}
  #middle-america{top:50%;right: 14%;}
  #south-america{top: 65%;right: 4%;}
  #oceania{top: 70%; left: 40%;}
}
@media (max-width:1280px) {
	.permission{grid-template-columns:repeat(4,1fr)} 
	.aids-box {width:200px;}
}
@media (max-width:1100px) {
	.world{display:none;}
	.world-list{display:grid; grid-template-columns: 1fr 1fr;}
	.health-table{    overflow: auto;}
	.health-table table{    white-space: nowrap;}
	.health-table table.noscroll{white-space: unset;}
	.mental-level{    flex-direction: column;	}
	.mental-level-box{width:100%;}
	.mental-level-left{ display:flex;   justify-content: center;	}
	.work-on{padding:50px;}
	.guide{    flex-direction: column;	}
	.guide-box{width:100%;}
	.complain{flex-direction: column;}
	.complain-arrow{transform: rotate(90deg);}
	.complain-list{width:450px;}
	.permission{grid-template-columns:repeat(3,1fr)}
	.atopy{padding:30px;gap:40px;}
	.atopy-right p{padding:0;font-size:18px;line-height:26px;}
	  .boss-hello-up { background: #fff;width:100%;height:auto;}
  .boss-hello-up-text{position:static;}
  .aids-up {flex-direction: column; gap:50px;}
  .aids-down {flex-direction: column;gap:50px;}
  .aids-box{width:100%;}
  .aids-box p br{display:none;}
  .aids-box p.aids-box-step{left:20px;top:unset;color:#fff;transform:none;}
  .aids-box p.aids-box-etc{bottom:unset;right:20px;color:#fff;left:unset;transform:none;}
  .aids-arrow{width:24px;margin:0 auto;}
  .aids-arrow p{left:50px;top:unset;height:auto;transform:none; width:110px;}
  .aids-arrow p br{display:none;}
  .aids-arrow img {transform:rotate(90deg);}
  .arrow-rotate{transform:rotate(-90deg) !important;}

}
@media (max-width:850px) {
  .submenu-btn li{font-size:16px;line-height:20px;}
  .sub-wrap{padding:0 20px 100px;}
  .mental-banner h3{    font-size: 24px;line-height: 34px;}
  .permission{grid-template-columns:repeat(2,1fr)}
  .img-flex{flex-direction: column;}
  .sitemap{gap:40px;justify-content: center;}
  
  	.notice_table .date{border-right:none !important;}
	.notice_table .hit {display:none;}
}
@media (min-width:651px){
	.submenu-btn li {border-top:none; border-left:none;}
	.submenu-btn li:nth-child(3n + 1){border-left:1px solid #b4b4b4;}
	.submenu-btn li:nth-child(-n + 3){border-top:1px solid #b4b4b4;}
	.submenu-btn.grid-2 li:nth-child(3){border-top:none; border-left:1px solid #b4b4b4;}
	.submenu-btn.grid-2 li:nth-child(4){border-left:none;}
	
} 
 
@media (max-width:650px) {
	.submenu-btn{   grid-template-columns: 1fr 1fr; border:none;}
	/*.width-200{width:200%;}*/
	.text2 {margin-left:0px;}
	.text1 {margin-left:10px;}
	.sub_text{margin-left:25px;}
    .mental-banner{padding: 0 10px;}
 	.mental-banner h3{    font-size: 20px;line-height: 30px;}  
  	.mental-level-left{padding:0 10px;}
  	.work-on{padding:20px;font-size: 22px;line-height: 34px;}
  	.guide-box{height: auto;}
  	.guide-box > div{padding:20px 15px;}
  	.guide-box > div > p{ font-size: 16px; line-height: 30px;}
  	.complain-list{width:100%;}
  	.complain{padding:30px 30px 150px;}
  	.permission{grid-template-columns:1fr;}
  	.permission-box{position: relative;height:140px;}
  	.permission-box > .permission-box-icon {    position: absolute;    right: 20px;    bottom: 20px;}
  	.atopy-left{display:none;}
  	.map-box{border:none; border-radius:0;}
  	.map-map{height:400px;}
  	.map-info{padding:25px 0px;}
  	.boss-hello-up{margin:70px 0 20px;}
	.boss-hello-up-text h1{font-size:50px;margin-bottom:20px; font-size: 25px; line-height: 39px;}
	.boss-hello-up-text h2{font-size:22px;line-height:30px; font-size: 17px; word-break: keep-all; line-height: 25px;}
	.boss-hello-down{    line-height: 30px; margin-bottom:0px;}
	.boss-hello-down p {margin-bottom:20px; font-size: 15px; line-height: 26px; text-align: justify; text-indent: 5px;}
    .sitemap{gap:20px;}
    .sitemap-list{width:100%;} 
    .aids-box p.aids-box-step{left:0;top:-40px;color:#000;}
    .aids-box p.aids-box-etc{right:0;bottom:-30px;color: #2f2c95;}
     
    .health-table table{border-top:1px solid #b4b4b4;}    
    .sub-wrap{padding-bottom:70px;word-break: normal;}
    .sub-wrap-title{padding: 50px 0 20px; font-size: 25px; line-height: 39px;}
    .health-sub-title{margin-top:40px; margin-bottom:25px;}
	.text1{margin-right: 10px; word-break: break-all; font-size: 16px; line-height: 24px; letter-spacing: -1px; text-align: justify;}
	.text2{font-size: 18px; line-height:27px;}
	.complain-box{height: 225px;}
	.complain-box-text{height:55px;}
	.complain-box-text p{font-size:16px;}
	.submenu-btn li{font-size:15px; border-left: none; border-top: none; height:60px; word-break: keep-all;}
	.submenu-btn li:nth-child(2n + 1){border-left:1px solid #b4b4b4;}
	.submenu-btn li:nth-child(-n + 2){border-top:1px solid #b4b4b4;}
	.sub-banner-link-box{ font-size: 15px; line-height: 22px;}
	.link2{min-width:auto;}
	.health-table th{padding: 10px; font-size: 15px; height:50px;}
	.health-table td{padding: 5px; font-size: 15px; height:50px;}
	
	.notice_table{padding:0 10px;}
	.notice_table #user_board_control .board_fr form{padding:0 10px;}
	.notice_table #user_board_control fieldset #sbfd{font-size: 0.8rem; width: 80px; padding: 0; height: 40px;     margin-right: 5px;}
	.notice_table #user_board_control fieldset #sbt{width: calc(100% - 150px); height: 40px; margin-right:5px;}
	.notice_table #user_board_control fieldset input[type="submit"]{font-size: 0.8rem; height: 40px; width: 60px; padding-left: 10px; background: #4335a2 url(/resources/images/fnc_images/sub/search_icon01.png) no-repeat 36px 12px;}	
	.notice_table th{padding:5px !important; font-size:0.9rem !important;}
	.notice_table td{padding:5px !important; font-size:0.8rem !important;}
	.read_information li{padding:10px !important;}
	#user_board_read_view{padding:20px 0px; word-break: break-all;}
	#user_board_whole #user_board_read_title{text-align: left; line-height: 23px; font-size: 16px; padding: 10px 0px;}
	#user_board_list .writer{width: auto !IMPORTANT; word-break: break-all !IMPORTANT; display:none;}
	#user_board_paging{display:flex !important; padding: 10px 0px !important;  justify-content: center;}
	#user_board_paging span{display: flex !IMPORTANT; width: 100% !important; max-width:30px; margin: 0 !important; padding: 0 !important; align-items: center; justify-content: center;}
	#user_board_paging a span{ border: none !important; color: #111  !important; font-weight: 500  !important; }
	#user_board_paging a span.next{background: #fff; color: #111 !important; border: 1px solid #ccc !important;}
	#user_board_paging a span.prev{background: #fff; color: #111 !important; border: 1px solid #ccc !important;}
	#user_board_paging a{display: flex; width: 100%; max-width:30px; padding: 0; margin: 0; align-items: center; justify-content: center;}	
	
	.guide-box h3{font-size: 20px; height: 70px;}
	.guide-box1 h3::after{width: 70px; height: 70px; background-size: contain;}
	
	.calender_nav{flex-direction: column;}
	.calender_nav01{width: 100%; justify-content: space-between; margin-bottom:10px;}
	.sub_com1 .cont02 .content01>ul{position: unset; width: 100%; display: flex; justify-content: flex-end;}
	.sub_com1 .cont02 .content02 th{font-size:14px; height: 30px; line-height: 30px;}
	.sub_com1 .cont02 .content02 td{height:50px !important; padding:0 !important;}
	.sub_com1 .cont02 .content02 td>span{font-size:0.8rem; display:flex;}
	.sub_com1 .cont02 .content02 td>div{display: flex; flex-direction: column; align-items: center;}
	.calender_table td div span{padding: 0; font-size: 0.8rem; height: 25px; width:100%; margin-bottom: 2px; height: 30px; width: 30px; text-align: center;}
}