@charset "utf-8";

/* 공통 */
.overH {overflow:hidden;}
[class^="box_st"].icoImg{ display:flex; align-items: center;}
[class^="box_st"].icoImg .ico{position:relative; left:auto; top:auto; margin-right:1rem;}
[class^="box_st"].icoImg .inner{ margin:1rem 0;}

/* 이미지 + 텍스트 정렬 */
.imgList p{ font-size:.8rem; line-height:1.6; font-weight:600; margin-top:.5rem;} 
.imgList > div[class^="box_st"]{ padding:.5rem; text-align:center;}

/* 공통 콘텐츠 : 이미지 + 텍스트 박스 */
.imgTextCom .img {position:absolute; left:1rem; top:1rem; width:11.5rem; max-height:11.5rem;}
.imgTextCom .img img {max-width:100%; height:100%;}
.imgTextCom .TextBox {margin-left:13.5rem;}
.imgTextCom.h13Rem {min-height:13rem;}

/* 01 주중체험프로그램 > 초등 > 글로벌체험프로그램 > 활동시 유의사항 */
.act_atent > li {position:relative; min-height:8rem; padding:1rem 0 1rem 8rem; border-bottom:1px dotted #c5c9d6;}
.act_atent > li > p {position:absolute; left:0; top:1rem;}

/* 01 주중체험프로그램 > 중등등 > 글로벌체험프로그램 > 안내 */
.act_info > li {position:relative; min-height:10rem; margin:.5rem 0 0; padding:1rem 1rem 1rem 13.5rem; word-break:keep-all; border:1px solid #e2e4ea;}
.act_info > li p.img {position:absolute; left:1rem; top:1rem;}
.act_info > li p.img img {width:11.5rem; height:8rem;}
.act_info > li dl dt {margin:.5rem 0; font-size:1rem;  font-weight:700; color:#111;}


/* 북팔레트 게시판 */
.BookpalTit {font-size:.8rem; font-weight:600; margin-top:1.5rem;}
.BookpalTit:first-child { margin-top:0; }
.BookpalTit span {font-size:1.1rem; margin-right:.5rem; font-weight:700;}
.Bookpal {position:relative; width:100%; background:#fff; overflow:hidden; margin-top:0.25rem; }
.Bookpal table {position:relative; width:100%; text-align:center; -webkit-overflow-scrolling:touch; table-layout:fixed; word-break:break-all;} 
.Bookpal td {padding:.15rem;}
.Bookpal td div {padding:.5rem .5rem; border:1px solid rgba(0, 0, 0, 0.1);}
.tb_col_red table tr td div {background:#fff2f0;}
.tb_col_yel table tr td div {background:#fffbf0;} 
.tb_col_grn table tr td div {background:#F1FCF4;} 
.tb_col_blu table tr td div {background:#edf5ff;}  
.tb_col_org table tr td div {background:#f59307;}
.tb_col_org2 table tr td div {background:#f8ece0;}
.tb_col_nvy table tr td div {background:#e6e0f8;}
.tb_col_pup table tr td div {background:#f2e0f7;}



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

	.Bookpal.scroll_gr { width:100%; overflow-x:auto; background-repeat:no-repeat;  background-position:right 5px; background-size:30px 100%; z-index:1;
	  background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
	  background-image:linear-gradient(to left,rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa;}
	.Bookpal.scroll_gr table { width:1024px; }
	.Bookpal.scroll_gr::-webkit-scrollbar { height: 8px; }
	.Bookpal.scroll_gr::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
	.Bookpal.scroll_gr::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }
}



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



}

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


}

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

	/* 공통 콘텐츠 : 이미지 + 텍스트 박스 */
	.imgTextCom .img {position:relative; left:auto; top:auto; width:11.5rem; max-width:100%; max-height:11.5rem; margin:0 auto;}
	.imgTextCom .img img {max-width:100%; height:100%;}
	.imgTextCom .TextBox {padding-top:1rem; margin:1rem 0 0; border-top:1px dotted #e2e4ea; }


}

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

	/* 01 주중체험프로그램 > 초등 > 글로벌체험프로그램 > 활동시 유의사항 */
	.act_atent > li {min-height:auto; padding:1rem 0;}
	.act_atent > li > p {display:none;}

	/* 01 주중체험프로그램 > 중등등 > 글로벌체험프로그램 > 안내 */
	.act_info > li {padding:1rem; text-align:center;}
	.act_info > li p.img {position:relative; left:auto; top:auto; text-align:center;}
	.act_info > li p.img img {max-width:100%; height:auto;}

}


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



}

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


}