﻿@charset "utf-8";

/* 게시판 목록 */
#bo_emp {}

#emp_ul {}
#bo_emp .emp_li {margin: 0 0 30px;}

.emp_row .col-gn-0,.latest_row .col-gn-1{width:100%}
.emp_row .col-gn-2{width:50%}
.emp_row .col-gn-3{width:33.33333333%}
.emp_row .col-gn-4{width:25%}
.emp_row .col-gn-5{width:20%}
.emp_row .col-gn-6{width:16.66666667%}
.emp_row .col-gn-7{width:14.28571428%}
.emp_row .col-gn-8{width:12.5%}
.emp_row .col-gn-9{width:11.11111111%}
.emp_row .col-gn-10{width:10%}

.emp_row .box_clear {clear:both}

#bo_emp .btn_more {position: absolute; bottom: 10px; min-width: 102px; height: 30px; line-height: 28px; padding: 0 19px; border: 1px solid #909090; border-radius: 3px;}
#bo_emp .btn_more span {display: inline-block; padding-right: 27px; background: url("img/icon_more.png") no-repeat right center; font-size: 14px; font-weight: 300; text-transform: uppercase;}


/* 공통 */
.emp_box {height: 280px; padding: 20px 0; border-top: 2px solid #ffc000; border-bottom: 1px solid #e1e1e1; -webkit-box-sizing: content-box;-moz-box-sizing : content-box; box-sizing: content-box;}
.emp_box:after {display:block;visibility:hidden;clear:both;content:""}
.emp_box .emp_img {width: 380px; height: 100%;}
.emp_box .emp_img img {width: 100%; height: 100%; object-fit: cover;}

.emp_box .emp_info {position: relative; width: 432px; height: 100%; padding: 10px 0; font-weight: 400;}
.emp_box .bo_cate_link {display: block; margin-bottom: 8px; font-weight: 500; color: #38599c; line-height: 1em;}
.emp_box .bo_title {display: block; margin-bottom: 13px; font-size: 24px; font-family: 나눔스퀘어, NanumSquare, sans-serif; font-weight: 700;}
.emp_box .emp_con {line-height: 1.67em;}
.emp_box .emp_con li {position: relative; padding-left: 12px;}
.emp_box .emp_con li:before {content:""; width: 3px; height: 3px;; background: #222222; position: absolute; top: 11px; left: 0; }


/* 게시판 읽기 */
#bo_v {margin: 30px 0;}

#bo_hd {position: relative;}
#bo_v_title {padding-right: 110px;}
#bo_v_title .bo_v_tit {display:block; font-size: 1.46em; word-break:break-all; font-family: 나눔스퀘어, NanumSquare, sans-serif; font-weight: 700;}
#bo_hd .bo_v_date {position: absolute; top: 0; right: 20px; color: #888;}

#bo_v_atc {min-height:200px;height:auto !important;height:200px; padding: 20px 0 30px; border-bottom: 2px solid #ffc000;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_con {font-weight: 400;}

#bo_v_bottom {zoom:1}
#bo_v_bottom:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bottom h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bottom ul {padding:0;list-style:none;word-break:break-all}

.bo_v_com {margin: 40px 0; text-align: center;}
.bo_v_com li {display: inline-block; margin: 0 3px; vertical-align: top; font-size: 1.067em; font-weight: 400;}


/* 읽기 버튼 */
#bo_v a.btn, #bo_v .btn {line-height: 48px !important; height: 50px !important; padding: 0 60px !important; text-align: center !important;font-size: 1.067em; font-weight: 400;}
#bo_v a.btn_b01, #bo_v .btn_b01 {display: inline-block; background: #f7f7f7; border: 1px solid #e1e1e1; color: #222; text-decoration: none; vertical-align: middle;}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {display: inline-block; background: #38599c; border: 1px solid #38599c; color: #fff; text-decoration: none; vertical-align: middle;}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
#bo_v .btn_list {}