@charset "utf-8";

/* 서브 비주얼 */
#sub-visual{height:287px;background:url(../img/sub/sub_visual.jpg) no-repeat 50% 50%;background-size:cover;}

/* 공통 */
#contents{padding:80px 0;}
.page-title{margin-bottom:45px;color:#3c3c3c;font-size:56px;font-weight:bold;line-height:1;}

/** 	버튼
	.btn: 버튼 기본 클래스
	.btn.btn-background: 배경이 채워진 버튼 (기본 크기: 90x36)
	.btn.btn-border btn-small: 테두리만 있는 버튼 (기본 크기: 60x28)
*/
.btn{display: inline-block; border-radius: 3px; font-weight: 400; text-align: center; line-height: 20px; cursor: pointer; white-space: nowrap;}

.btn.btn-background{padding: 8px 10px; min-width: 90px; border: none; color: #fff !important; font-size: 14px; font-weight: 600}
.btn.btn-background.btn-gray{background-color: #4f555a}
.btn.btn-background.list{background: #1f6db1}
.btn.btn-background.cancel{background: #888}
.btn.btn-background.file-search{position: relative; height: 34px; padding: 10px 13px; background: #9e9e9e; line-height: 1; vertical-align: middle;}
.btn.btn-background.save{background: #004970}
.btn.btn-background.prev{background: #30739c}
.btn.btn-background.next{background: #2878be}
.btn.btn-background.delete{background: #555;}
.btn.btn-background.regist{background: #00a15f}
.btn.btn-background.modify{background: #519b2d}

/** 버튼 그룹
	.btn-group: 버튼 그룹 기본 클래스(오른쪽 정렬)
	.btn-group.btn-center: 중앙정렬 버튼 그룹
*/
.btn-group{margin: 20px 0; text-align: right}
.btn-group.center{text-align: center}

/* input (type=text, password) */
.inp-text{width: 100%; height: 34px; padding: 0 6px; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px}
.inp-text.small{height: 28px; padding: 0 6px; font-size: 13px;}

/* select box */
select{height: 35px; padding: 0 10px; outline: none; border: 1px solid #ccc; border-radius: 3px; color: #666; font-size: 14px; vertical-align: top;}
select.small{height: 28px; padding: 0 6px; font-size: 13px;}
.form-control.xsmall select{background-position: 93% 50%;}

/* guide-content-wrap */
.guide-content-wrap {padding: 35px 50px;}
.guide-content-wrap + .guide-content-wrap{padding-top: 0}
.guide-content-wrap > h2 {font-size:36px; line-height:1.4; color:#31383f; margin-bottom: 20px;}
.guide-content-wrap > h2 small{color: #3681b9; font-size: 30px}
/*.guide-content-wrap > h3{color: #3681b9; font-size:28px; line-height:1.4; margin-bottom: 20px;}
.guide-content-wrap > h3.center{text-align: center}*/
.guide-content-wrap .sub-title{position:relative;padding-left:22px;color: #333; font-size:20px; line-height:1.4; margin-bottom: 10px;}
.guide-content-wrap .sub-title:before{content:'';position:absolute;top:13px;left:0;width:12px;height:4px;background:#505050;}
.guide-content-wrap > h4 {font-size:18px; color:#333; line-height:1.4; margin-bottom: 10px;}
.guide-content-wrap > h5 {font-size:14px; color:#2b4e8d;  line-height:1.4; margin-bottom: 10px;}


/* 기관소개 */
.organ-info{position:relative;}
.organ-info:after{content:'';position:absolute;}
.organ-info.info-welfare:after{top:-50px;right:20px;width:213px;height:180px;background:url(../img/sub/img_organ_info_welfare.png) no-repeat;}
.organ-info.info-ceo:after{top:-50px;right:20px;width:270px;height:180px;background:url(../img/img_organ_info_ceo.png) no-repeat;}
.organ-info.info-edu:after{top:-30px;right:45px;width:160px;height:186px;background:url(../img/sub/img_organ_info_edu.png) no-repeat;}
.organ-info .top-text .big-text{position:relative;display:inline-block;}
.organ-info .top-text .big-text:after{content:'';position:absolute;top:-8px;right:-55px;width:46px;height:37px;background:url(../img/sub/img_organ_text.png) no-repeat;}
.organ-info .top-text .big-text .text{color:#094fa3;font-size:36px;font-weight:bold;line-height:1.3;}
.organ-info .top-text .big-text .text strong{color:#ed5911;}
.organ-info .top-text .small-text{margin-top:16px;}
.organ-info .top-text .small-text .text{color:#242424;font-size:18px;font-weight:bold;line-height:1.6;}
.organ-info .top-text .small-text .text strong{color:#559d12;}

.organ-info .info-box{margin-top:60px;background:#f4f4f4;padding:30px;}
.organ-info .info-box .text{color:#3c3c3c;font-size:16px;line-height:1.85;word-break:keep-all;letter-spacing:-0.5px;}
.organ-info .info-box .text + .text{margin-top:30px;}
.organ-info .info-box .text strong{color:#365c96;}

/* 사업소개 */
.work-info{border:1px solid #cacaca;padding:20px;background:#fcfcfc;}
.work-info .work-info-wrap{position:relative;border:1px solid #cacaca;background:#fff;padding:0 70px;}
.work-info .work-info-wrap:before{content:'';position:absolute;top:10px;left:0;right:0;width:528px;height:235px;margin:0 auto;background:url(../img/sub/img_work_info.png) no-repeat;}
.work-info .work-info-wrap:after{content:'';position:absolute;}
.work-info.info-welfare .work-info-wrap:after{top:126px;left:559px;width:79px;height:66px;background-image:url(../img/sub/icon_work_info_welfare.png);}
.work-info.info-edu .work-info-wrap:after{top:133px;left:571px;width:54px;height:51px;background-image:url(../img/sub/icon_work_info_edu.png);}
.work-info .top-text{position:relative;margin-top:220px;padding:40px 70px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.work-info .top-text .text{position:relative;color:#5a6066;font-size:20px;font-weight:bold;text-align:left;line-height:1.5;word-break:keep-all;}
.work-info .top-text .text strong{color:#3682cf;}
/*.work-info .top-text .text:before,
.work-info .top-text .text:after{content:'';position:absolute;width:26px;height:23px;background-repeat:no-repeat;}
.work-info .top-text .text:before{top:-8px;left:-40px;background-image:url(../img/sub/icon_double_quote_01.png);}
.work-info .top-text .text:after{bottom:-8px;right:-30px;background-image:url(../img/sub/icon_double_quote_02.png);}

.work-info .info-text{padding:50px 45px;}
.work-info .info-text .text{color:#3c3c3c;font-size:16px;line-height:1.85;word-break:keep-all;letter-spacing:-0.5px;}
.work-info .info-text .text.text-underline{text-decoration:underline;}
.work-info .info-text .text + .text{margin-top:30px;}
.work-info .info-text .text strong{color:#2d74ca;}
.work-info .work-info-img{text-align:center;}
.work-info .work-info-img img{max-width:100%; width:100%;}
*/

/* 자료실, 공지사항 */
.search-area{position: relative; margin-bottom: 10px}
.search-area .total{position: absolute; top: 50%; left: 0; margin-top: -9px; color: #666; font-size: 15px; font-weight: bold}
.search-area .total strong{color: #f34b4b;}
.search-area .total .bar{font-size: 12px; font-weight: normal}
.search-area .total .number{font-size: 14px; font-weight: normal}
.search-area .search-wrap{float: right; position: relative; width: 420px; max-width: 100%; height: 34px; padding-left: 139px;}
.search-area .search-wrap .inp-text{padding-right: 75px}
.search-area .search-wrap select{position: absolute; left: 0; bottom: 0; width: 130px; height: 100%;}
.search-area .search-wrap .btn.search{position: absolute; bottom: 0; right: 0; min-width: 75px; background-color: #788189; padding: 7px 20px ; vertical-align: middle;}

/*** table ***/
table.board-list,
table.board-view{table-layout: fixed;}

/* LIST */
table.board-list{width:100%; border-top: 2px solid #141414;}
table.board-list th,table.board-list td{height:42px;padding:13px 5px; border-left: none}
table.board-list th:first-child,table.board-list td:first-child{border-left: none}
table.board-list thead th{border-left: 1px solid #dcdee2; border-bottom: 1px solid #b9bcc3; color: #333333; font-size: 16px}
table.board-list tbody td{border-left: 1px solid #dcdee2; border-bottom: 1px solid #dcdee2; color: #666666; font-size: 15px; text-align: center}
table.board-list tbody td.notice{position: relative;}
table.board-list tbody td.notice span{display: block; position: absolute; top: 11px; left: 50%; width: 36px; height: 27px; margin-left: -14px; background: url(../img/sub/icon_notice.png) no-repeat 50%; text-indent: -999em}
table.board-list tbody td.title{padding-left: 30px; padding-right: 30px; text-align: left; }
table.board-list tbody td.title a{display: inline-block; max-width: 100%;/* overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ color: #666666; text-decoration: none;}
table.board-list tbody td.title a:hover,
table.board-list tbody td.title a:focus{text-decoration:underline;}
table.board-list tbody td .new{margin-left: 5px; vertical-align: middle;}

/* VIEW */
table.board-view{width:100%;}
table.board-view tr:first-child th,table.board-view tr:first-child td{border-top: 2px solid #444444}
table.board-view th,table.board-view td{height:42px;border: 1px solid #e1e1e1}
table.board-view th:first-child,table.board-view td:first-child{border-left: none}
table.board-view th:last-child,table.board-view td:last-child{border-right: none}
table.board-view th{padding: 13px 10px; min-width: 70px; background-color: #f9f9f9; color: #333333; font-size: 16px; text-align:center }
table.board-view td{padding: 13px 20px; color: #666666; font-size: 15px}
table.board-view td .tb-content{padding:10px;}
table.board-view td .file-down{display: inline-block; margin-right: 10px; color: #666666; font-size: 15px; text-decoration: underline}

/* WRITE */
table.board-write{width:100%;}
table.board-write tr:first-child th,table.board-write tr:first-child td{border-top: 2px solid #444444}
table.board-write th,table.board-write td{height:42px;border: 1px solid #e1e1e1}
table.board-write th:first-child,table.board-write td:first-child{border-left: none}
table.board-write th:last-child,table.board-write td:last-child{border-right: none}
table.board-write th{padding: 6px 10px; min-width: 70px; background-color: #f9f9f9; color: #333333; font-size: 16px; text-align:center }
table.board-write td{padding: 6px 20px; color: #666666; font-size: 15px}
table.board-write input[type="file"],
table.board-write .rdo-main-img{overflow: hidden; position: absolute; width: 0; height: 0; padding: 0; margin: -1px; clip:rect(0,0,0,0); border: 0;}
/*table.board-write .upload-wrap label{margin-left: -6px}*/
table.board-write .upload-wrap + .file-list{margin-top: 10px; padding-top: 10px; border-top: 1px solid #e1e1e1}
table.board-write .file-list .file-wrap{font-weight: 500; word-break:break-all;}
table.board-write .file-list .file-wrap + .file-wrap{margin-top: 5px}
table.board-write .file-list .file-wrap a{color:#666;}
table.board-write .file-list .file-wrap a:hover,
table.board-write .file-list .file-wrap a:focus{text-decoration:underline;}
table.board-write .file-limit{display: inline-block; margin-top: 10px; margin-left: 10px; color: #f14b4b; font-weight: 500}
table.board-write .file-limit .limit-text{margin-left:4px;color:#666;font-weight:400;}
table.board-write .file-list .file-del{margin-left: 5px; width: 27px; height: 20px; outline: none; border: none; background: url(../img/sub/icon_close.gif) no-repeat; text-indent: -999em;vertical-align:middle;}
table.board-write .text-wrap{padding:10px 0;}
table.board-write .btn.update{margin-top:10px; padding:4px 18px;font-weight:400;}
table.board-write .btn.delete{margin-top:5px; padding:4px 18px;font-weight:400;}

/* pagination */
.pagination{margin-top: 30px; text-align: center}
.pagination .pagination-wrap{display: inline-block;}
.pagination .pagination-wrap:after{content: ''; display: block; clear: both;}
.pagination a,.pagination img{vertical-align: top;}
.pagination a{float:left; width:29px; height:29px; margin-right: 4px; line-height:1;}
.pagination a:last-child{margin-right: 0}
.pagination a.num{display: inline-block; width: 29px; height: 29px; padding: 6px 5px; border: 1px solid #d4d4d4; color: #666666; font-weight: bold; font-size: 15px}
.pagination a.num.on{border-color: #d4d4d4; background-color: #f04a4a; color: #ffffff}


.table-basic2{width: 100%; table-layout: fixed; line-height: 1.3}
.table-basic2 th,.table-basic2 td{padding: 10px; border: solid #bebebe; border-width: 1px 0 1px 1px; font-size: 14px; text-align: center}
.table-basic2 th:first-child,.table-basic2 td:first-child{border-left: none;}
.table-basic2 th{background-color: #ebebeb}
.table-basic2 td.left{text-align:left}
/* 보더가 있는 테이블 */
.table-basic2.table-bordered th,.table-basic2.table-bordered td{border-right-width:1px;}
.table-basic2.table-bordered th:first-child,.table-basic2.table-bordered td:first-child{border-left: 1px solid #bebebe;}


.tabMenu{margin-bottom:20px;}
.tabMenu:after{content: ''; display: block; clear: both}
.tabMenu > li{float: left; font-weight: bold; text-align: center}
.tabMenu > li a{display:block}
.tabMenu.col-2 > li{width: 50%;}
.tabMenu.col-3 > li{width: 33.33333%;}
.tabMenu.col-4 > li{width: 25%;}
.tabMenu.col-5 > li{width: 20%;}

.tabMenu.tab-fill > li > a{padding: 11px 0; border: 1px solid #ccc; color: #a0a0a0;}
.tabMenu.tab-fill > li:not(:first-child) a{border-left: none}
.tabMenu.tab-fill > li > a:hover,.tabMenu.tab-fill > li > a:focus,.tabMenu.tab-fill > li > a:active,.tabMenu.tab-fill > li.on > a{border-color: #858585; background-color: #858585; color: #fff;}

/* List */
.bullet-list{list-style-type: square;}