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


/*서브비주얼*/
#sub_visual {text-indent:-999999px; width:100%; height:300px; background:url(../images/sub/sub_visual01.png) center top no-repeat;}
#sub_visual.s_yueun, #sub_visual.s_teacher, #sub_visual.s_parents, #sub_visual.s_study, #sub_visual.s_open {background:url(../images/sub/sub_visual02.png) center top no-repeat;}

#container {margin:0 auto; width:1400px; position:relative;  }
#container::after { content:""; display:block; clear:both; }

/*레프트메뉴*/
#left {float:left; width:208px; margin:0 30px 30px 0; transition:all 0.4s; }
#left h2 {position:relative; text-align:center; line-height:110px; padding:30px 0 0px 0; margin-bottom:10px;  background:#fff url(../images/sub/left_h2_title.png) left bottom no-repeat; color:#fff; font-size: 2.0769em;}

ul#leftMenu {width:calc(100% - 2px); border:1px solid #ddd; background:#fff; }
ul#leftMenu li {border-bottom:1px #e9e9e9 solid; font-size: 1.2308em; letter-spacing:-0.5px; }
ul#leftMenu li a {display:block; color:#555; line-height:18px; padding:14px 25px 14px 20px; background:url(../images/sub/left_off.png) 180px center no-repeat; }
ul#leftMenu li a:hover {font-weight:bold; background:#f3f3f3 url(../images/sub/left_off.png) 180px center no-repeat; }
ul#leftMenu li a.on {font-weight:bold; color:#fff; line-height:18px; background:#4b50bf url(../images/sub/left_on.png) 180px center no-repeat;}

ul#leftMenu li div {display:none; position:relative; background:#e2f4ff; overflow:hidden;}
ul#leftMenu li div.on {display:block;}
ul#leftMenu li div ul { padding:15px 0 15px 0;}
ul#leftMenu li div ul li {font-size: 0.9375em; border-bottom:0px;}
ul#leftMenu li div ul li a {display:block; color:#777;padding:0 0 0 30px; line-height:30px; background:url(../images/sub/leftMenu_depth_off.png) 20px 12px no-repeat;}
ul#leftMenu li div ul li.on a{color:#4b50bf; font-weight:bold !important; background:url(../images/sub/leftMenu_depth_on.png) 20px 12px no-repeat;}
ul#leftMenu li div ul li a:hover{color:#4b50bf; font-weight:bold !important; background:url(../images/sub/leftMenu_depth_on.png) 20px 12px no-repeat;}



#contentGroup { float:right; width:calc(100% - 238px); padding:30px 0 30px 0;}


/*가이드박스*/
#guideGroup {position:relative;  height:110px; border-bottom:1px #ddd solid;}
#guideGroup h3 { font-size: 2.3077em; color:#333333; padding:55px 0 0 0; font-weight:bold; letter-spacing:-1.5px;}
	
#guideGroup .guide { position:absolute; top:0; left:0px;}
#guideGroup .guide li{float:left; color:#999999; line-height:23px; font-size: 1.0769em; padding:0 20px 0 20px; 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.first a { display:block; width:25px; height:25px; text-indent:-99999px; background:url(../images/sub/s_home.png) center center no-repeat; position:relative; border-radius: 50%; border:1px #ddd solid; }
#guideGroup .guide li a {color:#999999;}


#guideGroup .page_config {position:absolute; top:30px; right:5px;}
#guideGroup .page_config li{float:left; height:45px; text-align:center; border-top:0px;}
#guideGroup .page_config li a{text-indent: -99999px; display:block; width:45px; height:45px; border-radius:50%; box-shadow:rgba(0,0,0,0.2) 3px 3px 5px; }
#guideGroup .page_config li a:hover{}
#guideGroup .page_config li.edit {margin-left:20px;}
#guideGroup .page_config li.print a {background:#f2f2f2 url(../images/sub/page_print.png) center center no-repeat; padding:0 0 0 0px;}
#guideGroup .page_config li.edit a {background:#f2f2f2 url(../images/sub/page_admin.png) center center no-repeat; padding:0 0 0 0px;}


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



/* 컨텐츠 공통 스타일 */
h4.cStyle {clear:both; font-size: 1.8462em; padding:10px 0 0 0px; color:#333333; background:url(../images/sub/h4_dot.png) left top no-repeat; line-height:30px; margin-bottom:10px;}
h5.cStyle {clear:both; font-size: 1.5385em; padding:0 0 0 40px; color:#333333; background:url(../images/sub/h5_dot.png) 10px 5px no-repeat; line-height:30px;}
h6.cStyle {clear:both; font-size: 1.3846em; padding:0 0 0 50px; font-weight:600; color:#333333; background:url(../images/sub/h6_dot.png) 20px 6px no-repeat; line-height:30px;}

dl.cStyle {clear:both;  margin-top:15px;}
dl.cStyle dt {font-size: 1.2308em; padding:0 0 0 35px; margin:6px 0 0 0; color:#555555; background:url(../images/sub/dt_dot.png) 20px 7px no-repeat; line-height:20px; }
dl.cStyle dd {font-size: 1.1538em; padding:0 0 0 48px; margin:6px 0 0 0; color:#777777; background:url(../images/sub/dd_dot.png) 30px 9px no-repeat; line-height:20px;}

ul.cStyle {clear:both;  }
ul.cStyle li {font-size: 1.2308em; padding:0 0 0 35px; margin:6px 0 0 0; color:#555555; background:url(../images/sub/dt_dot.png) 20px 7px no-repeat; line-height:20px; }

table.cStyle {border-top:3px solid #14a7ff; width:100%; border-left:1px solid #dddddd; font-size: 1.2308em; text-align:center; border-collapse:collapse; margin:10px 0 10px 0; box-sizing:border-box;}
table.cStyle th {background:#eef9ff; color:#333; line-height:20px; padding:14px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
table.cStyle td {color:#555;  font-size: 0.9375em; padding:12px 10px; line-height:20px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
table.cStyle td.bg {background:#f9f9f9; font-weight:500; color:#555;}

p.cStyle { clear:both; font-size: 1.2308em; color: #333; margin: 5px 0; line-height: 20px; padding: 0 10px; }
.ctop {width:100%; padding:10px 20px; background:#f2f6f9; 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: 1.2308em; 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: 1.2308em;}


.tapMenu2 { margin:0px 0 30px 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:168px; height:50px;  background:#ddfbf3;  color:#1cc986; border:1px solid #1cc986;  text-align:center; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 1.3846em; font-weight:bold; border-radius:24px 24px 24px 0; box-sizing:border-box; padding:0 25px; }
.tapMenu2 ul li.on a { color:#fff; background:#1cc986 url(../images/sub/sub_tap_bg.png) 20px center no-repeat; padding: 0px 20px 0px 45px; }

.tapMenu3 { margin:0px 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; }


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

#contentGroup {overflow:hidden; padding:0px; float:none; width:100%;}

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

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


/* 컨텐츠 공통 스타일 */
h4.cStyle {padding:10px 0 0 0px;}
h5.cStyle {padding:0 0 0 35px; background:url(../images/sub/h5_dot.png) 5px center no-repeat;}
h6.cStyle {padding:0 0 0 45px; background:url(../images/sub/h6_dot.png) 15px center no-repeat;}

dl.cStyle dt {padding:0 0 0 25px; background:url(../images/sub/dt_dot.png) 15px 7px no-repeat;}
dl.cStyle dd {padding:0 0 0 28px; background:url(../images/sub/dd_dot.png) 13px 9px no-repeat;}


table.cStyle {border-top:2px solid #14a7ff; width:100%; margin:15px 0 15px 0;}
.tablebox { width:100%; overflow:auto; }
.tablebox table.cStyle { width:100%; min-width:580px; }

p.cStyle { font-size:15px;}
.ctop p { font-size:15px;}
p.cStyle2 {font-size:15px;}

}

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

.tapMenu2 ul li { display:block; float:left; width:calc(50% - 10px); margin:0 5px 10px; position:relative; }
.tapMenu2 ul li a { min-width:0; }

}