@charset "UTF-8";

/* Page Title */

body { width:100%; height:100%; padding:0px; margin:0px;   }

/*서브 BG*/
.sub_vi1  { margin-top:0; width:100%; height:300px; float:left; background:url('/common/img/sub/sub_vi01.png') no-repeat top center; background-color:#ddd; min-width:1100px; margin:0 auto; }
.sub_vi2  { margin-top:0; width:100%; height:300px; float:left; background:url('/common/img/sub/sub_vi02.png') no-repeat top center; background-color:#ddd;  }
.sub_vi3  { margin-top:0; width:100%; height:300px; float:left; background:url('/common/img/sub/sub_vi03.png') no-repeat top center; background-color:#ddd;  }
.sub_vi4  { margin-top:0; width:100%; height:300px; float:left; background:url('/common/img/sub/sub_vi04.png') no-repeat top center; background-color:#ddd;  }
.sub_vi5  { margin-top:0; width:100%; height:300px; float:left; background:url('/common/img/sub/sub_vi05.png') no-repeat top center; background-color:#ddd;  }

#sub_wrap  {width:1100px; margin:0 auto; }

.content_wrap {width:1100px; float:left; padding:85px 0px 65px 0px;}
.content_wrap h2 {border-bottom:2px solid #31865e; margin:0; padding-bottom:15px; margin-top:30px; margin-bottom:55px; color:#31865e; font-weight:500;}


/*메뉴*/
/* 내용 위에 탭 메뉴 */
.content_menu          	  {position:absolute; top:450px; left:0; width:100%; height:55px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.content_menu   .in      	  {margin:0 auto; width:1100px; background:#dfd; }
.content_menu   .in  .home   {width:5%;height:55px; background:#31865e; float:left; padding:17px 0px 0px 0px; text-align:Center;  border:1px solid #ddd; border-top:0; border-bottom:0 ; box-sizing:border-box; }

.content_menu  .in  .box1 {width:22%;  height:55px; float:left; text-align:center; background:url('/common/img/sub/sub_menu_arrow.png') no-repeat top left; border-right:1px solid #ddd;}
.content_menu  .in  .box2 {width:22%;  height:55px; float:left; text-align:center; background:url('/common/img/sub/sub_menu_arrow.png') no-repeat top left; border-right:1px solid #ddd;}


#article {width:1100px; float:left; padding:0px 0 90px 0;}
.guide {width:100%; float:left;  margin:0 auto; }
.guide .t1 {float:left;  font-size:2em;  font-weight:600; color:#333;  letter-spacing:-2px;}
.guide .t2 {float:right; font-size:0.85em; font-weight:400; padding-top:25px; color:#999;  letter-spacing:-2px;}

.box_100  {width:100%; float:left;}
.box_20  {width:20% !important; float:left;}
.box_30  {width:30% !important; float:left;}
.box_40  {width:40% !important; float:left; background-color:#fff;}
.box_45  {width:45% !important; float:left;}
.box_50  {width:50% !important; float:left;}
.box_55  {width:55% !important; float:left;}
.box_60  {width:60% !important; float:left;}
.box_70  {width:70% !important; float:left;}
.box_80  {width:80% !important; float:left;}


.deco1  {font-size:1.15em; line-height:1.5em; font-weight:600; color:#333;}
.deco2  {font-size:2.2em; line-height:1.5em; font-weight:800; color:#333;}

.text_box  {font-size:1.1em; line-height:1.8em; font-weight:600; color:#555;}
.text_box2  {font-size:0.98em; line-height:1.5em; font-weight:400; color:#555; width:100%; float:left;}
.color1  {color:#054f98; }
.color2  {color:#777; }
.color3  {color:#ff9009; }

.text_under {text-decoration:underline;}
.nomal_t  {font-size:0.95em; line-height:1.3em; font-weight:400; }

.border_bottom  {border-bottom:1px dashed #ddd;  padding-bottom:45px; margin-bottom:40px;  width:100%; float:left;}
.border_top  {border-top:1px dashed #ddd; padding-top:30px; width:100%; float:left;}


table.img_table  {width:100%; float:left;}
table.img_table td {text-align:center;  border:1px solid #fff;  vertical-align:middle;  }
table.img_table td.t1 {  background-color:#fff;  font-size:0.92em; line-height:1.2em; color:#333;  font-weight:600;  padding:7px 0 13px 0; }


/* 센터 소개 (센터장 인사말)*/
.ceo_wrap{width:70%; float:right; }
.ceo_tit{font-size:26px; font-weight:500; color:#333; line-height:1.3em; margin-bottom:15px; display:block;}
.ceo_txt{font-size:17px; color:#666; line-height:1.4em; font-weight:300;}
.ceo_sign{font-size:17px; color:#777; line-height:2.5em; font-weight:300;}

/*함께하는 사람들*/
.with_people{width:83%; float:right;padding: 6px 0px;}
.with_people li:first-child{width:38%; float:left; padding:10px; box-sizing:border-box;}
.with_people li:last-child{width:61%; float:right; }
.people_name  {font-size:25px; font-weight:500; color:#333; width:100%; float:left; margin-bottom:8px;}
.people_career{font-size:15px; font-weight:300; color:#555; line-height:1.5em; width:100%; background-color:#f5f5f5; float:left; padding:15px 10px; box-sizing:border-box; border-radius:8px; }
.people_txt{font-size:17px; color:#666; font-weight:300; line-height:1.4em;}

/* 조직도 - 연구원 소개 */
.people_wrap_wrap .sub_tit_dot2 {display:inline-block; width:100%}
.people_wrap_wrap  > div {width:auto; box-sizing:border-box; padding:0 50px;  border-right:1px solid #ddd}
.people_wrap_wrap  > div:nth-child(2) {padding:0 55px}
.people_wrap_wrap  > div:last-child {border-right:none}
.people_wrap { padding:0px 12px;}
.people_wrap li { color:#555; text-align:Center; font-weight:300; font-size:17px; margin-bottom:3px}

.people_wrap2{width:30%; float:left; padding:0px 12px; float:left; margin-top:17px; }
.people_wrap2 li{color:#555; font-weight:300; font-size:17px;}



/*활동-사업개요*/
.subcon_tit{font-size:22px; font-weight:500; margin-bottom:12px; color:#333;  }

.subcon_subtit{vertical-align:middle; font-size:17px; font-weight:400; color:#333; background:#f5f5f5; width:100%; float:left; padding:17px 0px 17px 15px ; margin-bottom:5px; box-sizing:border-box; border-radius:0px 0px 30px 0px;	}
.subcon_txt{color:#666; font-weight:300; font-size:16.5px; margin-top:6px; line-height:1.6em; margin-bottom:30px; width:100%; float:left; margin-left:18px;}

.num_bg {width:28px; float:left;  background:#085961;  line-height:28px; text-align:center; border-radius:20px; margin-right:8px; display:block;
		color:#fff; font-family:'arial'; font-size:15px; font-weight:500;}

.num_bg_g {width:25px; float:left;  background:#00723b;  line-height:25px; text-align:center; border-radius:20px; margin-right:8px; display:block;
		color:#fff; font-family:'arial'; font-size:15px; font-weight:500;}

.num_bg_yd {width:25px; float:left;  background:#87b73f;  line-height:25px; text-align:center; border-radius:20px; margin-right:8px; display:block;
		color:#fff; font-family:'arial'; font-size:15px; font-weight:500;}


.making_img ul li .no_bg  {background:url('/common/img/sub/no_bg.png'); text-align:center;  width:50px; font-weight:600; line-height:50px;
							color:#fff;  font-family:'arial';  font-size:18px; float:left;}


/* basic.css 연혁 */
.history_subtit{font-size:40px; color:#00723b; line-height:1.3em; font-weight:600;}

.history_img_wrap{width:65%; float:left;}
.history_img_wrap li{ float:left;}
.history_img_wrap li img{width:220px; margin-right:8px; border-radius:6px;}

.history_txt{font-size:20px; color:#666;}

/* 비전과 미션 */
.vision_wrap{width:85%; float:right; background:#f5f5f5; padding:16px 10px; border-radius:0px 0px 30px 0px;	font-size:17px; color:#333; font-weight:300;}
.vision_subtit{float:left; padding:45px 40px; border-radius:65px; background:#00723b url('/common/img/sub/stripe_bg.png') no-repeat 0; vertical-align:middle; color:#fff; font-size:25px;}

.mission_wrap{width:100%; float:left;}
.mission_subtit{float:left; padding:45px 40px; border-radius:65px; background:#87b73f url('/common/img/sub/stripe_bg.png') no-repeat 0;; vertical-align:middle; color:#fff; font-size:25px;}



/* 주요일정표 달력 */
.calender_top{width:100%; float:left; text-align:center; background:#f9f9f9; padding:25px 0;}
.cal_date{line-height:1.5em; color:#333; font-size:18px; font-weight:400; padding:0 25px; }

.calender_top  {width:100%; float:left;}
.calender_top  p {width:100%; text-align:center;}
.calender_top  span {font-weight:600; color:#333; font-size:2em; line-height:53px; padding:0px 20px;}


table.calender   {width:100%; float:left;  border-top:1px solid black; border-bottom:1px solid #707070; margin-bottom:20px;}
table.calender  th   {width:14.28571428%;  padding:10px; background-color:#f9f9f9; border:1px solid #ddd;  font-size:0.95em; font-weight:600; color:#333;}
table.calender  td   {width:14.28571428%;  padding:10px; vertical-align:top;  border:1px solid #ddd; box-sizing:border-box }
table.calender  .date   {font-weight:600; font-size:1.1em; line-height:2em; }

table.calender ul  {width:100%; float:left;}
table.calender li  {font-size:16px; line-height:1.3em; color:#777; width:100%; float:left; padding-top:2px;}


.top_wrap{display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
.top_wrap form{}
.top_wrap .search{margin-top:0; background:none; border:none; padding:0; width:100%; max-width:500px; text-align:right;}
.date-range {
  display: flex;
  align-items: center;
  gap: 10px;
}

.date-range input[type="date"] {
  width: 130px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #ddd;
  box-sizing:border-box;
}



/*오시는 길*/
.circle_bg{padding:12px; border-radius:50px; background:#00723b; margin-right:20px;}
.bold_f{font-weight:500; }

.address_bar{width:42px; height:2px; background:#339900; float:left; margin-top:5px;}

.map_info{width:100%; float:left; margin:30px 0;}
.map_info li{width:50%; float:left; line-height:1em; color:#333; font-size:17px; font-weight:300;}

.map_info2{width:100%; float:left; background:#f7f7f7; padding:15px; box-sizing:border-box;}

.map_info_txt {padding:0 0 5px 0px; color:#333;  font-size:16px; font-weight:300; display:block;}
.map_info_txt2{color:#666; font-size:16px; font-weight:300; display:block; line-height:1.8em; }
.map_info_txt3{margin:10px 0 0px 0px; color:#666; font-size:15px; font-weight:300; display:block;}
.map_info_txt3 a{color:#666 !important;}
.map_info_txt3 a:hover{color:#333 !important;}

.bus_b{padding:2px 7px; background:#0070ee; color:#fff; border-radius:5px; font-size:14px; }
.bus_g{padding:2px 7px; background:#1ba925; color:#fff; border-radius:5px; font-size:14px; }
.bus_ma{padding:2px 7px; background:#999; color:#fff; border-radius:5px; font-size:14px; }
.subway_b{padding:2px 7px; background:#33a5eb; color:#fff; border-radius:5px; font-size:14px; }
.car_b{padding:2px 7px; background:#555; color:#fff; border-radius:5px; font-size:14px; }




/* 관련기관 */
.address_tit{font-size:17px; font-weight:500; color:#333; padding-bottom:10px;}
.address_txt{font-size:16px; font-weight:400; color:#555; padding-bottom:25px; line-height:1.8em;}
.address_txt a{font-size:16px; font-weight:300; color:#888!important ; }
.address_txt a:hover{color:#333!important;}

/* 사이트맵 */

.sitemap_wrap{width:100%; float:left;}
.sitemap_box{width:23%; margin-right:2.4%; float:left; border:1px solid #ddd; }
.sitemap_box>ul>li{border-bottom:1px solid #ddd;padding:15px 0; text-align:center;}
.sitemap_box>ul>li>a{font-size:17px; font-weight:400; color:#333;}
.sitemap_tit1{background:#00723b url('/common/img/sub/stripe_bg.png') repeat 0;;font-size:19px; font-weight:500; color:#fff; }
.sitemap_tit2{background:#87b73f url('/common/img/sub/stripe_bg.png') repeat 0;;font-size:19px; font-weight:500; color:#fff; }
.sitemap_submenu{ margin-top:10px;}
.sitemap_submenu li{ text-align:center;}
.sitemap_submenu li a{color:#777; font-weight:300;}

/* 서브 타이틀 앞에 ◇ 마름모 라인이미지 */
.tit_line        {width:100%; font-weight:600; font-size:1.3em; line-height:1em; padding-left:25px; box-sizing:border-box;
background:url('/common/img/sub/tit_line2.png') no-repeat top left;  float:left;  color:#333; }

.tit_line2 {width:100%; float:left; padding-left:25px;  font-weight:600; font-size:1.3em; line-height:1em; background:url('/common/img/sub/tit_line2.png') no-repeat bottom left;}

.sub_tit_dot {width:100%; float:left; padding-left:13px;  font-weight:400; line-height:1em; margin-bottom:10px; font-size:20px;
background:url('/common/img/sub/tit_dot.png') no-repeat center left; box-sizing:border-box; }

.sub_tit_dot2 {width:8%; float:left; padding-left:13px;  font-weight:400; line-height:1em; margin-bottom:10px; font-size:20px;
background:url('/common/img/sub/tit_dot.png') no-repeat center left; box-sizing:border-box; }


.color_r{color:#f00;}
.color_b{color:#003399;}
.color_gr{color:#777; font-size:15px; font-weight:300;}
.table_title{font-size:16px; color:#31865e; font-weight:500;}

.textarea_wrap { text-align:center; background-color:#f9f9f9; padding:14px 10px; box-sizing:border-box;}