@charset "utf-8";

#bo_cate #bo_cate_ul li:first-child a { padding-left: 0px; }
#bo_cate a { border-radius: 0px; color: #222; border: none; font-size: 18px; padding: 5px 30px; position: relative; top: 0px; left: 0px; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { border-color: #4eaadb; background-color: #4eaadb; color: #000; background-color: transparent; border: none; }
#bo_cate #bo_cate_on { border-color: #4eaadb; background-color: #4eaadb; color: #fff; font-weight: normal; border-color: #4eaadb; background-color: #4eaadb; color: #f16455; background-color: transparent; border: none; box-shadow: none; font-weight: 700; }
#bo_cate a:before { content: ""; height: 14px; width: 1px; position: absolute; top: 50%; left: 0px; margin-top: -7px; background-color: #ccc; }
#bo_cate #bo_cate_ul li:first-child a:before { display: none; }
.btn_bo_user li { background-color: transparent; }
.tbl_head01 thead th { border-top: 2px solid #222; background-color: #fff; font-weight: 500; color: #222; }
#bo_list tbody tr:hover { border-left: none; }
#bo_list tbody tr { border-left: none; }
.board_view_label { width: 100%; padding: 20px 10px; border-bottom: 1px solid #ddd; text-align: center; font-size: 24px; color: #333}
#bo_v_file a { float: none; }
.board_view_info { background-color: #f7f7f7; border-bottom: 1px solid #ddd; padding: 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: 15px; }
.board_view_info_div b { color: #333; padding-left: 10px; font-weight: 400; }
.board_view_info_div span { color: #333; padding: 0 10px; }
.board_view_info_div a { color: #666; font-size: 13px; }
.board_view_info_div a:hover { color: #e83837}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { box-shadow: none; background-color: transparent; border: none; border-bottom: 1px solid #ddd; resize: none; }
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea { max-width: 100%; width: 100%; min-width: 100%; }
.wr_content textarea::-webkit-input-placeholder, .tbl_frm01 textarea::-webkit-input-placeholder, .form_01 textarea::-webkit-input-placeholder, .frm_input::-webkit-input-placeholder, .file_name_text { color: #ccc}
.wr_content textarea:-ms-input-placeholder, .tbl_frm01 textarea:-ms-input-placeholder, .form_01 textarea:-ms-input-placeholder, .frm_input:-ms-input-placeholder { color: #ccc}
.wr_content textarea::placeholder, .tbl_frm01 textarea::placeholder, .form_01 textarea::placeholder, .frm_input::placeholder { color: #ccc}
.agree_pri_wrap textarea { padding: 30px; color: #666; border-color: #ddd; box-shadow: none; background-color: #f8f8f8; max-width: 100%; width: 100%; min-width: 100%; font-family: 'Poppins','Noto Sans KR','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-weight: 300; font-size: 14px; resize: none; }
#bo_w .seok_down_file_wrap .file_wr { border-color: #ddd; box-shadow: none; background-color: #fefefe; }
.borad_btn_wrap {
}
@media screen and (max-width:960px) {
	#bo_w .file_name_text { font-size: 16px; padding: 0; height: 40px; }
	#bo_w .seok_down_file_wrap .file_wr label { display: inline-block; font-size: 15px; padding: 5px 10px!important; color: #fff; font-weight: 300; }
	.nb_tit { display: none!important; }
}
@media screen and (max-width:560px) {
	.info_con_wrap .title_info { width: 100% !important; }
	.sub_02 .sec_in { padding: 0 20px; }
}
.borad_btn_wrap .borad_btn { transition: 0.5s; background-color: #fff; border: 1px solid #999; font-size: 18px!important; color: #333; font-weight: 500; border-radius: 0px; text-align: center; padding: 0 40px; height: 60px; line-height: 60px; min-width: 200px; display: inline-block; margin: 0 auto; font-family: 'Poppins','Noto Sans KR','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }
.borad_btn_wrap .borad_btn:hover { background-color: #f16455; color: #fff; border: 1px solid #f16455; }
@-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%}
}
#bo_w .seok_down_file_wrap .file_wr label { display: inline-block; font-size: 15px; padding: 10px 20px; color: #fff; font-weight: 300; }
#bo_w .seok_down_file_wrap .file_wr label:hover { color: #4eaadb; transition: all .3s ease; }
#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 {
}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { border-radius: 0px; }
.sub_03_01 #wr_content { height: 400px!important; }
.bo_v_nb li { position: relative; top: 0px; left: 0px; }
.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; }
.webzine_wrap { width: 100%; }
.webzine_box { width: 100%; position: relative; top: 0px; left: 0px; }
.webzine_box_in { width: 100%; position: relative; top: 0px; left: 0px; display: grid; grid-template-columns: repeat(2,1fr); font-size: 18px; height: 300px; }
.webzine_img { position: relative; top: 0px; left: 0px; display: table-cell; width: 35%; }
.webzine_tit { padding: 0 40px; font-size: 24px; line-height: 1.5; position: relative; top: 0px; left: 0px; vertical-align: middle; margin: auto 0; }
/* .webzine_con {  font-size: 18px; font-weight: 200; color: #777; } */
.webzine_arr { display: none; 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_thumb { width: 100%; height: 100%; }
.webzine_thumb img { object-fit: cover; overflow: hidden; border-radius: 24px 0 0 24px; height: 300px; width: 100%; }
.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 { background-color: #f7f7f7; border-radius: 24px; }
.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 .file_name_text { 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}
.bo_tit { font-weight: 500; }
.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: #4eaadb; }
.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: #4eaadb; }
.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%; }
.faq_box { width: 100%; }
.faq_box:first-child .faq_box_in { border-top: none; }
.faq_box_in { width: 100%; border-top: 1px solid #eee; }
.faq_label_wrap { padding: 30px 0; position: relative; top: 0px; left: 0px; }
.faq_label_wrap:after { content: ''; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 4px; background-color: #7ba02c; -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: 30px; 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: 30px 0; font-size: 18px; line-height: 1.5; color: #666; word-break: keep-all; font-weight: 200; }
.faq_label { position: relative; top: 0px; left: 0px; padding-right: 80px; }
.faq_label:after { content: ""; display: block; position: absolute; top: 8px; right: 20px; border-left: 2px solid #7ba02c; border-top: 2px solid #7ba02c; transform: rotate(225deg); width: 16px; height: 16px; 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; }
@media screen and (max-width:1000px) {
	.webzine_tit { font-size: 24px; }
	.webzine_box_in { height: 200px; }
	.webzine_thumb img { height: 200px; }
}
@media screen and (max-width:700px) {
	.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_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; }
	.webzine_tit { font-size: 16px; text-align: left; padding: 0 20px; }
	.webzine_con { font-size: 14px; }
	#bo_list .td_chk { width: 5%; }
	#bo_list .td_num { width: 5%; }
	#bo_list .td_num2 { width: 10%; }
	#bo_list .td_subject { width: 30%; }
	#bo_list .td_state { width: 30%; }
	#bo_list .td_state .ing,#bo_list .td_state .end { font-size: 13px; }
	#bo_list .td_datetime { font-size: 13px; width: 20%; }
}
@media screen and (max-width:600px) {

}
@media screen and (max-width:500px) {
	.webzine_box_in { grid-template-columns: repeat(1, 1fr); height: 300px; }
	.webzine_thumb img { border-radius: 24px 24px 0 0 ; height: 200px; width: 100%; }
	.webzine_thumb { height: 200px; }
	.webzine_tit { text-align: center; height: 100px; display: flex; flex-direction: column; justify-content: center; }
}
@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: #2767c9}
.rdos input[type="radio"]:checked + label:before { border-color: #2767c9}
.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: #888; border-color: #888; }
.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 #555; }
.table_wrap th { padding: 25px 10px; font-weight: 500; text-align: center; border-bottom: 1px solid #555; }
.td_01 { text-align: center; }
.td_02 { text-align: center; }
.table_01_wrap table { font-size: 14px; }
.table_01_wrap th { border-color: #ddd; }
.table_01_wrap td { border-color: #ddd; }
.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; font-size: 14px; }
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: #4eaadb; font-weight: 300; font-size: 14px; padding-left: 5px; }
.hidden { display: none!important; }
.sub_05_01 .label_on > input { margin-left: 0px!important; }
.s_sec_05_03_01_wrap { padding-bottom: 150px; }
.borad_btn_wrap { text-align: center; padding: 20px 0}
.borad_btn_wrap .borad_btn .borad_btn_wrap .borad_btn:hover { background-color: #222; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
@-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%}
}
#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #fff; width: 6px; height: 6px; margin: 0; transform: translate(-50%,-50%); opacity: 0.3; }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { margin: 0; transform: translate(-50%,-50%); width: 10px; height: 10px; opacity: 1; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
}
#fp-nav.left { left: 3%; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { margin: 0; transform: translate(-50%,-50%); width: 10px; height: 10px; opacity: 1; z-index: 2; }
/* #fp-nav ul li a.active:before, .fp-slidesNav ul li a.active:before, #fp-nav ul li:hover a.active:before, .fp-slidesNav ul li:hover a.active:before {
	position: absolute;top: 50%;left: 50%;width: 21px;height: 21px;border-radius: 100px;background-color: #fff;content: "";margin: 0;transform: translate(-50%,-50%);
	z-index: 1;opacity: 0.3;
}

 */

#fp-nav ul li, .fp-slidesNav ul li { width: 30px; height: 30px; margin: 20px 0}
#fp-nav ul li .fp-tooltip { width: auto; opacity: 1; }
#fp-nav ul li .fp-tooltip.left { left: 100%; padding-left: 10px; top: 50%; transform: translateY(-50%); }
#fp-nav ul li .fp-tooltip.right { right: 100%; padding-right: 10px; top: 50%; transform: translateY(-50%); }
#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child { display: none; }
#bo_v_link .bo_v_link_cnt { display: none; }
#bo_v_link a { float: none; }
.required, textarea.required { background-image: none!important; }
.info_half_wrap { display: flex; flex-flow: row wrap; justify-content: space-between; }
.info_half { width: 48%; display: inline-block; margin: 0; margin-bottom: 50px !important; }
#bo_w .bo_w_tit,.bo_w_file { margin-bottom: 50px !important; }
#bo_w .label_tit { font-size: 20px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; }
#bo_w .label_tit strong { color: #f22657; }
.bo_w_border { border: 1px solid #ddd; border-radius: 10px; margin-top: 20px; overflow: hidden; }
.bo_w_border textarea { padding: 10px; }
.wr_content.bo_w_border { border-bottom: inherit!important; }
.wr_content { height: 180px; }
.agree_pri_wrap { padding: 20px 0; }
#bo_v_con { font-size: 16px; padding: 30px 0; }
.bo_v_com { margin: 5px 0 !important; }
.board_view_label { position: relative; }
.bo_v_nb { position: absolute; top: -20px; }
.btn_prv { left: 0!important; display: inline-block; }
.btn_prv i { padding: 20px; border: 1px solid #eee; margin-right: 20px; }
.btn_next { right: 10px!important; display: inline-block; }
.btn_next i { padding: 20px; border: 1px solid #eee; margin-left: 20px; }
.main_board_line { display: flex; justify-content: space-between; align-items: center}
.view_bot_btn_wrap { margin: 0 auto; display: flex; gap: 20px; justify-content: center }
.view_bot_btn_wrap a { padding: 16px 24px; border: 1px solid #eee; }
.view_bot_btn_wrap1 a { background: #333; color: #fff; }
.wr_content { height: 400px; }