@charset "utf-8";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
/* SIR */

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_gall a.btn_b01 {}
#bo_gall a.btn_b01:focus, #bo_gall .btn_b01:hover {}
#bo_gall a.btn_b02 {}
#bo_gall a.btn_b02:focus, #bo_gall .btn_b02:hover {}
#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
#bo_gall a.btn_admin:focus, #bo_gall a.btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {border-radius:3px}
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
#bo_v a.btn_b02 {background:#aea18c;border-radius:3px;border:1px solid #aea18c;}
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
#bo_v a.btn_admin {background-color:tomato;border:1px solid tomato;border-radius:3px;} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {color:#fff !important}

/* 쓰기 버튼 */
#bo_w .bd{border:1px solid #e9e9e9; padding:20px 0;margin:20px 0;border-radius:3px}
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w .btn_cancel {}
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */

/* 기본테이블 */
/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_address {}
#bo_w .frm_file {}
#bo_w .frm_info {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 caption {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
#bo_w .tbl_frm01 textarea {height: 300px;}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

#bo_w .required, #bo_w textarea.required {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

#bo_gall #gall_allchk {margin:0 10px}

#bo_gall #gall_ul {margin:10px 0 0;padding:0 10px;list-style:none}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}

#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px;width:25%}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

#bo_gall .gall_li {padding:0 15px;position:relative;margin-bottom:20px;}
/*#bo_gall .gall_li .gall_href{border:1px solid #ebe6de;border-top:none;border-radius:0 0 3px 3px}*/
#bo_gall .gall_li .gall_href img {width:100%;height:auto;}
/*#bo_gall .gall_clear {clear:both}*/
#bo_gall .gall_li input[type="checkbox"]{position:absolute;top:-4px;left:15px}

#bo_gall .gall_con {margin:0;padding:0;list-style:none}
#bo_gall .gall_con li {margin:0 0 5px;background: pink}
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href .gall_block{display:none;position:absolute;width:100%;height:100%;border-radius:100%;top:0;left:0;transition: 0.3s ease-in-out;padding: 3%;z-index:999;padding:0 15px;}
#bo_gall .gall_href:hover .gall_block{display:block;}
#bo_gall .gall_href .gall_block a{display:inline-block;background:rgba(174, 161, 140, 0.6);width:100%;height:100%;text-align:center;border-radius:3px}
#bo_gall .gall_href .gall_block img{width:142px;height:142px;text-align:center;margin-top:23%}

@media (max-width: 768px){
    #bo_gall .gall_href .gall_block{display:none}
    #bo_gall .gall_href:hover .gall_block{display:none;}
}

#bo_gall .gall_href img{width:100%;height:auto;}
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:block;width:100% !important;height:100% !important;background:#f7f7f7;text-align:center;line-height:8em}

#bo_gall .gall_text_href{background:#ebe6de;text-align:center;}
#bo_gall .gall_text_href a {color:#967a4f;font-weight:bold;height:20px;display:inline-block;overflow:hidden;text-decoration:none}
#bo_gall .gall_text_href img {margin:0 0 0 5px}

#bo_gall .gall_li .gall_detail{text-align:center;border:1px solid #ebe6de;border-radius:0 0 3px 3px;height:90px;line-height:1.5em;overflow:hidden}
#bo_gall .gall_li .gall_detail a{display:block;background:pink;height:80px;overflow: hidden;}


/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;padding:5px 10px}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding:0;height:2.5em;line-height:2.5em}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:8px;border:0;background:tomato;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px}
.bo_notice td {background:#f7f7f7}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
.td_subject img {margin-left:3px}
.cnt_cmt {font-weight:bold}
.sample-border { text-align:center; width:100% !important; }
#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
#bo_sch legend{width:0 !important}
#bo_sch select{border-radius:3px;border:1px solid #ebe6de;padding:5px 10px;}
#bo_sch input{padding:6px 8px 4px 8px;border: 0;background: tomato;border: 1px solid tomato;color: #fff;border-radius: 3px !important;}
#bo_sch input[type=submit]{padding:0 16px;border: 0;color: #fff;border-radius: 0px !important;background: rgb(45, 135, 206);}
#bo_sch .frm_input{border-radius:3px !important;border:1px solid #e4eaec;background:#f7f7f7;color:#000;-webkit-appearance:none;padding:6px 10px 4px 10px;}



#bo_gall li.empty_list {padding:30px 0;text-align:center}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}

input[type=file]{height:30px;line-height:30px;padding:4px 0;}

#ca_name { height:40px; border:1px solid #ccc;  }

/* 게시판 읽기 */
#bo_v {margin-bottom:15px;background:#fff}

#bo_v_table {padding:20px 0;color:#aea18c;font-size:1.2em;font-weight:bold;text-align:center;background:#fff;border-bottom:1px solid #e9e9e9; }

#bo_v_title {padding:10px 0;font-size:1.2em;margin:0 !important;}

#bo_v_info {padding:10px 0;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_info {}
#bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
#bo_v_file a {display:inline-block;padding:5px 0;color:#000}
#bo_v_file a:focus,
#bo_v_file a:hover,
#bo_v_file a:active {text-decoration:none}
.bo_v_file_cnt {display:inline-block;margin:0 10px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
#bo_v_link a {display:inline-block;padding:5px 0;color:#000}
#bo_v_link a:focus,
#bo_v_link a:hover,
#bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 10px}

#bo_v_top {margin:0 0 10px;padding:10px}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

/*#bo_v_bot {padding:0 10px}*/
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_atc {padding:0 10px;min-height:200px}
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}


#bo_v_con {margin-bottom:20px;width:100%;font-size:16px;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {position:relative;margin-bottom:20px;text-align:center}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;right:10%;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 10px;padding:10px 10px 10px;/*border:1px solid #e5e8ec;background:#f5f8f9;border-radius:3px*/}
#bo_vc h2 {margin-bottom:5px;font-size:1.0em; font-family:'NanumGothicBold',sans-serif;}
#bo_vc .member{color:tomato;}
#bo_vc article {border-bottom:1px solid #f3f3f3;}
#bo_vc article form{background:#fff;border:1px solid #dde4e9;border-radius:1px;padding:5px 0; margin-bottom:5px}
#bo_vc article form .wr_content {float:left;}
#bo_vc article form .btn_confirm{margin: 0;}
#bo_vc article form .tbl_wrap {margin:0 0 0;}
#bo_vc header {position:relative;padding:6px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px; font-size:12px}
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:15px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bbsWrite {}
.bbsWrite dl {width:100%;}
.bbsWrite dl dt,.bbsWrite dl dd {padding:5px 0;}

.commentWrite {padding:0 5px;}
.commentWrite dl {width:100%;}
.commentWrite dl dt {}
.commentWrite dl dt,.commentWrite dl dd {padding:1px 0;}
.commentWrite dl dd {overflow:hidden;}
.commentWrite dl dd .wr_content {width:100%; position:relative}
.btn_confirm {width:50px; height:50px; position: absolute; right:0;}
.btn_reply {width:100%; height:100%; border:none;  background:#333366; color:#fff}
.commentWrite label {font-size:12px; color:#999;}
.wr_input input {width:45%; margin-right:1%;}
.commentWrite textarea {width:100%;height:50px !important}

.bo_vc_act {float:right;margin-bottom: 10px;list-style:none}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px;display:inline-block;padding:6px;border:1px solid #d9ded9;color:#666;text-decoration:none;vertical-align:middle;background:#fff;border-radius:3px; font-size:12px; line-height:12px}

.name {font-size:12px; color:#999;}
.date {display:inline-block; padding-left:10px; font-size:12px; color:#999}
.comment_num {font-size:12px; color:#999; float:right}
.paging {text-align:center; margin:20px 0;}
.paging .inner a {display:inline-block; width:35px; height:30px; vertical-align:middle; margin-left:5px; text-align:center; line-height:1; padding:8px; background:#666; color:#fff; }


.label1 {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
	background:#666;
}




#bo_vc_w {position:relative;margin-bottom:10px;padding-bottom:15px;border:1px solid #dde4e9;border-radius:3px}
#bo_vc_w h2 {padding:10px 10px 5px;font-size:1.3em}
#bo_vc_w .tbl_wrap {margin:0 0 15px}
#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
#bo_vc_w textarea {width:99%}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 10px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}




/* 리스트 */
.d_board_list{}
.d_board_list .title{font-size:16px;}
.d_board_list .table{display:inline-block;}
.d_board_list {width:96%;margin:0 auto}
.d_board_list .table li{float:none;width:100%;margin-right:0; margin-bottom:10px;}


.d_sub h2{margin-top:0}

.d_board_list .table li .box .info{float:left;width:100%;padding:5px 20px 0}
.d_board_list .table li .box .info a{font-size:13px;color:#333;display:inline-block;padding:10px 20px 10px 0;background:url('/common/images/sub/ico_more_arrow.png') no-repeat right center}


.d_board_list .table li:nth-child(2n){margin-right:0}
.d_board_list .table li .box{border:1px solid #ddd;overflow:hidden}

.d_board_list .table li .box .info strong{display:block;font-size:18px;font-weight:600;color:#333;padding:10px 0}
.d_board_list .table li .box .info p{font-size:13px;color:#333}
.d_board_list .table li .box .info a{font-size:13px;color:#333;display:inline-block;padding:20px 20px 20px 5px;background:url('/common/images/sub/ico_more_arrow.png') no-repeat right center}
.d_board_list .table li .box .thumb{float:left;max-width:100%;width:100%;padding:20px auto}
.d_board_list .table li .box .thumb a {display:block; background:#F00}
.d_board_list .table li .box .thumb a img{width:100%}

.cbp-item{border:1px solid #ddd;overflow:hidden}
.cbp-caption-defaultWrap img{padding:12px}
.cbp-l-grid-projects-title{padding:12px}
#js-grid-mosaic-projects{margin-bottom:20%;}



/* 게시판 view */
.d_sub .detail .sec1 .notice_info strong{display:block;font-size:14px;font-weight:600;color:#333;padding:10px 0}
.d_sub .detail .sec1 .notice_info table{width:100%;margin-top:20px;border-top:1px solid #ddd;}
.d_sub .detail .sec1 .notice_info table th,
.d_sub .detail .sec1 .notice_info table td{padding:10px 10px 0;font-size:13px;text-align:left }
.d_sub .detail .sec1 .notice_info table th{font-weight:400;color:#333}
.d_sub .detail .sec2 {margin-top:30px; margin-left: 10px; font-size:12px; }
.d_sub .detail .tborder {border-bottom:1px solid #ddd;margin-top:15px}
.d_sub .detail .sec1 .notice_info strong.bo_v_link_txt {font-size:14px;font-weight:normal;padding:10px 10px 0;}
.d_sub .detail .sec1 .notice_info strong.bo_v_file_txt {font-size:14px;font-weight:normal;padding:10px 10px 0;}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:15px;width:99%;}

.d_board_list{table-layout:table;width:91%; margin: 0 auto; padding-bottom:20px;padding-top:10px;}



.list_head {margin-bottom:20px;}
.list_head .listnum {display:inline-block;  height:2.308em; line-height:2.308em;padding:2px; font-size:13px;}
.list_head .srchbox {float:right;}
.srchbox .in_sel {display:inline; height:2.462em !important; line-height:2em !important; vertical-align:middle !important}
.search1{height:2.462em /* ☆32px */;padding:2px;border:1px solid #d5d5d5;background:#f9f9f9;/* font-size:12px */ /* ☆ */;line-height:2 /* ☆=32-(2+2) */; vertical-align:middle !important}



/*포토갤러리*/
.photoList ul{overflow:hidden;}
.photoList li {float:left; position:relative; width:48%; margin:1%; min-height:250px;}

.photoList li a span.vodBg { background:url('../images/sub/vodBg.png') 0 0 no-repeat; }
.photoList li .cont {width:100%; display:block; background:rgba(0,0,0,0.8);padding:10px 10px;font-size:0.929em;color:#fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; resize:horizontal; }
.photoList li .cont span{color:#ccc; margin-left:10px; font-size:12px; letter-spacing:-1px}
.photoList li .cont span.date {margin-left:0; padding-left:0px;}
.photoList li a { display: block; }
.photoList li a img { max-width:100% }
.photoList li span.date {color:#ccc;}
.photoList li span.hits {margin-left:5px !important}


.photoView {width:100%;}
.bx-wrapper .bx-caption {background:rgba(0, 0, 0, 0.75) !important; bottom:10px !important}
#bx-pager a {margin: 0 3px;}

#bx-pager a img {padding: 3px;border: solid #ccc 1px;}

#bx-pager a:hover img, #bx-pager a.active img {border: solid #5280DD 1px;}

.view_head {border-top:2px solid #333; box-shadow:0px 2px 1px -1px #ccc; background:#f5f5f5;}
.view_head h4 {font-family:'NanumGothicBold';font-size:1.143em; padding:10px 10px 0 20px;}
.view_head h3 {padding:10px 10px 10px 10px;font-family:'NanumGothicBold',sans-serif; font-size:1.143em;}
.view_head .date {width:100%;height:30px; padding:0 10px 10px 10px; color:#888; border:none !important }
.view_head .date ul li {float:left; width:100%; text-align:left;}
.view_head .file_wrap {padding:8px 10px 10px 0; text-align:right;}
.view_head .file_wrap a {margin-right:15px; word-break:keep-all; white-space:normal;}
.view_head .file {display:block; background:url('../images/bbs/ico_file.png') left 3px no-repeat; padding-left:20px; }
.view_body {padding:4% 3%; margin-top:10px; border-top:0px solid #999; border-bottom:0px solid #999;}
.view_foot .view_list li {padding:8px 10px 8px 20px; border-bottom:1px solid #ccc;}
.foot_btn {position:relative;display:block; text-align:center; margin-top:20px}
.view_list span {display:inline-block; padding:0 20px 0 30px; margin-right:10px; border-right:1px solid #ddd;}
.view_list .prev {background:url('../images/bbs/ico_view_prev.png') left center no-repeat;}
.view_list .next {background:url('../images/bbs/ico_view_next.png') left center no-repeat;}
.view_list a {display:inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height:1;}
#bx-pager {margin-top:10px; text-align:center}
#bx-pager a {display:inline-block; margin-top:1%;width:18%;}
#bx-pager a img {width:100%;}



.paging {text-align:center; margin:20px 0;}
.paging .inner a {display:inline-block; width:35px; height:30px; vertical-align:middle; margin-left:5px; text-align:center; line-height:1; padding:8px; background:#666; color:#fff; }
.inner a.on, .inner a:hover {background:#333366;}



@media (min-width: 768px){

.d_board_list .table li{float:left;width:30%;margin:12px 0;margin-right:2%;}
.d_board_list .table li .box {padding:15px;display:inline-block;}
.d_board_list .table li .box .info{box-sizing:border-box;float:left;width:98%;padding:0}
.d_board_list .table li .box .thumb{box-sizing:border-box;float:left;max-width:98%;padding: 0}

.d_sub .detail .sec1 .notice_info strong{display:block;font-size:26px;font-weight:600;color:#333;padding:10px 0}
.d_sub .detail .sec1 .notice_info table th{font-weight:600;color:#333}
.d_sub .detail .sec1 .notice_info table th,
.d_sub .detail .sec1 .notice_info table td{padding:10px 10px 0;font-size:16px;text-align:left }
.d_sub .detail .sec2 {margin-top:30px; margin-left: 10px; font-size:16px;  }
.d_sub .detail .sec1 .notice_info strong.bo_v_link_txt {font-size:15px;font-weight:normal;padding:10px 10px 0;}
.d_sub .detail .sec1 .notice_info strong.bo_v_file_txt {font-size:15px;font-weight:normal;padding:10px 10px 0;}


/*반응형 스킨*/
.view_head .date {text-align:right;}
.view_head .date ul {text-align:right; display:inline-block}
.view_head .date ul li {display:inline-block; width:auto; font-size:13px}
.view_head .date ul li:last-child {margin-left:10px}

/*포토갤러리*/
.photoList li {float:left; position:relative; width:31%; margin:1%;}
.photoList li a span.vodBg { }
.photoList li .cont {width:100%; display:block;position:absolute; bottom:0;left:0;padding:10px 10px;font-size:1em;}
.photoList li .cont span{ margin-left:0px;}

.photoView {width:80%; margin: 0 auto;}

.bbsWrite dl dt {width:15%; float:left;}
.bbsWrite dl dd {padding-left:15%;}
.wr_input input {width:120px; margin-right:1%;}
}

/* PC용 CSS */
@media all and (min-width:950px) {
.d_sub .detail .sec1 .notice_info table th{width:90px}
.d_sub .detail .sec1 .notice_info table td{width:auto}
.d_sub .detail .sec1 .notice_info table th{font-weight:600;color:#333}
.d_sub .detail .sec1 .notice_info table th, .d_sub .detail .sec1 .notice_info table td{padding:10px 10px 0; font-size:16px; text-align:left; }
}


/* 와이드PC용 CSS */
@media all and (min-width:1280px) {

 
}