@charset "utf-8";


/*메인박스*/
.main_listbox h4 {font-size:1.04em;}

/* 포인트칼라 */
.point01 {color:#7DC242;} 



/** 콘텐츠 영역 **/


/* 영재 로고 */


.snb_box .snb h1 { position:absolute; top:55px; left:10px;}


@media all and (min-width:1024px){

	.snb_box .snb h1 { left:0px; }

}


/* 좌측 메뉴 */
#leftmenu li ul.lm_3th li a.link_3th_ov,
#leftmenu li ul.lm_3th li a:hover,
#leftmenu li ul.lm_3th li a:focus, 
#leftmenu li ul.lm_3th li a:active { background-position:left 9px; color:#7DC242; }

/* h1 */
#contents .contTi {background: url(/images/organ/common/h_bgline.gif) no-repeat center top;}



/** 주메뉴 **/
#tm li.th1 a.th1_lnk {width: auto;}
#animate #tm{position:absolute;top:0px;right:50%;margin-right:-575px; width:700px;  /*width:840px;*/}
#animate #tm li.th1{ float:left; width:125px; font-size:17px; font-weight:500; letter-spacing:0; }
#animate #tm li.th1 ul.th2 {width:125px;}


/* #animate #tm li + li.th1{width:148px;}
#animate #tm li + li.th1 ul.th2 {width:148px;}

#animate #tm li + li + li.th1{width:150px;}
#animate #tm li + li + li.th1 ul.th2 {width:150px;}

#animate #tm li + li + li + li.th1{width:173px;}
#animate #tm li + li + li + li.th1 ul.th2 {width:173px;}


#animate #tm .th2 li{padding:0 0 0 5px; font-size:0.75em;line-height:15px; letter-spacing:0;} */



#leftmenu li > a.link_2th,
#leftmenu li > a.link_2th_ov,
#leftmenu li > a:hover,
#leftmenu li > a:focus,
#leftmenu li > a:active { padding:13px 20px 13px 20px; letter-spacing:-0.5px;}

@media only screen and (min-width:1000px){

	.snb_box .snb .global_r a{width:100px; padding:11px 15px 11px 15px;}

}


@media all and (min-width:768px){

	.snb_box .snb h1 { left:20px; }

}


.pic_tx p { font-size:0.9em; line-height:13pt; }
.pic_tx .s { font-size:0.85em; line-height:11pt; }



/********** 1. 소개 **********/


/** 영재교육원 개요 **/

.summary { height:520px; padding:50px 0 0; background:#495EAA url(/images/youngjae/content/img_sub0101_bg.JPG) no-repeat right top; }
.summary p { margin-top: 280px; text-align:center; }

.vis_bot { padding:20px 10px; background:#f4f4f4 url(/images/organ/common/dot_bg.png) repeat; }
.vis_bot ul:after { content:""; display:block; clear:both; }
.vis_bot ul li { float:none; width:auto; padding:20px 0; text-align:center; font-size:1.1em; line-height:21px; color:#333; letter-spacing:-0.1px;}
.vis_bot ul li span { display:block; width:90px; height:65px; margin:0 auto 14px auto; padding-top:25px; background:#505CA7; border-radius:50px; line-height:17px;  color:#fff; }
.vis_bot ul li span img { opacity: 0.9; }
.vis_bot ul li .line { display:block;}
.vis_bot ul li .line2 { display:inline;}


@media all and (min-width:690px){

	.summary { height:254px; padding:70px 0 0 60px;}
	.summary p { margin-top: 0px; text-align:left; }

}

@media all and (min-width:768px){

	.vis_bot { padding:20px 20px; }
	.vis_bot ul li { float:left; width:25%; line-height:19px;}
	.vis_bot ul li .line2 { display:block;}

}




/** 운영진 소개 **/
.org_youngjae { overflow:hidden; background:url(/images/organ/common/goalm_box.gif) repeat-y center top; }
.org_dep { position:relative; }
.org_dep1 strong,
.org_dep3 strong { display:block; width:auto; padding:17px 15px 14px; font-size:1.3em; text-align:center; color:#fff;  border-radius:50px; }
.org_dep1 strong.king { background:#38477B; }
.org_dep3 strong.king2 { background:#7DC242; }
.org_dep2 { margin-top:0px; }
.org_dep3 { margin-top:25px; }

.org_ul:after { content:""; display:block; clear:both; }
.org_ul .org_li { padding:20px 0 0 0; }

.org_ul .org_li strong { display:block; width:auto; margin-top:10px; padding:15px 15px 12px; text-align:center; font-size:1.15em; color:#fff; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat; border-radius:50px;}
.org_ul .org_li strong.org01 {border-radius:25px 25px 0 0;}
.org_ul .org_li ul { padding:20px 20px 15px 20px; background:#F4F4F4; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-radius:0 0 25px 25px;}

.org_ul .org_li ul li span { display:block; margin:5px auto; width:95%; padding:7px 0px 6px; line-height:18px; font-size:0.9em;text-align:center; font-weight:bold; background:#fff; border:1px solid #D2D2D2;}


@media all and (min-width:768px){
	.org_youngjae { background:url(/images/youngjae/content/bg_org.gif) no-repeat center top; }
	.org_dep1 strong.king { width:270px; padding:17px 15px 14px; margin:0 auto; font-size:1.5em;}
	.org_dep3 strong.king2 { width:150px; padding:15px 15px 12px; margin:0 auto; }
	.org_dep2 { margin:40px auto 0 auto; }
	.org_dep3 { position:static; margin:10px auto 0; }
	.org_ul { margin-left:-27px; }
	.org_ul .org_li { float:left; width:33%;}
	.org_ul .org_li span{display:block;}
	.org_ul .org_li strong { margin-left:30px; padding:13px 13px 9px;}
	.org_ul .org_li ul { height:170px; padding:15px 20px 20px; margin-left:30px; }
}






/********** 2. 교육생 선발 **********/


.sub02_01 ul.entrance li { margin-bottom:30px; border-right:0; text-align:center; }
.sub02_01 ul.entrance li:after { content:""; display:block; clear:both; }
.sub02_01 ul.entrance li:last-child { margin-bottom:0px;}
.sub02_01 ul.entrance li strong { display:block; float:none; width:auto; padding:10px 0; background:#3B4771; color:#fff; border-radius:3px 3px 0 0;}

.sub02_01 ul.entrance li span.s1 {display:block; margin-top:4px; padding:9px 0 6px; border-top:1px solid #fff;  border-bottom:1px dotted #D2D2D2; font-size:0.9em; color:#E5EBF3;}
.sub02_01 ul.entrance li span.s2 {display:block; padding:8px 0 0px; font-size:0.9em; color:#E5EBF3;}
.sub02_01 ul.entrance li ul { float:none; width:auto; padding:13px; border-top:0; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-radius:0 0 3px 3px;}
.sub02_01 ul.entrance li ul li { margin:0 0 17px 0;  padding:1%; border:none;}


.sub02_01 ul.entrance li ul li b {display:block; padding:10px 0 7px; width:100%; font-size:0.95em; color:#fff; line-height:16px; background:#8794a8 url(/images/organ/common/dot_bg.png) repeat; border:1px solid #707A8B; border-radius:3px 3px 0 0;}
.sub02_01 ul.entrance li ul li ul{width:100%; padding:2% 0 4%; background:#fff; border-top:0; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-radius:0 0 3px 3px;}
.sub02_01 ul.entrance li ul li ul li {width:100%; margin:0%; padding:0; text-align:center; font-size:0.9em; line-height:17px; color:#666; font-weight:normal; border:none;}
.sub02_01 ul.entrance li ul li ul li span.s1-1 {display:block; margin-bottom:13px; padding:3px 0 5px; border-bottom:1px dotted #D2D2D2;}
.sub02_01 ul.entrance li ul li ul li span.s2-1 {display:block; padding:0 5%; }
.sub02_01 ul.entrance li ul li:after{content:""; position:absolute; display:block;margin-top:0px;right:50%;width:16px;height:26px;background:url(/images/common/ui/flow_arw2.png) no-repeat 50% 50%;transform:rotate(90deg);}
.sub02_01 ul.entrance li ul li.l_end:after{display:none;}
.sub02_01 ul.entrance li ul li ul li{word-break:keep-all;}
.sub02_01 ul.entrance li ul li ul li:after{display:none;}





@media all and (min-width:768px){

	
	.sub02_01 ul.entrance li strong { float:left; padding:8px 0;  width:12%; height:180px; border-radius:3px;}
	.sub02_01 ul.entrance li span.s1 {margin-bottom:43px;}
	.sub02_01 ul.entrance li ul {float:left; width:84%; margin-left:3%; padding:0; border:none; font-weight:bold; border-radius:3px;}
	.sub02_01 ul.entrance li ul li:first-child {margin-left:0%;}
	.sub02_01 ul.entrance li ul li {float:left; margin-left:5.3%; margin-bottom:0; padding:0; width:25%;}
	.sub02_01 ul.entrance li ul li + li + li { width:17%;}
	.sub02_01 ul.entrance li ul li ul {margin-top:0%; padding:0 0%; width:100%; height:160px; margin-left:0;}
	.sub02_01 ul.entrance li ul li ul li span.s1-1 {margin-bottom:13px; padding:10px 0 5px;}
	.sub02_01 ul.entrance li ul li ul li span.s2-1 {padding:0 12px;}
	.sub02_01 ul.entrance li ul li:after{position:relative; float:right;margin-top:-115px;margin-right:-103px;transform:none;}
	.sub02_01 ul.entrance li ul li + li + li:after{margin-right:-77px;}
	
	

}