@charset "utf-8";

/* 제목폰트 */
.subject_area { font-weight: normal; line-height:18px }
.subject_area.size_10pt { font-size: 10pt }
.subject_area.size_12pt { font-size: 12pt }
.subject_area.size_14pt { font-size: 14pt }
.subject_area.size_16pt { font-size: 16pt }
.subject_area.size_20pt { font-size: 20pt }
.subject_area.weight_bold { font-weight: bold; }
.subject_area.color_black { color:black; }
.subject_area.color_red { color:red; }
.subject_area.color_blue { color:blue; }
.subject_area.color_yellow { color:yellow; }

/* 글보기 모바일용 팝업 */
.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 20px; 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_view_icon01.png) no-repeat 20px 14px; background-color:#fafafa; }
.bui_board_view .review_title.open { background:url(../images/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_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_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_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_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; }

/* 갤러리 리스트 */
.bui_gallery_list { margin-bottom:17px; border-top:1px solid #283e6c; }
.bui_gallery_list ul { margin:10px 0 0 0; padding:0; }
.bui_gallery_list li { list-style:none; float:left; width:30%; position:relative; margin:0 5% 20px 0; padding:10px 10px 20px; border:1px solid #e0e0e0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer; }
/* .bui_gallery_list li:nth-child(3n+0) { margin-right:0;} */

.bui_gallery_list li .more { position: absolute; width: 40px; height: 40px; right: 0; bottom: 0; background-color: #a0a0a0; }
.bui_gallery_list li .more:after { content: ""; position: absolute; width: 2px; height: 20px; left: 19px; top: 10px; background-color: #fff; }
.bui_gallery_list li .more:before { content: ""; position: absolute; width: 20px; height: 2px; left: 10px; top: 19px; background-color: #fff; }

.bui_gallery_list .col_thum { }
.bui_gallery_list .col_thum img { width:100%;}
.bui_gallery_list .col_subject { margin:14px 10px 3px; font-weight:bold; color:#000000; line-height:18px; }
.bui_gallery_list .col_name { margin-left:10px; color:#5a5a5a; display:inline; }
.bui_gallery_list .col_date { color:#5a5a5a; display:inline; }
.bui_gallery_list .col_date::before { content: " / "; }
.bui_gallery_list .col_hit { color:#5a5a5a; display:inline; }
.bui_gallery_list .col_hit::before { content: " / "; }

.bui_gallery_simple_list { border-top:1px solid #283e6c; padding:20px 0 10px 0; }
.bui_gallery_simple_list ul { margin:0; padding:0; }
.bui_gallery_simple_list li { float:left; list-style:none; width:23%; margin:0 1%; }
.bui_gallery_simple_list .col_thum { padding:5px; border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:0; line-height:0; }
.bui_gallery_simple_list .col_thum img { width:100%; }
.bui_gallery_simple_list .col_subject { color:#3f3f3f; margin-bottom:10px; line-height:40px; text-align:center; }

/* FAQ */
.bui_faq_list { width:100%; margin-bottom:17px; border-top:1px solid #283e6c; }
.bui_faq_list ul { margin:0; padding:0; }
.bui_faq_list li { position:relative; list-style:none; width:100%; margin:12px 0 0; line-height:18px; background:#fff; border-bottom:1px solid #e3e3e3; cursor:pointer; }
.bui_faq_list .col_no { position:absolute; width:8%; left:0; color:#5a5a5a; text-align:center; }
.bui_faq_list .col_subject { margin-top:16px; margin-left:8%; margin-bottom:16px; padding-left:20px; border-left:1px solid #dddddd; color:#000000; font-size:12px; }
.bui_faq_list .col_answer { position:relative; background-color:#f9f9f9; border-top:1px solid #dddddd; }
.bui_faq_list .col_answer .answer_no { position:absolute; width:8%; left:0; top:40%; color:#5a5a5a; font-weight:bold; text-align:center; }
.bui_faq_list .col_answer .answer_subject { margin-left:8%; padding:20px; color:#424242; word-breadk:break-all; white-space: normal; }

.bui_faq_list.round { border:none; }
.bui_faq_list.round li { position:relative; list-style:none; padding:20px 0 0; margin-bottom:8px; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb; border-right:1px solid #ebebeb; border-bottom:3px solid #e3e3e3; -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; line-height:20px; background:#fff; cursor:pointer; }
.bui_faq_list.round .col_subject { margin-top:0; }

/* 이벤트 */
.bui_event_list { border-top:1px solid #283e6c; border-bottom:1px solid #d2d2d2; }
.bui_event_list ul { margin:20px 0 0 0; padding:0; }
.bui_event_list li { float:left; list-style:none; width:30%; margin:0 5% 20px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.bui_event_list li:nth-child(3n+0) { margin-right:0;}
.bui_event_list .col_thum { padding:3px; border:1px solid #d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:0; font-size:0; }
.bui_event_list .col_thum img { width:100%; }
.bui_event_list .event_btn { margin-top:20px; }
.bui_event_list .col_subject { margin:20px 0 10px 0; font-Family:'Apple SD Gothic Neo',AppleGothic,"Lucida Grande",Tahoma,Verdana,'Malgun Gothic',Dotum,sans-serif; color:#333333; font-size:16px; font-weight:bold; }
.bui_event_list .col_data { margin:0 0 10px 0; color:#836e5f; font-size:11px; }
.bui_event_list .col_text { margin:0 0 10px 0; color:#646464; font-size:12px; line-height:20px; }

@media all and (max-width:640px) {
    /* 제목폰트 */
    .resp .subject_area { font-size: 1.0em; ; line-height:1.2em; font-weight: bold; }
    .resp .subject_area.size_10pt { font-size: 1.2em; }
    .resp .subject_area.size_12pt { font-size: 1.4em; }
    .resp .subject_area.size_14pt { font-size: 1.6em; }
    .resp .subject_area.size_16pt { font-size: 1.8em; }
    .resp .subject_area.size_20pt { font-size: 2.0em; }
    .resp .subject_area.weight_bold { font-weight: bold; }
    .resp .subject_area.color_black { color:black; }
    .resp .subject_area.color_red { color:red; }
    .resp .subject_area.color_blue { color:blue; }
    .resp .subject_area.color_yellow { color:yellow; }
    
    /* 글보기 */
    .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 .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_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_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; }

    /* 갤러리 리스트 */
    .bui_gallery_list.resp { border-top:none; }
    .bui_gallery_list.resp ul { margin:0; }
    .bui_gallery_list.resp li { float:none; width:100%; margin:0 0 20px 0; }
    .bui_gallery_list.resp .col_subject { font-size:1.2em; }
    .bui_gallery_list.resp .col_subject span { font-size:1em; }
    .bui_gallery_list.resp .col_name { font-size:1.1em; }
    .bui_gallery_list.resp .col_date { font-size:1.1em; }
    .bui_gallery_list.resp .col_hit { font-size:1.1em; }
    
    .bui_gallery_simple_list.resp { border-top:none; padding:0 0 10px 0; }
    .bui_gallery_simple_list.resp li { float:none; width:100%; margin:0 0 10px 0; }
    .bui_gallery_simple_list.resp .col_thum { padding:10px; }
    .bui_gallery_simple_list.resp .col_subject { margin-bottom:0; font-size:1.2em; text-align:left; padding-left:5px; font-weight:bold; }

    /* FAQ */
    .bui_faq_list.resp .col_no { width:18%; }
    .bui_faq_list.resp .col_subject { margin-left:18%; font-size:1.2em; }
    .bui_faq_list.resp .col_subject span { font-size:1em; }
    .bui_faq_list.resp .col_answer .answer_no { width:18%; }
    .bui_faq_list.resp .col_answer .answer_subject { margin-left:18%; font-size:1.2em; }
    
    /* 이벤트 */
    .bui_event_list.resp { border-top:none; margin-bottom:10px; }
    .bui_event_list.resp ul { margin:0 0 0 0; padding:0; }
    .bui_event_list.resp li { float:none; width:100%; margin:0 0 20px 0; }
    .bui_event_list.resp .col_thum { padding:10px; }
    .bui_event_list.resp .event_btn { margin:15px 10px 0; }
    .bui_event_list.resp .col_subject { margin:15px 10px 10px; }
    .bui_event_list.resp .col_data { margin:0 10px 10px; color:#836e5f; font-size:1.1em; }
    .bui_event_list.resp .col_text { margin:0 10px 30px; color:#646464; font-size:1.1em; }
}