@charset "utf-8";

/*───────────────────────────────────────────────────────────

	 게시판형 : 기본/갤러리/이벤트/QA

───────────────────────────────────────────────────────────*/
/*** 기본 | skin/default ***/
@import url("skin/default/list.css");
@import url("skin/default/view.css");
@import url("skin/default/write.css");

/*** 갤러리 | skin/gallery ***/
@import url("skin/gallery/list.css");
@import url("skin/gallery/view.css");
@import url("skin/gallery/write.css");

/*** 이벤트 | skin/event ***/
@import url("skin/event/list.css");
@import url("skin/event/view.css");
@import url("skin/event/write.css");

/*** qa | skin/qa ***/
@import url("skin/qa/list.css");
@import url("skin/qa/view.css");
@import url("skin/qa/write.css");

/*───────────────────────────────────────────────────────────

	공통 

───────────────────────────────────────────────────────────*/
/* write 파일 추가 */
#boardAttach {position:relative; font-size:0; margin-top: -7px;}
#boardAttach li.item {overflow:hidden; display:inline-block; width: 45px; height:45px; margin: 7px 7px 0 0; border: 1px solid #eee; box-sizing: border-box;}
#boardAttach li.item.template {margin-right: 0; width: 100px;}
#boardAttach li.item.template button.file_face {background: #888;}
#boardAttach li.item.template button.file_face span {background: url('../../img/new/ico/btn_camera.png') no-repeat left 3px top/25px auto; font-size:13px; display: inline-block; padding: 2px 0 2px 35px; color: #fff;}

#boardAttach li.item button.file_face {width:100%; height:100%; border:none;}
#boardAttach li.item button.file_face.preview {border:none; background-size:100% auto; background-color: transparent;}
#boardAttach li.item input.file_hidden {margin-bottom:-20px; opacity:0;}

/*비밀번호 팝업 레이어 공통*/
.cite_layer {position:fixed; top:50%; left:50%; width:307px; height:192px; margin:-96px 0 0 -153px; z-index:100;  }
.cite_layer .wrap {position:relative; height:190px; background:#ffffff; border:1px solid #555555;}
.cite_layer .wrap h4 {height:27px; padding:13px 0 0 17px; background:#f4f4f4; color:#222222; }
.cite_layer .wrap div {color:#666666; text-align:center; }
.cite_layer .wrap div p {padding:25px 0 14px 14px; }
.cite_layer .wrap div input {display:block; width:216px; height:31px; margin:0 auto 12px auto; line-height:31px; text-indent:10px; border:1px solid #ccc; }
.cite_layer .wrap div .btn_box {width:60px; margin:0 auto;}
.cite_layer .wrap .close {display:block; position:absolute; top:11px; right:12px; width:18px; height:18px; text-indent:-9999px; background:url('../../img/icon/icon_x3.png') no-repeat left top; background-size:100%; border:none;}

/* 게시물 신고 */
.text_length{text-align:right; padding:0 10px 5px; color:#777; font-size:13px; }
.write_qa .write_wrap dl dd .inp_chk input{width:20px; height:20px;border: 0;}
.terms_txt{color:#777; font-size:13px; margin-top:10px;}
.js_btn_report{
    display: inline-block;
    padding: 2px 10px;
    color: #333333;
    font-size: 11px;
    border: 1px solid #c7c7c7;
    background: #ffffff;
    border-radius: 2px;
}

/* 게시물신고 및 회원신고 탭영역 */
.tab_area {border-bottom:1px solid #e1e1e1;}
.popup_tab:after {content:''; display:block; clear:both;}
.popup_tab > li {display:block; float:left; width:50%; box-sizing:border-box;}
.popup_tab > li > a {font-size:14px; color:#999; font-weight:bold; line-height:31px; display:block; width:100%; padding:2px 0; text-align:center;}
.popup_tab > li > a.on {border-bottom:2px solid #ac3c54; background:#ab3e55; color:#fff;}

.view_btn {padding: 0 15px; margin: 40px 0 0;}
.view_btn a.board_btn {}

.page_btn_more {padding: 0 15px; margin: 40px 0 0;}
.page_btn_more button {font-size: 13px; font-weight: 500; color: #666; display: block; background: #fff; width: 140px; border: 1px solid #ddd; padding: 10px 0; text-align: center; box-sizing: border-box; margin: 0 auto;}


.brd_list {margin: 20px 15px 30px; position: relative;}
.brd_list .btn_current {border: 1px solid #000; padding: 0 15px; background: url(../../img/new/ico/ico_menu_arrow.png) no-repeat right 15px center/13px auto; width: 100%; height: 45px; box-sizing: border-box; font-size: 15px; font-weight: 500; text-align: left;}
.brd_list .btn_current.show {background: url(../../img/new/ico/ico_menu_arrow_on.png) no-repeat right 15px center/13px auto;}
.brd_list > ul {display: none; position: absolute; width: 100%; box-sizing: border-box; top: 55px; left: 0; background: #fff; z-index: 1; border: 1px solid #000; padding: 0 15px; max-height: 300px; overflow-y: auto;}
.brd_list > ul.show {display: block;}
.brd_list > ul > li {border-bottom: 1px solid #ddd;}
.brd_list > ul > li:last-child {border-bottom: 0;}
.brd_list > ul > li > span,
.brd_list > ul > li > a {display: block; font-size: 15px; font-weight: 500; line-height: 45px;}
.brd_list > ul > li.active > span > a,
.brd_list .depth_01 > li.active > span > a,
.brd_list .depth_01 > li.active > a,
.brd_list .depth_02 > li.active > span > a,
.brd_list .depth_02 > li.active > a,
.brd_list .depth_03 li.active a {color: #ff7200; font-weight: bold;}

.brd_list .depth_arrow,
.brd_list .cate_arrow {background: url(../../img/new/ico/ico_menu_arrow.png) no-repeat right center/13px auto;}
.brd_list .depth_arrow.on,
.brd_list .cate_arrow.on {background: url(../../img/new/ico/ico_menu_arrow_on.png) no-repeat right center/13px auto; color: #ff7200; font-weight: bold;}

.brd_list .cate_arrow.on a,
.brd_list .depth_arrow.on a,
.brd_list > ul > li.active > span > a,
.brd_list .depth_01 > li.active > span > a,
.brd_list .depth_01 > li.active > a,
.brd_list .depth_02 > li.active > span > a,
.brd_list .depth_02 > li.active > a,
.brd_list .depth_03 li.active a {color: #ff7200; font-weight: bold;}

.brd_list .depth_01 {border-top: 1px solid #e8e8e8; display: none;}
.brd_list .depth_01 > li {border-bottom: 1px solid #dedede;}
.brd_list .depth_01 > li:last-child {border-bottom: 0;}
.brd_list .depth_01 > li > span,
.brd_list .depth_01 > li > a {display: block; font-size: 14px; padding: 15px 0; margin-left: 15px;}
.brd_list .depth_01.show {display: block;}

.brd_list .depth_02 {border-top: 1px solid #e8e8e8; display: none; margin-left: 15px; padding-left: 13px;}
.brd_list .depth_02 > li {position: relative; font-size: 13px; color: #666; margin-bottom: 8px; padding-left: 13px;}
.brd_list .depth_02 > li:last-child {margin-bottom: 0;}
.brd_list .depth_02 > li:after {content: ''; width: 3px; height: 3px; background: #666; position: absolute; left: 0; top: 21px;}
.brd_list .depth_02 > li.active:after {background: #ff7200;}
.brd_list .depth_02 > li > span,
.brd_list .depth_02 > li > a {display: block; font-size: 14px; padding: 12px 0; /* margin-left: 30px; */}
.brd_list .depth_02.show {display: block; background: #f8f8f8; border-top: 0;}

.brd_list .depth_03 {margin-left: 15px; padding: 13px 0 13px 20px; background: #f8f8f8; display: none;}
.brd_list .depth_03 li {padding-left: 13px; position: relative; font-size: 13px; color: #666; margin-bottom: 8px;}
.brd_list .depth_03 li:last-child {margin-bottom: 0;}
.brd_list .depth_03 li:after {content: ''; width: 3px; height: 3px; background: #666; position: absolute; left: 0; top: 9px;}
.brd_list .depth_03 li.active:after {background: #ff7200;}
.brd_list .depth_03.show {display: block;}

.board_txt {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5em; max-height: 3.0em; width: 100%; word-break: keep-all; font-size: 13px; color: #888; margin: 8px 0 0;}

.notice_list.download {}
.notice_list.download .notice_box {}
.notice_list.download .notice_box .notice_title {display: table !important; width: 100%;}
.notice_list.download .notice_box .notice_title > div {display: table-cell; vertical-align: middle;}
.notice_list.download .notice_box .notice_title .thumb_img {width: 70px;}
.notice_list.download .notice_box .notice_title .thumb_img a {display: block; font-size: 0; width: 70px;}
.notice_list.download .notice_box .notice_title .thumb_img img {width: 100%;}

.notice_list.download .notice_box .notice_title .txt_box {padding-left: 15px; box-sizing: border-box;}
.notice_list.download .notice_box .notice_title .txt_box > a {display: block;}
.notice_list.download .notice_box .notice_title .txt_box .download_box {margin: 10px 0 0;}
.notice_list.download .notice_box .notice_title .txt_box .download_box a {display: block; background: url(../../img/new/ico/ico_download.png) no-repeat right center/14px 17px; padding-right: 25px;}
.notice_list.download .notice_box .notice_title .txt_box .download_box span {font-size: 12px; color: #666; border-bottom: 1px solid #666; word-break: break-all;}
.notice_list.download .notice_box .notice_title .txt_box .dvs {font-size: 12px; color: #ff7200;}

.view_default .view_wrap .view_box .view_info_box .view_info .dvs {font-size: 13px; color: #ff7200;}