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

#wrap { background:#fff url(../images/sub/sub_line.jpg) left 400px repeat-x; }

/*서브비주얼*/
.s_intro,s_teacher,s_administrator{background: url(../images/sub/sub_visual02.jpg) center top no-repeat;}
.s_education {background: url(../images/sub/sub_visual01.jpg) center top no-repeat;}

#sub_visual { position:relative; width:100%; max-height:320px; overflow:hidden; margin:0 auto 0; }
#sub_visual:after { content:""; display:block; clear:both; }

#sub_visual .vi_pic {  }

#sub_visual .vi_btbox { position:absolute; text-align:center; left:0; bottom:100px; width:100%; background:rgba(0,0,0,0.5); }
#sub_visual .vi_btbox li { display:inline-block; color:#fff; }
#sub_visual .camera_pag_ul { text-align:center; }
#sub_visual .camera_pag_ul li { float:none !important; display:inline-block; vertical-align:top; }


.visual_txt { position:absolute; right:0px; top:0; z-index:1; text-align:right; width:100%; letter-spacing:-1px;  }
.vitxt_box { display:inline-block; position:relative; margin:93px 158px 0 0; opacity:0; }
.vitxt_box.effect { opacity:1; }

.vitxt_box.effect { -webkit-animation: slide-in-elliptic-left-fwd 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-elliptic-left-fwd 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }

.vitxt_box .img_txt { }
.vitxt_box .img_txt span { display:inline-block; vertical-align:bottom; position:relative; }
.vitxt_box .img_txt span.vi2 { margin:0px -13px 0 -11px; transform:rotate(11.5deg); top:2px; }
.vitxt_box .vtxt { position:relative; z-index:1; line-height:34px; font-size:17px; color:#333; margin:0 18px 0 0; letter-spacing:-1px; }
.vitxt_box .vtxt span { font-weight:500; }

.vitxt_box.effect .img_txt span.vi2 { -webkit-animation:rot 0.6s 1.2s both; animation:rot 0.6s 1.2s both; animation-fill-mode : forwards;}
.slick-dots { position:absolute; left:0; bottom:30px; width:100%; text-align:center; }
.slick-dots li { display:inline-block; vertical-align:middle; margin:0 7px; }
.slick-dots li button { display:block; cursor:pointer; width:11px; height:11px; border-radius:50%; background:#fff; text-indent:-99999px; border-radius:50%; border:0 none; box-shadow:0px 2px 5px rgba(0,0,0,0.15); }
.slick-dots li.slick-active button { width:15px; height:15px; }

.vitxt_box.effect .img_txt span.vi2 { -webkit-animation:rot 0.6s 1.2s both; animation:rot 0.6s 1.2s both; animation-fill-mode : forwards;}


@-webkit-keyframes rot {
	0%{
		transform:rotate(11.5deg);	
	}
	100%{
		transform:rotate(0deg);
	}
}
@keyframes rot {
	0%{
		transform:rotate(11.5deg);	
	}
	100%{
		transform:rotate(0deg);
	}
}

@-webkit-keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}


#container {margin:0 auto 30px; width:1251px;  }

#sub_line { height:70px; box-sizing:border-box; width:100%; position:relative; z-index:2; }
#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:66px; }
#leftMenu .s_home a { display:block; width:100%; box-sizing:border-box; height:70px; text-indent:-99999px; background:url(../images/sub/s_home.png) center center no-repeat; position:relative; }
#leftMenu .s_home a:before { content:""; display:block; width:1px; height:17px; background:#b6b6b6; position:absolute; right:0px; top:27px; }

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:before { content:""; display:block; width:1px; height:17px; background:#b6b6b6; position:absolute; right:0px; top:27px;}
#leftMenu .all_depth .two_title a { display:block; width:100%; box-sizing:border-box; height:70px; position:relative; padding:0 0 0 0; box-sizing:border-box; font-size:16px; color:#333; line-height:68px; padding:0 34px 0 30px; min-width:261px;   overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-0.5px;}
#leftMenu .all_depth .two_title a::before { content:""; display:block; width:11px; height:6px; background:url(../images/sub/s_menu_arrow.png) left top no-repeat; position:absolute; right:20px; top:33px;  transition:all 0.4s; transform:rotate(-90deg);}
#leftMenu .all_depth:hover .two_title a { font-weight:500; }
#leftMenu .all_depth:hover .two_title a::before {  transform:rotate(0deg); }

#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:345px; overflow-y:auto; box-shadow:0px 3px 6px 0px rgba(0,0,0,0.15); }
#leftMenu .all_depth:hover .t_menu_box { display:block; top:69px; border-top:1px solid #ddd;}
#leftMenu .all_depth .t_menu_box .two_chk { display:block; width:100%; box-sizing:border-box; padding:21px 26px 21px 26px; 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:#23a3d9; color:#fff; font-weight:500; text-decoration:none !important; }
#leftMenu .all_depth .t_menu_box .hover_view:hover .two_chk { background:#23a3d9; color:#fff; font-weight:500; text-decoration:none !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:#0f79b7; font-weight:500; }

#leftMenu .thr_view { float:left; position:relative;   letter-spacing:-1px;}
#leftMenu .thr_view:before { content:""; display:block; width:1px; height:17px; background:#b6b6b6; position:absolute; right:0px; top:27px;}

#leftMenu .thr_view .thr_title a { display:block; width:100%; box-sizing:border-box; height:70px; position:relative; padding:0 0 0 0; box-sizing:border-box; font-size:16px; color:#333; line-height:68px; padding:0 34px 0 30px; min-width:261px;   overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-0.5px; }
#leftMenu .thr_view .thr_title a::before { content:""; display:block; width:11px; height:6px; background:url(../images/sub/s_menu_arrow.png) left top no-repeat; position:absolute; right:20px; top:33px;  transition:all 0.4s; transform:rotate(-90deg);}
#leftMenu .thr_view:hover .thr_title a::before { transform:rotate(0deg);  }
#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; z-index:2; display:none; max-height:350px; overflow-y:auto;}
#leftMenu .thr_view:hover .t_menu_box { display:block; top:69px; border-top:1px solid #ddd;}
#leftMenu .thr_view .t_menu_box li a { display:block; width:100%; box-sizing:border-box; padding:21px 26px 21px 26px; 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:#23a3d9; color:#fff; font-weight:500; text-decoration:none !important; }

#sub_line .page_config { float:right; margin:23px 20px 0 0; }
#sub_line .page_config li{float:left; }
#sub_line .page_config li a{display:block; text-indent:-99999px; }
#sub_line .page_config li.edit { padding-left:30px; position:relative; margin-left:29px; }
#sub_line .page_config li.edit:before { content:""; display:block; width:1px; height:17px; background:#b6b6b6; position:absolute; left:0px; top:4px; }
#sub_line .page_config li.print a {background:url(../images/sub/page_print.png) left top no-repeat; width:24px; height:23px; }
#sub_line .page_config li.edit a {background:url(../images/sub/page_admin.png) left top no-repeat; width:27px; height:24px; }

#sub_line .translation-links { margin:17px 27px 0 0; float:right; width:145px; height:37px; border-radius:150px; background:#fff; overflow:hidden; position:relative; box-shadow:inset 1px 2px 3px rgba(0,0,0,0.2);}
#sub_line .translation-links:after { content:""; display:block; clear:both; }
#sub_line .translation-links li { float:right; }
#sub_line .translation-links li a { display:block; width:100%;  line-height:37px; box-sizing:border-box; position:absolute; left:0; top:0; padding:0 55px 0 20px; text-transform:uppercase; font-size:15px; color:#444;  letter-spacing:-1px; }
#sub_line .translation-links li a span.wbtn { position:absolute; right:0; top:0; width:55px; border-radius:150px; background:#eaeaea; text-align:center; color:#959494; }
#sub_line .translation-links li.ru_off a { z-index:1; }
#sub_line .translation-links li.ru_on a span.wbtn { background:#f5c636; color:#fff; }

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


/*가이드박스*/
#guideGroup { height:104px; }
#guideGroup h3 { font-size:26px; color:#222; padding:36px 0 0 0; text-align:center; font-weight:bold; letter-spacing:-1.5px; }
#guideGroup h3:before { content:""; display:block; width:36px; height:5px; margin:0 auto 16px; background: rgb(134,190,231);
background: linear-gradient(125deg, rgba(134,190,231,1) 0%, rgba(249,204,89,1) 100%);}	

#guideGroup .guide { float:left; display:none;  margin:20px 11px 0 0;}
#guideGroup .guide li{float:left;color:#6c6c6c;line-height:23px; font-size:13px; padding:0 25px 0 19px;background:url(../images/sub/guide_dot.jpg) left 6px no-repeat; }
#guideGroup .guide li.first { background:none; }
#guideGroup .guide li a {color:#999999;}


#guideGroup .page_config { float:left;  }
#guideGroup .page_config li{float:left; }
#guideGroup .page_config li a{display:block; width:62px; height:63px; text-indent:-99999px; box-sizing:border-box; border-right:1px solid #ddd;  }
#guideGroup .page_config li:first-child a { border-left:1px solid #ddd; }
#guideGroup .page_config li.print a {background:#fff url(../images/sub/page_print.png) center center no-repeat;  }
#guideGroup .page_config li.edit a {background:#fff url(../images/sub/page_admin.png) center center no-repeat; }


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

/*텝메뉴*/
.tabmenu1 { margin-bottom:30px; }
.tabmenu1 ul { }
.tabmenu1 ul:after { content:""; display:block; clear:both; }
.tabmenu1 ul li { float:left; margin-right:15px; }
.tabmenu1 ul li a { display:block; height:60px; font-size:18px; color:#333; line-height:58px; border-radius:150px; box-sizing:border-box; border:1px solid #ddd; padding:0 62px 0 31px; min-width:255px; position:relative;}
.tabmenu1 ul li a:hover { font-weight:bold; }
.tabmenu1 ul li.on a { border:0 none; line-height:60px; color:#fff; background:#4376b9; }
.tabmenu1 ul li.on a:before { content:""; display:block; width:31px; height:31px; box-sizing:border-box; border:1px solid #fff; border-radius:50%; position:absolute; right:30px; top:15px; background:url(../images/sub/stap_arrow.png) center center no-repeat; }



/* 내용없음 */
.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/sub/ready.png) center center no-repeat; height:104px;}
.cm_no_conts .gtxt {color:#222 !important; font-size:27px; letter-spacing:-1px; font-family: 'S-CoreDream-4Regular'; margin-top:20px;}
.cm_no_conts .gtxt span { color:#274177 !important; font-family: 'S-CoreDream-6Bold';}

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




/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/
@media (max-width:1547px) and (min-width:1025px) {

#wrap { background:#fff url(../images/sub/sub_line.jpg) left 472px repeat-x; }

}

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

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

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


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

#contentGroup {overflow:hidden; padding:0px;}
#sub_line { display:none; }
#content {width:94%; clear:both; margin:30px auto;}

/*가이드박스*/
#guideGroup { display:block; height:auto; border-top:1px #d6d6d6 solid;}
#guideGroup:after { content:""; display:block; clear:both; }
#guideGroup h3 {display:none;}
	
#guideGroup .guide { margin:0 0 0 0; display:block; 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;}
.page_config {display:none;}


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

}