
/* 서브페이지 공통 */
#sitemap-wrap {clear:both;}
#sitemap {margin:0 auto 20px; overflow:hidden; background:#fff;}

/* 사이트맵 */
#sitemap div {margin:10px; padding:0; float:left; width:175px;}
#sitemap div p a {display:block; font-size:1em; font-weight:500; padding:8px 5px; color:#fff; text-decoration:none; background:#333;}
#sitemap div p a:hover {color:#f80;}
#sitemap div ul {margin:0; padding:0;}
#sitemap div ul li {margin:0; padding:0; border:1px solid #ddd; border-top:none;}
#sitemap div ul li a {display:block; width:100%; font-size:0.875em; padding:7px 5px 7px 5px; color:#000; color:#111; background:#fff;}
#sitemap div ul li a:hover {background:#eee;}

@media screen and (max-width:1200px) {
	#sitemap div:nth-child(4n+1) {clear:both;}
	#sitemap div {width:calc((100% - 80px) / 4);}
}
@media screen and (max-width:736px) {
	#sitemap div:nth-child(2n+1) {clear:both;}
	#sitemap div {width:calc((100% - 40px) / 2);}
}

/* 도시선택 */
.sel-city {margin:0; padding:0; overflow:hidden;}
.sel-city .sel-city-title { font-size:0.875em; font-weight:500; color:#fff; margin:0; padding:10px; overflow:hidden; background:#333;}

.sel-city .sel-city-grp {clear:both; margin:0; padding:0; overflow:hidden;}

.sel-city .sel-city-area {float:left; width:185px; margin:10px; padding:0; overflow:hidden;}
.sel-city .sel-city-area .sel-city-top {font-size:0.875em; font-weight:500; color:#333; margin:0; padding:8px; border:1px solid #ccc; background:#eee;}
.sel-city .sel-city-area .sel-city-gugun {margin:0; padding:0; overflow:hidden; border:1px solid #ccc; border-top:none; background:#fff;}
.sel-city .sel-city-area .sel-city-gugun ol {margin:0; padding:0; overflow:hidden;}
.sel-city .sel-city-area .sel-city-gugun ol li {font-size:0.875em; font-weight:400;color:#555; margin:0; padding:5px 5px 5px 8px; overflow:hidden;}

.sel-city dl {margin:0; padding:0; overflow:hidden;}
.sel-city dl dt,
.sel-city dl dd {float:left; margin:0; padding:0;}
.sel-city dl dd {padding:0 0 0 3px; *padding:4px 0 0 3px;}

/* 페이징 */
.j-sub-paging{clear:both;position:relative;margin:15px 0;padding:0;overflow:hidden;z-index:1}
.j-sub-paging ul{clear:both;float:right;position:relative;left:-50%;margin:0;padding:0;z-index:2}
.j-sub-paging ul li{float:left;position:relative;left:50%;z-index:3}
.j-sub-paging ul li strong,
.j-sub-paging ul li span,
.j-sub-paging ul li a{display:block;font:normal 12px dotum,tahoma,verdana,sans-serif;margin:0 0 0 -1px;padding:6px 10px 5px;border:1px solid #ccc;overflow:hidden}
.j-sub-paging ul li strong{font-weight:bold;color:#ffaa28;background:#333;border-color:#333}
.j-sub-paging ul li span{font-weight:normal;color:#ccc}
.j-sub-paging ul li a:hover{color:#ff8800;background:#f5f5f5}
.j-sub-paging .j-pg-prev-first,
.j-sub-paging .j-pg-prev-block,
.j-sub-paging .j-pg-prev,
.j-sub-paging .j-pg-next,
.j-sub-paging .j-pg-next-block,
.j-sub-paging .j-pg-next-last,
.j-sub-paging .j-pg-prev-first:hover,
.j-sub-paging .j-pg-prev-block:hover,
.j-sub-paging .j-pg-prev:hover,
.j-sub-paging .j-pg-next:hover,
.j-sub-paging .j-pg-next-block:hover,
.j-sub-paging .j-pg-next-last:hover{text-indent:-999em;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff}
.j-sub-paging .j-pg-prev-first{background-image:url('/_skin/board/default/images/j_pg_first.gif')}
.j-sub-paging .j-pg-prev-block{background-image:url('/_skin/board/default/images/j_pg_pblock.gif')}
.j-sub-paging .j-pg-prev{background-image:url('/_skin/board/default/images/j_pg_prev.gif')}
.j-sub-paging .j-pg-next{background-image:url('/_skin/board/default/images/j_pg_next.gif')}
.j-sub-paging .j-pg-next-block{background-image:url('/_skin/board/default/images/j_pg_nblock.gif')}
.j-sub-paging .j-pg-next-last{background-image:url('/_skin/board/default/images/j_pg_last.gif')}
.j-sub-paging a.j-pg-prev-first:hover{background-image:url('/_skin/board/default/images/j_pg_first_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-prev-block:hover{background-image:url('/_skin/board/default/images/j_pg_pblock_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-prev:hover{background-image:url('/_skin/board/default/images/j_pg_prev_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-next:hover{background-image:url('/_skin/board/default/images/j_pg_next_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-next-block:hover{background-image:url('/_skin/board/default/images/j_pg_nblock_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-next-last:hover{background-image:url('/_skin/board/default/images/j_pg_last_on.gif');background-color:#eee}


/* 수강신청 동의 사항 */
.scroll-in-conts { font-size:0.875em; font-weight:300; color:#555; line-height:1.6em; }

/* 기본리스트 */
#def_list { margin:1em 0 3em; font-size:12pt; }
#def_list > dl { margin:2em 0 0;padding:0 0 0 0px;color:#2555a6; }
#def_list > dl > dt {position:relative;  font-size:1.5em;font-weight:500;line-height:1.4em;padding:0px 0 0 20px; }
#def_list > dl  > dd { color:#777; padding:0 0 0 10px;}
#def_list > dl  > dd  >  ul { margin:0 0 0 20px;padding:0; }
#def_list > dl  > dd  >  ul > li { list-style-type:disc; }
#def_list > dl  > dd  > dl { padding:0 0 0 0px; }
#def_list > dl  > dd  > dl > dt { font-size:1.2em;font-weight:500;line-height:1.4em;margin:1em 0 0;color:#333; }
#def_list > dl  > dd  > dl > dd {color:#777; }
#def_list > dl  > dd  > dl > dd > ul { margin:0 0 0 20px;padding:0; }
#def_list > dl  > dd  > dl > dd > ul > li { list-style-type:disc; }

div.def_list { margin:1em 0 3em; font-size:12pt; }
div.def_list > dl { position:relative; margin:2em 0 0;padding:0 0 0 0px;color:#2555a6; }
div.def_list > dl > dt { font-size:1.5em;font-weight:500;line-height:1.4em;padding:0px 0 0 20px; }
div.def_list > dl  > dd { color:#777; padding:0 0 0 10px;}
div.def_list > dl  > dd  >  ul { margin:0 0 0 20px;padding:0; }
div.def_list > dl  > dd  >  ul > li { list-style-type:disc; }
div.def_list > dl  > dd  > dl { padding:0 0 0 0px; }
div.def_list > dl  > dd  > dl > dt { font-size:1.2em;font-weight:500;line-height:1.4em;margin:1em 0 0;color:#333; }
div.def_list > dl  > dd  > dl > dd {color:#777; }
div.def_list > dl  > dd  > dl > dd > ul { margin:0 0 0 20px;padding:0; }
div.def_list > dl  > dd  > dl > dd > ul > li { list-style-type:disc; }

.box_listx16 { margin:0;padding:1px;overflow:hidden; }
.box_listx16 li { float:left;width:20%;height:130px;border:1px solid #ddd;margin:-1px 0 0 -1px;padding:7px; }

#def_list  span.round_dot {position:absolute;display:block;left:0;top:0.39em; width:14px;height:14px;border-radius:7px;background:#2555a6;}
div.def_list  span.round_dot {position:absolute;display:block;left:0;top:0.39em; width:14px;height:14px;border-radius:7px;background:#2555a6;}

@media screen and (max-width:900px) {
	.box_listx16 li { float:left;width:33.33%;}
}

@media screen and (max-width:736px) {
	#def_list { margin:1em 0 3em; font-size:11pt; }

}
@media screen and (max-width:500px) {
	.box_listx16 li { float:left;width:50%;}
}




.table_x2 {
    width: 100%;
    border-bottom: solid 1px #e5e5e5;
}


    .table_x2 th {
        background-color: #404761;
        color: #fff;
        height: 35px;
        font-size: 14px;
        border-left: solid 1px #777;
        text-align: center;
    }



    .table_x2 tbody td {
        height: 40px;
        color: #333;
        border-top: solid 1px #e5e5e5;
        font-size: 14px;
        text-align: center;
    }

    .table_x2 tbody tr td:nth-child(1) {
        background-color: #EFF4F8;
    }

  

    .table_x2 tbody tr:nth-child(1) td {
        color: #333;
    }

.table_x3 {
    width: 100%;
    border-bottom: solid 1px #e5e5e5;
}

    .table_x3 th {
        background-color: #404761;
        color: #fff;
        height: 35px;
        font-size: 14px;
        border-left: solid 1px #777;
        text-align: center;
    }



    .table_x3 tbody td {
        padding: 10px;
        height: 40px;
        color: #333;
        border-top: solid 1px #e5e5e5;
        font-size: 14px;
        text-align: center;
    }

    .table_x3 tbody tr td:nth-child(1) {
        background-color: #EFF4F8;
    }


.table_x4 {
    width: 100%;
    border-bottom: solid 1px #e5e5e5;
}

    .table_x4 th {
        background-color: #404761;
        color: #fff;
        height: 35px;
        font-size: 14px;
        border-left: solid 1px #777;
        text-align: center;
    }

    .table_x4 tbody td {
        padding: 10px;
        height: 40px;
        color: #333;
        border-top: solid 1px #e5e5e5;
        font-size: 14px;
        text-align: center;
    }

    .table_x4 tbody tr td:nth-child(1) {
        background-color: #EFF4F8;
    }

    .table_x4.sub1_2 tbody tr td:nth-child(2) {
        background-color: #F9FAFE;
    }

.table_x5 {
    width: 100%;
    border-bottom: solid 1px #e5e5e5;
}




    .table_x5 th {
        background-color: #404761;
		border-bottom: solid 1px #e5e5e5;
        color: #fff;
        height: 35px;
        font-size: 14px;
        border-left: solid 1px #777;
        text-align: center;
    }



    .table_x5 tbody td {
        padding: 10px;
        height: 40px;
        color: #333;
        border-top: solid 1px #e5e5e5;
		
        font-size: 14px;
        text-align: center;
    }


/* 회사소개 */
#greeting {padding:3em 0 3em; width:100%; margin:auto;}
#greeting .ceo{float:right; text-align:right;}
#greeting .ceo img {width:100%;max-width:386px;}
#greeting p.gretting_txt1  {font-size:1.5em; font-weight:500;margin-top:1.75em; letter-spacing:-0.06em;color:#0377ee;}
#greeting p.gretting_txt2 {font-size:1.1em;line-height:1.8em;margin-top:1.75em;color:#333;}
#greeting p.gretting_txt3 {font-size:1.3em;line-height:1.8em;margin-top:1.75em;text-align:right; }

@media screen and (max-width:1000px) {
#greeting .ceo{float:none;width:100%;}
#greeting .ceo img {width:100%;max-width:300px;}
#greeting p.gretting_txt1  {font-size:1.3em; font-weight:500;margin-top:1.75em; letter-spacing:-0.06em;color:#0377ee;}
#greeting p.gretting_txt2 {font-size:1em;line-height:1.8em;margin-top:1.75em;color:#333;}
#greeting p.gretting_txt3 {font-size:1.1em;line-height:1.8em;margin-top:1.75em;text-align:right; }
}

/* 교육시스템 */
#vision { width:calc(100% - 40px); max-width:900px; margin:auto;font-size:12pt; }
#vision div.title0 p.t1 {font-size:3em;font-weight:800;letter-spacing:-0.06em;text-align:center;}
#vision div.title0 p.t2 {font-size:3em;font-weight:500;letter-spacing:-0.06em;text-align:center;color:#4977c2;}

#vision div.v_box {margin:3em 0 0;}
#vision div.v_box1 p.v_b_t1 {font-size:1.5em;font-weight:700;letter-spacing:-0.06em;} 
#vision  span.round_dot {display:inline-block;width:14px;height:14px;border-radius:7px;background:#a93878;margin:0 0 2px -20px;}

#vision div.v_box1 div.v_b1_cel {margin:10px 0 0;}
#vision div.v_box1 div.v_b1_cel  dl {width:100%;overflow:hidden;}
#vision div.v_box1 div.v_b1_cel  dl dt {float:left;width:150px;height:80px;background:#35bcae;color:#000;font-size:1.2em;font-weight:500;text-align:center;line-height:75px}
#vision div.v_box1 div.v_b1_cel  dl dd {float:left;width:calc(100% - 150px);height:80px;background:#eee;color:#555;padding:12px 20px}

#vision div.v_box2 p.v_b_t2 {font-size:1.5em;font-weight:700;letter-spacing:-0.06em;} 
#vision div.v_box2 p.v_b_t2.t2 {font-size:1.4em;font-weight:700;letter-spacing:-0.06em;padding:0.5em 0;text-align:center;}
#vision div.v_box2 ul li {background:#eee;font-size:1.2em;color:#555;padding:1em 0;margin:0.5em 0;text-align:center;}

#vision div.v_box3 p.v_b_t3 {font-size:1.5em;font-weight:700;letter-spacing:-0.06em;} 
#vision div.v_box3 p.v_b_t3.t3 {font-size:1.2em;font-weight:500;letter-spacing:-0.06em;padding:0.5em 0;text-align:left}
#vision div.v_box3 ul li {background:#eee;font-size:1.2em;color:#555;padding:1em 2em;margin:0.5em 0;text-align:left}

#vision div.v_box4 p.v_b_t4 {font-size:1.5em;font-weight:700;letter-spacing:-0.06em;} 
#vision div.v_box4 p.v_b_t4.t4 {font-size:1.2em;font-weight:500;letter-spacing:-0.06em;padding:0.5em 0;text-align:left}

#vision div.v_box5 p.v_b_t5 {font-size:1.5em;font-weight:700;letter-spacing:-0.06em;} 
#vision div.v_box5 p.v_b_t5.t5 {font-size:1.2em;font-weight:500;letter-spacing:-0.06em;padding:0.5em 0;text-align:left}

@media screen and (max-width:1280px) {
#vision { font-size:11pt; }
}
@media screen and (max-width:736px) {
#vision div.title0 p.t1 {font-size:2em;font-weight:800;letter-spacing:-0.06em;text-align:center;}
#vision div.title0 p.t2 {font-size:2em;font-weight:500;letter-spacing:-0.06em;text-align:center;color:#4977c2;}
#vision div.v_box1 div.v_b1_cel  dl dt {float:none;width:100%;height:50px;background:#35bcae;color:#000;font-size:1.2em;font-weight:500;text-align:center;line-height:50px}
#vision div.v_box1 div.v_b1_cel  dl dd {float:none;width:100%;height:auto;background:#eee;color:#555;padding:12px 20px}

#vision div.v_box1 p.v_b_t1 {font-size:1.3em;} 
#vision div.v_box2 p.v_b_t2 {font-size:1.3em;} 
#vision div.v_box2 p.v_b_t2.t2 {font-size:1.1em;}
#vision div.v_box2 ul li {font-size:0.9em;}

#vision div.v_box3 p.v_b_t3 {font-size:1.3em;} 
#vision div.v_box3 p.v_b_t3.t3 {font-size:1.1em;}
#vision div.v_box3 ul li {font-size:0.9em;padding:1em;}

#vision div.v_box4 p.v_b_t4 {font-size:1.3em;} 
#vision div.v_box4 p.v_b_t4.t4 {font-size:1.1em;}

#vision div.v_box5 p.v_b_t5 {font-size:1.3em;} 
#vision div.v_box5 p.v_b_t5.t5 {font-size:1.1em;}
}