@charset "utf-8";
#bo_cate a {border-radius: 0px;color: #666;border: none;font-size: 18px;padding: 0 20px;position: relative;top: 0px;left: 0px;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {border-color: #01b4ed; background-color: #01b4ed; color: #01b4ed;background-color: transparent;border: none;}
#bo_cate #bo_cate_on {border-color: #01b4ed;background-color: #01b4ed;color: #fff;font-weight: normal;border-color: #01b4ed;background-color: #01b4ed;color: #01b4ed;background-color: transparent;border: none;box-shadow: none;}

#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 {font-size: 14px;}
.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%; border-top: 2px solid #222;
   padding: 15px 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 {border-color: #ddd;box-shadow: none;background-color: #fefefe;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 {
   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: 10px; color: #666;border-color: #ddd;box-shadow: none;background-color: #fefefe;max-width: 100%; width: 100%;min-width: 100%;
   font-family: 'Poppins','Noto Sans KR','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;
   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 {}
.borad_btn_wrap .borad_btn {background-color: #01b4ed;font-size: 18px!important; color: #fff; font-weight: 300; border-radius: 1000px;text-align: center;padding: 0 40px;height: 60px; line-height: 60px;min-width: 200px; display: inline-block;margin: 0 auto; font-weight: 400; font-family: 'Poppins','Pretendard','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}

@-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;background-color: transparent;font-size: 15px;padding: 10px;border-radius: 0px;border: 1px solid #01b4ed;color: #01b4ed;}
#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;}

.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: #01b4ed;}
.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: #01b4ed;}
.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: #16b279;font-weight: 500;}
.faq_label_wrap:after {content: '';position: absolute;bottom: 0px;left: 0px;width: 0px; height: 2px; background-color: #16b279;-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: #16b279;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 #16b279;border-top: 2px solid #16b279;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;}




@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:#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: #0b3b95;border-color: #0b3b95;}

.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: #01b4ed;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: #01b4ed;border: none;}
.borad_btn_wrap .borad_btn:hover {
   background: #265694;
}

@-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%}
}

.sub_board_service .bo_w_select {
    padding-bottom: 20px !important;
}
.sub_board_service .s_sec_info{
    padding-bottom: 0 !important;
}



.pg_page, .qa_page {background-color: #fff;border: none;}
.pg_current {font-weight: normal;background-color: inherit;border: none;color: #01b4ed;font-weight: 600;}
.pg_wrap {
    margin: 80px 0 30px;
    text-align: center;
}


.sub_board_history #bo_v,.sub_board_history #bo_w{
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
}