@charset "UTF-8";
/*examinfo.scss*/
/*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*/
a.filedown span.tit, section.board_comment article.comment_unit a.filedown span.tit, div.file ul li p.file_info span.file_name em, section.board_comment article.comment_unit div.file ul li p.file_info span.file_name em { white-space: nowrap; /* 1 */ -o-text-overflow: ellipsis; text-overflow: ellipsis; /* 2 */ overflow: hidden; }

div.pop_btn_group, nav.faq_sub_navi ul, div.select_boxes, div.board_type_01_write_filelist, section.board_comment article.comment_unit div.board_type_01_write_filelist, section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file, section.board_comment article.comment_unit, section.board_comment article.comment_unit div.board_type_01_write_file, div.board_list_btn_box.top, div.benefit_form, div.column_form, div.review_form, div.examinfo_form, 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.board_type_01_write div.baord_type_01_write_area, div.board_type_01_write div.baord_type_02_write_area, ul.list_box { *zoom: 1; }

div.pop_btn_group:before, nav.faq_sub_navi ul:before, div.select_boxes:before, div.board_type_01_write_filelist:before, section.board_comment article.comment_unit div.board_type_01_write_filelist:before, section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file:before, section.board_comment article.comment_unit:before, section.board_comment article.comment_unit div.board_type_01_write_file:before, div.board_list_btn_box.top:before, div.benefit_form:before, div.column_form:before, div.review_form:before, div.examinfo_form: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.board_type_01_write div.baord_type_01_write_area:before, div.board_type_01_write div.baord_type_02_write_area:before, ul.list_box:before, div.pop_btn_group:after, nav.faq_sub_navi ul:after, div.select_boxes:after, div.board_type_01_write_filelist:after, section.board_comment article.comment_unit div.board_type_01_write_filelist:after, section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file:after, section.board_comment article.comment_unit:after, section.board_comment article.comment_unit div.board_type_01_write_file:after, div.board_list_btn_box.top:after, div.benefit_form:after, div.column_form:after, div.review_form:after, div.examinfo_form: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.board_type_01_write div.baord_type_01_write_area:after, div.board_type_01_write div.baord_type_02_write_area:after, ul.list_box:after { content: ""; display: table; }

div.pop_btn_group:after, nav.faq_sub_navi ul:after, div.select_boxes:after, div.board_type_01_write_filelist:after, section.board_comment article.comment_unit div.board_type_01_write_filelist:after, section.board_comment article.board_comment_write div.comment_write div.board_type_01_write_file:after, section.board_comment article.comment_unit:after, section.board_comment article.comment_unit div.board_type_01_write_file:after, div.board_list_btn_box.top:after, div.benefit_form:after, div.column_form:after, div.review_form:after, div.examinfo_form: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.board_type_01_write div.baord_type_01_write_area:after, div.board_type_01_write div.baord_type_02_write_area:after, ul.list_box: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.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, div.select_boxes 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.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, div.select_boxes 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.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, div.select_boxes div.on.select_wrap { border: 2px solid #5391d5; background: #5391d5; }

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, div.select_boxes div.on.select_wrap label { color: #fff; }

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, div.select_boxes div.on.select_wrap:before { border-top: 5px solid #fff; }

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, div.select_boxes div.off.select_wrap { background: #dddddd; opacity: 0.5; filter: alpha(opacity=50); }

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, div.select_boxes 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.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, div.select_boxes div.select_wrap label { padding: 12px 0 0 0; } }

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, div.select_boxes div.select_wrap select { width: 100%; height: auto; line-height: normal; font-family: inherit; padding: .8em .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; font-size: 12px; }

@media (max-width: 960px) { span.ico_border_co1 { padding: 5px 10px 4px 10px; font-size: 11px; } }

@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; font-size: 12px; }

@media (max-width: 960px) { span.ico_border_co2 { padding: 5px 10px 4px 10px; font-size: 11px; } }

@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; font-size: 12px; }

@media (max-width: 960px) { span.ico_back_co1 { padding: 5px 10px 4px 10px; font-size: 11px; } }

@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; font-size: 12px; }

@media (max-width: 960px) { span.ico_back_co2 { padding: 5px 10px 4px 10px; font-size: 11px; } }

@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.board_comment_write div.member_photo, section.board_comment article.comment_unit 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.board_comment_write div.member_photo img, section.board_comment article.comment_unit div.member_photo img { width: 100%; height: 100%; }

section.board_comment div.board_comment_option dl, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom dl, div.review_form dl, div.examinfo_form dl, div.benefit_form dl.tit, div.board_type_01_view_box header dl { padding: 5px 0 0 3px; }

section.board_comment div.board_comment_option dl dt, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom dl dt, div.review_form dl dt, div.examinfo_form dl dt, div.benefit_form dl.tit dt, div.board_type_01_view_box header dl dt { display: inline-block; font-size: 12px; font-size: 0.78rem; color: #666; }

section.board_comment div.board_comment_option dl dd, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom dl dd, div.review_form dl dd, div.examinfo_form dl dd, div.benefit_form dl.tit dd, div.board_type_01_view_box header dl dd { display: inline-block; margin: 0 10px 0 0; }

section.board_comment div.board_comment_option dl dd a, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom dl dd a, div.review_form dl dd a, div.examinfo_form dl dd a, div.benefit_form dl.tit dd a, div.board_type_01_view_box header 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 #c7cdd3; } }

@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 #c7cdd3; } }

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 #c7cdd3; }

@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: #8d9ba7; color: #FFF; }

div.examinfo_form dl.dl-100 dt span.icon_bg { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; background-image: url("../../../img/event/icon_bg.png"); background-image: url("../../../img/event/icon_bg.svg"); }

/*_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 #c7cdd3; border-right: 1px solid #c7cdd3; }

table.table_scroll td, div.scroll_wrap table td, table.examinfo_col td { line-height: 19px; line-height: 1.125rem; border-bottom: 1px solid #c7cdd3; border-right: 1px solid #c7cdd3; }

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"); } }

div.scroll_wrap div.scroller { /*IScroll5 style 20151005*/ /* Styled scrollbars */ /*가로*/ /*세로*/ /*bar */ }

@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 .scrollWrap { overflow: hidden; }

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 .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 .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: #f7fafd; border-bottom: 1px solid #7cabdf; 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; } }

a.filedown, section.board_comment article.comment_unit a.filedown, section.board_comment article.comment_unit div.board_type_01_write_filelist 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: #f2f3f5; color: #6c6c6c; padding: 16px 10px 15px 65px; margin-top: 5px; }

a.filedown.child, section.board_comment article.comment_unit a.child.filedown, section.board_comment article.comment_unit div.board_type_01_write_filelist a.child.filedown { background-color: #fafbfb; margin-top: 0; }

a.filedown.child span.tit, section.board_comment article.comment_unit a.child.filedown span.tit { font-weight: normal; }

a.filedown.child:hover, section.board_comment article.comment_unit a.child.filedown:hover { background-color: #fafbfb; }

a.filedown > i, section.board_comment article.comment_unit a.filedown > i, section.board_comment article.comment_unit div.board_type_01_write_filelist 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; }

a.filedown > i.icon-download, section.board_comment article.comment_unit a.filedown > i.icon-download, section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown > i.icon-download { color: #5f5f5f; }

a.filedown > i.icon-download-child, section.board_comment article.comment_unit a.filedown > i.icon-download-child, section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown > i.icon-download-child { font-size: 15px; font-size: 0.975rem; }

a.filedown span.tit, section.board_comment article.comment_unit a.filedown span.tit { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: auto; height: auto; font-weight: bold; }

@media (max-width: 960px) { a.filedown span.tit, section.board_comment article.comment_unit a.filedown span.tit { max-width: 60%; } }

a.filedown span.weight, section.board_comment article.comment_unit 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: #9f9f9f; }

a.filedown:hover, section.board_comment article.comment_unit a.filedown:hover, section.board_comment article.comment_unit div.board_type_01_write_filelist 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.refund.subjectname { 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; } }

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; background-color: #FFF; }

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 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, div.textarea_wrap section.board_comment article.comment_unit div.file, section.board_comment article.comment_unit div.textarea_wrap div.file { width: 95%; margin: 0 auto; }

div.textarea_wrap div.file ul li p.file_info, div.textarea_wrap section.board_comment article.comment_unit div.file ul li p.file_info, section.board_comment article.comment_unit 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, div.textarea_wrap section.board_comment article.comment_unit div.file ul li p.file_info, section.board_comment article.comment_unit 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, div.textarea_wrap section.board_comment article.comment_unit div.file ul li p.file_info, section.board_comment article.comment_unit 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 #444e57; } }

@media (max-width: 480px) { div.explain { padding: 20px; font-size: 12px; font-size: 0.78rem; } }

div.explain em { color: #fbffbe; }

div.explain.bg1 { background: #99a5b0 url("../../../img/benefit_top1.png"); background: url("../../../img/benefit_top1.png"), -webkit-gradient(linear, left top, left bottom, from(#aab4bd), to(#8896a2)); background: url("../../../img/benefit_top1.png"), -moz-linear-gradient(center top, #aab4bd 0%, #8896a2 100%); background: url("../../../img/benefit_top1.png"), -moz-gradient(center top, #aab4bd 0%, #8896a2 100%); }

div.explain.bg2 { background: #99a5b0 url("../../../img/benefit_top2.png"); background: url("../../../img/benefit_top2.png"), -webkit-gradient(linear, left top, left bottom, from(#aab4bd), to(#8896a2)); background: url("../../../img/benefit_top2.png"), -moz-linear-gradient(center top, #aab4bd 0%, #8896a2 100%); background: url("../../../img/benefit_top2.png"), -moz-gradient(center top, #aab4bd 0%, #8896a2 100%); }

div.explain.bg3 { background: #99a5b0 url("../../../img/benefit_top3.png"); background: url("../../../img/benefit_top3.png"), -webkit-gradient(linear, left top, left bottom, from(#aab4bd), to(#8896a2)); background: url("../../../img/benefit_top3.png"), -moz-linear-gradient(center top, #aab4bd 0%, #8896a2 100%); background: url("../../../img/benefit_top3.png"), -moz-gradient(center top, #aab4bd 0%, #8896a2 100%); }

div.explain.bg4 { background: #99a5b0 url("../../../img/benefit_top4.png"); background: url("../../../img/benefit_top4.png"), -webkit-gradient(linear, left top, left bottom, from(#aab4bd), to(#8896a2)); background: url("../../../img/benefit_top4.png"), -moz-linear-gradient(center top, #aab4bd 0%, #8896a2 100%); background: url("../../../img/benefit_top4.png"), -moz-gradient(center top, #aab4bd 0%, #8896a2 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: #8d9ba7; }

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: #858585; }

div.file_wrap .file_btn_cancle:hover { background-color: #5f5f5f; }

div.file_wrap .file_btn_del { background-color: #f48067; }

div.file_wrap .file_btn_del:hover { background-color: #f26c4f; }

div.file, section.board_comment article.comment_unit div.file { width: 100%; height: auto; margin-bottom: 5px; }

div.file ul li, section.board_comment article.comment_unit div.file ul li { position: relative; padding: 15px 0 5px; border-bottom: 1px solid #e1e2e5; }

@media (max-width: 960px) { div.file ul li, section.board_comment article.comment_unit div.file ul li { padding-bottom: 35px; } }

div.file ul li audio, section.board_comment article.comment_unit div.file ul li audio, div.file ul li canvas, section.board_comment article.comment_unit div.file ul li canvas, div.file ul li svg, section.board_comment article.comment_unit div.file ul li svg, div.file ul li video, section.board_comment article.comment_unit div.file ul li video, div.file ul li img, section.board_comment article.comment_unit 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) { div.file ul li audio, section.board_comment article.comment_unit div.file ul li audio, div.file ul li canvas, section.board_comment article.comment_unit div.file ul li canvas, div.file ul li svg, section.board_comment article.comment_unit div.file ul li svg, div.file ul li video, section.board_comment article.comment_unit div.file ul li video, div.file ul li img, section.board_comment article.comment_unit div.file ul li img { width: 50px; height: 50px; } }

div.file ul li button, section.board_comment article.comment_unit div.file ul li button { display: inline-block(); width: 25px; height: 25px; top: 12px; right: 5px; bottom: auto; left: auto; position: absolute; color: #b8c1c8; background: none; border: 0; z-index: 1; }

div.file ul li button:hover, section.board_comment article.comment_unit div.file ul li button:hover { color: #aab4bd; }

div.file ul li p.file_info, section.board_comment article.comment_unit 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) { div.file ul li p.file_info, section.board_comment article.comment_unit div.file ul li p.file_info { width: 80%; left: 80px; } }

@media (max-width: 480px) { div.file ul li p.file_info, section.board_comment article.comment_unit div.file ul li p.file_info { width: 68%; } }

div.file ul li p.file_info span, section.board_comment article.comment_unit 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, section.board_comment article.comment_unit 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, section.board_comment article.comment_unit 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, section.board_comment article.comment_unit div.file ul li p.file_info span.file_name em { max-width: 70%; } }

div.file ul li p.file_info span.file_error, section.board_comment article.comment_unit 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, section.board_comment article.comment_unit div.file ul li p.file_info span.file_size { margin-top: 10px; }

div.file ul li p.file_info span.progress, section.board_comment article.comment_unit 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, section.board_comment article.comment_unit div.file ul li p.file_info span.progress { background-color: #dddfe2; } }

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; }

div.board_type_01_write_filelist, section.board_comment article.comment_unit div.board_type_01_write_filelist { width: 100%; height: auto; margin-bottom: 5px; }

@media (max-width: 960px) { div.board_type_01_write_filelist, section.board_comment article.comment_unit div.board_type_01_write_filelist { background-color: #f8f8f9; } }

div.board_type_01_write_filelist:hover, section.board_comment article.comment_unit div.board_type_01_write_filelist:hover { background-color: #ebecee; }

div.board_type_01_write_filelist.del, section.board_comment article.comment_unit div.del.board_type_01_write_filelist { background-color: #ebecee; }

div.board_type_01_write_filelist.del a.filedown, div.board_type_01_write_filelist.del section.board_comment article.comment_unit a.filedown, section.board_comment article.comment_unit div.del.board_type_01_write_filelist a.filedown { color: #c7cdd3; }

div.board_type_01_write_filelist.del a.filedown i.icon-download, section.board_comment article.comment_unit div.del.board_type_01_write_filelist a.filedown i.icon-download { color: #dee2e5; }

div.board_type_01_write_filelist.del button, section.board_comment article.comment_unit div.del.board_type_01_write_filelist button { background-color: #aab4bd; color: #f8f8f9; border: 1px solid #aab4bd; }

div.board_type_01_write_filelist.del button:hover, section.board_comment article.comment_unit div.del.board_type_01_write_filelist button:hover { background-color: #f8f8f9; color: #aab4bd; border: 1px solid #f8f8f9; }

div.board_type_01_write_filelist.del button.icon-recovery, section.board_comment article.comment_unit div.del.board_type_01_write_filelist button.icon-recovery { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }

div.board_type_01_write_filelist.del button.icon-close, section.board_comment article.comment_unit div.del.board_type_01_write_filelist button.icon-close { display: none; }

div.board_type_01_write_filelist a.filedown, div.board_type_01_write_filelist section.board_comment article.comment_unit a.filedown, section.board_comment article.comment_unit 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) { div.board_type_01_write_filelist a.filedown, div.board_type_01_write_filelist section.board_comment article.comment_unit a.filedown, section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown { width: 90%; } }

@media (max-width: 480px) { div.board_type_01_write_filelist a.filedown, div.board_type_01_write_filelist section.board_comment article.comment_unit a.filedown, section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown { width: 85%; } }

div.board_type_01_write_filelist a.filedown.child, div.board_type_01_write_filelist section.board_comment article.comment_unit a.child.filedown, section.board_comment article.comment_unit div.board_type_01_write_filelist a.child.filedown { font-weight: normal; font-size: 12px; font-size: 0.78rem; }

div.board_type_01_write_filelist a.filedown.child i, section.board_comment article.comment_unit div.board_type_01_write_filelist a.child.filedown i { font-size: 14px; font-size: 0.91rem; background-color: #fafafa; }

div.board_type_01_write_filelist a.filedown.child i.icon-download-child, section.board_comment article.comment_unit div.board_type_01_write_filelist a.child.filedown i.icon-download-child { padding: 20px 0 0 25px; }

div.board_type_01_write_filelist a.filedown.child:hover, section.board_comment article.comment_unit div.board_type_01_write_filelist a.child.filedown:hover { background-color: #fafafa; }

div.board_type_01_write_filelist a.filedown > i, div.board_type_01_write_filelist section.board_comment article.comment_unit a.filedown > i, section.board_comment article.comment_unit div.board_type_01_write_filelist a.filedown > i { height: 100%; }

div.board_type_01_write_filelist button, section.board_comment article.comment_unit 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) { div.board_type_01_write_filelist button, section.board_comment article.comment_unit div.board_type_01_write_filelist button { width: 10%; } }

@media (max-width: 480px) { div.board_type_01_write_filelist button, section.board_comment article.comment_unit div.board_type_01_write_filelist button { width: 15%; } }

div.board_type_01_write_filelist button:hover, section.board_comment article.comment_unit div.board_type_01_write_filelist button:hover { color: #aab4bd; border: 1px solid #aab4bd; }

div.board_type_01_write_filelist button.icon-recovery, section.board_comment article.comment_unit 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_write_btn, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom button.comment_file_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_write_btn, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom button.comment_file_btn { padding-top: 5px; } }

section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom button.comment_write_btn:hover, section.board_comment article.board_comment_write div.comment_write div.comment_write_bottom button.comment_file_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 #e1e2e5; 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: #90949d; background-color: #efeff1; 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: #abaeb5; 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: #718190; 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: #444e57; border-color: #5a6874; }

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, section.board_comment article.comment_unit div.board_type_01_write_filelist 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: #7f8e9c; }

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; }

@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: #9f9f9f; }

section.board_comment article.comment_unit div.board_type_01_write_file { float: right; width: 94%; border: 1px solid #e1e2e5; 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: 100%; font-size: 13px; font-size: 0.845rem; color: #90949d; background-color: #efeff1; 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: #f9f9fa; }

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%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -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%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -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%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -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: #c2c5cb; 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: #90949d; }

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 #e1e2e5; 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: #90949d; background-color: #efeff1; 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 div.file_wrap > input.board_input, 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 { width: 100%; height: auto; padding: 10px 15px; border: 1px solid #e1e2e5; }

div.board_type_01_write div.file_wrap > input.placeholder.board_input, 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 { color: #c6c8cd; }

div.board_type_01_write div.file_wrap > input.board_input:-moz-placeholder, 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 { color: #c6c8cd; }

div.board_type_01_write div.file_wrap > input.board_input::-webkit-input-placeholder, 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 { color: #c6c8cd; }

div.board_type_01_write div.file_wrap > input.board_input:-ms-input-placeholder, 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 { 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: #90949d; background-color: #efeff1; padding: 13px 20px 17px; float: left; border: 1px solid #e1e2e5; 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 #e1e2e5; 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: #8d9ba7; }

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

div.examinfo_form { font-size: 13px; font-size: 0.845rem; letter-spacing: -0.8px; word-break: keep-all; }

@media (max-width: 960px) { div.examinfo_form { width: 100%; } }

div.examinfo_form span.examinfo_s1, div.examinfo_form em.examinfo_s1, div.examinfo_form p.examinfo_s1 { border-bottom: 0; background-color: transparent; }

div.examinfo_form span.examinfo_s2, div.examinfo_form em.examinfo_s2, div.examinfo_form p.examinfo_s2 { font-size: 12px; font-size: 0.78rem; color: #383838; margin: 0 0 10px 0; }

div.examinfo_form span.examinfo_txt_pink, div.examinfo_form span.examinfo_txt_green, div.examinfo_form span.examinfo_txt_blue, div.examinfo_form span.examinfo_txt_orange, div.examinfo_form span.examinfo_txt_purple, div.examinfo_form span.examinfo_txt_red, div.examinfo_form em.examinfo_txt_pink, div.examinfo_form em.examinfo_txt_green, div.examinfo_form em.examinfo_txt_blue, div.examinfo_form em.examinfo_txt_orange, div.examinfo_form em.examinfo_txt_purple, div.examinfo_form em.examinfo_txt_red, div.examinfo_form strong.examinfo_txt_pink, div.examinfo_form strong.examinfo_txt_green, div.examinfo_form strong.examinfo_txt_blue, div.examinfo_form strong.examinfo_txt_orange, div.examinfo_form strong.examinfo_txt_purple, div.examinfo_form strong.examinfo_txt_red, div.examinfo_form p.examinfo_txt_pink, div.examinfo_form p.examinfo_txt_green, div.examinfo_form p.examinfo_txt_blue, div.examinfo_form p.examinfo_txt_orange, div.examinfo_form p.examinfo_txt_purple, div.examinfo_form p.examinfo_txt_red { color: #383838; }

@media (max-width: 480px) { div.examinfo_form h5 { padding-bottom: 5px; } }

div.examinfo_form h5 em { font-weight: 300; }

div.examinfo_form h5 i { margin-right: 10px; }

@media (max-width: 480px) { div.examinfo_form h5 i { margin-right: 0; } }

@media (max-width: 480px) { div.examinfo_form h5 i.icon-Squarecap { margin-right: 5px; } }

div.examinfo_form p { white-space: pre-line; }

div.examinfo_form h6 { position: relative; padding: 10px 0 5px 50px; color: #5391d5; }

@media (max-width: 480px) { div.examinfo_form h6 { font-size: 15px; font-size: 0.975rem; line-height: 20px; line-height: 1.25rem; padding-left: 40px; } }

div.examinfo_form h6 em { top: 15px; right: auto; bottom: auto; left: 10px; position: absolute; }

@media (max-width: 480px) { div.examinfo_form h6 em { top: 12px; left: 8px; } }

div.examinfo_form ul.examinfo_etc { font-size: 12px; font-size: 0.78rem; margin-top: 5px; }

div.examinfo_form ul.examinfo_etc li { padding: 2px 0; line-height: 18px; line-height: 1rem; white-space: pre-line; }

div.examinfo_form .examinfo_list_depth1 { width: 95%; margin-left: 30px; }

@media (max-width: 480px) { div.examinfo_form .examinfo_list_depth1 { margin-left: 0; } }

div.examinfo_form .examinfo_list_depth1 ul { margin-left: 15px; }

div.examinfo_form .examinfo_list_depth1 ul li { list-style: outside; padding: 4px 0 6px; list-style-image: url("../../../img//examinfo_bullet.png"); white-space: pre-line; line-height: 19px; line-height: 1.125rem; }

@media (max-width: 480px) { div.examinfo_form .examinfo_list_depth1 ul li { padding: 3px 0; } }

@media (max-width: 960px) { div.examinfo_form .examinfo_list_depth1 img { width: 100%; height: auto; } }

div.examinfo_form table.examinfo_col td em { color: #f26c4f; }

div.examinfo_form table.examinfo_col td.bgc { background: #e8ecf0; }

div.examinfo_form table.examinfo_col tr.sum { background-color: #f2f3f5; }

div.examinfo_form dl dt, div.examinfo_form dl dd { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: auto; height: auto; }

div.examinfo_form dl dd { margin-left: 0; }

div.examinfo_form dl.dl-examinfo, div.examinfo_form dl.dl-100 { display: block; margin-left: 0; width: 900px; height: auto; }

@media (max-width: 960px) { div.examinfo_form dl.dl-examinfo, div.examinfo_form dl.dl-100 { width: 100%; } }

div.examinfo_form dl.dl-examinfo dt, div.examinfo_form dl.dl-100 dt { width: 100px; height: auto; padding: 5px 0 20px 0; margin-right: 10px; color: #7cabdf; }

@media (max-width: 960px) { div.examinfo_form dl.dl-examinfo dt, div.examinfo_form dl.dl-100 dt { width: 18%; } }

@media (max-width: 480px) { div.examinfo_form dl.dl-examinfo dt, div.examinfo_form dl.dl-100 dt { width: 100%; padding: 0; } }

div.examinfo_form dl.dl-examinfo dt em, div.examinfo_form dl.dl-100 dt em { padding-top: 5px; border-top: 1px solid #5391d5; }

@media (max-width: 480px) { div.examinfo_form dl.dl-examinfo dt em, div.examinfo_form dl.dl-100 dt em { width: 100%; padding-top: 3px; } }

div.examinfo_form dl.dl-examinfo dd, div.examinfo_form dl.dl-100 dd { width: 770px; height: auto; padding: 5px 10px 0; }

@media (max-width: 960px) { div.examinfo_form dl.dl-examinfo dd, div.examinfo_form dl.dl-100 dd { width: 70%; } }

@media (max-width: 480px) { div.examinfo_form dl.dl-examinfo dd, div.examinfo_form dl.dl-100 dd { width: 100%; padding: 3px 0 25px; } }

div.examinfo_form dl.dl-examinfo.width2 dt, div.examinfo_form dl.width2.dl-100 dt { width: 150px; height: auto; }

div.examinfo_form dl.dl-examinfo.width2 dd, div.examinfo_form dl.width2.dl-100 dd { width: 700px; height: auto; }

div.examinfo_form dl.dl-examinfo.width1, div.examinfo_form dl.width1.dl-100, div.examinfo_form dl.dl-examinfo.width2, div.examinfo_form dl.width2.dl-100 { margin-top: 15px; }

@media (max-width: 960px) { div.examinfo_form dl.dl-examinfo.width1 dt, div.examinfo_form dl.width1.dl-100 dt, div.examinfo_form dl.dl-examinfo.width2 dt, div.examinfo_form dl.width2.dl-100 dt { width: 18%; } }

@media (max-width: 480px) { div.examinfo_form dl.dl-examinfo.width1 dt, div.examinfo_form dl.width1.dl-100 dt, div.examinfo_form dl.dl-examinfo.width2 dt, div.examinfo_form dl.width2.dl-100 dt { width: 100%; padding: 0; } }

div.examinfo_form dl.dl-examinfo.width1 dd, div.examinfo_form dl.width1.dl-100 dd, div.examinfo_form dl.dl-examinfo.width2 dd, div.examinfo_form dl.width2.dl-100 dd { padding: 0 0 15px 0; }

@media (max-width: 960px) { div.examinfo_form dl.dl-examinfo.width1 dd, div.examinfo_form dl.width1.dl-100 dd, div.examinfo_form dl.dl-examinfo.width2 dd, div.examinfo_form dl.width2.dl-100 dd { width: 70%; } }

@media (max-width: 480px) { div.examinfo_form dl.dl-examinfo.width1 dd, div.examinfo_form dl.width1.dl-100 dd, div.examinfo_form dl.dl-examinfo.width2 dd, div.examinfo_form dl.width2.dl-100 dd { width: 100%; padding: 3px 0 25px; } }

div.examinfo_form dl.dl-examinfo_ncs { display: block; margin-left: 0; width: 900px; height: auto; }

@media (max-width: 960px) { div.examinfo_form dl.dl-examinfo_ncs { width: 100%; } }

div.examinfo_form dl.dl-examinfo_ncs dt { width: 250px; height: auto; padding: 5px 0 20px 0; font-weight: 600; margin-right: 10px; color: #7cabdf; }

@media (max-width: 960px) { div.examinfo_form dl.dl-examinfo_ncs dt { width: 18%; } }

@media (max-width: 480px) { div.examinfo_form dl.dl-examinfo_ncs dt { width: 100%; padding: 0; } }

div.examinfo_form dl.dl-examinfo_ncs dt em { padding-top: 5px; border-top: 1px solid #5391d5; }

@media (max-width: 480px) { div.examinfo_form dl.dl-examinfo_ncs dt em { width: 100%; padding-top: 3px; } }

div.examinfo_form dl.dl-examinfo_ncs dd { width: 620px; height: auto; padding: 5px 10px 0; }

@media (max-width: 960px) { div.examinfo_form dl.dl-examinfo_ncs dd { width: 70%; } }

@media (max-width: 480px) { div.examinfo_form dl.dl-examinfo_ncs dd { width: 100%; padding: 3px 0 25px; } }

div.examinfo_form dl.dl-examinfo_ncs.width2 dt { width: 150px; height: auto; }

div.examinfo_form dl.dl-examinfo_ncs.width2 dd { width: 700px; height: auto; }

div.examinfo_form dl.dl-examinfo_ncs.width1, div.examinfo_form dl.dl-examinfo_ncs.width2 { margin-top: 15px; }

@media (max-width: 960px) { div.examinfo_form dl.dl-examinfo_ncs.width1 dt, div.examinfo_form dl.dl-examinfo_ncs.width2 dt { width: 18%; } }

@media (max-width: 480px) { div.examinfo_form dl.dl-examinfo_ncs.width1 dt, div.examinfo_form dl.dl-examinfo_ncs.width2 dt { width: 100%; padding: 0; } }

div.examinfo_form dl.dl-examinfo_ncs.width1 dd, div.examinfo_form dl.dl-examinfo_ncs.width2 dd { padding: 0 0 15px 0; }

@media (max-width: 960px) { div.examinfo_form dl.dl-examinfo_ncs.width1 dd, div.examinfo_form dl.dl-examinfo_ncs.width2 dd { width: 70%; } }

@media (max-width: 480px) { div.examinfo_form dl.dl-examinfo_ncs.width1 dd, div.examinfo_form dl.dl-examinfo_ncs.width2 dd { width: 100%; padding: 3px 0 25px; } }

div.examinfo_form dl.dl-100 { display: block; width: 100%; height: auto; margin-left: 0; }

div.examinfo_form dl.dl-100 dt, div.examinfo_form dl.dl-100 dd { float: none; }

div.examinfo_form dl.dl-100 dt { width: 18%; height: auto; border: 0; vertical-align: middle; position: relative; }

@media (max-width: 480px) { div.examinfo_form dl.dl-100 dt { width: 100%; margin-top: 20px; } }

div.examinfo_form dl.dl-100 dt span.icon_bg { vertical-align: middle; }

@media (max-width: 480px) { div.examinfo_form dl.dl-100 dt span.icon_bg { margin: 0 auto; } }

div.examinfo_form dl.dl-100 dt span.abs-pos { display: block; width: 100px; height: auto; top: auto; right: auto; left: 50%; bottom: 30px; text-align: center; margin-left: -50px; color: #FFF; }

@media (max-width: 480px) { div.examinfo_form dl.dl-100 dt span.abs-pos { width: 100%; margin-left: -50%; bottom: 40px; font-size: 24px; font-size: 1.56rem; } }

div.examinfo_form dl.dl-100 dd { width: 80%; height: auto; }

@media (max-width: 960px) { div.examinfo_form dl.dl-100 dd { width: 80%; } }

@media (max-width: 480px) { div.examinfo_form dl.dl-100 dd { width: 100%; } }

div.examinfo_form dl.dl-100 dd h6 em, div.examinfo_form dl.dl-100 dd span em { color: #f26c4f; }

div.examinfo_form dl.dl-100 dd h6 { font-size: 18px; font-size: 1.17rem; }

@media (max-width: 480px) { div.examinfo_form dl.dl-100 dd h6 { font-size: 15px; font-size: 0.975rem; } }

div.examinfo_form dl.dl-100 dd span { font-size: 13px; font-size: 0.845rem; line-height: 20px; line-height: 1.25rem; white-space: pre-line; margin-top: 10px; }

ol.dd_in_ol { margin: 0 0 0 5%; }

ol.dd_in_ol li { list-style: decimal; margin: 0 0 0 15px; }

p.dd_in_p { margin: 0 0 2% 5%; }

a.btn_a { display: block; padding: 7px 15px; text-align: center; color: #fff; background: #2e4762; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ width: 40%; height: auto; }

ul.list_box { margin: 20px 0 50px 0; }

ul.list_box li { list-style: none !important; float: left; padding: 0 !important; margin: 0 0 10px 0; }

ul.list_box li div.box_wrap, ul.list_box li div.box_wrap2 { padding: 10px 30px; border: 2px solid #21b1ea; color: #21b1ea; float: left; margin: 0 5px; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-weight: bold; }

@media (max-width: 480px) { ul.list_box li div.box_wrap, ul.list_box li div.box_wrap2 { padding: 5px 10px; margin: 0 2px; } }

ul.list_box li div.box_wrap2 { border: 2px solid #0b71b9; color: #0b71b9; }

ul.list_box li i { color: #dddddd; padding: 12px 0 0 0; display: block; float: left; }

ul.list_box.process { margin: 20px 0 0 0; }

ul.list_box.process li { width: 25%; }

@media (max-width: 960px) { ul.list_box.process li { width: 100%; } }

ul.list_box.process li div.box_wrap, ul.list_box.process li div.box_wrap2 { width: 80%; margin-right: 5%; text-align: center; }

ul.list_box.process li ul.list_box { display: block; width: 85%; margin: 25px 0 0 8%; font-size: 12px; font-size: 0.78rem; }

@media (max-width: 960px) { ul.list_box.process li ul.list_box { margin: 15px 0 0 5%; } }

ul.list_box.process li ul.list_box li { width: 100%; margin-bottom: 5px; padding-left: 20px; list-style-image: url("../../../img//examinfo_bullet.png") !important; white-space: pre-line; line-height: 19px; line-height: 1.125rem; }

@media (max-width: 480px) { ul.list_box.process li ul.list_box li { padding: 3px 0; } }

ul.list_box.process li p { display: block; width: 80%; margin: 35px 0 0 8px; font-size: 12px; font-size: 0.78rem; line-height: 19px; line-height: 1.125rem; }

@media (max-width: 960px) { ul.list_box.process li p { margin: 25px 0 0 5px; } }

@media (max-width: 480px) { div.board_list_btn_box.top div.board_list_search_box { width: 100%; float: none; } }

@media (max-width: 480px) { div.board_list_btn_box.top div.board_list_search_box input#search { width: 80%; } }

@media (max-width: 480px) { div.board_list_btn_box.top div.board_list_search_box input.board_btn_search { width: 20%; } }

div.examinfo_list_depth1 ul.ncs_list_01 { list-style: none; padding: 0; margin: 0; }

div.examinfo_list_depth1 ul.ncs_list_01 li { line-height: 20px; line-height: 1.25rem; padding: 0; margin: 0; list-style: none; }

div.examinfo_list_depth1 ul.ncs_list_02 { list-style: none; padding: 0; margin: 0; }

div.examinfo_list_depth1 ul.ncs_list_02 li { line-height: 11px; line-height: 0.125rem; padding: 0; margin: 0; list-style: none; }

div.form_box_s1 { border: 1px solid #0b71b9; padding: 30px; margin: 20px 0 40px 0; }

@media (max-width: 480px) { div.form_box_s1 { padding: 30px 10px; } }

div.form_box_s1 h6 { text-align: center; font-weight: bold; font-size: 14px; font-size: 0.91rem; padding: 0 0 12px 0; border-bottom: 1px solid #dddddd; }

div.form_box_s1 ul { margin: 15px 0; padding: 0 0 0 15px; }

div.form_box_s1 ul li { list-style: disc; }

div.form_box_s1 ul li.style_none { list-style: none; }

div.form_box_s1 div.empty_box { height: 150px; border: 1px solid #dddddd; }

div.diagram_box_01 { width: 100%; padding: 0; }

div.diagram_box_01 p.diagram_txt_01 { text-align: center; font-size: 20px; font-size: 1.3rem; line-height: 27px; line-height: 2.125rem; color: #383838; }

div.diagram_box_01 p.diagram_txt_01 em { font-weight: 600; display: block; }

div.diagram_box_01 ul.box_3col { width: 100%; padding: 0; margin: 0; }

div.diagram_box_01 ul.box_3col li { border: 2px solid #0b71b9; width: 29%; display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 15px 20px; margin: 20px; text-align: center; }

div.diagram_box_01 ul.box_3col li:first-child { margin: 20px 20px 20px 0; }

div.diagram_box_01 ul.box_3col li.white_space_none { white-space: normal; padding: 15px 0 10px 0; }

div.diagram_box_01 ul.box_3col li ul.ncs_list_03 { width: 100%; padding: 0; margin: 0; }

div.diagram_box_01 ul.box_3col li ul.ncs_list_03 li { border: 0; padding: 0; margin: 0; width: 100%; font-size: 13px; font-size: 0.845rem; line-height: 20px; line-height: 1.25rem; }

div.diagram_box_01 ul.box_3col li ul.ncs_list_03 li.stitle { font-weight: bold; font-size: 13px; font-size: 0.845rem; color: #0b71b9; padding-bottom: 10px; }

div.diagram_box_01 ul.box_4col { width: 100%; padding: 0; margin: 0; }

div.diagram_box_01 ul.box_4col li { border: 2px solid #0b71b9; width: 22%; height: 335px; display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 5px 20px; margin: 20px 12px; text-align: center; vertical-align: top; }

div.diagram_box_01 ul.box_4col li:first-child { margin: 20px 12px 20px 0; }

div.diagram_box_01 ul.box_4col li ul.ncs_list_04 { width: 100%; padding: 0; margin: 0; }

div.diagram_box_01 ul.box_4col li ul.ncs_list_04 li { border: 0; padding: 0; margin: 0; width: 100%; height: auto; font-size: 13px; font-size: 0.845rem; line-height: 20px; line-height: 1.25rem; }

div.diagram_box_01 ul.box_4col li ul.ncs_list_04 li.stitle { font-weight: bold; font-size: 13px; font-size: 0.845rem; color: #0b71b9; margin: 10px 0; }

div.diagram_box_01 ul.box_4col li ul.ncs_list_04 li img { width: 80%; margin: 0 auto; }

div.diagram_box_01 ul.box_4col li.border_none { border: none; width: 22%; height: auto; display: inline-block; padding: 5px 20px; margin: 20px 12px; text-align: center; vertical-align: top; }

div.diagram_box_01 ul.box_4col li.border_none:first-child { margin: 20px 12px 20px 0; }

div.diagram_box_01 ul.box_4col li.border_none ul.ncs_list_04 { width: 100%; padding: 0; margin: 0; }

div.diagram_box_01 ul.box_4col li.border_none ul.ncs_list_04 li { border: 0; padding: 0; margin: 0; width: 100%; height: auto; font-size: 13px; font-size: 0.845rem; line-height: 20px; line-height: 1.25rem; }

div.diagram_box_01 ul.box_4col li.border_none ul.ncs_list_04 li.stitle { font-weight: bold; font-size: 13px; font-size: 0.845rem; color: #0b71b9; margin: 10px 0; }

div.diagram_box_01 ul.box_4col li.border_none ul.ncs_list_04 li img { width: 70%; margin: 0 auto; }

div.diagram_box_02 { width: 100%; padding: 0; }

div.diagram_box_02 p.diagram_txt_01 { text-align: center; font-size: 20px; font-size: 1.3rem; line-height: 27px; line-height: 2.125rem; color: #383838; }

div.diagram_box_02 p.diagram_txt_01 em { font-weight: 600; display: block; }

div.diagram_box_02 ul.box_row { width: 100%; padding: 0; margin: 0; }

div.diagram_box_02 ul.box_row li { width: 76%; list-style: none; display: inline-block; vertical-align: middle; white-space: normal; padding: 0; margin: 15px 0; }

div.diagram_box_02 ul.box_row li.icon { width: 22%; }

div.diagram_box_02 ul.box_row li ul.ncs_list_05 { width: 100%; padding: 0; margin: 0; }

div.diagram_box_02 ul.box_row li ul.ncs_list_05 li { padding: 0; margin: 0; width: 100%; font-size: 13px; font-size: 0.845rem; line-height: 20px; line-height: 1.25rem; }

div.diagram_box_02 ul.box_row li ul.ncs_list_05 li.stitle { font-weight: bold; font-size: 15px; font-size: 0.975rem; color: #0b71b9; margin: 0 0 10px 0; }

div.diagram_box_02 ul.box_row li ul.ncs_list_05 li img { width: 80%; margin: 0 auto; }

div.diagram_box_02 ul.box_row li ul.ncs_list_05 li.list_style_on { list-style: outside !important; list-style-image: url("../../../img//examinfo_bullet.png"); }

img.align_center { margin: 0 auto; }