@charset "utf-8";

/* 안내문 */
.info-box {position:relative; padding:20px 20px 20px 120px; color:#333; border:1px solid #d1d8e4; font-size:14px; line-height:140%; margin-bottom:30px; letter-spacing:-0.3px;}
.info-box:before {position:absolute; top:50%; left:25px; margin-top:-36px; content:''; display:block; width:72px; height:72px; background:url('/images/org/web/gnse/sub/infobox_ico.png') no-repeat -90px 0}
.info-box.ico01:before { background-position:0 0}
.info-box.ico03:before { background-position:-180px 0}
.info-box.ico04:before { background-position:-270px 0}
.info-box.ico05:before { background-position:-360px 0}

/* 교육장 인사말 */
.greeting_officer { position:relative}
.greeting_officer .img { display:block; position:absolute; top:15px; left:0}
.greeting_officer .txt_hd{ margin-left:268px; font-size:25px; color:#374e66; line-height:140%; letter-spacing:-1.5px; margin-bottom:20px;}
.greeting_officer .txt_hd em{ font-weight:bold}
.greeting_officer .col_gr{ color:#179472;}
.greeting_officer .col_bl{ color:#005ebe;} 
.greeting_officer .txt_cnt{ margin-left:268px; color:#666; font-size:15px; letter-spacing:-0.5px; line-height:150%; margin-bottom:30px}
.greeting_officer .txt_cnt em{ font-size:17px; font-weight:bold}
.greeting_officer .txt_ft{ margin-left:268px; text-align:right; font-size:15px; color:#666;}
.greeting_officer .txt_ft img{ margin-left:10px; vertical-align:middle}

/* 연혁*/
.historyList{ overflow:hidden; text-align:center;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/org/web/gnse/sub/history_line_bg.png') repeat-y center;}
.historyList .list .last{ width:7px; height:7px; background-color:#ddd; border-radius:50%; position:absolute; left:50%; margin-left:-3.5px; bottom:35px}
.historyList .list .right{width:50%; margin-right:6px; float:right; background:url('/images/org/web/gnse/sub/history_right_bg.png') no-repeat left 20px;}
.historyList .list .right ul{float:right; text-align:left;}
.historyList .list .left{width:50%; margin-left:6px; float:left; background:url('/images/org/web/gnse/sub/history_left_bg.png') no-repeat right 20px;}
.historyList .list .left ul{float:left; text-align:right;}
.historyList .list ul{width:75%; border-radius:10px; padding:20px 30px; background:#fff; border:1px solid #ddd;}
.historyList .list ul li{line-height:30px;}
.historyList .list ul li.tit{font-size:20px; font-weight:bold; color:#001f66; margin-bottom:10px;}
.historyList .list ul li > span{ font-weight:bold; margin-right:8px}
.historyList .list .y2010 ul{background:#f2f6fb; border:1px solid #ddd; }

/* 역대교육장 */
.adminList ul {overflow:hidden}
.adminList ul li{float:left; width:25%; padding:0 0 30px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.adminList ul li > div {padding:0 20px}
.adminList ul li p{font-size:16px; font-weight:bold; line-height:150%; text-align:center; color:#444; }
.adminList ul li p span{color:#005dbd;}
.adminList ul li p.date{font-size:14px; font-weight:normal; letter-spacing:0; color:#777;}
.adminList ul li .img { display:block; background:url('/images/org/web/gnse/sub/adminList_bg.gif') no-repeat; width:180px; height:200px; text-align:center; margin-bottom:15px;}
.adminList ul li .img img{margin:30px auto;}

/* 조직업무안내 */
.systemInfo .tit{position:relative; z-index:10; text-align:center;}
.systemInfo .wrap{position:relative; z-index:1; top:-5px; display:inline-block; width:90%; background:url('/images/org/web/gnse/sub/system_bg.gif'); border:1px solid #ddd; padding:25px 4%;}
.systemInfo .wrap ul{display:inline-block; margin:0 auto; width:100%;}
.systemInfo .wrap ul li{width:46.7%; height:320px; background:#f6fafe; float:left; text-align:center; border:1px solid #ddd; letter-spacing: -1px;; margin:25px 1.5%;}
.systemInfo .wrap ul li h2{ font-size:18px;; color:#fff; line-height:45px; background:url('/images/org/web/gnse/sub/system_tit_bg.gif');}
.systemInfo .wrap ul li p{margin:20px 15px; border:1px solid #ddd;}
.systemInfo .wrap ul li p span{background:#fff; border-bottom:1px solid #ddd; display:block; line-height:45px;}
.systemInfo .wrap ul li p span.lh20 { line-height:20px !important; padding: 10px 0}
/*180827*/
.systemInfo .wrap ul li p span.info_01{background:#f5f9ff url('/images/org/web/gnse/sub/system_bg2.png');}
.systemInfo .wrap ul li p span.info_03{background:#f5f9ff url('/images/org/web/gnse/sub/system_bg2.png');}
.systemInfo .wrap ul li p span.info_05{background:#f5f9ff url('/images/org/web/gnse/sub/system_bg2.png');}

/* 찾아오시는 길 */
.NaviMap .root_daum_roughmap_landing, .root_daum_roughmap{ width:100% !important}

/* 과학전시관 메뉴 리스트 */
.menu_list { width:100%;}
.menu_list li{float:left;border: 1px solid #bbb;margin: 0 10px 5px 0;text-align:center;word-break:keep-all;}/* 200720 */
.menu_list li a {display:block;padding: 3px 10px;overflow:hidden;}/* 200720 */
.menu_list li a:hover { background:#fff;}

.imgTbox { width:100%;}
.imgTbox .img_box { float:left; width:25%;}
.imgTbox .t_box {float:left; width:75%;}

/* 과학전시관도입 */
.imgTbox2 { width:100%;}
.imgTbox2 .img_box { float:left; width:58%;}
.imgTbox2 .t_box {float:left; width:42%;}

/* 물질과 에너지의 하모니 */
.imgTbox3 { width:100%;}
.imgTbox3 .img_box { float:left; width:50%;}
.imgTbox3 .t_box {float:left; width:45%;}

/* 테이블 */
.line{border-bottom:1px solid #000 !important;}
.line_2{border-bottom:1px solid #ccc !important;}

/* 아름다운 곤충세상 */
.li_2 li{float:left; width:50%;}
.li_2_1 li{float:left; width:50%;}
.li_2_1 li:first-child{float:left; width:33.333%;}
.li_3 li{float:left; width:33.333%;}
.li_3_1 li{float:left; width:33.333%;}
.li_4 li{float:left; width:25%;}
.li_4_1 li{float:left; width:25%;}
.li_5 li{float:left; width:20%;}

/* 나비의 일생 */
.image_box{display: inline-block; width: 25%;}
.text_box{display: inline-block; width: 74%; vertical-align: middle;}

/* 장수풍뎅이 */
.image_box_2{display: inline-block; width: 35%;}
.text_box_2{display: inline-block; width: 64%; vertical-align: middle;}

/* 사슴벌레 */
.yuebg_1{background:#FEFFE7 !important}
.yuebg_2{background:#DDFAD8 !important}
.yuebg_3{background:#E9FAFF !important}
.yuebg_4{background:#A4CBFF !important}

/* 예악신청 */
.rsb li{float:left; width:24%; margin-left:1%;}
.rsb li:first-child{margin-left:0;}
.rsb li a{display: block;}

/* 전시관 박스 스타일 181115 추가 */
.boxTy01_01 {display: inline-block; padding:10px; line-height:1.5; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; border-radius:7px; overflow:hidden; background:#f2f4f7;}

/*글씨기울이기 181221*/
.i{font-style:italic;}

/*과학관관람*/
.listTy06 li  {position:relative;font-size:14px;line-height:140%;padding-left:11px;margin:6px 0;color:#333}
.listTy06 li:before{display:none;}

/* 리스트 :가로 나열 */
ul[class*='li_w']{ overflow:hidden; }
.li_w50 > li { width:50%; float:left; }
.li_w30 > li { width:33%; float:left; }
.li_w25 > li { width:25%; float:left; }
.li_w20 > li {width: 18%;float:left;}


@media screen and (max-width:1200px){
 /* 리스트 :가로 나열 */
  .li_w20 > li { width:25%; }
}


@media screen and (max-width:1024px){
      /* 리스트 :가로 나열 */
  .li_w25 > li { width:33%; }
  .li_w20 > li { width:33%; }

}


@media screen and (max-width:1019px) {

	
	/* 교육장 인사말 */
	.greeting_officer .txt_hd, .greeting_officer .txt_cnt, .greeting_officer .txt_ft{ margin-left:240px}
	
	/* 연혁 180825 수정 */
	.historyList .list .right,  .historyList .list .left{float:none; width:100%; margin:0px; background-image:none;}
	.historyList .list .right ul, .historyList .list .left ul {float:none !important; width:80%;  margin:20px auto; text-align:left;}
	.historyList .list ul li.tit{ text-align:center}
	.historyList .list .left ul:last-child{margin-bottom:0px;}
	.historyList .list .last{ display:none}
	
	/* 역대교육장 */
	.adminList ul li > div {padding:0 10px}
	.adminList ul li .img { background-size:contain; background-position: center center; width:100%}
	
	/*과학전시관도입*//*물질과 에너지의 하모니 */
	.imgTbox2, .imgTbox3 { width:100%;}
	.imgTbox2 .img_box, .imgTbox3 .img_box { float:none; width:100%; text-align:center;}
	.imgTbox2 .t_box, .imgTbox3 .t_box {float:none; width:100%;}

	/* 예악신청 */
	.rsb li{width:49%; margin-bottom:1%;}
	.rsb li:first-child{margin-left:1%;}
	.rsb_2 li a{display: block;}

}



@media screen and (max-width:900px) {
	
	.img { width:90%;}
	.img_2{width:35%;}
	.image_box img{max-width:100%; min-width:100px;}

	/* 장수풍뎅이 */
	.image_box_2{width: 100%;}
	.text_box_2{width: 100%;}

}


@media screen and (max-width:860px){
 
  /* 리스트 :가로 나열 */
  .li_w30 > li { width:50%; }
  .li_w25 > li { width:50%; }
  .li_w20 > li { width:50%; }
 
}


@media screen and (max-width:800px) {
	
	/* 교육장 인사말 220901 */
	.greeting_officer .cheditor-caption-wrapper { display:block; position:relative; width:100%; text-align:center;}
	.greeting_officer .txt_hd{ margin-left:0; }
	.greeting_officer .txt_cnt{ margin-left:0;}
	.greeting_officer .txt_hd, .greeting_officer .txt_cnt, .greeting_officer .txt_ft{ margin-left:0}
	.greeting_officer .img {width:auto; display:block; position:relative; top:auto; left:auto; text-align:center; margin-bottom:20px;}
	.greeting_officer .img img{ width:auto;}
	/* //220901	 */
	
	/* 안내문 */
	.info-box {margin-bottom:20px}
	
	/* 역대교육장 */
	.adminList ul li{width:33.3%}
	
	/* 조직업무안내 */
	.systemInfo .wrap ul li{width:46%; margin:10px 4% 10px 0;}
	.systemInfo .wrap ul li:nth-child(3n){margin-right:4%;}
	.systemInfo .wrap ul li:nth-child(2n){margin-right:0 !important;}
	
	/* 아름다운 곤충세상 */
	.li_4_1 li{width:33.333%; height:220px;}
}

@media screen and (max-width:680px) {
	
	/* 안내문 */
	.info-box {padding:16px}
	.info-box:before { background-image:none}
	
	/* 연혁 */ 
	.historyList > img{ width:50%; height:auto}
	.historyList .list .right ul, .historyList .list .left ul {width:95%;}
	.historyList .list ul li > span{ display:block; margin-right:0}
	
	/* 역대교육장 */
	.adminList ul li{width:50%}

	/* 나비의 일생 */
	.image_box{width: 100%;}
	.text_box{width: 100%;}
	
}

@media screen and (max-width:580px) {

	.img_2{width:50%;}
	
	/* 연혁 */ 
	.historyList > img{ width:60%}
	
	/* 역대교육장 */
	.adminList ul li{width:100%}

	/* 아름다운 곤충세상 */
	.li_2_1 li:first-child{width:50%;}
	.li_3 li{width:50%;}
	.li_3_1 li{width:50%;}
	.li_3_1 li:last-child{width:100%;}
	.li_4 li{width:50%;}
	.li_5 li{width:50%;}

}

@media screen and (max-width:480px) {
	
	/* 조직업무 안내 */
	.systemInfo .wrap ul li{width:96%; height:auto; font-size:13px; line-height:30px; margin:10px 2% !important;}
	.systemInfo .wrap ul li h2{font-size:15px;}

	/* 예악신청 */
	.rsb li{width:100%; margin-left:0;}
	.rsb li:first-child{margin-left:0;}

	 /* 리스트 :가로 나열 */
  .li_w50 > li { width:100%; }
  .li_w30 > li { width:100%; }
  .li_w25 > li { width:100%; }
  .li_w20 > li { width:100%; }


}

@media screen and (max-width:380px) {

	/* 교육장 인사말 */
	.greeting_officer .txt_ft span{ display:block; margin-top:15px;} /* 220901 */
	
}