@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);




/* 초기화 */
html, body{}
html {overflow-y:auto}
body {margin:0;padding:0;font-size:12px; font-family:'맑은 고딕', 'Malgun Gothic', serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}

h1, h2, h3, h4, h5, h6, nav { font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', serif;}
p, td { font-family:'맑은 고딕', 'Malgun Gothic', serif;}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

ul, ol, li{margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0; }
button {cursor:pointer; border:0;}

textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000; text-decoration:none;}

* { margin: 0; padding: 0; }
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table{width: 100%;
border-spacing: 0;
border-collapse: collapse;
display:table;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.box5 {
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/inc/js/PIE.htc);
}

.box10 {
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/inc/js/PIE.htc);
}


.box35 {
-moz-border-radius: 35px; /* Firefox */
-webkit-border-radius: 35px; /* Safari and Chrome */
border-radius: 35px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/inc/js/PIE.htc);
}


.box100 {
-moz-border-radius: 100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari and Chrome */
border-radius: 100px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/inc/js/PIE.htc);
}


.box50p {
-moz-border-radius: 50%; /* Firefox */
-webkit-border-radius: 50%; /* Safari and Chrome */
border-radius: 50%; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/inc/js/PIE.htc);
}


.cb{clear:both;}
.pl30{padding-left:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pt150{padding-top:150px;}
.con_wrap_1000{width:100%; max-width:1000px; margin:0 auto; padding-bottom:50px;}
.w1000{width:100%; max-width:1000px; margin:0 auto; }
.inline > ul > li{display:inline-block; *display:inline; zoom:1;}

.fc_fff{color:#fff;}
.fc_000{color:#000;}
.fc_6a1400{color:#6a1400;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
.sound_only{display:none;}

/* 페이징 */
.paging{margin:30px auto; text-align:center; overflow:hidden;}
.paging > ul{display:table; margin:0 auto;}
.paging > ul > li{display:table-cell;}
.paging > ul > li:first-child a{border-left:1px solid #e1e1e1;}
.paging > ul > li > a{display:block; padding:7px 15px; border:1px solid #e1e1e1; color:#777; background:#f4f4f4; border-left:0;}
.paging > ul > li > a:hover{background:#fbaa33; color:#fff; font-weight:bold}
.paging > ul > li.on > a{background:#fbaa33; color:#fff; font-weight:bold}

/* 검색 */
.sch_box{text-align:center;}
.sch_box *{margin-left:-2px;}
.sch_box select {border: 1px solid #ccc;height: 32px;}
.sch_box input{border: 1px solid #ccc;background: #fff;vertical-align: middle;height:30px; width:300px;}
.sch_box button{background:#2b5cac; color:#fff; border:0; width:50px; height:32px}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('/img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('/img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}
#captcha_audio{display:none;}






.go_link_btn{position:absolute; right:15px; top:10px}
.go_link_btn{-webkit-animation:loading 1.1s ease infinite;animation:loading 1.1s ease infinite;}

@keyframes loading{0%{
transform:translate(0) scale(1,1);}
50%{transform:translate(10px) scale(1,1);}
100%{transform:translate(0) scale(1,1);}
}
@-webkit-keyframes loading{0%{-webkit-transform:translate(0) scale(1,1);}
50%{-webkit-transform:translate(50%) scale(1,1);}
100%{-webkit-transform:translate(50%) scale(1,1);}
}











/******************** 공통 스타일 ********************/

.hide{display:none;}

/* 글자 정렬 */
.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}

/* 콘텐츠 영역 사이즈 */
.section{width:100%; max-width:1000px; margin:0 auto; position:relative; border:0px solid #000;}

/*페이지 여백*/
.page_wrap{margin:50px 0;}

/* 인라인 블럭 요소 */
.inline-block > ul > li{display:inline-block; *display:inline; zoom:1; vertical-align:top;}

/* 테이블 블럭 요소 */
.table-li > ul{display:table; width:100%;}
.table-li > ul > li{display:table-cell;}

.table-dl > dl{display:table; width:100%;}
.table-dl > dl > dt{display:table-cell; vertical-align:middle;}
.table-dl > dl > dd{display:table-cell; vertical-align:middle;}

/*테두리*/
.bd1e{border:1px solid #e1e1e1;}

/* 가로좌측정렬 li */
.float-left-li > ul{overflow:hidden;}
.float-left-li > ul > li{float:left}
.float-left-li > ul:after{clear:both;}

/* 가로우측정렬 li */
.float-right-li > ul{overflow:hidden;}
.float-right-li > ul > li{float:right}
.float-right-li > ul:after{clear:both;}

/*가로좌측정렬*/
.float-left{float:left;}
.float-left:after{clear:both;}

/*가로우측정렬*/
.float-right{float:right;}
.float-right:after{clear:both;}

/* 최근게시물 링크 마우스 오버시 */
.last_bbs li a:hover{text-decoration:underline; color:#111}


/*짧은 설명문*/
.note{border:1px solid #e1e1e1; background:#f5f5f5; padding:5px; margin:10px 0; color:#777}

/* 설명문 */
.to{font-style:normal; font-size:11px; color:#777}

/* 테이블 테두리 */
.table-bd{}
.table-bd > dl:first-child{border-top:0px solid #e1e1e1;}
.table-bd > dl > dt, .table-bd > dl > dd{border-top:1px solid #e1e1e1;padding:5px;}
.table-bd > dl > dt{border-right:0; width:20%; text-align:center;}

/*기본 테이블 dl*/
.table-basic-dl > dl {display:table; width:100%;}
.table-basic-dl > dl > dt, .table-basic-dl > dl > dd{display:table-cell;}
.table-basic-dl > dl > dt{text-align:center;}

/*기본 테이블 ul*/
.table-basic-ul > ul {display:table; width:100%;}
.table-basic-ul > ul > li{display:table-cell;}

/*테이블 테두리*/
.table-bd-dl{border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.table-bd-dl > dl > dt, .table-bd-dl > dl > dd{border:1px solid #e1e1e1; border-left:0; border-bottom:0;}

/*테이블 테두리*/
.table-bd-ul{border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.table-bd-ul > ul > li{border:1px solid #e1e1e1; border-left:0; border-bottom:0;}

/*포인트 상단 테두리*/
.point-bd{border-top:3px solid #fbaa33;}

/*링크박스*/
.table-link{padding:5px 10px; border-bottom:1px solid #e1e1e1; background:#f5f5f5;}

/* Horizontal Bar Graph */
.hGraph ul{ margin:0 50px 0 50px; padding:1px 0 0 0; border:1px solid #ddd; border-top:0; border-right:0; font-size:11px; font-family:Tahoma, Geneva, sans-serif; list-style:none;}
.hGraph li{ position:relative; margin:10px 0; white-space:nowrap; vertical-align:top;}
.hGraph .gTerm{ position:absolute; width:40px; top:0; left:-50px; line-height:20px; text-align:right; color:#767676; font-weight:bold;}
.hGraph .gBar{ position:relative; display:inline-block; height:20px; border:1px solid #ccc; border-left:0; background:#e9e9e9;}
.hGraph .gBar span{ position:absolute; width:40px; line-height:20px; top:0; right:-50px; color:#767676;}


/* 폼 set */
.form_set input{border:1px solid #ccc; height:25px;}
.form_set select{border:1px solid #ccc; height:27px;}
.form_set i.required{font-style:normal; color:#777}
.form_note{font-size:11px; color:#777}

.form_set textarea {border: 1px solid #ccc; width:99%; height:250px;}


/* 주소 입력 폼 */
.add_box{}
.add_box button.add_post{border:0; background:#333; color:#fff; padding:4px 10px;}
.add_box > ul > li{margin-top:3px;}
.add_box > ul > li:first-child{margin-top:0;}

.mb_section{margin: 30px 0; border: 1px solid #ccc; border-top: 3px solid #fbaa33;}
.mb_section > h2{padding:20px;}



/* 기본 버튼*/
.btn_set button.btn_basic{padding:2px 5px; background:#f5f5f5; border:1px solid #e1e1e1; margin:2px; color:#555}
.btn_set button.btn_basic:hover{background:#fff; color:#333;}

.btn_set button.btn_point{padding:2px 5px; background:#fbaa33; border:1px solid #fbaa33; margin:2px; color:#fff}
.btn_set button.btn_point:hover{background:#ff6e45; color:#fff;}

/* 버튼 애니메이션 set */
.btn-ani-set button{border:0; padding:10px 20px; position:relative; }
.btn-ani-set > button{transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.btn-ani-set > button:before{display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.btn-ani-set > button:hover{background: transparent; }
.btn-ani-set > button:hover:before{top: 0%; bottom: auto; height: 100%;}

/* 버튼 스타일 1 */
button.thar2 {color: #fff; background:#fc7120;}
button.thar2:before {color: #fff !important; background: #555; }
button.thar2:hover {color: #fff !important;}

/* 버튼 애니메이션 */
.animate, .btn, .btn-fill-vert:before, .btn-fill-vert:after{-webkit-transition: all 0.3s;  transition: all 0.3s;}
.btn {display: inline-block; line-height: 35px; padding: 0 15px; font-size: 15px; position: relative; opacity: .999; border-radius: 3px;}
.btn-fill-vert:before, .btn-fill-vert:after {content: ''; width: 100%; height: 0; opacity: 0; position: absolute; left: 0; z-index: -1;}
.btn-fill-vert:before {top: 0%;}
.btn-fill-vert:hover {color: #fff;}
.btn-fill-vert:hover:before{height: 100%;opacity: 1;}

.btn-orange {background: #fbaa33; border:0px solid #e5e5e5; color: #fff !important; overflow: hidden; }
.btn-red {background: #e05353; border:0px solid #d22626; color: #fff !important; overflow: hidden; }
.btn-gray{background: #999; border:0px solid #999; color: #fff; overflow: hidden; }

.btn-fill-vert.btn-orange:before{background-color: #e67e22;}
.btn-fill-vert.btn-orange:hover {border-color: #e67e22;}

.btn-fill-vert.btn-gray:before{background-color: #ccc;}
.btn-fill-vert.btn-gray:hover {border-color: #ccc;}

/*버튼 기본*/
.btn_set button{border:0; vertical-align:middle;}

/* 게시판 검색폼 */
.bbs_search_box{margin:5px 0; border:1px solid #e1e1e1; background:#fcfcfc; padding:10px; overflow:hidden;}
.bbs_search_box > ul{text-align:right;}
.bbs_search_box > ul > li{border:0px solid #ccc; padding:5px 0; }
.bbs_search_box > ul > li .fa-calendar{background:#999; color:#fff; padding: 7px 7px 8px;}
.bbs_search_box .search_btn{background:#fbaa33; color:#fff; height:27px; line-height:27px; width:60px;}

/* 게시판 검색폼 */
.bbs_search_wrap{border:1px solid #e1e1e1;background:#fcfcfc;padding:10px;overflow:hidden;}
.search_box_left{float:left}
.search_box_right{float:right}

.search_box2 > ul{}
.search_box2 > ul > li{border:0px solid #ccc; padding:5px 0; }
.search_box2 > ul > li .fa-calendar{background:#999; color:#fff; padding: 7px 7px 8px;}
.search_box2 .search_btn{background:#777; color:#fff; height:27px; line-height:27px; width:60px;}

.search_box_link > ul{margin-top:5px;}
.search_box_link > ul > li{border:1px solid #ccc;}
.search_box_link > ul > li > a{display:block; padding:5px 10px; color:#777}
.search_box_link > ul > li.on{background:#777; border:1px solid #777;}
.search_box_link > ul > li.on a{color:#fff;}
.search_box_link > ul > li:hover{background:#777; border:1px solid #777;}
.search_box_link > ul > li:hover a{color:#fff;}

/* 엑셀다운로드 */
.search_box2 .excel_btn {display:block; background: #fff; border:1px solid #ccc; padding:5px 10px 6px;}
.search_box2 .excel_btn:hover{border:1px solid #777; background:#ccc;}

/* 게시판 리스트 */
.bbs-div-list .bbs_list_head{border-top:3px solid #fbaa33;}
.bbs-div-list .bbs_list_head > li{background:#fff9f2;}
.bbs-div-list > ul > li{display:table; width:100%;}
.bbs-div-list > ul > li > div{display:table-cell; border-bottom:1px solid #ddd; padding:15px 5px; color:#555; vertical-align:middle;}
.bbs-div-list > ul > li > div.subject{font-size:13px;}
div.subject span img{width:25px;}
.bbs-div-list .bbs_list_content > li:nth-child(2n){background:#fcfcfc;}
.bbs-div-list .bbs_list_content > li > div.subject a:hover{text-decoration:underline;}

/*버튼 스타일*/
.bbs_list_content .etc a.btn-style1{border: 1px solid #ccc; color: #999;}
.bbs_list_content .etc a.btn-style1:hover{background:#999; color:#fff;}
.bbs_list_content .etc a.btn-style2{border: 1px solid #ccc; color: #999;}
.bbs_list_content .etc a.btn-style2:hover{background:#999; color:#fff;}
.bbs_list_content .etc a.btn-style3{border: 1px solid #76bf5e; color: #3f9a21;}
.bbs_list_content .etc a.btn-style3:hover{background:#76bf5e; color:#fff;}

.bbs_list_content .etc a.btn-style4{border: 1px solid #f58220; color: #f45921;}
.bbs_list_content .etc a.btn-style4:hover{background:#fbaa33; color:#fff;}

.bbs_list_content .etc span.btn-style5{display:inline-block; border: 1px solid #777; color: #f5f5f5; padding:5px 10px; background:#999;}


/* 가로사이즈 */
.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w25{width:25px;}
.w30{width:30px;}
.w35{width:35px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w55{width:55px;}
.w60{width:60px;}
.w65{width:65px;}
.w70{width:70px;}
.w75{width:75px;}
.w80{width:80px;}
.w85{width:85px;}
.w90{width:90px;}
.w95{width:95px;}
.w100{width:100px;}

/* 가로사이즈 퍼센트 */
.w1p{width:1%;}
.w2p{width:2%;}
.w3p{width:3%;}
.w4p{width:4%;}
.w5p{width:5%;}
.w6p{width:6%;}
.w7p{width:7%;}
.w8p{width:8%;}
.w9p{width:9%;}
.w10p{width:10%;}
.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w50p{width:50%;}
.w55p{width:55%;}
.w60p{width:60%;}
.w65p{width:65%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w85p{width:85%;}
.w90p{width:90%;}
.w95p{width:95%;}
.w100p{width:100%;}


/* 세로사이즈 */
.h10{height:10px;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h45{height:45px;}
.h50{height:50px;}
.h55{height:55px;}
.h60{height:60px;}
.h65{height:65px;}
.h70{height:70px;}
.h75{height:75px;}
.h80{height:80px;}
.h85{height:85px;}
.h90{height:90px;}
.h95{height:95px;}
.h100{height:100px;}

/* 세로사이즈 퍼센트 */
.h1p{height:1%;}
.h2p{height:2%;}
.h3p{height:3%;}
.h4p{height:4%;}
.h5p{height:5%;}
.h6p{height:6%;}
.h7p{height:7%;}
.h8p{height:8%;}
.h9p{height:9%;}
.h10p{height:10%;}
.h15p{height:15%;}
.h20p{height:20%;}
.h25p{height:25%;}
.h30p{height:30%;}
.h35p{height:35%;}
.h40p{height:40%;}
.h45p{height:45%;}
.h50p{height:50%;}
.h55p{height:55%;}
.h60p{height:60%;}
.h65p{height:65%;}
.h70p{height:70%;}
.h75p{height:75%;}
.h80p{height:80%;}
.h85p{height:85%;}
.h90p{height:90%;}
.h95p{height:95%;}
.h100p{height:100%;}

/* 바깥 여백 */
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m90{margin:90px;}
.m100{margin:100px;}

/* 바깥 상하 여백*/
.mtb10{margin:10px 0;}
.mtb20{margin:20px 0;}
.mtb30{margin:30px 0;}
.mtb40{margin:40px 0;}
.mtb50{margin:50px 0;}
.mtb60{margin:60px 0;}
.mtb70{margin:70px 0;}
.mtb80{margin:80px 0;}
.mtb90{margin:90px 0;}
.mtb100{margin:100px 0;}

/* 바깥 좌우 여백*/
.mlr10{margin:0 10px;}
.mlr20{margin:0 20px;}
.mlr30{margin:0 30px;}
.mlr40{margin:0 40px;}
.mlr50{margin:0 50px;}
.mlr60{margin:0 60px;}
.mlr70{margin:0 70px;}
.mlr80{margin:0 80px;}
.mlr90{margin:0 90px;}
.mlr100{margin:0 100px;}

/* 안쪽 여백 */
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p70{padding:70px;}
.p80{padding:80px;}
.p90{padding:90px;}
.p90{padding:90px;}
.p100{padding:100px;}

/* 안쪽 상하 여백*/
.ptb10{padding:10px 0;}
.ptb20{padding:20px 0;}
.ptb30{padding:30px 0;}
.ptb40{padding:40px 0;}
.ptb50{padding:50px 0;}
.ptb60{padding:60px 0;}
.ptb70{padding:70px 0;}
.ptb80{padding:80px 0;}
.ptb90{padding:90px 0;}
.ptb100{padding:100px 0;}

/* 안쪽 좌우 여백*/
.plr10{padding:0 10px;}
.plr20{padding:0 20px;}
.plr30{padding:0 30px;}
.plr40{padding:0 40px;}
.plr50{padding:0 50px;}
.plr60{padding:0 60px;}
.plr70{padding:0 70px;}
.plr80{padding:0 80px;}
.plr90{padding:0 90px;}
.plr100{padding:0 100px;}

/* 바깥 좌측 여백 */
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}

/* 바깥 우측 여백 */
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

/* 바깥 상단 여백 */
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}
.mt160{margin-top:160px;}
.mt170{margin-top:170px;}
.mt180{margin-top:180px;}
.mt190{margin-top:190px;}
.mt200{margin-top:200px;}
.mt210{margin-top:210px;}
.mt220{margin-top:220px;}
.mt230{margin-top:230px;}
.mt240{margin-top:240px;}
.mt250{margin-top:250px;}
.mt260{margin-top:260px;}
.mt270{margin-top:270px;}
.mt280{margin-top:280px;}
.mt290{margin-top:290px;}
.mt300{margin-top:300px;}

/* 바깥 하단 여백 */
.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

/* 안쪽 좌측 여백 */
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}

/* 안쪽 우측 여백 */
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}

/* 안쪽 상단 여백 */
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}

/* 안쪽 하단 여백 */
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}

/* 섹션 구분 - 타이틀 */
.section_box{overflow:hidden; margin-top:10px;}
.section_box > h2{color:#445564; font-size:20px; letter-spacing:-1px; font-weight:400}
.section_box > h2:before{content:url('/img/txt_bullet.png');  margin-right:5px;}
.section_box p{font-size:13px; color:#555; font-weight:300; /*line-height:160%;*/}
.section_box > h3{text-align:center; font-weight:normal;}

.small-txt{padding:10px; background:#f5f5f5; border:1px solid #e1e1e1; margin-top:5px; color:#555; line-height:180%; font-family:"dotum"}
.small-txt p{}
.small-txt div{padding:10px 0 0;}


/*섹션 탭*/
.section_tab > ul > li{float:left; border:1px solid #e1e1e1; border-left:0; border-bottom:0;}
.section_tab > ul > li:first-child{border-left:1px solid #e1e1e1;}
.section_tab > ul > li > a{display:block; padding:10px 15px; border-top:3px solid transparent; color:#555; overflow:hidden;}
.section_tab > ul > li.on{background:#fbaa33;}
.section_tab > ul > li.on > a{color:#fff;}
.section_tab > ul > li:hover{background:#fbaa33;}
.section_tab > ul > li:hover > a{color:#fff;}

/* 상태 */
.state_ing{display:block; color:#fbaa33; font-weight:bold}
.state_end{display:block; color:#999}



/*그라디언트 마우스오버 라인*/
.ani-bd:hover:before{transform:translate(100%,0); }
.ani-bd:before {content: ""; height: 4px; position: absolute; top: 0; z-index: 999; width: 100%; left: -100%; transform:translate(0,0);

background: -webkit-linear-gradient(to right, #fff400, #f45921); 
background: -o-linear-gradient(to right, #fff400, #f45921);
background: -moz-linear-gradient(to right, #fff400, #f45921); 
background: linear-gradient(to right, #fff400, #f45921); 

transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
}

.ani-bd:hover:after{transform:translate(0%,0); }
.ani-bd:after {content: ""; height: 4px; position: absolute; bottom: 0; z-index: 999; width: 100%; right:0; transform:translate(100%,0);

background: -webkit-linear-gradient(to left, #fff400, #f45921); 
background: -o-linear-gradient(to left, #fff400, #f45921);
background: -moz-linear-gradient(to left, #fff400, #f45921); 
background: linear-gradient(to left, #fff400, #f45921); 

transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
}

/*그림자 마우스오버 라인*/
.shadow-hover a:hover img {
-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
filter: drop-shadow(2px 2px 2px rgba(0,0,0,.5));
transition: 0.2s all ease;
-webkit-transition: 0.2s all ease;
-moz-transition: 0.2s all ease;
-ms-transition: 0.2s all ease;
-o-transition: 0.2s all ease;
}


.ready-box{border:1px solid #e1e1e1; padding:50px; text-align:center; background:#f5f5f5; position:relative; }
.ready-box > h2{ font-size:40px; letter-spacing:-5px; font-family:''; color:#333; font-weight:100}
.ready-box > h2 b{font-weight:600}
.ready-box > p{padding:10px; font-size:14px; color:#777; font-weight:100; letter-spacing:-1px;}
.ready-box > i{display:block; font-style:normal; font-size:100px; border:20px solid #e1e1e1; padding:20px; border-radius:50%; width:100px; height:100px; line-height:100px; margin:0 auto 20px;}


.gradient{
background: #35c4e8; /* Old browsers */
background: -moz-linear-gradient(left, #35c4e8 0%, #b8d650 50%, #fbaa33 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #35c4e8 0%,#b8d650 50%,#fbaa33 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #35c4e8 0%,#b8d650 50%,#fbaa33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35c4e8', endColorstr='#fbaa33',GradientType=1 ); /* IE6-9 */
}


.inline-li-mr10p > ul > li{margin-right:10px;}







/******************** 개별 스타일 ********************/

.guest_login{border:1px solid #e1e1e1; overflow:hidden; margin:20px 0;}
.guest_login> h2{padding:10px; font-size:14px; letter-spacing:-1px; background:#fffedc; border-bottom:1px solid #e1e1e1;}
.guest_login> p{padding:5px 10px; color:#777}

.guest_login > div{float:left; border-top:1px solid #e1e1e1; width:25%;  padding:10px 0px;}
.guest_login > div > dl{display:table; width:100%;}
.guest_login > div > dl > dt, .guest_login > div > dl > dd{display:table-cell;}
.guest_login > div > dl > dt{width:25%; text-align:center;}
.guest_login > div > dl > dd {background:#;}
.guest_login > div > dl > dd input{border:1px solid #ccc; height:25px; width:100%;}
.guest_login > div button{background:#318daf; border:1px solid #1b576d; color:#fff; padding:3px 10px 4px; margin-left:5px;}


.erf_wrap dt{text-align:center;}


.gnb_bg_box{background: rgba(10, 30, 50, 0.70); height:70px; position:absolute; width:100%; z-index:999}
.gnb_bg_box > div > h1{float:left; margin-top:20px; display:none;}
.gnb_bg_box > div > nav{margin-top:15px;}


.main_box{overflow:hidden;}
.main_box > div{float:left; margin:20px 0 15px 15px;}
.main_box > div:first-child{margin-left:0;}
.main_box > div > div{margin-bottom:15px;}


.bbs-box{padding:15px; border:1px solid #e1e1e1; background:#f5f5f5; width:292px; min-height:223px}
.bbs-box > h2{font-size:20px; font-weight:300; padding-bottom:5px; border-bottom:1px solid #e1e1e1;}
.bbs-box > ul{margin-top:12px;}
.bbs-box > ul > li{margin:9px 0 8px;}
.bbs-box > ul > li:first-child a{font-weight:bold; font-size:13px;}
.bbs-box > ul > li > span{float:right;}
.bbs-box > ul > li > a:hover{text-decoration:underline;}
.bbs-box > a{float:right; display:inline-block; background:#555; color:#fff; padding:5px 10px;}
.bbs-box > a:hover{background:#999;}

.bbs-gallery{position:relative; text-align:center;}
.gallery-thum{position:absolute; bottom:25px; width:100%;}




.bdt-point{border-top: 3px solid #fbaa33;}


.logo{}

.tnb{text-align:right;}
.tnb > ul > li {margin-left:10px;}
.tnb > ul > li:before{content:"|"; margin-right:15px; color:#ccc; font-size:9px;}
.tnb > ul > li:first-child:before{content:""}
.tnb > ul > li a{display:inline-block; color:#777; padding:12px 0;}
.tnb > ul > li a:hover{color:#222}
.tnb > ul > li > input{margin:7px 0; border:1px solid #ccc; border-right:0; background:#fff; height:25px; width:100px;}
.tnb > ul > li > button{border:0; background:#3f4f5e; color:#fff; padding:6px 10px;}


nav{}
nav > ul > li{position:relative; margin-left:100px;}
nav > ul > li:first-child{margin-left:0;}
nav > ul > li > a{display:block; font-size:16px; color:#fff !important; padding:10px 15px; font-weight:400}

nav > ul > li > a:before {content: " "; position: absolute; top:0; right: 0; left: 0; height:3px; width:0%;
-webkit-transition: width 0.25s ease-in;
-o-transition: width 0.25s ease-in;
-moz-transition: width 0.25s ease-in;
-ms-transition: width 0.25s ease-in;
transition: width 0.25s ease-in;

background: #35c4e8; /* Old browsers */
background: -moz-linear-gradient(left, #35c4e8 0%, #b8d650 50%, #fbaa33 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #35c4e8 0%,#b8d650 50%,#fbaa33 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #35c4e8 0%,#b8d650 50%,#fbaa33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35c4e8', endColorstr='#fbaa33',GradientType=1 ); /* IE6-9 */
}
nav > ul > li > a.on:before{content: " "; left: 0; top:0; width:100%;}



nav > ul > li > ul{position:absolute; z-index:9999; display:none; width:100%; background:#1b2c3d; border: 1px solid #0f1b27;}
nav > ul > li > ul > li{margin:5px 0;}
nav > ul > li > ul > li > a{display:inline-block; color:#fff !important; padding:5px 15px; font-size:14px; font-weight:300; letter-spacing:-0.5px;}
nav > ul > li > ul > li > a:hover{text-decoration:none; background:#444; color:#fff8af;
border-radius:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-transition: color 0.3s, background 0.3s;
-o-transition: color 0.3s, background 0.3s;
transition: color 0.3s, background 0.3s;
}


/*서브메뉴*/
.snb_wrap{position:absolute; width:100%; height:201px; background: rgba(245, 130, 30, 0.9); display:none; z-index:99999999}
.snb_wrap .sub_box{width:1000px; margin:0 auto; text-align:center;}
.snb{}
.snb > ul{display:inline-block; *display:inline; zoom:1;  width:170px; padding:10px 0; vertical-align:top; }
.snb > ul:first-child > li{border-left:0;}
.snb > ul > li{border-left:1px solid #ffad60; vertical-align:top;}
.snb > ul > li a{display:inline-block; color:#fff; padding:5px 15px; font-size:14px; font-weight:300; letter-spacing:-0.5px;}
.snb > ul > li a:hover{text-decoration:none; background:#444; color:#fff8af;
border-radius:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-transition: color 0.3s, background 0.3s;
-o-transition: color 0.3s, background 0.3s;
transition: color 0.3s, background 0.3s;
}

/* 메인 퀵 메뉴 */
.main_quick_box{position:absolute; bottom:0; left:0; z-index:999; width:100%;}
.main_quick_box > ul{overflow:hidden; width:1000px; margin:0 auto;}
.main_quick_box > ul > li{float:left;}


/* 메인이미지 */
.main_image1{background:url('/img/mv001.jpg'); background-position:center; height:650px; border-bottom:1px solid #ccc;}
.main_image1 .main_image_txt{padding-top: 13%; width:1000px; margin:0 auto;}

/* 메인이미지 */
.main_image2{background:url('/img/slide_bg02.jpg'); background-position:center; height:428px; border-bottom:1px solid #ccc;}
.main_image2 .main_image_txt{padding-top: 150px; width:1000px; margin:0 auto;}


/*메인이미지 롤링 버튼*/
.cycle-slide-btn{}
.cycle-slide-btn a{font-size:70px; font-weight:100; position:absolute; top:40%; z-index:999; color: rgba(255, 255, 255, 0.5); transition:0.5s}
.cycle-slide-btn a:hover{color: rgba(255, 255, 255, 1);}
.cycle-slide-btn a#prev{left:5%}
.cycle-slide-btn a#next{right:5%}



/* 서브 이미지 */
.sub_image{background:url('/img/slide_bg01.jpg'); background-position:center; height:230px; border-bottom:3px solid #fbaa33;}
.sub_image1{max-width:1000px; margin:0 auto;}
.sub_image1 .sub_image_txt{padding-top:125px;}
.sub_image1 .sub_image_txt > h3{color:#fff; font-size:20px; font-family:"Nanum Gothic"; font-weight:400}
.sub_image1 .sub_image_txt > h2{font-size:36px; letter-spacing:-2px; color:#233240;}


/*네비게이터*/
.sub_navi > ul{max-width:1000px; margin:0 auto; text-align:right;}
.sub_navi > ul > li > a{display:inline-block; font-size:13px; color:#777; padding:10px 0; font-weight:300}
.sub_navi > ul > li:first-child:before{content:"";}
.sub_navi > ul > li:before{content:"\f105"; color:#777; padding:0 5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sub_navi > ul > li:last-child > a{font-weight:bold;}



.section_top{margin:20px 0;}
.section_top01{background:#fe8b14;}
.section_top02{background:#e52112;}
.section_top03{background:#e0a006;}
.section_top04{background:#6d6e71;}
.section_top > ul > li{width:25%; position:relative; overflow:hidden;}
.section_top > ul > li a{display:block; overflow:hidden; padding:30px 15px;}
.section_top > ul > li a div{float:left;}
.section_top > ul > li a div:last-child{float:right; margin-top:10px;}
.section_top > ul > li h2{font-weight:400; color:#fff; font-size:18px}
.section_top > ul > li p{font-weight:100; color:#fff;}

.section_middle{margin:10px 0; overflow:hidden;}
.section_middle > div{margin-left:11px; width:284px; height:156px;}
.section_middle > div:first-child{margin-left:0;}

.last_bbs > span{float:right; border-bottom:1px solid #999;}
.last_bbs > ul > li{}
.last_bbs > ul > li > span{float:right; color:#999; padding:3px 0;}
.last_bbs > ul > li > a{color:#555; padding:3px 0; display:block; width:200px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}

.article-box{padding:20px;}
.article-box > h2{font-weight:400; margin-bottom:15px;}

.icon_box{}
.icon_box > ul{margin-top:25px;}
.icon_box > ul > li:first-child{margin-right:50px; padding-right:50px; border-right:1px solid #e1e1e1;}
.icon_box > ul > li > a{display:block;}
.icon_box > ul > li > a > p{font-size:14px; color:#555; margin-top:10px;}

.icon_box_quick{}
.icon_box_quick > ul{margin-top:25px;}
.icon_box_quick > ul > li:first-child{margin-right:50px; padding-right:50px; border-right:1px solid #e1e1e1;}
.icon_box_quick > ul > li > a{display:block;}
.icon_box_quick > ul > li > a > p{font-size:14px; color:#555; margin-top:10px;}

.main_banner {width: 306px !important;}
.main_banner > ul > li{padding:10px; width:100%; margin-bottom:5px; position:relative; overflow:hidden;}
.main_banner > ul > li:last-child{margin-bottom:0;}
.main_banner > ul > li > a{display:table; width:100%; color:#fff; font-size:14px;}
.main_banner > ul > li > a > div{width:70px;text-align:center;}
.main_banner > ul > li > a > p{padding-left:30px;}
.main_banner > ul > li > a > i{width:30px;}
.main_banner > ul > li > a > div, .main_banner > ul > li > a > p, .main_banner > ul > li > a > i{display:table-cell; vertical-align:middle;}

.main_banner > ul > li.banner01{background:#27a758;}
.main_banner > ul > li.banner02{background:#868689;}
.main_banner > ul > li.banner03{background:#fe8b14;}



/* footer */
#footer{background:#f5f5f5; border-top:1px solid #ccc; margin-top:30px; clear:both;}
.ft_box{overflow:hidden;}
.ft_box > div{float:left;padding:30px; padding-left:0; padding-right:60px;}

.f_logo{margin-top:30px;}

.ft_txt{margin-top:20px;}
.ft_txt > h2{font-size:13px; color:#555;}
.ft_txt > p{font-weight:300; color:#777}

.ft_link{border-bottom:1px solid #e1e1e1; padding-bottom:10px;}
.ft_link > ul > li a{display:block; padding-right:20px; font-size:13px; color:#555;}



























/* 센터소개 - 인사말 */
.greeting_wrap > h2 {display:inline-block; color:#fbaa33; border-top:1px solid #fbaa33; border-bottom:1px solid #fbaa33; padding:5px 10px; font-size:25px; font-weight:300; letter-spacing:-1px;}
.greeting_wrap > h3{font-size:25px; color:#333; font-weight:300}
.greeting{margin-top:50px;}
.greeting p{font-size:14px; color:#555; padding:20px 0;}
.profile {margin:70px 0;}
.profile > h2{background:#f58220; color:#fff; font-weight:300; display:inline-block; padding:7px 20px; width:250px;}
.profile > ul{border-bottom:1px solid #ccc; margin-top:15px; padding-bottom:10px;}
.profile > ul > li{font-size:16px; color:#555; font-weight:300; margin-right:50px;}
.profile > ul > li:before{content:""; width:4px; height:4px; border-radius:50%; background:#777; display:inline-block; vertical-align:middle; margin:0 10px 3px;}

/* 기술개발 탭 버튼*/
.pro_tab_wrap > ul:first-child > li{border-top:1px solid #e1e1e1;}
.pro_tab_wrap > ul > li{width:25%; border:1px solid #e1e1e1; border-left:0; border-top:0;}
.pro_tab_wrap > ul > li:first-child{border-left:1px solid #e1e1e1;}
.pro_tab_wrap > ul > li > a{display:block; padding:15px 10px; border-top:3px solid transparent; color:#555; overflow:hidden;}
.pro_tab_wrap > ul > li:hover > a{border-top:3px solid #fbaa33; color:#fbaa33}
.pro_tab_wrap > ul > li.on > a {border-top:3px solid #fbaa33; font-weight:bold; color:#fbaa33}

/*주요사업>기술개발_MOU추진실적*/
.mou_table{ line-height:160%;}
.mou_table > dl > dt, .mou_table > dl > dd{border:1px solid #e1e1e1; padding:15px; border-top:0;  font-weight:300}
.mou_table > dl > dt{width:30px; text-align:center; border-right:0; vertical-align:middle; background:#fcfcfc;}
.mou_table > dl:first-child > dt, .mou_table > dl:first-child > dd{border-top:3px solid #fbaa33; font-weight:500; background:#fff9f2;}
.mou_table > dl > dd ul li{font-size:14px;}
.mou_table > dl > dd > ul.mouList1 >  li{margin-bottom:10px;}
.mou_table > dl > dd ul.mouList1 li {background:url('/img/listStyle1.gif') no-repeat left 11px; padding-left:6px;}
.mou_table > dl > dd ul.mouList2 li {background:url('/img/listStyle2.gif') no-repeat left 11px; padding-left:8px; font-size:13px; color:#777;}




/* 장비/시설지원 */
.eq_box > h2{background:#fbaa33; color:#fff; font-size:20px; border-radius:30px; padding:10px 200px; display:inline-block; font-weight:400; margin-bottom:20px;}
.eq_box > h3{padding:10px 200px; display:inline-block; border:1px solid #ccc; font-size:20px; color:#555; font-weight:400; background:#fcfcfc;}

.list-box{}
.list-box > ul > li{padding:7px; border:1px solid #ccc; width:28%; margin:0 15px; height:235px;}
.list-box > ul > li > h3{background:#555; color:#fff; padding:5px 10px; font-weight:400}
.list-box > ul > li > div{text-align:left; padding:5px;}
.list-box > ul > li > div > h4{color:#fbaa33; font-size:15px; font-weight:500}
.list-box > ul > li > div > p{margin-bottom:5px; letter-spacing:-0.5px; margin-left:10px;}
.list-box > ul > li > div > p:before{content:"\f0da"; margin-left:5px; padding-right:5px; margin-left:-7px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/*기술사업화지원*/
.txt_box{padding:10px;}
.txt_box p b{color:#fbaa33;}
.txt_box > p{margin-bottom:5px; letter-spacing:-0.5px; margin-left:10px;}
.txt_box > p:before{content:"\f0da"; margin-left:5px; padding-right:5px; margin-left:-7px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 인력양성추진 */
.manpower_table .table-hd{border-top: 3px solid #fbaa33;font-weight: 500;background: #fff9f2;}
.manpower_table .table-hd > li{padding:10px;width:30%;text-align:center; border-bottom:1px solid #e1e1e1;}
.manpower_table .table-content > li{padding:5px; width:30%; text-align:center; border-bottom:1px solid #e1e1e1; font-size:13px; color:#555; vertical-align:middle;}
.manpower_table .table-content > li:first-child{font-weight:bold}

/*회원 이용약관*/
.agree_section{margin:30px 0; border:1px solid #ccc; border-top:3px solid #fbaa33;}
.agree_section> h2{padding:20px;}
.agree_section .txtarea_box{height:200px; overflow-y:auto; padding:20px 20px 0; color:#555; background:#fcfcfc; border-top:1px solid #ccc;}
.agree_section .fregister_agree{ background:#e1e1e1; border-top:1px solid #ccc; padding:10px;}

/*회원가입폼*/
.regi_form{background:#fcfcfc;}

/* 회원 로그인 */
.login_section {margin: 30px auto; border: 1px solid #ccc; border-top: 3px solid #fbaa33; width:430px;}
.login_section h2 {padding: 20px;}

.login_box{background:#fcfcfc;}
.login_box > dl > dt, .login_box > dl > dd{padding:5px; border-top:1px solid #e1e1e1;}
.login_box > dl > dt{width:30%; text-align:center;}

/*연혁*/
.history_box > ul > li{vertical-align:top; height:100%; border:0px solid #111;}
.history_box > ul > li:first-child{width:48%;}
.history_box > ul > li:last-child{width:48%;}
.history_box > ul > li > div > h2{font-size:30px; letter-spacing:-2px; color:#fc9020}
.history_box .history_line{background:#ccc; width:1px; height:100%; margin:0 20px;}
.history_left{margin-bottom:50px;position:relative;}
.history_left:after {content: ""; position: absolute;right: -37px;top: 7px;width: 20px;height: 20px;background: #fbaa33;border-radius: 50%;z-index: 9999;border: 7px solid #ffde7e;}
.history_right{margin-bottom:50px;position:relative;}
.history_right:after {content: "";position: absolute;left: -38px;top: 7px;width: 20px;height: 20px;background: #fbaa33;border-radius: 50%;z-index: 9999;border: 7px solid #ffde7e;}

.intro_table > ul.table-content > li:last-child{text-align:left;}
.txt_box_sub{}
.txt_box_sub > li > p{margin-left:15px; }
.txt_box_sub > li > p:before{content:"-"; margin-left:-5px;}



/*담당자*/
.org_table > table th{border-top: 3px solid #fbaa33;font-weight: 500;background: #fff9f2; padding:10px; text-align:center; border-bottom:1px solid #e1e1e1;}
.org_table > table td{padding:10px; text-align:center; border-bottom:1px solid #e1e1e1; font-size:13px; color:#555; vertical-align:middle;}
.org_table > table td{border-left:1px solid #e1e1e1;}
.org_table > table td:first-child{border-left:0px solid #e1e1e1;}


/*사이트맵*/
.sitemap_box > ul > li{width:22%; margin:0 13px;}
.sitemap_box > ul > li > h2{border-top:3px solid #fbaa33; padding:10px; background:#fff9f2; color:#333}
.sitemap_box > ul > li > ul{border-top:1px solid #e1e1e1;}
.sitemap_box > ul > li > ul > li{border-bottom:1px solid #e1e1e1;}
.sitemap_box > ul > li > ul > li:nth-child(2n) {background: #fcfcfc;}
.sitemap_box > ul > li > ul > li a{display:block; padding:10px; color:#777}
.sitemap_box > ul > li > ul > li a:hover{color:#000; font-weight:bold}



/* 테이블 테두리 */
.table-bd-li{}
.table-bd-li > ul:first-child{border-top:0px solid #e1e1e1;}
.table-bd-li > ul > li{border-top:1px solid #e1e1e1;padding:5px;}
.table-bd-li > ul > li{border-right:0; width:20%; text-align:center;}


/* 게시판 뷰 링크 */
#bo_v_link{background:#f5f5f5; border:1px solid #e1e1e1; padding:10px; margin:10px 0;}
#bo_v_link > h2{display:none;}

/* 게시판 글쓰기 */
.bbs_write_box{background:#fcfcfc;}
.bbs_write_box > dl > dt, .bbs_write_box > dl > dd{border-top:1px solid #e1e1e1; padding:5px;}
.bbs_write_box > dl > dt{width:20%; text-align:center;}

/*게시판 뷰 페이지*/
.view_cont{overflow:hidden; border-bottom:1px solid #e1e1e1;}
.view_cont_body{padding:20px;}

.bbs_section {border: 1px solid #ccc; border-top: 3px solid #fbaa33; }
.bbs_section > h2 {padding:20px 10px;}
.bbs_section > p{padding-bottom:20px; color:#999; margin-top:-10px;}

.view_info_box {border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; margin-top:-31px;}
.view_info_box > dl{display:table; width:100%; }
.view_info_box > dl > dt, .view_info_box > dl > dd{display:table-cell; padding:5px 10px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; vertical-align:middle;}
.view_info_box > dl > dt{background:#f5f5f5; width:10%; text-align:center; font-weight:bold;}
.view_info_box > dl > dd{background:#fff; width:40%; color:#555}

.icon_place01{display:inline-block; background:#3EB57F; color:#fff; font-size:11px; font-style:normal; padding:4px 5px 6px; border-radius:15px;}
.icon_place01 a {color:#fff;}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {background:#fcfcfc; padding:0 10px;border-bottom:1px solid #e1e1e1; }
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_nb li > a{display:block;}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}
.bo_v_com li > a{display:block;}

.btn_b01{border:1px solid #ccc; padding:10px;}
.btn_b01:hover{border:1px solid #999;}
.btn_b02{background:#fbaa33; color:#fff !important; padding:10px;}
.btn_b02:hover{background:#fbaa33;}

.sns_icon{margin:15px 0;}
.sns_icon > ul > li{display:inline-block; *display:inline; zoom:1; }
.sns_icon > ul > li img{width:40px;}



/*뷰페이지내 리스트*/
.view_list{padding:20px; padding-top:0;}

/*뷰페이지내 리스트의 설정 버튼*/
.bbs_list_content .etc a{display:inline-block; border:1px solid #e1e1e1; padding:5px 10px; margin:0 3px; color:#777}







/*설문관리 통계*/
.statis > dl > dt, .statis > dl > dd{padding:10px;}
.statis > dl > dt{width:15%;}
.statis > dl > dd{width:35%;}

.statis2{margin-top:30px;}
.statis2 > ul > li{padding:10px;}

/* 엑셀다운로드 */
.btn-set .excel_btn {display:inline-block; background: #fff; border:1px solid #ccc; padding:5px 10px 6px;}
.btn-set .excel_btn:hover{border:1px solid #777; background:#ccc;}

/* 코멘트 */
.include-table{margin:10px 0; padding:10px; border:1px solid #e1e1e1; height:150px; overflow-y:auto; background:#f5f5f5;}
.include-table > li{padding:5px; border-bottom:1px solid #e1e1e1; color:#333;}
.include-table > li:before{content:"-"; margin-right:5px;}

/*통계 그래프 */
.box-basic{border:1px solid #e1e1e1; padding:20px;}
.graph_wrap .s_graph{margin-bottom:10px;}
.graph_wrap .s_graph > h2{font-size:15px; color:#333;}
.graph_wrap .s_graph > h2 b{font-size:13px; color:#333; font-weight:normal; background:#f5f5f5; padding:5px 10px; border:1px solid #e1e1e1;}
.graph_wrap .s_graph .hGraph{margin:20px 0;}






































































.important_txt {border: 1px solid #ffcf77;padding: 10px 15px; background:#fff8eb; overflow:hidden;}

.important_txt > div.split_left{float:left;}
.important_txt > div.split_right{float:right; margin-top:15px;}

.important_txt .split_left > h2{font-size:18px; font-weight:500; color:#ff8100;}
.important_txt .split_left > p{color:#777}
.important_txt .split_left > a{display:inline-block; background:#333; color:#fff; margin:5px 0 ;padding:5px 10px; border:1px solid #111; border-radius:5px;}
.important_txt .split_left > a:hover{background:#777; border:1px solid #555;}

.important_txt > div.split_right > ul > li{color:#fff; margin:0 20px;}
.important_txt > div.split_right > ul > li h3{font-size:30px; border:1px solid #ccc; border-radius:50%; width:30px; height:30px; padding:10px; margin:0 auto; line-height:30px; font-weight:100; color:#ccc}
.important_txt > div.split_right > ul > li p{color:#bbb; padding:5px 0 0; font-size:16px; font-weight:400; letter-spacing:-1px;}
.important_txt > div.split_right > ul > li.on h3{background:#ffcf77; border:1px solid #f6821f; color:#f6821f;}
.important_txt > div.split_right > ul > li.on p{color:#f6821f}


.important_txt > div.split_right > ul > li:first-child:before{content:"";}
.important_txt > div.split_right > ul > li:before{content: "\f105"; font-size:20px; position:absolute;left: -29px; top: 16px; color:#ccc}
.important_txt > div.split_right > ul > li {position:relative; display: inline-block; 
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}






.btn_counsel{position:relative;}
.btn_counsel > a{display:block;}
.btn_counsel{background:#345b71; color:#fff; letter-spacing:-1px; position:relative;}
.btn_counsel > a{color:#fff; transition:0.5s}
.btn_counsel > a:hover{background:#2abfb1;}
.btn_counsel > a > h2{display:inline-block; *display:inline; zoom:1; font-size:25px; font-family:"notokr-light"; font-weight:normal; letter-spacing:-1px; margin:0 1%; vertical-align:middle; padding:20px 0;}
.btn_counsel > a > span{display:inline-block; *display:inline; zoom:1;vertical-align:bottom; }
.btn_counsel > a > p{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:18px; margin:0px 3% 0;}
.btn_counsel > a > p > small{font-size:14px; color:#ccc}
.btn_counsel > a > i{display:inline-block; *display:inline; zoom:1;vertical-align:middle; width:65px; height:65px; border-radius:50%; background:#1c2e43; text-align:center; color:#fff; line-height:65px; font-size:21px; font-style:normal; margin-left:20px;}



.eq_small_txt{background:#fcfac6; border:1px solid #e1e1e1; padding:10px; font-size:15px; margin-bottom:30px;}
.eq_small_txt > p{display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:170%;}
.eq_small_txt > p > i{width:30px; height:30px; line-height:30px; background:#333; color:#fff; border-radius:50%; text-align:center;}
.eq_small_txt > p u{text-decoration:none; border-bottom:1px solid #777; color:#000; font-weight:bold;}





#sch_tab {text-align: center; overflow: hidden; padding-bottom: 10px;}
#sch_tab .tab-filter {list-style: none; padding: 0; overflow:hidden; padding-bottom:6px; margin:0 auto;}
#sch_tab .tab-filter>li{float:left;display:block; width:380px;}
#sch_tab .tab-filter>li a{display:block;padding:15px 55px;background:#e5e5e5;color:#64686d;position:relative; font-size:15px}
/*#sch_tab .tab-filter>li a:hover,#sch_tab .tab-filter>li a.active{background:#45aed6;color:#fff;box-shadow:0 -3px 0 0 #318daf inset;-webkit-box-shadow:0 -3px 0 0 #318daf inset;}*/
#sch_tab .tab-filter>li a.active{background:#fbaa33;color:#fff;box-shadow:0 -3px 0 0 #a93312  inset;-webkit-box-shadow:0 -3px 0 0 #a93312  inset;}
#sch_tab .tab-filter>li a.active:after{content:" ";position:absolute;bottom:-17px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:#a93312  transparent transparent transparent;}
#sch_tab .tab-filter>li:first-child a{border-radius:4px 0 0 4px;}
#sch_tab .tab-filter>li>a>span{color:#ccc; font-size:18px;}
#sch_tab .tab-filter>li>a.active>span{color:#fff900; font-size:18px;}
#sch_tab .tab-filter>li>a>span.prev_act{color:#318daf; font-size:18px;}
#sch_tab .tab-filter>li:nth-child(2) a{border-radius:0 4px 4px 0;}
#sch_tab .tab-filter>li.all_eq_btn{width:177px; float:right}
#sch_tab .tab-filter>li.all_eq_btn button{background:#f6821f; border:0; color:#fff; padding:19px 50px; font-size:15px;}
#sch_tab .tab-filter>li.all_eq_btn button:hover{background:#fd7400;}
#sch_tab .tab-result{float: right; margin-top: 11px;}
#sch_tab .tab-result button{display:inline-block; margin-left:-6px; background:#0593c8; color:#fff; padding:12px 20px; border:0;  border-radius:0 4px 4px 0;}
#sch_tab .tab-result > p{display:inline-block; font-size:15px; border:1px solid #ccc; border-right:0; padding: 10px 10px 11px; border-radius:4px; font-weight:bold; width:170px; vertical-align:middle;margin-left:-6px;}





.eq_thum_box{text-align:center;}
.eq_thum_box > ul > li{position:relative; display:inline-block; *display:inline; zoom:1; width:32.5%; margin:5px 5px 5px 0; color:#fff; overflow:hidden;}
.eq_thum_box > ul > li a{display:block; color:#fff;}
.eq_thum_box > ul > li a h3{ transition:0.5s; font-weight:normal}
.eq_thum_box > ul > li a:hover h3{font-size:25px; }
.eq_thum_box > ul > li a img{transition:0.5s; }
.eq_thum_box > ul > li a:hover img{}

.eq_thum_box2{text-align:center;}
.eq_thum_box2 > ul > li{position:relative; display:inline-block; *display:inline; zoom:1; width:32.5%; margin:5px 5px 5px 0; color:#fff;  overflow:hidden;}
.eq_thum_box2 > ul > li a{display:block; color:#fff;}
.eq_thum_box2 > ul > li a img{transition:0.5s;}
.eq_thum_box2 > ul > li a:hover img{}
.eq_thum_box2 > ul > li a h3{ transition:0.5s}
.eq_thum_box2 > ul > li a:hover h3{font-size:25px; }


.overlay{opacity:0.3; position:absolute;top:0px; bottom:0px; left:0px; right:0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.ic_caption{position:absolute; background:rgba(0,0,0,0.6) !important; overflow:hidden; margin:0px; padding:0px; left:0px; right:0px; bottom:0; cursor:default; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
.ic_caption h3{padding:5px; font-size:18px; color:#fff; text-align:center;}



.sch_wrap{background:#f5f5f5; border:1px solid #d5d5d5;}
.sch_wrap > ul{display:table; width:100%;}
.sch_wrap > ul > li{display:table-cell; vertical-align:middle; }
.sch_wrap > ul > li.sch_img_box{width:180px;}
.sch_wrap > ul > li.sch_category_box{}
.sch_wrap > ul > li.sch_btn_box{width:180px; text-align:center;}

.sch_wrap .sch_img{margin-top:50px;}
.sch_wrap .sch_category > ul{display:table; width:100%;}
.sch_wrap .sch_category > ul > li{display:table-cell;  padding:5px;}
.sch_wrap .sch_category > ul > li.sc_btn_wrap_width{width:200px;;}
.sch_wrap .sch_category > ul.category_box > li{display:inline-block; *display:inline; zoom:1; width:18.9%;}
.sch_wrap .sch_category > ul.category_box > li span{max-width:200px}
.sch_wrap .sch_btn button{border:0; background:#44a4a0; color:#fff; padding:8px; border-radius:20px; width:100%; font-size:17px; font-weight:bold;}
.reset_btn > a{display:block;  padding:5px 10px; text-align:center;}
.reset_btn > a > span{border:0; background:none; display:inline-block; margin-right:0px;}

/*통합 입력폼*/
.form_box{}
.form_box input[type=text], .form_box input[type=password]{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_box textarea {  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 150px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_box select{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.form_box span{display:block; border:1px solid #ddd;  background:#fff; margin-right:3px;}

.select_style span{border-radius:10px; box-shadow: 0px 0.5px 0px #ccc; }
.select_style select{padding:0 20px 0 10px;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; background: url('/img/select_arrow.png') 90% no-repeat; /* 화살표 이미지 */}
.select_style select::-ms-expand {display: none;}


.eq_list_title{overflow:hidden; border:1px solid #d5d5d5; margin:20px 0; padding:10px 20px;}
.eq_list_title > div.total_box{float:left; margin-top:10px;}
.eq_list_title > div.sort_box{float:right}
.eq_list_title > div.sort_box > ul > li{display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align:middle;}
.eq_list_title > div.sort_box > ul > li > a{float:left; border:1px solid #e1e1e1; padding:10px;}
.eq_list_title > div.sort_box > ul > li > a:first-child{border-right:0;}
.eq_list_title > div.sort_box > ul > li > a.on{border:1px solid #777;}


.list_text{border:1px solid #d5d5d5;}
.list_text > ul > li{border-bottom:1px solid #e1e1e1;}
.list_text .thum_text{padding:10px;}
.list_text .thum_text > dl{display:table; width:100%;}
.list_text .thum_text > dl > dt, .list_text .thum_text > dl > dd{display:table-cell; padding:5px;}
.list_text .thum_text > dl > dt{width:70px; font-weight:bold}
.list_text .thum_text > dl > dt:after{content:"|"; padding-left:10px;}
.list_text .thum_text > dl > dd{text-align:left;}

.list_text > ul > li > a{display:block; position:relative}
.list_text > ul > li > a:hover{}
.list_text > ul > li > a:hover:after{content:""; width:3px; height:98px; border-left:3px solid #217AFF; position:absolute; left:0; top:0;}
.list_text > ul > li > a > div > ul{display:table; width:100%;}
.list_text > ul > li > a > div > ul > li{display:table-cell; vertical-align:middle; border-left:1px solid #e1e1e1;}
.list_text > ul > li > a > div > ul > li + li{width:25%;}
.list_text > ul > li > a > div > ul > li + li + li{width:35%;}
.list_text > ul > li > a > div > ul > li + li + li + li{width:25%;}
.list_text > ul > li > a > div > ul > li:first-child{text-align:center; padding:0 10px; border-left:0;width:5%;}

.lt_spacing{letter-spacing:0.7px}






.list_thum{border:1px solid #d5d5d5; padding:10px;}
.list_thum > ul{text-align:center;}
.list_thum > ul > li{overflow:hidden; display:inline-block; *display:inline; zoom:1; margin:10px 10px; border-bottom:1px solid #e1e1e1; padding-bottom:25px; width:47%; vertical-align:top;}
.list_thum > ul > li > div{float:left;width:50%;}
.list_thum > ul > li > div:first-child{width:40%;}
.list_thum > ul > li > div.thum_img{border:1px solid #e1e1e1; margin-right:10px; overflow: hidden; text-align:center; position:relative}
.list_thum > ul > li > div.thum_img > a{display: block;vertical-align: middle;width: 200px;height: 200px;line-height: 200px;text-align: center;margin: 0 auto;}
.list_thum > ul > li > div.thum_img  img{max-height:100%;}


.list_thum .thum_text > h3{border-bottom:1px dashed #e1e1e1; padding:5px; text-align:left;}
.list_thum .thum_text > dl{display:table; width:100%;}
.list_thum .thum_text > dl > dt, .list_thum .thum_text > dl > dd{display:table-cell; border-bottom:1px dashed #e1e1e1; padding:5px;}
.list_thum .thum_text > dl > dt{width:60px; font-weight:bold; text-align:center;}
.list_thum .thum_text > dl > dd{text-align:left;}

















.eq_view_wrap{margin-top:50px;}

.eq_view_wrap > div.eq_view_title{overflow:hidden; padding:10px 0;}
.eq_view_wrap > div.eq_view_title > h2{text-align:center; font-size:27px}
.eq_view_wrap > div.eq_view_title > a{margin-left:2px;float:right; display:block; padding:10px; font-size:14px}
.eq_view_wrap > div.eq_view_title > a.prev_btn{background:#5a7f99; color:#fff; }
.eq_view_wrap > div.eq_view_title > a.md_btn{background:#995a8b; color:#fff; }


.eq_view_wrap > div.eq_view_title > a.m_btn{background:#888; color:#fff}
.eq_view_wrap > div.eq_view_title > a.d_btn{background:#FF3030; color:#fff}


.view_text_box{border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:100%;}
.view_text_box > dl{display:table; width:100%;}
.view_text_box > dl > dt, .view_text_box > dl > dd{display:table-cell; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; padding:10px;}

.view_text_box > dl > dt{background:#f5f5f5; font-weight:bold; width:10%; text-align:center;}
.view_text_box > dl > dd{width:20%;}

.view_thum_box{text-align:center; margin-top:30px;}
.view_thum_box > div{display:inline-block; *display:inline; zoom:1; vertical-align:top;}

.view_thum_box > div.thum_small{width:20%;}
.view_thum_box > div.thum_small > ul > li{display:inline-block; *display:inline; zoom:1; width:80px; height:80px; line-height:80px; overflow:hidden; border:2px solid #e1e1e1; margin:10px; padding:5px;}
.view_thum_box > div.thum_small > ul > li:hover{border:2px solid #004a9a;}
.view_thum_box > div.thum_small > ul > li.on{border:2px solid #004a9a;}
.view_thum_box > div.thum_small > ul > li > a{display:block;}
.view_thum_box > div.thum_small > ul > li > a img{width:80px;}

.view_thum_box > div.thum_big{border:1px solid #d5d5d5; width:57%; position:relative; height:400px; vertical-align:middle; line-height:400px; overflow:hidden;}
.view_thum_box > div.thum_big > img{max-width:500px; max-height:350px;}
.view_thum_box > div.thum_big > ol{}
.view_thum_box > div.thum_big > ol > li{position:absolute; top:0%}
.view_thum_box > div.thum_big > ol > li > a{font-size:40px; color:#999}
.view_thum_box > div.thum_big > ol > li > a:hover{color:#333}
.view_thum_box > div.thum_big > ol > li.thum_arr_left{left:10px;}
.view_thum_box > div.thum_big > ol > li.thum_arr_right{right:10px;}

.table_box{border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; margin-top:30px;}
.table_box > dl{display:table; width:100%;}
.table_box > dl > dt, .table_box > dl > dd{display:table-cell; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:10px;}
.table_box > dl > dt{background:#f5f5f5; width:100px; text-align:center; font-weight:bold;}


.eq_write_wrap > h2{text-align:center; margin-bottom:20px; font-size:21px; }
.eq_write > dl{display:table; width:100%;}
.eq_write > dl > dt,.eq_write > dl > dd{display:table-cell; padding:15px 5px; border-bottom:1px solid #e1e1e1;}
.eq_write > dl > dt{width:10%; text-align:center; font-weight:bold; vertical-align:middle;}
.eq_write > dl.split_2depth > dd{width:40%;}
.eq_write > dl.file_box > dd > span{margin:5px 0;}
.eq_write > dl.file_box > dd > ul > li{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:5px;}
.eq_write > dl.file_box > dd > ul > li > a{display:block; width:100px; height:100px; border:1px solid #e1e1e1; line-height:100px; overflow:hidden;}
.eq_write > dl.file_box > dd > ul > li > a:hover{border:1px solid #ccc;}


.write_btn{text-align:center; margin:20px 0;}
.write_btn > a{display:inline-block; color:#fff; padding:10px 20px;}
.write_btn > a.write_ok{background:#ff3434;}
.write_btn > a.write_can{background:#777;}



.split_input > dd > span{display:inline-block; *display:inline; zoom:1; margin:3px 0; }
.split_input > dt > a{display:inline-block; text-align:center; width:20px; height:20px; line-height:17px;  font-size:13px; font-weight:bold; background:#408BDC; color:#fff; border-radius:50%;}



.eq_adm_title > h3{font-size:20px;color:#fff; padding:10px 10px; background:#5A7F99; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}


.select_btn_drop{position:relative;}
.select_btn_drop > button{color:#444; border:1px solid #ccc; padding:7px 30px; background:#fff; }
.select_btn_drop > ul{position:absolute; background:#fff; border:1px solid #ccc; padding:5px;   text-align:left; width:100%; overflow-y:scroll; height:300px;}
.select_btn_drop > ul > li > a{display:block; padding:5px 5px;}
.select_btn_drop > ul > li > a:hover{background:#004A9A; color:#fff; }


.btn_eq_write{margin:15px auto; text-align:center;}
.btn_eq_write button{padding:10px 15px; color:#fff; background:#004a9a; border-radius:5px; border:0;}


.sub_eq{}
.sub_eq > li{border-bottom:0px solid #ddd; padding:10px 0; vertical-align:middle; display:inline-block; *display:inline; zoom:1; margin:0 10px; text-align:center;}
.sub_eq > li > a{display:inline-block; width:150px; max-width:150px; border:1px solid #ddd; padding:10px; vertical-align: middle; height:100px; line-height:100px; text-align:center;}
.sub_eq > li > a img{max-height:100px;}
.sub_eq > li > p{text-align:center;}
.sub_eq > li > div{display:inline-block; *display:inline; zoom:1; margin-left:15px; vertical-align: middle;}
.sub_eq > li > div > div{margin-bottom:10px;}
.sub_eq > li > div > div > h2{font-size:13px; margin-left:5px; padding-bottom:5px;}






#schedule{border:1px solid #ddd; margin:20px 0; padding:20px; overflow:hidden;}
#schedule > h3 {font-size: 14px; padding: 10px; padding-top:0; border-bottom: 2px solid #e1e1e1; color: #73879C;}
#schedule > div{float:left; margin-top:20px; border:1px solid #e1e1e1; padding:10px; margin-right:20px; min-height: 350px;}
#schedule > div > h4 {font-size: 14px; padding: 10px; padding-top:0; border-bottom: 2px solid #e1e1e1; color: #777; font-weight:normal;}

#schedule > div.schedule_box01 {width: 48%;}
#schedule > div.schedule_box02 {width: 13%;}
#schedule > div.schedule_box03 {width: 27%; margin-right:0;}

.selected_time{margin-left:10px;}
.selected_time > h2{margin-bottom:17px;}
.selected_time > dl{border:1px solid #e1e1e1; padding:10px;}
.selected_time > dl > dt, .selected_time > dl > dd{display:inline-block; *display:inline; zoom:1; font-size:13px;}
.selected_time > dl > dt{font-weight:bold}
.selected_time > dl > dd{}
.selected_time > h2 {text-align: center; margin: 15px 0px 10px; font-size: 15px; }


.st_time_btn button {display: block;margin: 5px auto;padding: 10px;text-align: center;background: #c84444;color: #fff;border: 0px;border-radius: 4px;}



/*.day_box{ width:40%; margin-right:10px;}*/
.day_box dl{margin:0 !important;}
.day_box span{border:0;}
.day_box .schedule_head{overflow:hidden; position:relative;}
.day_box .schedule_head > div{text-align:center;}
.day_box .schedule_head > div > ul{overflow:hidden;}
.day_box .schedule_head > div > ul > li{display:inline-block; *display:inline; zoom:1;margin:9px 3px;}
.day_box .schedule_head > div > ul > li.sc_date{font-size:15px; font-weight:bold; letter-spacing:-1px; padding:0 10px;}

.schedule_head  div.sc_point{position:absolute; right:10px; top:5px;}
.schedule_head  div.sc_point > ul > li i{display:inline-block; width:5px; height:5px; margin-right:3px; border-radius:50%; vertical-align:middle;}
.schedule_head  div.sc_point > ul > li i.point_icon1{background:#ec721b; }




.day_box .schedule_body{background:#fff;}
.day_box .schedule_body dl {display:table; width:100%; text-align:center;}
.day_box .schedule_body dl dt{background:#f4f4f4; border-top:1px solid #e1e1e1;}
.day_box .schedule_body dl dt, .day_box dl dd{display:table-cell; padding:10px 0; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:30px; }
.day_box .schedule_body dl dt:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.day_box .schedule_body dl dd:first-child{color:#FF5353; border-left:1px solid #e1e1e1;}
.day_box .schedule_body dl dd.on{background:#FFFBC8; font-weight:bold}
.day_box .schedule_body dl dd:hover{background:#FFFBC8;}

.day_box .schedule_body dl dd a{display:block; padding:0; text-align:center;}
.day_box .schedule_body dl dd a.point{background:url('/img/bbs_bullet.png') no-repeat 15% 50%; }

.day_box .schedule_body > dl > dd{position:relative}
.day_box .schedule_body > dl > dd.off_day a{color:#ccc}
.day_box .schedule_body > dl > dd.reservation a{}
.day_box .schedule_body > dl > dd.reservation span{display:block;}
.day_box .schedule_body > dl > dd > span{display:none;}
.day_box .schedule_body > dl > dd > span{position:absolute; top:2px; right:0px; color:#2C5DAC}
.day_box .schedule_body > dl > dd:hover div.res_time{display:block}
.day_box .schedule_body > dl > dd > div.res_time{position:absolute; top:0; left:20px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.day_box .schedule_body > dl > dd > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1; color:#333}
.day_box .schedule_body > dl > dd > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.day_box .schedule_body > dl > dd > div.res_time > ul > li.off > a{color:#ccc}

.day_box .schedule_body > dl > dd > div.sc_point{position:absolute; right:10px; top:10px;}
.day_box .schedule_body > dl > dd > div.sc_point u{display:block; background:#ec721b; border-radius:50%; font-size:10px; padding:2px; text-decoration:none;  width:2px; height:2px}




.day_wrap{overflow:hidden;padding:10px 0;}
/*.day_wrap > div{float:left;}*/

.day_wrap .day_time > .day_time_head{margin-bottom:15px;}
.day_wrap .day_time > .day_time_head h2 {text-align: center; margin: 15px 0px 10px;font-size: 15px;}

.day_wrap .day_time > .day_time_body{}
.day_wrap .day_time > .day_time_body > ul > li{position:relative;}
.day_wrap .day_time > .day_time_body > ul > li > a{display:block; text-align:center; padding:5px 5px 3px;position:relative; background:#fff; border:1px dashed #e1e1e1;  border-top:0px;}
.day_wrap .day_time > .day_time_body.use_time > ul > li > a{background:#33b3eb; color:#fff;}
.day_wrap .day_time > .day_time_body > ul > li:first-child a{ border-top:1px dashed #e1e1e1; }
.day_wrap .day_time > .day_time_body > ul > li > a:hover{background:#f5f5f5;}
.day_wrap .day_time > .day_time_body > ul > li.off > a{color:#ccc}

.day_wrap .day_time_body > ul > li:hover div.res_time{display:block; text-align:center;}
.day_wrap .day_time_body > ul > li > div.res_time{position:absolute; top:15px; left:20px; width:100px; border:1px solid #e1e1e1; background:#fff; z-index:999; display:none;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li{text-align:center;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li > a{display:block; padding:3px; border-bottom:1px dashed #e1e1e1; color:#333}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li > a:hover{background:#f5f5f5;}
.day_wrap .day_time_body > ul > li > div.res_time > ul > li.off > a{color:#ccc}


#bbsFrame1{overflow:hidden;}
#bbsFrame1 html{overflow:hidden;}



/* 찾아오시는길 */
.map_info > dl > dt{width:10%; text-align:center; background:#f5f5f5;}
.map_info > dl > dt, .map_info > dl > dd{padding:10px;}








/*조직도*/

.org_box {text-align: center; background: url('/img/org_line.png') no-repeat center; background-position: center 57px; margin-bottom:250px;}
.org_box > ul{margin:100px 0;}
.org_box > ul > li{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; position:relative;}
.org_box > ul > li > i{position:absolute;}

.org_box .depth_01 li i{bottom:-12px; left: calc(100% - 53%);}
.org_box .depth_02 li:first-child i{left:auto; right:-10px; top: calc(100% - 68%);}
.org_box .depth_02 li i{left:-5px; top: calc(100% - 68%);}
.org_box .depth_03 li i{top:-10px; left: calc(100% - 53%);}

.org_box .depth_01 li{background:#1b232a; font-size:20px; padding:15px 100px;}
.org_box .depth_02 li{background:#5f758b; font-size:15px; padding:15px 80px; margin:0 10%;}
.org_box .depth_03 > li{background:#888; width:8%; margin:0 5px; padding:10px 15px;}
.org_box .depth_03 li a{color:#fff; display:block; font-size:15px; }

.org_box .depth_03 li.dp03_01{background:#ed1c24;}
.org_box .depth_03 li.dp03_02{background:#f26522;}
.org_box .depth_03 li.dp03_03{background:#f7941d;}
.org_box .depth_03 li.dp03_04{background:#39b54a;}
.org_box .depth_03 li.dp03_05{background:#00a99d;}
.org_box .depth_03 li.dp03_06{background:#0072bc;}
.org_box .depth_03 li.dp03_07{background:#0054a6;}
.org_box .depth_03 li.dp03_08{background:#2e3192;}


.org_box .depth_03 li > ul {position: absolute; width: 100%; left: 0; top:60px;}
.org_box .depth_03 li > ul > li{margin:5px 0; background: #999;}
.org_box .depth_03 li > ul > li:hover{background:#777;}
.org_box .depth_03 li > ul > li > a{display:block; padding:10px; font-size:13px;}

.org_member_box{margin:20px 0;}
.org_member_box > h2{padding-bottom:5px; font-weight:normal;}
.org_tb_wrap{border-top:2px solid #444;}
.org_tb_wrap > ul{}
.org_tb_wrap > ul > li {overflow:hidden;padding:10px 0; width:47.5%; display:inline-block; *display:inline; zoom:1; background:#f5f5f5; margin:10px 10px 0; border:1px solid #ddd;}
.org_tb_wrap .org_info{float:left; margin-left:20px; line-height:180%; padding:10px 0;}
.org_tb_wrap .org_info div{font-weight:bold; font-size:15px;}
.org_tb_wrap .org_info p{padding-top:10px; padding-left:0px; line-height:140%; color:#777}
.org_tb_wrap .org_info_r{width:250px;  float:right; border-left:1px solid #ddd;}
.org_tb_wrap .org_info_r p{padding-left:10px;}


.org_search{text-align:center;}
.org_search input{height:32px; border:1px solid #ddd; width:200px; padding:0 3px;}
.org_search button{border:0; background:#555; color:#fff; padding:10px 15px; transition:0.5s}
.org_search select{height:32px; border:1px solid #ddd; width:auto; padding:0 3px;}


.org_member_box_manager {border: 1px solid #bb4221; background: #fd5c30;padding: 5px 0;margin: 30px 0;}
.org_member_box_manager > div{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:5px 10px;}
.org_member_box_manager > div.team {color: #fff; font-size: 20px; margin: 15px; background: #ab3c1e; padding:10px 25px; border-radius: 35px;}



.org_member_box_manager > div > h2{font-size:30px; letter-spacing:-2px; color:#fff;}
.org_member_box_manager > div > h2 small{font-size:15px; color:#eee}
.org_member_box_manager > div.manager_info{font-size:15px; color:#f5f5f5; line-height:170%; border-left:1px solid #ff7752; padding-left:20px; margin-left:20px;}

/*상태*/
.state > i{display:inline-block; padding:5px 10px; color:#fff; font-size:11px; font-style:normal; border-radius:10px;}
.state > i.ing{background:#f7ad18;}
.state > i.ok{background:#999;}



.f_rolling{overflow:hidden; border:1px solid #e1e1e1;}
.f_rolling img{width:200px;}



.edu_view_box > h2{}
.edu_view_box > dl > dt{width:10%; text-align:center; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.edu_view_box > dl > dd{width:40%; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.edu_view_box > dl > dt, .edu_view_box > dl > dd{padding:10px;}
.edu_view_box > dl > dt:first-child{border-left:0;}




/* 인력양성추진 */
.intro_edu .table-hd{border-top: 3px solid #fbaa33;font-weight: 500;background: #fff9f2;}
.intro_edu .table-hd > li{padding:10px; text-align:center; border-bottom:1px solid #e1e1e1;}
.intro_edu .table-content > li{text-align:center; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; font-size:13px; color:#555; vertical-align:middle;}
.intro_edu .table-content > li:first-child{font-weight:bold}
.intro_edu .table-content > li > div{border-top:1px solid #e1e1e1; padding:10px 0;}
.intro_edu .table-content > li > div:first-child{border-top:0;}
.intro_edu2 > dl > dt{width:20%; text-align:center;}
.intro_edu2 > dl > dd{padding:10px;}
.intro_edu2 {font-size: 13px; color: #555; }





/* 통합검색 */
.search_form_box{text-align:center;}
.search_form_box input{border:0; background:none; width:100%;padding:17px 0px 16px;}
.search_form_box span{display:inline-block; border:3px solid #415161; width:400px; border-right:0;}
.search_form_box button{margin-left:-4px; display:inline-block; background: #213142; color: #fff; border: 0; padding: 15px 15px 16px;}
.search_form_box button{font-size:20px}

.search_box{overflow:hidden; margin:100px 0; border-bottom:1px solid #e1e1e1;}
.search_box > .search_title{overflow:hidden;}
.search_box > .search_title > h1{float:left; font-size:14px; background:#fbaa33; color:#fff; font-weight:400; border:0px solid #e1e1e1; padding:10px;}
.search_box > .search_title > span{float:left; margin-left:10px; vertical-align:middle; margin-top:10px; color:#999}
.search_box > .search_title > span > b{color:#333}

.search_box > ul{clear:both; margin:10px 0;}
.search_box > ul > li {margin:20px 0; cursor:pointer}
.search_box > ul > li > h2{font-size:13px; padding:10px; background:#f5f5f5; border:1px solid #e1e1e1;}
.search_box > ul > li > div.sc_cont{padding:10px 0; line-height:150%; overflow:hidden; width:100%;}/*display:table;*/
.search_box > ul > li > div.sc_cont > div, .search_box > ul > li > div.sc_cont > p{display:table-cell; vertical-align:middle;}
.search_box > ul > li > div.sc_cont > div img{max-width:150px;}
.search_box > ul > li > div.sc_cont > p{padding-left:10px;}
.search_box > ul > li b{color:#f45921}

.search_box > .search_title{text-align:center;}
.search_box > .search_title > span.no_search {float:none; text-align:center; font-size:20px; color:#333; font-weight:400; padding-bottom:30px;}

#dimLayer2 { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%;background:#000; filter: alpha(Opacity=50); -ms-filter: "alpha(Opacity=50)"; opacity:0.50; z-index:10}
html.black-bg #dimLayer {display: block;}

/* 로딩 중 영역 스타일  */
#preview {margin: 0px 20px 20px 0px; border-radius: 10px; position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%; color: rgb(255, 255, 255); float: left; }
#preview > p{color:#333;}









.vision_symbol{width:300px; margin:0 auto; position:relative;}
.vision_symbol > div.symbol_img{}


.line1{border-bottom:1px solid #fbaa33; position:absolute; right:-330px;}
.line1 > h2{color:#fbaa33; font-size:22px;}
.line1:after{content:""; background:#fbaa33; width:40px; height:1px; display:block; position:absolute; left:-35px; bottom:-14px;
-webkit-transform: rotate(140deg);
-moz-transform: rotate(140deg);
-o-transform: rotate(140deg);
-ms-transform: rotate(140deg);
transform: rotate(140deg);
}

.line2{border-bottom:1px solid #35c4e8; position:absolute; left:-270px; bottom:50px;}
.line2 > h2{color:#35c4e8; font-size:22px;}
.line2:after{content:""; background:#35c4e8; width:69px; height:1px; display:block; position:absolute; right:-60px; bottom:21px;
-webkit-transform: rotate(140deg);
-moz-transform: rotate(140deg);
-o-transform: rotate(140deg);
-ms-transform: rotate(140deg);
transform: rotate(140deg);
}

.line3{border-bottom:1px solid #b8d650; position:absolute; right:-330px; bottom:50px}
.line3 > h2{color:#b8d650; font-size:22px;}
.line3:after{content:""; background:#b8d650; width:70px; height:1px; display:block; position:absolute; left:-61px; bottom:22px;
-webkit-transform: rotate(220deg);
-moz-transform: rotate(220deg);
-o-transform: rotate(220deg);
-ms-transform: rotate(220deg);
transform: rotate(220deg);
}







.propel_box{}
.propel_box > ul{display:table; width:100%; padding-right:-20px;}
.propel_box > ul > li {width:30%; display:table-cell; padding-right:20px;}
.propel_box > ul > li > div{min-height:330px; border:1px solid #e1e1e1;}
.propel_box > ul > li > div > h2{color:#fff; padding:5px; font-weight:400; text-align:center;}
.propel_box > ul > li > div > div.propel_title{text-align:center; padding:15px 10px;}
.propel_box > ul > li > div > div.propel_title > h3{color:#42bfe6; font-size:16px; line-height:130%; font-weight:400}
.propel_box > ul > li > div > div.propel_title > p{color:#777}



.propel_box > ul > li:nth-child(1) > div > h2{background:#33a3c5; }
.propel_box > ul > li:nth-child(2) > div > h2{background:#a7bd2e; }
.propel_box > ul > li:nth-child(3) > div > h2{background:#e2a321; }

.propel_box > ul > li:nth-child(1) > div > div.propel_title > h3{color:#33a3c5;}
.propel_box > ul > li:nth-child(2) > div > div.propel_title > h3{color:#a7bd2e;}
.propel_box > ul > li:nth-child(3) > div > div.propel_title > h3{color:#e2a321;}


.propel_box > ul > li > div > div.propel_txt {padding:10px;}
.propel_box > ul > li > div > div.propel_txt > h3{background:#f5f5f5; border:1px solid #e1e1e1; text-align:center; font-weight:400; padding:5px; color:#777; border-left:0; border-right:0;}
.propel_box > ul > li > div > div.propel_txt > ul > li{padding:5px; color:#777}








/* 문단 스타일 */
.list-style{}
.list-style > ul > li{position:relative; margin-left:10px;}
.list-style > ul > li:before{display:inline-block;content:""; width:3px; height:3px; border-radius:50%; background:#ccc; vertical-align:middle; margin-right:5px; margin-left:-10px;}
.list-style > ul > li > b{margin-bottom:3px; display:inline-block;}














.edu_detail > ul.detail_hd{display:table; width:100%; margin-bottom:10px; }
.edu_detail > ul.detail_hd > li{display:table-cell; text-align:center; font-size:16px; font-weight:600; color:#9bb317; position:relative; }
.edu_detail > ul.detail_hd > li:first-child{width:75%; color:#28a9d2;}

.edu_detail > ul.detail_hd > li{padding-right:10px;}
.edu_detail > ul.detail_hd > li > h2{position:relative; font-size:15px; font-weight:400}
.edu_detail > ul.detail_hd > li > h2:before{content:""; position:absolute; display:block; top:10px}
.edu_detail > ul.detail_hd > li > h2:after{content:""; position:absolute; display:block; top:10px; right:0;}

.edu_detail > ul.detail_hd > li:first-child > h2:before{border:1px solid #28a9d2; width:40%;}
.edu_detail > ul.detail_hd > li:first-child > h2:after{border:1px solid #28a9d2; width:40%;}
.edu_detail > ul.detail_hd > li:last-child > h2:before{border:1px solid #9eb137; width:20%; }
.edu_detail > ul.detail_hd > li:last-child > h2:after{border:1px solid #9eb137; width:20%;}



.edu_detail > ul.detail_con{overflow:hidden; margin-right:-10px; display:table; width:100%;}
.edu_detail > ul.detail_con > li{display:table-cell; padding-right:10px; width:25%;}
.edu_detail > ul.detail_con > li > div{position:relative; min-height:350px; border:1px solid #e1e1e1;}
.edu_detail > ul.detail_con > li > div:after{position:absolute; bottom:0; content:""; border-bottom:2px solid #42bfe6; display:block; width:100%;}

.edu_detail > ul.detail_con > li > div > h2{text-align:center; font-weight:400; font-size:16px}
.edu_detail > ul.detail_con > li > div > h2 > small{display:block; font-size:15px;}

.edu_detail > ul.detail_con > li > div > div {margin-top:20px; padding:0 10px; min-height:60px;}
.edu_detail > ul.detail_con > li > div > div > h3{font-size:13px; font-weight:500; color:#555}
.edu_detail > ul.detail_con > li > div > div > p{}

.edu_detail > ul.detail_con > li > div > h2{background:#f5f5f5;}
.edu_detail > ul.detail_con > li > div > h2 small{background:#28a9d2; color:#fff; padding:5px;}
.edu_detail > ul.detail_con > li > div > h2 p{padding:10px; border-bottom: 1px solid #e1e1e1}

.edu_detail > ul.detail_con > li:last-child > div > h2 small{background:#9eb137;}
.edu_detail > ul.detail_con > li:last-child > div > h2 {background:#f5f5f5;}
.edu_detail > ul.detail_con > li:last-child > div:after{position:absolute; bottom:0; content:""; border-bottom:2px solid #adc526; display:block; width:100%;  }



#pw_confirm{text-align:center; border-top:3px solid #fbaa33; max-width:340px; margin:20% auto;}
#pw_confirm strong{display:block; font-size:13px; color:#333; margin-bottom:5px;}
#pw_confirm > p{padding:10px; color:#777; font-size:11px;}
#pw_confirm .return_btn{border:1px solid #e1e1e1; padding:9px 10px 8px; display:inline-block; vertical-align:middle; border-radius:3px; color:#555}
#pw_confirm .btn_set{border-top:1px solid #e1e1e1; padding:10px;}


.tab_box{overflow:hidden; margin-bottom:30px;}

/*
.tab_box > ul{float:right; left:-50%; position:relative;}
.tab_box > ul > li{float:left; border:1px solid #e1e1e1; border-left:0; position:relative; left:50%;}
*/

.tab_box > ul{display:table; width:100%;}
.tab_box > ul > li{display:table-cell; text-align:center; border:1px solid #e1e1e1; border-left:0; width:20%;}
.tab_box > ul > li:first-child{border-left:1px solid #e1e1e1;}
.tab_box > ul > li > a{display:block; padding:10px 15px; color:#999; font-size:13px;}
.tab_box > ul > li.on{border:1px solid #42bfe6;}
.tab_box > ul > li.on > a{background:#42bfe6; color:#fff; font-weight:bold;}
.tab_box > ul > li:hover{border:1px solid #999;}
.tab_box > ul > li:hover > a{background:#999; color:#fff; font-weight:bold}




.greeting{text-align:center;}
.greeting > h2{font-size:21px; font-weight:400;}
.greeting > h2 > span{color:#ff9800; font-style:italic}
.greeting > p{line-height:200%;}




.table-box2 > ul > li{display:table; width:100%;}
.table-box2 > ul > li > div{display:table-cell; border-bottom:1px solid #e1e1e1; text-align:center; padding:10px;}
.table-box2 > ul > li > div.date{width:25%;}
.table-box2 > ul > li > div.place{width:20%;}
.table-box2 > ul > li > div.time{width:10%;}
.table-box2 > ul > li > div.subject{width:45%;}
.table-box2 > ul.table-cont > li > div.subject{text-align:left;}
.table-box2 > ul.table-hd > li > div.subjec{text-align:center;}
.table-box2 > ul.table-hd > li{background:#f5f5f5;}












.list-search-box .tab{border-bottom:1px solid #fbaa33;}
.list-search-box .tab ul{overflow:hidden;}
.list-search-box .tab li{background:#fff; border:1px solid #e1e1e1; float:left; vertical-align:bottom;}
.list-search-box .tab li a{display:block; padding:15px 25px;}
.list-search-box .tab li.on{border:1px solid #fbaa33;}
.list-search-box .tab li.on a{background:#fbaa33; color:#fff; }
.list-search-box .tab li:first-child{border-right:0;}
.list-search-box .tab li:last-child{border-left:0;}


.list-search-box .list-search > ul{width:100%; background:#f5f5f5; overflow:hidden; text-align:center;}
.list-search-box .list-search > ul > li{display:inline-block; *display:inline; zoom:1; padding:20px 2px; position:relative; vertical-align:middle;}

.list-search-box .list-search > ul > li.calendar{padding:0 5px;}
.list-search-box .list-search > ul > li.calendar span{width:100px; padding-right:25px;}
.list-search-box .list-search > ul > li.calendar span input{margin-left:25px;}
.list-search-box .list-search > ul > li span{display:block; border:1px solid #ccc; padding:3px 0; position:relative; background:#fff;}
.list-search-box .list-search > ul > li span label{position:absolute; left:5px; top:7px; color:#999}
.list-search-box .list-search > ul > li span select{border:0; display:inline-block; *display:inline; zoom:1; padding:5px 3px; }
.list-search-box .list-search > ul > li span input{border:0; display:inline-block; *display:inline; zoom:1; padding:5px 0px; width:100%;}
.list-search-box .list-search > ul > li u{position:absolute; top:8px; right:-5px; text-decoration:none}
.list-search-box .list-search button{background:#fbaa33; color:#fff; padding:8px 20px; width:70px;}


.gal-list{margin-top:20px; margin-bottom:20px;}
.gal-list > ul{overflow:hidden; }
.gal-list > ul > li{float:left; width:33.33%; margin-bottom:20px; min-height:280px; max-height:280px;}
.gal-list > ul > li > div{margin:10px; margin-bottom:0;}
.gal-list > ul > li > div:last-child{padding:10px; background:#f5f5f5; margin-top:0;}
.gal-list > ul > li > div a{display:block;}
.gal-list > ul > li > div a:hover{text-decoration:underline}
.gal-list > ul > li > div a h3{font-weight:400; font-size:16px; margin-bottom:5px;}
.gal-list > ul > li > div p{padding:5px 0; color:#777; font-size:14px;}
.gal-list > ul > li > div p i{background:#000; color:#fff; padding:2px 4px; font-style:normal; font-size:11px; }
.gal-list > ul > li.no-data {float:none;width:auto;margin-bottom: 20px; text-align:center; min-height:300px; line-height:300px; border:1px solid #e1e1e1; color:#555; font-size:14px;}








.select-step{overflow:hidden; margin-top:20px;}
.select-step > div{float:left; border:0px solid red;}
.select-step > div > h3{background:#253a4d; color:#fff; text-align:center; padding:10px; font-size:18px; font-weight:400; }
.select-step > div > div{text-align:center; padding:20px 0; border:1px solid #ccc; min-height:321px}
.select-step > div > div > select{border:1px solid #ccc; padding:10px; width:80%;}
.select-step > div.step01{width:25%;}
.select-step > div.step02{width:50%; }
.select-step > div.step03{width:25%;}

.select-step > div.step02 > h3{margin:0 20px;}
.select-step > div.step02 > div{margin:0 20px; min-height:auto;}
.select-step > div.step02 > div{border-bottom:0;}
.select-step > div.step02 > div.month > ul{display:table; width:100%;}
.select-step > div.step02 > div.month > ul > li{display:table-cell; width:20%; padding:0 5px;}
.select-step > div.step02 > div.month > ul > li:nth-child(2){width:60%; font-size:16px;}
.select-step > div.step02 > div.month > ul > li a{display:inline-block; padding:5px 12px; border:1px solid #ccc;}
.select-step > div.step02 > div.calendar{border-bottom:1px solid #ccc; padding:30px; min-height:232px}
.select-step > div.step02 > div.calendar > ul{display:table; width:100%;}
.select-step > div.step02 > div.calendar > ul > li{display:table-cell; border:1px solid #e1e1e1; padding:8px; border-left:0; border-bottom:0; width:14%;}
.select-step > div.step02 > div.calendar > ul > li:first-child{border-left:1px solid #e1e1e1; color:#ff4949}
.select-step > div.step02 > div.calendar > ul > li:first-child a{color:#ff4949;}
.select-step > div.step02 > div.calendar > ul > li:last-child{color:#49b2ff}
.select-step > div.step02 > div.calendar > ul > li:last-child a{color:#49b2ff;}
.select-step > div.step02 > div.calendar > ul > li.on{background:#bed63b;}
.select-step > div.step02 > div.calendar > ul > li.on a{}
.select-step > div.step02 > div.calendar > ul > li.off a{color:#999}
.select-step > div.step02 > div.calendar > ul > li a{display:block;}
.select-step > div.step02 > div.calendar > ul:last-child{border-bottom:1px solid #e1e1e1;}


.info-box{margin-top:20px;}
.info-box > h4{font-size:20px; letter-spacing:-1px; border-bottom:1px solid #fbaa33; font-weight:400; color:#445564; padding:5px; margin-bottom:20px;}
.info-box > dl{display:table; width:100%;}
.info-box > dl > dt, .info-box > dl > dd{display:table-cell; padding:10px; border-bottom:1px solid #e1e1e1; font-size:15px; vertical-align:middle;}
.info-box > dl > dt{width:15%; text-align:center;}
.info-box > dl > dd input{ border:1px solid #ccc; padding:7px; margin-right:5px; display:inline-block;}
.info-box > dl > dd button{background:#555; color:#fff; padding:6px;}
.info-box > dl > dd p{font-size:12px; color:#666;}
.info-box .btn-box{margin-top:20px; text-align:center;}
.info-box .btn-box button{background:#f7b01c; border:0; color:#fff; font-size:18px;padding:10px;}

.info-box > dl > dt a, .info-box > dl > dd a{display:inline-block; border:1px solid #ccc; color:#999; padding:4px 8px; font-weight:100; vertical-align:middle;}
#body_member > div{margin-bottom:0px; margin-top:5px;}


.list-box-select > div{margin:10px; margin-bottom:0;}
.list-box-select > div:last-child{padding:10px; background:#f5f5f5; margin-top:0; text-align:left;}
.list-box-select > div a{display:block;}
.list-box-select > div a:hover{text-decoration:underline}
.list-box-select > div a h3{font-weight:400; font-size:16px; margin-bottom:5px;}
.list-box-select > div p{padding:3px 0; color:#777; font-size:13px;}
.list-box-select > div p i{background:#000; color:#fff; padding:1px 3px; font-style:normal; font-size:11px; }








.edu-view-box{text-align:center;}
.edu-view-box{}
.edu-view-box table{width:80%; margin:10px auto ;}
.edu-view-box table th, .edu-view-box table td{padding:5px 10px; text-align:left; font-size:14px; border-bottom:1px solid #e1e1e1;}
.edu-view-box table th{text-align:right; width:20%;}
.edu-view-box table th span{display:inline-block; padding:5px 10px; background:#333; color:#fff; border-radius:7px;}








.main-section > ul{overflow:hidden;}
.main-section > ul > li{float:left; margin-right:15px;}
.main-section > ul > li:last-child{margin-right:0;}


.main-section .main-bbs{width:300px; margin:20px 0;}
.main-section .main-bbs .plus-icon{float:right; }
.main-section .main-bbs h3{font-weight:400; color:#222; font-size:16px; font-family: 'Noto Sans KR', sans-serif; border-bottom:1px solid #e1e1e1; padding-bottom:5px;}
.main-section .main-bbs > ul{margin-top:8px;}
.main-section .main-bbs > ul > li{overflow:hidden;}
.main-section .main-bbs > ul > li > span{float:right; color:#999}
.main-section .main-bbs > ul > li > a{color:#555; font-size:13px; font-family: 'Noto Sans KR', sans-serif; padding:3px 0 2px; display:block;}
.main-section .main-bbs > ul > li > a:hover{text-decoration:underline}


.plus-icon > a{position:relative; width:15px; height:15px; display:block; padding-top:10px;}
.plus-icon > a > span{position: absolute;width: 15px;height: 1px;background: #aaa;transition: all 0.3s ease;}
.plus-icon > a > span.bar1{transform: rotate(180deg);}
.plus-icon > a > span.bar2{transform: rotate(-270deg);}


.main-section .main-slide{width:230px; margin-top:20px;}
.main-section .main-slide h3{font-weight:400; color:#222; font-size:16px; font-family: 'Noto Sans KR', sans-serif; padding-bottom:5px;}
.main-section .main-slide ul{}
.main-section .main-slide ul li div{padding:0 10px ;}
.main-section .main-slide ul li div:first-child{padding-top:10px; min-height:298px}
.main-section .main-slide ul li div:first-child a{transition:all .2s ease; display:block;}
.main-section .main-slide ul li div:first-child a:hover{ border:5px solid #f7b01c;}
.main-section .main-slide ul li div{position:relative}
.main-section .main-slide ul li div span{position:absolute;color:#fff; bottom:0; display:block; padding:5px; background:#fb3333; border: 1px solid red;}
.main-section .main-slide ul li div span.end{background:#555; border:1px solid #333;}
.main-section .main-slide ul li div h4{font-weight:400; color:#222; font-size:15px; font-family: 'Noto Sans KR', sans-serif; padding:5px 0; }
.main-section .main-slide ul li div p{color:#555; font-size:11px; letter-spacing:-0.5px}

.slide-paging{margin:2px 0;}
.slide-paging > ul{text-align:center;}
.slide-paging > ul > li{display:inline-block; *display:inline; zoom:1;}
.slide-paging > ul > li a{display:block; width:7px; height:7px; background:#999; font-size:0; text-indent:-99999px; border-radius:50%;}
.slide-paging > ul > li.on a{background:#35c4e8;}

.main-section .main-banner{width:193px; margin-top:49px; border:1px solid #e1e1e1;}
.main-section .main-banner h3{font-weight:400; color:#222; font-size:16px; font-family: 'Noto Sans KR', sans-serif; padding:15px;}
.main-section .main-banner a{display:block; padding:10px 16px 0px; text-align:center;}
.main-section .mb02{margin-top:15px;}


.main-section .main-banner h3{transition:all .4s ease}
.main-section .main-banner:hover h3{background:#475563; color:#fff;}


.bx-viewport{height:auto !important;}


.greeting .page-title h1{}
.greeting .page-title h1:after{content:""; width:60px; height:1px; background:#999; display:block; margin:20px auto;}
.greeting-txt{font-size:15px; color:#333; text-align:center; margin-top:20px;}
.greeting-txt pre{font-family: '맑은 고딕', 'Malgun Gothic', serif;}



.schedule_wrap .schedule_sub_head{margin:10px 0; background:#fff; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.schedule_wrap .schedule_sub_head > ul{display:table; width:100%;}
.schedule_wrap .schedule_sub_head > ul > li{display:table-cell; *display:inline; zoom:1; padding:15px 5px; text-align:center; border:0;}
.schedule_wrap .schedule_sub_head > ul > li > span{margin-right:1px;}

.schedule_wrap .schedule_sub_head input[type=checkbox]:checked + label:before{top:0 !important}

.schedule_sub_head{border-bottom:1px solid #e1e1e1; margin:20px 0;}
.schedule_sub_head > ul{overflow:hidden;}
.schedule_sub_head > ul > li{float:left; margin-right:3px; border:1px solid #e1e1e1; border-bottom:0; background:#fff; padding:2px 4px 4px; font-size:12px; font-weight:400; color:#555; margin-top:2px;}
.schedule_sub_head > ul > li:last-child{margin-right:0;}