@charset "utf-8";
/* *******************************************************
 * filename : board_responsive.css
 * description : 일반 게시판, 뷰, 쓰기 등 게시판에 관련된 반응형 스타일 CSS
 * date : 2018-01-16
******************************************************** */

/* ******************   게시판 :: 공통  ********************** */
@media all and (max-width:800px){
	/* 공통 :: 버튼  */
	.cm-btn-controls button,.cm-btn-controls a{width:110px; height:36px; font-size:14px;}
	.cm-btn-controls a{line-height:36px;}
	/* 공통 :: NO LIST */
	.bbs-no-list{padding:60px 0; font-size:14px; font-weight:500;}
	/* 입사지원 버튼 */
	.cm-btn-controls .recruit-btn{display:none;}
}
@media all and (max-width:480px){
	/* 공통 :: 버튼  */
	.cm-btn-controls button,.cm-btn-controls a{width:80px; height:32px; font-size:13px;}
	.cm-btn-controls a{line-height:32px;}
	/* 공통 :: SEARCH BOX */
	.board-search-box{padding:15px;}
	.board-search-box select{width:30%;}
	.board-search-box .search-word{width:50%; text-indent:4px; font-size:13px;}
}


/* ******************   게시판 :: 기본리스트 ********************** */
@media all and (max-width:1220px){
	.bbs-list-row .column, .bbs-subject-con .bbs-subject-txt{font-size:13px;}
}
@media all and (max-width:800px){
	/* 게시판 :: 기본리스트 :: 레이아웃 */
	.bbs-list-tbl{border-top:1px solid #d7d7d7;}
	.bbs-list-tbl,.bbs-list-row,.bbs-list-row .column{display:block;}
	.bbs-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
	.bbs-list-row{position:relative; width:96%; padding:15px 2%; border-bottom:1px solid #ddd; overflow:hidden;}
	.bbs-list-row .column{clear:both; border-bottom:0; text-align:left; padding:3px 0; font-size:12px;}
	/* 게시판 :: 기본리스트 :: 항목 */
	.bbs-relative-row{padding-top:40px}
	.bbs-list-row .column.bbs-no-data{display:none;}
	.bbs-list-row .column.bbs-block{clear:both; width:100%;}
	.bbs-list-row .column.bbs-inline{display:inline-block; width:auto; margin-right:4%;}
	.bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}
	.bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before{padding-right:5px; color:#aaa; content: attr(data-label);}
	.bbs-list-row .column[data-label="no"]:before{padding-right:0; display:none;}
	.bbs-subject-con .bbs-subject-txt{font-size:14px; font-weight:500;  }
	.bbs-list-row .reply-state{display:inline-block; height:24px; line-height:24px; font-size:12px; text-align:center;}
	.bbs-list-row .bbs-comment-data{display:inline-block;}
}


/* ******************   게시판 :: 뷰페이지  ********************** */
@media all and (max-width:800px){
	/* 게시판 :: 뷰 */
	.bbs-view-top{padding:15px;}
	.bbs-view-top .bbs-tit{font-size:18px; line-height:26px;}
	.bbs-view-top .bbs-view-info{float:none; overflow:hidden;}
	.bbs-view-top .bbs-write-info dt,.bbs-view-top .bbs-write-info dd{font-size:12px;}
	/* 게시판 :: 뷰 :: 공유아이콘 */
	.bbs-view-share-con{padding:10px 15px}

	/* 게시판 :: 뷰 :: 첨부파일 */
	.bbs-view-file-info-box{padding:10px 15px;}
	.bbs-view-file-info-box .bbs-file-list{font-size:12px;}

	/* 게시판 :: 뷰 :: 관리자코멘트 */
	.manage-comment-con h1{padding:10px 3%; font-size:13px;}
	.manage-comment-txt{font-size:12px;}

	/* 게시판 :: 뷰 :: 댓글 */
	.cm-write-top{padding:10px 15px;}
	.cm-writer-info{min-height:20px; line-height:20px;}
	.cm-write-top .cm-writer{font-size:14px;}
	.cm-write-top .cm-write-sub-txt{font-size:11px; display:block; line-height:16px;}
	.cm-write-bottom .cm-textarea{width:75%;  height:80px; font-size:12px;}
	.cm-write-bottom .cm-regi-btn{width:25%;  height:80px; font-size:12px;}
	.cm-control-btns a{font-size:11px;}
	.cm-item .cm-content{font-size:12px;}
	.reply-cm-write-con .cm-write-top{padding:10px 15px;}
}


/* ******************   게시판 :: 쓰기, 문의폼  ********************** */
@media all and (max-width:800px){
	/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
	.bbs-inquiry-agree-con{margin-bottom:25px;}
	.bbs-inquiry-agree-con .agree-tit{font-size:16px;}
	.inquiry-agreement-con{height:100px; padding:15px}
	.bbs-inquiry-agree-con .agree-txt{font-size:13px;}

	/* 게시판 :: 쓰기, 문의폼 :: 작성영역 */
	.bbs-write-tbl tr,.bbs-write-tbl th,.bbs-write-tbl td{display:block; padding:0; width:100% !important; border-bottom:0; text-indent:0;}
	.bbs-write-tbl th{font-size:13px; padding-top:10px; font-weight:600;}
	.bbs-write-tbl td{padding:10px 0; border-bottom:1px solid #ddd; }
	.bbs-write-tbl td .write-input,
	.bbs-write-tbl td .write-select,
	.bbs-write-tbl td .write-textarea{width:100% ; height:auto; padding:10px 0; border:0; background-color:#f0f0f0; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
	.bbs-write-tbl td .write-textarea{height:80px;}
	.bbs-write-tbl td .write-sub-txt, .bbs-write-tbl td .write-sub-txt2{display:block; margin-left:0; margin-top:5px; text-align:right; font-size:12px; }

	/* 게시판 :: 쓰기, 문의폼 :: 기타 */
	.bbs-write-tbl .input-check{padding:5px 0;}
	.bbs-write-tbl .input-check span{margin-right:15px;}
	.email-fieldset .write-input{width:40% !important;}
	.email-fieldset .write-select{width:100% !important; margin-top:5px;}
	.bbs-write-tbl .address-btn{min-width:auto; font-size:12px; margin-left:5px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
}


/* ****************** 게시판 :: 비밀번호입력 ********************** */
@media all and (max-width:800px){
	/* 게시판 :: 비밀번호입력 */
	.password-input-tit{line-height:24px; font-size:13px;}
	.password-input-tit br{display:block; }
	.bbs-password-input-box label{font-size:13px;}
	.bbs-password-input-box i{font-size:18px}
	.bbs-password-input-box #pwdInput{width:90%; margin-top:10px;}
}  


/* ****************** 게시판 ::  FAQ 게시판  ********************** */
@media all and (max-width:800px){
	/*  FAQ 게시판 */
	.faq-list-con .faq-item dt{padding-left:45px;}
	.faq-list-con .faq-item dt .faq-title{font-size:14px; line-height:18px;}
	.faq-list-con .faq-item dt .arrow{top:12px;}
	.faq-list-con .faq-item dd{padding:15px;}
	.faq-list-con .faq-item dt .question-icon,.faq-list-con .faq-item dd .answer-icon{top:14px; left:15px; width:20px; height:20px; line-height:20px; font-size:11px;}
	.faq-list-con .faq-item dd .answer-icon{display:block; position:static; margin-bottom:10px;}
	/* FAQ :: 카테고리 */
	.faq-list-con.faq-category-list-con dl dt{padding-top:40px;}
	.faq-list-con.faq-category-list-con dl dt .faq-category{position:absolute; top:13px; left:45px; right:30px; width:auto; margin-right:0; line-height:22px; }
	.faq-list-con.faq-category-list-con dl dt .faq-title{display:block; width:100%; }
	.faq-list-con.faq-category-list-con dl dt .arrow{top:23px;}
}


/* ******************   게시판 :: 갤러리형 게시판 01 (G01) ********************** */
@media all and (max-width:800px){
	/* 게시판 :: 갤러리형 게시판 01 (G01) */
	.bbs-basic-gallery-con li{width:32.33%;}
	.bbs-basic-gallery-con li a .gallery-txt-con .gal-tit{font-size:15px; line-height:20px;}
	.bbs-basic-gallery-con li a .gallery-txt-con .gal-txt{height:34px; font-size:11.5px;}
	.bbs-basic-gallery-con li a .gallery-txt-con .gal-day{font-size:11.5px;}
}
@media all and (max-width:480px){
	/* 게시판 :: 갤러리형 게시판 01 (G01) */
	.bbs-basic-gallery-con li{width:49%;}
	.bbs-basic-gallery-con li a .gallery-txt-con .gal-tit{font-size:14px;}
}


/* ******************  추가되는 게시판 스타일은 아래에 작성해 주세요 (퍼블리셔담당)  ********************** */

@media all and (max-width:800px){
    .gallery-list-con03 .gallery-list .gal-list-item{width:32.33%}
	.gallery-list-con03 .gallery-list .gal-list-item .over-thum span{width:110px; font-size:14px; margin-left:-55px; padding:0;}
}
@media all and (max-width:480px){
    .gallery-list-con03 .gallery-list{margin:0 -1%;}
    .gallery-list-con03 .gallery-list .gal-list-item{width:48%; margin:0 1% 5% 1% ;}
    .gallery-list-con03 .gallery-list .gal-list-item .gal-tit{height:30px; line-height:30px; font-size:14px; margin-bottom:5px;}
    .gallery-list-con03 .gallery-list .gal-list-item .over-thum span{width:100px; font-weight:400; font-size:13px; margin-left:-50px;}
    .gallery-list-con03 .gallery-list .gal-list-item .gal-info{height:auto;}
    .gallery-list-con03 .gallery-list .gal-list-item .gal-info .gal-writer,
    .gallery-list-con03 .gallery-list .gal-list-item .gal-info .gal-date{
        float:none; 
        display:block;
        line-height:20px;
    }
    .gallery-list-con03 .gallery-list .gal-list-item a{
    	width:100%;
    }
}