@charset "euc-kr";

a.txt-link { border-bottom:1px solid #036eb8; color:#036eb8; }

/* ¼¿·ºÆ® ¹Ú½º */
.selectBox {position: relative; display:inline-block; min-width:140px; font-size:16px; min-height:44px; line-height:44px; color:#666; padding-left:20px; padding-right: 37px; background:transparent url(/houstar/image/bg/bg_selectbox_arrow.png) no-repeat right center; background-size:28px auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overow: ellipsis; border: 1px solid #e1e2e2;  z-index:10;}
.selectBox.focus span {border-color: #2168db;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, .9);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, .9);}
.selectBox select {width:100%; height:44px; line-height:44px; padding: 0 10px; font-size:16px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ -webkit-appearance:none; appearance:none; position:absolute; left:0; top:0; z-index:90;}
.selectBox.half {width: 40%; display:inline-block; vertical-align:middle;}

/* boardSearch */
.boardSearch {min-height:48px; margin-bottom:24px; }
.boardSearch .result {float:right; margin-top:18px; font-size:16px; color:#333; }
.boardSearch .result strong { color:#036eb8; font-weight:normal; }
.boardSearch .search {float:left;}
.boardSearch .selectBox {display: block; min-width: 90px; height:46px; float: left; margin-right:10px;}
.boardSearch .selectBox label {height: 33px; line-height: 33px;}
.boardSearch .measure {float:right;margin-top: 10px;margin-left:5px;color: #31343f;font-weight: 500;font-family: "notoKrM", sans-serif;}
.searchArea + .boardSearch {border-top:0; margin-top:-45px;}
.boardSearch + .no-data-box {margin-top:25px;}

.boardSearch .search .inText {position:relative;float: left; left:0;display:block;width:250px;height:48px;line-height:1;border:1px solid #e5e5e5;box-sizing: border-box;}
.boardSearch .search .inText input[type="text"] {display: block; width:200px;padding:0;border:0;height: 46px; font-size:16px;  line-height:46px; vertical-align:baseline;}
.ie10 .boardSearch .search .inText input[type="text"] {width:180px; padding:0; border:0;}
.boardSearch .search .inText .btnSch {position:absolute;top:1px;right:0; width:46px; height:46px; font-size:0; line-height:0; min-width:initial; border:0;  padding:0 !important; background:url('/houstar/image/btn/btn_search.png') no-repeat center center;   }
.ie7 .boardSearch .search .inText input[type="text"] {text-indent:10px;}

/* boardList */
.boardList {border-top: 2px solid #1c1c1c;border-bottom: 1px solid #1c1c1c; background:#fff; position:relative;}
.boardList table {width:100%; }
.boardList thead th {padding:25px 0;border-bottom: 1px solid #1c1c1c;color:#333;background:#f9f9f9;text-align: center;vertical-align:middle;font-size:16px;font-weight:normal;}
.boardList td {padding:18px 15px;border-top: 1px solid #e5e5e5;color: #5e5e5f;font-family: 'NotoKrL';font-size:16px;color:#787878;vertical-align:middle;text-align:center;}
.boardList td.col-sbj {color:#333;text-align:left; }
.boardList .col-sbj:hover {color:#036eb8;text-decoration:underline;}
.boardList td.col-sbj a {display:block; }
.boardList .col-sbj em {margin:0 5px 0 16px; padding-left:11px; background:url('/common/image/common/bul/bul_re.png') no-repeat 0 3px; color:#c53e49;}
.boardList .col-sbj span {margin-left:5px; color:#3514af;}
.boardList .col-file img {width:23px;}
.boardList td.noData {padding: 50px 0;}
.boardList .num {font-family:Verdana;color:#787878;font-size:16px;}
.boardList tr.on td {background:#f9f7f8;}
.boardList .alarm {display:inline-block; width:20px; height:20px; text-align:center; background:url(/houstar/image/icon/ico_alarm.png) 0 3px no-repeat; font-size:0; color:transparent;line-height:0; vertical-align:top;}
.boardList .ico-new {display:inline-block; width:20px; height:20px; margin-left:10px !important; background:url('/houstar/image/common/icon_comm.png') no-repeat -300px -140px;  font-size:0; color:transparent;line-height:0; vertical-align:top; }
.boardList tr.nodata td { padding:70px 0; font-size:16px; text-align:center; color:#333; }

/* faq */
.faqList { border-top:2px solid #1c1c1c; font-size:18px; border-bottom:1px solid #1c1c1c; }
.faqList dl:first-of-type dt { border-top:0; }
.faqList dt { border-top:1px solid #e5e5e5; }
.faqList dt a { position:relative; display:block; padding:30px 30px 30px 60px; font-size:20px; }
.faqList dt a:before,
.faqList dd:before { content:''; position:absolute; top:27px; left:15px; width:30px; height:30px; background:url('/houstar/image/icon/ico_board_list.png') no-repeat 0 0;  }
.faqList dt a:before {background-position:-140px 0;}
.faqList dt a.on:before {background-position:0 0;}
.faqList dd { display:none; position:relative; padding:30px 95px 35px; line-height:26px;  color:#787878; background:#f9f9f9; border-top:1px solid #e5e5e5; font-family:NotoKrL;  }
.faqList dd:before { width:52px; height:26px; left:30px; top:30px; background-position:-40px 0;  }
.faqList dd a { border-bottom: 1px solid #036eb8; color: #036eb8; font-weight:normal; }
.faqList dd a span {color: #036eb8 !important; font-weight:normal !important;  }

/* paging */
.paging {display: inline-block; width:100%; margin-top:35px;text-align:center;}
.paging .num {display:inline-block;margin:0 22px;vertical-align:middle;}
.paging .num a, .paging strong {display:inline-block;width:40px;height:40px;line-height:40px;margin:0 1px;color: #333;text-align:center;font-family:Verdana;font-size:16px;}
.paging .num a:hover,.paging strong.on {background: #036eb8;color: #fff;border-radius:100%;font-weight:normal;}
.paging .btn {display:inline-block;margin:0 3px;vertical-align:top;}
.paging .btn a {display:block; width:40px; height:40px; margin:0; text-indent:-9999px; background:url('/houstar/image/btn/btn_paging.png') no-repeat 0 0;}
.paging .btn a.prev { background-position:-50px 0; }
.paging .btn a.next { background-position:-100px 0; }
.paging .btn a.last { background-position:-150px 0; }
.tableScroll + .paging {margin-top:-10px !important;}
.paging .mNum, 
.paging .moBtn {display: none;}
.pagingWrap { text-align: center; }
.pagingWrap.mo { display:none; }
/*
.pagingWrap + .btnLeft, .pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight { margin-top: -58px;}
.pagingWrap + .btnLeft { float:left; }
.pagingWrap + .btnRight, .pagingWrap + .btnLeft + .btnRight { float:right; }
*/

/* ±âº»Å×À̺í */
.tbl-base {border-top: 2px solid #1c1c1c;border-bottom: 1px solid #1c1c1c;}
.tbl-base {width:100%;border-collapse:collapse;}
.tbl-base th {padding:13px 20px;text-align:center;vertical-align:middle;font-size: 16px;color:#333;line-height:24px;font-weight:normal;border-top: 1px solid #e5e5e5;border-left:1px solid #e5e5e5;background:#f9f9f9;}
.tbl-base th:first-child {border-left:0;}
.tbl-base td {padding:13px 20px;vertical-align:middle;font-family: 'NotoKrL';color:#787878;font-size:16px;line-height:24px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5}
.tbl-base td:first-child {border-left:0;}
.tbl-base thead {border-bottom:1px solid #e5e5e5}
.tbl-base thead th {padding:13px 10px;}
.tbl-base thead tr:first-child th {border-top:0;}
.tbl-base tbody tr:first-child th,
.tbl-base tbody tr:first-child td {border-top:0;}
.tbl-base tfoot th,
.tbl-base tfoot td {color:#333;background:#f9f7f8;border-top:1px solid #999;}
.tbl-base .tc td,
.tbl-base td.tc {padding:13px 10px;}
.tbl-base .num {font-family:Verdana;color:#787878;font-size:16px;}
.tbl-base .bul-list li {font-family: 'NotoKrL'; padding-left:10px;}
.tbl-base .bul-list li:before {width:5px;}
.tbl-base .txt-btn {vertical-align:middle;}
.tbl-base .txt-btn + .btnDown {margin-left:10px;}
.tbl-base .bdl-line {border-left:1px solid #e5e5e5 !important;}
	
/* thumbnail list */
.thumbNailList:after,
.thumbNailList2:after {content:'';display:block;clear:both;}
.thumbNailList li:nth-child(3n-2) {margin-left:0;}
.thumbNailList li {float:left; width:32%; margin-left:2%; margin-top:25px; }
.thumbNailList li .imgThumbNail { position:relative; height:240px; overflow:hidden; }
.thumbNailList li .imgThumbNail .no-img { display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:#f3f2f1; color:transparent;   }
.thumbNailList li .imgThumbNail .no-img:after { content:''; display:block; position:absolute; top:50%; margin-top:-29px; left:50%; margin-left:-29px; width:58px; height:58px; background:url(/houstar/image/common/icon_comm.png) no-repeat -250px -300px; }
.thumbNailList li a {display:block;border:1px solid #e5e5e5;}
.thumbNailList li .imgThumbNail img { position:absolute; top:50%; left:50%; min-height:400px; max-height:400px; width:auto; min-width:; max-width:none; transform:translate(-50%, -50%);    }
.thumbNailList li .thumbNailInfo {padding:30px 10px 35px; text-align:center;}
.thumbNailList li .thumbNailInfo .title {font-size:18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.thumbNailList li .thumbNailInfo .detail {font-family: 'NotoKrL'; font-size:16px; color:#787878; line-height:24px;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.thumbNailList li .thumbNailInfo .detail:before {content:''; display:block; width:20px; height:1px; background:#2b2b2b; margin:20px auto 17px;}
.thumbNailList li .thumbNailInfo .date {margin-right:10px; font-family:Verdana;}

.thumbNailList2 li {position:relative; float:left; display:table; width:48%; table-layout:fixed; margin-left:4%; margin-top:20px; border:1px solid #e5e5e5; background:#f5f3ef; box-sizing:border-box;}
.thumbNailList2 li:nth-child(odd) {margin-left:0; }
.thumbNailList2 li .imgThumbNail { position:relative; display:table-cell; width:48%; height:368px; }
.thumbNailList2 li .imgThumbNail img {width:100%; height:100%;}
.thumbNailList2 li .imgThumbNail .no-img { display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:#f8f8f8; color:transparent; }
.thumbNailList2 li .imgThumbNail .no-img:after { content:''; display:block; position:absolute; top:50%; margin-top:-29px; left:50%; margin-left:-29px; width:58px; height:58px; background:url(/houstar/image/common/icon_comm.png) no-repeat -250px -300px; }
.thumbNailList2 li .thumbNailInfo {position:relative; display:table-cell; width:52%; height:100%; background:#f5f3ef; vertical-align:top;}
.thumbNailList2 li .thumbNailInfo .subject {padding:35px 40px 80px; box-sizing:border-box; height:300px; overflow:hidden; }
.thumbNailList2 li .subject .title {font-size:18px; line-height:26px;}
.thumbNailList2 li .subject .detail {font-family: 'NotoKrL'; font-size:16px; color:#787878; line-height:24px; height:200px; }
.thumbNailList2 li .subject .detail:before {content:''; display:block; width:20px; height:1px; background:#2b2b2b; margin:22px 0;}
.thumbNailList2 li .btns {position:absolute; bottom:32px; right:42px;}
.thumbNailList2 li .btns [class*="btn"] {position:relative; display:inline-block; height:46px; line-height:44px; margin-left:6px; vertical-align:middle; font-family: 'NotoKrL'; font-size:16px; color:#666; border:1px solid #e1e2e2; background-color:#fff;}
.thumbNailList2 li .btns .btnMoreBook {padding:0 20px 0 50px;}
.thumbNailList2 li .btns .btnMoreBook:before {content:''; display:block; width:21px; height:20px; position:absolute ;top:11px; left:20px;background:url(/houstar/image/btn/btn_search2.png) no-repeat;}
.thumbNailList2 li .btns .btnDownload {width:46px; background:#fff url(/houstar/image/btn/btn_download.png) 13px 12px no-repeat;}

/* boardView */
.boardView .board-btn + .boardTit {margin-top:24px;}
.boardTit {overflow:hidden; position:relative; border-top:2px solid #1c1c1c; border-bottom:1px solid #1c1c1c; background:#f9f9f9;}
.boardTit .tit {padding:29px 30px; margin:0; font-size:24px; line-height:1; }
.boardTit .detail {overflow:hidden; padding:16px 30px; font-size:16px; line-height:1; border-top:1px solid #bcbcbc;}
.boardTit .detail span {color:#787878;}
.boardTit .detail span:before {content:''; display:inline-block; width:1px; height:15px; margin:0 20px; background:#e5e5e5; vertical-align:middle;}
.boardTit .detail span:first-child:before {display:none;}
.boardTit .detail strong {font-weight:normal;}
.boardTit .detail .date {font-family:Verdana;}

.boardCont {padding:45px 20px; font-size:18px; line-height:26px; font-family: 'NotoKrL';  }
.boardCont h5 {margin-bottom:50px; font-size:30px; text-align:center;font-family: 'NotoKrR'; }
.boardCont p,
.boardCont span {font-family:'NotoKrR' !important; word-break:break-all; line-height:2.1em !important; }

.boardFile {display:table; width:100%; padding:28px 30px 18px; border-top:1px solid #1c1c1c; border-bottom:1px solid #1c1c1c; box-sizing:border-box;}
.boardFile > strong {display:table-cell; width:110px; font-size:16px; color:#333; font-weight:normal; line-height:24px;}
.boardFile > ul {display:table-cell;}
.boardFile > ul li { display:inline-block; font-family: 'NotoKrL'; font-size:16px; color:#787878; line-height:24px; margin-bottom:10px;}
.boardFile > ul li a { display:inline-block; text-decoration:underline;}
.boardFile > ul li a:hover {color:#ce424f;}
.boardFile > ul li a:after {content:''; display:inline-block; width:1px; height:15px; margin:0 20px; background:#e5e5e5; vertical-align:-2px;}
.boardFile > ul li:last-child a:after {display:none;}
.boardFile > ul li a[class*="btn"] {margin:0 16px 0 0;text-decoration:none}
.boardFile > ul li a[class*="btn"]:hover {color:#fff;}
.boardFile > ul li a[class*="btn"]:after{display:none;}

.board-btn { text-align:right; margin-top:0;}

/* °Ô½ÃÆÇ paigng */
.boardPaging {margin-top:100px;border-top:1px solid #1c1c1c; border-bottom:1px solid #1c1c1c;}
.boardPaging dl {display:table; width:100%; table-layout:fixed; font-size:16px; background:#f9f9f9; border-top:1px solid #bcbcbc;}
.boardPaging dl:first-child {border-top:0;}
.boardPaging dt {display:table-cell; width:123px; padding:20px 30px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.boardPaging dt span:after {content:'';display:inline-block; margin-left:12px; width:9px; height:5px; background:url(/houstar/image/icon/ico_boardnav.png) 0 0 no-repeat; vertical-align:3px;}
.boardPaging .next dt span:after {background-position:0 -10px;}
.boardPaging dd {display:table-cell; padding:20px 10px; font-family: 'NotoKrL';}

.no-data-box { background:#f3f2f1; padding:80px 0; text-align:center; font-size:20px; border:1px solid #e5e5e5; color:#333; }
.no-data-box span:before { content:''; display:block; margin:0 auto 20px auto; width:60px; height:60px; background:url(/houstar/image/common/ico_no_data.png) no-repeat 0 0; }

/* PC ONLY */ 
@media (min-width: 1091px) { 
	.tbl-alert {display:none;}
}
@media (min-width: 768px) {

	.boardTit.type2 { display:table; width:100%; table-layout:fixed; }
	.boardTit.type2 .tit { display:table-cell; width:70%; line-height:32px; vertical-align:middle;}
	.boardTit.type2 .detail {display:table-cell; width:30%; border-top:0; text-align:right; vertical-align:middle;}
	
}
/* mobile */ 
@media (max-width: 1090px) {
	
	.boardSearch .msg { margin:23px 0 0 0; background:#f5f3ef; padding:103px 0; }
	.boardSearch .msg p { text-align:center; font-size:15px; color:#7a7a7a; }
	.boardSearch .msg p:before { content:''; display:block; width:56px; height:56px; margin:0 auto 15px auto; background:url(/houstar/image/common/ico_bizmap.png) no-repeat 0 -50px; background-size:150px auto;    }
		
	.boardTit.type2 .tit {width:65%;padding:29px 10px 29px 30px;}
	.boardTit.type2 .detail {width:35%;padding:32px 30px 32px 10px;}
	
	/* thumbnail list */
	.thumbNailList li {width:48.5%; margin-left:3%;}
	.thumbNailList li:nth-child(3n-2) {margin-left:3%;}
	.thumbNailList li:nth-child(odd) {margin-left:0%;}
	.thumbNailList2 li { margin-left:2%; width:49%; }
	.thumbNailList2 li .imgThumbNail { overflow:hidden; position:relative; padding-bottom:67%; height:inherit; }
	.thumbNailList2 li .imgThumbNail img { position:absolute; top:0; left:50%; height:100%; width:auto; min-width:100%; max-width:none; transform:translateX(-50%); }
	.thumbNailList2 li .thumbNailInfo { width:50%; height:100%; }
	.thumbNailList2 li .thumbNailInfo .subject {padding:18px 20px 70px;}	
	.thumbNailList2 li .subject .title,
	.thumbNailList2 li .subject .detail { font-size:15px; line-height:21px;}
	.thumbNailList2 li .subject .detail:before { width:10px; margin:10px 0;}
	.thumbNailList2 li .btns {position:absolute; bottom:20px; left:20px; right:auto; }
	.thumbNailList2 li .btns [class*="btn"] {width:38px; height:38px; margin-left:0;}
	.thumbNailList2 li .btns .btnMoreBook {padding:0; text-indent:-9999px; background:#fff url(/houstar/image/btn/btn_search2.png) -13px 12px no-repeat; background-size:50px;}
	.thumbNailList2 li .btns .btnMoreBook:before {display:none;}
	.thumbNailList2 li .btns .btnDownload {background:#fff url(/houstar/image/btn/btn_download.png) -15px 12px no-repeat; background-size:50px;}
	
	/* ±âº»Å×À̺í */
	.tbl-base .txt-btn + .btnDown {display:block; margin:10px 0 0;}

	/* ½ºÅ©·Ñ Å×À̺í */
	.tbl-scroll {position:relative; overflow-x:auto;}
	.tbl-scroll table {width:1170px;}
	.tbl-alert {position:absolute; top:50%; left:50%; margin-top:-45px; margin-left:-188px; width:376px; padding:25px 60px 25px 125px; box-sizing:border-box; font-size:16px; color:#fff; background:rgba(0,0,0,0.7); border-radius:45px;}
	.tbl-alert:before {content:''; display:block; width:42px; height:34px; position:absolute; top:28px; left:70px; background:url('/houstar/image/icon/ico_pointer.png') no-repeat 0 0; background-size:45px; }
	
	/* ¹ÝÀÀÇü Å×À̺í */
	.tbl-rsp.tbl-base th, 
	.tbl-rsp.tbl-base colgroup { display:none; }
	.tbl-rsp.tbl-base tr { width:100%; display: block; padding:0; }
	.tbl-rsp.tbl-base tr td { position:relative;  border:1px solid #ddd; border-width:0 0 1px 0; display:block; padding-left:255px; box-sizing:border-box; }  
	.tbl-rsp.tbl-base tr td::before { content:attr(data-label); position:absolute; top:50%; left:0; text-align:center; width:235px; font-family: "notoKrR"; font-size: 16px; color:#333; transform:translate(0,-50%); }
  	.tbl-rsp.tbl-base tr:last-child td:last-child { border:0; }
  	.tbl-rsp.tbl-base { position:relative; }
  	.tbl-rsp:before { content:''; width:235px; height:100%; top:0; left:0; position:absolute; background:#f9f9f9; }
  	
  	
} 

/* mobile */
@media (max-width:767px) {
	/* boardSearch */
	.boardSearch {height:auto; margin:30px 0 10px; }
	.boardSearch.m-pd {padding:0 15px;}
	.boardSearch .result {float:none; text-align:right; margin-top:25px; font-size:12px; }
	.boardSearch .search {float:none;}
	.boardSearch .selectBox {float:none; display: block; min-width: 100%; height:45px; margin:0 0 7px; box-sizing:border-box;}
	.boardSearch .search .inText {float:none; width:100%; height:45px;}
	.boardSearch .search .inText input[type="text"] {width:100%; height: 43px; line-height:43px;}
	.boardSearch .search .inText .btnSch {width:43px; height:43px;background:url('/houstar/image/btn/btn_search_m.png') no-repeat center center; background-size:17px;  }
	.content.conts-m .boardSearch ,
	.contentArea .boardSearch {margin:0; }	 
	.boardSearch .search .inText .btnSch {width:43px; height:43px;background:url('/houstar/image/btn/btn_search_m.png') no-repeat center center; background-size:17px;  }

	/* thumbnail list */
	.thumbNailList li {float:none; width:100%; margin-left:0; margin-top:15px;}
	.thumbNailList li .thumbNailInfo {padding:15px 10px 25px;}
	.thumbNailList li .thumbNailInfo .title {font-size:15px;}
	.thumbNailList li .thumbNailInfo .detail {font-size:15px;}
	.thumbNailList li .thumbNailInfo .detail:before {width:10px; margin:15px auto;}
	.thumbNailList li .thumbNailInfo .date {margin-right:5px; font-family:Verdana;}

	.thumbNailList2 li {float:none; width:100%; margin-left:0; margin-top:15px; }		
	
	/* boardList */
	.boardList {border-top:1px solid #1c1c1c;}
	.boardList thead,
	.boardList colgroup {display:none;}
	.boardList tr {position:relative; display:block;}
	.boardList tr {padding:12px 50px 12px 25px; border-top:1px solid #e5e5e5;}
	.boardList tr.on {background:#f9f7f8;}
	
	.boardList tr:first-child {border-top:0;}
	.boardList td {display:inline-block;border:0;padding:0; font-size:11px;}
	.boardList td.col-sbj {display:block; font-size:14px; font-family:'NotoKrR'}
	.boardList td.col-sbj a {display:block;  padding-right:10px;}
	.boardList td .num {font-size:11px;}
	.boardList td:after {content:''; display:inline-block; width:1px; height:10px; margin:0 5px 0 10px; background:#e5e5e5; vertical-align:-1px;}
	.boardList td:last-child:after {display:none;}
	.boardList .col-sbj:after,
	.boardList .col-num:after,
	.boardList .col-file:after,
	.boardList .col-sort:after {display:none;} 
	.boardList .col-num {display:none;}
	.boardList tr.on .col-num {display:block;text-align:left;}
	.boardList .col-file {position:absolute;top:50%;right:25px; margin-top:-11px;}
	.boardList .alarm {width:15px; height:13px; background-position:-15px 0; background-size:30px; veritcal-align:middle;}
	.boardList .ico-new {position:relative; top:1px; width:17px; height:17px; margin-left:10px !important; background-position:-175px -70px; background-size:200px;}
	.boardList tr.nodata { padding:0; }
	.boardList tr.nodata td { display:block; font-size:14px; padding:50px 0;  }
	
	/* boardView */
	.boardTit {padding:25px 25px 18px; border-top:0; border-bottom:1px solid #e5e5e5; }
	.boardTit .tit {padding:0; margin:0; font-size:19px; line-height:22px;}
	.boardTit .detail {padding:3px 0 0; font-size:11px; border-top:0;}
	.boardTit .detail p {float:none !important; margin:5px 0;}
	.boardTit .detail span:before {height:10px; margin:0 8px 0 0;}
	.boardTit .detail strong {display:inline-block; width:45px;}
	.boardTit .detail .date {font-family:Verdana;}
	.boardTit.type2 .tit {float:none; width:auto; padding:0; line-height:24px; }
	.boardTit.type2 .detail {float:none; width:auto; padding:5px 0 0; border-top:0; text-align:left; line-height:24px; }
	.boardTit.type2 .detail span:before {margin:0 8px;}
	.boardView .board-btn + .boardTit {margin-top:30px; border-top:1px solid #1c1c1c}
	
	.tabmenu01 + .boardView .boardTit.type2 { border-top:1px solid #1c1c1c; }
	
	.boardCont {padding:40px 25px 60px; font-size:15px; line-height:21px; }
	.boardCont h5 {margin-bottom:30px; font-size:21px; text-align:left; line-height:23px;}
	
	.boardFile {padding:15px 25px;}
	.boardFile > strong { width:65px; font-size:14px; line-height:30px;}
	.boardFile > ul li { display:block;font-size:14px; line-height:30px; margin-bottom:0;}
	.boardFile > ul li a { margin-right:0;}
	.boardFile > ul li a:after {display:none;}
	.boardFile > ul li a[class*="btn"] {margin:0;}
	.boardFile > ul li a.btnBook {margin-bottom:10px;}
	
	.board-btn { display:flex; text-align:center; margin-top:30px;}
	.board-btn button {width:50%; margin:0 0 0 2%; height:36px; line-height:36px;}
	.board-btn button:first-child {margin:0;}
	
	/* faq */
	.faqList { border-top:1px solid #1c1c1c; font-size:14px; border-bottom:1px solid #e5e5e5; }
	.faqList dt a {padding:18px 20px 18px 55px; font-size:16px; line-height:22px;}
	.faqList dt a:before,
	.faqList dd:before { content:''; position:absolute; top:19px; left:25px; width:20px; height:20px; background-size:150px;  }
	.faqList dt a:before {background-position:-70px -25px;}
	.faqList dt a.on:before {background-position:0 -25px;}
	.faqList dd { display:none; padding:20px 25px 20px 55px; line-height:20px; }
	.faqList dd:before { width:16px; height:16px; left:27px; top:22px; background-position:-35px -25px;}

	/* paging */
	.paging {margin-top:15px;}
	.paging .num,
	.paging .pcBtn  {display:none;} 
	.paging .moBtn { display:inline-block; }
	.paging .mNum {display:inline-block; margin:0 12px; font-size:14px; color:#333; line-height:24px;}
	.paging .mNum i {margin-right:10px; color:#036eb8; font-style:normal;}
	.paging .mNum em {margin-left:10px;}
	.paging .btn {margin:0 1px;}
	.paging .btn a { width:25px; height:25px; background-size:100px}
	.paging .btn a.first { background-position:0 -25px; }
	.paging .btn a.prev { background-position:-50px -25px; }
	.paging .btn a.next { background-position:0 -60px; }
	.paging .btn a.last { background-position:-50px -60px; }
	
	/* °Ô½ÃÆÇ paigng */
	.boardPaging {margin-top:45px;}
	.boardPaging dl {font-size:14px; }
	.boardPaging dt {padding:20px 25px; width:86px; text-align:center;}
	.boardPaging dt span:after {display:none;}
	.boardPaging dd {padding:20px 10px; color:#333;}
	
	/* ±âº»Å×À̺í */ 
	.tbl-base {margin-bottom:30px; border-top:1px solid #1c1c1c;}
	.tbl-base tr th {padding:11px 5px;font-size:12px;line-height:16px;}
	.tbl-base tr td {padding:11px 15px;font-size:12px;line-height:16px;}
	.tbl-base tfoot th,
	.tbl-base tfoot td {padding:11px 15px;}
	.tbl-base tfoot th.mtl {text-align:left;}
	.tbl-base .num {font-size:12px;}
	.tbl-alert {position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-135px; width:270px; padding:18px 40px 18px 88px; font-size:13px; line-height:17px; }
	.tbl-alert:before { top:17px; left:34px; }
	.tbl-base .bul-list li {margin-top:5px; font-size:12px;}
	.tbl-base .bul-list li:before {top:7px;}
	
	/* ¹ÝÀÀÇü Å×À̺í */
	.tbl-rsp.tbl-base tr td {padding-left:120px;}  
	.tbl-rsp.tbl-base tr td::before {width:100px; font-size:12px;}
  	.tbl-rsp:before {width:100px;}
  	
	.tbl-rsp-list thead, 
	.tbl-rsp-list colgroup  { display:none; }
	.tbl-rsp-list tr { width:100%; display: block; padding:15px; border-top:1px solid #e5e5e5; box-sizing:border-box;  }
	.tbl-rsp-list tr:first-child { border-top:0; }
	.tbl-rsp-list tr td { position:relative; display:inline-block; font-size:12px; border:0; padding:0; line-height:16px;   }
	.tbl-rsp-list tr td.tc { padding:0; }
	
	.tbl-rsp-list.worker-tbl tr td:nth-child(1) { font-weight:bold; color:#333;  }
	.tbl-rsp-list.worker-tbl tr td:nth-child(2), 
	.tbl-rsp-list.worker-tbl tr td:nth-child(3) { color:#333; }	
	.tbl-rsp-list.worker-tbl tr td:nth-child(4), 
	.tbl-rsp-list.worker-tbl tr td:nth-child(5) { display:inline; }
	.tbl-rsp-list.worker-tbl tr td:nth-child(4):before { content:''; display:block; clear:both; }
	.tbl-rsp-list.worker-tbl tr td:nth-child(2):before, 
	.tbl-rsp-list.worker-tbl tr td:nth-child(3):before { content:''; display:inline-block; width:1px; height:11px; background:#e5e5e5; vertical-align:middle; margin:0 6px 0 5px;   }
	.tbl-rsp-list.worker-tbl tr td:nth-child(5) span:before { content:'('; }
	.tbl-rsp-list.worker-tbl tr td:nth-child(5) span:after { content:')'; }
	
	.no-data-box { font-size:15px; padding:50px 0; }
	.no-data-box span:before { width:39px; height:39px; margin-bottom:10px; background-size:100px auto; background-position:-50px 0; }
	
	.thumbNailList li:nth-child(3n-2) {margin-left:0;} 

}


@media (max-width:400px) {
	.thumbNailList2 li .thumbNailInfo .subject {padding:15px 19px 70px; height:220px; }
	.thumbNailList2 li .subject .title,
	.thumbNailList2 li .subject .detail { font-size:12px; line-height:18px;}
	.thumbNailList2 li .imgThumbNail { /*height:220px;*/ width:48%;  }
}