@charset "utf-8";

.tit06{border-radius:10px 0px 10px 0px; color:#485d6d; font-size:20px; letter-spacing: -1px; font-weight: bold; background:#b2d9f7; text-align:center; padding:20px;}
.tit06 span{color:#0052d2; font-size:22px;}

.font_B{font-weight: bold;}
.font_blue{color:#0247e9 !important;}
.font_red{color:#f00 !important;}

/* 오시는길 181213 */
.NaviMap .root_daum_roughmap{width:100% !important;}

/* 안내문 */
.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/jjgifted/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}

/* 원장인사말 181213 */
.greeting{word-break: keep-all; position: relative;}
.greeting .img_wrap{position: absolute; left:0; top:0;}
.greeting .con{font-size:15px; color:#333; line-height:20px; padding:20px 0 20px 240px;}
.greeting .con h3{font-size:20px; margin:0 0 20px;}
.greeting .con h3 span{ font-size:20px; color:#119fe5;}
.greeting div span{color:#0d7e74; font-weight: bold; font-size:16px;}
.greeting p{ width:100%; float:right; padding:20px 0 0; text-align:right; font-size:16px; font-weight: bold; color:#236496; letter-spacing: -1px; border-top:1px dotted #ccc;}

/* 운영목적 */
.runPlan{ font-size:20px; line-height:30px; font-weight:bold; color:#666;}
.runPlan p{position: relative; width:80%; padding:20px 0; margin:20px auto; text-align:center;}
.runPlan p span{position: absolute;}
.runPlan p span.dot01{left:-40px; top:0px;}
.runPlan p span.dot02{right:-40px; bottom:0px;}
.runPlan div img{max-width:100%;}


/* 조직업무안내 */
.systemInfo .tit{position:relative; z-index:10; text-align:center; padding-bottom:45px; background:url('/images/org/web/jjgifted/sub/system_tit.png') no-repeat center bottom;}
.systemInfo .tit p {display:inline-block; padding:25px 30px; font-size:24px; letter-spacing:-1px; color:#fff; background:#3373cf;}
.systemInfo .tit p span {display:block; margin-top:10px; font-size:14px; color:#e3eeff; }
.systemInfo .wrap{position:relative; z-index:1; top:-5px; display:inline-block; width:90%; background:url('/images/org/web/jjgifted/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%; background:#f6fafe; float:left; text-align:center; border:1px solid #ddd; letter-spacing: -1px;; margin:25px 1.5%;}
.systemInfo .wrap > ul > li > h2{padding:20px 0; font-size:18px; color:#fff; background:url('/images/org/web/jjgifted/sub/system_tit_bg.gif');}
.systemInfo .wrap > ul > li > h2 span {display:block; margin-top:10px; font-size:14px; color:#cdd7e5; }
.systemInfo .wrap > ul > li > ul {margin:10px 15px; }
.systemInfo .wrap > ul > li > ul > li {margin:10px 0; border:1px solid #ddd;}
.systemInfo .wrap > ul > li > ul > li > a {font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; display:block; line-height:45px; background:#fff; }
.systemInfo .wrap > ul > li > ul > li > ul {padding:0 15px; background:#f5f7f8;}
.systemInfo .wrap > ul > li > ul > li > ul > li {padding:8px 0; border-top:1px dotted #ddd;}
.systemInfo .wrap > ul > li > ul > li > ul > li:first-child {border-top:none;}

.systemInfo .wrap ul .sy_list h2{ font-size:18px;; color:#fff; line-height:45px; background:#3b62b0;}
.systemInfo .wrap ul .sy_list p{margin:20px 15px; border:1px solid #ddd;}
.systemInfo .wrap ul .sy_list p span{background:#fff; border-bottom:1px solid #ddd; display:block; line-height:45px;}


/* 연혁 */
.historyList{ overflow:hidden; text-align:center;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/org/web/jjgifted/sub/history_line_bg.png') repeat-y center;}
.historyList .list .right{width:50%; margin-right:6px; float:right; background:url('/images/org/web/jjgifted/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/jjgifted/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 ul li .line2_txt{ font-weight: normal;}
.historyList .list .right ul li .line2{ display:inline-block; height:40px; vertical-align:top;}
.historyList .list .right ul li .line2_txt{  width:70%; display:inline-block; margin:4px 0 0; line-height:25px;}
.historyList .list .y2010{background:url('/images/org/web/jjgifted/sub/history_y2010_bg.png') no-repeat left top;}
.historyList .list .y2010 ul{background:#f2f6fb; border:1px solid #7e99b8; }

/* 전형방법 */
.enterSch .tit06{ font-size:15px; line-height:24px;}
.enterSch .noMg{margin-left:0 !important;}
.enterSch .form{width:21%; text-align:center; margin-left:4%; border:1px solid #ccc; float:left;}
.enterSch .form h4{padding:10px; background:#f9f9f9; min-height:34px;}
.enterSch .form ul li{font-size:13px;}
.enterSch .listTy01{text-align:left;}
.enterSch .form > ul{min-height:360px;}
.enterSch .form > ul > li{ padding:10px; border-top:1px solid #ccc;}
.enterSch .form p{color:#f00; border-top:1px solid #ccc; padding:10px 0;}
.enterSch .box01{position: relative; display:inline-block; margin:10px 0; width:100%;}
.enterSch .box01 div{ width:30%; word-break: break-all; margin-left:4%; border:1px solid #ccc; background:#f9f9f9; padding:20px 0; text-align:center; color:#333; float:left;}
.enterSch .box01 div:first-child{margin-left:0;}
.enterSch .box01 p{position: absolute; top:20px;}
.enterSch .box01 p.arrow01{left:31.5%;}
.enterSch .box01 p.arrow02{left:65.5%;}

/* 초등영재 */

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

	/* 전형방법 */
	.enterSch .form{width:47%; margin:0 1% 10px 1%;}
	.enterSch .form.noMg{margin:0 1% 10px 1% !important;}
}

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

	.systemInfo .wrap > ul > li	{width:96%}

	.runPlan{ font-size:15px;}

	/* 원장인사말 181213 */
	.greeting{word-break: keep-all; position: relative;}
	.greeting .img_wrap{position: relative; left:auto; top:auto; text-align:center;}
	.greeting .con{padding:20px 10px;}

}

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

	/* 전형방법 */
	.enterSch .form{width:97%; margin:0 1% 10px 1%;}
	.enterSch .form > ul{min-height:0;}
	.enterSch .box01 div{width:92%; margin:10px 0;}
	.enterSch .box01 p.arrow01{top: 70px; left:46%;}
	.enterSch .box01 p.arrow02{top: 150px;left:46%;}

	.runPlan{ font-size:15px;}

}