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

/*서브비주얼*/
#sub_visual {text-indent:-999999px; width:100%; height:410px; background:url(../images/sub/sub_visual01.jpg) center top no-repeat; position:relative;}

#sub_visual.s_notice { background:url(../images/sub/sub_visual02.jpg) center top no-repeat; }
#sub_visual.s_teacher { background:url(../images/sub/sub_visual09.jpg) center top no-repeat; }
#sub_visual.s_student { background:url(../images/sub/sub_visual08.jpg) center top no-repeat; }
#sub_visual.s_parent { background:url(../images/sub/sub_visual07.jpg) center top no-repeat; }
#sub_visual.s_study { background:url(../images/sub/sub_visual03.jpg) center top no-repeat; }
#sub_visual.s_freeschool { background:url(../images/sub/sub_visual05.jpg) center top no-repeat; }
#sub_visual.s_administrator { background:url(../images/sub/sub_visual05.jpg) center top no-repeat; }

.visual_txt { position:absolute; z-index:1; width:1280px; box-sizing:border-box; padding:0 0; left:50%; transform:translateX(-50%); top:210px; text-align:right; font-family: 'NEXON Lv2 Gothic'; font-weight:bold; }
.visual_txt ul.effect { -webkit-animation: scale-in-center 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; opacity: 0;}
.visual_txt ul li { line-height:27px; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
.visual_txt ul li:nth-child(1) { letter-spacing:2px;  font-size:26px; font-weight:600; letter-spacing:-0.5px;}
.visual_txt ul li:nth-child(1) img { vertical-align:middle; }
.visual_txt ul li:nth-child(2) { font-size:36px;  margin-top:29px; letter-spacing:-0.5px; position:relative; z-index:1; }
.visual_txt ul li:nth-child(2) span { position:relative; z-index:1;  }
.visual_txt ul li:nth-child(2) span.sh { padding:0 5px; }
.visual_txt ul li:nth-child(2) span.sh:before { content:""; display:block; width:0%; height:19px; position:absolute; left:0; bottom:9px; background:#f29b30; z-index:-1; animation: sh-line 0.7s  1.5s linear both; }
.visual_txt ul li:nth-child(2) span.vcir:before { content:""; display:block; width:55px; height:55px; background:url(../images/sub/vi_txt2.png) center center no-repeat; position:absolute; left:-24px; top:-21px; z-index:-1; }
		
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
		
@keyframes sh-line {
  0% {
    width:0%;
  }
  100% {
    width:100%;
  }
}


#container {margin:0 auto; width:1280px;  }

#sub_line {background:#fff; position:relative; width:100%; z-index:10; margin-top:-40px; box-shadow:3px 4px 5px rgba(0,0,0,0.1); border-radius:10px; }
#sub_line:after { content:""; display:block; clear:both; }

/*레프트메뉴*/
#left { float:left; position:relative; z-index:2;  }
#left h2 { display:none; }
#leftMenu::after { content:""; display:block; clear:both; }
#leftMenu .s_home { float:left; width:100px; }
#leftMenu .s_home a { display:block; width:100%; box-sizing:border-box; height:80px; text-indent:-99999px; background:#08c667 url(../images/sub/s_home.png) center center no-repeat;  border-radius:10px 0 0 10px;}

/*2뎁스*/
ul#leftMenu .all_depth { float:left; }

#leftMenu .all_depth { float:left; position:relative;  letter-spacing:-1px;}
#leftMenu .all_depth .two_title { float:left;  }
#leftMenu .all_depth .two_title a { display:block; width:100%; box-sizing:border-box; height:80px; position:relative; padding:0 0 0 0; box-sizing:border-box; font-size:18px; color:#3a3a3a; line-height:80px; padding:0 67px 0 33px; min-width:282px; border-right:1px solid #dbdbdb; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; }
#leftMenu .all_depth .two_title a::before { content:""; display:block; width:9px; height:16px; background:url(../images/sub/s_menu_arrow.png) left top no-repeat; position:absolute; right:20px; top:32px;  transition:all 0.4s;}
#leftMenu .all_depth:hover .two_title a::before { transform:rotate(90deg);  }

#leftMenu .all_depth .t_menu_box { width:100%; position:absolute; left:0; top:80px; transition:all 0.4s; background:#fff; z-index:2; display:none; max-height:350px; overflow-y:auto; }
#leftMenu .all_depth:hover .t_menu_box { display:block; top:80px; border-top:1px solid #ddd;}
#leftMenu .all_depth .t_menu_box .two_chk { display:block; width:100%; box-sizing:border-box; padding:22px 35px 21px 29px; line-height:26px; font-size:16px; color:#555;  position:relative; border:1px solid #ddd; border-top:0 none; letter-spacing:-0.5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#leftMenu .all_depth .t_menu_box .two_leng:first-child .two_chk {  }
#leftMenu .all_depth .t_menu_box .two_chk:hover { background:#04a454; color:#fff; }

#leftMenu .all_depth .t_menu_box .three_view::before { content:""; display:block; width:12px; height:12px; background:url(../images/sub/s_more.png) left top no-repeat; position:absolute; right:15px; top:calc(50% - 6px); }
#leftMenu .all_depth .t_menu_box .three_view:hover::before { background:url(../images/sub/s_more_on.png) left top no-repeat; }

#leftMenu .all_depth .t_menu_box .two_leng { position:relative; }
#leftMenu .two_leng div { display:none; width:100%; border:1px solid #ddd; border-left:0 none; box-sizing:border-box; position:absolute; right:-100%; top:0;}
#leftMenu .two_leng:hover div { background:#f9f9f9; display:none; box-sizing:border-box;  }

#leftMenu .all_depth .hover_depth { position:absolute; width:100%; right:-100%; top:0; display:none; border:1px solid #ddd; background:#f9f9f9; }

#leftMenu .two_leng div li { }
#leftMenu .all_depth .hover_depth li a { display:block; width:100%; line-height:30px;   box-sizing:border-box; padding:3px 10px 3px 15px;}
#leftMenu .all_depth .hover_depth li a:hover { color:#6cac1f; font-weight:700; }


/*3뎁스*/
#leftMenu .thr_view { float:left; position:relative;   letter-spacing:-1px;}
#leftMenu .thr_view .thr_title a { display:block; width:100%; box-sizing:border-box; height:80px; position:relative; padding:0 0 0 0; box-sizing:border-box; font-size:16px; color:#333; line-height:80px; padding:0 67px 0 33px; min-width:282px; border-right:1px solid #dbdbdb; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500;}
#leftMenu .thr_view .thr_title a::before { content:""; display:block; width:9px; height:16px; background:url(../images/sub/s_menu_arrow.png) left top no-repeat; position:absolute; right:39px; top:32px;  transition:all 0.4s;}
#leftMenu .thr_view:hover .thr_title a::before { transform:rotate(90deg);  }

#leftMenu .thr_view .t_menu_box { width:100%; position:absolute; left:0; top:0px; transition:all 0.4s; background:#fff; display:none; max-height:350px; overflow-y:auto;}
#leftMenu .thr_view:hover .t_menu_box { display:block; top:80px; border-top:1px solid #ddd;}
#leftMenu .thr_view .t_menu_box li a { display:block; width:100%; box-sizing:border-box; padding:22px 35px 21px 29px; line-height:26px; font-size:16px; color:#555;  position:relative; border:1px solid #ddd; border-top:0 none; letter-spacing:-0.5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#leftMenu .thr_view .t_menu_box li:first-child a {  }
#leftMenu .thr_view .t_menu_box li a:hover {  background:#04a454; color:#fff;}

/*페이지관리 및 인쇄*/
#sub_line .page_config { float:right; margin:17px 20px 0 0; }
#sub_line .page_config li{float:left; }
#sub_line .page_config li a{display:block; text-indent:-99999px; width:45px; height:45px;}
#sub_line .page_config li.print { margin-left:20px; }
#sub_line .page_config li.print a {background:url(../images/sub/page_print.png) left top no-repeat;  }
#sub_line .page_config li.edit a {background:url(../images/sub/page_admin.png) left top no-repeat;  }



#contentGroup { padding:0px 0 0 0; }


/*가이드박스*/
#guideGroup {position:relative; padding:52px 0 0px; height:118px; box-sizing:border-box; border-bottom:1px solid #ddd; }
#guideGroup h3 { font-size:30px; color:#000; text-align:center; }
#guideGroup h3 span { display:inline-block; position:relative; padding:0 80px; background:url(../images/sub/h3_side1.png) left center no-repeat, url(../images/sub/h3_side2.png) right center no-repeat; }
	
#guideGroup .guide { display:none; }
#guideGroup .guide li{float:left;color:#999999;line-height:23px; font-size:12px; padding:0 12px 0 12px;background:url(../images/sub/guide_dot.jpg) left 7px no-repeat; }
#guideGroup .guide li.first {padding:0 12px 0 0;background:none; }
#guideGroup .guide li a {color:#999999;}




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


/* 컨텐츠 공통 스타일 */
h2#sub_alltitle {  font-size: 43px; color: #fff;font-weight: bold;text-align: center;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    line-height: 35px;letter-spacing: 2.5px;}
h4.cStyle {clear: both;font-size: 24px;padding: 15px 0 0 0px;color: #000;background: url(../images/sub/h4_dot.png) left top no-repeat;line-height: 30px;margin-bottom: 10px;}
h5.cStyle {clear:both; font-size:20px; padding:0 0 0 40px; color:#014029; background:url(../images/sub/h5_dot.png) 10px 6px no-repeat; font-weight:500; line-height:30px;}
h6.cStyle {clear:both; font-size:18px; padding:0 0 0 48px; color:#3a3a3a; background:url(../images/sub/h6_dot.png) 20px 10px no-repeat; font-weight:500; line-height:30px;}

dl.cStyle {clear:both; }
dl.cStyle dt {font-size:15px; padding:0 0 0 50px; margin:0px 0 0 0; color:#444; background:url(../images/sub/dt_dot.png) 35px 12px no-repeat; line-height:30px; }
dl.cStyle dd {font-size:15px; padding:0 0 0 53px; margin:0px 0 0 0; color:#878787; background:url(../images/sub/dd_dot.png) 41px 14px no-repeat; line-height:30px;}

ul.cStyle {clear:both; }
ul.cStyle li {font-size:15px; padding:0 0 0 50px; margin:0px 0 0 0; color:#444; background:url(../images/sub/dt_dot.png) 35px 12px no-repeat; line-height:30px; }

table.cStyle {border-top:2px solid #56bf7b; width:100%; border-left:1px solid #dddddd; font-size:15px; text-align:center; border-collapse:collapse; margin:10px 0 10px 0; box-sizing:border-box;}
table.cStyle th {background:#f2f2f2; color:#333; line-height:24px; font-size:15px; padding:11px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
table.cStyle td {color:#555; padding:9px 5px; line-height:24px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
table.cStyle td.bg {background:#f9f9f9; font-weight:bold; color:#888;}

p.cStyle { clear:both; font-size:14px; color: #555; margin: 5px 0; line-height: 20px; padding: 0 10px 0 15px; }
.ctop {width:100%; padding:10px 20px; background:#f9f9f9; border:1px solid #ddd; border-radius:10px; -webkit-box-shadow: 0px 1px 0px 0px rgba(221,221,221,1); -moz-box-shadow: 0px 1px 0px 0px rgba(221,221,221,1); box-shadow: 0px 1px 0px 0px rgba(221,221,221,1); box-sizing:border-box;}
.ctop p { font-size:14px; color:#555; }

p.cStyle2 {width:100%; padding:10px 18px; background:#f9f9f9; border:1px solid #ddd; border-radius:10px; -webkit-box-shadow: 0px 1px 0px 0px rgba(221,221,221,1); -moz-box-shadow: 0px 1px 0px 0px rgba(221,221,221,1); box-shadow: 0px 1px 0px 0px rgba(221,221,221,1); box-sizing:border-box; font-size:14px;}


.tapMenu2 { margin:20px 0 20px 0; }
.tapMenu2 ul { text-align:left; }
.tapMenu2 ul:after { content:""; display:block; clear:both; }
.tapMenu2 ul li { display:inline-block; margin-right:10px; position:relative; }
.tapMenu2 ul li a { display:block; width:100%; min-width:250px; height:40px;  background:#fff;  color:#6f9bcb; border:1px solid #6f9bcb;  text-align:center; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; font-weight:bold; border-radius:5px; box-sizing:border-box; padding:0 11px; }
.tapMenu2 ul li.on a { color:#fff; background:#4fa7f1 url(../images/sub/sub_tap_bg.png) 220px center no-repeat; }
.tapMenu2 ul li.on:before { content:""; display:block; width:24px; height:18px; background:url(../images/sub/tap_on.png) center top no-repeat; position:absolute; right:5px; top:-18px; }

.tapMenu3 { margin:20px 0 20px 0; }
.tapMenu3 ul { text-align:left; }
.tapMenu3 ul:after { content:""; display:block; clear:both; }
.tapMenu3 ul li { display:inline-block; margin-right:10px; position:relative; }
.tapMenu3 ul li a { display:block; width:100%; min-width:100px; height:40px;  background:#fff;  color:#1d97cb; border:1px solid #087cae;  text-align:center; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; font-weight:bold;  box-sizing:border-box; padding:0 11px; border-radius:10px 10px 10px 0;}
.tapMenu3 ul li.on a { color:#fff; background:#1d97cb url(../images/sub/sub_tap_bg.png) 220px center no-repeat; }
.tapMenu3 ul li.on:before { content:""; display:block; width:24px; height:18px; background:url(../images/sub/tap_on.png) center top no-repeat; position:absolute; right:5px; top:-18px; }


/* 내용없음 */
.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;}




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

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


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

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

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

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

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


#sub_line { margin-top:0px; box-shadow:none; background:#fff; }

#sub_line .translation-links { margin:0px 10px 0px 0; }

/*가이드박스*/
#guideGroup {height:auto; padding:0 0 0; margin-top:0px; border:0 none; }
#guideGroup h3 {display:none;}
	
#guideGroup .guide { display:block; position:relative; width:100%; overflow:hidden; background:#fafafa; border-bottom:1px #ddd solid; box-sizing:border-box; padding:0 3%;  }
#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 0 0;background:none; }
#guideGroup .guide li.this {color:#666666;}
.page_config {display:none;}

#quick_cont { display:none !important; }


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

}