@charset "utf-8";



/* 0102 시설안내 */
.box_ul {position:relative; height:auto; overflow:hidden; border:1px solid #ddd; padding:20px;}
.box_ul .img {width:30%; float:left; margin-right:2%;}
.box_ul .img span {display:block; font-size:16px; text-align:center; margin:10px auto 0;}
.box_ul .img img {width:100%; height:auto;}
.box_ul .txt {width:68%;float:right;}

/* 0103 조직현황 */
.rsp_img {position:relative; width:auto; max-width:100%;}
.rsp_img img {max-width:100%;}
.rsp_img .zoom {width:100%;}


/* 0202 정글북 이용안내 */
.use_homepage { overflow:hidden; margin-top:20px; }
.use_homepage > div { float:left; width:49%; box-sizing:border-box; border:1px solid #ddd; margin-right:2%; }
.use_homepage > div:nth-child(2n) {  margin-right:0; }
.use_homepage .use_list { padding:20px; min-height:215px; }
.use_homepage .use_list .listTy02 li:first-child:before{ background:none !important;  }
.use_homepage .use_list .listTy02 li:first-child { padding:0 0 20px 0; }

/* 0202 정글북 회원가입 */
.use_join { margin:20px 0; }
.use_join_list { overflow:hidden; clear:both;}
.use_join_list li {float:left;text-align:center; color:#fff;position:relative;   width:33%; }
.use_join_list li span { background:#024289; display:block ; box-sizing:border-box;   margin-right:20%; padding:20px 0; }
.use_join_list li span:before { content:''; display:block; background:url(/images/org/web/junglebook/sub/arr_use_join_list.png)no-repeat; width:19px; height:27px; position:absolute; top:35%; right:7%;}
.use_join_list li:last-child span { margin-right:0; }
.use_join_list li:last-child span:before { background:none; }
.use_join_list li:nth-child(2n) span {background:#00a390; }

/* 0203 찾아오시는길  */
.map_box_Wrap {position:relative; padding:30px 25px; border:2px dashed #d5d8da; background:#fff; border-top:4px solid #4a8fdd;}
.map_box_Wrap:before {content:''; position:absolute; top:-4px; left:-2px; width:150px; height:2px; border-top:4px solid #024289;}
.map_box_Wrap:after {position:absolute; top:-2px; right:-2px; width:80px; height:50px; border-bottom:4px solid #1a90ce; border-right:4px solid #36bbb8;}
.map_box_Wrap .map_box {height:400px; margin-top:10px;} 
.map_box_Wrap .box_st_ico {position:relative; min-height:70px; padding-left:125px;}
.map_box_Wrap .box_st_ico .ico_boxImg {position:absolute; left:0; top:0;}
.map_box_Wrap .map_arrow {background:url(/images/org/web/junglebook/sub/map_arrow.png)no-repeat;display: inline-block;width:21px;height:16px;position: relative;top: 4px;margin: 0 5px;}
.map_box_Wrap .map_arrow2 {background:url(/images/org/web/junglebook/sub/map_arrow2.png)no-repeat; display:inline-block; width:66px; height:24px; position:relative; top:4px; vertical-align: top; margin: -5px 0 0 5px;;}
.map_box_Wrap .map_arrow3 {background:url(/images/org/web/junglebook/sub/map_arrow3.png)no-repeat; display:inline-block; width:66px; height:24px; position:relative; top:4px; vertical-align: top; margin: -5px 0 0 5px;;}
.map_box_Wrap .map_arrow4 {background:url(/images/org/web/junglebook/sub/map_arrow4.png)no-repeat; display:inline-block; width:66px; height:24px; position:relative; top:4px; vertical-align: top; margin: -5px 0 0 5px;;}

/* 연혁 */
.historyList{ overflow:hidden; text-align:center;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/org/web/junglebook/sub/history_line_bg.png') repeat-y center;}
.historyList .list .right{width:50%; margin-right:6px; float:right; background:url('/images/org/web/junglebook/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/junglebook/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{background:url('/images/org/web/junglebook/sub/history_y2010_bg.png') no-repeat left top;}
.historyList .list .y2010 ul{background:#f2f6fb; border:1px solid #7e99b8; }

/* 찾아오시는길 내용*/
.list_rd {position:relative;}
.list_rd li {font-size:15px; color:#333; font-family:'NotoR'; letter-spacing:-0.5px; line-height:24px; margin-top:5px;}
.list_rd li .rd_bg {display:inline-block; width:100px; color:#fff; padding:3px 0; border-radius:20px; background:#00a390; text-align:center; font-family:'NotoM'; margin-right:10px;}


/* 0303 추천도서 */
.booklist_wrap {margin-top:10px; border-top:2px solid #2a384a; overflow:hidden;}
.booklist_wrap > ul.book_list > li {width: 49%;float: left;padding: 20px 0 20px 2%;border-bottom:1px solid #c8d1db;}
.booklist_wrap > ul.book_list > li:first-child {padding-left:0;}
.booklist_wrap > ul.book_list > li div.img_box {position:relative;float:left;width: 25%;}
.booklist_wrap > ul.book_list > li img {position: relative;width: 120px;height:120px;}
.booklist_wrap > ul.book_list > li div.txt_box {position:relative;width: 70%;display:block;padding-left: 5%;float: left;}
.booklist_wrap > ul.book_list li dt {line-height:40px; font-size:16px; color:#111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.booklist_wrap > ul.book_list li dd.txt {height: auto;font-size:14px;line-height:22px;color:#666;overflow:hidden;}
.booklist_wrapt > ul.book_list li dd.date {margin-top:10px; font-size:13px; color:#888;}
.booklist_wrap > ul.book_list li dd.date span { padding-left:10px;}

/* 0401 학교단체프로그램 안내 */
.linebox_Wrap {position:relative; padding:30px 25px; border:2px dashed #d5d8da; background:#fff; border-top:4px solid #4a8fdd;}
.linebox_Wrap:before {content:''; position:absolute; top:-4px; left:-2px; width:150px; height:2px; border-top:4px solid #024289;}
.linebox_Wrap:after {position:absolute; top:-2px; right:-2px; width:80px; height:50px; border-bottom:4px solid #1a90ce; border-right:4px solid #36bbb8;}


.ci_wrap {position:relative;}
.ci_wrap .ci-down{ position:absolute; top:0; right:0}
.ci_wrap .boxTy03 .box {padding:30px 20px}
.ci_wrap  p{ font-size:14px; line-height:150%}
.ci_wrap  p span{ color:#005bbd; font-weight:bold}
.ci_wrap .logoType{ overflow:hidden}
.ci_wrap .logoType li{ float:left;  width:48%; margin-left:4%}
.ci_wrap .logoType li:first-child{ margin-left:0}


@media (max-width:1300px) {
	
	

	
	/* 0102 시설안내 */
	.box_ul .img img {width:100%; height:270px;}



}


@media (max-width:860px) {
	

	/* 0102 시설안내 */
	.box_ul .img {width:100%; float:none; margin-right:0; margin:0 auto; text-align:center;}
	.box_ul .img img {width:100%; height:auto;}
	.box_ul .txt {width:100%; margin-top:20px;}
	
	/* 0202 정글북 이용안내 */
	.use_homepage .use_list { width:100%; margin-bottom:10px; }
	
	/* 0303 추천도서 */
	.booklist_wrap > ul.book_list > li div.img_box {width:100%;text-align: center;}
	.booklist_wrap > ul.book_list > li div.txt_box {width:100%;padding-left: 0;}
	
	
	
}

@media (max-width:750px) {
	

	/* 0202 정글북 회원가입 */
	.use_join_list li { width:100%; }
	.use_join_list li span { margin-right:0; margin-bottom:25px; }
	.use_join_list li span:before { content:''; display:block; background:url(/images/org/web/junglebook/sub/arr_use_join_list2.png)no-repeat; width:27px; height:19px; position:absolute; top:-5px; left:50%; transform:translate(-50%,72px)}
	

	
}

@media (max-width:580px) {

	
	/* 0102 시설안내 */
	.box_ul2 .img {width:100%;}
	
	/* 0203 위치,교통 */
	.map_box_Wrap .box_st_ico {width: 100%;padding: 95px 0 0;}
	.map_box_Wrap .box_st_ico .ico_boxImg {width: 100%;text-align: center;}
	
	

	
}

@media (max-width:480px) {
	
	/* 0102 시설안내 */
	.box_ul .img img {width:100%; height:auto;}
	
	/* 0303 추천도서 */
	.booklist_wrap > ul.book_list > li {width:100%;}
	.booklist_wrap > ul.book_list > li div.txt_box dt {text-align:center;}

	
}

@media (max-width:380px) {
		

	
}