@charset "utf-8";


/* 게시판 목록 */
#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: 150px; text-align: left }
#bo_list .td_nick { width: 100px; text-align: center }
#bo_list .td_num { width: 50px; 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; padding-bottom: 10px; 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 }
#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 }
#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 }

/**
* 추가
*/
.btn_b02.btn_b02 { display: inline-block; padding: 7px 7px; border: 1px solid #3b3c3f; background: #4b545e; color: #fff; text-decoration: none; vertical-align: middle; cursor: pointer; }
#bo_list,
#bo_v,
#bo_w { max-width: 1200px; padding: 20px 15px; margin: 0 auto; box-sizing: border-box; }

/* 글쓰기 */
#bo_w .sec-title { text-align: center; padding: 15px !important; background: #e7edef; }
#bo_w .frm_input { width: 100%; max-width: 100%; height: 40px; padding: 5px; box-sizing: border-box; }
#bo_w .frm_input.wide { max-width: 350px; }
#bo_w .frm_input.xs { max-width: 60px; }
#bo_w .frm_input.s { max-width: 100px; }
#bo_w .frm_input.m { max-width: 100%; }
#bo_w .frm_input.l { max-width: 100%; }
#bo_w .input-block { margin-top: 5px; }
#bo_w .input-block:first-child { margin-top: 0; }
#bo_w .field-tels { }
#bo_w .field-tels:after { content: ''; display: block; clear: both; }
#bo_w .field-tels .frm_input,
#bo_w .field-tels .select { float: left; width: 32%; max-width: 33.333%; }
#bo_w .field-tels .frm_input:first-child,
#bo_w .field-tels .select:first-child { margin-left: 0; }
#bo_w .field-tels i { float: left; width: 2%; height: 28px; text-align: center; font-style: normal; }
#bo_w .field-tels i:before { content: '-'; line-height: 28px; }
#bo_w .field-birth { }
#bo_w .field-birth:after { content: ''; display: block; clear: both; }
#bo_w .field-birth .frm_input { float: left; width: 32%; max-width: 60px; }
#bo_w .field-birth .frm_input:first-child { margin-left: 0; }
#bo_w .field-birth .frm_input.gender { width: 25px; }
#bo_w .field-birth i { float: left; width: 2%; height: 28px; text-align: center; font-style: normal; }
#bo_w .field-birth i:before { content: '-'; line-height: 28px; }
#bo_w .field-birth i.secret { width: auto; }
#bo_w .field-birth i.secret:before { content: ''; }
#bo_w .item-desc { display: inline-block; padding: 5px; line-height: 1.4; }
#bo_w .tbl_frm01 th { width: 20%; font-size: 15px; font-weight: 500; text-align: center; padding: 20px 5px; border-right: 0; /*letter-spacing: -0.1em; */}
#bo_w .tbl_frm01 th + td { padding:5px 20px; border-left: 1px solid #e9e9e9; }
.required-icon { position: relative; display: inline-block; width: 10px; margin-left: 3px; text-indent: -100px; white-space: nowrap; overflow: hidden; }
.required-icon:after { content: '*'; position: absolute; left: 100px; top: 0; color: #f63; }

/* 개인정보취급방침 동의 */
.privacy { margin-bottom: 55px; /*background: #f5f8f9;*/ }
.privacy-title { padding: 15px; font-size: 15px; color: #363636;/*text-align: center; */}
.privacy .privacy-content { padding: 0 10px; }
.privacy .privacy-content textarea { width: 100%; height: 100px; border: 1px solid #aaa; box-sizing: border-box; resize: vertical; }
.privacy .agree { padding: 10px; text-align: center; }
.privacy .agree label { margin: 0 5px; }
.privacy .agree label input { margin-right: 5px; }

/* 글목록 */
#bo_sch { margin-top: 30px; }
.bo-sch-desc { padding: 10px; }
.bo-sch-desc strong { color: #f33; font-weight: normal; }
#bo_list .td_datetime2 { width: 190px; text-align: center; }
#bo_list .td_name { text-align: center; }

/* 글보기 */
#bo_v_title { border: 1px solid #ccc; border-bottom-color: #aaa; padding: 10px; margin-bottom: 10px; }
.info { }
.info-title { margin: 0; padding: 10px; border: 1px solid #ccc; border-top: 3px solid #233b5e; border-bottom: 0; background: #ddd; font-size: 14px; text-align: center; }
.info-table { width: 100%; margin-bottom: 20px; border: 0 solid #ccc; border-width: 1px 0 0 1px; border-spacing: 0; box-sizing: border-box; position: relative; border-collapse: separate; }
.info-table th,
.info-table td { padding: 10px; border: 0 solid #ccc; border-width: 0 1px 1px 0; }
.info-table th { background: #efefef; width: 13.3333%; }
.info-table td { width: 20%; }
.info-table td.full { }

.submission_title h4 {padding-bottom: 5px; font-size: 26px; font-weight: 600; margin-top: 50px;  color: #ed1c24; text-align: center;letter-spacing: -0.5px;}
.submission_title p {font-size: 35px; font-weight: 600; color: #333; text-align: center; letter-spacing: -0.5px;}
.submission_title p span {display:block; padding-bottom: 10px; font-size: 54px; font-weight: 600; color: #0054a6; text-align: center; letter-spacing: -0.5px;}
.sub_con .txt_box {margin-bottom: 50px}
.sub_con .txt_box ul li {font-size: 21px; font-weight: 500; color: #333; text-align: center; letter-spacing: -0.5px;}
.sub_txt_box .sub_p_title {padding-bottom: 30px; font-size: 25px; font-weight: 500; color: #333;letter-spacing: -0.5px;}
.sub_txt_box .sub_p_title p{font-size: 17px; font-weight: 400; color: #333;}
.sub_txt_box .sub_p_title p span{font-weight: 500; color: #ed1c24;}
.sub_eve_box {position: relative; padding: 22px 50px; margin-bottom: 40px; background: #fbd3e4; border: 1px solid #ddd;border-radius: 20px;}
.sub_txt_box .sub_eve_title {padding-bottom: 9px; font-size: 23px; text-align: center;font-weight: 500; color: #0054a6;letter-spacing: -0.5px;}
.sub_txt_box .sub_eve_tit {padding-bottom: 15px; font-size: 25px; font-weight: 500; color: #333;letter-spacing: -0.5px;}
.sub_txt_box .sub_eve_txt ul li {font-size: 17px; font-weight: 500;margin-bottom: 12px; color: #333;}
	
.file-down_box {position: relative; margin-bottom: 30px}
.file-box {display:block; border: 1px solid #ccc; padding: 10px 20px;margin-bottom: 10px;width: 98%; margin-right: 10px; margin-left: 5px;}
.file-title {margin-bottom: 5px; }
.view_file_download {text-decoration: none;color: #333; }
.view_file_download:hover {text-decoration: underline;}
.file-down_box .dow_txt {font-size: 14px; font-weight: 500; color: #ed1c24;padding: 10px 5px; }

@media all and (max-width:767px) {

    /**
    * 추가
    */
    #bo_list,
    #bo_v,
    #bo_w { padding: 20px 10px; }

    /* 글쓰기 */
    #bo_w .tbl_frm01 { letter-spacing: -0.07em; }
    #bo_w .tbl_frm01 th { width: 90px; padding: 7px 5px; }
    #bo_w .tbl_frm01 td { padding: 7px 5px; }
    #bo_w .item-desc { clear: both; display: block; padding-left: 0; }

    /* 글목록 */
    #bo_list .tbl_head01 { display: block; }
    #bo_list .tbl_head01 thead { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
    #bo_list .tbl_head01 tbody { display: block; border-top: 2px solid #999; }
    #bo_list .tbl_head01 tbody tr { position: relative; display: block; padding: 6px 0; padding-right: 20px; border-bottom: 1px solid #eee; }
    #bo_list .tbl_head01 tbody td { display: inline-block; padding: 0; border-bottom: 0; background: transparent; border-top: 0; width: auto !important; }
    #bo_list .tbl_head01 tbody .td_num { float: left; width: auto; margin: 0 4px; padding: 0 4px; background: #eee; border-radius: 3px; color: #999; }
    #bo_list .tbl_head01 tbody .td_num strong { color: inherit; font-weight: normal; }
    #bo_list .tbl_head01 tbody .td_chk { position: absolute; right: 0; width: 20px !important; text-align: center; }
    #bo_list .tbl_head01 tbody .td_subject { overflow: auto; white-space: normal; text-overflow: initial; display: block; margin-bottom: 4px; }
    #bo_list .tbl_head01 tbody .td_subject a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
    #bo_list .tbl_head01 tbody .td_subject img { display: none; }
    #bo_list .tbl_head01 tbody .td_name { margin-left: 4px; color: #000; font-weight: bold; text-align: left; }
    #bo_list .tbl_head01 tbody .td_datetime2 { margin-left: 8px; color: #999; }
    #bo_list .tbl_head01 tbody .td_datetime2 + .td_num { margin-left: 8px; color: #999; float: none; background: transparent; }
    #bo_list .btn_bo_adm li { margin-right: 4px; }
    #bo_list .btn_bo_adm li:nth-child(3) { clear: both; }
    #bo_list .btn_bo_adm li:nth-child(3),
    #bo_list .btn_bo_adm li:nth-child(3) ~ li { padding-top: 10px; }
    #bo_list .btn_bo_adm input,
    #bo_list .btn_bo_adm a.btn_b02 {/* padding: 5px 3px; *//* font-size: 11px; */letter-spacing: -0.07em; }

    /* 글보기 */
    #bo_v_info { line-height: 1.7; }
    #bo_v_info strong { margin: 0 5px; }
    #bo_v .bo_v_nb { display: none; }
    #bo_v .bo_v_com li { margin-left: 4px; }
    #bo_v .bo_v_com a,
    #bo_v .bo_v_com a { padding: 5px; letter-spacing: -0.07em; }

    /* 상세정보 */
    .info { letter-spacing: -0.07em; }
    .info-table { display: block; clear: both; }
    .info-table tbody { display: block; }
    .info-table tr:after { content: ''; display: table; clear: both; }
    .info-table tr { display: block; }
    .info-table th,
    .info-table td {/* float: left; */display: inline-block; box-sizing: border-box; word-wrap: break-word; min-height: 42px; /* border-bottom: 0; */ }
    .info-table th { z-index: 2; clear: both; width: 110px; position: absolute; left: 0; border: 0; }
    .info-table td { position: relative; width: 100%; display: block; padding-left: 120px; min-height: 43px; }
    .info-table td:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 111px; border-right: 1px solid #ccc; background: #efefef; }
    .info-table td.full { }
	
    .file-box { width: calc(99% - 5px);}
	.submission_title h4 {font-size: 14px;margin-top: 5px;}
	.submission_title p {font-size: 13px;}
	.submission_title p span {font-size: 35px;}
	.sub_con .txt_box ul li {font-size: 15px;}
	.sub_txt_box .sub_p_title {font-size: 20px;text-align: center;}
	.sub_txt_box .sub_p_title p{font-size: 13px;}
	.sub_txt_box .sub_eve_title {font-size: 14px;}
	.sub_eve_box {padding: 15px 17px; }
	.sub_txt_box .sub_eve_txt ul li {font-size: 14px;}
}