@charset "utf-8";
/* 카테고리 객수 */
#tab_wrap .nav-tabs > li { width: 33.333333333333333%; text-align: center; }
/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
.btn-pack { display: inline-block;  *display: inline;
 *zoom: 1;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #4c4c4c; padding: 0px 20px; text-align: center; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; vertical-align: middle; }
.btn-pack:hover { background-color: #f2f2f2; color: #333; text-decoration: none; }
.btn-pack { min-width: 100px; height: 40px; line-height: 38px; }
.btn-pack.blue { background-color: #2c3d5e; border-color: #2c3d5e; color: #fff; }
.btn-pack.blue:hover { border-color: #506691; background-color: #506691; color: #fff; }
/* 이전글 다음글 */

tbl_ar_link { margin-top: 55px; border-top: 2px solid #d8d8d8; border-bottom: 2px solid #d8d8d8; }
.tbl_ar_link .col { position: relative; padding-left: 165px; border-top: 1px solid #eee; line-height: 45px; }
.tbl_ar_link .col:first-child { border-top: 0; }
.tbl_ar_link .col .h { position: absolute; left: 0; top: 0; width: 164px; text-align: center; color: #222; background-color: #f5f5f5; font-weight: 600; padding-top: 15px; padding-bottom: 15px; }
.tbl_ar_link .col .t { padding: 15px 20px; margin: 0; }
.tbl_ar_link .col .t a { display: block; color: #696969; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
#board_product_wrap { border-top: 1px #000 solid; margin-bottom: 30px; }
#board_product_wrap .row { clear: both; padding-top: 30px; border-bottom: 1px #ddd dotted; padding-bottom: 20px; }
#board_product_wrap .thumb_wrap { overflow: hidden;border:1px solid #dedede; }
#board_product_wrap .thumb_wrap .scale { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out;/* 부드러운 모션을 위해 추가*/}
#board_product_wrap .thumb_wrap .scale a {display:block;}
#board_product_wrap .thumb_wrap .scale a > img{width:100%;max-width:auto;}
#board_product_wrap .thumb_wrap .scale a:focus {border:1px solid #2161a7 !important; outline:1px solid #2161a7 !important;}
#board_product_wrap .thumb_wrap .scale:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
#board_product_wrap .content_text { 
        display:flex;
        flex-direction: column;
        row-gap:10px;        
}
#board_product_wrap .content_text a { text-decoration: none;letter-spacing: -0.05em; }
#board_product_wrap .content_text a:hover { text-decoration:underline;color:#2161a7;}
#board_product_wrap h4{ padding-bottom: 6px; }
#board_product_wrap h4 a{ font-size:var(--subject-size); font-weight:600;}
#board_product_wrap .content_text .text_wrap{
    display:flex;
    flex-direction: column;
    row-gap:0.6rem;
    align-items: flex-start;
}
#board_product_wrap .content_text .survey_content {
    font-size:var(--content-size);
}
#board_product_wrap .content_text .survey_term {
    font-size:0.9em;
    flex:1;
}
#board_product_wrap .content_text .survey_term:before {
    content:'기간';
    font-size:0.9em;
    padding:2px 0.8em;
    color:#ffffff;
    background-color:#729acd;
    margin-right:8px;
    border-radius:3px;
}
#board_product_wrap .content_text .order_client {
    font-size:var(--content-size);
    display:flex;
    flex-wrap: wrap;
}
#board_product_wrap .content_text .order_client i.fa,#board_product_wrap .content_text .order_client i.fs {
    font-size:0.85em;
    color:#506691;
    margin-right:4px;
}
#board_product_wrap .content_text .order_client .officeName{
    font-size:1em;
    width:100%;
}
#board_product_wrap .content_text .order_client .officeName strong{
    font-weight:500;
}
#board_product_wrap .content_text .order_client .officeMail{
    font-size:0.85em;
}
#board_product_wrap .content_text .order_client .officeTel{
    font-size:0.85em;
}

#board_product_wrap .content_text .inst { font-size: 12px; letter-spacing: -0.5; margin-bottom: 15px; }
#board_product_wrap .content_text .inst span.badge { background-color: #ebebeb; color: #454545; }
.btn_wrap {}
.btn_wrap a { font-size: 14px !important; }

.research_flex_wrap {
    --subject-size:1.75rem;
    --content-size:1.125em;    
    display: flex;
    gap: 30px;
    align-items: center;
    margin:1em auto;
    padding: 5px;
    border: 1px solid #ddd;
}
.no-border {
    border: 0px solid #ddd !important;
}
.research_flex_wrap .rfw_thumb{
    flex:1;
    max-width:350px
}
.research_flex_wrap .rfw_text{
    flex:1;
}

.wzd_board_header h2{
    font-size:var(--subject-size);
    font-weight: 600;
    letter-spacing: -0.05em;
    margin-bottom:1em;
    text-align: left;
}

#bo_v .survey_info_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#bo_v .survey_info_box p {
    font-size: var(--content-size);
    display: flex;
    gap: 0.85em;
    align-items: center;    
    margin-bottom: 10px;
}
#bo_v .survey_info_box p > span {
    padding:2px 0.8em;
    color:#ffffff;
    font-size:0.9em;
    background-color:#729acd;
    border-radius:3px;
}
#bo_v .survey_info_box p  > span:nth-child(1){
    
}
#bo_v .survey_info_box .p_order_client ul{
    display: flex;
    gap:0.85em;
    font-size:0.95em;
}
#bo_v .survey_info_box .p_order_client ul > li{
    margin:0.25em 0;
}
#bo_v .p_order_client i.fa,#bo_v .p_order_client i.fs {
    font-size:0.85em;
    color:#506691;
    margin-right:4px;
}
/* 위즈테마 커스트마이징 마감 */
/* 목록 버튼 */

#bo_list a.btn_b01 { }
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover { }
#bo_list a.btn_b02 { }
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover { }
#bo_list a.btn_admin { }
/* 관리자 전용 버튼 */

#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover { }
/* 읽기 버튼 */

#bo_v a.btn_b01 { }
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover { }
#bo_v a.btn_b02 { }
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover { }
#bo_v a.btn_admin { }
/* 관리자 전용 버튼 */

#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover { }
/* 쓰기 버튼 */

#bo_w .btn_confirm { }
/* 서식단계 진행 */

#bo_w .btn_submit { }
#bo_w button.btn_submit { }
#bo_w fieldset .btn_submit { }
#bo_w .btn_cancel { }
#bo_w button.btn_cancel { }
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover { }
#bo_w a.btn_frmline, #bo_w button.btn_frmline { }
/* 우편번호검색버튼 등 */

#bo_w button.btn_frmline { }
/* 기본 테이블 */


/* 목록 테이블 */

#bo_list .tbl_head01 { }
#bo_list .tbl_head01 caption { }
#bo_list .tbl_head01 thead th { }
#bo_list .tbl_head01 thead a { }
#bo_list .tbl_head01 thead th input { }
/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

#bo_list .tbl_head01 tfoot th { }
#bo_list .tbl_head01 tfoot td { }
#bo_list .tbl_head01 tbody th { }
#bo_list .tbl_head01 td { }
#bo_list .tbl_head01 a { }
#bo_list td.empty_table { }
/* 읽기 내 테이블 */

#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_info { }
#bo_w .frm_address { }
#bo_w .frm_file { }
#bo_w .tbl_frm01 { }
#bo_w .tbl_frm01 th { width: 120px; }
#bo_w .tbl_frm01 td { }
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input { }
#bo_w .tbl_frm01 textarea { }
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/

#bo_w .tbl_frm01 a { }
/* 필수입력 */

#bo_w .required, #bo_w textarea.required { }
#bo_w .cke_sc { }
#bo_w button.btn_cke_sc { }
#bo_w .cke_sc_def { }
#bo_w .cke_sc_def dl { }
#bo_w .cke_sc_def dl:after { }
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd { }
#bo_w .cke_sc_def dt { }
#bo_w .cke_sc_def dd { }
/* ### 기본 스타일 커스터마이징 끝 ### */


/* 게시판 목록 */

#bo_list .td_board { width: 120px; text-align: center }
#bo_list .td_chk { width: 30px; text-align: center }
#bo_list .td_date { width: 60px; text-align: center }
#bo_list .td_datetime { width: 110px; text-align: center }
#bo_list .td_group { width: 100px; text-align: center }
#bo_list .td_mb_id { width: 100px; text-align: center }
#bo_list .td_mng { width: 80px; text-align: center }
#bo_list .td_name { width: 100px; text-align: left }
#bo_list .td_nick { width: 100px; text-align: center }
#bo_list .td_num { width: 30px; text-align: center }
#bo_list .td_hit { width: 80px; text-align: center }
#bo_list .td_numbig { width: 80px; text-align: center }
#bo_list .txt_active { color: #5d910b }
#bo_list .txt_expired { color: #ccc }
#bo_cate h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden }
#bo_cate ul { margin-bottom: 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 }
#bo_cate a { display: block; position: relative; margin-left: -1px; padding: 6px 0 5px; width: 90px; border: 1px solid #ddd; background: #f7f7f7; color: #888; text-align: center; letter-spacing: -0.1em; line-height: 1.2em; cursor: pointer }
#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 }
.td_subject img { margin-left: 3px }
/* 게시판 목록 공통 */

.bo_fx { margin-bottom: 5px; zoom: 1 }
.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-top: 5px }
.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: #e8180c; color: #fff; text-decoration: none; vertical-align: middle }
.bo_notice td { background: #f5f6fa }
.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 }
#bo_list .cnt_cmt { display: inline-block; margin: 0 0 0 3px; font-weight: bold }
#bo_sch { margin-bottom: 10px; padding-top: 5px; text-align: center }
#bo_sch legend { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden }
/* 게시판 쓰기 */

#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 }
#autosave_wrapper { position: relative }
#autosave_pop { display: none; z-index: 10; position: absolute; top: 24px; right: 117px; padding: 8px; width: 350px; height: auto !important; height: 180px; max-height: 180px; border: 1px solid #565656; background: #fff; overflow-y: scroll }
html.no-overflowscrolling #autosave_pop { height: auto; max-height: 10000px !important }
/* overflow 미지원 기기 대응 */

#autosave_pop strong { position: absolute; font-size: 0; line-height: 0; overflow: hidden }
#autosave_pop div { text-align: right }
#autosave_pop button { margin: 0; padding: 0; border: 0; background: transparent }
#autosave_pop ul { margin: 10px 0; padding: 0; border-top: 1px solid #e9e9e9; list-style: none }
#autosave_pop li { padding: 8px 5px; border-bottom: 1px solid #e9e9e9; zoom: 1 }
#autosave_pop li:after { display: block; visibility: hidden; clear: both; content: "" }
#autosave_pop a { display: block; float: left }
#autosave_pop span { display: block; float: right }
.autosave_close { cursor: pointer }
.autosave_content { display: none }
/* 게시판 읽기 */

#bo_v { margin-bottom: 20px; padding-bottom: 20px }
#bo_v_table { position: absolute; top: 0; right: 16px; margin: 0; padding: 0 5px; height: 25px; background: #ff3061; color: #fff; font-weight: bold; line-height: 2.2em }
#bo_v_title { padding: 10px 0; font-size: 1.2em }
#bo_v_info { padding: 0 0 10px; border-bottom: 1px solid #ddd }
#bo_v_info h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden }
#bo_v_info strong { display: inline-block; margin: 0 15px 0 5px; font-weight: normal }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest { font-weight: bold }
#bo_v_file { }
#bo_v_file h2 { position: absolute; font-size: 0; 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: #f5f6fa }
#bo_v_file a { display: inline-block; padding: 8px 0 7px; width: 100%; color: #000; word-wrap: break-word }
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active { text-decoration: none }
#bo_v_file img { float: left; margin: 0 10px 0 0 }
.bo_v_file_cnt { display: inline-block; margin: 0 0 3px 16px }
#bo_v_link { }
#bo_v_link h2 { position: absolute; font-size: 0; 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: #f5f6fa }
#bo_v_link a { display: inline-block; padding: 8px 0 7px; width: 100%; color: #000; word-wrap: break-word }
#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 0 3px 16px }
#bo_v_top { margin: 0 0 10px; padding: 10px 0; zoom: 1 }
#bo_v_top:after { display: block; visibility: hidden; clear: both; content: "" }
#bo_v_top h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden }
#bo_v_top ul { margin: 0; padding: 0; list-style: none }
#bo_v_bot { zoom: 1 }
#bo_v_bot:after { display: block; visibility: hidden; clear: both; content: "" }
#bo_v_bot h2 { position: absolute; font-size: 0; 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 { min-height: 200px; height: auto !important; height: 200px; text-align: center; }
#bo_v_atc_title { position: absolute; font-size: 0; line-height: 0; overflow: hidden }
#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: 20px; max-width: 100%; height: auto }
#bo_v_con { margin-bottom: 30px; width: 100%; 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 { margin-bottom: 30px; text-align: center }
#bo_v_act .bo_v_act_gng { position: relative }
#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; left: 0; 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 20px; padding: 20px 20px 10px; border: 1px solid #e5e8ec; background: #f5f8f9 }
#bo_vc h2 { margin-bottom: 10px; font-size: 13px; }
#bo_vc article { padding: 0 0 10px; border-top: 1px dotted #ccc }
#bo_vc header { position: relative; padding: 15px 0 5px }
#bo_vc header .icon_reply { position: absolute; top: 15px; left: -20px }
#bo_vc .sv_wrap { margin-right: 15px }
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-weight: bold }
.bo_vc_hdinfo { display: inline-block; margin: 0 15px 0 5px }
#bo_vc h1 { position: absolute; 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: 20px !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: "" }
.bo_vc_act { float: right; margin: 0; list-style: none; zoom: 1 }
.bo_vc_act:after { display: block; visibility: hidden; clear: both; content: "" }
.bo_vc_act li { float: left; margin-left: 5px }
#bo_vc_w { position: relative; margin: 0 0 10px; padding: 0 0 20px; border-bottom: 1px solid #cfded8 }
#bo_vc_w h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden }
#bo_vc_w #char_cnt { display: block; margin: 0 0 5px }
#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 20px 0 0 }
#bo_vc_sns input { margin: 0 0 0 5px }

@media only screen and ( max-width:720px ) {
    .research_flex_wrap { 
        --subject-size:1.25rem;
        --content-size:1.0em;
    }
    #board_product_wrap .content_text { 
        display:flex;
        align-items: center;
    }
    .research_flex_wrap {
        display: flex;
        flex-direction: column;        
    }
    .research_flex_wrap .rfw_thumb{
        flex:1;
        max-width:100%
    }
    .research_flex_wrap .rfw_text{
        flex:1;
    }
    #board_product_wrap .content_text .text_wrap {
        align-items: center;
    }
    #board_product_wrap .content_text .order_client {
        align-items: center;
    }
    #bo_v .survey_info_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
}