@charset "utf-8";
@import url("./default.css"); 
@import url("../../../css/content.css");


/*서브비주얼*/
#sub_visual {text-indent:-999999px; width:100%; height:303px; background:url(../images/sub/sub_visual01.jpg) center top no-repeat;}
#sub_visual.s_intro,#sub_visual.s_study,#sub_visual.s_open {background:url(../images/sub/sub_visual01.jpg) center top no-repeat;}
#sub_visual.s_teacher,#sub_visual.s_education {background:url(../images/sub/sub_visual02.jpg) center top no-repeat;}
#sub_visual.s_student,#sub_visual.s_administrator {background:url(../images/sub/sub_visual03.jpg) center top no-repeat;}


#container {margin:0 auto; width:1300px; position:relative; }

/* 가이드경로 */
#container .guide { width:100%; height:45px; position:absolute; background-color:#979797;  }
#container .guide::before { display:block; content:""; background-color:#979797; width:310px; height:45px; position:absolute; top:0; left:-310px; }
#container .guide::after { display:block; content:""; background-color:#979797; width:310px; height:45px; position:absolute; top:0; right:-310px; }
#container .guide li{float:left;color:#fff;line-height:45px; font-size:15px; padding:0 23px 0 23px; }
#container .guide li:nth-child(n + 3) { background:url(../images/sub/guide_dot.png) left 17px no-repeat; }
#container .guide li.first { width:45px; height:45px; background:#777; text-align:center; padding:0; }
#container .guide li.first a { display:block; background: url(../images/sub/first_dot.png) center center no-repeat; box-sizing:border-box; width:100%; height:100%; text-indent: -9999px; cursor:pointer; }
#container .guide li a {color:#fff;}

/*레프트메뉴*/
#left {float:left; width:270px; margin:30px 40px 40px 0;}
#left h2 {position:relative; text-align:center; height:157px; line-height:157px; padding:45px 0 0px 0;  background:url(../images/sub/left_h2_title.png) left bottom no-repeat; color:#fff; font-size:26px; font-weight:500;}
#left h2 span { display:inline-block; position:relative; }
#left h2 span::before { display:block; content:""; width:7px; height:7px; border-radius:50%; background-color:#20cfa8; position:absolute; right:-13px; top:54px;  }

ul#leftMenu {width:100%;}
ul#leftMenu li {  font-size:17px; font-weight:400; }
ul#leftMenu li a { border:1px #ddd solid; border-top:none; display:block; color:#444; line-height:45px; padding:11px 0 11px 26px; position:relative; }
ul#leftMenu li a:hover { background:#f3f3f3;  }
ul#leftMenu li a.on { border:none; font-weight:bold; color:#fff; font-weight:400; line-height:45px; background:#5081da; }
ul#leftMenu li a.depth_view::after { display:block; content:""; width:8px; height:12px; background:url(../images/sub/sub_depth_off.png) center center no-repeat; position:absolute; right:30px; top:calc(50% - 5px); }
ul#leftMenu li a.depth_view.on::after { display:block; content:""; width:12px; height:8px; background:url(../images/sub/sub_depth_on.png) center center no-repeat; position:absolute; right:30px; top:calc(50% - 2px); }

ul#leftMenu li div {display:none; position:relative; background:#edf2f8; overflow:hidden;}
ul#leftMenu li div.on {display:block;}
ul#leftMenu li div ul { padding:20px 0 20px 0; border:1px #ddd solid; border-top:none; }
ul#leftMenu li div ul li {font-size:15px;  }
ul#leftMenu li div ul li a {border:none; display:block; color:#677b99; padding:0 0 0 35px; line-height:30px; background:url(../images/sub/leftMenu_depth_off.png) 22px 13px no-repeat;}
ul#leftMenu li div ul li.on a{color:#2b7ba9; font-weight:normal !important; background:url(../images/sub/leftMenu_depth_on.png) 22px 13px no-repeat;}
ul#leftMenu li div ul li a:hover{color:#2b7ba9; font-weight:normal !important; background:url(../images/sub/leftMenu_depth_on.png) 22px 13px no-repeat;}



#contentGroup {overflow:hidden; padding:45px 0 0 0; }


/*가이드박스*/
#guideGroup {position:relative;  height:80px; border-bottom:1px #ddd solid; margin-top:40px; }
#guideGroup h3 { font-size:27px; color:#222; padding:30px 0 0 0; font-weight:bold; letter-spacing:-1.5px;}
	
#guideGroup .page_config {position:absolute; top:-85px; right:0px;}
#guideGroup .page_config li{float:left; height:45px; text-align:center; position:relative;}
#guideGroup .page_config li.edit::after { display: inline-block; content:""; color:#ddd; background-color:#dddddd; width:2px; height:9px; position:absolute; top:18px; right:0; }
#guideGroup .page_config li a{display:block; width:45px; line-height:45px; }
#guideGroup .page_config li a:hover{ text-decoration:none; }
#guideGroup .page_config li.edit {border-left:0px;}
#guideGroup .page_config li.print a span{background:url(../images/sub/page_print.png) center center no-repeat; padding:0 0 0 20px;}
#guideGroup .page_config li.edit a span{background:url(../images/sub/page_admin.png) center center no-repeat; padding:0 0 0 20px;}


/*컨텐츠박스*/
#content { position:relative; min-height:400px; margin:30px 0 40px 0; }
#content:after { content:""; display:block; clear:both; }




/* 내용없음 */
.cm_no_conts {text-align:center; overflow:hidden; padding:50px 0 70px 0; margin:50px 0;}
.cm_no_conts .no_icon {background:transparent url(../images/common/no_conts_page.png) center center no-repeat; height:100px;}
.cm_no_conts .gtxt {color:#999 !important; font-size:13px; letter-spacing:-1px;}

/* 페이지네이트*/
.page_on {border:1px #248a2b solid; background:#31b049;}

.tapMenu { }
.tapMenu ul { }
.tapMenu ul:after { content:""; display:block; clear:both; }
.tapMenu ul li { float:left; margin:0 15px 15px 0; }
.tapMenu ul li a { display:block; padding:15px 20px; border-radius:10px; font-weight:500; color:#7298d5; font-size:15px; background:#eaf2ff; border:2px solid #cbddfa; box-sizing:border-box; }
.tapMenu ul li.on a { color:#fff; border-color:#568de8; background:#568de8; }



/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/

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


/*서브비주얼*/
#sub_visual {display:none;}

#container {margin:0px; width:100%; overflow:hidden; background:none; }


/*레프트메뉴*/
#left {display:none;}

/* 가이드경로 */
#container .guide {  height:auto; position:static; overflow:hidden;  }
#container .guide::before { display:none; }
#container .guide::after { display:none; }
#container .guide li{ font-size:14px; padding:0 15px 0 15px;  }
#container .guide li.first { margin-left:0; }
#container .guide li.this { margin-left:10px; }
#contentGroup {overflow:hidden; padding:0px;}

#content {width:94%; clear:both; margin:30px auto;}

/*가이드박스*/
#guideGroup {height:auto; display:none;}
#guideGroup h3 {display:none;}
	
#guideGroup .guide { position:relative; width:100%; overflow:hidden; background:#f8f8f8; border-bottom:1px #d6d6d6 solid;}
#guideGroup .guide li{float:left; line-height:35px; padding: 0 13px 0 13px; background:url(../images/sub/guide_dot_m.png) left 13px no-repeat; }
#guideGroup .guide li.first {padding:0 10px;background:none; }
#guideGroup .guide li.this {color:#666666;}
#guideGroup .page_config {display:none;}


/* 컨텐츠 공통 스타일 */
.tablebox { width:100%; overflow:auto; }
.tablebox table.cStyle { width:100%; min-width:580px; }

}