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

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

#sub_visual.s_open,
#sub_visual.s_parents,
#sub_visual.s_afterschool,
#sub_visual.s_research { background:url(../images/sub/sub_visual02.png) center top no-repeat; }

#container {margin:0 auto; width:1280px; position:relative; /*overflow:hidden;*/}

/*레프트메뉴*/
#left {float:left; width:302px; margin:-30px 24px 40px 0; }
#left h2 {position:relative; text-align:center; line-height:104px; height:104px; background:url(../images/sub/left_h2_title.png) left bottom no-repeat; color:#fff; font-size:24px;}

ul#leftMenu {width:300px; background-color: #f2f2f2; border-radius:12px; border:1px solid #ddd; margin: 12px 0 0 0;}
ul#leftMenu li {border:1px #ddd solid; font-size:18px; font-weight:500; letter-spacing:-0.5px; margin:8px; border-radius:8px; background-color: #fff;}
ul#leftMenu li a {position:relative; display:block; color:#21211d; line-height:18px; padding:19px 45px 19px 15px;}
ul#leftMenu li a.on {font-weight:bold; color:#21211d;; line-height:18px; background:#fcf1cd url(../images/sub/left_on.png) 235px center no-repeat;}
ul#leftMenu li a.depth_view::after {content:""; display: block; width:30px; height:30px; position:absolute; right:20px; top:calc(100% - 43px); background:url(../images/sub/sub_depth.png) center center no-repeat;}
ul#leftMenu li a.depth_view.on::after {content:""; display: block; background: none;}

ul#leftMenu li div {display:none; position:relative; background:#fff; overflow:hidden;}
ul#leftMenu li div.on {display:block;}
ul#leftMenu li div ul { border-top:1px solid #ddd; padding:5px 0;}
ul#leftMenu li div ul li {font-size:16px; border:none;}
ul#leftMenu li div ul li a {display:block; color:#555; padding:0 0 0 35px; line-height:30px; background:url(../images/sub/leftMenu_depth_off.jpg) 22px 13px no-repeat;}
ul#leftMenu li div ul li.on a{color:#F2A007; font-weight:normal !important; background:url(../images/sub/leftMenu_depth_on.jpg) 22px 13px no-repeat;}
ul#leftMenu li div ul li a:hover{color:#F2A007; font-weight:normal !important; background:url(../images/sub/leftMenu_depth_on.jpg) 22px 13px no-repeat;}



#contentGroup {overflow:hidden;}


/*가이드박스*/
#guideGroup {position:relative; height:73px; border-bottom:1px #ddd solid; margin:0;}
#guideGroup h3 { font-size:26px; color:#21211d; padding:25px 0 0 0; font-weight:600; }
	
#container .guide { position:absolute; top:-35px; left:326px; }
#container .guide li {float:left; color:#21211d; line-height:23px; font-size:16px; padding:0 20px 0 26px; background:url(../images/sub/guide_dot.png) left 5px no-repeat;}
#container .guide li.first { padding:2px 20px 0 0;  text-indent:-999999px; background:none;}
#container .guide li a {color:#999999; display:block; width:19px; height:19px; background:url(../images/sub/first_dot.png) left center no-repeat;}


#guideGroup .page_config { position:absolute; top:16px; right:0px; }
#guideGroup .page_config li{ float:left; margin-left:18px; }
#guideGroup .page_config li a{ display:block; text-indent:-99999px; width:43px; height:44px; border-radius:50%; box-sizing:border-box; }
#guideGroup .page_config li.print a{background:#4ca9e4 url(../images/sub/page_print.png) center center no-repeat;}
#guideGroup .page_config li.edit a {background:#5ad303 url(../images/sub/page_admin.png) center center no-repeat;}


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

/*퀵메뉴*/
.link_cont { width:411px; height:201px; background:none; position:absolute; right:0; top:269px; }
.link_cont h3 { width:153px; height:38px; font-size:18px; }

.link_cont .main_btn { position:absolute; right:12px; top:1px; }

.link_cont #link_box { position:relative; z-index:1; width:100%; height:163px; border-radius:12px; background:#f9f9f9; box-shadow:3px 3px 5px 1px rgba(0,0,0,0.15); box-sizing:border-box; padding:15px 4px 15px 20px;}
.link_cont #link_box .slick-slide { width:114px;  margin:0 15px 0 0; max-height:132px; }
.link_cont #link_box .slick-slide a { display:block; width:100%; height:132px; box-sizing:border-box; padding:2px; border-radius:12px; position:relative; background:#ddd; }
.link_cont #link_box .slick-slide a span.linebox .ic { display:block; width:100%; height:72px; }

.link_cont #link_box .lic1 .ic { background:url(../images/main/l_ic1.png) no-repeat center center; }
.link_cont #link_box .lic2 .ic { background:url(../images/main/l_ic2.png) no-repeat center center; }
.link_cont #link_box .lic3 .ic { background:url(../images/main/l_ic3.png) no-repeat center center; }
.link_cont #link_box .lic4 .ic { background:url(../images/main/l_ic4.png) no-repeat center center; }
.link_cont #link_box .lic5 .ic { background:url(../images/main/l_ic5.png) no-repeat center center; }

.link_cont #link_box .slick-slide a span.linebox .txt { display:flex; align-items:center; height:40px; line-height:20px; font-size:16px; color:#21211d; text-align:center; }


/* 컨텐츠 공통 스타일 */
h4.cStyle {clear:both; font-size:21px; padding:0 0 0 38px; color:#21211d; background:url(../images/sub/h4_dot.png) left 0px no-repeat; line-height:30px; margin-bottom:10px;}
h5.cStyle {clear:both; font-size:20px; padding:0 0 0 46px; color:#6cb734; background:url(../images/sub/h5_dot.png) 10px 8px no-repeat; line-height:30px; font-weight:500;}
h6.cStyle {clear:both; font-size:19px; padding:0 0 0 54px; color:#333333; background:url(../images/sub/h6_dot.png) 30px 7px 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 45px; margin:5px 0 0 0; color:#555555; background:url(../images/sub/dt_dot.png) 30px 8px no-repeat; line-height:24px; }
dl.cStyle dd {font-size:15px; padding:0 0 0 46px; margin:5px 0 0 0; color:#888888; background:url(../images/sub/dd_dot.png) 36px 7px no-repeat; line-height:20px;}

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

table.cStyle {border-top:2px solid #5ad303; width:100%; border-left:1px solid #dddddd; font-size:16px; text-align:center; border-collapse:collapse; margin:5px 0 5px 0; box-sizing:border-box;}
table.cStyle th {background:#f6f6f6; color:#333; font-weight:bold; line-height:24px; padding:7px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
table.cStyle td { font-size:15px; color:#555; padding:6px 5px; line-height:24px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
table.cStyle td.bg {background:#e7f8dc; color:#555;}

p.cStyle { clear:both; font-size:15px; color: #555; margin: 5px 0; line-height: 20px; padding: 0 10px 0 20px; }
.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:16px; 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:15px;}


.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:125px; height:45px;  background:#f2f2f2;  color:#555; border:1px solid #ddd;  text-align:center; line-height:45px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; font-weight:500;  box-sizing:border-box; padding:0 11px; border-radius:0px 12px 0px 12px;}
.tapMenu3 ul li.on a { color:#fff; background:#f2b705; font-weight:bold; border:none; box-shadow:3px 3px 6px rgba(0,0,0,0.25); }
.tapMenu3 ul li.on:before { content:""; display:block; width:24px; height:18px; position:absolute; right:5px; top:-18px; }

p.btn02 { border:1px solid #b0d4a7; width:330px; padding:5px 15px; margin:15px auto; background:#f7faf7; text-align:center; line-height:30px; font-weight:500; color:#333; font-size:15px;}
p.btn02:hover {background:#ffffff; text-decoration:underline;}


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

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

/*가이드박스*/
#guideGroup { 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;}

#container .guide { position:relative; left:0; top:0; width:100%; overflow:hidden; background:#f8f8f8; border-bottom:1px #d6d6d6 solid; padding:5px 0; }
#container .guide li {float:left; line-height:35px; padding: 0 13px 0 13px; background:url(../images/sub/guide_dot_m.png) left 13px no-repeat; font-size:15px;}
#container .guide li.first { padding:7px 10px 0; background:none;}
#container .guide li a {color:#999999; display:block; width:19px; height:19px; background:url(../images/sub/first_dot.png) left center no-repeat;}

.link_cont { display:none; }



/* 컨텐츠 공통 스타일 */
h4.cStyle {padding:0 0 0 35px;}

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 7px no-repeat;}


table.cStyle {font-size:14px;}
.tablebox { width:100%; overflow:auto; }
.tablebox table.cStyle { width:100%; min-width:580px; }
table.cStyle th { font-size:15px;}
table.cStyle td { font-size:14px;}

p.btn02 { border:1px solid #b0d4a7; width:80%; padding:5px 15px; margin:15px auto; background:#f7faf7; text-align:center; line-height:30px; font-weight:500; color:#333; font-size:14px;}
p.btn02:hover {background:#ffffff; text-decoration:underline;}

}