@charset "UTF-8";
/*board.scss*/
/*_buttons.scss*/
/*_colors.scss*/
/*_mixins.scss*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*_placeholder.scss*/
div.file ul li p.file_info span.file_name em, section.board_comment article.comment_unit a.filedown span.tit, a.filedown span.tit {
  white-space: nowrap; /* 1 */
  text-overflow: ellipsis; /* 2 */
  overflow: hidden;
}

div.board_type_01_write div.baord_type_01_write_area, div.board_type_01_write div.baord_type_02_write_area, div.board_type_01_write div.board_type_01_write_select,
div.board_type_01_write div.board_type_01_write_file,
div.board_type_01_write div.board_type_01_write_check_box, div.benefit_form,
div.column_form,
div.review_form,
div.examinfo_form, div.board_list_btn_box.top, section.board_comment article.comment_unit div.board_type_01_write_file, section.board_comment article.comment_unit, section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file, section.board_comment article.comment_unit div.board_type_01_write_filelist, div.board_type_01_write_filelist, div.select_boxes, nav.faq_sub_navi ul, div.pop_btn_group {
  *zoom: 1;
}
div.board_type_01_write div.baord_type_01_write_area:before, div.board_type_01_write div.baord_type_02_write_area:before, div.board_type_01_write div.board_type_01_write_select:before,
div.board_type_01_write div.board_type_01_write_file:before,
div.board_type_01_write div.board_type_01_write_check_box:before, div.benefit_form:before,
div.column_form:before,
div.review_form:before,
div.examinfo_form:before, div.board_list_btn_box.top:before, section.board_comment article.comment_unit div.board_type_01_write_file:before, section.board_comment article.comment_unit:before, section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file:before, section.board_comment article.comment_unit div.board_type_01_write_filelist:before, div.board_type_01_write_filelist:before, div.select_boxes:before, nav.faq_sub_navi ul:before, div.pop_btn_group:before, div.board_type_01_write div.baord_type_01_write_area:after, div.board_type_01_write div.baord_type_02_write_area:after, div.board_type_01_write div.board_type_01_write_select:after,
div.board_type_01_write div.board_type_01_write_file:after,
div.board_type_01_write div.board_type_01_write_check_box:after, div.benefit_form:after,
div.column_form:after,
div.review_form:after,
div.examinfo_form:after, div.board_list_btn_box.top:after, section.board_comment article.comment_unit div.board_type_01_write_file:after, section.board_comment article.comment_unit:after, section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file:after, section.board_comment article.comment_unit div.board_type_01_write_filelist:after, div.board_type_01_write_filelist:after, div.select_boxes:after, nav.faq_sub_navi ul:after, div.pop_btn_group:after {
  content: "";
  display: table;
}
div.board_type_01_write div.baord_type_01_write_area:after, div.board_type_01_write div.baord_type_02_write_area:after, div.board_type_01_write div.board_type_01_write_select:after,
div.board_type_01_write div.board_type_01_write_file:after,
div.board_type_01_write div.board_type_01_write_check_box:after, div.benefit_form:after,
div.column_form:after,
div.review_form:after,
div.examinfo_form:after, div.board_list_btn_box.top:after, section.board_comment article.comment_unit div.board_type_01_write_file:after, section.board_comment article.comment_unit:after, section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file:after, section.board_comment article.comment_unit div.board_type_01_write_filelist:after, div.board_type_01_write_filelist:after, div.select_boxes:after, nav.faq_sub_navi ul:after, div.pop_btn_group:after {
  clear: both;
}

a.board_link_btn {
  padding: 8px 30px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}
a.board_link_btn.blue {
  background: #0b71b9;
}

/*_forms.scss*/
div.select_boxes div.select_wrap, div.board_type_01_write_select div.select_wrap,
div.board_type_01_write_file div.select_wrap,
div.board_list_btn_box.top div.select_wrap {
  position: relative;
  border: 2px solid #c6c8cd; /* 테두리 설정 */
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  z-index: 1;
}
div.select_boxes div.select_wrap:before, div.board_type_01_write_select div.select_wrap:before,
div.board_type_01_write_file div.select_wrap:before,
div.board_list_btn_box.top div.select_wrap:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #c6c8cd;
}
div.select_boxes div.on.select_wrap, div.board_type_01_write_select div.on.select_wrap,
div.board_type_01_write_file div.on.select_wrap,
div.board_list_btn_box.top div.on.select_wrap {
  border: 2px solid #5391d5;
  background: #5391d5;
}
div.select_boxes div.on.select_wrap label, div.board_type_01_write_select div.on.select_wrap label,
div.board_type_01_write_file div.on.select_wrap label,
div.board_list_btn_box.top div.on.select_wrap label {
  color: #fff;
}
div.select_boxes div.on.select_wrap:before, div.board_type_01_write_select div.on.select_wrap:before,
div.board_type_01_write_file div.on.select_wrap:before,
div.board_list_btn_box.top div.on.select_wrap:before {
  border-top: 5px solid #fff;
}
div.select_boxes div.off.select_wrap, div.board_type_01_write_select div.off.select_wrap,
div.board_type_01_write_file div.off.select_wrap,
div.board_list_btn_box.top div.off.select_wrap {
  background: #dddddd;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
div.select_boxes div.select_wrap label, div.board_type_01_write_select div.select_wrap label,
div.board_type_01_write_file div.select_wrap label,
div.board_list_btn_box.top div.select_wrap label {
  position: absolute;
  top: 0;
  left: 5px;
  padding: 8px 10px 0 10px;
  color: #999;
  z-index: -1;
}
@media (max-width: 960px) {
  div.select_boxes div.select_wrap label, div.board_type_01_write_select div.select_wrap label,
  div.board_type_01_write_file div.select_wrap label,
  div.board_list_btn_box.top div.select_wrap label {
    padding: 12px 0 0 0;
  }
}
div.select_boxes div.select_wrap select, div.board_type_01_write_select div.select_wrap select,
div.board_type_01_write_file div.select_wrap select,
div.board_list_btn_box.top div.select_wrap select {
  width: 100%;
  height: auto;
  line-height: normal;
  font-family: inherit;
  padding: 0.8em 0.5em;
  border: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

div.board_type_01_write_select div.select_wrap,
div.board_type_01_write_file div.select_wrap,
div.board_list_btn_box.top div.select_wrap {
  width: 200px;
  height: auto;
  border: 1px solid #c6c8cd;
  margin: 10px 20px 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  float: left;
}
@media (max-width: 480px) {
  div.board_type_01_write_select div.select_wrap,
  div.board_type_01_write_file div.select_wrap,
  div.board_list_btn_box.top div.select_wrap {
    width: 100%;
    margin: 0 0 5px 0;
    background-color: #FFF;
  }
}
div.board_type_01_write_select div.select_wrap label,
div.board_type_01_write_file div.select_wrap label,
div.board_list_btn_box.top div.select_wrap label {
  padding: 3px 8px 5px;
}
@media (max-width: 960px) {
  div.board_type_01_write_select div.select_wrap label,
  div.board_type_01_write_file div.select_wrap label,
  div.board_list_btn_box.top div.select_wrap label {
    padding: 7px 8px 5px;
    font-size: 11px;
  }
}
div.board_type_01_write_select div.select_wrap select,
div.board_type_01_write_file div.select_wrap select,
div.board_list_btn_box.top div.select_wrap select {
  padding: 3px 10px 5px;
  border-color: #c6c8cd;
}

div.board_list_btn_box.top div.board_list_search_box {
  width: auto;
  height: auto;
  float: right;
  text-align: center;
}
@media (max-width: 480px) {
  div.board_list_btn_box.top div.board_list_search_box {
    width: 50%;
  }
}
div.board_list_btn_box.top div.board_list_search_box input#search {
  width: 150px;
  height: 35px;
  border: 1px solid #c6c8cd;
  padding: 5px 10px 7px;
  border-radius: 0;
  border-style: solid;
  -webkit-appearance: none;
  vertical-align: middle;
}
@media (max-width: 480px) {
  div.board_list_btn_box.top div.board_list_search_box input#search {
    width: 70%;
    padding: 10px;
  }
}
div.board_list_btn_box.top div.board_list_search_box input.board_btn_search {
  height: 35px;
  padding: 5px 15px 7px;
  background-color: #c6c8cd;
  color: #FFF;
  border: 1px solid #c6c8cd;
  text-align: center;
  border-radius: 0;
  -webkit-appearance: none;
  vertical-align: middle;
}
@media (max-width: 960px) {
  div.board_list_btn_box.top div.board_list_search_box input.board_btn_search {
    height: 35px;
  }
}
@media (max-width: 480px) {
  div.board_list_btn_box.top div.board_list_search_box input.board_btn_search {
    width: 30%;
    height: 35px;
    padding: 5px 0;
  }
}
div.board_list_btn_box.top div.board_list_search_box input.board_btn_search:hover {
  background-color: #aab4bd;
  border: 1px solid #aab4bd;
}

div.layer_pop, div.layer_pop_m {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: url(../../../img//all_bg.png) repeat;
}

div.pop_wrap {
  width: 970px;
  height: 550px;
  overflow-y: auto;
  padding: 30px;
  background: #ebecee;
}
@media (max-width: 960px) {
  div.pop_wrap {
    width: 100%;
    height: auto;
    padding: 10px;
  }
}

article.popup_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  margin: -150px 0 0 -150px;
  background: #fff;
  padding: 20px;
}
article.popup_wrap h5.popup_wrap_t {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 3px solid #dddddd;
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  color: #424242;
}
article.popup_wrap h5.popup_wrap_t span {
  display: inline-block;
  padding: 0 0 7px 0;
}

div.pop_btn_group {
  position: absolute;
  bottom: 0;
  left: 0;
}
div.pop_btn_group button {
  float: left;
  width: 150px;
  height: 50px;
  background: #aab4bd;
  border: none;
  color: #fff;
  border: 1px solid #fff;
  font-weight: bold;
}
div.pop_btn_group button:hover {
  background: #5f5f5f;
}

/*_icons.scss*/
span.top_alarm {
  display: inline-block;
  background: #5391d5;
  width: 20px;
  height: 20px;
  color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  text-align: center;
  vertical-align: middle;
  margin: 0 0 0 3px;
}

span.ico_border_co1 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #21b1ea;
  background: none;
  color: #21b1ea;
}
@media (max-width: 960px) {
  span.ico_border_co1 {
    padding: 5px 10px 4px 10px;
    font-size: 11px;
  }
}
span.ico_border_co1 {
  font-size: 12px;
}
@media (max-width: 960px) {
  span.ico_border_co1 {
    width: 50px;
    text-align: center;
    margin: 0 0 3px 0;
    padding: 3px 0 2px 0;
    font-size: 11px;
  }
}

span.ico_border_co2 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #f26c4f;
  background: none;
  color: #f26c4f;
}
@media (max-width: 960px) {
  span.ico_border_co2 {
    padding: 5px 10px 4px 10px;
    font-size: 11px;
  }
}
span.ico_border_co2 {
  font-size: 12px;
}
@media (max-width: 960px) {
  span.ico_border_co2 {
    width: 50px;
    text-align: center;
    margin: 0 0 3px 0;
    padding: 3px 0 2px 0;
    font-size: 11px;
  }
}

span.ico_back_co1 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #f26c4f;
  background: #f26c4f;
  color: #fff;
}
@media (max-width: 960px) {
  span.ico_back_co1 {
    padding: 5px 10px 4px 10px;
    font-size: 11px;
  }
}
span.ico_back_co1 {
  font-size: 12px;
}
@media (max-width: 960px) {
  span.ico_back_co1 {
    width: 50px;
    text-align: center;
    margin: 0 0 3px 0;
    padding: 3px 0 2px 0;
    font-size: 11px;
  }
}

span.ico_back_co2 {
  display: inline-block;
  padding: 3px 10px 5px 10px;
  border: 1px solid #21b1ea;
  background: #21b1ea;
  color: #fff;
}
@media (max-width: 960px) {
  span.ico_back_co2 {
    padding: 5px 10px 4px 10px;
    font-size: 11px;
  }
}
span.ico_back_co2 {
  font-size: 12px;
}
@media (max-width: 960px) {
  span.ico_back_co2 {
    width: 50px;
    text-align: center;
    margin: 0 0 3px 0;
    padding: 3px 0 2px 0;
    font-size: 11px;
  }
}

/*_buttons1.scss*/
/*_colors1.scss*/
/*_mixins1.scss*/
/*_buttons2.scss*/
/*_colors2.scss*/
/*_mixins2.scss*/
/*_placeholder2.scss*/
div.board_type_01_write div.baord_type_02_write_area.s_height h5.ban_type_h {
  display: inline-block;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 2px solid #0b71b9;
}
@media (max-width: 960px) {
  div.board_type_01_write div.baord_type_02_write_area.s_height h5.ban_type_h {
    margin: 50px 0 0 0;
    font-size: 17px;
    border-bottom: 3px solid #0b71b9;
  }
}

/*_buttons3.scss*/
/*_colors3.scss*/
/*_icons3.scss*/
/*_mixins3.scss*/
/* Sub-section comment block
   ========================================================================== */
/* Usage */
/* svg element
 ========================================================================== */
/* maring-and-padding-spacing
  ========================================================================== */
/*_placeholder3.scss*/
section.board_comment article.comment_unit div.member_photo, section.board_comment article.board_comment_write div.member_photo {
  width: 70px;
  height: 70px;
  border: 1px solid #ccc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  overflow: hidden;
}
section.board_comment article.comment_unit div.member_photo img, section.board_comment article.board_comment_write div.member_photo img {
  width: 100%;
  height: 100%;
}

div.board_type_01_view_box header dl, div.benefit_form dl.tit, div.review_form dl,
div.examinfo_form dl, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom dl, section.board_comment div.board_comment_option dl {
  padding: 5px 0 0 3px;
}
div.board_type_01_view_box header dl dt, div.benefit_form dl.tit dt, div.review_form dl dt,
div.examinfo_form dl dt, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom dl dt, section.board_comment div.board_comment_option dl dt {
  display: inline-block;
  font-size: 12px;
  font-size: 0.78rem;
  color: #666;
}
div.board_type_01_view_box header dl dd, div.benefit_form dl.tit dd, div.review_form dl dd,
div.examinfo_form dl dd, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom dl dd, section.board_comment div.board_comment_option dl dd {
  display: inline-block;
  margin: 0 10px 0 0;
}
div.board_type_01_view_box header dl dd a, div.benefit_form dl.tit dd a, div.review_form dl dd a,
div.examinfo_form dl dd a, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom dl dd a, section.board_comment div.board_comment_option dl dd a {
  color: #000;
  vertical-align: -1px;
}

nav.faq_sub_navi {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
}
@media (max-width: 960px) {
  nav.faq_sub_navi {
    padding: 10px;
  }
}
nav.faq_sub_navi ul li {
  float: left;
  width: 19%;
  height: auto;
  margin: 0.5%;
}
@media (max-width: 960px) {
  nav.faq_sub_navi ul li {
    width: 33.3%;
    margin: 0;
  }
}
@media (max-width: 960px) {
  nav.faq_sub_navi ul li:nth-child(1), nav.faq_sub_navi ul li:nth-child(2), nav.faq_sub_navi ul li:nth-child(3) {
    border-top: 1px solid rgb(198.7086092715, 205.3311258278, 211.2913907285);
  }
}
@media (max-width: 960px) {
  nav.faq_sub_navi ul li:nth-child(3), nav.faq_sub_navi ul li:nth-child(6), nav.faq_sub_navi ul li:nth-child(9), nav.faq_sub_navi ul li:nth-child(12), nav.faq_sub_navi ul li:nth-child(15), nav.faq_sub_navi ul li:nth-child(18) {
    width: 33.4%;
    border-right: 1px solid rgb(198.7086092715, 205.3311258278, 211.2913907285);
  }
}
nav.faq_sub_navi ul li a {
  display: block;
  width: 100%;
  height: 50px;
  padding: 13px 0 15px;
  font-size: 15px;
  font-size: 0.975rem;
  word-spacing: -0.8px;
  text-align: center;
  color: #aab4bd;
  background-color: #FFF;
  border: 1px solid rgb(198.7086092715, 205.3311258278, 211.2913907285);
}
@media (max-width: 960px) {
  nav.faq_sub_navi ul li a {
    border-top: 0;
    border-right: 0;
  }
}
@media (max-width: 480px) {
  nav.faq_sub_navi ul li a {
    height: 38px;
    padding: 10px 0;
    font-size: 13px;
    font-size: 0.845rem;
  }
}
nav.faq_sub_navi ul li a:hover, nav.faq_sub_navi ul li.on a {
  background-color: rgb(141.2913907285, 154.6688741722, 166.7086092715);
  color: #FFF;
}

/*_font.scss*/
@font-face {
  font-family: "icomoon-text";
  src: url("https://wdr.ubion.co.kr/Wowpass/_inc/font/icomoon-text.eot?xce58y");
  src: url("https://wdr.ubion.co.kr/Wowpass/_inc/font/icomoon-text.eot?xce58y#iefix") format("embedded-opentype"), url("https://wdr.ubion.co.kr/Wowpass/_inc/font/icomoon-text.ttf?xce58y") format("truetype"), url("https://wdr.ubion.co.kr/Wowpass/_inc/font/icomoon-text.woff?xce58y") format("woff"), url("https://wdr.ubion.co.kr/Wowpass/_inc/font/icomoon-text.svg?xce58y#icomoon-text") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon-text {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon-text" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*SVG 아이콘
   ========================================================================== */
[class^=icon-text-]:before, [class*=" icon-text-"]:before {
  font-family: "icomoon-text";
  font-variant: normal;
  text-transform: none;
  speak: none;
  font-weight: normal;
  font-style: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* .icon-text-afterexam:before {
  content: "\e100";
}
* .icon-text-passevent:before {
  content: "\e101";
}
* .icon-text-fundls:before {
  content: "\e001";
}
* .icon-text-securities:before {
  content: "\e002";
}
* .icon-text-fund:before {
  content: "\e003";
}
* .icon-text-tusang:before {
  content: "\e004";
}
* .icon-text-pasaeng:before {
  content: "\e005";
}
* .icon-text-cim:before {
  content: "\e006";
}
* .icon-text-frm:before {
  content: "\e007";
}
* .icon-text-investement:before {
  content: "\e008";
}
* .icon-text-teller:before {
  content: "\e009";
}
* .icon-text-bankfp:before {
  content: "\e010";
}
* .icon-text-exchange1:before {
  content: "\e011";
}
* .icon-text-exchange2:before {
  content: "\e012";
}
* .icon-text-afpk:before {
  content: "\e013";
}
* .icon-text-cfp:before {
  content: "\e014";
}

@media (max-width: 960px) {
  .bg_white_wrap {
    background: #fff;
  }
  .bg_white_wrap > .board_list_btn_box.top {
    background: #fff;
  }
}

.lec_c_red {
  font-weight: bold;
  color: #f26c4f;
}

.lec_c_blue {
  font-weight: bold;
  color: #7cace1;
}

.underline {
  text-decoration: underline;
}

article.rectangle > h5.popup_wrap_t {
  font-size: 15px;
  font-size: 0.975rem;
  text-align: center;
  padding: 20px 0 10px 0;
}
article.rectangle > p.txt1 {
  text-align: center;
}
article.rectangle > p.txt1 em {
  color: #f26c4f;
  margin: 10px 0 0 0;
}
article.rectangle > input {
  width: 100%;
  margin: 40px 0 0 0;
  width: 100%;
  height: 25px;
  border: 1px solid #dddddd;
  text-align: center;
}
article.rectangle > div.pop_btn_group button.co_primary {
  background: #21b1ea;
}

table {
  width: 100%;
  height: auto;
}
@media (max-width: 960px) {
  table {
    width: 100%;
  }
}
@media (max-width: 480px) {
  table {
    width: 100%;
  }
}

table.table_scroll, div.scroll_wrap table,
table.examinfo_col {
  width: 100%;
  height: auto;
  border-top: 1px solid #aab4bd;
}
@media (max-width: 960px) {
  table.table_scroll, div.scroll_wrap table,
  table.examinfo_col {
    width: 95%;
    margin: auto;
  }
}
table.table_scroll caption, div.scroll_wrap table caption,
table.examinfo_col caption {
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}
table.table_scroll th, div.scroll_wrap table th,
table.table_scroll td,
div.scroll_wrap table td,
table.examinfo_col th,
table.examinfo_col td {
  padding: 6px 5px 8px;
  text-align: center;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 18px;
  line-height: 1rem;
}
table.table_scroll th.ta_l, div.scroll_wrap table th.ta_l,
table.table_scroll td.ta_l,
div.scroll_wrap table td.ta_l,
table.examinfo_col th.ta_l,
table.examinfo_col td.ta_l {
  text-align: left;
  padding-left: 10px;
}
table.table_scroll th.ta_r, div.scroll_wrap table th.ta_r,
table.table_scroll td.ta_r,
div.scroll_wrap table td.ta_r,
table.examinfo_col th.ta_r,
table.examinfo_col td.ta_r {
  text-align: right;
  padding-right: 10px;
}
table.table_scroll th, div.scroll_wrap table th,
table.examinfo_col th {
  background-color: #aab4bd;
  color: #FFF;
  border-bottom: 1px solid rgb(198.7086092715, 205.3311258278, 211.2913907285);
  border-right: 1px solid rgb(198.7086092715, 205.3311258278, 211.2913907285);
}
table.table_scroll td, div.scroll_wrap table td,
table.examinfo_col td {
  line-height: 19px;
  line-height: 1.125rem;
  border-bottom: 1px solid rgb(198.7086092715, 205.3311258278, 211.2913907285);
  border-right: 1px solid rgb(198.7086092715, 205.3311258278, 211.2913907285);
}
table.table_scroll td.border_r_none, div.scroll_wrap table td.border_r_none,
table.examinfo_col td.border_r_none {
  border-right: 0;
}

div.scroll_wrap {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  white-space: normal;
}
@media (max-width: 960px) {
  div.scroll_wrap {
    overflow-y: hidden;
    overflow-x: auto;
    /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
    /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/
    -webkit-transform: translateZ(0px);
    /*HELPS THE ABOVE WORK IN IOS5*/
    -webkit-transform: translateZ(0px);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
    width: auto;
    margin-left: -2.5%;
    margin-right: -2.5%;
  }
}
div.scroll_wrap div.table_js {
  width: 100%;
  height: 100%;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  position: absolute;
  background: #aab4bd; /* The Fallback */
  background: rgba(170, 180, 189, 0.6);
  background-image: url("../../../img/finger.png");
  background-position: center 0;
  background-repeat: no-repeat;
  padding-top: 50px;
  text-align: center;
  z-index: 2;
}
@media (max-width: 960px) {
  div.scroll_wrap div.table_js {
    background-image: url("../../../img/finger.svg");
  }
}
@media (max-width: 960px) {
  div.scroll_wrap div.scroller {
    width: 960px;
    height: auto;
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
  }
}
@media (max-width: 480px) {
  div.scroll_wrap div.scroller {
    width: 800px;
  }
}
@media (max-width: 960px) {
  div.scroll_wrap div.scroller table {
    width: 100%;
    margin-bottom: 20px !important;
  }
}
div.scroll_wrap div.scroller {
  /*IScroll5 style 20151005*/
  /* Styled scrollbars */
}
div.scroll_wrap div.scroller .scrollWrap {
  overflow: hidden;
}
div.scroll_wrap div.scroller {
  /*가로*/
}
div.scroll_wrap div.scroller .iScrollHorizontalScrollbar {
  top: auto;
  right: 14px;
  bottom: 0;
  left: 14px;
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  background-color: #eee;
}
div.scroll_wrap div.scroller .iScrollHorizontalScrollbar.iScrollBothScrollbars {
  right: 18px;
}
div.scroll_wrap div.scroller {
  /*세로*/
}
div.scroll_wrap div.scroller .iScrollVerticalScrollbar {
  top: 2px;
  right: 0;
  bottom: 5px;
  left: auto;
  position: absolute;
  z-index: 9999;
  width: 6px;
  overflow: hidden;
  background: #eee;
}
div.scroll_wrap div.scroller .iScrollVerticalScrollbar.iScrollBothScrollbars {
  bottom: 0;
}
div.scroll_wrap div.scroller {
  /*bar */
}
div.scroll_wrap div.scroller .iScrollIndicator {
  position: absolute;
  border-radius: 0;
}
div.scroll_wrap div.scroller .iScrollIndicator {
  height: 6px;
  background: #bbb;
}
div.scroll_wrap div.scroller .iScrollVerticalScrollbar .iScrollIndicator {
  width: 100%;
  background: #bbb;
}

.examinfo_txt_red {
  color: #f26c4f;
}
.examinfo_txt_blue {
  color: #5391d5;
}
.examinfo_txt_orange {
  color: #cc6600;
}
.examinfo_txt_pink {
  color: #cc3399;
}
.examinfo_txt_purple {
  color: #993399;
}
.examinfo_txt_green {
  color: #389587;
}

.examinfo_s1 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  padding: 2px 0 4px;
  margin-bottom: 5px;
  color: #3d5ea8;
  background-color: rgb(246.9626168224, 249.8598130841, 253.0373831776);
  border-bottom: 1px solid rgb(123.9906542056, 171.214953271, 223.0093457944);
  font-weight: 600;
  font-size: 14px;
  font-size: 0.91rem;
}
.examinfo_s2 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: auto;
  color: #3d5ea8;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 21px;
  line-height: 1.375rem;
}
@media (max-width: 960px) {
  .examinfo_s2 {
    line-height: 20px;
    line-height: 1.25rem;
  }
}
.examinfo_s3 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: auto;
  font-weight: 700;
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 20px;
  line-height: 1.25rem;
}
@media (max-width: 480px) {
  .examinfo_s3 {
    line-height: 18px;
    line-height: 1rem;
  }
}

.ta_r {
  text-align: right;
}

.ta_l {
  text-align: left;
}

.ta_c {
  text-align: center;
}

.mgc {
  margin: 0 auto;
}

.mg0x {
  margin: 0px !important;
}

.mgt0x {
  margin-top: 0px !important;
}

.mgb0x {
  margin-bottom: 0px !important;
}

.mgl0x {
  margin-left: 0px !important;
}

.mgr0x {
  margin-right: 0px !important;
}

.pd0x {
  padding: 0px !important;
}

.pdt0x {
  padding-top: 0px !important;
}

.pdb0x {
  padding-bottom: 0px !important;
}

.pdl0x {
  padding-left: 0px !important;
}

.pdr0x {
  padding-right: 0px !important;
}

.mg1x {
  margin: 10px !important;
}

.mgt1x {
  margin-top: 10px !important;
}

.mgb1x {
  margin-bottom: 10px !important;
}

.mgl1x {
  margin-left: 10px !important;
}

.mgr1x {
  margin-right: 10px !important;
}

.pd1x {
  padding: 10px !important;
}

.pdt1x {
  padding-top: 10px !important;
}

.pdb1x {
  padding-bottom: 10px !important;
}

.pdl1x {
  padding-left: 10px !important;
}

.pdr1x {
  padding-right: 10px !important;
}

.mg2x {
  margin: 20px !important;
}

.mgt2x {
  margin-top: 20px !important;
}

.mgb2x {
  margin-bottom: 20px !important;
}

.mgl2x {
  margin-left: 20px !important;
}

.mgr2x {
  margin-right: 20px !important;
}

.pd2x {
  padding: 20px !important;
}

.pdt2x {
  padding-top: 20px !important;
}

.pdb2x {
  padding-bottom: 20px !important;
}

.pdl2x {
  padding-left: 20px !important;
}

.pdr2x {
  padding-right: 20px !important;
}

.mg3x {
  margin: 30px !important;
}

.mgt3x {
  margin-top: 30px !important;
}

.mgb3x {
  margin-bottom: 30px !important;
}

.mgl3x {
  margin-left: 30px !important;
}

.mgr3x {
  margin-right: 30px !important;
}

.pd3x {
  padding: 30px !important;
}

.pdt3x {
  padding-top: 30px !important;
}

.pdb3x {
  padding-bottom: 30px !important;
}

.pdl3x {
  padding-left: 30px !important;
}

.pdr3x {
  padding-right: 30px !important;
}

.mg4x {
  margin: 40px !important;
}

.mgt4x {
  margin-top: 40px !important;
}

.mgb4x {
  margin-bottom: 40px !important;
}

.mgl4x {
  margin-left: 40px !important;
}

.mgr4x {
  margin-right: 40px !important;
}

.pd4x {
  padding: 40px !important;
}

.pdt4x {
  padding-top: 40px !important;
}

.pdb4x {
  padding-bottom: 40px !important;
}

.pdl4x {
  padding-left: 40px !important;
}

.pdr4x {
  padding-right: 40px !important;
}

.mg5x {
  margin: 50px !important;
}

.mgt5x {
  margin-top: 50px !important;
}

.mgb5x {
  margin-bottom: 50px !important;
}

.mgl5x {
  margin-left: 50px !important;
}

.mgr5x {
  margin-right: 50px !important;
}

.pd5x {
  padding: 50px !important;
}

.pdt5x {
  padding-top: 50px !important;
}

.pdb5x {
  padding-bottom: 50px !important;
}

.pdl5x {
  padding-left: 50px !important;
}

.pdr5x {
  padding-right: 50px !important;
}

.mg6x {
  margin: 60px !important;
}

.mgt6x {
  margin-top: 60px !important;
}

.mgb6x {
  margin-bottom: 60px !important;
}

.mgl6x {
  margin-left: 60px !important;
}

.mgr6x {
  margin-right: 60px !important;
}

.pd6x {
  padding: 60px !important;
}

.pdt6x {
  padding-top: 60px !important;
}

.pdb6x {
  padding-bottom: 60px !important;
}

.pdl6x {
  padding-left: 60px !important;
}

.pdr6x {
  padding-right: 60px !important;
}

.mg7x {
  margin: 70px !important;
}

.mgt7x {
  margin-top: 70px !important;
}

.mgb7x {
  margin-bottom: 70px !important;
}

.mgl7x {
  margin-left: 70px !important;
}

.mgr7x {
  margin-right: 70px !important;
}

.pd7x {
  padding: 70px !important;
}

.pdt7x {
  padding-top: 70px !important;
}

.pdb7x {
  padding-bottom: 70px !important;
}

.pdl7x {
  padding-left: 70px !important;
}

.pdr7x {
  padding-right: 70px !important;
}

.mg8x {
  margin: 80px !important;
}

.mgt8x {
  margin-top: 80px !important;
}

.mgb8x {
  margin-bottom: 80px !important;
}

.mgl8x {
  margin-left: 80px !important;
}

.mgr8x {
  margin-right: 80px !important;
}

.pd8x {
  padding: 80px !important;
}

.pdt8x {
  padding-top: 80px !important;
}

.pdb8x {
  padding-bottom: 80px !important;
}

.pdl8x {
  padding-left: 80px !important;
}

.pdr8x {
  padding-right: 80px !important;
}

.mg9x {
  margin: 90px !important;
}

.mgt9x {
  margin-top: 90px !important;
}

.mgb9x {
  margin-bottom: 90px !important;
}

.mgl9x {
  margin-left: 90px !important;
}

.mgr9x {
  margin-right: 90px !important;
}

.pd9x {
  padding: 90px !important;
}

.pdt9x {
  padding-top: 90px !important;
}

.pdb9x {
  padding-bottom: 90px !important;
}

.pdl9x {
  padding-left: 90px !important;
}

.pdr9x {
  padding-right: 90px !important;
}

.link1 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  border: 1px solid #aab4bd;
  color: #fff;
  width: auto;
  height: auto;
  font-size: 15px;
  background-color: #aab4bd;
  border-radius: 4px;
  padding: 5px 15px 7px;
}
@media (max-width: 480px) {
  .link1 {
    padding: 5px 10px;
  }
}
.link1:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.link1 i {
  font-size: 11px;
  font-size: 0.715rem;
  vertical-align: middle;
}

div.video video.video_control {
  margin-right: -1px;
}
div.video div.video_control object {
  min-height: 300px;
}

@media (max-width: 960px) {
  div.select_boxes,
  div.board_list_btn_box,
  div.board_paging_type_01,
  div.board_view_btn_box,
  section.board_comment,
  div.board_type_01_write {
    width: 95%;
    margin: 0 auto;
  }
}

i.icon-lock.file {
  width: auto;
  height: auto;
  color: #f26c4f;
  vertical-align: middle;
  display: inline-block;
  position: static;
  opacity: 1;
  filter: alpha(opacity=100);
  font-size: 14.5px;
  font-size: 0.9425rem;
  padding: 0 0 4px 4px;
}
@media (max-width: 960px) {
  i.icon-lock.file {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}

section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown, section.board_comment article.comment_unit a.filedown, a.filedown {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 21px;
  line-height: 1.375rem;
  background-color: rgb(241.7715231788, 243.3278145695, 244.7284768212);
  color: rgb(107.75, 107.75, 107.75);
  padding: 16px 10px 15px 65px;
  margin-top: 5px;
}
section.board_comment article.comment_unit div.board_type_01_write_filelist a.child.filedown, section.board_comment article.comment_unit a.child.filedown, a.child.filedown {
  background-color: rgb(250.3841059603, 250.9271523179, 251.4158940397);
  margin-top: 0;
}
section.board_comment article.comment_unit a.child.filedown span.tit, a.child.filedown span.tit {
  font-weight: normal;
}
section.board_comment article.comment_unit a.child.filedown:hover, a.child.filedown:hover {
  background-color: rgb(250.3841059603, 250.9271523179, 251.4158940397);
}
section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown > i, section.board_comment article.comment_unit a.filedown > i, a.filedown > i {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  position: absolute;
  opacity: 0.6;
  filter: alpha(opacity=60);
  font-size: 18px;
  font-size: 1.17rem;
  text-align: center;
  vertical-align: middle;
  background-color: #FFF;
  color: #c6c8cd;
  padding: 17px 18px;
}
section.board_comment article.comment_unit a.filedown > i.icon-download, a.filedown > i.icon-download {
  color: #5f5f5f;
}
section.board_comment article.comment_unit a.filedown > i.icon-download-child, a.filedown > i.icon-download-child {
  font-size: 15px;
  font-size: 0.975rem;
}
section.board_comment article.comment_unit a.filedown span.tit, a.filedown span.tit {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit a.filedown span.tit, a.filedown span.tit {
    max-width: 60%;
  }
}
section.board_comment article.comment_unit a.filedown span.tit, a.filedown span.tit {
  font-weight: bold;
}
section.board_comment article.comment_unit a.filedown span.weight, a.filedown span.weight {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: 30px;
  top: 17px;
  right: 10px;
  bottom: auto;
  left: auto;
  position: absolute;
  font-size: 10px;
  font-size: 0.65rem;
  color: rgb(158.75, 158.75, 158.75);
}
section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown:hover, section.board_comment article.comment_unit a.filedown:hover, a.filedown:hover {
  background-color: #ebecee;
}

span.subjectname, span.subjectname.refund {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  border: 1px solid #5f5f5f;
  color: #5f5f5f;
  width: auto;
  height: auto;
  font-size: 11px;
  background-color: transparent;
  border-radius: 15px;
  min-width: 100px;
  padding: 5px 15px;
  text-align: center;
  vertical-align: middle;
  margin-right: 5px;
  letter-spacing: -1px;
}
@media (max-width: 960px) {
  span.subjectname, span.subjectname.refund {
    min-width: 50px;
    padding: 2px 5px 1px;
    line-height: 120%;
  }
}
@media (max-width: 480px) {
  span.subjectname, span.subjectname.refund {
    padding: 2px 5px 1px;
    vertical-align: top;
    margin-right: 3px;
  }
}

span.subjectname.refund {
  background-color: #aab4bd;
  border-color: #aab4bd;
  color: #FFF;
}

li.notice_01 span.subjectname {
  color: #0b71b9;
  border-color: #0b71b9;
}

i.icon-new {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  font-size: 20px;
  font-size: 1.3rem;
  color: #f26c4f;
}
@media (max-width: 480px) {
  i.icon-new {
    vertical-align: top;
    margin-top: -2px;
  }
}

i.icon-lock {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #5a5960;
  color: #ffffff;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  font-size: 8px;
  font-size: 0.52rem;
  vertical-align: middle;
}

textarea {
  display: block;
  width: 100%;
  height: 70px;
  padding: 10px;
  border: 2px solid #7cace1;
}
textarea.placeholder {
  color: #c6c8cd;
}
textarea:-moz-placeholder {
  color: #c6c8cd;
}
textarea::-webkit-input-placeholder {
  color: #c6c8cd;
}
textarea:-ms-input-placeholder {
  color: #c6c8cd;
}

div.textarea_wrap {
  width: 100%;
  height: auto;
  padding: 10px;
  border: 2px solid #7cace1;
}
div.textarea_wrap.placeholder {
  color: #c6c8cd;
}
div.textarea_wrap:-moz-placeholder {
  color: #c6c8cd;
}
div.textarea_wrap::-webkit-input-placeholder {
  color: #c6c8cd;
}
div.textarea_wrap:-ms-input-placeholder {
  color: #c6c8cd;
}
div.textarea_wrap {
  background-color: #FFF;
}
div.textarea_wrap textarea {
  padding: 0;
  height: 80px;
  border: 0;
}
div.textarea_wrap div.board_type_01_write_file {
  width: 95%;
  margin: 20px auto 0;
}
div.textarea_wrap div.file {
  width: 95%;
  margin: 0 auto;
}
div.textarea_wrap div.file ul li p.file_info {
  width: 800px;
}
@media (max-width: 960px) {
  div.textarea_wrap div.file ul li p.file_info {
    width: 80%;
    left: 80px;
  }
}
@media (max-width: 480px) {
  div.textarea_wrap div.file ul li p.file_info {
    width: 68%;
  }
}

.comment_secret {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  font-size: 11px;
  font-size: 0.715rem;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  padding: 0 5px 4px;
  margin-left: 8px;
  vertical-align: -3px;
  background-color: #aab4bd;
  color: #FFF;
}
@media (max-width: 480px) {
  .comment_secret {
    vertical-align: 0;
  }
}

div.select_boxes {
  background: #fff;
  margin: 40px auto;
  padding: 30px 40px;
  border: 1px solid #dddddd;
}
@media (max-width: 960px) {
  div.select_boxes {
    width: 100%;
    padding: 20px 2.5%;
    margin: 0;
    border: none;
  }
}
@media (max-width: 480px) {
  div.select_boxes {
    padding: 20px 2.5%;
  }
}
div.select_boxes div.select_wrap {
  float: left;
  width: 32%;
  height: 40px;
  margin: 0 2% 0 0;
}
@media (max-width: 960px) {
  div.select_boxes div.select_wrap {
    width: 47%;
    height: 40px;
    margin: 0 3% 10px 0;
  }
}
div.select_boxes div.select_wrap select {
  height: 35px;
}
@media (max-width: 960px) {
  div.select_boxes div.select_wrap.select2 {
    margin: 0;
    width: 50%;
    height: 40px;
  }
}
div.select_boxes div.select_wrap.select3 {
  margin: 0;
}
@media (max-width: 960px) {
  div.select_boxes div.select_wrap.select3 {
    width: 100%;
    height: 40px;
  }
}
div.select_boxes.have2 div.select_wrap.select1, div.select_boxes.have2 div.select_wrap.select2 {
  width: 49%;
  margin-right: 2%;
}
@media (max-width: 960px) {
  div.select_boxes.have2 div.select_wrap.select1, div.select_boxes.have2 div.select_wrap.select2 {
    height: 40px;
  }
}
div.select_boxes.have2 div.select_wrap.select2 {
  margin-right: 0;
}

div.board_list_btn_box.top div.select_wrap.on,
section.lec_list div.select_wrap.on {
  background: #aab4bd;
  border-color: #aab4bd;
}

div.board_list_btn_box.items {
  text-align: right;
}
div.board_list_btn_box.items div.board_list_search_box.items {
  display: inline-block;
  vertical-align: middle;
}
div.board_list_btn_box.items div.select_wrap.items {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: middle;
  width: 100px;
}
div.board_list_btn_box.items div.select_wrap.items.on {
  background: #c6c8cd;
  border-color: #c6c8cd;
}

div.explain {
  width: 100%;
  height: auto;
  min-height: 100px;
  font-size: 15px;
  font-size: 0.975rem;
  margin-top: -30px;
  margin-bottom: 50px;
  padding: 20px 50px;
  color: #FFF;
  word-spacing: -0.8px;
}
@media (max-width: 960px) {
  div.explain {
    margin: 0 auto 20px;
    text-shadow: 1px 0 rgb(67.7483443709, 78.0132450331, 87.2516556291);
  }
}
@media (max-width: 480px) {
  div.explain {
    padding: 20px;
    font-size: 12px;
    font-size: 0.78rem;
  }
}
div.explain em {
  color: #fbffbe;
}
div.explain.bg1 {
  background: rgb(152.7748344371, 164.8013245033, 175.6251655629) url("../../../img/benefit_top1.png");
  background: url("../../../img/benefit_top1.png"), -webkit-gradient(linear, left top, left bottom, from(#aab4bd), to(rgb(135.5496688742, 149.6026490066, 162.2503311258)));
  background: url("../../../img/benefit_top1.png"), -moz-linear-gradient(center top, #aab4bd 0%, rgb(135.5496688742, 149.6026490066, 162.2503311258) 100%);
  background: url("../../../img/benefit_top1.png"), -moz-gradient(center top, #aab4bd 0%, rgb(135.5496688742, 149.6026490066, 162.2503311258) 100%);
}
div.explain.bg2 {
  background: rgb(152.7748344371, 164.8013245033, 175.6251655629) url("../../../img/benefit_top2.png");
  background: url("../../../img/benefit_top2.png"), -webkit-gradient(linear, left top, left bottom, from(#aab4bd), to(rgb(135.5496688742, 149.6026490066, 162.2503311258)));
  background: url("../../../img/benefit_top2.png"), -moz-linear-gradient(center top, #aab4bd 0%, rgb(135.5496688742, 149.6026490066, 162.2503311258) 100%);
  background: url("../../../img/benefit_top2.png"), -moz-gradient(center top, #aab4bd 0%, rgb(135.5496688742, 149.6026490066, 162.2503311258) 100%);
}
div.explain.bg3 {
  background: rgb(152.7748344371, 164.8013245033, 175.6251655629) url("../../../img/benefit_top3.png");
  background: url("../../../img/benefit_top3.png"), -webkit-gradient(linear, left top, left bottom, from(#aab4bd), to(rgb(135.5496688742, 149.6026490066, 162.2503311258)));
  background: url("../../../img/benefit_top3.png"), -moz-linear-gradient(center top, #aab4bd 0%, rgb(135.5496688742, 149.6026490066, 162.2503311258) 100%);
  background: url("../../../img/benefit_top3.png"), -moz-gradient(center top, #aab4bd 0%, rgb(135.5496688742, 149.6026490066, 162.2503311258) 100%);
}
div.explain.bg4 {
  background: rgb(152.7748344371, 164.8013245033, 175.6251655629) url("../../../img/benefit_top4.png");
  background: url("../../../img/benefit_top4.png"), -webkit-gradient(linear, left top, left bottom, from(#aab4bd), to(rgb(135.5496688742, 149.6026490066, 162.2503311258)));
  background: url("../../../img/benefit_top4.png"), -moz-linear-gradient(center top, #aab4bd 0%, rgb(135.5496688742, 149.6026490066, 162.2503311258) 100%);
  background: url("../../../img/benefit_top4.png"), -moz-gradient(center top, #aab4bd 0%, rgb(135.5496688742, 149.6026490066, 162.2503311258) 100%);
}
div.explain.bg1, div.explain.bg2, div.explain.bg3, div.explain.bg4 {
  background-position: center right;
  background-repeat: no-repeat;
}

div.file_wrap {
  float: right;
  width: 80%;
  height: auto;
  margin: 10px 0 0 0;
  padding-left: 20px;
}
@media (max-width: 960px) {
  div.file_wrap {
    width: 70%;
  }
}
@media (max-width: 480px) {
  div.file_wrap {
    width: 100%;
    padding-left: 0;
  }
}
div.file_wrap span.file_btn_select {
  position: relative;
}
div.file_wrap span.file_btn_select input {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: transparent;
  border: none;
}
div.file_wrap .file_btn_select,
div.file_wrap button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  padding: 6px 12px 8px;
  margin-right: 5px;
  text-align: center;
  vertical-align: middle;
  background-color: #aab4bd;
  color: #FFF;
  border: 0;
  cursor: pointer;
}
@media (max-width: 960px) {
  div.file_wrap .file_btn_select,
  div.file_wrap button {
    margin-right: 3px;
  }
  div.file_wrap .file_btn_select em,
  div.file_wrap button em {
    display: none;
  }
}
@media (max-width: 480px) {
  div.file_wrap .file_btn_select,
  div.file_wrap button {
    padding: 6px 12px;
    margin-bottom: 5px;
  }
}
div.file_wrap .file_btn_select:hover,
div.file_wrap button:hover {
  background-color: rgb(141.2913907285, 154.6688741722, 166.7086092715);
}
div.file_wrap input {
  vertical-align: middle;
}
div.file_wrap > input.board_input {
  padding: 6px 10px 8px;
}
div.file_wrap > input.board_input#INS_ID {
  width: 200px;
}
div.file_wrap > input.board_input#VOD_TIME {
  width: 80px;
}
div.file_wrap > input.board_input#dtOPEN_DATE {
  width: 100px;
}
@media (max-width: 960px) {
  div.file_wrap > input.board_input#INS_ID, div.file_wrap > input.board_input#dtOPEN_DATE {
    width: 70%;
  }
}
@media (max-width: 480px) {
  div.file_wrap > input.board_input#INS_ID, div.file_wrap > input.board_input#dtOPEN_DATE {
    width: 100%;
  }
}
div.file_wrap .file_btn_cancle {
  background-color: rgb(133.25, 133.25, 133.25);
}
div.file_wrap .file_btn_cancle:hover {
  background-color: #5f5f5f;
}
div.file_wrap .file_btn_del {
  background-color: rgb(243.753968254, 127.8333333333, 102.746031746);
}
div.file_wrap .file_btn_del:hover {
  background-color: #f26c4f;
}

section.board_comment article.comment_unit div.file ul li p.file_info, div.file ul li p.file_info {
  width: 870px;
  height: auto;
  top: 12px;
  right: auto;
  bottom: auto;
  left: 130px;
  position: absolute;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit div.file ul li p.file_info, div.file ul li p.file_info {
    width: 80%;
    left: 80px;
  }
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit div.file ul li p.file_info, div.file ul li p.file_info {
    width: 68%;
  }
}
section.board_comment article.comment_unit div.file ul li p.file_info span, div.file ul li p.file_info span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: auto;
}
div.file ul li p.file_info span.file_name {
  font-size: 15px;
  font-size: 0.975rem;
}
div.file ul li p.file_info span.file_name em {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
}
@media (max-width: 960px) {
  div.file ul li p.file_info span.file_name em {
    max-width: 70%;
  }
}
div.file ul li p.file_info span.file_error {
  color: #f21c1e;
  font-weight: 600;
}
div.file ul li p.file_info span.file_size {
  margin-top: 10px;
}
div.file ul li p.file_info span.progress {
  position: relative;
  height: 15px;
  margin-top: 5px;
  background-color: #ebecee;
}
@media (max-width: 960px) {
  div.file ul li p.file_info span.progress {
    background-color: rgb(221.2162162162, 222.9054054054, 226.2837837838);
  }
}
div.file ul li p.file_info span.progress span.progress-bar {
  width: auto;
  height: 100%;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  position: absolute;
  background-color: #7cace1;
}

section.board_comment article.comment_unit div.file, div.file {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}
section.board_comment article.comment_unit div.file ul li, div.file ul li {
  position: relative;
  padding: 15px 0 5px;
  border-bottom: 1px solid rgb(225.1682242991, 226.214953271, 228.8317757009);
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit div.file ul li, div.file ul li {
    padding-bottom: 35px;
  }
}
section.board_comment article.comment_unit div.file ul li audio, div.file ul li audio,
section.board_comment article.comment_unit div.file ul li canvas,
div.file ul li canvas,
section.board_comment article.comment_unit div.file ul li svg,
div.file ul li svg,
section.board_comment article.comment_unit div.file ul li video,
div.file ul li video,
section.board_comment article.comment_unit div.file ul li img,
div.file ul li img {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100px;
  height: 100px;
  margin-right: 5px;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit div.file ul li audio, div.file ul li audio,
  section.board_comment article.comment_unit div.file ul li canvas,
  div.file ul li canvas,
  section.board_comment article.comment_unit div.file ul li svg,
  div.file ul li svg,
  section.board_comment article.comment_unit div.file ul li video,
  div.file ul li video,
  section.board_comment article.comment_unit div.file ul li img,
  div.file ul li img {
    width: 50px;
    height: 50px;
  }
}
section.board_comment article.comment_unit div.file ul li button, div.file ul li button {
  display: inline-block();
  width: 25px;
  height: 25px;
  top: 12px;
  right: 5px;
  bottom: auto;
  left: auto;
  position: absolute;
  color: rgb(184.3543046358, 192.6655629139, 200.1456953642);
  background: none;
  border: 0;
  z-index: 1;
}
section.board_comment article.comment_unit div.file ul li button:hover, div.file ul li button:hover {
  color: #aab4bd;
}
section.board_comment article.comment_unit div.board_type_01_write_filelist, div.board_type_01_write_filelist {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit div.board_type_01_write_filelist, div.board_type_01_write_filelist {
    background-color: rgb(247.5132450331, 248.3940397351, 249.1867549669);
  }
}
section.board_comment article.comment_unit div.board_type_01_write_filelist:hover, div.board_type_01_write_filelist:hover {
  background-color: #ebecee;
}
section.board_comment article.comment_unit div.del.board_type_01_write_filelist, div.del.board_type_01_write_filelist {
  background-color: #ebecee;
}
section.board_comment article.comment_unit div.del.board_type_01_write_filelist a.filedown, div.del.board_type_01_write_filelist a.filedown {
  color: rgb(198.7086092715, 205.3311258278, 211.2913907285);
}
div.del.board_type_01_write_filelist a.filedown i.icon-download {
  color: rgb(221.6754966887, 225.5960264901, 229.1245033113);
}
section.board_comment article.comment_unit div.del.board_type_01_write_filelist button, div.del.board_type_01_write_filelist button {
  background-color: #aab4bd;
  color: rgb(247.5132450331, 248.3940397351, 249.1867549669);
  border: 1px solid #aab4bd;
}
section.board_comment article.comment_unit div.del.board_type_01_write_filelist button:hover, div.del.board_type_01_write_filelist button:hover {
  background-color: rgb(247.5132450331, 248.3940397351, 249.1867549669);
  color: #aab4bd;
  border: 1px solid rgb(247.5132450331, 248.3940397351, 249.1867549669);
}
section.board_comment article.comment_unit div.del.board_type_01_write_filelist button.icon-recovery, div.del.board_type_01_write_filelist button.icon-recovery {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
section.board_comment article.comment_unit div.del.board_type_01_write_filelist button.icon-close, div.del.board_type_01_write_filelist button.icon-close {
  display: none;
}
section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown, div.board_type_01_write_filelist a.filedown {
  width: 95%;
  float: left;
  margin-top: 0;
  font-weight: bold;
  font-size: 13px;
  font-size: 0.845rem;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown, div.board_type_01_write_filelist a.filedown {
    width: 90%;
  }
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown, div.board_type_01_write_filelist a.filedown {
    width: 85%;
  }
}
section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown.child, div.board_type_01_write_filelist a.filedown.child {
  font-weight: normal;
  font-size: 12px;
  font-size: 0.78rem;
}
div.board_type_01_write_filelist a.filedown.child i {
  font-size: 14px;
  font-size: 0.91rem;
  background-color: #fafafa;
}
div.board_type_01_write_filelist a.filedown.child i.icon-download-child {
  padding: 20px 0 0 25px;
}
div.board_type_01_write_filelist a.filedown.child:hover {
  background-color: #fafafa;
}
section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown > i, div.board_type_01_write_filelist a.filedown > i {
  height: 100%;
}
section.board_comment article.comment_unit div.board_type_01_write_filelist button, div.board_type_01_write_filelist button {
  float: right;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 5%;
  height: 100%;
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 20px;
  line-height: 1.25rem;
  opacity: 0.6;
  filter: alpha(opacity=60);
  padding: 15px 12px;
  color: #c6c8cd;
  background: none;
  border: 0;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit div.board_type_01_write_filelist button, div.board_type_01_write_filelist button {
    width: 10%;
  }
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit div.board_type_01_write_filelist button, div.board_type_01_write_filelist button {
    width: 15%;
  }
}
section.board_comment article.comment_unit div.board_type_01_write_filelist button:hover, div.board_type_01_write_filelist button:hover {
  color: #aab4bd;
  border: 1px solid #aab4bd;
}
section.board_comment article.comment_unit div.board_type_01_write_filelist button.icon-recovery, div.board_type_01_write_filelist button.icon-recovery {
  display: none;
}

section.board_comment div.board_comment_option {
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  margin-top: 30px;
}
section.board_comment div.board_comment_option dl {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  padding-top: 2px;
}
section.board_comment div.board_comment_option dl dd em {
  color: #f21c1e;
}
section.board_comment div.board_comment_option select {
  border: none;
  background: transparent;
}
section.board_comment article.board_comment_write {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}
section.board_comment article.board_comment_write div.member_photo {
  float: left;
}
@media (max-width: 480px) {
  section.board_comment article.board_comment_write div.member_photo {
    display: none;
  }
}
@media (max-width: 480px) {
  section.board_comment article.board_comment_write div.comment_write {
    padding-left: 0;
  }
}
section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom {
  position: relative;
}
section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom dl {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom dl {
    margin-top: 8px;
  }
}
section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom label {
  display: block;
  top: 8px;
  right: 100px;
  bottom: auto;
  left: auto;
  position: absolute;
  width: auto;
  height: auto;
  padding: 5px 0 0 10px;
}
section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom label input {
  vertical-align: -2px;
}
section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom button.comment_file_btn, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom button.comment_write_btn {
  display: block;
  top: 8px;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  width: auto;
  height: auto;
  border: 1px solid #0b71b9;
  color: #fff;
  width: auto;
  height: auto;
  font-size: 13px;
  background-color: #0b71b9;
  border-radius: 3px;
  padding: 3px 15px 5px;
  letter-spacing: -0.8px;
}
@media (max-width: 480px) {
  section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom button.comment_file_btn, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom button.comment_write_btn {
    padding-top: 5px;
  }
}
section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom button.comment_file_btn:hover, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom button.comment_write_btn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom button.comment_file_btn {
  background-color: #aab4bd;
  border-color: #aab4bd;
  right: 90px;
}
section.board_comment article.board_comment_write div.comment_write:after {
  clear: both;
}
section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file {
  width: 100%;
  height: 55px;
  border: 1px solid rgb(225.1682242991, 226.214953271, 228.8317757009);
  border-right: 0;
  border-left: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file {
    border: none;
  }
}
section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file h4 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 20%;
  height: 100%;
  font-size: 15px;
  font-size: 0.975rem;
  color: rgb(143.6635514019, 147.5700934579, 157.3364485981);
  background-color: rgb(238.7523364486, 239.3224299065, 240.7476635514);
  padding: 13px 20px 17px;
  float: left;
}
@media (max-width: 960px) {
  section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file h4 {
    width: 30%;
  }
}
@media (max-width: 480px) {
  section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file h4 {
    display: none;
  }
}
section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file > textarea {
  width: 80%;
  height: 50px;
  border: none;
}
section.board_comment div#comment_lists {
  margin: 0 0 30px 0;
}
section.board_comment article.comment_unit {
  padding: 30px 0 0 0;
  border-top: 1px solid #ddd;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit {
    padding: 20px 0;
  }
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit {
    padding: 10px 0;
  }
}
section.board_comment article.comment_unit div.member_photo {
  float: left;
  width: 40px;
  height: 40px;
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit div.member_photo {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit img {
    width: 80%;
    height: auto;
  }
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit img {
    width: 100%;
    height: auto;
  }
}
section.board_comment article.comment_unit h5 {
  float: left;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  font-size: 15px;
  font-size: 0.975rem;
  font-weight: 700;
  padding: 5px 0 5px 20px;
  vertical-align: bottom;
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit h5 {
    padding: 0 0 5px 0;
  }
}
section.board_comment article.comment_unit h5 span {
  font-weight: 200;
}
section.board_comment article.comment_unit time {
  float: left;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  color: rgb(170.8317757009, 173.785046729, 181.1682242991);
  vertical-align: bottom;
  padding: 5px 0 5px 5px;
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit time {
    padding: 0 0 5px 5px;
  }
}
section.board_comment article.comment_unit div.comment_unit_btn_box {
  float: right;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  padding: 5px 0;
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit div.comment_unit_btn_box {
    float: none;
    width: 80%;
    padding: 0 0 5px 10px;
  }
}
section.board_comment article.comment_unit div.comment_unit_btn_box button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: auto;
  border: 1px solid #aab4bd;
  color: rgb(112.582781457, 129.3377483444, 144.417218543);
  width: auto;
  height: auto;
  font-size: 11px;
  background-color: #FFF;
  border-radius: 1px;
  padding: 0 8px 3px;
  letter-spacing: -0.8px;
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit div.comment_unit_btn_box button {
    padding: 3px 8px;
  }
}
section.board_comment article.comment_unit div.comment_unit_btn_box button:hover {
  color: rgb(67.7483443709, 78.0132450331, 87.2516556291);
  border-color: rgb(90.0397350993, 103.6821192053, 115.9602649007);
}
section.board_comment article.comment_unit textarea,
section.board_comment article.comment_unit div.board_type_01_write_file,
section.board_comment article.comment_unit div.file {
  float: right;
  width: 94%;
  height: auto;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit textarea,
  section.board_comment article.comment_unit div.board_type_01_write_file,
  section.board_comment article.comment_unit div.file {
    width: 93%;
  }
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit textarea,
  section.board_comment article.comment_unit div.board_type_01_write_file,
  section.board_comment article.comment_unit div.file {
    float: left;
    width: 100%;
    padding: 5px 10px;
    margin-left: 0;
  }
}
section.board_comment article.comment_unit a.filedown {
  width: 100%;
  float: left;
}
section.board_comment article.comment_unit div.file {
  margin-bottom: 20px;
}
section.board_comment article.comment_unit div.file ul li {
  padding-top: 10px;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit div.file ul li {
    padding-bottom: 10px;
  }
}
section.board_comment article.comment_unit div.file ul li audio,
section.board_comment article.comment_unit div.file ul li canvas,
section.board_comment article.comment_unit div.file ul li svg,
section.board_comment article.comment_unit div.file ul li video,
section.board_comment article.comment_unit div.file ul li img {
  width: 60px;
  height: 60px;
  margin-right: 5px;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit div.file ul li audio,
  section.board_comment article.comment_unit div.file ul li canvas,
  section.board_comment article.comment_unit div.file ul li svg,
  section.board_comment article.comment_unit div.file ul li video,
  section.board_comment article.comment_unit div.file ul li img {
    width: 50px;
    height: 50px;
  }
}
section.board_comment article.comment_unit div.file ul li p.file_info {
  width: 830px;
  height: auto;
  left: 100px;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit div.file ul li p.file_info {
    width: 80%;
    left: 80px;
  }
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit div.file ul li p.file_info {
    width: 68%;
  }
}
section.board_comment article.comment_unit div.file ul li p.file_info span.file_name {
  font-size: 12px;
  font-size: 0.78rem;
  color: rgb(126.9370860927, 142.0033112583, 155.5629139073);
}
section.board_comment article.comment_unit div.file ul li p.file_info span.file_size {
  margin-top: 5px;
  font-size: 11px;
  font-size: 0.715rem;
  color: #aab4bd;
}
section.board_comment article.comment_unit div.file ul li p.file_info span.progress {
  height: 10px;
}
section.board_comment article.comment_unit div.comment_unit_con {
  float: left;
  padding: 0 20px 0 20px;
  width: 95%;
  height: auto;
  font-size: 13.5px;
  font-size: 0.8775rem;
  line-height: 24px;
  line-height: 1.75rem;
  letter-spacing: 0;
  white-space: pre-line;
  min-height: 30px;
  word-break: break-all;
}
section.board_comment article.comment_unit div.comment_unit_con:before {
  display: contents;
  content: "";
  line-height: 0;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit div.comment_unit_con {
    width: 90%;
    line-height: 20px;
    line-height: 1.25rem;
    white-space: pre-wrap;
    overflow: hidden;
    word-break: break-all;
  }
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit div.comment_unit_con {
    width: 100%;
    padding: 5px 0;
  }
}
section.board_comment article.comment_unit div.comment_unit_con:first-line {
  line-height: 0;
}
section.board_comment article.comment_unit div.board_type_01_write_filelist {
  float: left;
  position: relative;
  background-color: #fff;
}
section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown {
  width: 100%;
  background-color: white;
}
section.board_comment article.comment_unit div.board_type_01_write_filelist button {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
}
section.board_comment article.comment_unit div.board_type_01_write_filelist span.weight {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: auto;
  height: 30px;
  top: 17px;
  right: 10px;
  bottom: auto;
  left: auto;
  position: absolute;
  font-size: 10px;
  font-size: 0.65rem;
  color: rgb(158.75, 158.75, 158.75);
}
section.board_comment article.comment_unit div.board_type_01_write_file {
  float: right;
  width: 94%;
  border: 1px solid rgb(225.1682242991, 226.214953271, 228.8317757009);
  border-right: 0;
  border-left: 0;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit div.board_type_01_write_file {
    border: none;
  }
}
section.board_comment article.comment_unit div.board_type_01_write_file h4 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 20%;
  height: auto;
  min-height: 50px;
  font-size: 13px;
  font-size: 0.845rem;
  color: rgb(143.6635514019, 147.5700934579, 157.3364485981);
  background-color: rgb(238.7523364486, 239.3224299065, 240.7476635514);
  padding: 8px 20px 10px;
  float: left;
}
@media (max-width: 960px) {
  section.board_comment article.comment_unit div.board_type_01_write_file h4 {
    width: 30%;
  }
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit div.board_type_01_write_file h4 {
    display: none;
  }
}
section.board_comment article.comment_unit div.board_type_01_write_file > textarea {
  width: 80%;
  height: 50px;
  border: none;
}
section.board_comment article.comment_unit div.board_type_01_write_file div.file_wrap {
  margin-top: 6px;
}
section.board_comment article.comment_unit div.board_type_01_write_file div.file_wrap span.file_btn_select,
section.board_comment article.comment_unit div.board_type_01_write_file div.file_wrap button {
  width: auto;
  height: auto;
  padding: 3px 8px 5px;
  letter-spacing: -1.2px;
  font-size: 11px;
  font-size: 0.715rem;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
@media (max-width: 480px) {
  section.board_comment article.comment_unit div.board_type_01_write_file div.file_wrap span.file_btn_select,
  section.board_comment article.comment_unit div.board_type_01_write_file div.file_wrap button {
    padding: 3px 8px;
  }
}

ul.board_type_01_list {
  border-top: 1px solid #0b71b9;
}
@media (max-width: 960px) {
  ul.board_type_01_list {
    background-color: #FFF;
  }
}
ul.board_type_01_list li {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 10px 5px;
}
ul.board_type_01_list li:last-child {
  border-bottom: 1px solid #0b71b9;
}
ul.board_type_01_list li.reply {
  background-color: rgb(248.7837837838, 249.0945945946, 249.7162162162);
}
ul.board_type_01_list li.reply h4 {
  padding-left: 30px;
  background-image: url("../../img/reply.png");
  background-repeat: no-repeat;
}
@media (max-width: 960px) {
  ul.board_type_01_list li.reply h4 {
    padding-left: 30px;
  }
}
@media (max-width: 960px) {
  ul.board_type_01_list li.reply dl {
    padding-left: 35px;
  }
}
@media (max-width: 960px) {
  ul.board_type_01_list li {
    padding: 10px 3%;
  }
}
ul.board_type_01_list li h4 {
  width: 700px;
  font-size: 13px;
  line-height: 24px;
}
ul.board_type_01_list li h4 a {
  color: #000;
  word-spacing: -0.8px;
}
ul.board_type_01_list li h4 a span {
  padding: 0;
}
ul.board_type_01_list li h4 a span.subjectname {
  padding: 0 15px;
}
@media (max-width: 960px) {
  ul.board_type_01_list li h4 a span.subjectname {
    padding: 2px 5px 1px;
    vertical-align: middle;
  }
}
@media (max-width: 960px) {
  ul.board_type_01_list li h4 {
    width: 100%;
    font-size: 14px;
    font-size: 0.91rem;
  }
}
@media (max-width: 480px) {
  ul.board_type_01_list li h4 {
    font-size: 14px;
    font-size: 0.91rem;
  }
}
ul.board_type_01_list li h4 i {
  margin-left: 5px;
  vertical-align: middle;
}
ul.board_type_01_list li dl {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  color: #888;
  font-size: 11px;
  text-align: center;
}
@media (max-width: 960px) {
  ul.board_type_01_list li dl {
    position: static;
    margin-top: 0;
    text-align: left;
  }
}
ul.board_type_01_list li dl dt {
  display: inline-block;
  width: 30px;
  font-weight: bold;
  margin: 0 3px 0 0;
}
@media (max-width: 960px) {
  ul.board_type_01_list li dl dt {
    width: auto;
  }
}
@media (max-width: 960px) {
  ul.board_type_01_list li dl dt.hidden {
    display: inline-block !important;
  }
}
ul.board_type_01_list li dl dd {
  display: inline-block;
  padding-right: 10px;
  margin: 0;
}
ul.board_type_01_list li dl dd.board_list_dd1 {
  width: 90px;
}
@media (max-width: 960px) {
  ul.board_type_01_list li dl dd.board_list_dd1 {
    width: auto;
  }
}
ul.board_type_01_list li dl dd.board_list_dd2 {
  width: 60px;
}
@media (max-width: 960px) {
  ul.board_type_01_list li dl dd.board_list_dd2 {
    width: auto;
  }
}
ul.board_type_01_list li dl dd.board_list_dd3 {
  width: 70px;
}
@media (max-width: 960px) {
  ul.board_type_01_list li dl dd.board_list_dd3 {
    width: auto;
  }
}
ul.board_type_01_list li dl dd.board_list_dd4 {
  width: 40px;
}
@media (max-width: 960px) {
  ul.board_type_01_list li dl dd.board_list_dd4 {
    width: auto;
  }
}
@media (max-width: 480px) {
  ul.board_type_01_list li dl dt.board_list_dt2,
  ul.board_type_01_list li dl dt.board_list_dt3 {
    display: none;
  }
  ul.board_type_01_list li dl dd.board_list_dd1,
  ul.board_type_01_list li dl dd.board_list_dd2,
  ul.board_type_01_list li dl dd.board_list_dd1 {
    min-width: auto;
  }
}
ul.board_type_01_list li div.preview {
  width: auto;
  height: auto;
  max-height: 70px;
  color: #abaeb5;
  overflow: hidden;
}
ul.board_type_01_list li.notice_01 h4 a {
  color: #0b71b9;
  font-weight: 700;
}
ul.board_type_01_list li.header {
  border-bottom: 1px solid #0b71b9;
}
@media (max-width: 960px) {
  ul.board_type_01_list li.header {
    display: none;
  }
}
ul.board_type_01_list li.header h4 {
  text-align: center;
  font-size: 12px;
  color: #0b71b9;
  font-weight: bold;
}
ul.board_type_01_list li.header dl {
  font-weight: bold;
  color: #0b71b9;
}

div.board_paging_type_01 {
  padding: 30px 0;
  text-align: center;
}
@media (max-width: 960px) {
  div.board_paging_type_01 {
    text-align: left;
    padding: 30px 0;
    height: 80px;
  }
}
div.board_paging_type_01 button {
  border: 0;
  background: none;
}
div.board_paging_type_01 button span {
  display: none;
}
@media (max-width: 960px) {
  div.board_paging_type_01 button {
    border: 1px solid #333;
    color: #fff;
    width: auto;
    height: auto;
    font-size: 15px;
    background-color: #333;
    border-radius: 4px;
    padding: 3px 10px 5px;
  }
}
@media (max-width: 960px) and (max-width: 480px) {
  div.board_paging_type_01 button {
    padding-top: 5px;
  }
}
div.board_paging_type_01 ul {
  padding: 0 10px;
  display: inline-block;
}
div.board_paging_type_01 ul li {
  padding: 0;
  display: inline-block;
}
div.board_paging_type_01 ul li a {
  padding: 0 5px;
  font-size: 16px;
  color: #333;
  display: block;
}
div.board_paging_type_01 ul li.curr {
  padding: 0 5px;
  font-size: 16px;
  color: #333;
  font-weight: 700;
  border-bottom: 2px solid #0b71b9;
}
@media (max-width: 960px) {
  div.board_paging_type_01 ul {
    display: none;
    height: 0;
  }
}

div.board_list_btn_box {
  position: relative;
}
div.board_list_btn_box.top {
  padding-bottom: 30px;
}
@media (max-width: 960px) {
  div.board_list_btn_box.top {
    width: 100%;
    padding: 20px 2.5%;
    background-color: #ebecee;
  }
}
@media (max-width: 480px) {
  div.board_list_btn_box.top {
    padding: 10px 2.5%;
  }
}
div.board_list_btn_box.top div.select_wrap {
  height: 35px;
  margin: 0 5px 5px 0;
}
@media (max-width: 960px) {
  div.board_list_btn_box.top div.select_wrap {
    height: 35px;
  }
}
@media (max-width: 480px) {
  div.board_list_btn_box.top div.select_wrap {
    width: 47%;
  }
}
div.board_list_btn_box.top div.select_wrap label {
  vertical-align: middle;
  padding: 5px 10px 7px;
}
@media (max-width: 960px) {
  div.board_list_btn_box.top div.select_wrap label {
    padding: 10px 5px;
  }
}
@media (max-width: 480px) {
  div.board_list_btn_box.top div.select_wrap label {
    padding: 10px 5px;
  }
}
@media (max-width: 480px) {
  div.board_list_btn_box.top div.select_wrap select {
    padding: 7px 10px;
  }
}
div.board_list_btn_box button.board_btn_write {
  position: absolute;
  top: -58px;
  right: 0;
  border: 1px solid #0b71b9;
  color: #fff;
  width: auto;
  height: auto;
  font-size: 15px;
  background-color: #0b71b9;
  border-radius: 4px;
  padding: 3px 20px 5px;
}
@media (max-width: 960px) {
  div.board_list_btn_box button.board_btn_write {
    top: -50px;
  }
}
@media (max-width: 480px) {
  div.board_list_btn_box button.board_btn_write {
    padding-top: 5px;
  }
}

div.benefit_form,
div.column_form,
div.review_form,
div.examinfo_form {
  width: 100%;
  height: auto;
  line-height: 22px;
  line-height: 1.5rem;
  margin: 0 auto;
  white-space: normal;
}
@media (max-width: 960px) {
  div.benefit_form,
  div.column_form,
  div.review_form,
  div.examinfo_form {
    width: 80%;
  }
}
@media (max-width: 480px) {
  div.benefit_form,
  div.column_form,
  div.review_form,
  div.examinfo_form {
    width: 100%;
  }
}

div.column_form {
  padding-top: 30px;
  margin-top: 30px;
  font-size: 14px;
  font-size: 0.91rem;
  white-space: pre-line;
  border-top: 1px dotted #c6c8cd;
}
@media (max-width: 480px) {
  div.column_form {
    margin-top: 20px;
    padding-top: 10px;
  }
}
div.column_form strong {
  font-weight: 700;
  color: #5391d5;
}

div.review_form h5,
div.examinfo_form h5 {
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding: 20px 0 10px;
  font-size: 18px;
  font-size: 1.17rem;
  font-weight: 700;
  color: #5391d5;
  letter-spacing: -1.5px;
}
div.review_form h5.first_h5,
div.examinfo_form h5.first_h5 {
  margin-top: 0;
}
div.review_form h5 i,
div.examinfo_form h5 i {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
div.review_form h6,
div.examinfo_form h6 {
  width: 100%;
  height: auto;
  padding: 10px 0 5px;
  font-size: 18px;
  font-size: 1.17rem;
}
div.review_form h6 em,
div.examinfo_form h6 em {
  margin-right: 10px;
  font-size: 13px;
  font-size: 0.845rem;
  vertical-align: baseline;
  color: #5391d5;
  border-top: 1px solid #5391d5;
}
div.review_form dl,
div.examinfo_form dl {
  width: 95%;
  height: auto;
  margin-left: 5%;
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  div.review_form dl,
  div.examinfo_form dl {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
}
div.review_form dl dt,
div.review_form dl dd,
div.examinfo_form dl dt,
div.examinfo_form dl dd {
  width: 100%;
  height: auto;
  padding: 0;
}
@media (max-width: 960px) {
  div.review_form dl dt,
  div.review_form dl dd,
  div.examinfo_form dl dt,
  div.examinfo_form dl dd {
    font-size: 13px;
    font-size: 0.845rem;
  }
}
div.review_form dl dt,
div.examinfo_form dl dt {
  font-size: 14px;
  font-size: 0.91rem;
  color: #5391d5;
}
div.review_form dl dd,
div.examinfo_form dl dd {
  padding: 0 0 15px 0;
}
div.review_form p,
div.review_form dd,
div.examinfo_form p,
div.examinfo_form dd {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 21px;
  line-height: 1.375rem;
  white-space: pre-line;
  word-spacing: -0.8px;
}
@media (max-width: 480px) {
  div.review_form p,
  div.review_form dd,
  div.examinfo_form p,
  div.examinfo_form dd {
    line-height: 19px;
    line-height: 1.125rem;
  }
}
div.review_form p,
div.examinfo_form p {
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 22px;
  line-height: 1.5rem;
}
@media (max-width: 480px) {
  div.review_form p,
  div.examinfo_form p {
    line-height: 20px;
    line-height: 1.25rem;
  }
}

div.benefit_form {
  margin-top: 30px;
}
div.benefit_form div.linkzone {
  width: 50%;
  height: auto;
  float: left;
  text-align: center;
}
@media (max-width: 960px) {
  div.benefit_form div.linkzone {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
}
div.benefit_form div.linkzone div video.video_control {
  width: 100%;
}
div.benefit_form div.linkzone div.imgwrap {
  position: relative;
  width: 460px;
  height: 259.9px;
  background-color: #424242;
  overflow: hidden;
  margin: 0 auto 10px;
  text-align: center;
}
@media (max-width: 960px) {
  div.benefit_form div.linkzone div.imgwrap {
    width: 100%;
  }
}
@media (max-width: 480px) {
  div.benefit_form div.linkzone div.imgwrap {
    height: 80px;
  }
}
div.benefit_form div.linkzone div.imgwrap img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.6;
  filter: alpha(opacity=60);
  margin: 0 auto;
  z-index: 0;
}
div.benefit_form div.linkzone div.imgwrap button {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  font-size: 3.25rem;
  color: #FFF;
  background: none;
  border: none;
  z-index: 1;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
div.benefit_form div.linkzone div.imgwrap button:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.benefit_form div.linkzone div.imgwrap .textwrap {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  text-align: center;
  z-index: 1;
}
div.benefit_form div.linkzone div.imgwrap .textwrap i {
  width: auto;
  height: auto;
  font-size: 54px;
  font-size: 3.51rem;
  color: #FFF;
}
@media (max-width: 480px) {
  div.benefit_form div.linkzone div.imgwrap .textwrap i {
    font-size: 34px;
    font-size: 2.21rem;
  }
}
div.benefit_form div.linkzone button,
div.benefit_form div.linkzone button a {
  border: 1px solid #c6c8cd;
  color: #5f5f5f;
  width: 49%;
  height: auto;
  font-size: 13px;
  background-color: #ebecee;
  border-radius: 2px;
  padding: 10px 0 12px;
  letter-spacing: -0.8px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  div.benefit_form div.linkzone button,
  div.benefit_form div.linkzone button a {
    padding-top: 12px;
  }
}
div.benefit_form div.linkzone button a,
div.benefit_form div.linkzone button a a {
  border: none;
  padding: 0;
}
div.benefit_form div.linkzone button:hover,
div.benefit_form div.linkzone button a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
div.benefit_form div.txtzone {
  width: 50%;
  height: auto;
  float: left;
  padding-left: 30px;
}
@media (max-width: 960px) {
  div.benefit_form div.txtzone {
    width: 460px;
    padding: 0;
    margin: 20px auto 0;
    float: none;
  }
}
@media (max-width: 480px) {
  div.benefit_form div.txtzone {
    width: 100%;
  }
}
@media (max-width: 960px) {
  div.benefit_form dl.tit {
    width: 100%;
  }
}
div.benefit_form dl.tit dt,
div.benefit_form dl.tit dd {
  font-size: 15px;
  font-size: 0.975rem;
  padding: 0 0 10px 0;
  height: auto;
  min-height: 30px;
}
@media (max-width: 960px) {
  div.benefit_form dl.tit dt,
  div.benefit_form dl.tit dd {
    font-size: 13px;
    font-size: 0.845rem;
  }
}
div.benefit_form dl.tit dt {
  width: 100px;
  height: auto;
  vertical-align: top;
}
@media (max-width: 960px) {
  div.benefit_form dl.tit dt {
    width: 85px;
  }
}
@media (max-width: 480px) {
  div.benefit_form dl.tit dt {
    width: 100%;
  }
}
div.benefit_form dl.tit dd {
  width: 70%;
  height: auto;
  padding-top: 3px;
  white-space: pre-line;
}
@media (max-width: 960px) {
  div.benefit_form dl.tit dd {
    width: 80%;
  }
}
@media (max-width: 480px) {
  div.benefit_form dl.tit dd {
    width: 100%;
    margin-bottom: 15px;
    padding-top: 0;
  }
}
div.benefit_form dl.tit span.subjectname {
  font-size: 11px;
  font-size: 0.715rem;
  width: 80px;
  height: auto;
  padding: 0;
  text-align: center;
}
@media (max-width: 960px) {
  div.benefit_form dl.tit span.subjectname {
    padding: 2px 5px 1px;
    line-height: 120%;
  }
}
@media (max-width: 480px) {
  div.benefit_form dl.tit span.subjectname {
    margin-left: -5px;
  }
}

div.board_type_01_view_box header {
  padding-bottom: 20px;
}
@media (max-width: 960px) {
  div.board_type_01_view_box header {
    padding: 20px 2.5%;
    background-color: #FFF;
  }
}
div.board_type_01_view_box header h1 {
  font-weight: 300 !important;
  font-size: 24px;
  font-size: 1.56rem;
  letter-spacing: -1px;
}
@media (max-width: 960px) {
  div.board_type_01_view_box header h1 {
    line-height: 130%;
  }
}
@media (max-width: 480px) {
  div.board_type_01_view_box header dl dt {
    display: none;
  }
  div.board_type_01_view_box header dl dd {
    padding-right: 10px;
    border-right: 1px solid #c6c8cd;
  }
  div.board_type_01_view_box header dl dd:last-child {
    border-right: 0;
  }
}
div.board_type_01_view_box header.header_examinfo {
  padding-top: 15px;
  background-color: #5391d5;
  color: #FFF;
  text-align: center;
}
@media (max-width: 960px) {
  div.board_type_01_view_box header.header_examinfo {
    width: 100%;
  }
}
div.board_type_01_view_box div.board_view_con_wrap {
  padding: 10px 40px 50px;
  margin-bottom: 15px;
  border: 1px solid #ebecee;
  background-color: #FFF;
  word-break: break-all;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 24px;
  line-height: 1.75rem;
}
@media (max-width: 960px) {
  div.board_type_01_view_box div.board_view_con_wrap {
    padding: 5px 20px 30px;
    border-color: rgb(193.6486486486, 196.7162162162, 202.8513513514);
    border-left: 0;
    border-right: 0;
  }
}
@media (max-width: 480px) {
  div.board_type_01_view_box div.board_view_con_wrap {
    padding: 0 10px 20px;
  }
}
@media (max-width: 960px) {
  div.board_type_01_view_box div.board_view_con_wrap img {
    width: 100%;
    height: auto;
  }
}
div.board_type_01_view_box div.board_view_con_wrap div.board_view_con {
  min-height: 300px;
  margin-bottom: 20px;
  white-space: pre-line;
}
div.board_type_01_view_box div.board_view_con_wrap div.board_view_con p,
div.board_type_01_view_box div.board_view_con_wrap div.board_view_con pre,
div.board_type_01_view_box div.board_view_con_wrap div.board_view_con span {
  word-wrap: break-word;
}
div.board_type_01_view_box div.board_view_con_wrap i.icon-download-child {
  padding: 20px 0 0 25px;
}
div.board_type_01_view_box div.board_view_con_wrap button.icon-close, div.board_type_01_view_box div.board_view_con_wrap button.icon-recovery {
  display: none;
}
div.board_type_01_view_box div.board_view_btn_box {
  position: relative;
  padding-bottom: 10px;
}
div.board_type_01_view_box div.board_view_btn_box aside.board_share {
  height: 50px;
}
div.board_type_01_view_box div.board_view_btn_box div.btn_group_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
}
div.board_type_01_view_box div.board_view_btn_box div.btn_group_left div.btn_wrap {
  width: auto;
  height: auto;
  display: inline-block;
}
@media (max-width: 480px) {
  div.board_type_01_view_box div.board_view_btn_box div.btn_group_left div.btn_wrap {
    left: 50px;
  }
}
div.board_type_01_view_box div.board_view_btn_box div.btn_group_left div.btn_wrap button {
  position: static;
}
div.board_type_01_view_box div.board_view_btn_box div.btn_group_right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  text-align: right;
}
div.board_type_01_view_box div.board_view_btn_box button {
  display: inline-block;
  border: 1px solid #0b71b9;
  color: #fff;
  width: auto;
  height: auto;
  font-size: 15px;
  background-color: #0b71b9;
  border-radius: 4px;
  padding: 3px 20px 5px;
}
@media (max-width: 480px) {
  div.board_type_01_view_box div.board_view_btn_box button {
    padding: 5px 10px;
    font-size: 11px;
    font-size: 0.715rem;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box; /* stops bg color from leaking outside the border: */
  }
}
div.board_type_01_view_box div.board_view_btn_box button.board_btn_list {
  border-color: #c6c8cd;
  background-color: rgb(143.6635514019, 147.5700934579, 157.3364485981);
}
div.board_type_01_view_box div.board_view_btn_box button.board_btn_del {
  border-color: #5f5f5f;
  background-color: #5f5f5f;
}
div.board_type_01_view_box div.board_view_btn_box button:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

@media (max-width: 960px) {
  div.board_type_01_write {
    padding-top: 50px;
  }
}
@media (max-width: 480px) {
  div.board_type_01_write {
    padding-top: 30px;
  }
}
div.board_type_01_write div.board_type_01_write_select,
div.board_type_01_write div.board_type_01_write_file,
div.board_type_01_write div.board_type_01_write_check_box {
  width: 100%;
  height: auto;
  border: 1px solid rgb(225.1682242991, 226.214953271, 228.8317757009);
  margin-bottom: 5px;
}
@media (max-width: 480px) {
  div.board_type_01_write div.board_type_01_write_select,
  div.board_type_01_write div.board_type_01_write_file,
  div.board_type_01_write div.board_type_01_write_check_box {
    border: none;
  }
}
div.board_type_01_write div.board_type_01_write_select h4,
div.board_type_01_write div.board_type_01_write_file h4,
div.board_type_01_write div.board_type_01_write_check_box h4 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 20%;
  height: 100%;
  font-size: 15px;
  font-size: 0.975rem;
  color: rgb(143.6635514019, 147.5700934579, 157.3364485981);
  background-color: rgb(238.7523364486, 239.3224299065, 240.7476635514);
  padding: 13px 20px 17px;
  float: left;
}
@media (max-width: 960px) {
  div.board_type_01_write div.board_type_01_write_select h4,
  div.board_type_01_write div.board_type_01_write_file h4,
  div.board_type_01_write div.board_type_01_write_check_box h4 {
    width: 30%;
  }
}
@media (max-width: 480px) {
  div.board_type_01_write div.board_type_01_write_select h4,
  div.board_type_01_write div.board_type_01_write_file h4,
  div.board_type_01_write div.board_type_01_write_check_box h4 {
    display: none;
  }
}
div.board_type_01_write div.board_type_01_write_select > textarea,
div.board_type_01_write div.board_type_01_write_file > textarea,
div.board_type_01_write div.board_type_01_write_check_box > textarea {
  width: 80%;
  height: 50px;
  border: none;
}
div.board_type_01_write div.m_labels {
  width: 80%;
  height: auto;
  padding: 15px;
  float: right;
}
@media (max-width: 960px) {
  div.board_type_01_write div.m_labels {
    width: 70%;
  }
}
@media (max-width: 480px) {
  div.board_type_01_write div.m_labels {
    width: 100%;
  }
}
div.board_type_01_write div.m_labels label {
  padding-right: 5px;
  white-space: nowrap;
}
div.board_type_01_write div.m_labels label input {
  width: auto;
  height: auto;
  margin-right: 5px;
  border-top: 1px solid #c6c8cd;
  vertical-align: middle;
}
div.board_type_01_write label {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  margin-bottom: 5px;
}
div.board_type_01_write span.board_ex {
  display: block;
  width: 100%;
  height: auto;
  min-height: 30px;
  color: #c6c8cd;
}
div.board_type_01_write label input,
div.board_type_01_write div.baord_type_01_write_area textarea,
div.board_type_01_write div.baord_type_02_write_area textarea, div.board_type_01_write div.file_wrap > input.board_input {
  width: 100%;
  height: auto;
  padding: 10px 15px;
  border: 1px solid rgb(225.1682242991, 226.214953271, 228.8317757009);
}
div.board_type_01_write label input.placeholder,
div.board_type_01_write div.baord_type_01_write_area textarea.placeholder,
div.board_type_01_write div.baord_type_02_write_area textarea.placeholder, div.board_type_01_write div.file_wrap > input.placeholder.board_input {
  color: #c6c8cd;
}
div.board_type_01_write label input:-moz-placeholder,
div.board_type_01_write div.baord_type_01_write_area textarea:-moz-placeholder,
div.board_type_01_write div.baord_type_02_write_area textarea:-moz-placeholder, div.board_type_01_write div.file_wrap > input.board_input:-moz-placeholder {
  color: #c6c8cd;
}
div.board_type_01_write label input::-webkit-input-placeholder,
div.board_type_01_write div.baord_type_01_write_area textarea::-webkit-input-placeholder,
div.board_type_01_write div.baord_type_02_write_area textarea::-webkit-input-placeholder, div.board_type_01_write div.file_wrap > input.board_input::-webkit-input-placeholder {
  color: #c6c8cd;
}
div.board_type_01_write label input:-ms-input-placeholder,
div.board_type_01_write div.baord_type_01_write_area textarea:-ms-input-placeholder,
div.board_type_01_write div.baord_type_02_write_area textarea:-ms-input-placeholder, div.board_type_01_write div.file_wrap > input.board_input:-ms-input-placeholder {
  color: #c6c8cd;
}
div.board_type_01_write label.board_type_01_write_title, div.board_type_01_write label.board_type_02_write_title {
  width: 90%;
  float: left;
}
@media (max-width: 960px) {
  div.board_type_01_write label.board_type_01_write_title, div.board_type_01_write label.board_type_02_write_title {
    width: 85%;
  }
}
@media (max-width: 480px) {
  div.board_type_01_write label.board_type_01_write_title, div.board_type_01_write label.board_type_02_write_title {
    width: 100%;
  }
}
div.board_type_01_write label.board_type_02_write_title {
  width: 100%;
  float: none;
}
@media (max-width: 960px) {
  div.board_type_01_write label.board_type_02_write_title {
    width: 100%;
  }
}
div.board_type_01_write div.board_type_01_write_select label.board_type_02_write_title {
  width: 80%;
  height: auto;
  float: right;
  padding: 0;
  margin-bottom: 0;
}
@media (max-width: 960px) {
  div.board_type_01_write div.board_type_01_write_select label.board_type_02_write_title {
    width: 70%;
  }
}
@media (max-width: 480px) {
  div.board_type_01_write div.board_type_01_write_select label.board_type_02_write_title {
    width: 100%;
    padding: 0;
  }
}
div.board_type_01_write div.board_type_01_write_select label.board_type_02_write_title input {
  padding: 15px 15px 18px;
  border: 0;
}
div.board_type_01_write label.board_type_01_write_check_notice {
  width: 10%;
  padding: 10px 15px;
}
@media (max-width: 960px) {
  div.board_type_01_write label.board_type_01_write_check_notice {
    width: 15%;
  }
}
@media (max-width: 480px) {
  div.board_type_01_write label.board_type_01_write_check_notice {
    width: 100%;
    text-align: right;
    padding: 0 10px 15px;
  }
}
div.board_type_01_write label.board_type_01_write_check_notice input {
  width: auto;
  vertical-align: -2px;
  padding: 0;
}
div.board_type_01_write div.baord_type_01_write_area, div.board_type_01_write div.baord_type_02_write_area {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}
div.board_type_01_write div.baord_type_01_write_area textarea, div.board_type_01_write div.baord_type_02_write_area textarea {
  height: 200px;
}
div.board_type_01_write div.baord_type_01_write_area h4, div.board_type_01_write div.baord_type_02_write_area h4 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 20%;
  height: 150px;
  font-size: 15px;
  font-size: 0.975rem;
  color: rgb(143.6635514019, 147.5700934579, 157.3364485981);
  background-color: rgb(238.7523364486, 239.3224299065, 240.7476635514);
  padding: 13px 20px 17px;
  float: left;
  border: 1px solid rgb(225.1682242991, 226.214953271, 228.8317757009);
  border-right: 0;
}
@media (max-width: 960px) {
  div.board_type_01_write div.baord_type_01_write_area h4, div.board_type_01_write div.baord_type_02_write_area h4 {
    width: 30%;
  }
}
@media (max-width: 480px) {
  div.board_type_01_write div.baord_type_01_write_area h4, div.board_type_01_write div.baord_type_02_write_area h4 {
    display: none;
  }
}
div.board_type_01_write div.baord_type_01_write_area textarea#EVENT_PREVIEW_CONTENT, div.board_type_01_write div.baord_type_02_write_area textarea#EVENT_PREVIEW_CONTENT {
  width: 80%;
  height: 150px;
  float: right;
  padding: 15px 20px;
  margin-bottom: 0;
  border: 1px solid rgb(225.1682242991, 226.214953271, 228.8317757009);
  border-left: 0;
}
@media (max-width: 960px) {
  div.board_type_01_write div.baord_type_01_write_area textarea#EVENT_PREVIEW_CONTENT, div.board_type_01_write div.baord_type_02_write_area textarea#EVENT_PREVIEW_CONTENT {
    width: 70%;
  }
}
@media (max-width: 480px) {
  div.board_type_01_write div.baord_type_01_write_area textarea#EVENT_PREVIEW_CONTENT, div.board_type_01_write div.baord_type_02_write_area textarea#EVENT_PREVIEW_CONTENT {
    width: 100%;
    padding: 10px;
  }
}
div.board_type_01_write div.baord_type_02_write_area textarea {
  min-height: 700px;
}
div.board_type_01_write div.baord_type_02_write_area.s_height h5.ban_type_h {
  margin: 50px 0 0 0;
  color: #5f5f5f;
  border-bottom: none;
  border-top: 2px solid #0b71b9;
}
div.board_type_01_write div.baord_type_02_write_area.s_height button.btn_refresh {
  display: block;
  float: right;
  margin: 50px 0 10px 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  border: 1px solid #5f5f5f;
  color: #5f5f5f;
  width: 35px;
  height: 35px;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
div.board_type_01_write div.baord_type_02_write_area.s_height button.btn_refresh:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.board_type_01_write div.baord_type_02_write_area.s_height button.btn_refresh:hover {
  background: #fff;
}
div.board_type_01_write div.baord_type_02_write_area.s_height div.preview {
  clear: both;
  margin: 0 0 10px 0;
}
div.board_type_01_write div.baord_type_02_write_area.s_height textarea {
  height: auto;
  min-height: 170px;
}
div.board_type_01_write div.baord_type_02_write_area#BANNER_CONTENT_02 textarea {
  min-height: 400px;
}
div.board_type_01_write div.board_type_01_write_btn_box {
  width: 100%;
  height: auto;
  padding: 20px 0 40px;
  text-align: center;
  clear: both;
}
div.board_type_01_write div.board_type_01_write_btn_box button {
  padding: 10px 40px 12px;
  border: 1px solid #0b71b9;
  color: #fff;
  width: auto;
  height: auto;
  font-size: 15px;
  background-color: #0b71b9;
  border-radius: 4px;
}
@media (max-width: 480px) {
  div.board_type_01_write div.board_type_01_write_btn_box button {
    padding-top: 12px;
  }
}
div.board_type_01_write div.board_type_01_write_btn_box button:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
div.board_type_01_write div.board_type_01_write_btn_box button.board_btn_cancle {
  background-color: #5f5f5f;
  border-color: #5f5f5f;
}

select#B_TOP_NOTICE_TYPE,
input#dtTNS_DATE,
input#dtTNE_DATE {
  height: 25px;
  padding: 2px 0 2px 5px;
  border: 1px solid #e1e2e5;
  vertical-align: middle;
  color: rgb(141.2913907285, 154.6688741722, 166.7086092715);
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 42%;
  height: 25px;
  color: #333;
  vertical-align: middle;
}

/*# sourceMappingURL=board.css.map */