@charset "utf-8";


div.social {margin-top:30px;text-align:center;background:#f2f2f2;padding:10px;border-radius:5px;}
div.social>a { margin:5px; display:inline-block; }
/* div.social>a.line { border-right:solid 1px #ccc; padding-right:10px; } */
div.social>a.line { padding-right:10px; }
div.social img { width:32px; height:32px; vertical-align:middle;}

.board {width:100%;border-top:2px solid #363636;}
.board > dl > dt { padding:10px 20px;font-size:14px; font-family:NBGB;}
.board > dl > dd > dl {padding:10px 0;border-bottom:1px solid #e6e6e6;}

/* view */
.board.view {padding-bottom:10px;}
.board.view > dl > dt {border-bottom:1px solid #363636;}
.board.view > dl > dd > dl dt,
.board.view > dl > dd > dl dd {display:inline-block;}
.board.view > dl > dd > dl dt {border-right:1px solid #d1d1d1;width:10%;text-align:center;font-size:12px;color:#555;}
.board.view > dl > dd > dl dd {padding-left:15px;box-sizing:border-box;}
.board.view > dl > dd > dl dd.writer {width:15%;}
.board.view > dl > dd > dl dd.email {width:40%;}
.board.view > dl > dd > dl dd.hit {width:5%;}
.board.view > dl > dd > div.memos {border-bottom:1px solid #363636;padding: 35px 25px;font-size:13px;line-height:22px;}

/* btn area */
.btn_area {padding-top:15px;}
.btn_area .btn_blue {display:inline-block;padding: 5px 0;background:#1374a1;color:#fff;width: 71px;}

/* list */
.board.list > dl {overflow:hidden;}
.board.list > dl:after {content:'';display:block;clear:both;}
.board.list,
.board.list > dl.tit	{border-bottom:1px solid #363636;}
.board.list > dl.lists	{border-bottom:1px solid #e6e6e6;}
.board.list > dl > dt,
.board.list > dl > dd {float:left;}
.board.list > dl > dt,
.board.list > dl > dd {padding:10px 0;text-align:center;}
.board.list > dl > dd {color:#555;font-size:12px;}
.board.list > dl > dt.num,
.board.list > dl > dd.num {width:10%;}
.board.list > dl > dd.subj,
.board.list > dl > dt.subj {width:60%;}
.board.list > dl > dd.subj a,
.board.list > dl > dt.subj a {color:#555;}
.board.list > dl > dd.subj a:hover,
.board.list > dl > dt.subj a:hover {font-weight:600;text-decoration:none;}
.board.list > dl > dd.subj {text-align:left;padding-left:10px;box-sizing:border-box;}
.board.list > dl > dt.date,
.board.list > dl > dd.date {width:20%;}
.board.list > dl > dt.hit,
.board.list > dl > dd.hit {width:10%;}

/* photo board */
.board.photo01 > ul > li.preview_ist,
.board.photo02 > ul > li.preview_ist {position:relative;width:73%;display:inline-block;}
.board.photo01 > ul > li.preview_ist dt,
.board.photo02 > ul > li.preview_ist dt {font-size:16px;color:#141414;padding-top: 11px;padding-bottom: 15px;font-weight:600;}

.web_v2 .board.photo01 > ul > li.preview_ist dt,
.web_v2 .board.photo02 > ul > li.preview_ist dt {padding-bottom:5px;}

.board.photo01 > ul {padding-top:10px;border-bottom:1px solid #e5e5e5;}
.board.photo01 > ul > li {display:inline-block;vertical-align:top;}
.board.photo01 > ul > li.thum {margin-right:10px;}
.board.photo01 > ul > li.preview_ist dd.memo_thum {font-size:13px;color:#555;font-weight:normal;line-height:20px;}
.board.photo01 > ul > li.preview_ist div.memo_thum {font-size:13px;color:#555;padding-top:0;margin-bottom:10px;font-weight:normal;line-height:20px;height:57px !important;overflow:hidden;}
.board.photo01 > ul > li.preview_ist dd.dateHit {font-size:12px;color:#555;font-weight:normal;line-height:12px;}
.board.photo01 > ul > li.preview_ist dd.dateHit span.date {display:inline-block;vertical-align:top;padding-right:15px;border-right:1px solid #e5e5e5;}
.board.photo01 > ul > li.preview_ist dd.dateHit span.hit	{display:inline-block;vertical-align:top;padding-left:15px;}

.board.photo02 > ul {padding-top:10px;border-bottom:1px solid #e5e5e5;}
.board.photo02 > ul > li.preview_ist dl dt,
.board.photo02 > ul > li.preview_ist dl dd {width:75%;}
.board.photo02 > ul > li.preview_ist dl dt a,
.board.photo02 > ul > li.preview_ist dl dd a {color:#333;}
.board.photo02 > ul > li.thum {width: 270px;display: inline-block;vertical-align: top;margin-right:10px;padding-top:10px;}
.board.photo02 > ul > li.preview_ist dl dd.dateHit {position:absolute;right:0;top: 40px;width: 95px;}
.board.photo02 > ul > li.preview_ist dl dd.dateHit a {background:url(/images/board/bul_serviceGo.gif) no-repeat 90% center;border:1px solid #56a8ce;display:block;color:#1374a1;padding: 7px 10px 7px 8px;font-weight:600;font-size:13px;}
.board.photo02 > ul > li.preview_ist dd.memo_thum {font-size:13px;color:#555;padding-top:5px;margin-bottom:10px;font-weight:normal;line-height:20px;}
.board.photo02 > ul > li.preview_ist dd.dateHit {font-size:12px;color:#555;font-weight:normal;line-height:12px;}

/* photo zone */
.photoOnly {border-top:none;margin-top: 20px;overflow:hidden;}
.photoOnly ul {float: left;width: 25%;max-width:230px;border:1px solid #e6e6e6;box-sizing:border-box;margin-left:11px;margin-bottom:15px;}
.web .photoOnly ul:nth-child(4n + 1) {margin-left:0;}
.photoOnly ul li.thum img {max-width:230px;width:100%;text-align:center;}
.photoOnly ul li.preview_ist {padding:15px 10px 0 10px;}
.photoOnly ul li dt {font-size:16px;color:#141414;padding-bottom:10px;font-weight:600;}
.photoOnly ul li dt a {color:#141414;line-height:17px;}
.photoOnly ul li dd {font-size:13px;color:#555;line-height:20px;margin-bottom:15px;}
.photoOnly ul li dd.dateHit {font-size:12px;}
.photoOnly ul li dd.dateHit > .date {padding-right:15px;border-right:1px solid #e5e5e5;}
.photoOnly ul li dd.dateHit > .hit {padding-left:15px;border-left:1px solid #e5e5e5;}

.web_v2 .photoOnly ul {width:32%;}
.web_v2 .photoOnly ul:nth-child(3n+1) {margin-left:0;}
.tablet .photoOnly ul {max-width:48.5%;width:100%;}
.tablet .photoOnly ul:nth-child(2n+1) {margin-left:0;}
.tablet .photoOnly ul li.thum img {width:100%;max-width:100%;}
.mobile .photoOnly ul {max-width:48.5%;width:100%;}
.mobile .photoOnly ul:nth-child(2n+1) {margin-left:0;}
.mobile .photoOnly ul li.thum img {width:100%;max-width:100%;}
.ssmobile .photoOnly ul {max-width:96%;width:99.9%;}
.smobile .photoOnly ul {max-width:96%;width:99.9%;}
.ssmobile .photoOnly ul {margin-left:0;}
.ssmobile .photoOnly ul li.thum img,
.smobile .photoOnly ul li.thum img {width:100%;max-width:100%;}
.photoOnly ul li.thum {}

/* tab area */
.tabmenu {overflow:hidden;}
.tabmenu ul {width:100%;margin:0;padding:0;display:flex;display: -webkit-flex;-webkit-flex-direction:row;-webkit-flex-wrap:nowrap; }
.tabmenu ul li {display:list-item;/* width: 20%; */padding-bottom:3px;margin-bottom: 20px;float: left;}
.tabmenu ul li.on,
.tabmenu ul li:hover {background:url(/images/board/bg_tabOn.gif) center bottom no-repeat;}
.tabmenu ul li a {display:block;border:1px solid #d6d6d6;font-size:15px;line-height: 35px;padding: 0 15px;margin-right: 5px;text-align: center;color:#666;}
.tabmenu ul li.on a,
.tabmenu ul li:hover a {background:#00387f;color:#fff;border:1px solid #00387f;font-weight:600;text-decoration:none;}
.web_v2 .tabmenu ul li a {}
.tablet .tabmenu ul li a {
}
.mobile .tabmenu ul,
.smobile .tabmenu ul,
.ssmobile .tabmenu ul {display:block;}

@media (max-width:735px){
.tabmenu ul {overflow:hidden;}
.tabmenu ul li {width:100%;margin: 0;margin-top:-4px;z-index:9;}
.tabmenu ul li:hover,
.tabmenu ul li.on {z-index:99;background:none;}
.tabmenu ul li.on a, .tabmenu ul li:hover a {text-align:left;padding-left:15px;background: #5db98a url(/images/board/bg_tabOn_m.png) 95% center no-repeat;}
.tabmenu ul li a {text-align:left;padding-left:15px;background:url(/images/board/bg_tabOff_m.png) 95% center no-repeat;}
 }
/* media */
.web_v2 .board.photo02 > ul > li.thum {width:230px;}
.web_v2 .board.photo02 > ul > li.thum img {width:100% !important;}
.web_v2 .board.photo02 > ul > li.preview_ist dl dt, 
.web_v2 .board.photo02 > ul > li.preview_ist dl dd {width:100%;}
.web_v2 .board.photo02 > ul > li.preview_ist dl dd.dateHit {display:block;position:relative;top:auto;right:auto;margin-bottom:10px;width: 95px;}

 @media (max-width:999px){
.board.photo02 > ul > li.thum {max-width:240px;width:100%;}
.board.photo02 > ul > li.thum img {width:100%;}
.board.photo02 > ul > li.preview_ist dl dt, .board.photo02 > ul > li.preview_ist dl dd {width:100%;}
.board.photo02 > ul > li.preview_ist dl dd.dateHit {position:relative;top:auto;right:auto;margin-bottom:10px;}
}
 @media (max-width:680px){
.board.photo02 > ul > li.thum {max-width:200px;width:100%;}
.board.photo02 > ul > li.thum img {width:100%;}
.board.photo02 > ul > li.preview_ist dl dt, .board.photo02 > ul > li.preview_ist dl dd {width:100%;}
}
 @media (max-width:540px){
.board.photo02 > ul > li.preview_ist dl dd.dateHit {width:100%;overflow:hidden;}
.board.photo02 > ul > li.preview_ist dl dd.dateHit a {width:91px;float:right;}
 .board.photo02 > ul > li.thum {max-width:100%;text-align:center;}
.board.photo02 > ul > li.preview_ist {width:100% !important;}
}
 @media (max-width:355px){
 .board.photo02 > ul > li.thum {max-width:100%;text-align:center;}
.board.photo01 > ul > li.preview_ist, .board.photo02 > ul > li.preview_ist {width:100% !important;}
.board.photo02 > ul > li.preview_ist dl dt, .board.photo02 > ul > li.preview_ist dl dd {width:100%;}
.board.photo02 > ul > li.preview_ist dl dd.dateHit {width:100%;position:relative;top:auto;right:auto;margin-bottom:10px;text-align:center;}
}

.tablet .board.photo01 > ul > li.thum {width:210px;}
.tablet .board.photo01 > ul > li.thum img {width:100%;}
.tablet .board.photo01 > ul > li.preview_ist dt {padding-bottom:8px;font-size:15px;line-height:18px;}
.mobile .board.photo01 > ul > li.preview_ist dt {line-height:18px;}
.mobile .board.photo01 > ul > li.preview_ist dd.memo_thum  {font-size:12px;line-height:18px;}
.ssmobile .board.photo01 > ul > li.preview_ist dd.memo_thum,
.smobile .board.photo01 > ul > li.preview_ist dd.memo_thum {font-size:12px;line-height:16px;margin-bottom:5px;}
.web_v2 .board.photo01 > ul > li.preview_ist {width:60%;}
.web_v2 .board.photo01 > ul > li.preview_ist dt {line-height:18px;}
.tablet .board.photo01 > ul > li.preview_ist {width:67%;}
.smobile .board.photo01 > ul > li.thum {width: 135px;text-align:center;margin:0 5px 0 0;padding: 10px 0;}
.smobile .board.photo01 > ul > li.thum img {width:100%;}
.smobile .board.photo01 > ul > li.preview_ist {width:100%;;margin:0;padding:0 0 15px 0;}
.smobile .board.photo01 > ul > li.preview_ist dt {font-size:14px;line-height: 17px;color:#141414;padding-top: 11px;padding-bottom: 0;font-weight:600;}
.ssmobile .board.photo01 > ul > li.thum {width:100%;text-align:center;}
.ssmobile .board.photo01 > ul > li.preview_ist {width:100%;padding:10px 0 20px 0;}
.ssmobile .board.photo01 > ul > li.preview_ist dd.dateHit {padding-top:10px;}
.ssmobile .board.photo01 > ul > li.preview_ist dt {font-size:15px;line-height:18px;padding-bottom:5px;}

/* search */
.board_search {text-align:right;padding:10px 0;}
.board_search select,
.board_search input {height:25px;border:1px solid #ccc;padding:0 10px;box-sizing:border-box;}
.board_search .btn_bSearch {height:25px;line-height:25px;vertical-align:middle;background:#696e72;color:#fff;padding:0 10px;margin-left:-5px;}

/* paging */
.paging {padding-top:20px;text-align:center;}

.paging p {display:inline-block;}
.paging p.p_web span {display:inline-block;border:1px solid #eee;height:25px;width:25px;line-height:25px;color:#555;font-size:13px;}
.paging p.p_web span.on {background:#1374a1;border:1px solid #1374a1;color:#fff;font-weight:600;}
.paging p.p_mobile span {display:inline-block;height:25px;width:25px;line-height:25px;color:#555;font-size:13px;}
.paging p.p_mobile span.on {color:#1374a1;font-weight:bold;}

.paging a  {display:inline-block;border:1px solid #eee;height:25px;width:25px;line-height:25px;color:#555;font-size:13px;}
.paging a.on {background:#1374a1;border:1px solid #1374a1;color:#fff;font-weight:600;}
.paging a.first{background:url(/images/board/btn_board_first.png)}
.paging a.preview{background:url(/images/board/btn_board_prev.png) no-repeat;}
.paging a.next{background:url(/images/board/btn_board_next.png)}
.paging a.last {background:url(/images/board/btn_board_last.png)}
.paging a.preview,
.paging a.next,
.paging a.first,
.paging a.last {text-indent:-99999px;background-position:center center;background-repeat:no-repeat;}

/* 통합검색 */
.search_box {background:#f5f5f5;border:1px solid #e9e9e9;padding:24px 0;box-sizing: border-box;text-align:center;margin-bottom:30px;}
.search_box select#b_search	{width:85px;height:37px;}
.search_box input {width:50%;height:38px;padding:0 0 0 10px;box-sizing: border-box;line-height:38px;}
.search_box button.btn_bSearch {background:#696e72;color:#fff;font-weight:600;border:1px solid #5a5c5e;height:38px;padding:0 15px;line-height:38px;vertical-align:middle;}
h5.tit	{padding-top:10px;font-size:18px;color:#363636;font-weight:600;padding-bottom:10px;}
h5.tit i.num {color:#1374a1;}
h5.tit span.more {font-size:13px;float:right;color:#696e72;font-weight:normal;}
.output_area {display:block;width:100%;border-top:2px solid #333;}
.output_area ul {margin-bottom:40px;}
.output_area li {position:relative;padding:30px 10px;border-bottom:1px solid #e6e6e6;}
.output_area li strong.s_subj {font-size:16px;color: #333;font-weight:600;padding-bottom:15px;display:block;}
.output_area li p.s_memo {font-size:14px;color:#555555;font-weight:normal;padding-bottom:15px;}
.output_area li p.nav {color:#888;display: block;}
.output_area li p.nav span {display: inline-block;vertical-align:middle;margin-right:10px;}
.output_area li p.nav span.home {text-indent: -99999px;background:url(/images/board/ico_home.gif) no-repeat;width:12px;height:11px;}
.output_area li span.date {position:absolute;right:10px;bottom:30px;color:#888;font-size:12px;}


.output_area li strong.nav_output {font-size:16px;line-height: 23px;color: #333;font-weight:600;display:block;}
.output_area li p {display:inline-block;vertical-align:middle;margin-right:10px;}
.output_area li p.gt {color:#888;font-weight:normal;font-size:12px;}

/* 게시물 없을때 */
.list_none {padding:80px 0;text-align: center;border-bottom:1px solid #e6e6e6;}
.list_none dl {width: auto;display: inline-block;margin: 0 auto;background: url(/images/board/bul_boardNo.gif) 0 center no-repeat;padding: 40px 0 40px 14%;box-sizing: border-box;}/* media */
.list_none dt {color:#141414;font-size:17px;font-weight:600;padding-bottom:20px;}
.list_none dd {line-height:20px;font-size:14px;color:#555;}
.output_area .rr  {color:#ff0000;}


@media (max-width:1316px){
.list_none {padding:10% 0;}
.list_none dl {width:81%;padding-left:130px;}
.list_none dt {font-size:16px;}
.list_none dd {font-size:12px;text-indent:-10px;padding-left:10px;}
}
@media (max-width:480px){
.list_none dl {background-position:center top;padding:140px 0 0 0}
.list_none dt {text-align:center;}
.list_none {padding:15% 0;}
}
.ssmobile .output_area li,
.smobile .output_area li {padding:20px 10px;}
.smobile .output_area li span.date,
.ssmobile .output_area li span.date {display:none;}
.mobile h5.tit,
.smobile h5.tit,
.ssmobile h5.tit {padding-top:20px;}



/* 201510_박금희 추가 시작 */
/* table style */
.tableBox{padding-bottom:15px;}
.tableBox20{padding-bottom:15px; margin-left:20px;}
.tableType_G{width:100%; border-top:2px solid #089960;}
.tableType_G thead th{background:#5db98a; padding:7px 0; text-align:center; color:#fff; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
.tableType_G tr th.noBorL{border-left:0;}
.tableType_G td{padding:7px 0; text-align:center; color:#666; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
.tableType_G tr td.noBorL{border-left:0;}


.tableType_B{margin:15px 0; width:100%; border-top:2px solid #1374a1; border-bottom: 1px solid #e7e7e7;}
.tableType_B thead th{background:#f0f6f9;}
.tableType_B th{padding:8px 0; text-align:center; color:#13668e; font-weight:600; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
.tableType_B tr th.noBorL{border-left:0;}
.tableType_B tbody th{padding:8px 10px; color:#666; font-weight:600;}
.tableType_B tbody.center td{text-align:center;}
.tableType_B td{padding:8px 10px; text-align:left; color:#666; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; line-height:1.4em;}
.tableType_B tr td.noBorL{border-left:0;}

.tableTopCap{font-size:11px; text-align:right; line-height:1.3em; margin-bottom:-10px;}
ul.tableInUl_nobuttet li{padding:6px 10px; line-height:1.4em; text-align:left;}
ul.tableInul_1depth li{margin:7px 10px; padding-left:6px; background:url('/images/main/bul_notice.gif') no-repeat 0 8px; line-height:1.4em; text-align:left;}





/* 201510_박금희 추가 끝 */




























