@charset 'utf-8';

body.kookmin table { width:100%; border-collapse:collapse; border-spacing:0; }
h2.hidden{display:none}


/*버튼*/
div.btn-list{position:relative; margin:20px 0; text-align:right;}
div.btn-list:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
div.btn-list a.btn{display:inline-block; margin-left:10px; width:87px; height:50px; background-color:#3c3c3c; color:#fff; text-align:center; line-height:50px; font-size:21px; }

table p{word-break:break-word}


/*알림마당 list*/
.table-wrap{clear:both; width:100%; border-top:1px solid #333; border-bottom:1px solid #333;}
.table-wrap .list-thead{width:100%;}
.table-wrap .list-thead ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.table-wrap .list-thead ul li{float:left; line-height:53px; text-align:center; color:#444; font-size:18px; border-bottom:1px solid #333;background:#f6f6f6; font-weight:600;}
.table-wrap .list-tbody ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.table-wrap .list-tbody ul{border-bottom:1px solid #ddd}
.table-wrap .list-tbody ul:last-child{border-bottom:0;}
.table-wrap .list-tbody ul li{float:left; padding:16px 0; text-align:center; font-size:16px; color:#676767; }
.table-wrap .list-tbody ul li.notice strong{color:#f79548;  font-weight:normal;}
.table-wrap .list-tbody ul li.subject{text-align:left; font-size:18px; line-height:22px;}
.table-wrap .list-tbody ul li.no-result{padding:15px 15px 15px 20px;}
.table-wrap .list-tbody ul li > img{vertical-align:middle; width:22px; height:26px;}
.table-wrap .list-tbody ul.normal-bg:last-child{border-bottom:0}
.table-wrap .list-tbody ul.notice-bg{background:#f1f7fa;}

/*알림마당 view*/
div.board > table.view{border-top:1px solid #333;border-collapse:collapse; border-spacing:0;}
div.board > table.view tbody td.view-title{padding:10px 0 11px 20px; font-size:18px;}
div.board > table.view tbody td { padding:10px 0 11px 20px; border-bottom:1px solid #ddd; text-align:left; font-size:18px; color:#676767; }
div.board > table.view tbody td.file-list li{margin-top:10px}
div.board > table.view tbody td.file-list a{display:inline-block; padding-left:35px; background:url(../../images/common/ico/board_ico_download.png) no-repeat left center; line-height:27px }
div.board > table.view tbody td.file-list li:first-child{margin-top:0; }
div.board > table.view tbody th { padding:15px 0; text-align:center; border-bottom:1px solid #ddd; color:#444; background:#f6f6f6; font-size:18px; font-weight:600}
div.board > table.view tbody td.board-view-content { padding:30px 30px 50px 30px; }
div.board > table.view tbody td.board-view-content div.sns-send { text-align:right; }
div.board > table.view tbody td.board-view-content #view-detail-data img{max-width:680px }
div.board > table.view tbody td.attach-file a{padding:10px 0 10px 30px; background:url(../../images/common/btn/btn_board_file.html) no-repeat left center;}
.view-wrap{display:none;} /*모바일 view table*/

/*Announcements*/
.view-wrap2 {border-top:0; border-bottom:0}
.view-wrap2 .view-thead{width:100%; }
.view-wrap2 .view-thead p{font-size:36px; color:#222222;  padding:15px;}
.view-wrap2 .view-tbody{background-color:#f6f6f6;}
.view-wrap2 .view-tbody ul.view-info{padding:15px 30px; border-top:1px solid #333333;}
.view-wrap2 .view-tbody ul.view-info:after{clear:both; display:block; overflow:hidden; content:""}
.view-wrap2 .view-tbody ul.view-info li{float:left; padding:0 15px; line-height:28px;}
.view-wrap2 .view-tbody ul.view-info li:last-child{padding-left:0}
.view-wrap2 .view-tbody ul.view-info li:first-child{padding-left:0}
.view-wrap2 .view-tbody ul.view-info li strong{color:#444; font-weight:600; font-style:normal;}
.view-wrap2 .view-tbody ul.view-info li img{vertical-align:middle;}
.view-wrap2  #view-detail-data{padding:30px 30px 50px 30px;;}
.view-wrap2 #view-detail-data img{/*width:100%*/}

/*뉴스플러스*/
.board-new{border-top:1px solid #333; border-bottom:1px solid #333; }
.board-new table{width:100%;}
.board-new table.board-new-view td{border-bottom:1px solid #ddd;}
.board-new table.board-new-view td p{line-height:24px;}
.board-new table.board-new-view td p.pb30{padding:30px 0 10px}
.board-new table.board-new-view td p.pb20{padding:15px 0 20px; font-size:16px; }
.board-new table.board-new-view td p.pb20 span.side-bar{ padding-right:30px; color:#444; font-weight:600 }
.board-new table.board-new-view td p.content-txt{line-height:24px}
.board-new table.board-new-view td p.pb20 span.date-info{padding-right:40px; color:#676767;}
.board-new table.board-new-view td p.content-text{font-size:16px; color:#676767;}
.board-new table.board-new-view td p a strong{font-size:24px; color:#222; font-weight:600; font-style:normal;}
.board-new table.board-new-view td a{display:block;}
.board-new table.board-new-view tr td a img{margin:30px; width:100px; height:100px; display:block;}
.board-new table.board-new-text td{border-bottom:1px solid #e0e0e0; padding:13px 0; text-align:center}
.board-new table.board-new-text td.tl{text-align:left}
.board-new table.board-new-text td.pr20{padding-right:20px}
.board-new table.board-new-text td strong{color:#444; background:url('../../images/common/bg/side_bar.html') right center no-repeat; padding-right:10px}

/*뉴스플러스 view*/
.board-view table tr th.view-title{border-bottom:solid #333 1px; padding:13px 15px 13px 15px; text-align:left;}
.board-view table tr th.view-title p.tit{color:#222; font-size:26px; font-style:normal; font-weight:600; line-height:28px; margin:10px 0}
.board-view table tr th.view-title p.lead{color:#033b8c; font-size:22px; line-height:26px; font-style:normal; font-weight:600; }
.board-view table tr th.view-title p.sub-tit{color:#555555; font-size:22px; line-height:28px; font-style:normal; font-weight:600; }
.board-view table tr td{padding:30px 30px 50px 30px;}
.board-view .board-content .tar {text-align:right;}
.board-view .board-content .tar b{color:#222}

/*게시판별 보존기간 안내*/
div.inner-board-period{*zoom:1}
div.board-period:after{clear:both; display:block; overflow:hidden; content:""; height:0}
div.board-period {width:270px; height:36px; position:relative; background-color:#3c3c3c; border-radius:2px; float:right; margin-top:20px;}
div.board-period:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
div.board-period p{text-align:center; line-height:36px;}
div.board-period p a { font-size:16px; color:#fff;}

/* 검색 폼 */
div.board-search,
div.shset {margin-top:35px; text-align:center;}
div.board-search input[type=text], div.shset input[type=text]{width:260px; border:1px solid #bebebe; background:#f6f6f6; vertical-align:top; margin:0; padding:0 0 0 15px; border-radius:0; border-right:0; height:38px;  font-size:18px; color:#555;}
div.shset select {border:1px solid #bebebe; padding-left:10px; background:url('../../images/common/bg/select_bg.html') #f6f6f6 no-repeat 95% center; width:133px; height:40px;-webkit-appearance:none;-moz-appearance:none; margin:0; border-radius:0;  font-size:18px; color:#555;}
div.shset select::-ms-expand { display:none; }
div.board-search input[type=submit].btn-search {}
a.btn.btn-type01 { display:inline-block; width:77px; margin-left:-4px; vertical-align:top; font-size:0; line-height:0; padding:0; border-radius:0; border:0;}

/*pagenation*/
.pagenation { margin:45px auto 0; }
.pagenation ul{ text-align:center; }
.pagenation ul li img{ vertical-align:bottom; }
.pagenation ul li.next-page{ margin-left:10px; }
.pagenation ul li{ display:inline; }
.pagenation ul li > span{ display:inline-block; background:url('../../images/common/bg/board_slid_bar.gif') no-repeat left center; text-align:center; height:30px;}
.pagenation ul li > span:first-child{ margin-left:10px; background-image:none;}
.pagenation ul li > span a{ display:inline-block; color:#666; padding:0 16px; line-height:30px;}
.pagenation ul li > span.on a{font-weight:bold; color:#033b8c}
div.besides-list{ background:#f6f6f6; border-top:1px solid #333; border-bottom:1px solid #333;}
div.besides-list .list-subject{ position:relative; padding-left:120px; font-size:18px}
div.besides-list .list-subject:first-child{border-bottom:1px solid #ddd;}
div.besides-list .list-bottom{border-bottom-color:#333941}
div.besides-list .list-subject span { position:absolute; left:0; top:17px; width:120px; font-weight:600; font-style:normal; color:#444; text-align:center; }
div.besides-list .list-subject p { padding:17px 20px; background:#fff; color:#676767; }
.i_pagenation{position:relative; margin-top:26px; display:none}
.i_pagenation > ul > li{vertical-align:middle;}
.i_pagenation > ul > li.pagenation-prev{position:absolute; top:0; left:0}
.i_pagenation > ul > li.pagenation-next{position:absolute; top:0; right:0}
.i_pagenation > ul > li.pagenation-number{position:absolute; top:13px; left:50%; margin-left:14px;}

/*banner-wrap*/
.banner-wrap{margin:40px 0;}
.banner-wrap > div{width:auto !important}

.content-kookmin-announcements .view-wrap2{display:none;}


/*pc*//*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
@media all and (min-width:1200px){
/*검색창*/
a.btn.btn-type01 span{display:none;}
}

/*태블릿 ~ 모바일*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
@media all and (max-width:991px){
.content-kookmin-announcements .view-wrap2{display:block; border-bottom:1px solid #333}
.sns-send{padding:10px 0; background: #f6f6f6;}
.sns-share a img{width:32px !important; height:32px !important;}
}

/*큰 태블릿*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
@media all and (min-width:992px) and (max-width:1199px) {

/*검색창*/
a.btn.btn-type01 span{display:none;}
}

/*태블릿*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
@media all and (min-width:768px) and (max-width:991px) {

.content-kookmin {padding:0 0 60px 0 !important}

/*알림마당 list*/
.table-wrap{clear:both; width:auto; padding:0 30px;}
.table-wrap .list-thead{width:100%; display:none}
.table-wrap .list-tbody{border-bottom:0}
.table-wrap .list-tbody ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.table-wrap .list-tbody ul{border-bottom:1px solid #e0e0e0;padding:15px 10px}
.table-wrap .list-tbody ul.normal-bg:last-child{border-bottom:1px solid #e0e0e0}
.table-wrap .list-tbody ul li{padding:0; text-align:left; height:100%; }
.table-wrap .list-tbody ul li.number,
.table-wrap .list-tbody ul li.name,
.table-wrap .list-tbody ul li.file,
.content-community .table-wrap .list-tbody ul li.view{display:none;}
.table-wrap .list-tbody ul li.date,
.table-wrap .list-tbody ul li.bul-img,
.table-wrap .list-tbody ul li.view{float:left; width:auto !important}
.table-wrap .list-tbody ul li.bul-img{padding-right:10px;  color:#444;}
.table-wrap .list-tbody ul li.subject{width:100% !important; display:block; font-size:24px; padding-left:0 !important; margin-bottom:15px; line-height:normal;}
.table-wrap .list-tbody ul li.subject > a{color:#222;}
.table-wrap .list-tbody ul li.notice{width:100% !important; display:block; margin-bottom:5px; font-size:24px;}
.table-wrap .list-tbody ul li.no-result{font-size:24px; color:#222; padding:0}
.table-wrap .list-tbody ul li.date{display:block; color:#676767; font-size:18px; padding-right:25px;}
.board-new table.board-new-view td p.pb20{ font-size:18px;}
.board-new table.board-new-view td p.pb20 span.side-bar{ padding-right:10px;}
.board-new table.board-new-view td p.pb20 span.date-info{padding-right:25px;}

/*view*/
.board-view{border-top:2px solid #acacac}

.content-kookmin-announcements .board-view, .content-kookmin-announcements .board-view .besides-list{display:none;}
.view-wrap2 .view-tbody ul.view-info li.download {}
.view-wrap2 .view-tbody ul.view-info li.download span{padding-left:35px; margin-top:5px; background: url(../../images/common/ico/board_ico_download.png) no-repeat left center; }
.view-wrap2 .view-tbody ul.view-info li.download span{display:block;}

/*뉴스플러스*/
.board-new table.board-new-view td p.content-text{display:none;}
.board-new table.board-new-view td p a strong{font-size:24px;}
.board-new table.board-new-view tr td a img{margin:10px;}

/*pagenation*/
.pagenation{display:none}
.i_pagenation{margin:30px; clear:both; display:block; height:38px;}

/*검색창*/
.board-search shset{margin-top:25px;}
a.btn.btn-type01 span{display:none;}

/*게시판 별 게시물 보존기한 안내*/
.content div.board-period{margin:40px auto 0;}

/*Announcements*/
.view-wrap2 .view-thead p{padding:15px 30px}
.view-wrap2 {border-top:2px solid #333333; padding:0; border-bottom:0 !important}
.view-wrap2 .view-tbody ul.view-info{border-top:1px solid #dddddd}
.view-wrap2 .view-tbody ul.view-info li{float:left; padding:0 30px 0 0; line-height:28px;}
div.btn-center{text-align:center;}

}


/*모바일*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
@media all and (max-width:767px){

.content-kookmin {padding:0 0 30px 0 !important}

/*list*/
.table-wrap{clear:both; width:auto; padding:0 15px;}
.table-wrap .list-thead{width:100%; display:none}
.table-wrap .list-tbody{border-bottom:none;}
.table-wrap .list-tbody ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.table-wrap .list-tbody ul{ padding:15px 10px}
.table-wrap .list-tbody ul li{float:none; display:none; padding:0; text-align:left; height:100%; font-size:14px;}
.table-wrap .list-tbody ul li.subject{width:100% !important; display:block; padding-left:0 !important; margin-bottom:15px;}
.table-wrap .list-tbody ul li.subject > a{color:#222;}
.table-wrap .list-tbody ul li.notice{width:100% !important; display:block; margin-bottom:5px; font-size:18px;}
.table-wrap .list-tbody ul li.date{width:100% !important; display:block; color:#676767;}
.table-wrap .list-tbody ul li.no-result{padding:0; font-size:18px; color:#222; display:block;}
.table-wrap .list-tbody ul.normal-bg:last-child{border-bottom:1px solid #e0e0e0;}

/*view*/
.view-wrap{display:block; padding:0; border-top:2px solid #acacac}
.board-view, .besides-list{display:none;}

.view-wrap .view-thead{width:100%; background-color:#f6f6f6;}
.view-wrap .view-thead p{font-size:20px; color:#222;  padding:15px;}
.view-wrap .view-tbody{}
.view-wrap .view-tbody ul.view-info{width:100%; padding:15px 0; border-bottom:1px solid #ddd;}
.view-wrap .view-tbody ul.view-info li:first-child{border-bottom:0;}
.view-wrap .view-tbody ul.view-info li{font-size:16px; color:#676767;  padding:0 15px; line-height:28px;}
.view-wrap .view-tbody ul.view-info li img{vertical-align:middle;}
.view-wrap  #view-detail-data{padding:10px;}
.view-wrap  #view-detail-data img{width:100%}

/*버튼*/
div.btn-list {float:none;}
div.btn-list a.btn{width:100%; float:none; margin-left:0; font-size:18px;}

/*뉴스플러스*/
.board-new{font-size:13px; border-top:2px solid #e0e0e0;}
.board-new table.board-new-view {table-layout:fixed;}
.board-new table.board-new-view td{padding:5px; border-bottom:1px solid #e0e0e0}
.board-new table.board-new-view tr td a img{margin:0 5px}
.board-new table.board-new-view td p a strong{font-size:18px}
.board-new table.board-new-view td p.pb30{padding:5px 0}
.board-new table.board-new-view td p.pb20{padding:5px 0; font-size:14px; }
.board-new table.board-new-view td p.pb20 span:last-child{display:none;}
.board-new table.board-new-view td p.pb20 span.side-bar{ display:none }
.board-new table.board-new-view td p.content-txt{line-height:18px}
.board-new table.board-new-view td p{line-height:25px;}
.board-new table.board-new-view td p.pb20 span.date-info{display:none;padding-right:25px}
.board-new table.board-new-view td p.pb20 span.date-info.day{display:block;}
.board-new table.board-new-view td p.content-text{display:none}
div.board-period:hover{background:url(../../images/common/btn/bg_period.html) no-repeat;}

.view-wrap .view-tbody{display:none;}
.view-wrap .view-thead{background:#fff; border-bottom:1px solid #dddddd; padding:20px 0}
.view-wrap .view-thead p.tit{color:#222; font-size:21px; font-style:normal; font-weight:600; line-height:28px; margin:5px 0; padding:0 15px;}
.view-wrap .view-thead p.lead{color:#033b8c; font-size:18px; line-height:26px; font-style:normal; font-weight:600;padding:0 15px; }
.view-wrap .view-thead p.sub-tit{color:#555555; font-size:18px; line-height:26px; font-style:normal; font-weight:600; padding:0 15px;}

.view-wrap #view-detail-data .tar {text-align:right; font-size:16px;}
.view-wrap #view-detail-data .tar b{color:#222}

/*pagenation*/
.pagenation{display:none}
.i_pagenation{clear:both; display:block; height:22px}
.i_pagenation{margin:15px;}
.i_pagenation > ul > li > a > img{width:15px; height:22px;}
.i_pagenation > ul > li.pagenation-number{position:absolute; top:0; left:50%; margin-left:-14px;}

/*검색창*/
.board-search form:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.board-search form{*zoom:1; padding:0 15px;}
.board-search shset{margin-top:15px;}
div.shset select{float:left; width:22%; font-size:16px; background-size:10px 5px; padding-left:2%; background:url('../../images/common/bg/select_bg.html') #f6f6f6 no-repeat 90% center}
div.board-search input[type=text], div.shset input[type=text]{float:left; width:55%; font-size:16px; padding-left:2%; margin-left:2%;}
a.btn.btn-type01{float:left; width:18%; background:#3c3c3c; display:block; height:40px; color:#fff; font-size:16px; line-height:40px; text-align:center; margin-left:0;}
a.btn.btn-type01 img{display:none;}

/*게시판 별 게시물 보존기한 안내*/
.content div.board-period{float:none; width:100%; height:40px;}
div.board-period p{line-height:40px;}

/*Announcements*/
.view-wrap2 .view-thead p{font-size:22px;}
.view-wrap2 .view-thead p{padding:15px 15px}
.view-wrap2 {border-top:2px solid #333333; padding:0}
.view-wrap2 .view-tbody ul.view-info{border-top:1px solid #dddddd; padding:7px 15px}
.view-wrap2 .view-tbody ul.view-info li{float:left; padding:0 15px 0 0; line-height:26px; font-size:16px;     word-wrap: break-word;}
.view-wrap2 .view-tbody ul.view-info li.download {}
.view-wrap2 .view-tbody ul.view-info li.download span{padding-left:20px; background: url(../../images/common/ico/board_ico_download.png) no-repeat left center; background-size:14px 17px;}
.view-wrap2 .view-tbody ul.view-info li.download span{display:block;}
.content-introduction-announcements .besides-list{display:block;}
div.btn-center a.btn{width:87px; float:none; margin-left:0; font-size:18px;}
.content-introduction-announcements  div.besides-list .list-subject p{padding:12px 15px}
.content-introduction-announcements div.besides-list .list-subject span{top:12px;    word-wrap: break-word;}
div.btn-center{text-align:center;}
}