@charset "utf-8";

/* 글보기 모바일용 팝업 */
.mobile_btn { display: none; }
.mobile_btn .ui_btn_g {display: block;margin:10px;text-align: center;}

/* 글보기 */
.bui_board_view { width:100%; border-top:1px solid #283e6c; }

.bui_board_view .board_secret {margin:0 auto;padding:100px 0 100px 30px;text-align: center;}

.bui_board_view .col_subject { position:relative; padding:14px 0 13px 20px; background-color:#f5f5f5; border-bottom:1px solid #d2d2d2; color:#323232; font-weight:bold; }
.bui_board_view .col_subject .data { position:absolute; right:20px; top:0; color:#535353; line-height:42px; }
.bui_board_view .col_add { position:relative; height:35px; padding-left:20px; border-bottom:1px solid #d2d2d2; color:#535353; line-height:35px; }
.bui_board_view .col_option { position:relative; height:35px; border-bottom:1px solid #d2d2d2; }
.bui_board_view .col_option .write { position:absolute; width:40%; left:20px; color:#535353; line-height:35px; }
.bui_board_view .col_option .hit { position:absolute; width:30%; left:40%; color:#535353; line-height:35px; }
.bui_board_view .col_option .add_file { margin-left:70%; margin-right:20px; color:#535353; line-height:35px; text-align:right; }
.bui_board_view .col_option .add_file a,
.bui_board_view .col_option .add_file a:hover { color:#f26521; line-height:35px; font-weight:bold; }
.bui_board_view .col_option .add_file01 { margin-left:20px; color:#535353; line-height:35px; }
.bui_board_view .col_option .add_file01 a,
.bui_board_view .col_option .add_file01 a:hover { color:#f26521; line-height:35px; font-weight:bold; }

.bui_board_view .col_file { border-bottom:1px solid #d2d2d2; padding:10px 0 9px 0; display: none; }
.bui_board_view .col_file .file { margin-left:20px; }
.bui_board_view .col_file .file ul { margin:0; padding:0; }
.bui_board_view .col_file .file li { float:left; list-style:none; width:21%; margin-right:4%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bui_board_view .col_file .file a,
.bui_board_view .col_file .file a:hover { color:#535353; line-height:20px; }
.bui_board_view .col_content { padding:30px 0 20px 0; color:#535353; line-height:20px; }

.bui_board_view .review_title { position:relative; margin-top:10px; padding-left:35px; color:#535353; line-height:35px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:url(../images/board/board_view_icon01.png) no-repeat 20px 14px; background-color:#fafafa; }
.bui_board_view .review_title.open { background:url(../images/board/board_view_icon02.png) no-repeat 20px 14px; background-color:#fafafa; }
.bui_board_view .review_title a,
.bui_board_view .review_title a:hover { color:#f26521; line-height:35px; font-weight:bold; }

.bui_board_view .review_from { margin-top:10px; }
.bui_board_view .review_from .row { position:relative; margin-bottom:6px; }
.bui_board_view .review_from .row ul { margin:0; padding:0; }
.bui_board_view .review_from .row li { position:relative; list-style:none; float:left; width:33%; margin-left:0.5%; }
.bui_board_view .review_from .row li:first-child { margin-left:0; }
.bui_board_view .review_from .row .td_code_img { position:absolute; width:100px; left:0; }
.bui_board_view .review_from .row .td_code { position:absolute; width:110px; left:105px; top:0; }
.bui_board_view .review_from .row .td_code_input { margin-left:220px; }
.bui_board_view .review_from .row .input { width:100%; height:27px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#313131; outline:none; padding-left:10px; border:1px solid #d7d7d7; background-color:#fafafa; outline:none; }
.bui_board_view .review_from .row .input[type=text]::-ms-clear {display: none;}
.bui_board_view .review_from .row .textarea { width:100%; height:55px; padding:13px; border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#fff; }
.bui_board_view .review_from .row textarea { resize:none; }
.bui_board_view .review_from .review_btn { border:1px solid #767676; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#4d4d4d; text-align:center; }
.bui_board_view .review_from .review_btn a,
.bui_board_view .review_from .review_btn a:hover { color:#fff; line-height:38px; display:block; }

.bui_board_view .review_list { position:relative; }
.bui_board_view .review_list ul { margin:0; padding:0; }
.bui_board_view .review_list li { position:relative; list-style:none; padding:18px 0; border-bottom:1px solid #d1d1d1; }
.bui_board_view .review_list .review_text { margin:0 20px; color:#444444; line-height:21px; position: relative; }
.bui_board_view .review_list .review_text strong { margin-right:5px; }
.bui_board_view .review_list .review_text .reply_icon { position: absolute;top:0;left:-14px; }
.bui_board_view .review_list .review_btn { position:absolute; right:20px; top:18px; line-height:21px; }
.bui_board_view .review_list .review_btn ul { margin:0; padding:0; }
.bui_board_view .review_list .review_btn li { list-style:none; float:left; padding:0 0 0 19px; border-bottom:none; background:url(../images/board/board_view_review_bar.png) no-repeat 9px 6px; }
.bui_board_view .review_list .review_btn li:first-child { background:none; }
.bui_board_view .review_list .review_btn a,
.bui_board_view .review_list .review_btn a:hover { line-height:21px; font-size:11px; color:#444444; }

.bui_board_view .list_navi { height:83px; margin-top:12px; border-top:1px solid #a4a6a8; border-bottom:1px solid #a4a6a8; }
.bui_board_view .list_navi ul { margin:0; padding:0; }
.bui_board_view .list_navi li { overflow:hidden; position:relative; list-style:none; height:41px; background-color:#f9f9f9; border-top:1px solid #dbdcdd; }
.bui_board_view .list_navi li:first-child { border-top:none }
.bui_board_view .list_navi .title_next { position:absolute; width:103px; padding-left:40px; left:0; top:0; color:#131313; line-height:42px; font-weight:bold; background:url(../images/board/board_view_icon01.png) no-repeat 19px 17px; }
.bui_board_view .list_navi .title_prev { position:absolute; width:103px; padding-left:40px; left:0; top:0; color:#131313; line-height:42px; font-weight:bold; background:url(../images/board/board_view_icon02.png) no-repeat 19px 17px; }
.bui_board_view .list_navi .list_navi_subject { margin:14px 0 0 102px; padding-left:20px; background:url(../images/board/board_view_icon03.png) no-repeat left 1px; }
.bui_board_view .list_navi .list_navi_subject a,
.bui_board_view .list_navi .list_navi_subject a:hover { color:#343434; }

.bui_board_view .bui_board_view_btn { margin-top:10px; text-align:right; }
.bui_board_view .bui_board_view_btn .mobile_more_btn { display: none; }

@media all and (max-width:640px) {
    /* 글보기 */
    .bui_board_view.resp .col_subject { padding:16px 20px 13px 20px; font-size:1.3em; }
    .bui_board_view.resp .col_subject .data { position:relative; margin-top:5px; left:0; top:0; line-height:18px; font-size:0.9em; font-weight:normal; }
	
    .bui_board_view.resp .col_add { font-size:1.2em; }
    .bui_board_view.resp .col_option { height:auto; }
    .bui_board_view.resp .col_option .write { position:relative; width:auto; height:35px; left:0; padding-left:20px; font-size:1.2em; border-bottom:1px solid #d2d2d2; }
    .bui_board_view.resp .col_option .hit { display:none; }
    .bui_board_view.resp .col_option .add_file { margin-left:20px; margin-right:0; text-align:left; font-size:1.2em; }
    .bui_board_view.resp .col_option .add_file a,
    .bui_board_view.resp .col_option .add_file a:hover { font-size:1em; }
    .bui_board_view.resp .col_content { font-size:1.2em; }
    
    .bui_board_view.resp .col_file .file li {width:100%; }
    .bui_board_view.resp .col_file .file a,
    .bui_board_view.resp .col_file .file a:hover { font-size:1.1em; }

    /* .bui_board_view.resp .col_content img { width: 100% } */
    .bui_board_view.resp .editorOutput img { width: 100% }
    
    .bui_board_view.resp .review_title { font-size:1.2em; }
    .bui_board_view.resp .review_title a,
    .bui_board_view.resp .review_title a:hover { font-size:1em; }
    .bui_board_view.resp .review_list .review_text { font-size:1.2em; }
    .bui_board_view.resp .review_list .review_text span { font-size:0.9em; }
    
    .bui_board_view.resp .review_list .review_text .review_btn { position:relative; left:0; top:0; }
    .bui_board_view.resp .review_list .review_text .review_btn ul { margin:0; padding:0; }
    .bui_board_view.resp .review_list .review_text .review_btn li { list-style:none; float:left; margin:5px 5px 0 0; padding:0; border:1px solid #dcdcdc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:none; background-color:#f6f6f6; }
    .bui_board_view.resp .review_list .review_text .review_btn a,
    .bui_board_view.resp .review_list .review_text .review_btn a:hover { padding:0 10px; font-size:1em; }
    
    .bui_board_view.resp .review_from .row .td_code { position:relative; margin-left:105px; left:0; }
    .bui_board_view.resp .review_from .row .td_code_input { margin-left:0; margin-top:5px; }

    .bui_board_view.resp .list_navi { height:auto; }
    .bui_board_view.resp .list_navi li { height:auto; }
    .bui_board_view.resp .list_navi .title_next { position:relative; width:auto; height:24px; margin-top:15px; padding-left:40px; line-height:20px; background:url(../images/board/board_view_icon01.png) no-repeat 17px 16px; font-size:1.2em; }
    .bui_board_view.resp .list_navi .title_prev { position:relative; height:24px; margin-top:15px; padding-left:40px; line-height:20px; background:url(../images/board/board_view_icon02.png) no-repeat 17px 16px; font-size:1.2em; }
    .bui_board_view.resp .list_navi .list_navi_subject { margin:0 0 15px 40px; padding:0; background:none; font-size:1.2em; }
    .bui_board_view.resp .list_navi .list_navi_subject a,
    .bui_board_view.resp .list_navi .list_navi_subject a:hover { color:#343434; font-size:1em; line-height:20px; }
    .bui_board_view.resp .list_navi .list_navi_subject span { color:#343434; font-size:1em; }
    
    .bui_board_view.resp .bui_board_view_btn {position: relative;}
    .bui_board_view.resp .bui_board_view_btn .desktop_btn {display: none;}
    .bui_board_view.resp .bui_board_view_btn .mobile_more_btn { display: inline; }
}