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

#header { position:absolute; }


/*서브비주얼*/
#sub_visual {  width:100%; height:300px; background:url(../images/sub/sub_visual01.jpg) center top no-repeat; text-align:right;}
#sub_visual.s_school,
#sub_visual.s_student,
#sub_visual.s_open { background:url(../images/sub/sub_visual02.jpg) center top no-repeat; }
.visual_txt { position:absolute; left:50%; transform:translateX(-50%); top:83px; z-index:2; letter-spacing:-1px; width:1250px; }
.visual_txt .vtxt { position:relative; z-index:1; padding:46px 0 0 0;  display:inline-block; text-align:left;}
.visual_txt .vtxt::before { content:""; display:block; width:160px; height:162px; background:url(../images/sub/sv_bg.png) no-repeat left top / cover; position:absolute; left:-74px; top:20px; z-index:-1; }
.visual_txt .vtxt p { position:relative; z-index:1; color:#fff; font-weight:bold; }
.visual_txt .vtxt p.veng { font-size:10px; font-weight:bold; color:#fff; text-shadow:2px 2px 3px rgba(0,0,0,0.4); }
.visual_txt .vtxt p.vtit1 { line-height:38px; font-size:22px; text-shadow:2px 2px 3px rgba(0,0,0,0.4); margin:6px 0 11px; }
.visual_txt .vtxt p.vtit1 span { color:#00fffc; }
.visual_txt .vtxt p.vtit2 { }
.visual_txt .vtxt p.vtit2 span { position:relative; z-index:1; display:inline-block; line-height:53px; padding:0 13px; font-size:30px;}
.visual_txt .vtxt p.vtit2 span::before { content:""; display:block; width:0%; height:100%; position:absolute; left:0; top:0; z-index:-1; background: rgb(25,67,208);
background: linear-gradient(90deg, rgba(25,67,208,1) 0%, rgba(0,97,229,1) 100%); }
.vitxt_box.effect .vtxt p.vtit2 span::before { -webkit-animation: text-gra-in 0.5s 1.1s linear both; animation: text-gra-in 0.5s 1.1s linear both; }
@-webkit-keyframes text-gra-in {
	0% {
		width:0%;
	}
	100%{
		width:100%;
	}
}
@keyframes text-gra-in {
	0% {
		width:0%;
	}
	100%{
		width:100%;
	}

}


.visual_txt .vitxt_box { opacity:0; -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}





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

#sub_line { height:59px; box-sizing:border-box; width:100%; position:relative; /*z-index:1;*/ border-bottom:1px solid #ddd; }
#sub_line .default_layout { width:1250px; }
#sub_line:after { content:""; display:block; clear:both; }

/*레프트메뉴*/
#left { float:left; position:relative; z-index:4;  }
#left h2 { display:none; }
#leftMenu::after { content:""; display:block; clear:both; }
#leftMenu .s_home { float:left; width:70px; }
#leftMenu .s_home a { display:block; width:100%; box-sizing:border-box; height:58px; text-indent:-99999px; background:#fff url(../images/sub/s_home.png) center center no-repeat; position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd; }

ul#leftMenu .all_depth { float:left; }

#leftMenu .all_depth { float:left; position:relative;   letter-spacing:-1px;}
#leftMenu .all_depth .two_title { float:left; position:relative; }
#leftMenu .all_depth .two_title a { display:block; width:100%; box-sizing:border-box; height:58px; position:relative; padding:0 0 0 0; box-sizing:border-box; font-size:18px; color:#222; line-height:58px; padding:0 48px 0 20px; min-width:220px;    overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-0.5px; border-right:1px solid #ddd; 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:25px; top:21px;  transition:all 0.4s;}
#leftMenu .all_depth:hover .two_title a::before { transform:rotate(90deg);  }

#leftMenu .all_depth:hover .two_title a { font-weight:500; }

#leftMenu .all_depth .t_menu_box { width:100%; position:absolute; left:0; top:0px; transition:all 0.4s; background:#fff; z-index:2; display:none; max-height:342px; overflow-y:auto; }
#leftMenu .all_depth:hover .t_menu_box { display:block; top:58px; border-top:1px solid #ddd;}
#leftMenu .all_depth .t_menu_box .two_chk { display:block; width:100%; box-sizing:border-box; padding:15px 15px 15px 19px; line-height:26px; font-size:15px; 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 .three_view { padding:15px 34px 15px 19px; }
#leftMenu .all_depth .t_menu_box .two_leng:first-child .two_chk {  }
#leftMenu .all_depth .t_menu_box .two_chk:hover { background:#17357a; color:#fff !important; }

#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:#17357a; font-weight:500; }

#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:58px; position:relative; padding:0 0 0 0; box-sizing:border-box; font-size:18px; color:#222; line-height:58px; padding:0 48px 0 20px; min-width:230px;   overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-0.5px; border-right:1px solid #ddd; }
#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:25px; top:21px;  transition:all 0.4s; }
#leftMenu .thr_view:hover .thr_title a::before { transform:rotate(90deg);  }
#leftMenu .thr_view:hover .thr_title a {  font-weight:500;}


#leftMenu .thr_view .t_menu_box { width:100%; position:absolute; left:0; top:0px; transition:all 0.4s; background:#fff; display:none; max-height:342px; overflow-y:auto;}
#leftMenu .thr_view:hover .t_menu_box { display:block; top:58px; border-top:1px solid #ddd;}
#leftMenu .thr_view .t_menu_box li a { display:block; width:100%; box-sizing:border-box; padding:15px 35px 15px 19px; line-height:26px; font-size:15px; 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:#17357a; color:#fff;}

#sub_line .page_config { float:right; margin:0px 0px 0 0; }
#sub_line .page_config li{float:left; }
#sub_line .page_config li a {display:block; text-indent:-99999px; width:60px; height:59px; position:relative;}
#sub_line .page_config li.edit a:before { content:""; display:block; width:1px; height:18px; background:#dddddd; position:absolute; right:0; top:20px; }
#sub_line .page_config li.print {  }
#sub_line .page_config li.print a {background:url(../images/sub/page_print.png) center center no-repeat;   }
#sub_line .page_config li.edit a {background:url(../images/sub/page_admin.png) center center no-repeat;   }


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


/*가이드박스*/
#guideGroup {position:relative;  height:80px; box-sizing:border-box; padding:30px 0 0 0;}
#guideGroup h3 { font-size:27px; color:#222; padding:0px 0 0 0; text-align:center; font-weight:800; letter-spacing:-1.5px; }
#guideGroup h3:before { content:""; display:block; width:36px; height:5px; margin:0 auto 16px; background: rgb(245,228,113);
background: linear-gradient(90deg, rgba(0,236,188,1) 0%, rgba(0,122,223,1) 100%);}	
	
#guideGroup .guide { position:absolute; top:0; left:0px; 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;}


#guideGroup .page_config {position:absolute; top:-30px; right:0px;}
#guideGroup .page_config li{float:left; height:38px; text-align:center;  border:1px #e8e8e8 solid; border-top:0px;}
#guideGroup .page_config li a{display:block; width:93px; line-height:38px;   border-top:0px; font-size:11px; color:#898989; background-color:#f8f8f8; }
#guideGroup .page_config li a:hover{text-decoration:underline; }
#guideGroup .page_config li.edit {border-left:0px;}
#guideGroup .page_config li.print a span{background:url(../images/sub/page_print.png) left 3px no-repeat; padding:0 0 0 20px;}
#guideGroup .page_config li.edit a span{background:url(../images/sub/page_admin.png) left 3px 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; }



/* 컨텐츠 공통 스타일 */
h4.cStyle {clear:both; font-size:27px; padding:0px 0 0 25px; color:#0d208f; background:url(../images/sub/h4_dot.png) left 5px no-repeat; line-height:30px; margin-bottom:10px;}
h5.cStyle {clear:both; font-size:23px; padding:0 0 0 34px; color:#333; background:url(../images/sub/h5_dot.png) 12px 7px no-repeat; line-height:30px;}
h6.cStyle {clear:both; font-size:20px; padding:0 0 0 41px; color:#333; background:url(../images/sub/h6_dot.png) 18px 9px no-repeat; line-height:30px; font-weight:500;}

dl.cStyle {clear:both; font-size:12px;}
dl.cStyle dt {font-size:16px; padding:0 0 0 40px; margin:5px 0 0 0; color:#333; background:url(../images/sub/dt_dot.png) 28px 9px no-repeat; line-height:24px; }
dl.cStyle dd {font-size:15px; padding:0 0 0 43px; margin:5px 0 0 0; color:#666; background:url(../images/sub/dd_dot.png) 33px 11px no-repeat; line-height:24px;}

ul.cStyle {clear:both; font-size:12px;}
ul.cStyle li {font-size:14px; padding:0 0 0 40px; margin:5px 0 0 0; color:#555555; background:url(../images/sub/dt_dot.png) 28px 8px no-repeat; line-height:20px; }

table.cStyle {border-top:2px solid #2e79eb; width:100%; border-left:1px solid #dddddd; font-size:15px; text-align:center; border-collapse:collapse; margin:20px 0 20px 0; box-sizing:border-box;}
table.cStyle th {background:#f2f2f2; color:#333; line-height:24px; padding:10px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
table.cStyle td {color:#767676; 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;}
.tablebox table.cStyle {   }

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 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; 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:55px;  background:#fff;  color:#274c77; border:1px solid #274c77;  text-align:center; line-height:54px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; font-weight:bold; border-radius:5px; box-sizing:border-box; padding:0 11px; border-radius: 50px 25px 10px 50px;background: #fff url(../images/sub/sub_tap_bg2.png) 95% center no-repeat;}
.tapMenu2 ul li.on a { color:#fff; background:#274c77 url(../images/sub/sub_tap_bg.png) 95% center no-repeat; }

div.tapMenu2 ul li:hover a{color: #fff;background: #274c77 url(../images/sub/sub_tap_bg.png) 95% center no-repeat;}
.tab2, .tab3 { display:none; }

.tapMenu3 { margin:20px 0 40px 0; }
.tapMenu3 ul { display:flex; }
.tapMenu3 ul:after { content:""; display:block; clear:both; }
.tapMenu3 ul li { flex-grow:1; }
.tapMenu3 ul li a { display:block; line-height:30px; box-sizing:border-box; padding:12px 10px; border:1px solid #ddd; background:#fff; transition:all 0.4s; position:relative; box-shadow:none; text-align:center; font-size:19px; color:#666666; font-weight:600; }
.tapMenu3 ul li.on a { z-index:1; background:#17357a; border-color:#17357a; color:#fff; box-shadow:0px 0px 5px 1px rgba(23,53,122,0.4); }


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


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

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

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

/*가이드박스*/
/* #guideGroup {height:35px;} */
#guideGroup {height:auto; padding:0 0 0 0; border-bottom:0 none;}
#guideGroup h3 {display:none;}
	
#guideGroup .guide { position:relative; width:100%; overflow:hidden; background:#f8f8f8; border-bottom:1px #d6d6d6 solid; display:block; box-sizing:border-box; padding:0 10px;}
#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;}


/* 컨텐츠 공통 스타일 */
dl.cStyle dt {padding:0 0 0 25px; background:url(../images/sub/dt_dot.jpg) 15px 11px no-repeat;}
dl.cStyle dd {padding:0 0 0 28px; background:url(../images/sub/dd_dot.jpg) 20px 11px no-repeat;}

/* 표 모바일 스타일 */
table.cStyle {font-size:13px;}
.tablebox { width:100%; overflow:auto; }
.tablebox table.cStyle { width:100%; min-width:580px; }

/*  */
h4.cStyle {font-size: 22px;}
h5.cStyle {font-size: 20px; }
h6.cStyle {font-size: 17px;}

}

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

.tapMenu3 ul { flex-wrap:wrap; }
.tapMenu3 ul li { flex-grow:1; width:50%; }
.tapMenu3 ul li a { font-size:16px; letter-spacing:-1px; }

}


@media all and (max-width:452px){
    /* 버튼 */
    div.tapMenu2 ul li{margin-right: 0;width: 100%;margin-bottom: 10px;}

}