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


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

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

/*레프트메뉴*/
#left {float:left;width: 280px;margin-right: 40px;}

#left h2{padding: 67px 10px 20px 10px;box-sizing: border-box;font-size: 30px;color: #fff;text-align: center;background: url(../images/sub/h2_bg.png)left -5px bottom no-repeat, linear-gradient(124deg,#7b59c8,#9a7ddc);}
#left h2 span{display: block;text-transform: capitalize;font-size: 14px;color: #e2d7ff;font-weight: 400;margin-top: 15px;}

ul#leftMenu {width:100%;}
ul#leftMenu li {font-size:17px; letter-spacing:-0.5px; margin:8px 0px 0 0px; }
ul#leftMenu li a {display:block; color:#444; line-height:18px; padding: 16px 25px 16px 15px;border:1px #ddd solid;background: #fff;}
ul#leftMenu li a.depth_view{background: url(../images/sub/depth_arrow_off.png)right 10px center no-repeat;}
ul#leftMenu li a:hover {font-weight:bold;}
ul#leftMenu li a.on {font-weight:bold; color:#7b59c8; line-height:18px;border:1px #7b59c8 solid;}
ul#leftMenu li a.on.depth_view{background:#fff url(../images/sub/depth_arrow_on.png)right 10px center no-repeat;}

ul#leftMenu li div {display:none; position:relative; background:#f2f2f2;}
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;margin-top: 0px;}
ul#leftMenu li div ul li a {display:block; color:#666; border:none;padding:0 0 0 28px; line-height:25px; background:url(../images/sub/leftMenu_depth_off.jpg) 15px 10px no-repeat;}
ul#leftMenu li div ul li.on a{color:#7b59c8; font-weight:600 !important; background:url(../images/sub/leftMenu_depth_on.jpg) 15px 10px no-repeat;}
ul#leftMenu li div ul li a:hover{color:#7b59c8; font-weight:600 !important; background:url(../images/sub/leftMenu_depth_on.jpg) 15px 10px no-repeat;}



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


/*가이드박스*/
#guideGroup {position:relative; height:150px;}
#guideGroup h3 {font-size:36px; color:#333333; padding:45px 0 0 0; font-weight:bold; letter-spacing:-1.5px;}
#guideGroup h3 span{position:relative;}
#guideGroup h3 span::after{content: "";display: block;position: absolute;width: 8px;height: 8px;border-radius: 50%;background: #00bff3;right: -10px;top: -5px;}
	
#guideGroup .guide {margin-top: 23px;}
#guideGroup .guide li{float:left;color:#777;line-height:23px; font-size:16px; padding:0 12px 0 15px;background:url(../images/sub/guide_dot.png) left 7px no-repeat; }
#guideGroup .guide li.first {padding:0 23px 0 0;background:url(../images/sub/s_home.png)left top 3px no-repeat;text-indent: -99999px; }
#guideGroup .guide li a {color:#444;}

#guideGroup .page_config {position:absolute; top:75px; right:0px;}
#guideGroup .page_config li{float:left; margin-left:15px; }
#guideGroup .page_config li a{display:block; text-indent:-99999px; width:40px; height:40px; border-radius:50%; box-sizing:border-box; border: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:400px; margin:30px 0 40px 0; }
#content:after { content:""; display:block; clear:both; }



/* 컨텐츠 공통 스타일 */
h4.cStyle {clear:both;font-size:22px;padding: 0 0 0 35px;color:#333;font-weight: bold; background: url(../images/sub/h4_dot.png) 0 3px no-repeat;line-height:30px;margin-bottom:10px;}
h5.cStyle {clear:both;font-size:20px;padding: 0 0 0 42px;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:18px;padding: 0 0 0 50px;color:#333;font-weight: 600; background: url(../images/sub/h6_dot.png) 23px 8px no-repeat;line-height:30px;}

dl.cStyle {clear:both; font-size:12px;}
dl.cStyle dt {font-size: 16px;padding: 0 0 0 50px;margin:5px 0 0 0;color:#333;background: url(../images/sub/dt_dot.png) 35px 7px no-repeat;line-height:20px;}
dl.cStyle dd {font-size: 15px;padding: 0 0 0 55px;margin:5px 0 0 0;color:#666;background: url(../images/sub/dd_dot.png) 40px 9px no-repeat;line-height:20px;}

ul.cStyle {clear:both; font-size:14px;}
ul.cStyle li {font-size:15px; padding:0 0 0 50px; margin:5px 0 0 0; color:#333; background:url(../images/sub/dt_dot.png) 35px 7px no-repeat; line-height:20px; }

table.cStyle {border-top: 2px solid #7b59c8;width:100%;border-left:1px solid #dddddd;font-size:14px;text-align:center;border-collapse:collapse;margin:20px 0 20px 0;box-sizing:border-box;}
table.cStyle th {background: #f5f4ff;color:#333;font-size: 15px;line-height:20px;padding:11px 5px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}
table.cStyle td {color:#444; padding:9px 5px; line-height:20px; 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:17px; color: #333; 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:15px; color:#333; }

p.cStyle2 {width:100%;color: #333; 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; margin-top:10px;}


.tapMenu2 {}
.tapMenu2 ul {display: flex;flex-wrap: wrap;gap: 10px;}
.tapMenu2 ul li {position:relative;width: auto;}
.tapMenu2 ul li a { display:block; width:100%; background:#bdbdbd url(../images/sub/btn_dot.png)left 18px center no-repeat;  color:#fff;text-align:center;font-size:16px; font-weight:bold; border-radius:30px; box-sizing:border-box; padding: 10px 20px 10px 45px;}
.tapMenu2 ul li.on a { color:#fff; background:#00bff3 url(../images/sub/btn_dot.png)left 18px center no-repeat }

.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/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; margin-top: 0;}

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

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


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

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


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

/* 탭메뉴 */
.tapMenu2 ul li a{font-size: 14px;}

}