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


/*서브비주얼*/
#sub_visual { width:100%; height:262px; position:relative;  }

.visual_txt { position:absolute; left:0; top:96px; z-index:1; text-align:left; width:100%; letter-spacing:-1px; display:none;  }
.vitxt_box { display:inline-block; position:relative; margin:0 0px 0 0; opacity:0; }
.vitxt_box.effect { opacity:1; }

.vitxt_box.effect { -webkit-animation: slide-in-elliptic-left-fwd 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-elliptic-left-fwd 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }


.vitxt_box .vtxt { position:relative; z-index:1; }


@-webkit-keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}


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

/*서브타이틀*/
.sub_titlebox { position:absolute; left:50%; transform:translateX(-50%); top:182px; width:1400px; }
.sub_titlebox h2 { float:left; width:100%; font-size:35px; color:#fff; margin-bottom:25px; text-shadow:0px 0px 5px rgba(0,0,0,0.35); }


.sub_titlebox .guide { float:left; }
.sub_titlebox .guide li{float:left; color:#fff;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_print2.png) center center no-repeat; }
.sub_titlebox .page_config li.edit a {background:#fff url(../images/sub/page_admin2.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:0px 0 0 0; }


/*가이드박스*/
#guideGroup {position:relative; padding:49px 0 30px; }
#guideGroup h3 { font-size:26px; color:#222; padding:0px 0 0 0; text-align:center; font-weight:bold; letter-spacing:-1.5px; }
#guideGroup h3:before { content:""; display:block; width:36px; height:5px; margin:0 auto 16px; background: rgb(134,190,231);
background: linear-gradient(125deg, rgba(134,190,231,1) 0%, rgba(249,204,89,1) 100%);}	
	
#guideGroup .guide { display:none; }
#guideGroup .guide li{float:left;color:#999999;line-height:23px; font-size:12px; padding:0 12px 0 12px;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 a {color:#999999;}




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




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


/*서브타이틀*/
.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;}

/*가이드박스*/
#guideGroup {height:auto; padding:0 0 0; margin-top:8px; }
#guideGroup h3 {display:none;}
	
#guideGroup .guide { display:block; position:relative; width:100%; overflow:hidden; background:#fafafa; border-bottom:1px #ddd solid; border-top:1px #ddd dashed;  }
#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;}
.page_config {display:none;}


/* 컨텐츠 공통 스타일 */
.tablebox { width:100%; overflow:auto; }
.tablebox table.cStyle { width:100%; min-width:580px; }

}