@charset "utf-8";

/* 게시판 카테고리 */
#bo_cate { margin: 0 0 24px; }
#bo_cate_ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
#bo_cate_ul li { margin: 0; padding: 0; }
#bo_cate a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 16px; border: 1px solid #e5eaf0; border-radius: 999px; background: #fff; color: #475467; font-size: 14px; font-weight: 600; line-height: 1; text-decoration: none; transition: all .2s ease; }
#bo_cate a:before { display: none; }
#bo_cate a:hover, #bo_cate a:focus, #bo_cate a:active { border-color: #34c0ec; background: #f0fbff; color: #34c0ec; }
#bo_cate #bo_cate_on { border-color: #34c0ec; background: #34c0ec; color: #fff; font-weight: 700; box-shadow: 0 8px 20px rgba(52, 192, 236, .25); }
/* 게시판 버튼 */
.btn_bo_user li { background-color: transparent; }
/* 게시판 목록 */
.tbl_head01 { font-size: 14px; }
.tbl_head01 thead th { border-top: 2px solid #111827; background-color: #fff; font-weight: 600; color: #111827; }
#bo_list tbody tr { border-left: none; }
#bo_list tbody tr:hover { border-left: none; background: #f8fcff; }
/* 게시글 보기 */
.board_view_label { width: 100%; border-top: 2px solid #111827; padding: 18px 10px; border-bottom: 1px solid #e5eaf0; text-align: center; font-size: 24px; font-weight: 700; color: #111827; }
#bo_v_file a { float: none; }
.board_view_info { background-color: #f8fafc; border-bottom: 1px solid #e5eaf0; padding: 12px 10px; }
.board_view_info:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.board_view_info_left { float: left; }
.board_view_info_right { float: right; }
.board_view_info_div { float: left; margin: 3px; font-size: 14px; color: #667085; }
.board_view_info_div b { color: #111827; padding-left: 10px; font-weight: 500; }
.board_view_info_div span { color: #475467; padding: 0 10px; }
.board_view_info_div a { color: #667085; font-size: 13px; }
.board_view_info_div a:hover { color: #34c0ec; }
/* 입력폼 */
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { border: 1px solid #e5eaf0; border-radius: 12px; box-shadow: none; background-color: #fff; color: #111827; resize: none; }
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea { max-width: 100%; width: 100%; min-width: 100%; padding: 14px; line-height: 1.6; }
.frm_input { min-height: 42px; padding: 0 12px; }
.wr_content textarea::-webkit-input-placeholder, .tbl_frm01 textarea::-webkit-input-placeholder, .form_01 textarea::-webkit-input-placeholder, .frm_input::-webkit-input-placeholder { color: #b8c0cc; }
.wr_content textarea:-ms-input-placeholder, .tbl_frm01 textarea:-ms-input-placeholder, .form_01 textarea:-ms-input-placeholder, .frm_input:-ms-input-placeholder { color: #b8c0cc; }
.wr_content textarea::placeholder, .tbl_frm01 textarea::placeholder, .form_01 textarea::placeholder, .frm_input::placeholder { color: #b8c0cc; }
.agree_pri_wrap textarea { padding: 14px; color: #475467; border: 1px solid #e5eaf0; border-radius: 12px; box-shadow: none; background-color: #fff; max-width: 100%; width: 100%; min-width: 100%; font-family: 'Poppins','Noto Sans KR','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size: 14px; line-height: 1.6; resize: none; }
#bo_w .seok_down_file_wrap .file_wr { border: 1px solid #e5eaf0; border-radius: 12px; box-shadow: none; background-color: #fff; }
/* 하단 버튼 */
.borad_btn_wrap { margin-top: 24px; text-align: center; }
.borad_btn_wrap .borad_btn { display: inline-flex; align-items: center; justify-content: center; min-width: 200px; height: 56px; padding: 0 40px; border-radius: 999px; background-color: #34c0ec; color: #fff; font-family: 'Poppins','Noto Sans KR','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size: 17px !important; font-weight: 700; line-height: 56px; text-align: center; box-shadow: 0 10px 24px rgba(52, 192, 236, .28); transition: all .2s ease; }
.borad_btn_wrap .borad_btn:hover { background-color: #22add9; color: #fff; transform: translateY(-1px); }
/* 모바일 */
@media (max-width:768px) {
    #bo_cate_ul { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
    #bo_cate_ul li { flex: 0 0 auto; }
    #bo_cate a { min-height: 36px; padding: 0 14px; font-size: 13px; white-space: nowrap; }
    .board_view_label { font-size: 20px; padding: 16px 8px; }
    .board_view_info_left, .board_view_info_right { float: none; }
    .board_view_info_div { float: none; display: block; font-size: 13px; }
    .borad_btn_wrap .borad_btn { width: 100%; min-width: 0; height: 52px; line-height: 52px; font-size: 16px !important; }
}

#bo_w .seok_down_file_wrap .file_wr label { display: inline-block; background-color: transparent; font-size: 15px; padding: 10px; border-radius: 0px; border: 1px solid #9b1515; color: #9b1515; }
#bo_w .seok_down_file_wrap .file_wr label .fa { display: none; }
#bo_w .seok_down_file_wrap .file_wr input { display: none; }
#bo_w .seok_down_file_wrap .file_wr { height: auto; border: none; }
#bo_w .seok_down_file_wrap .file_wr .file_name_text { padding-left: 10px; }
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { border-radius: 0px; }
.bo_v_nb li { position: relative; top: 0px; left: 0px; padding: 15px 100px; }
.bo_v_nb li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 100%; }
.bo_v_nb li .nb_tit { position: absolute; top: 14px; left: 10px; }
.bo_v_nb li .nb_date { position: absolute; top: 14px; right: 10px; }
.gnu5_wrap {min-height: 450px;max-width: 1600px;margin: 0 auto;padding-top: 100px;}
.webzine_wrap { width: 100%; border-top: 2px solid #333; }
.webzine_box { width: 100%; padding: 25px 15px; border-bottom: 1px solid #ddd; position: relative; top: 0px; left: 0px; }
.webzine_box_in { width: 100%; position: relative; top: 0px; left: 0px; display: table; font-size: 18px; }
.webzine_date { position: relative; top: 0px; left: 0px; width: 120px; display: table-cell; padding: 10px 0}
.webzine_tit { border-left: 1px solid #ddd; display: table-cell; padding: 10px 40px; line-height: 1.5; position: relative; top: 0px; left: 0px; }
.webzine_arr { display: block; width: 36px; height: 36px; overflow: hidden; border-radius: 100px; position: absolute; top: 50%; right: 0px; margin-top: -18px}
.webzine_arr:before { content: ""; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border-left: 2px solid #333; border-top: 2px solid #333; transform: rotate(135deg); width: 10px; height: 10px; margin: auto; margin-left: 13px; }
.webzine_box .chk_box { position: absolute; top: 0px; left: 0px; }
.all_chk_wrap { position: relative; top: 0px; left: 0px; height: 50px; }
#bo_list .webzine_box .td_chk { border: none; }
.webzine_box:hover { background-color: #f7f7f7}
.q_sel_wrap { position: relative; top: 0px; left: 0px; padding-bottom: 100px; }
.q_table_wrap { width: 100%; }
.q_table table { width: 100%; table-layout: fixed; }
.q_table th { padding: 10px; width: 150px; font-size: 20px; font-weight: 400; text-align: left; color: #333; }
.q_table td { font-size: 18px; padding: 5px; }
#bo_w .q_table td .write_div { margin: 0px; }
.q_table td input[type="text"] { height: 60px; border-radius: 0px; }
.q_table td input[type="password"] { height: 60px; border-radius: 0px; }
.q_table textarea { max-width: 100%; }
#bo_w .q_table .bo_w_info .frm_input { margin-bottom: 0px; }
#bo_w .q_table .bo_w_flie .file_wr { border: none; padding: 0px; }
#bo_w .q_table .seok_down_file_wrap .file_wr label { background-color: #fff; color: #333; height: 60px; line-height: 60px; border: 1px solid #ddd; padding: 0px 20px; }
#bo_list .td_name { text-align: center; }
.mpt_box_wrap input { position: absolute; top: -10px; left: -10px; width: 1px; height: 1px; overflow: hidden; visibility: hidden; }
.q_sel_label_wrap { width: 100%; padding-bottom: 30px; }
.q_sel_label { font-size: 18px; color: #333}
.webzine_date { text-align: center; vertical-align: middle; }
.webzine_date span { display: inline-block; background-color: #000; color: #fff; border-radius: 100px; font-size: 14px; height: 30px; line-height: 30px; min-width: 55px; padding: 0 10px; font-weight: 400; }
.webzine_date span.ing { background-color: #9b1515; }
.webzine_date span.end { background-color: #999; }
.main_board_line_in span { display: inline-block; background-color: #000; color: #fff; border-radius: 100px; font-size: 16px; height: 30px; line-height: 30px; min-width: 55px; padding: 0 10px; vertical-align: middle; }
.main_board_line_in span.ing { background-color: #9b1515; }
.main_board_line_in span.end { background-color: #999; }
.noti_all_wrap .all_chk { padding: 10px 0}
.noti_all_wrap .all_chk .selec_chk { position: relative; }
.noti_all_wrap { width: 100%; }
.noti_wrap { width: 100%; }
.noti_box { width: 100%; }
.noti_box:first-child .noti_box_in { border-top: none; }
.noti_box_in { width: 100%; padding: 30px 0; border-top: 1px solid #eee; }
.noti_label_wrap {
}
.noti_label_wrap a { display: block; font-size: 30px; line-height: 1.3; color: #222; word-break: keep-all; font-weight: 300; text-decoration: none!important; }
.noti_desc_wrap { width: 100%!important; }
.noti_desc { padding-top: 30px; font-size: 18px; line-height: 1.5; color: #666; word-break: keep-all; font-weight: 200; }
.faq_all_wrap .all_chk { padding: 10px 0}
.faq_all_wrap .all_chk .selec_chk { position: relative; }
.faq_all_wrap { width: 100%; }
.faq_wrap { width: 100%; border-top: 2px solid #222; }
.faq_box { width: 100%; }
.faq_box:first-child .faq_box_in { border-top: none; }
.faq_box_in { width: 100%; border-bottom: 1px solid #eee; }
.faq_label_wrap { padding: 15px 0 15px 30px; position: relative; top: 0px; left: 0px; }
.faq_label_wrap:before { content: 'Q'; position: absolute; top: 10px; left: 5px; font-size: 16px; color: #9b1515; font-weight: 500; }
.faq_label_wrap:after { content: ''; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 2px; background-color: #9b1515; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; z-index: 2}
.faq_label_wrap a { display: block; font-size: 14px; line-height: 1.3; color: #222; word-break: keep-all; font-weight: 300; text-decoration: none!important; }
.faq_desc_wrap { width: 100%!important; display: none; }
.faq_desc { padding: 15px 0 15px 30px;; font-size: 14px; line-height: 1.5; color: #666; word-break: keep-all; font-weight: 200; min-height: 150px; background-color: #f7f7f7; position: relative; top: 0px; left: 0px; }
.faq_desc:before { content: 'A'; position: absolute; top: 12px; left: 5px; font-size: 16px; color: #9b1515; font-weight: 500; }
.faq_label { position: relative; top: 0px; left: 0px; padding-right: 80px; }
.faq_label:after { content: ""; display: block; position: absolute; top: 3px; right: 20px; border-left: 2px solid #9b1515; border-top: 2px solid #9b1515; transform: rotate(225deg); width: 12px; height: 12px; margin: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.faq_on .faq_label:after { transform: rotate(45deg); }
.faq_on .faq_label_wrap:after { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.faq_desc .faq_desc_btn { display: inline-block; padding: 5px 10px; font-size: 16px; color: #fff; font-weight: 300; background-color: #333; }
.s_04_04_box_in { border: 1px solid #ddd; padding: 30px 50px; }
.review_file_box input#review_image {
    border: none;
    padding: 0;
    min-height: auto;
}
@media screen and (max-width:600px) {
	.board_view_info_left { width: 100%; padding: 2px 0}
	.board_view_info_right { width: 100%; padding: 2px 0}
	.board_view_label { font-size: 16px; text-align: left; }
	.webzine_box_in { font-size: 14px; }
	.webzine_box { padding: 10px 5px; }
	.webzine_tit { padding: 10px 30px 10px 10px; }
	.webzine_date { width: 80px; font-size: 12px; padding: 5px; }
	.webzine_date span { font-size: 12px; }
	.s_04_02_02_box_wrap #bo_cate { margin: 0; text-align: center; }
	.s_04_02_02_box_wrap #bo_cate #bo_cate_ul li:first-child a { padding: 5px 30px; }
	#bo_cate { margin-bottom: 0px; }
	#bo_cate a { padding: 5px 10px; font-size: 14px; line-height: normal; }
}
@media screen and (max-width:440px) {
	.s_04_02_02_box_wrap #bo_cate a { padding: 5px 20px; font-size: 16px; }
	.s_04_02_02_box_wrap #bo_cate #bo_cate_ul li:first-child a { padding: 5px 20px; }
}
.rdos { display: inline-block}
.rdos input[type="radio"] { position: absolute; width: 16px; height: 16px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; background: #fff; margin: 8px 0}
.rdos input[type="radio"] + label { display: inline-block; vertical-align: middle; position: relative; padding-left: 30px; min-height: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: 1.3; margin-right: 5px; font-size: 1em; font-weight: 500; word-break: break-all; white-space: nowrap; }
.rdos input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 2px; margin: 0; width: 20px; height: 20px; text-align: center; background: #fff; border: 2px solid #ccc; box-sizing: border-box; transition: all .3s ease; border-radius: 100px}
.rdos input[type="radio"] + label:after { content: ''; position: absolute; top: 9px; margin: 0 0 0 0px; left: 7px; width: 6px; height: 6px; background: #ddd; border-radius: 100%; transition: all .3s ease}
.rdos input[type="radio"] + label:active:before, .rdos input[type="radio"]:checked + label:active:before {
}
.rdos input[type="radio"]:checked + label:before {
}
.rdos input[type="radio"]:checked + label:after { background-color: #9b1515}
.rdos input[type="radio"]:checked + label:before { border-color: #9b1515}
.chks { display: block; position: relative}
.chks.inline { display: inline-block}
.chks input[type="checkbox"] { position: absolute; width: 16px; height: 16px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; background: #fff; }
.chks input[type="checkbox"] + label { display: inline-block; vertical-align: middle; position: relative; padding-left: 30px; min-height: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: 1.6; margin-right: 5px; font-size: 16px; font-weight: 300; word-break: break-all; }
.chks input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 2px; margin: 0; width: 20px; height: 20px; text-align: center; background: #fff; border: 1px solid #bbb; box-sizing: border-box; transition: all .3s ease}
.chks input[type="checkbox"] + label:after { content: ""; display: block; position: absolute; width: 12px; height: 6px; left: 4px; top: 8px; border-width: 0 0 2px 2px; border-style: solid; border-color: transparent transparent #ddd #ddd; transform: rotate(-45deg); -ms-transform: rotate(-45deg); transition: all .3s ease}
.chks input[type="checkbox"]:checked + label:after { border-color: transparent transparent #fff #fff}
.chks input[type="checkbox"]:checked + label:before { background-color: #9b1515; border-color: #9b1515; }
.hidden { display: none!important; }
.table_wrap table { border-top: 2px solid #000; width: 100%; font-size: 16px; color: #000}
.table_wrap td { padding: 25px 10px; font-weight: 300; text-align: center; border-bottom: 1px solid #ddd; }
.table_wrap th { padding: 25px 10px; font-weight: 500; text-align: center; border-bottom: 1px solid #ddd; }
.td_01 { text-align: center; }
.td_02 { text-align: center; }
.table_01_wrap table { font-size: 14px; }
.table_01_wrap th { width: 130px; }
.board_wrap .table_wrap table {
}
.board_wrap .table_wrap td { text-align: left; }
.board_wrap .table_wrap th { background-color: #f7f7f7}
/*#bo_list .bo_tit .new_icon {color: #fff; background-color: #d82424}*/
a.btn, .btn { font-weight: 300; font-family: 'Poppins','Noto Sans KR','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }
.sub_05_01 .label_on { position: relative; top: 0px; left: 0px; padding-left: 100px; }
.sub_05_01 .label_on > label { position: absolute; top: 15px; left: 0px; font-size: 16px; font-weight: 300; color: #000}
.sub_05_01 .label_on > label strong { color: #9b1515; font-weight: 300; font-size: 14px; padding-left: 5px; }
.hidden { display: none!important; }
.sub_05_01 .label_on > input { margin-left: 0px!important; }
.borad_btn_wrap { text-align: center; padding: 20px 0}
.borad_btn_wrap .borad_btn { background-color: #000; border: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; }
.borad_btn_wrap .borad_btn:hover { background: #9b1515; }
@-webkit-keyframes btncolor {
	0% { background-position: 0% 50%}
	50% { background-position: 100% 50%}
	100% { background-position: 0% 50%}
}
@-moz-keyframes btncolor {
	0% { background-position: 0% 50%}
	50% { background-position: 100% 50%}
	100% { background-position: 0% 50%}
}
@-o-keyframes btncolor {
	0% { background-position: 0% 50%}
	50% { background-position: 100% 50%}
	100% { background-position: 0% 50%}
}
@keyframes btncolor {
	0% { background-position: 0% 50%}
	50% { background-position: 100% 50%}
	100% { background-position: 0% 50%}
}
.pg_page, .qa_page { background-color: #fff; border: 1px solid #ccc; }
.pg_current { font-weight: normal; }