.skip{position:absolute;top:0;height:0;visibility:hidden;font-size:0}
.hide{clear:both;position:absolute;visibility:hidden;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999px}
*:first-child+html body .hide{clear:both;position:absolute;visibility:hidden;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;text-indent:-99999px}
*{padding:0;margin:0}
body{color: #323232;}
/**/
.text-all{position: absolute; font-size: 16px; left: 0; bottom: 15px; line-height: 1;font-weight: 600;}
.text-all strong{color: #c10000;}
/**/
.table-wrap {line-height:1.5;}
.table-wrap .menu-wrap{position: relative; height: 40px;}
.table-wrap .menu-wrap .menu-mobile{display: none;}
.table-wrap .menu-wrap .menu{float: right;}
.table-wrap .menu-wrap .menu ul{z-index: 9;}
.input-small{width: 200px; display: inline-block;}


 /* ---------------------------
	share
------------------------------ */  
.renew-page-wrap{width: 100%; height: 35px; }
.renew-page-utill {position:relative;  height:46px; border:1px solid #dadada; background:#fff; float: right;}
.renew-page-utill > li {float:left; border-left:1px solid #dadada;}
.renew-page-utill > li:first-child {border-left:0;}
.renew-page-utill > li > a {display:block; width:70px; height:46px; font-size:0; line-height:0; text-indent:-10000%;}
.renew-page-utill > li > a:hover,
.renew-page-utill > li > a.active {background-position:center -46px;}
.renew-page-utill .renew-print {background:url(../../../../common/images/board/basic/btn_print.gif) no-repeat center 0;}
.renew-page-utill .renew-fav {background:url(../../../../common/images/board/basic/btn_favorite.gif) no-repeat center 0;}
.renew-page-utill .renew-share {background:url(../../../../common/images/board/basic/btn_share.gif) no-repeat center 0;}
.renew-page-utill .renew-share-list {display:none; position:absolute; top:45px; left:-1px; right:-1px; padding:9px; border:1px solid #dadada; border-top:0; background:#fff; z-index:9;}
.renew-page-utill .renew-share-list > li {padding:5px 4px; border-top:1px solid #f1f1f1; font-size:12px; line-height:23px; color:#636363; text-align:left;}
.renew-page-utill .renew-share-list > li:first-child {border-top:0;}
.renew-page-utill .renew-share-list > li > a {display:block;}
.renew-page-utill .renew-share-list > li img {margin-right:11px; width: auto;}

@media only screen and (max-width: 768px) {
    .renew-page-wrap{width: 100%; height: 40px;}
}

 /* ---------------------------
	share//////
------------------------------ */  


/* list view write */
.table-list{width: 100%;}
.table-list.center {text-align:center;}
.table-list.center .only-mobile {text-align:left;}
.table-list{border-top:2px solid #98b446;margin-top:30px; line-height:normal; table-layout:fixed;}
.table-list .list-header {display:table-header-group; background-color:#f9f9f9; text-align:center; font-weight:600; color:#222; border-bottom:1px solid #999;}
.table-list .list-body{border-bottom:1px solid #98b446;}
.table-list .list-body tr{border-top:1px solid #ddd;overflow:hidden; position:relative;}
.table-list .list-body tr:first-child{border:none;}
.table-list .list-body td {position:relative; font-size: 1em;}
.table-list .list-body td a {display:block; padding:13px 0;}
.table-list .list-body td a div{display:table;width:100%; table-layout:fixed; position:relative;font-size: 1.1em; color: #666;}
.table-list .list-header th,
.table-list .list-header td,
.table-list .list-body td div > span,
.table-list .list-body td div > span,
.table-list .list-body td div > em,
.table-list .list-body td div > em{display:table-cell;padding:0 5px;box-sizing:border-box;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.8;}
.table-list .list-header th {padding-top:16px; padding-bottom:16px;}
.table-list .list-body i.icon-notify {position:absolute; top:50%; left:50%; margin-left:-9px; margin-top:-9px;}

.table-list-1{width: 100%;}
.table-list-1.center {text-align:center;}
.table-list-1.center .only-mobile {text-align:left;}
.table-list-1{border-top:2px solid #98b446;margin-top:10px; line-height:normal; table-layout:fixed;}
.table-list-1 .list-header {display:table-header-group; background-color:#f9f9f9; text-align:center; font-weight:600; color:#222; border-bottom:1px solid #999;}
.table-list-1 .list-body{border-bottom:1px solid #98b446;}
.table-list-1 .list-body tr{border-top:1px solid #ddd;overflow:hidden; position:relative;}
.table-list-1 .list-body tr:first-child{border:none;}
.table-list-1 .list-body td {position:relative; font-size: 1em; padding: 10px 0; vertical-align: middle;}
.table-list-1 .list-body td a {display:block; padding:13px 0;}
.table-list-1 .list-body td p a{padding: 0;}
.table-list-1 .list-body td a div{display:table;width:100%;table-layout:fixed; position:relative;font-size: 1.1em; color: #666;}
.table-list-1 .list-header th,
.table-list-1 .list-header td,
.table-list-1 .list-body td div > span,
.table-list-1 .list-body td div > span,
.table-list-1 .list-body td div > em,
.table-list-1 .list-body td div > em{display:table-cell;padding:0 5px;box-sizing:border-box;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.8;}
.table-list-1 .list-header th {padding-top:16px; padding-bottom:16px;}
.table-list-1 .list-body i.icon-notify {position:absolute; top:50%; left:50%; margin-left:-9px; margin-top:-9px;}

.table-view{border-top:1px solid #333;word-break:keep-all;border-bottom:1px solid #ddd; margin-top: 10px; }
.table-view .view-header{padding:10px 20px;border-bottom:1px solid #ddd; background-color:#f9f9f9; position:relative;}
.table-view .view-header .view-title h1, .table-view .view-header .view-title h2{color:#333;font-size:1.2em;font-weight:600;}
.table-view .view-header .view-info{margin-top:5px; overflow:hidden; font-size:14px;color:#555;}
.table-view .view-header .view-info > span{display:block;float:left; color:#777;}
.table-view .view-header .view-info > span + span {padding-left:40px;}
.table-view .view-header .view-info em {color:#222;}
.table-view .view-header .view-info em + span {margin-left:10px;}
.table-view .view-header .view-info span + span:before {content:"";display:block;float:left;width:1px;height:13px;background-color: #bbb; margin-top:8px; margin-left:-20px;}
.table-view .view-body{padding:30px 15px; line-height:1.8; /*max-width:768px;*/ margin:0 auto; overflow-x:auto; font-size: 15px;}
.table-view .view-body img {height:initial !important;margin: 0 auto; display: block; margin-bottom: 15px;}
.table-view .view-slide{margin:30px 0;}
.table-view .view-footer{display:table; width:100%; overflow:hidden; border-top:1px solid #ddd; box-sizing:border-box; table-layout:fixed;}
.table-view .view-footer .footer-title{display:table-cell; color:#222; position:relative;line-height:1.2; box-sizing:border-box;}
.table-view .view-footer .footer-contnet {display:table-cell;}
.table-view .view-footer .footer-contnet a {text-decoration:underline; color:#005daa;}

.table-view .view-footer.file-area {padding:17px 30px;}
.table-view .file-area .footer-title {width:100px; padding:0; vertical-align:middle; line-height:1.5;}
.table-view .file-area .footer-title:after {display:block; position:absolute; top:8px; right:0; content:""; background:#ddd; width:1px; height:13px;}
.table-view .file-area .footer-title .icon-file {position:absolute; top:2px; left:0; margin-right:5px; color:#005daa;}
.table-view .file-area .footer-contnet {padding-left:20px;}
.table-view .view-footer.answer-area {}
.table-view .answer-area .footer-title {width:115px; padding:30px; background:#f9f9f9;}
.table-view .answer-area .footer-contnet {padding:30px;}



.table-view-nav{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:30px;}
.table-view-nav li {line-height:1.1;}
.table-view-nav li + li {border-top:1px solid #ddd;}
.table-view-nav li a{display:block;padding:16px 0;position:relative; color: #666;}
.table-view-nav li  em{font-size:14px;line-height:1.1;}
.table-view-nav{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:30px;}
.table-view-nav li {line-height:1.1;}
.table-view-nav li + li {border-top:1px solid #ddd;}
.table-view-nav li div{display:block;padding:16px 0;position:relative;}
.table-view-nav li div .nav-title{display:inline-block;max-width:100%;position:relative;box-sizing:border-box;vertical-align:middle;}
.table-view-nav li div .nav-title:hover a{text-decoration: underline;}
.table-view-nav li div .nav-title > span {display:block; max-width:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.table-view-nav li  em{font-size:15px;line-height:1.1;}
.table-view-nav li a{padding: 0;display: initial; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.table-view-nav li .next{padding-left:150px; padding-right:15px;}
.table-view-nav li .next > em{position:absolute;top:50%;left:20px;margin-top:-7px; font-weight: 600;}
.table-view-nav li .next > em:after{content:"";display:block;position: absolute;top:0;left:97px;width:1px;height:13px;background-color:#bbb;}
.table-view-nav li .next > em > i {margin-right:13px; color:#999;  display: inline-block; vertical-align: middle;}
.table-view-nav li .next .nav-title{padding-right:20px;}
.table-view-nav li .next .nav-title.one-ico{padding-right:30px; white-space: normal; text-overflow: ellipsis; overflow: hidden; font-size: 15px;}
.table-view-nav li .next .nav-title.two-ico{padding-right:50px;}
.table-view-nav li .next .nav-title.three-ico{padding-right:50px;}
.table-view-nav li .prev{padding-left:127px; padding-right:15px;}
.table-view-nav li .prev > em{position:absolute;top:50%;left:20px;margin-top:-7px;}
.table-view-nav li .prev > em:after{content:"";display:block;position: absolute;top:0;left:97px;width:1px;height:13px;background-color:#bbb;}
.table-view-nav li .prev > em > i {margin-right:13px; color:#999;  display: inline-block; vertical-align: middle;}
.table-view-nav li .prev .nav-title{padding-right:20px;}
.table-view-nav li .prev .nav-title.one-ico{padding-right:30px;}
.table-view-nav li .prev .nav-title.two-ico{padding-right:50px;}
.table-view-nav li .prev .nav-title.three-ico{padding-right:50px;}
.table-view-nav li .nav-title .ico-set {position: absolute; right: 0; top: -2px;}
.contents-view-img{text-align: center;}
.contents-view-img img{margin-bottom: 15px;}

#DivContents{margin: 30px 0; font-size: 15px;}
#DivContents p { margin-bottom: 0;}
.board_view > div {width:100%; padding:20px; border-bottom:1px solid #d5d6da; }
.board_view_subject { font-size:22px; text-align:center; background:#f0f1f7; border-top: 1px solid #1428a0;}
.board_view_content  { text-align:center;font-size: 16px;}
.board_view_file_area li a{font-size: 16px;}
.board_view_file_area i{font-size: 20px; vertical-align: middle;}
.board_view_content > span { display:inline-block; padding:0 15px;color:#343434;}
.board_view_content .board_view_date {}
.board_view_file a { color:#416ee2; text-decoration:underline;}


.notice-table .number {width:10%;}
.notice-table .list-body .number {overflow:visible; display:inline-block; width:50px; font-size: 1em; color: #01567f; font-weight: 600; }
.notice-table .title {width:68%; overflow:hidden;}
.notice-table .list-body .title {text-align:left;}
.notice-table .list-body .title > span {display:inline-block; position:relative; box-sizing:border-box; max-width:100%; vertical-align:middle;}
.notice-table .list-body .title > span.three-ico{padding-right:50px;}
.notice-table .list-body .title > span.two-ico{padding-right:50px;}
.notice-table .list-body .title > span.one-ico{padding-right:30px;}
.notice-table .list-body .title > span > span{display:block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.2;}
.notice-table .list-body .title .ico-set{position:absolute;right:0;top:-2px; color: #01567f; font-weight: 600;}
.notice-table .date {width:11%;}
.notice-table .hits {width:11%;}


.table-write {}
.table-write, .table-write > table  {width: 100%;position: relative;display: inline-block;}
.table-write > table{width: 100%; height: auto; table-layout: fixed; border-collapse: collapse;}
.table-write > table thead, .table-write > table thead tr ,.table-write > table tbody ,  .table-write > table tbody tr {width: 100%;display: table;}
.table-write > table tr th,  .table-write > table tr td {padding: 10px 10px 8px 10px;line-height: 20px;height: auto;border-bottom: 1px solid #d2d2d2;text-align: center;vertical-align: middle;font-size: 16px;}
.table-write > table tr td img{width: auto;}
.table-write > table thead tr th  {background-color: #f8f8f8;font-weight: 600;font-size: 14px;text-align: center;}
.table-write > table {width: 100%;border-top: 1px solid #333 ;}
.table-write > table thead tr th, .table-write > table tbody tr th, .table-write > table tbody tr.rh_4_cols th {background-color: #f9f9f9;border-right: 1px solid #d2d2d2;text-align: center;width: 15%;font-size:16px;min-width: 70px;box-sizing: border-box;-ms-word-break: break-all;word-break: break-all;word-break: break-all;font-weight: 600; }
.table-write > table tbody  tr.rh_4_cols td {width: 35%;}
.table-write > table  thead tr td, .table-write > table  tbody tr td {text-align: left; padding-left: 5px;word-wrap: break-word;}
.table-write > table tbody tr td span{font-weight: 300;}
.table-write > table  tbody tr.table-write_cntn  td {padding-top: 30px;padding-bottom: 30px;}
.table-write table tbody tr:hover td {font-weight:normal;}
.table-write input,.table-write textarea,.table-write select{ background: #fff; border: 1px solid #ddd; border-radius: 5px; height: auto; font-size: 15px; color: #343434; margin: 0; font-weight: 300;}
.table-write input[type=checkbox]{margin-top: 4px; margin-right: 0;}

.table-write01 > table tbody tr th{text-align: left;font-size: 15px;}
.table-write01 input, .table-write01 textarea, .table-write01 select{font-size: 15px;}


.table-write02 {}
.table-write02, .table-write02 > table  {width: 100%;position: relative;}
.table-write02 > table{width: 100%; height: auto; table-layout: fixed; border-collapse: collapse;}
.table-write02 > table thead, .table-write02 > table thead tr ,.table-write02 > table tbody ,  .table-write02 > table tbody tr {width: 100%;}
.table-write02 > table tr th,  .table-write02 > table tr td {padding: 10px 10px 8px 10px;line-height: 20px;height: auto;border-bottom: 1px solid #d2d2d2;vertical-align: middle;font-size: 16px; text-align: left;}
.table-write02 > table tr td img{width: auto;}
.table-write02 > table tr td .form-group{margin-bottom: 0;}
.table-write02 > table tr td .input-group{margin-bottom: 5px;}
.table-write02 > table tr td .input-group:last-child{margin-bottom: 0;}
.table-write02 > table thead tr th  {background-color: #f8f8f8;font-weight: 600;font-size: 14px;}
.table-write02 > table {width: 100%;border-top: 1px solid #333 ;}
.table-write02 > table thead tr th, .table-write02 > table tbody tr th, .table-write02 > table tbody tr.rh_4_cols th {background-color: #f9f9f9;border-right: 1px solid #d2d2d2;font-size:1.1em;box-sizing: border-box;-ms-word-break: break-all;word-break: break-all;word-break: break-all; font-weight: 600;}

.table-write02 > table  thead tr td, .table-write02 > table  tbody tr td {text-align: left; padding-left: 5px;word-wrap: break-word;}
.table-write02 > table  tbody tr.table-write02_cntn  td {padding-top: 30px;padding-bottom: 30px;}
.table-write02 table tbody tr:hover td {font-weight:normal;}
.table-write02 input,.table-write02 textarea,.table-write02 select{ background: #fff; border: 1px solid #ddd; border-radius: 5px; height: auto; font-size: 1em; color: #000; margin: 0; font-weight: normal;}
.table-write02 input[type=checkbox]{margin-top: 4px; margin-right: 0;}


@media only screen and (min-width: 0px) and (max-width: 767px){
	.table-view{margin-top:15px;}
	.table-view .view-header {padding:10px 10px;}
	.table-view .view-header .view-title h2{font-size:14px;}
	.table-view .view-header .view-info{font-size:12px;}
	.table-view .view-header .view-info > span > em{display:none;}
	.table-view .view-header .view-info > span > em.tit-visible {display:inline-block;}
	.table-view .view-header .view-info em + span {margin-left:0;}
	.table-view .view-header .view-info em.tit-visible + span {margin-left:10px;}
	.table-view .view-header .view-info span + span:before {margin-top:6px; height:12px;margin-left: -10px;}
    .table-view .view-header .view-info > span + span{padding-left: 20px;}
	.table-view .view-body{padding:20px 0px;}

	.table-view .view-footer .footer-title {font-size:12px;}
	.table-view .view-footer.file-area {padding:15px 10px;}
	.table-view .file-area .footer-title {width:100px; padding:0 10px 0 18px;}
	.table-view .file-area .footer-contnet {padding-left:10px;}
	.table-view .answer-area .footer-title {padding:15px 10px; width:60px;}
	.table-view .answer-area .footer-contnet {padding:15px 10px;}


	.table-view .view-slide {margin:20px 0; padding:0;}

	.table-view-nav{margin-top:20px;}
	.table-view-nav li{float:none;width:100%;}
	.table-view-nav li a{padding:7px 0;}
	.table-view-nav li em{font-size:12px;}
	.table-view-nav li .next{padding:13px 10px 13px 95px;}
	.table-view-nav li .next:after{display:none;}
	.table-view-nav li .next > em{left:10px;background-size:10px auto;background-position:0 -8px;}
	.table-view-nav li .next > em:after{left:75px;}
	.table-view-nav li .prev{padding:13px 10px 13px 95px;text-align:left;}
	.table-view-nav li .prev > em{right:auto;left:10px;background-size:10px auto;background-position:0 3px;}
	.table-view-nav li .prev > em:after{left:75px;}
	.table-view-nav li .prev > em > i {margin-right:10px;}
	.table-view-nav li .next .nav-title,
	.table-view-nav li .prev .nav-title{padding:0;}
	.table-view-nav li .next > em > i {margin-right:10px;}
	.table-view-nav li .next .nav-title.one-ico,
	.table-view-nav li .prev .nav-title.one-ico{padding:0 20px 0 0;}
	.table-view-nav li .next .nav-title.one-ico,
	.table-view-nav li .prev .nav-title.two-ico{padding:0 35px 0 0;}
	.table-view-nav li .next .nav-title.one-ico,
	.table-view-nav li .prev .nav-title.three-ico{padding:0 0px 0 0;}
	.table-view-nav li .next .ico-lock,
	.table-view-nav li .prev .ico-lock{right:10px;}

	/* sns share */
	.table-view .view-header .share-wrap {display:block; right:10px; margin-top:-17px;}
	.table-view .view-header .share-wrap .share-open {width:35px; height:35px; padding:6px; font-size:18px;}
	.table-view .view-header .share-wrap .share-list {width:263px; height:35px; padding-right:35px;}
	.table-view .view-header .share-wrap .share-list li a {height:35px; line-height:35px;}
	.table-view .view-header .share-wrap .share-list .share-tit {width:35px; height:35px;}
	.table-view .view-header .share-wrap .share-list .share-close {width:35px; height:35px; font-size:17px; padding:7px;}

}

/* device display */
.cont-mobile {display:none !important} 
.only-mobile {display:none !important} 
.only-mobile-view {display:none !important} 


.comment-wrap {margin-top:30px;}

.comment-wrap .comment-list {margin-top:30px;}
.comment-wrap .list-num {font-size:16px; color:#222;}


.comment-wrap .comment-list ul {margin-top:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.comment-wrap .comment-list li {display:table; position:relative; width:100%; padding:20px; box-sizing:border-box; table-layout:fixed;}
.comment-wrap .comment-list li + li {border-top:1px solid #dbdbdb;}

.comment-wrap .comment-list .depth1 {}
.comment-wrap .comment-list .depth2 {padding-left:95px;  background-color:#f9f9f9;}
.comment-wrap .comment-list .depth2:before {content:""; display:table-cell; position:absolute; top:20px; left:70px; width:10px; height:10px; border-left:1px solid #999; border-bottom:1px solid #999;}
.comment-wrap .comment-list .depth3 {padding-left:120px; background-color:#f9f9f9;}
.comment-wrap .comment-list .depth3:before {content:""; position:absolute; top:20px; left:95px; width:10px; height:10px; border-left:1px solid #999; border-bottom:1px solid #999;}
.comment-wrap .comment-list .depth4 {padding-left:135px; background-color:#f9f9f9;}
.comment-wrap .comment-list .depth4:before {content:""; position:absolute; top:20px; left:120px; width:10px; height:10px; border-left:1px solid #999; border-bottom:1px solid #999;}

.comment-wrap .comment-list li .list-img-wrap {display:table-cell; width:60px; padding-right:20px; vertical-align:top;}
.comment-wrap .list-img-wrap a {display:block;}
.comment-wrap .list-img-wrap .list-img {width:60px; height:60px; overflow:hidden; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.comment-wrap .list-img-wrap .list-img img {width:100%;}

.comment-wrap .comment-list li .list-content {display:table-cell;  vertical-align:top; width:100%;}
.list-content .content-user {display:inline-block; margin-right:12px; height:19px; padding:1px 0; position: relative; color: #222; box-sizing:border-box;}
.list-content .content-user i {margin-right:7px;}
.list-content .content-user:after {content:""; display:inline-block; margin-left:12px; margin-top: 2px; width:1px; height:12px; background:#bbb; vertical-align: text-top;}
.list-content .content-date {display:inline-block; color: #777; height:19px; padding:1px 0; box-sizing:border-box;}
.list-content .content-text {display:block; margin-top:10px; line-height:1.5;}
.list-content .list-make-btn {margin-top:15px;}
.list-content .list-revise-btn {position:absolute; top:20px; right:20px;}
.list-content .list-revise-btn a,
.list-content .list-revise-btn button {display:inline-block;}
.list-content .list-revise-btn a + a,
.list-content .list-revise-btn button + button {margin-left:5px;}


.comment-wrap .content-user i {width:18px; height:18px; color:#fff; background:#000; text-align:center; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; vertical-align:middle;}
.comment-wrap .content-user i:before {display:block; line-height:18px;}
.comment-wrap .content-user .icon-facebook {font-size:16px; background-color:#3a5897;}
.comment-wrap .content-user .icon-twitter {font-size:16px; background-color:#01bbf6;}
.comment-wrap .content-user .icon-googleplus {font-size:20px; background-color:#ef4135;}
.comment-wrap .content-user .icon-googleplus:before {line-height: 0px; top: 11px; position: absolute;}
.comment-wrap .content-user .icon-naver {font-size:14px; background-color:#32b44a;}
.comment-wrap .content-user .icon-kakaostory {font-size:16px; background-color:#fec10d;}


.comment-write .write-info {overflow:hidden;}
.write-info .info-title {float:left; line-height:40px; font-size:16px; font-weight:600;}
.write-info .info-title i {margin-right:10px;}
.write-info .info-user {float:left; line-height:40px; font-size:16px; font-weight:600;}
.write-info .info-user i {margin-right:10px;}
.write-info .info-login {float:right; display:inline-block;}
.write-info .info-login .sns-login {display:inline-block; vertical-align:top;}
.write-info .info-login .sns-login ul {overflow:hidden; border:1px solid #ddd;}
.write-info .info-login .sns-login ul li {float:left;}
.write-info .info-login .sns-login ul li + li {border-left:1px solid #ddd;}
.write-info .info-login .sns-login ul li a,
.write-info .info-login .sns-login ul li button {display:block; padding:7px 6px 6px 7px; width:25px; height:25px; background-color:#fff;}
.write-info .info-login .sns-login + .normal-btn {margin-left:6px;}
.write-info .info-logout {float:right; display:inline-block;}
.write-info .normal-btn {display:inline-block; vertical-align:top;}
.write-info .normal-btn a,
.write-info .normal-btn button {display:block; height:40px; line-height:40px; padding:0 20px; border:1px solid #999; color: #222; background-color:#fff; box-sizing:border-box;}

.comment-wrap .write-form {display:table; width:100%; table-layout:fixed;}
.comment-wrap .write-info + .write-form {margin-top:10px;}
.write-form .form-area {display:table-cell; position:relative; padding:15px; height:70px; border:1px solid #dbdbdb; border-right:none; color:#999; background-color:#fff; box-sizing:border-box}
.write-form .form-area .form-img {position:absolute; top:15px; left:15px; width:60px; height:60px; overflow:hidden; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.write-form .form-area .form-img img {width:100%; text-align:center;}
.write-form .form-area .form-text {display:block; width:100%; height:100%; padding-left:70px; box-sizing:border-box;}
.write-form .form-area .form-text textarea {width:100%; height:100%; padding-left:5px; line-height:1.4; overflow:auto; resize: none; border:none;}
.write-form .form-submit {display:table-cell; width:100px; vertical-align:top; position:relative;}
.write-form .form-submit a,
.write-form .form-submit button {display:block; width:100%; height:100px; color:#fff; background-color:#01567f; border: 0;}


.comment-wrap .comment-write {padding:20px; border:1px solid #ddd; background-color:#f9f9f9; position: relative;}
.comment-wrap .comment-write i {width:25px; height:25px; color:#fff; background:#000; text-align:center; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; vertical-align:middle;}
.comment-wrap .comment-write i:before {display:inline-block; line-height:26px; vertical-align:top;}
.comment-wrap .comment-write .icon-facebook {font-size:21px; background-color:#3a5897;}
.comment-wrap .comment-write .icon-twitter {font-size:21px; background-color:#01bbf6;}
.comment-wrap .comment-write .icon-googleplus {font-size:28px; background-color:#ef4135;}
.comment-wrap .comment-write .icon-googleplus:before {line-height:28px;}
.comment-wrap .comment-write .icon-naver {font-size:18px; background-color:#32b44a;}
.comment-wrap .comment-write .icon-kakaostory {font-size:21px; background-color:#fec10d;}

@media (max-width:768px) {
    .table-wrap .menu-wrap .menu{width: auto;}
    .table-wrap .menu-wrap .menu a.menu-button, .table-wrap .menu-wrap .menu ul li a{width: 150px;}
    .table-wrap .menu-wrap .menu ul{position: absolute;}
}
@media only screen and (min-width: 0px) and (max-width: 767px){

	/* device display */

	.only-mobile {display:block !important} 
	.only-mobile-view {display:block !important} 
	.only-pc {display:none !important} 
	.only-pc-view {display:none !important}
	.tablecell-mobile {display:none} 
	.tablecell-view {display:table-cell} 

	.table-list {margin-top:15px;}
	.table-list .list-header{padding:14px 0;}
	.table-list .list-body td {color:#555;}
	.table-list .list-body td a{padding:14px 0;}

	.table-list .list-body td a em:after {content:"";display:block; position:absolute; top: 6px; right:0; background-color:#bbb;width:1px;height:12px;}
	.table-list .list-body td a em:last-child:after {display:none;}
	.table-list .list-header th,
	.table-list .list-header td,
	.table-list .list-body td div > span,
	.table-list .list-body td div > span,
	.table-list .list-body td div > em,
	.table-list .list-body td div > em {/* padding: 0 10px;  */position: relative; margin-top:10px;}
	.table-list .list-body i.icon-notify {left:initial;}

    .table-list-1 {margin-top:15px;}
	.table-list-1 .list-header{padding:14px 0;}
	.table-list-1 .list-body td {color:#555;}
	.table-list-1 .list-body td a{padding:14px 0;}

	.table-list-1 .list-body td a em:after {content:"";display:block; position:absolute; top: 6px; right:0; background-color:#bbb;width:1px;height:12px;}
	.table-list-1 .list-body td a em:last-child:after {display:none;}
	.table-list-1 .list-header th,
	.table-list-1 .list-header td,
	.table-list-1 .list-body td div > span,
	.table-list-1 .list-body td div > span,
	.table-list-1 .list-body td div > em,
	.table-list-1 .list-body td div > em {/* padding: 0 10px;  */position: relative; margin-top:10px;}
	.table-list-1 .list-body i.icon-notify {left:initial;}

	.respond-list .list-header {display:none;}
	.respond-list .list-body td a {padding:15px 0;}
	.respond-list .list-body td a > div {padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block;}
	.respond-list .list-body td div > span, .table-list.respond-list .list-body td div > span{float:left;width:100%;max-width:100%;text-align:left;font-size:1em;}
	.respond-list .list-body td div > em, .table-list.respond-list .list-body td div > em{display:inline-block;float:left;width:auto;font-size:13px;}
    .respond-list .list-body td div > em span span{color: #01567f; text-decoration: underline;}
    .respond-list .list-body td div > em span span:hover{font-weight: 600;}
	.respond-list .list-body i.icon-notify {margin-left:0; margin-top:-8px;}
	.cul-table .list-body a > em.number {display:none;}
    .write-form .form-area .form-text{padding-left: 0;}
    .only-mobile .title:hover{font-weight: 600;color: #01567f;}


	.comment-wrap .comment-list {margin-top:15px;}
	.comment-wrap .list-num {padding:0 10px; font-size:13px;}

	
	.comment-wrap .comment-list ul {margin-top:5px;}
	.comment-wrap .comment-list li {padding:15px 10px;}
	.comment-wrap .comment-list li .list-img-wrap {width:30px; padding-right:10px;}
	.comment-wrap .list-img-wrap .list-img {width:30px; height:30px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
	.comment-wrap .comment-list li .list-content {padding-top:2px;}
	.list-content .content-text {margin-top:5px;}
	.list-content .list-revise-btn {top:inherit; bottom:15px; right:10px;}

	.comment-wrap .comment-list .depth2 {padding-left:28px;}
	.comment-wrap .comment-list .depth2:before {left:10px; width:8px; height:8px;}
	.comment-wrap .comment-list .depth3 {padding-left:43px;}
	.comment-wrap .comment-list .depth3:before {left:25px; width:8px; height:8px;}


	.comment-wrap .content-user i {width:15px; height:15px; margin-right:5px;}
	.comment-wrap .content-user i:before {line-height:16px;}
	.comment-wrap .content-user .icon-facebook {font-size:13px;}
	.comment-wrap .content-user .icon-twitter {font-size:13px;}
	.comment-wrap .content-user .icon-googleplus {font-size:16px;}
	.comment-wrap .content-user .icon-googleplus:before {top:9px;}
	.comment-wrap .content-user .icon-naver {font-size:11px;}
	.comment-wrap .content-user .icon-kakaostory {font-size:13px;}
}
@media (max-width:600px){   
    .table-write > table{border: 1px solid #ddd;border-top: 1px solid #333;}
    .table-write > table colgroup{display: none;}
    .table-write > table thead tr th, .table-write > table tbody tr th, .table-write > table tbody tr.rh_4_cols th{border: 0;}
    .table-write > table tbody tr th{width: 100%; display: block;padding: 10px 0px!important; border-bottom: 1px solid #ddd;}
    .table-write > table tr td{width: 100%; display: block; padding: 10px 0px!important; border-bottom: 1px solid #ddd;}
    .table-write > table tr:last-child td{border-bottom: 0;}
    .btn_check{text-align: center;}
}

@media (max-width: 500px) {
    .write-form .form-area, .write-form .form-submit{display: block;}
    .write-form .form-area{border: 1px solid #ddd;height: 100px;}
    .write-form .form-submit{margin-top: 10px; width: 100%; }
    .write-form .form-submit button{border-radius: 5px; font-size: 1.2em; height: auto; padding: 5px 0;}
    .table-view-nav li .prev,.table-view-nav li .next{padding-left: 100px;}
    .table-view-nav li .prev > em:after,.table-view-nav li .next > em:after{left: 60px;}
    .table-wrap .menu-wrap .menu{display: none;}
    .table-wrap .menu-wrap .menu-mobile{display: block;}
    .table-wrap .menu-wrap .menu-mobile .fa{margin: 0;}
    .table-wrap .menu-wrap .menu-mobile a.menu-button, .table-wrap .menu-wrap .menu-mobile ul li a{width: 50px; margin: 0; padding: 0; text-align: center;}
    .table-wrap .menu-wrap .menu-mobile ul li a img{margin: 0;}
    .table-view .view-body{padding: 30px 0;}
}

/* ---------------------------
	table--------------------------------------------------------------------------------------------
------------------------------ */

/* checkbox */
.chk {position:relative; display:inline-block; vertical-align:middle; line-height:1.5;}
/*.chk + .chk {margin-left:15px}*/
.chk label {margin-left:27px; color:#555;display:inline-block;min-height:16px; margin-bottom: 0;}
.chk label:after {position:absolute; top:0; left:0; display:block; width:18px; height:18px; content:""; background:#fff url(../../common/images/bg_form-checkbox.png) no-repeat; background-size:36px auto;}
.chk input[type=checkbox] {position:absolute;top:0;left:0;opacity:0.5; width:16px; height:16px; display:inline-block; display: none;}
.chk input[type=checkbox]:checked ~ label:after {background-position:0px bottom; color:#1d7cf6; font-weight:700}
.chk input[type=checkbox]:focus ~ label:before {content:''; position:absolute; top:-1px; left:-1px; display:block; width:18px; height:18px; border:1px dotted #555; }
.chk input[type=checkbox]:disabled ~ label:after {background-position:-18px 0; color:#777}
.chk input[type=checkbox]:disabled:checked ~ label:after {background-position:-18px bottom; color:#777}
.chk-input {display:inline-block; width:300px;}
.chk-input input[type=text] {width:200px; margin-left:10px; box-sizing:border-box;}


/* ---------------------------
	paging
------------------------------ 
.paging{width:100%; text-align:center; font-size:0; margin-top:30px;}
.paging > div{font-size:0;}
.paging > div a{display:inline-block; width:38px; height:38px; padding:10px 0; border:1px solid #757a85; font-size:15px; line-height:1; text-align:center; vertical-align:middle;}
.paging > div a:first-child{border-right:none;}
.paging > div a:last-child{border-left:none;}
.paging > div div.num{display:inline-block; margin:0 20px;font-size: 0;}
.paging > div div.num a{display:inline-block; width:38px; height:38px; padding:10px 0; border:1px solid #ddd; border-left: 0; font-size:15px; line-height:1; text-align:center; vertical-align:middle;}
.paging > div div.num a:first-child{border-left:1px solid #ddd;}
.paging > div div.num a.active{background:#333; color:#fff;}*/

/* ---------------------------
	pagination
------------------------------ */
.paging{width:100%; text-align:center; font-size:0; margin-top:30px;}
.pagination{display:inline-block;padding-left:0;margin:0 auto;border-radius:0}
.pagination{display:inline-block;padding-left:0;margin:18px 0 0;border-radius:0}
.pagination > li { display: inline; border-radius: 3px;}
.pagination > li > a, .pagination > li > span { position: relative; float: left;width:38px; height:38px; padding: 10px 0; line-height: 1; text-decoration: none; background-color: #fff; border: 1px solid #ddd; margin: 0 3px; color: #343434;}
.pagination > li:hover > a, .pagination > li.active > a{ color: #fff; background: #1428a0; border: 1px solid #1428a0;}
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0;}
.pagination > li:last-child > a, .pagination > li:last-child > span {}
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 17px;}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {}
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px;}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0;}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0;}
/* ---------------------------
	pagination----------------------------------------------
------------------------------ */


/* ---------------------------
	paging----------------------------------------------
------------------------------ */


/* ---------------------------
	button
------------------------------ */
.btn-list {
    margin: 30px 0;
    padding: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.btn_type{ font-size: 0.9em; font-weight: 600; position: relative; display: inline-block; cursor: pointer; border-radius: 5px; white-space: nowrap; vertical-align: middle; overflow: visible;  text-align: center; padding: 0 15px; border: 1px solid #01567f; background: #fff; color: #01567f; margin-bottom: 3px; }

.btn_type2 { font-size: 1em; position: relative; display: inline-block; cursor: pointer; border-radius: 5px; white-space: nowrap; vertical-align: middle; overflow: visible; line-height: 36px; text-align: center; min-width: 130px; border: 1px solid #ccc; background: #ddd; color: #333; }
.btn_type2:hover { border: 1px solid #ccc; background: #7f7f7f; color: #fff; border-radius: 5px;    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;}
.btn_type2.btc-blue { background: #01567f; border: 1px solid #01567f; color: #fff; min-width: 130px; border-radius: 5px; box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset }
.btn_type2.btc-blue:hover { background: #00354f; border: 1px solid #00354f;  transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all; }

.btn-date-pick {display:inline-block; width:28px; height:28px; border:1px solid #bbb; background:#f9f9f9; position:absolute; right:0; top:0;}
.btn-file-list {color:#005daa; text-decoration:underline; color:#005daa;}
.btn-file-list.disabled {color:#999;}
.btn-file-delete {display:inline-block; box-sizing:border-box; margin-top:-3px; width:14px; height:14px; border:1px solid #005daa; font-size:0;}
.btn-file-delete > i {color:#005daa; font-size:10px; width:8px; height:7px; overflow:hidden}
.btn-file-delete > i:before {display:block;margin-left:-1px;margin-top:-1px;}
.btn-file-delete.disabled, .btn-file-delete:disabled {border:1px solid #dbdbdb;}
.btn-file-delete.disabled > i, .btn-file-delete:disabled > i {color:#999;}

.btn-gray-s{display:inline-block; min-width:108px; height:40px; border-radius: 5px; padding:0 20px; background-color:#999; text-align:center; color:#fff; font-size:1.2em; border:1px solid #999;}
.btn-gray-s:hover,
.btn-gray-s:focus{color:#fff; background: #666;}
.btn-gray-s.disabled, .btn-gray-s:disabled {background-color:#dedede;border:1px solid #dedede;color:#999;}

.btn-white-s{ display:inline-block; min-width:72px; height:28px; padding:0 10px; line-height:28px; background-color:#fff; color:#222; font-size:14px; text-align:center;vertical-align:middle;border:1px solid #999;white-space:nowrap}
.btn-white-s:hover,
.btn-white-s:focus{color:#222;}
.btn-white-s.disabled, .btn-white-s:disabled {background-color:#dedede;border:1px solid #dedede;color:#999;}

.btn-white-m { display:inline-block; height:35px; padding:0 10px; background-color:#fff; text-align:center; color:#222; font-size:14px; line-height:35px; border:1px solid #999; font-weight:700;}
.btn-white-m > i {font-size:12px; margin-right:5px;}
.btn-white-m:hover,
.btn-white-m:focus {color:#222}
.btn-white-m.disabled, .btn-white-m:disabled {border-color:#dbdbdb; color:#999;}

.btn-white { display:inline-block; min-width:108px; height:40px; padding:0 20px; background-color:#fff; text-align:center; color:#222; font-size:1.2em; border:1px solid #999;}
.btn-white:hover,
.btn-white:focus {color:#222}
.btn-white.disabled, .btn-white:disabled {border-color:#dbdbdb; color:#999;}

.btn-blue { display:inline-block; min-width:100px; height:40px; vertical-align: middle; padding:0 20px; background-color:#1f3449; text-align:center; color:#fff; font-size:1em; border:1px solid #1f3449; font-weight: 600;}
.btn-blue > i {margin-left:10px; font-size:15px;}
.btn-blue:hover,
.btn-blue:focus {color:#fff;background:#3e9830; border: 1px solid #3e9830;}
.btn-blue.disabled, .btn-blue:disabled {background-color:#858585; color:#fff; border-color:#858585;}

.btn-sky { display:inline-block; height:45px; padding:0 20px;  vertical-align: middle;background-color:#10afed; text-align:center; color:#fff; font-size:15px;  border:1px solid #10afed;}
.btn-sky > i {margin-left:10px; font-size:15px;}
.btn-sky:hover,
.btn-sky:focus {color:#fff; border: 1px solid #107ea9; background: #107ea9;}
.btn-sky.disabled, .btn-sky:disabled {background-color:#858585; color:#fff; border-color:#858585;}

.btn-gray { display:inline-block; height:45px; padding:0 20px; vertical-align: middle; background-color:#555; font-weight: 600; text-align:center; color:#fff; font-size:15px; border:1px solid #555;border-radius: 5px;}
.btn-gray > i {margin-left:10px; font-size:15px;}
.btn-gray:hover,
.btn-gray:focus {color:#fff}
.btn-gray.disabled, .btn-gray:disabled {background-color:#555; color:#fff; border-color:#555;}

.btn-green-s { display:inline-block; min-width:100px;border-radius: 5px;  vertical-align: middle;padding:5px 20px; font-weight: 600; background-color:#3e9830; text-align:center; color:#fff; font-size:1em; border:1px solid #3e9830;}
.btn-green-s > i {}
.btn-green-s:hover,
.btn-green-s:focus {color:#fff; background-color: #307625; border: 1px solid #307625;}
.btn-green-s.disabled, .btn-green-s:disabled {background-color:#307625; color:#fff; border-color:#307625;}

.btn-blue-s {display:inline-block; min-width:100px; height:45px; padding:0 20px; text-align:center; color:#fff; font-size:1.2em; }
.btn-blue-s > i {}

.btn-blue-s{display:inline-block;  min-width:100px; height:45px; line-height: 43px; vertical-align: middle; font-weight: 600; padding:0 20px; background-color:#0597f2; color:#fff; font-size:1.1em; text-align:center;border:1px solid #0597f2;white-space:nowrap; }
.btn-blue-s:hover,.btn-blue-s:focus{color:#fff; background: #0057e1; border: 1px solid #0057e1;transition:all .2s;-webkit-transition:all .2s;}

.btn-black-s {display:inline-block; min-width:100px; height:45px; padding:0 20px; text-align:center; color:#fff; font-size:1.2em;}
.btn-black-s > i {}

.btn-black-s{display:inline-block;  min-width:100px; height:45px; line-height: 43px; vertical-align: middle; font-weight: 600; padding:0 20px;  background-color:#333; color:#fff; font-size:1.1em; text-align:center;border:1px solid #333;white-space:nowrap;}
.btn-black-s:hover,.btn-black-s:focus{color:#fff; background: #000; border: 1px solid #000;transition:all .2s;-webkit-transition:all .2s;}

.btn-black-xs{display:inline-block;  height:25px; padding:5px 10px; line-height:25px; background-color:#333; color:#fff; font-size:12px; text-align:center;border:1px solid #333;white-space:nowrap;border-radius: 5px;}
.btn-black-xs:hover,.btn-black-xs:focus{color:#fff; background: #000; border: 1px solid #000;transition:all .2s;-webkit-transition:all .2s;}



.btn-blue-xs{display:inline-block;  height:32px; padding:0px 15px; background-color:#5555e4; color:#fff; font-size:12px; text-align:center;border:1px solid #5555e4;white-space:nowrap;border-radius: 5px;}
.btn-blue-xs:hover,.btn-blue-xs:focus{color:#fff; background: #3939b0; border: 1px solid #3939b0;transition:all .2s;-webkit-transition:all .2s;}



.btn-red-s { display:inline-block; min-width:100px; height:45px; vertical-align: middle; padding:0 20px; text-align:center; color:#fff; font-size:1.2em; }
.btn-red-s > i {}

.btn-red-s{display:inline-block;  min-width:100px; height:45px; line-height: 43px; padding:0 20px; font-weight: 600; background-color:#BC121A; color:#fff; font-size:1.1em; text-align:center;border:1px solid #BC121A;white-space:nowrap;}
.btn-red-s:hover,.btn-red-s:focus{color:#fff; background: #a00007; border: 1px solid #a00007;transition:all .2s;-webkit-transition:all .2s;}

.btn-red-xs{display:inline-block; height:32px; padding:0px 15px; background-color:#BC121A; color:#fff; font-size:12px; text-align:center;border:1px solid #BC121A;white-space:nowrap; border-radius: 5px;}
.btn-red-xs:hover,.btn-red-xs:focus{color:#fff; background: #a00007; border: 1px solid #a00007;transition:all .2s;-webkit-transition:all .2s;}



.btn-more-s > i {}
.btn-more-s{display:inline-block;  min-width: 130px;  padding:10px 30px; color:#fff; font-size:18px; text-align:center;border:2px solid #fff;font-weight: 600; border-radius: 30px;}
.btn-more-s:hover,.btn-red-s:focus{transition:all .2s;-webkit-transition:all .2s;}


.btn_gray, .btn_black, .btn_yellow, .btn_red, .btn_green, .btn_blue{padding: 5px 10px; color: #fff!important; border-radius: 5px; font-size: 0.8em;}
.btn_gray{ background: #999999;}
.btn_black{ background: #000;}
.btn_yellow{ background: #ffc22a;}
.btn_red{ background: #ff0000;}
.btn_green{ background: #7da84c;}
.btn_blue{ background: #10afed;}
/* ---------------------------
	button----------------------------------------------
------------------------------ */



/* ---------------------------
	search
------------------------------ */
.search_form {
    
}
.search_form_in{
    width: 540px;
    margin: 30px auto;
    border: 1px solid #dcdcdc;
}
.search_form select {
    width: 100px;
    height: 50px;
    border: 0;
    box-sizing: border-box;
    font-size: 15px;
    color: #323232;
    margin: 0;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 20px;
    background: url(../../common/images/search_select.png) no-repeat center right 10px;
    background-size: 12px 6px;
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
}
.search_form .search_form_in span:after{
    content: '';
    position: relative;
    text-align: center;
    font-size: 12px;
    height: 70%;
    line-height: 24px;
    border-right: 1px solid #ddd;
}
.search_form input[type="text"] {
    width: 372px;
    height: 50px;
    border: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0 50px 0 10px;
    vertical-align: bottom;
    background: none;
}
.search_form input[type="submit"] {
    background: url(../../common/images/search_btn.png) no-repeat center;
    text-indent: -999999999px;
    border: 0;
    width: 50px;
    height: 50px;
    border: 0;
    box-sizing: border-box;
    vertical-align: middle;
    background-size: 20px 20px;
}


/*search*/
.search-toggle{
	display:block;
	border-right: solid 1px rgba(255,255,255,.15);
	border-left: solid 1px rgba(255,255,255,.15);
	padding: 11px 15px;
	line-height: 18px;
}

#nav-search{
	position:absolute;
	top:100%;
	right:0;
	left:0;
	background:rgba(0,0,0,.9);
	z-index:99;
}
#nav-search form{
	margin: 15px 0;
}
#nav-search .search-field{
	border:none !important;
	background:transparent !important;
	font-size:52px;
	font-weight:100;
	color:#6d6d6d;
	height:70px;
	line-height:1;
	padding:0;
}
#nav-search button{
	border:none !important;
	background: transparent !important;
	color:#6d6d6d;
	font-size:10px;
	outline:none;
}
#nav-search button:hover{
	color:#fff;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* ---------------------------
	share
------------------------------ */
.menu{margin-right: 10px;  position: relative; display: table; float: left;}
.menu a.menu-button,.menu ul li a{cursor:pointer;box-sizing: border-box;display: inline-block; width: 150px; height: 40px; padding: 0 5px; background-color: #fff; text-align: center; color: #666; font-size: 1em; line-height: 40px; border: 1px solid #ddd; font-weight: 500; }
.menu a.menu-button:hover,.menu ul li a:hover{background: #f1f1f1;}
.menu ul{display: block;position: absolute;}
.menu ul li a{font-size: 0.9em; border-top: 0; text-align: left; padding: 0 15px; font-weight: normal;}
.menu ul li a img{margin-right: 8px;}
.menu .hide{display:none;}

/* ---------------------------
	share --------------------------------------------------------------------------------------
------------------------------ */

/* ---------------------------
	new-table
------------------------------ */  

/* board search  */

.board-search-wrap {padding: 0 0 15px; float: right; text-align:center; box-sizing:border-box; width: 100%; position: relative;}
.board-search-wrap input[type=text] {width:250px; background-color: #fff; height: 45px; border: 1px solid #ddd;box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); border-radius: 0;}
.board-search-wrap input.input-width[type=text] {width:320px;}
.board-search-wrap .search-wrap { max-width:855px; position:relative;float: right;}
.board-search-wrap .search-wrap:after {content:""; display:block; clear:both;}
.board-search-wrap .sel select{background: #fff; width: auto; color: #000; font-size: 1em;height: 45px;border: 1px solid #ddd;}
.board-search-wrap .search-wrap + .search-wrap {margin-top:6px;}
.board-search-wrap .search-wrap .search-input {display:table; float:left;}
.board-search-wrap .search-wrap .search-input-1{padding-left: 5px;}
.board-search-wrap .search-wrap .search-input > div {display:table-cell; vertical-align:middle;}
.board-search-wrap .search-wrap .search-input > div + div {padding-left:5px;}
.board-search-wrap .search-wrap .search-input > span {display:table-cell; vertical-align:middle; min-width:20px;}
.board-search-wrap .search-wrap .search-input + .search-btn {padding-left:5px;}
.board-search-wrap .search-wrap .search-btn {display:flex; float:left;}
.board-search-wrap .search-wrap .search-btn > div {display:table-cell;vertical-align: middle;}
.board-search-wrap .search-wrap .search-btn > div + div {padding-left:5px;}
/*.board-search-wrap .search-wrap .search-btn > div input[type="submit"]{background-image: url(../../common/images/icon_search_w.png); background-position: center; background-repeat: no-repeat; text-indent: -999999px; padding: 0;}
.board-search-wrap .search-wrap .search-btn > div input[type="submit"]:hover{}
.board-search-wrap .search-wrap .search-btn > div input[type="button"]{background-image: url(../../common/images/icon_search_w.png); background-position: center; background-repeat: no-repeat; text-indent: -999999px; padding: 0;}*/
.board-search-wrap .search-wrap .search-btn > div input[type="button"]:hover{}

.board-search-wrap01 .search-wrap{max-width: 100%;}
.board-search-wrap01 .sel select{max-width: 127px;}
.board-search-wrap01 .search-wrap .search-btn > div input{float: left; margin-right: 3px;}
.board-search-wrap01 .search-wrap .search-btn > div input:last-child{margin-right: 0;}
.board-search-wrap01 .search-wrap .search-btn > div input.btn_sum{background-image: url(../../common/images/icon_sum.png); background-position: center; background-repeat: no-repeat; text-indent: -999999px; padding: 0; background-color: #fff; border: 1px solid #666;background-size: 22px;}
.board-search-wrap01 .search-wrap .search-btn > div input.btn_list{background-image: url(../../common/images/icon_list.png); background-position: center; background-repeat: no-repeat; text-indent: -999999px; padding: 0; background-color: #fff; border: 1px solid #666;background-size: 22px;}
.board-search-wrap01 .search-wrap .search-btn > div input.btn_sum.on{background-image: url(../../common/images/icon_sum_w.png); background-color: #fff; border: 1px solid #bc121a;background-size: 22px;}
.board-search-wrap01 .search-wrap .search-btn > div input.btn_list.on{background-image: url(../../common/images/icon_list_w.png); background-color: #fff; border: 1px solid #bc121a;background-size: 22px;}

.board-search-wrap02{padding: 0;}

@media (max-width: 926px){
    .board-search-wrap .search-wrap-ac{width: 100%;}
   .search-input-width > div{width: auto!important;}
    .board-search-wrap .sel select{margin-bottom: 0; width: 100%;}
   .search-input-wrap{margin-top: 5px; padding-left: 0!important; display: block!important; float: none!important;}
    .board-search-wrap input.input-width[type=text] { width: 70%; float: left;}
    .board-search-wrap .search-wrap .search-input-wrap > div{display: block;}
    .board-search-wrap .search-input-wrap > div:last-child{float: left; width: auto!important;}
.board-search-wrap .search-wrap .search-input-width {
    float: none;
    width: 100%;
    padding-right: 0;
}
    .board-search-wrap .search-wrap .search-input-width > div{width: 100%;}

}

@media (max-width: 767px){
   
    
	/* board search */
	.board-search-wrap { padding:10px 0; border-left:none; border-right:none;width: 100%; float: none;}
	.board-search-wrap .sel {width:100%; max-width:none;}
	.board-search-wrap input[type=text] {width:100%;}
	.blind + .board-search-wrap {margin-top:15px;}
	.board-search-wrap .search-wrap {width:100%; float: none;}
    .board-search-wrap .search-wrap .search-btn{display: table;}
	.board-search-wrap .search-wrap .search-input {float:none; width:100%; padding-right:0;}
    .board-search-wrap .search-wrap .search-input-1{padding-left: 0; margin-top: 10px;}
	.board-search-wrap .search-wrap .search-input.ty2 {width:100%;}
	.board-search-wrap .search-wrap .search-input > div {width:48%;}
	.board-search-wrap .search-wrap .search-input + .search-btn {float:none; padding-top:10px; padding-left:0;}
	.board-search-wrap .search-btn {width:100%;}
	.board-search-wrap .search-btn > div:last-child {width:60px;}
    .board-search-wrap .sel select{margin-bottom: 0; width: 100%;}
}

@media (max-width: 500px) {
    .board-search-wrap .search-wrap .search-btn > div{display: block; width: 100%; padding: 0!important;}
    /*.board-search-wrap .search-btn > div:last-child{width: 100%;}*/
    .board-search-wrap .sel select{width: 100%;}
    .board-search-wrap .btn-blue-s{width: 100%; padding: 0; margin-top: 10px;}
    .board-search-wrap .search-wrap .search-input-width > div{width: 100%!important; display: table-caption; padding-left: 0!important; margin-bottom: 5px;}
    .search-input-wrap{padding-top: 0!important; margin-top: 0!important;}
    .board-search-wrap input.input-width[type=text]{width: 100%;}
    .board-search-wrap .search-input-wrap > div:last-child{width: 100%!important;}
    
}


/* ---------------------------
	search--------------------------------------
------------------------------ */


/*.tbl_skin*/
.tbl_skin{margin-bottom:10px;width:100%;border-top:1px solid transparent;border-bottom:1px solid transparent;}
.tbl_skin th:first-child,
.tbl_skin td:first-child{border-left:none}
.tbl_skin th.trw,
.tbl_skin td.trw{border-right:1px solid #ddd;}
.tbl_skin tbody th,
.tbl_skin thead th{vertical-align:middle;}
.tbl_skin thead th,
.tbl_skin tfoot th{background-image:none;}
.tbl_skin tbody th{/*color:#004993;*/color:#333;}
.tbl_skin thead th{ padding: 10px 0; background: #f5f5f5; font-size: 16px; }
.tbl_skin td  .btn-file{font-size:12px;}
.list_subject{position: relative; width: 100%; overflow: hidden;}
.list_subject i{font-size: 20px; vertical-align: middle;}
.list_subject i.xi-new-o{color: #ff0000;}
.list_subject i.xi-attachment{color: #1428a0;}
.list_subject a:hover{text-decoration: underline;}
.list_subject span{float: left;}
.list_subject span.label_comment{font-weight: 400; color: #000; padding: 0; line-height: 1.6; font-size: 18px;}
.tbl_skin td.left span.link{width: auto; height: 28px; max-width: 85%; word-break: break-all; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 15px; margin-right: 2%;}
.tbl_skin{border-top: 1px solid #333;}

.tbl_skin th,
.tbl_skin td{text-align: center; padding: 15px 0;  border-bottom: 1px solid #e5e5e5;vertical-align: middle; font-size: 15px;  word-break: break-all;}
.tbl_skin th{font-size: 16px; font-weight: 600;}
.tbl_skin td{font-weight: 600;}
.tbl_skin td img{width: auto;}
.problem_file img{width: auto;}
.tbl_skin td.left{text-align: left; padding-left: 30px;}
.tbl_skin tbody th{background-color:#f1f1f1;}

/*tbl_skin1*/
.tbl_skin1{border-top:0;}
.tbl_skin1 tbody th{background-color: #f8f8f8;font-weight: 600;}
.tbl_skin1 th, .tbl_skin1 td{padding: 10px 15px;}
.tbl_skin1 td{text-align: left;}

/*tbl_skin2*/
.tbl_skin2{margin-top: 15px;}
.tbl_skin2 thead th{padding: 10px; font-size: 14px;}
.tbl_skin2 td.left{padding-left: 0;}
.tbl_skin2 td .list_subject a, .tbl_skin2 td.date{ font-weight: 600;}
.tbl_skin2 td{padding: 10px; font-size: 14px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.tbl_skin2 td .list_subject{width: 100%;}
.tbl_skin2 td.left span.link{max-width: 100%;}

/*tbl_skin3*/
.tbl_skin3{margin-top: 15px;}
.tbl_skin3 tbody th{}
.tbl_skin3 th, .tbl_skin3 td{padding: 10px; font-size: 14px;}
.tbl_skin3 th{font-size: 15px; font-weight: 600;}
.tbl_skin3 td{border-left: 1px solid #e5e5e5; line-height: 1.6;}

/*tbl_skin4*/
.tbl_skin4{margin-top: 15px;}
.tbl_skin4 tbody th{background-color: #fff2f2;}
.tbl_skin4 th, .tbl_skin3 td{padding: 10px; font-size: 14px;}
.tbl_skin4 th{font-size: 15px; font-weight: 600;}
.tbl_skin4 td{border-left: 1px solid #e5e5e5; line-height: 1.6;}

/*tbl_skin5*/
.tbl_skin5 th, .tbl_skin5 td{padding: 10px; font-size: 14px;}


@media (max-width:900px) {
    .tbl_skin .problem_file{display: none;}
}
@media (max-width:800px) {

}

@media (max-width:600px) {
    .tbl_skin td.left{text-align: left; padding-left: 15px;}
    .tbl_skin .problem_number, .tbl_skin .problem_count,.tbl_skin .problem_file{display: none;}
    .tbl_skin .title{width: 40%;}

}
@media (max-width:420px) {
    .tbl_skin td.left{text-align: left; padding-left: 0px;}
    .tbl_skin .problem_number, .tbl_skin .problem_count,.tbl_skin .problem_file,.tbl_skin .write{display: none;}
    .tbl_skin .title{width: 30%;}
    }

 /* ---------------------------
	new-table//////
------------------------------ */  


 /* ---------------------------
	reference-board
------------------------------ */  
.board_refr-list {border-top: 1px solid #333; border-bottom: 1px solid #ddd; }
.board_refr-list > ul {margin-left:-10px; margin-right:-10px; overflow:hidden; margin-top: 10px; margin-bottom: 10px;}
.board_refr-list > ul > li {padding:10px; overflow:hidden; line-height:1.5; position:relative; box-sizing: border-box;}
.board_refr-list > ul > li > .board_refr_wrap {display:block; position: relative; width:100%; /*height:100%;*/ overflow:hidden; border: 1px solid #ddd;}
.board_refr-list .board_refr-con {padding:12px;  background:#fff;}
.board_refr-list .board_refr-con .board_refr-tit {font-size:16px; font-weight:600; color:#222; display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; height:20px; min-height:20px; word-wrap:break-word; display:inline-block; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_refr-list .board_refr-con .board_refr-tit a{word-break: break-all; display: inline-block; width: auto; max-width: 90%; height: 20px; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_refr-list .board_refr-con .board_refr-tit span.newIcon{float: left;}
.board_refr-list .board_refr-con .board_refr-date {color:#777; font-size: 0.9em;}
.board_refr-list .board_refr-con .board_refr-desc {margin-top:11px; display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; height:3em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_refr-list .board_refr-con .btnDown{border: 1px solid #aaa; padding: 7px 10px; display: inline-block; margin-top: 10px; color: #333;}
.board_refr-list .board_refr-con .btnDown:hover{color: #fff;font-weight: 600;border: 1px solid #BC121a;}
.board_refr-list .board_refr-con .btnDown i{margin-right: 5px;}
.board_refr-list .board_refr-img {position:relative; overflow: hidden;}
.board_refr-list .board_refr-img img {max-width:100%;}
.board_refr-list.square .board_refr-img {padding-bottom:100%;}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #BC121A;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #fff;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.board_refr-list > ul > li {width:33.3%;}
}

@media only screen and (min-width: 0px) and (max-width: 767px){
	.board_refr-list {margin-top:5px; padding:10px 0;}
	.board_refr-list > ul {display:block; margin-left:0; margin-right:0; padding:0;}
	.board_refr-list > ul > li {display:block; width:100%; padding:10px 0 0; max-height: none;}
	.board_refr-list .board_refr-con {padding:15px 10px;}
	.board_refr-list .board_refr-con .board_refr-tit {font-size:15px; line-height: 1; height:auto; max-height:4.5em; -webkit-line-clamp:3; min-height:inherit;}
	.board_refr-list .board_refr-con .board_refr-date {margin-top:10px;}
	.board_refr-list .board_refr-con .board_refr-desc {display:none;}
	.board_refr-list .wide-board_refr .board_refr-con {position:relative; opacity:1;}
    .board_refr-list .board_refr-con .btnDown{font-size: 13px;}
}

@media screen and (max-width: 768px) {
    .board_refr-list .board_refr-con .board_refr-tit{display: initial; white-space: initial; }
    .board_refr-list .board_refr-con .board_refr-tit a{display: initial; width: auto; max-width: 100%; float: none; text-overflow: initial; white-space: initial; overflow: initial;}
    .board_refr-list .board_refr-con .board_refr-tit span.newIcon{float: none;}
}

 /* ---------------------------
	reference-board//////
------------------------------ */  

/* search */
.basic_box {position:relative;display:block;margin-bottom:50px;padding:15px 20px 10px 20px;background:#fff;border:1px solid #d9d9d9;}
.basic_box:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.basic_box:after{content:"";display:block;visibility:hidden;clear:both;}
.basic_box *{vertical-align:middle; border: 0; font-size: 1em;}
.basic_box label{}
.board_total{display:block;float:none;margin:0;padding-left:18px;background:url(../../basic/images/icon_bbs.gif) no-repeat 0 13px;color:#666;font-size:13px;line-height:36px;}
.board_total *{vertical-align:baseline;}
.board_total .bold.red{color:#e03321;}

.basic_search{display:block;float:none;position:relative;padding-left:0;}
.basic_search .grap{display:block;position:relative;width:100%;}
.basic_search .grap select{margin-bottom:5px;padding:0 10px;width:100%;height:36px;border:1px solid #ddd;line-height:36px;}
.basic_search .searchinput{position:relative;padding-right:50px;border:1px solid #ddd;}
.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;width:48px;height:34px;/*text-indent:-9999em;*/border:none;background:url(../../basic/images/r_find_btn.png) no-repeat scroll 50% 50%;/*background:url(../../basic/images/icon_bbs.png) center center no-repeat;background-image:url(../../basic/images/icon_bbs.svg), none;*/font-size:0;line-height:0;}
.basic_search .searchinput input[type="submit"]:focus{outline:1px dotted #666;}
.basic_search .searchinput input[type="text"]{width:100%;height:34px;padding:0 40px 0 10px;border:none;}
.basic_box label{padding:0 10px;line-height:34px;}

@media only screen and (min-width:480px) {
	.basic_search .grap,
	.basic_search .searchinput{display:inline-block;width:auto;}
	.basic_search .grap select{margin-bottom:0;width:86px;}
	.basic_search .searchinput input[type="text"]{width:240px;}
}

@media only screen and (min-width:640px) {
	.board_total{display:inline-block;float:left;}
	.basic_search{display:inline-block;float:right;padding-left:0;}
	.basic_search .searchinput{}
	.bbs_searchbox input[type="text"]{width:100%;}	
}



/* list */
.list_1st{margin:10px 0;padding:0;}
.list_1st li,
.list_1st dd{margin:3px 0;padding-left:11px;background:url(../../basic/images/list_bul1.gif) no-repeat 0 9px;color:#444;font-size:14px;word-wrap:break-word;word-break:keep-all;}
.list_1st dt{margin-top:10px;font-size:15px;font-weight:bold;}
.list_1st dt:first-child{margin-top:0;}
.list_2st{margin:4px 0;padding:0;}
.list_2st li{margin:3px 0;padding-left:11px;background:url(../../basic/images/list_bul2.gif) no-repeat left 11px;color:#555;}
.list_3st{margin:4px 0;padding:0;}
.list_3st li{margin:3px 0;padding-left:11px;background:url(../../basic/images/list_bul3.gif) no-repeat left 8px;}
.list_1st li *,
.list_1st dd *,
.list_2st li *,
.list_3st li *{vertical-align:middle}


/* table style */
table caption{position:relative;height:0;font-size:0;line-height:0;}
.tbl_basic{margin-bottom:10px;width:100%;border-top:3px solid transparent;border-bottom:1px solid transparent;}
.tbl_basic th,
.tbl_basic td{padding:10px 15px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;}
.tbl_basic th:first-child,
.tbl_basic td:first-child{border-left:none}
.tbl_basic th.trw,
.tbl_basic td.trw{border-right:1px solid #ddd;}
.tbl_basic tbody th,
.tbl_basic thead th{vertical-align:middle;}
.tbl_basic thead th,
.tbl_basic tfoot th{background-image:none;}
.tbl_basic tbody th{/*color:#004993;*/color:#333;}
.tbl_basic thead th{color:#333; padding: 20px 0; background: #f5f5f5; font-size: 1.3em; font-weight: 600;}
.tbl_basic td  .btn-file{font-size:12px;}
.tbl_basic{border-top-color: #ff4b1e;border-bottom-color:#ddd;}
.tbl_basic th,
.tbl_basic td{
    text-align: center;
    padding: 13px 0;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
    font-size: 1em;
    color: #555;
    word-break: keep-all;
}
.tbl_basic td.left{text-align: left; padding-left: 50px;}
.tbl_basic tbody th{background-color:#f1f1f1;}

.tbl_basic.tbl_type1{border-top-color:#000;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 th,
.tbl_basic.tbl_type1 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type1 thead th{background-color:#fff;border-bottom-color:#ccc;}

.tbl_basic.tbl_type1 tfoot th{background-color:#fafafa;}

.tbl_basic.tbl_type2{border-top-color:#004993;border-bottom-color:#ccc;}
.tbl_basic.tbl_type2 th,
.tbl_basic.tbl_type2 td{border-left-color:#ddd;border-bottom-color:#ddd;}
.tbl_basic.tbl_type2 tbody th{background-color:#fff;color:#333;text-align:left;}
.tbl_basic.tbl_type2 thead th{background-color:#f1f1f1;}
.tbl_basic.tbl_type2 tfoot th{background-color:#f1f1f1;}

 

.tbl_basic.tbl_type2 .level0{background-color:#fafafa;color:#333;}
.tbl_basic.tbl_type2 .level0 th{background-color:#fafafa;}
.tbl_basic.tbl_type2 .level0 th,
.tbl_basic.tbl_type2 .level0 td{color:#000;font-weight:bold;}


@media (max-width:800px) {
    .tbl_basic thead th{color:#333; padding: 20px 0; background: #f5f5f5; font-size: 1em; font-weight: 600;}
}

@media (max-width:600px) {
    .tbl_basic td.left{text-align: left; padding-left: 20px;}
    .tbl_basic .problem_number, .tbl_basic .problem_count,.tbl_basic .problem_file{display: none;}
    .tbl_basic .title{width: 40%;}
    .tbl_basic td{text-align: center;padding: 13px 0;border-bottom: 1px solid #e5e5e5;vertical-align: middle;font-size: 1em;color: #555;word-break: keep-all;}

}
@media (max-width:420px) {
    .tbl_basic td.left{text-align: left; padding-left: 0px;}
    .tbl_basic .problem_number, .tbl_basic .problem_count,.tbl_basic .problem_file,.tbl_basic .write{display: none;}
    .tbl_basic .title{width: 30%;}
    .tbl_basic td{text-align: center;padding: 13px 0;border-bottom: 1px solid #e5e5e5;vertical-align: middle;font-size: 1em;color: #555;word-break: keep-all;}
}

/*table view*/
#content .content_in {
    clear: both;
    width: 100%;
    font-size: 15px;
    color: #4a4a4a;
    padding-top: 60px;
    padding-bottom: 40px;
    word-break: break-all;
    word-break: keep-all;
    position: relative;
}
.b_view_subject {
    clear: both;
    font-size: 25px;
    font-weight: normal;
    color: #333;
    margin-bottom: 30px;
    line-height: 30px;
    text-align: center;
}
.b_view {
    position: relative;
    clear: both;
    width: 100%;
    color: #666;
    border-top: 2px solid #ff4b1e;
    border-bottom: 2px solid #e5e5e5;
    line-height: normal;
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}
.b_view td {
    padding: 16px 10px;
    padding-left: 10px;
    text-align: left;
    border-bottom: #ddd solid 1px;
    line-height: 1.6em;
    font-size: 14px;
}
.b_view .l_line {
    background: url(../../basic/images/b_view_bar.gif) no-repeat left center;
}
.b_view .con_in {
    padding: 16px 20px 30px 16px;
    min-height: 200px;
    line-height: 1.6em;
    font-size: 16px;
}
.b_view p, .b_view span, .b_view div, .b_view li {
    font-size: 16px;
}
.b_view .add_file {
    padding-left: 38px;
    background: url(../../basic/images/add_file_bl.gif) no-repeat 12px 18px;
}
.b_view td a {
    color: #666;
}
.boardblock {
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 0 0 15px 0;
    text-align: center;
    font-size: 13px;
    padding-top: 10px !important;
}
.boardblock .right {
    float: right;
    padding-right: 3px;
}
.boardblock .right span {
    margin-left: 5px;
}
.button1 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #444;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
.button2 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #ff4b1e;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
.button1 a {
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    background: #444;
    color: #fff !important;
    cursor: pointer;
    padding: 0 25px 0 25px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: 'NanumBarunGothic',Dotum,Helvetica,AppleGothic,Sans-serif !important;
}
.button2 a {
    white-space: nowrap;
    font-size: 16px;
    font-weight: normal;
    background: #ff4b1e;
    color: #fff !important;
    cursor: pointer;
    padding: 0 25px 0 25px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: 'NanumBarunGothic',Dotum,Helvetica,AppleGothic,Sans-serif !important;
}
.b_preview {
    clear: both;
    width: 100%;
    color: #666;
    border: #e0e0e0 solid 1px;
    line-height: normal;
    font-size: 14px;
    margin-top:50px;
}
.b_preview th {
    padding: 16px 0 16px 0;
    border-bottom: #e0e0e0 solid 1px;
    text-align: center;
    font-weight: normal;
    color: #333;
    font-size: 14px;
}
.b_preview th.next {
    background: url(../../basic/images/bl_next.gif) no-repeat center right;
}
.b_preview th.prev {
    background: url(../../basic/images/bl_prev.gif) no-repeat center right;
}
.b_preview td {
    padding: 16px 16px;
    border-bottom: #e0e0e0 solid 1px;
    text-align: left;
    font-size: 14px;
    background: url(../../basic/images/b_view_bar.gif) no-repeat left center;
}

@media (max-width:980px){
    .b_view td {
    padding: 16px 10px;
    padding-left: 10px;
    text-align: left;
    border-bottom: #ddd solid 1px;
    line-height: 1.6em;
    font-size: 14px;
    width: 300px;
}    
    .b_view td.l_line {
    width: 15%;
}  
}
@media (max-width:720px){
    .b_view td.l_line {
    width: 15%;
}    
}
@media (max-width:720px){
    .b_view td.l_line {
    width: 10%;
}    
}
@media (max-width:470px){
    .b_view .tr_line{width: 100%;}
    .b_view td.l_line, .b_view td.td_line {
    width:95%;
    float: left;
    background: none;
    padding: 16px 0px;
    padding-left: 20px;
}   
}
@media (max-width:400px){
    .button1 a {
    white-space: nowrap;
    font-size: 0.8em;
    font-weight: normal;
    background: #444;
    color: #fff !important;
    cursor: pointer;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: 'NanumBarunGothic',Dotum,Helvetica,AppleGothic,Sans-serif !important;
}
.button2 a {
    white-space: nowrap;
    font-size: 0.8em;
    font-weight: normal;
    background: #ff4b1e;
    color: #fff !important;
    cursor: pointer;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: 'NanumBarunGothic',Dotum,Helvetica,AppleGothic,Sans-serif !important;
}
}

/*table write*/
/*---General Webvoard start-----------*/
.rh_webboard {
	margin-top: 30px;
}
.rh_webboard, .rh_webboard > table  {
	width: 100%;
	position: relative;
	display: inline-block;
}
.rh_webboard > table{
	border-top: 2px solid #005aab;
    width: 100%;
    height: auto;
    table-layout: fixed;
    border-collapse: collapse;
}
.rh_webboard > table thead, .rh_webboard > table thead tr ,.rh_webboard > table tbody ,  .rh_webboard > table tbody tr {
	width: 100%;
	display: table;
}
.rh_webboard > table tr th,  .rh_webboard > table tr td {
	padding: 10px 10px 8px 10px;
	line-height: 20px;
	height: auto;
	border-bottom: 1px solid #d2d2d2;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}
.rh_webboard > table thead tr th  {
	background-color: #f9f9f9;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.rh_view > .rh_head_blue {
	margin-top: 30px;
	margin-bottom: 15px;
}
.rh_view > table {
	width: 100%;
	border-top: 2px solid #ff4b1e;
}
.rh_view > table thead tr th, .rh_view > table tbody tr th, .rh_view > table tbody tr.rh_4_cols th   {
	background-color: #f9f9f9;
	border-right: 1px solid #d2d2d2;
	text-align: center;
	width: 15%;
	font-size:16px;
	min-width: 70px;
	box-sizing: border-box;
	-ms-word-break: break-all;
     word-break: break-all;
     /*Non standard for webkit */
     word-break: break-word;
}
.rh_view > table tbody  tr.rh_4_cols td {
	width: 35%;
}

.rh_view > table  thead tr td, .rh_view > table  tbody tr td {
	text-align: left; 
	padding-left: 20px;
	  word-wrap: break-word;
}
 .rh_view > table  tbody tr.rh_view_cntn  td {
	padding-top: 30px;
	padding-bottom: 30px;
 }
.rh_view table tbody tr:hover td {
	font-weight:normal;
 }
 
.tbl_wrap table {
	width: 100%;
}
.tbl_wrap table tr {
	width: 100%;
}
.rh_wr_cmt th {
	background-color: #f9f9f9;
    border: 1px solid #d2d2d2;
    text-align: center;
	vertical-align: middle;
    width: 15%;
    min-width: 70px;
    box-sizing: border-box;
}
.rh_wr_cmt td {
	padding: 10px 10px 10px 10px;
    line-height: 18px;
    height: auto;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    font-size: 14px;
}

@media (max-width:500px) {
    .rh_view > table thead tr th, .rh_view > table tbody tr th, .rh_view > table tbody tr.rh_4_cols th {
        background-color: #f9f9f9;
        border-right: 1px solid #d2d2d2;
        text-align: center;
        width: 15%;
        font-size: 1em;
        box-sizing: border-box;
        -ms-word-break: break-all;
        word-break: break-all;
        /*Non standard for webkit */
        word-break: break-word;
    }
.rh_write table tr td input.frm_file {
    border: 1px solid #d2d2d2;
    padding: 5px;
    width: 100%;
}
}


/*Write page*/
.rs_fc_red {
    color: #ff4b1e !important;
}
.rh_write table tr td input, .rh_write table tr td textarea {
	border: 1px solid #d2d2d2;
	padding: 5px;
}
.rh_write table tr td input[type=text] {
	width: 80%;
}
.rh_write table tr td textarea {
	width: 100%;
	height: 150px;
}
.rh_write .rh_btn_wrap,  .rh_btn_wrap {
	width: 100%;
	text-align: center;	
	display: inline-block;
	margin-top: 20px;
}
.rh_write .rh_btn_wrap .rh_btn  {
	width: 100px;
	margin-right: 20px;
}
.rh_write .rh_btn_wrap .rh_btn:hover {
	color: white;
}
.rh_write table tr td.rh_date_row input {
	width: 100px;
}
.rh_write table tr td.rh_date_row3 input {
	width: 300px;
}



/* ---------------------------
	table_password
------------------------------ */

.table_password{position: relative; width:450px; max-width: 100%; margin:0 auto; box-shadow:rgba(50, 50, 50, 0.45) 6px 0px 12px -8px, rgba(50, 50, 50, 0.45) -6px 0px 12px -8px; text-align: center; padding: 50px 0;}
.pass_tit{border-bottom: 1px solid #ddd; line-height: 1.8; padding-bottom: 30px;}
.pass_tit h2{font-size: 28px; font-weight: 500;}
.pass_tit p{color: #1428a0; font-size: 20px; margin-bottom: 0; padding: 15px 0;}
.pass_tit span{font-size: 16px; color: #666; line-height: 1.3; font-weight: 300;}
.table_password fieldset{padding: 30px 30px 0;}
.table_password fieldset input{width: 100%; font-size: 16px;padding: 12px 15px; border: 1px solid #ddd;}
.table_password fieldset input[type="submit"]{background: #1428a0; color: #fff; border-radius: 5px; margin-top: 10px; font-size: 18px; }







/* ---------------------------
	table_password----------------------------------------------
------------------------------ */



@media screen and (max-width:980px) {
    .tbl_skin td.left span.link{ max-width: 80%;}
    
}


@media screen and (max-width:890px) {
    .list_subject{width: 100%;}
    .tbl_skin td.left{padding-left: 0;}
    .tbl_skin td.left span.link{max-width: 80%;}
    
}


@media screen and (max-width:767px) {
    .text-all{position: relative; bottom: 0; text-align: left; margin-top: 25px; font-size: 14px;}
    .search-btn .btn_wrap .btn-blue-s{height: 45PX; line-height: 43PX;}
    .list_subject span.label_comment{margin-left: 0!important; line-height: 1;}


    .tbl_skin thead th{font-size: 15px;}
    .tbl_skin th, .tbl_skin td{font-size: 14px; line-height: 1.3;}
    .tbl_skin td.left span.link{font-size: 14px; height: 20px; max-width: 70%;}
    .list_subject i{font-size: 16px;}
    
    .tbl_skin1 colgroup{display: none;}
    .tbl_skin1 tbody th{width: 90px; text-align: left;}

    .btn-more-s, .btn-black-s, .btn-red-s,.btn-blue-s{font-size: 13px;}
    .btn-black-s, .btn-red-s, .btn-blue-s{height: 35px; line-height: 33px;}
    .board_view_subject{font-size: 20px;}
    .board_view > div{ padding: 15px;}
    .board_view_content{}
     .board_view_content > span{width: 100%; text-align: left; font-size: 14px; display: block;}
    .board_wrap span.list_subject{width: 100%;}
    .board_view_file_area li a{font-size: 14px;}
    ul.board_list li div{float: none;}
    .board_wrap.board_list div span{text-align: left;padding: 0; width: 100px; margin-top: 5px; height: 20px; line-height: 20px;}
    
}


@media screen and (max-width:480px) {
     /*paging*/
    .pagination{margin: 0 auto;}
    .pagination > li > a, .pagination > li > span{font-size: 13px; height: 30px; width: 30px;padding: 6px 0;} 
}

@media screen and (max-width:767px) {
    .tbl_skin td.left span.link{ max-width: 70%;}
}