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


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


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

/*레프트메뉴*/
#left {float:left; width:300px; margin:-20px 50px 40px 0;}
#left h2 {position:relative; text-align:center; height:140px; line-height:24px; padding:0px 5px 0; box-sizing:border-box;  background:#025db9 url(../images/sub/h2_bg.png) right top no-repeat; display:flex; align-items:center; justify-content:center; color:#fff; font-size:30px; border-radius:22px 22px 0 0; overflow:hidden;}

ul#leftMenu {width:100%; box-sizing:border-box; }
ul#leftMenu li:first-child { border-top:0 none; }
ul#leftMenu li { font-size:18px; letter-spacing:-0.5px; }
ul#leftMenu li a {display:block; color:#333; font-weight:500; line-height:18px; padding:21px 8px 21px 20px; background:#fff;  position:relative; border:1px solid #ddd; border-top:0 none;}
ul#leftMenu li:last-child a { border-radius:0 0 12px 12px; overflow:hidden; }
ul#leftMenu li a:hover {font-weight:bold; background:#f3f3f3;  }
ul#leftMenu li a.on {font-weight:bold; color:#fff; line-height:18px; background:#00a6fb; border-color:#00a6fb;}

ul#leftMenu li a.depth_view { padding:21px 45px 21px 20px; letter-spacing:-1px; }
ul#leftMenu li a.depth_view:before { content:""; display:block; width:13px; height:7px; box-sizing:border-box; background:url(../images/sub/left_off.png) center center no-repeat; position:absolute; right:20px; top:50%; transform:translateY(-50%); }

ul#leftMenu li a.on.depth_view:before { background:url(../images/sub/left_on.png) center center no-repeat; }
ul#leftMenu li a.on.depth_view { border-radius:0 0 0 0; }

ul#leftMenu li div {display:none;position:relative; background:#e6f7ff; overflow:hidden; border:1px solid #ddd; }
ul#leftMenu li:last-child a.on.depth_view + div { border-radius:0 0 12px 12px; }
ul#leftMenu li div.on {display:block;}
ul#leftMenu li div ul { padding:10px 0 10px 0;}
ul#leftMenu li div ul li {font-size:16px; border-top:0px;}
ul#leftMenu li div ul li a {display:block; color:#555;padding:4px 10px 4px 29px; line-height:23px; background:none; border-bottom:0 none; letter-spacing:-1px; position:relative; border:0 none; border-radius:0 !important;}
ul#leftMenu li div ul li a:before { content:""; display:block; width:4px; height:4px; border-radius:50%; background:#091152; position:absolute; left:17px; top:14px; }
ul#leftMenu li div ul li a:hover{color:#2f5bc1; font-weight:normal !important; background:none;}
ul#leftMenu li div ul li.on a{color:#2f5bc1; font-weight:500 !important; background:none;}


#contentGroup { float:right; width:calc(100% - 350px); }


/*가이드박스*/
#guideGroup {position:relative;  height:120px; border-bottom:1px #dddddd solid; box-sizing:border-box; }
#guideGroup h3 { font-size:30px; color:#222; padding:63px 0 0 0; font-weight:bold; letter-spacing:-1.5px;}
	
#guideGroup .guide { position:absolute; top:26px; left:0px;}
#guideGroup .guide li{float:left;color:#333;line-height:23px; font-size:15px; padding:0 20px 0 27px; background:url(../images/sub/guide_dot.jpg) left 6px no-repeat; }
#guideGroup .guide li.first { padding:0 20px 0 0; background:none; }
#guideGroup .guide li.first a { display:block; width:16px; height:16px; text-indent:-99999px; background:url(../images/sub/s_home.png) center top no-repeat; position:relative; top:3px; }


#guideGroup .page_config {position:absolute; top:35px; right:0px;}
#guideGroup .page_config li{float:left; width:44px;  margin-left:12px; }
#guideGroup .page_config li a{display:block; width:100%; height:44px; text-align:center; border:1px #dddddd solid; border-radius:50%; text-indent:-99999px;}
#guideGroup .page_config li.edit { }
#guideGroup .page_config li.print a {background:url(../images/sub/page_print.png) center center no-repeat; }
#guideGroup .page_config li.edit a {background:url(../images/sub/page_admin.png) center center  no-repeat; }


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



/* 컨텐츠 공통 스타일 */
h4.cStyle {clear:both; font-size:24px; padding:0 0 0 35px; color:#333; background:url(../images/sub/h4_dot.png) left 2px no-repeat; line-height:30px; margin-bottom:10px;}


h5.cStyle {clear:both; font-size:21px; padding:0 0 0 40px; color:#333; font-weight:600; background:url(../images/sub/h5_dot.png) 10px 5px no-repeat; line-height:30px;}
h6.cStyle {clear:both; font-size:19px; padding:0 0 0 50px; color:#333; font-weight:600; background:url(../images/sub/h6_dot.png) 20px 5px no-repeat; line-height:30px;}

dl.cStyle {clear:both; font-size:16px;}
dl.cStyle dt {font-size:16px; padding:0 0 0 50px; margin:5px 0 0 0; color:#555555; background:url(../images/sub/dt_dot.png) 38px 12px no-repeat; line-height:30px; }
dl.cStyle dd {font-size:15px; padding:0 0 0 55px; margin:5px 0 0 0; color:#767676; background:url(../images/sub/dd_dot.png) 43px 14px no-repeat; line-height:30px;}

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

table.cStyle {border-top:2px solid #00a6fb; 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:#f6f6f6; color:#444; line-height:24px; padding:9px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
table.cStyle td {color:#767676; padding:7px 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:15px; color: #555; margin: 10px 0; line-height: 24px; 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:15px; color:#555; }
.ctop li { font-size:15px; color:#555; }
p.cStyle2 {width:100%; padding:15px 15px; 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:16px; margin:10px 0;}



.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%; height:40px; min-width:160px; background:#fff;  color:#28b862; border:1px solid #28b862;  text-align:center; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; font-weight:bold; border-radius:10px; box-sizing:border-box; padding:0 11px; }
.tapMenu2 ul li.on a { color:#fff; background:#28b862; }


/* 내용없음 */
.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; border:0 none; }
#guideGroup h3 {display:none;}
	
#guideGroup .guide { position:relative; width:100%; overflow:hidden; background:#f8f8f8; border-bottom:1px #d6d6d6 solid; top:0; 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 0 0;background:none; }
#guideGroup .guide li.first a { top:9px; }
#guideGroup .guide li.this {color:#666666;}
#guideGroup .page_config {display:none;}


/* 컨텐츠 공통 스타일 */
.tapMenu2 ul { display:flex; flex-wrap:wrap; }
.tapMenu2 ul:after { content:""; display:block; clear:both; }
.tapMenu2 ul li { width:calc((100% / 2) - 10px); margin:0 5px 15px; position:relative; }
.tapMenu2 ul li a { display:block; width:100%; height:40px; min-width:0;  font-size:15px; }



table.cStyle {font-size:12px;}
.tablebox { width:100%; overflow:auto; }
.tablebox table.cStyle { width:100%; min-width:580px; }

}