/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


.thumb img {max-width:100%;}
.mt10 {margin-top:10px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.flex {display:flex;align-items:center;}

.list-header {display:flex;min-height:0px;font-size:15px;color:#ddd;font-weight:500;}
.list-header .right {margin-left:auto}
.list-header span {color:#ffa400;}
.list-header .form-category {height:30px;min-height:30px;width:95px;border: 0;border: 1px solid #404040;background:#333;color:#ddd;}
.list-header .inquiry {border-bottom: 1px solid #000;display:inline-block;margin-left:3px;}
.list-header .inquiry .form-keyword {height:30px;min-height:30px;border: 0;width: 200px;border: 1px solid #404040;background:#333;color:#ddd;}
.list-header .inquiry .btn-inquiry {width:30px;height:30px;border: 0;text-indent:-999px;overflow:hidden;background:url('/images/ico_search.png') no-repeat 50% 50%;}
.public-list {margin:0;padding:0;border-top: 1px solid #404040;margin-bottom:40px;}
.public-list li {position: relative;padding: 13px 250px 13px 15px;list-style:none;border-bottom: 1px solid #404040;}
/* .public-list li {position: relative;padding: 23px 250px 23px 15px;list-style:none;border-bottom: 1px solid #ddd;background:url('/images/ico_arrow.png') no-repeat right 15px top 50%;} */
.public-list li a {font-size:17px;color:#ddd;display:flex;}
.public-list li a span {width:40px;flex:none;}
.public-list li a:hover {color: #fab702 !important;}
.public-list li .date {position: absolute;right: 20px;top: 50%;font-size:15px;color:#000;transform: translateY(-50%);}
/* .public-list li .date {position: absolute;right: 165px;top: 50%;font-size:15px;color:#000;transform: translateY(-50%);} */
.pagination {margin-top:30px;text-align:center;clear:both;line-height:16px;display:flex;justify-content: center;}
.paginate a.pre,.paginate a.next {width:28px;padding:5px 8px 6px;text-indent:-9999px;overflow:hidden;background-color:#fff;}
.paginate a.pre {background:url('/images/ico_paging_prev.png') no-repeat 50% 50%;}
.paginate a.next {background:url('/images/ico_paging_next.png') no-repeat 50% 50%;}
.paginate a.pre:hover,.paginate a.next:hover {color:#fff;background-color:#fff;border:1px solid #e3e3e3;}
.paginate a {display:inline-block;padding:4px 10px 5px;font-size:14px;color:#434a54;text-align:center;border:1px solid #d5d5d5;vertical-align:middle;background:#fff;margin-left:-1px;}
.paginate a.active,.paginate a:hover {border-bottom:3px solid #000;}
.list-search {margin-top:50px;}
.list-search .tit {margin-right:20px;}
.list-search .form-category {height:30px;min-height:30px;width:70px;border:1px solid #d5d5d5;}
.list-search .form-keyword {height:30px;min-height:30px !important;width: 160px;border:1px solid #d5d5d5;}
.list-search .btn-search {width:58px;height:30px;border: 0;background:#8c8c8c;color:#fff;border-radius:3px;}

/* Board_View */
.board_view {width:100%;border-top:2px solid #404040;clear:both;line-height:1.4em;}
.board_view p {font-size:20px !important;}
.board_view th {padding:13px 0 13px 15px;color:#ddd;font-size:17px;text-align:center;border-bottom:1px solid #404040;font-weight:400;}
.board_view td {padding:13px 0 13px 15px;color:#ddd;font-size:17px;text-align:left;border-bottom:1px solid #404040;}
.board_view tbody th {border-bottom:1px solid #404040;background:#222;}
.board_view .tit {padding:13px 0 13px 15px;text-align:left;}
.board_view .cont {padding:20px 20px 25px 20px;text-align:left;line-height:22px;}
.board_view .sns {float:right;margin-right:20px;}
.board_view .img {text-align:center;margin-bottom:20px;}
.board_view .review_cont img {width:100%;}

/* Previous_Next */
.prevnext {width:100%;margin-top:40px;font-size:17px;border-top:1px solid #404040;background:#222;border-bottom:1px solid #404040;overflow:hidden;clear:both;}
.prevnext dt{display:inline-block;float:left;padding:13px 0 13px;border-top:1px solid #404040;text-indent:30px;}
.prevnext dd{display:inline-block;float:left;padding:13px 0 13px;border-top:1px solid #404040;text-indent:15px;}
.prevnext dt {width:25%;font-weight:bold;background:url('/images/board/icon_next.png') no-repeat 12px 23px;font-weight:400;color:#ddd;}
.prevnext dd {position:relative;width:75%;padding-left:0;text-indent:19px;background:url('/images/board/sidebar02.gif') no-repeat left 13px;margin-bottom:0px;}
.prevnext span.date {position:absolute;right:30px;top:13px;width:200px;text-align:right;}
.prevnext dt.first, .prevnext dd.first{border-top:0;}
.prevnext dt.first {border-top:0;background:url('/images/board/icon_pre.png') no-repeat 12px 23px;font-weight:400;color:#ddd;}

@media (max-width: 1200px) {
    .public .down-list {margin-right:-50px;}
    .public .down-list .box {width:calc(100%/3 - 50px);margin-right:50px;}
    .sns-list li {padding: 20px;}
}
@media (max-width: 1024px) {
    .public .cont-header {width:auto;}
}
@media (max-width: 767px) {
    
    .list-header {min-height:50px;font-size:14px;padding-bottom:10px;}
    .list-header .right {float:none !important;}
    .list-header .form-category {width:85px;}
    .list-header .inquiry {margin-left:0;}
    .list-header .inquiry .form-keyword {width: 130px;}
    .public-list li {padding:10px 10px;background:none;}
    .public-list li a {font-size:16px;}
	.board_view th {font-size:16px;}
	.board_view td {font-size:16px;}
	.board_view p {font-size:16px !important;}
	.prevnext dt {font-size:16px;}
	.prevnext dd {font-size:16px;}
	.prevnext span.date {display:none;}
    .public-list li a span {width:26px;display:none;}
    .public-list li .date {right:auto;font-size:12px;position: relative;}
    .list-search .tit {margin-right:0;display:block;}
    .list-search .form-category {flex: none;}
    .list-search .form-keyword  {width:100%;}
    .list-search .btn-search {flex: none;}
    .list-search .in-group {display:flex;}
	.board_view img {width:100%;}
	.team-member h2 {font-size:16px !important;}
}