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

#header { position:relative; background:rgba(255,255,255,0.8); transition:all 0.4s;}
#header h1 a { background:url(../images/common/logo_on.png) left top no-repeat; }
#header .util .top_site a { background:url(../images/common/site_on.png) center center no-repeat; }
#header .util .top_search a { background:url(../images/common/search_on.png) center center no-repeat; }
#topMenu li.menu_list a.depth_link { color:#333333; }
#header:hover #topMenu li.menu_list a.depth_link { color:#333333; }
#header #topMenu li.menu_list a.menu_on {color:#0099ff; }
#header:hover #topMenu li.menu_list a.menu_on {color:#0099ff; }
	
/*서브비주얼*/
#sub_visual {text-indent:-999999px; width:100%; height:250px; background:url(../images/sub/sub_visual01.jpg) center top no-repeat;}
#sub_visual.s_notice { background:url(../images/sub/sub_visual02.jpg) center top no-repeat; }
#sub_visual.s_volunteer { background:url(../images/sub/sub_visual03.jpg) center top no-repeat; }
#sub_visual.s_support { background:url(../images/sub/sub_visual04.jpg) center top no-repeat; }
#sub_visual.s_community { background:url(../images/sub/sub_visual05.jpg) center top no-repeat; }

/*서브타이틀*/
.sub_titlebox { position:absolute; left:50%; transform:translateX(-50%); top:182px; width:1400px; }
.sub_titlebox h2 { float:left; width:100%; font-size:30px; color:#2b3036; margin-bottom:15px; }


.sub_titlebox .guide { float:left; }
.sub_titlebox .guide li{float:left; color:#555;line-height:28px; font-size:15px; padding:0 20px 0 30px; background:url(../images/sub/guide_dot.png) left 8px no-repeat; }
.sub_titlebox .guide li.first {padding:0 23px 0 0; background:none; margin:4px 0 0 0; }
.sub_titlebox .guide li a { display:block; width:20px; height:20px; text-indent:-99999px; background:url(../images/sub/s_home.png) left top no-repeat; }


.sub_titlebox .page_config { float:left; margin:0 0 0 10px; }
.sub_titlebox .page_config li{float:left; margin-right:10px; }
.sub_titlebox .page_config li a{display:block; width:28px; height:28px; text-indent:-999999px; border-radius:50%; border:1px solid #ddd; box-sizing:border-box; }
.sub_titlebox .page_config li.edit { }
.sub_titlebox .page_config li.print a {background:#fff url(../images/sub/page_print.png) center center no-repeat; }
.sub_titlebox .page_config li.edit a {background:#fff url(../images/sub/page_admin.png) center center no-repeat; }

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

/*레프트메뉴*/
#left { width:100%; margin:0 0 0 0; }

ul#leftMenu {width:100%; display:flex; flex-wrap:wrap; border-radius:12px; background:#fff; position:relative; margin:-40px 0 0 0; box-shadow:0px 8px 20px 0px rgba(0,0,0,0.05); }
ul#leftMenu > li { flex-grow:1; }
ul#leftMenu > li > a {display:block; font-size:18px; color:#333; font-weight:500; border-radius:12px; background:#fff; position:relative; text-align:center; line-height:24px; padding:28px 20px; box-sizing:border-box; transition:all 0.5s; text-decoration:none !important; }
ul#leftMenu > li > a::before { content:""; display:block; width:1px; height:30px; background:#dddddd; position:absolute; right:0; top:50%; transform:translateY(-50%); }
ul#leftMenu > li:last-child > a::before { display:none; }
ul#leftMenu > li > a:hover { background:#f9f9f9; }
ul#leftMenu > li > a.on { background:#0099ff; color:#fff; }
ul#leftMenu > li > a.on::before { display:none; }

ul#leftMenu li div {display:none;position:absolute; left:0;   overflow:hidden; width:100%; text-align:center; box-sizing:border-box; padding:0 50px 0px; }
ul#leftMenu li div.on {display:block;}
ul#leftMenu li div ul { padding:0px 0 0px 0; flex-wrap:wrap; display:flex; justify-content:center;  overflow:hidden; }
ul#leftMenu li div ul::after { content:""; display:block; clear:both; }
ul#leftMenu li div ul li { margin:5px 10px; }
ul#leftMenu li div ul li a { font-size:18px; color:#333; display:block; border-radius:150px; padding:15px 15px; border:1px solid #ddd; min-width:200px;}
ul#leftMenu li div ul li a:hover{ background:#f9f9f9; transition:all 0.5s;}
ul#leftMenu li div ul li.on a{ color:#ff6600; background:#fdf3e1; font-weight:500; border-color:#ff6600; }


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


/*가이드박스*/
#guideGroup {position:relative;  height:74px; border-bottom:1px #dddddd solid;}
#guideGroup h3 { font-size:28px; color:#2b3036; padding:0px 0 0 0; letter-spacing:-1.5px; text-align:center;}
#guideGroup h3 span { display:inline-block; position:relative; vertical-align:top; padding:16px 0 0 0; position:relative; z-index:1; }
#guideGroup h3 span::before { content:""; display:block; width:34px; height:34px; border-radius:50%; position:absolute; left:-20px; top:0; background:#d4eaff; z-index:-1; }



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



/* 컨텐츠 공통 스타일 */
h4.cStyle {clear:both; font-size:24px; padding:0 0 0 38px; color:#333; background:url(../images/sub/h4_dot.png) left 4px no-repeat; line-height:30px; margin-bottom:10px;}
h5.cStyle {clear:both; font-size:22px; padding:0 0 0 48px; color:#4e528c; background:url(../images/sub/h5_dot.png) 20px 11px no-repeat; line-height:30px;}
h6.cStyle {clear:both; font-size:20px; padding:0 0 0 58px; color:#333; font-weight:500; background:url(../images/sub/h6_dot.png) 34px 8px no-repeat; line-height:30px;}

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

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

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

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: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: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/sub/sub_ready.png) center center no-repeat; width:100%; text-indent:-99999px; height:312px;}
.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;}

/*서브타이틀*/
.sub_titlebox { position:static; left:0; transform:none; top:0px; width:100%; box-sizing:border-box;  }
.sub_titlebox::after { content:""; display:block; clear:both; }
.sub_titlebox h2 {display:none; }


.sub_titlebox .guide { float:left; position:relative; width:100%; overflow:hidden; background:#f8f8f8; border-top:1px #d6d6d6 solid; border-bottom:1px #d6d6d6 solid; padding:5px 10px;}
.sub_titlebox .guide li{float:left; color:#555; line-height:28px; font-size:13px; padding: 0 13px 0 13px; background:url(../images/sub/guide_dot_m.png) left 10px no-repeat; }
.sub_titlebox .guide li.first {padding:0 10px;background:none; margin:7px 0 0 0; }
.sub_titlebox .guide li a { display:block; width:15px; height:15px; text-indent:-99999px; background:url(../images/sub/s_home.png) no-repeat left top / cover; }


.sub_titlebox .page_config {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:30px auto;}

/*가이드박스*/
#guideGroup {display:none; }
#guideGroup h3 {display:none;}
	
#guideGroup .page_config {display:none;}


/* 컨텐츠 공통 스타일 */
.cm_no_conts .no_icon { background-size:contain; width:100%; text-indent:-99999px; height:212px;}


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

}