/*exam.scss*/
/*_buttons.scss*/
/*_colors.scss*/
/*_mixins.scss*/
*, *:after, *:before { box-sizing: border-box; }

/*_placeholder.scss*/
dl.info_dl_list, nav.scroll_menu ul.scroll_menu_ul, section.sc_02 div.wrap_1024 div.pager_wrap_wowjob, section.sc_04 div.wrap_1024 div.info_box dl.order_dl, section.sc_04 div.wrap_1024 div.abs_box, section.sc_05 ul.info_ul > li:first-child, section.recommend_sc dl.recommed_dl { *zoom: 1; }
dl.info_dl_list:before, nav.scroll_menu ul.scroll_menu_ul:before, section.sc_02 div.wrap_1024 div.pager_wrap_wowjob:before, section.sc_04 div.wrap_1024 div.info_box dl.order_dl:before, section.sc_04 div.wrap_1024 div.abs_box:before, section.sc_05 ul.info_ul > li:first-child:before, section.recommend_sc dl.recommed_dl:before, dl.info_dl_list:after, nav.scroll_menu ul.scroll_menu_ul:after, section.sc_02 div.wrap_1024 div.pager_wrap_wowjob:after, section.sc_04 div.wrap_1024 div.info_box dl.order_dl:after, section.sc_04 div.wrap_1024 div.abs_box:after, section.sc_05 ul.info_ul > li:first-child:after, section.recommend_sc dl.recommed_dl:after { content: ""; display: table; }
dl.info_dl_list:after, nav.scroll_menu ul.scroll_menu_ul:after, section.sc_02 div.wrap_1024 div.pager_wrap_wowjob:after, section.sc_04 div.wrap_1024 div.info_box dl.order_dl:after, section.sc_04 div.wrap_1024 div.abs_box:after, section.sc_05 ul.info_ul > li:first-child:after, section.recommend_sc dl.recommed_dl:after { clear: both; }

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

/*_forms.scss*/
section.sc_01 div.top_bottom div.top_bottom_layer table { width: 100%; margin: 0 0 80px 0; }
@media (max-width: 960px) { section.sc_01 div.top_bottom div.top_bottom_layer table { margin: 0 0 50px 0; font-size: 12px; } }
section.sc_01 div.top_bottom div.top_bottom_layer table caption { display: none; }
section.sc_01 div.top_bottom div.top_bottom_layer table tr:hover { background: #fff; }
section.sc_01 div.top_bottom div.top_bottom_layer table th { background: #aab4bd; color: #fff; padding: 10px; text-align: center; }
@media (max-width: 960px) { section.sc_01 div.top_bottom div.top_bottom_layer table th { padding: 10px 2px 10px 2px; } }
section.sc_01 div.top_bottom div.top_bottom_layer table td { border-bottom: 1px solid #dddddd; color: #aab4bd; padding: 10px; text-align: center; }
@media (max-width: 960px) { section.sc_01 div.top_bottom div.top_bottom_layer table td { padding: 10px 5px 10px 5px; } }
section.sc_01 div.top_bottom div.top_bottom_layer table td a { color: #666; }
section.sc_01 div.top_bottom div.top_bottom_layer table td a:hover { text-decoration: underline; }
section.sc_01 div.top_bottom div.top_bottom_layer table td.td_title { text-align: left; }
section.sc_01 div.top_bottom div.top_bottom_layer table td.lec_title { text-align: left; font-size: 15px; color: #424242; padding: 10px 0 10px 20px; }
section.sc_01 div.top_bottom div.top_bottom_layer table td p strong, section.sc_01 div.top_bottom div.top_bottom_layer table td p a { display: block; margin: 0 0 3px 0; font-weight: normal; font-size: 15px; color: #424242; }
section.sc_01 div.top_bottom div.top_bottom_layer table td p a { display: block; margin: 0 0 7px 0; font-weight: normal; font-size: 15px; color: #424242; }
section.sc_01 div.top_bottom div.top_bottom_layer table td p a:hover { text-decoration: underline; }
section.sc_01 div.top_bottom div.top_bottom_layer table td > button.sample_play, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_play, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_flie { width: 30px; height: 30px; border: none; background: none; font-size: 18px; vertical-align: middle; margin: 0; padding: 0; display: inline-block; text-align: center; }
@media (max-width: 480px) { section.sc_01 div.top_bottom div.top_bottom_layer table td > button.sample_play, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_play, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_flie { width: 23px; height: 23px; font-size: 17px; } }
section.sc_01 div.top_bottom div.top_bottom_layer table td > button.sample_play.sample_play, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_play, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_flie.sample_play, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_flie.download_play { font-size: 22px; }
@media (max-width: 960px) { section.sc_01 div.top_bottom div.top_bottom_layer table td > button.sample_play, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_play, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_flie { font-size: 17px; } }
section.sc_01 div.top_bottom div.top_bottom_layer table td > button.sample_play:hover, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_play:hover, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_flie:hover { color: #424242; }
section.sc_01 div.top_bottom div.top_bottom_layer table td > button.sample_play i, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_play i, section.sc_01 div.top_bottom div.top_bottom_layer table td > button.download_flie i { display: block; }
section.sc_01 div.top_bottom div.top_bottom_layer table td button.download_play { font-size: 19px; }
@media (max-width: 480px) { section.sc_01 div.top_bottom div.top_bottom_layer table td button.download_play { font-size: 16px; } }
section.sc_01 div.top_bottom div.top_bottom_layer table td button.download_play i { color: #5f5f5f; }

/*_icons.scss*/
span.top_alarm { display: inline-block; background: #5391d5; width: 20px; height: 20px; color: #fff; 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*/
/*_buttons3.scss*/
/*_colors3.scss*/
/*_icons3.scss*/
/*_mixins3.scss*/
/* Sub-section comment block ========================================================================== */
/* Usage */
/* svg element ========================================================================== */
/* maring-and-padding-spacing ========================================================================== */
/*_placeholder3.scss*/
dl.info_dl_list { margin: 115px 0 0 0; letter-spacing: 0; }
@media (max-width: 960px) { dl.info_dl_list { margin: 50px 0 0 0; } }
dl.info_dl_list dt { float: left; width: 115px; height: auto; text-align: center; font-weight: bold; font-size: 14px; font-size: 0.91rem; padding: 15px 0; border-top: 1px solid #383838; border-bottom: 1px solid #383838; }
@media (max-width: 960px) { dl.info_dl_list dt { float: none; margin: 0 0 5px 0; margin: 0 0 10px 0; } }
dl.info_dl_list dd { float: left; margin: 0 0 0 30px; padding: 0 0 0 15px; }
@media (max-width: 960px) { dl.info_dl_list dd { float: none; margin: 0 0 20px 0; } }
dl.info_dl_list dd ul li { list-style: disc; margin: 0 0 10px 0; font-size: 13px; font-size: 0.845rem; }

header.wowjob_header { z-index: 100; background: #fff; width: 100%; height: 80px; position: fixed; margin: 40px 0 0 0; text-align: center; opacity: 0.9; filter: alpha(opacity=90); }
@media (max-width: 960px) { header.wowjob_header { margin: 0; top: 0; } }
header.wowjob_header h1 { padding: 25px 0 0 0; }
header.wowjob_header h1 i { display: inline-block; color: #0b71b9; }
header.wowjob_header h1 img { display: inline-block; }
header.wowjob_header a { position: absolute; top: 15px; left: 10px; display: block; background: #0b71b9; width: 50px; height: 50px; color: #fff; font-size: 20px; font-size: 1.3rem; padding: 12px 0 0 0; }

nav.scroll_menu { z-index: 100; width: 100%; height: 80px; position: fixed; margin: 120px 0 0 0; background: #fff; border-bottom: 1px solid #dddddd; opacity: 0.9; filter: alpha(opacity=90); }
@media (max-width: 960px) { nav.scroll_menu { margin: 0; top: 80px; height: auto; } }
nav.scroll_menu ul.scroll_menu_ul { width: 1000px; margin: 0 auto; border-top: 1px solid #dddddd; }
@media (max-width: 960px) { nav.scroll_menu ul.scroll_menu_ul { width: 100%; } }
nav.scroll_menu ul.scroll_menu_ul li { float: left; }
nav.scroll_menu ul.scroll_menu_ul li.on button { border-top: 5px solid #0b71b9; }
@media (max-width: 960px) { nav.scroll_menu ul.scroll_menu_ul li { width: 33.3%; text-align: center; } }
nav.scroll_menu ul.scroll_menu_ul li button { border: none; background: none; font-size: 17px; font-size: 1.105rem; letter-spacing: -1.5px; height: 80px; padding: 0 35px 7px 35px; border-top: 5px solid #fff; }
@media (max-width: 960px) { nav.scroll_menu ul.scroll_menu_ul li button { font-size: 13px; font-size: 0.845rem; font-weight: bold; padding: 0; height: 60px; } }
nav.scroll_menu ul.scroll_menu_ul li button:hover { border-top: 5px solid #0b71b9; }

section.sc_01 { position: relative; margin: 200px 0 0 0; width: 100%; height: 1275px; background-image: url("../../../img//wowjob/top_sc_bg.jpg"); background-size: cover; padding: 160px 0 0 0; }
@media (max-width: 960px) { section.sc_01 { margin: 150px 0 0 0; height: auto; background: #888878 url("../../../img//wowjob/top_sc_bg_m.jpg") no-repeat center; background-size: contain; padding: 100px 15px; } }
@media (max-width: 480px) { section.sc_01 img { width: 100%; } }
section.sc_01 table.top_table { margin: 140px 0 0 0; width: 100%; color: #fff; border-spacing: 2px; border-collapse: separate; font-size: 14px; font-size: 0.91rem; }
@media (max-width: 960px) { section.sc_01 table.top_table { margin: 50px 0 0 0; font-size: 12px; font-size: 0.78rem; } }
section.sc_01 table.top_table th { background: #fff; width: 297px; padding: 0 0 0 30px; }
@media (max-width: 960px) { section.sc_01 table.top_table th { display: none; } }
section.sc_01 table.top_table td { padding: 12px 20px; }
@media (max-width: 960px) { section.sc_01 table.top_table td { padding: 10px; } }
section.sc_01 table.top_table td.td_st01 { background: #0b71b9; text-align: center; font-weight: bold; }
@media (max-width: 960px) { section.sc_01 table.top_table td.td_st01 { display: none; } }
section.sc_01 table.top_table td.td_st02 { background: #5391d5; }
@media (max-width: 960px) { section.sc_01 table.top_table td.td_st02 { width: 35%; } }
section.sc_01 table.top_table td.td_st03 { background-image: url("../../../img//wowjob/bg_white_15.png"); }
@media (max-width: 960px) { section.sc_01 table.top_table td.td_st03 { width: 65%; } }
section.sc_01 div.top_bottom { width: 100%; height: 265px; background-image: url("../../../img//wowjob/bg_blue_85.png"); position: absolute; bottom: 0; }
@media (max-width: 960px) { section.sc_01 div.top_bottom { position: static; background: #0b71b9; padding: 30px 10px; margin: 30px 0 0 0; } }
section.sc_01 div.top_bottom div.wrap_1024 { height: 100%; background: url("../../../img//wowjob/gloomy.jpg") no-repeat top left; padding: 55px 0 0 345px; position: relative; }
@media (max-width: 960px) { section.sc_01 div.top_bottom div.wrap_1024 { background: none; padding: 0; } }
section.sc_01 div.top_bottom div.wrap_1024 ul.top_bottom_ul { color: #fff; margin: 30px 0 0 0; }
section.sc_01 div.top_bottom div.wrap_1024 ul.top_bottom_ul li { margin: 0 0 5px 0; font-size: 16px; font-size: 1.04rem; }
@media (max-width: 960px) { section.sc_01 div.top_bottom div.wrap_1024 ul.top_bottom_ul li { font-size: 13px; font-size: 0.845rem; } }
section.sc_01 div.top_bottom div.wrap_1024 button.top_bottom_btn { position: absolute; bottom: 30px; right: 30px; border: 1px solid #fff; padding: 10px 30px; background: none; color: #fff; opacity: 0.7; filter: alpha(opacity=70); }
section.sc_01 div.top_bottom div.wrap_1024 button.top_bottom_btn:hover { opacity: 1; filter: alpha(opacity=100); }
@media (max-width: 960px) { section.sc_01 div.top_bottom div.wrap_1024 button.top_bottom_btn { bottom: 10px; right: 10px; } }
section.sc_01 div.top_bottom div.top_bottom_layer { display: none; width: 500px; height: 240px; position: absolute; top: 50%; left: 50%; z-index: 101; background: #fff; padding: 30px; box-shadow: 3px 3px 40px #000; margin: -120px 0 0 -250px; }
@media (max-width: 960px) { section.sc_01 div.top_bottom div.top_bottom_layer { width: 100%; height: auto; top: 0; left: 0; margin: 0; } }
section.sc_01 div.top_bottom div.top_bottom_layer h5 { font-size: 17px; font-size: 1.105rem; font-weight: bold; margin: 0 0 20px 0; }
section.sc_01 div.top_bottom div.top_bottom_layer table { margin: 0 0 10px 0; }
section.sc_01 div.top_bottom div.top_bottom_layer p { color: #aab4bd; }
section.sc_01 div.top_bottom div.top_bottom_layer button.top_bottom_btn_close { position: absolute; top: 10px; right: 5px; border: none; background: none; }

section.sc_02 { background: #fff; }
@media (max-width: 960px) { section.sc_02 { padding: 80px 10px; } }
@media (max-width: 960px) { section.sc_02 img { width: 100%; } }
section.sc_02 div.wrap_1024 { position: relative; }
section.sc_02 div.wrap_1024 div.abs_box { position: absolute; top: 0; left: 0; padding: 115px 0 0 0; background: #fff; z-index: 99; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 div.abs_box { position: static; padding: 0; margin: 0 0 50px 0; } }
section.sc_02 div.wrap_1024 div.pager_wrap_wowjob { position: absolute; top: 540px; right: 340px; z-index: 99; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 div.pager_wrap_wowjob { top: 10px; right: 10px; } }
section.sc_02 div.wrap_1024 div.pager_wrap_wowjob ul.lSPager.lSpg { float: left; margin: 0 15px 0 0; }
section.sc_02 div.wrap_1024 div.pager_wrap_wowjob button { display: block; font-size: 12px; font-size: 0.78rem; border: none; background: none; float: left; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol.rolling_w { display: none; } }
section.sc_02 div.wrap_1024 ol.rolling_step_ol.rolling_none { display: none; }
section.sc_02 div.wrap_1024 ol.rolling_step_ol.rolling_none > li { margin: 0 0 30px 0; }
section.sc_02 div.wrap_1024 ol.rolling_step_ol.rolling_none article.info_box { height: auto; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol.rolling_none { display: block; } }
section.sc_02 div.wrap_1024 ol.rolling_step_ol > li { width: 100%; height: 940px; padding: 530px 0 0 0; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol > li { height: auto; padding: 0; } }
section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_01 { background: url("../../../img//wowjob/sc02_bg_01.jpg") no-repeat top right; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_01 { background: none; } }
section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_02 { background: url("../../../img//wowjob/sc02_bg_02.jpg") no-repeat top right; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_02 { background: none; } }
section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_03 { background: url("../../../img//wowjob/sc02_bg_03.jpg") no-repeat top right; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_03 { background: none; } }
section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_04 { background: url("../../../img//wowjob/sc02_bg_04.jpg") no-repeat top right; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_04 { background: none; } }
section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_05 { background: url("../../../img//wowjob/sc02_bg_05.jpg") no-repeat top right; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_05 { background: none; } }
section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_06 { background: url("../../../img//wowjob/sc02_bg_06.jpg") no-repeat top right; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol > li.slide_06 { background: none; } }
section.sc_02 div.wrap_1024 ol.rolling_step_ol > li > h4 { color: #0b71b9; margin: 0 0 10px 0; }
section.sc_02 div.wrap_1024 ol.rolling_step_ol > li > h4 strong { font-size: 22px; font-size: 1.43rem; margin: 0 10px 0 0; }
section.sc_02 div.wrap_1024 ol.rolling_step_ol > li > h4 span.s_eng { font-family: 'Arial'; font-size: 12px; font-size: 0.78rem; letter-spacing: 5px; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol > li > h4 span.s_eng { display: none; } }
section.sc_02 div.wrap_1024 ol.rolling_step_ol article.info_box { border: 1px solid #dddddd; padding: 35px; width: 650px; height: 300px; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol article.info_box { width: 100%; padding: 30px 10px; height: 330px; } }
section.sc_02 div.wrap_1024 ol.rolling_step_ol article.info_box h5 { font-size: 16px; font-size: 1.04rem; font-weight: bold; margin: 0 0 5px 0; }
section.sc_02 div.wrap_1024 ol.rolling_step_ol article.info_box p { font-size: 14px; font-size: 0.91rem; margin: 0 0 20px 0; }
section.sc_02 div.wrap_1024 ol.rolling_step_ol article.info_box ul.info_ul { padding: 20px 0 0 10px; border-top: 1px solid #ebecee; }
section.sc_02 div.wrap_1024 ol.rolling_step_ol article.info_box ul.info_ul li { list-style: disc; margin: 0 0 3px 0; color: #888; line-height: 24px; }
@media (max-width: 960px) { section.sc_02 div.wrap_1024 ol.rolling_step_ol article.info_box ul.info_ul li { font-size: 12px; font-size: 0.78rem; } }

section.sc_03 { background: #0b71b9; padding: 115px 0 0 0; text-align: center; }
@media (max-width: 960px) { section.sc_03 { padding: 80px 10px 0 10px; } }
section.sc_03 img { display: inline-block; margin: 0 0 80px 0; }
@media (max-width: 960px) { section.sc_03 img { width: 100%; } }

section.sc_04 { padding: 145px 0 0 0; background-image: url("../../../img//wowjob/order_sc_bg.jpg"); background-size: cover; text-align: center; color: #fff; }
@media (max-width: 960px) { section.sc_04 { padding: 80px 10px; background: #928c7d url("../../../img//wowjob/order_sc_bg_m.jpg") no-repeat; background-size: contain; } }
section.sc_04 img { display: inline-block; }
@media (max-width: 960px) { section.sc_04 img { width: 100%; } }
section.sc_04 div.wrap_1024 { position: relative; }
section.sc_04 div.wrap_1024 div.info_box { background: url("../../../img//wowjob/bg_white_30.png"); width: 630px; margin: 80px 0 0 0; padding: 60px 30px; text-align: left; }
@media (max-width: 960px) { section.sc_04 div.wrap_1024 div.info_box { width: 100%; padding: 50px 10px; margin: 50px 0 0 0; } }
section.sc_04 div.wrap_1024 div.info_box dl.order_dl dt { background: #4f55a7; float: left; text-align: center; font-size: 14px; font-size: 0.91rem; width: 120px; height: 40px; margin: 0 20px 10px 0; font-weight: bold; padding: 8px 0 0 0; }
@media (max-width: 960px) { section.sc_04 div.wrap_1024 div.info_box dl.order_dl dt { float: none; margin: 0 0 10px 0; } }
section.sc_04 div.wrap_1024 div.info_box dl.order_dl dd { float: left; width: 430px; height: 40px; margin: 0 0 10px 0; font-size: 13px; font-size: 0.845rem; font-weight: bold; padding: 8px 0 0 0; }
section.sc_04 div.wrap_1024 div.info_box dl.order_dl dd strong { font-size: 23px; font-size: 1.495rem; color: #4f55a7; }
@media (max-width: 960px) { section.sc_04 div.wrap_1024 div.info_box dl.order_dl dd { float: none; font-size: 17px; font-size: 1.105rem; width: 100%; height: auto; padding: 0; margin: 0 0 30px 0; } }
section.sc_04 div.wrap_1024 div.info_box button.sc_02_btn { margin: 30px 0 0 0; padding: 10px 50px; background: none; border: 2px solid #fff; font-size: 15px; font-size: 0.975rem; font-weight: bold; }
section.sc_04 div.wrap_1024 div.info_box button.sc_02_btn:hover { background: #7d83cd; }
section.sc_04 div.wrap_1024 div.info_box button.sc_02_btn i { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; }
section.sc_04 div.wrap_1024 div.abs_box { position: absolute; top: 835px; left: 50%; width: 700px; margin: -350px 0 0 -160px; }
@media (max-width: 960px) { section.sc_04 div.wrap_1024 div.abs_box { position: static; width: 100%; margin: 0; } }
section.sc_04 div.wrap_1024 div.abs_box button { float: left; width: 330px; height: 100px; background: #ffaf23; border: none; font-size: 15px; font-size: 0.975rem; font-weight: bold; box-shadow: 5px 5px 50px #000; margin: 87px 0 0 0; border-radius: 10px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
@media (max-width: 960px) { section.sc_04 div.wrap_1024 div.abs_box button { float: none; width: 100%; margin: 30px 0 0 0; } }
section.sc_04 div.wrap_1024 div.abs_box button:hover { background: #ed9e13; box-shadow: 7px 7px 30px #000; }
section.sc_04 div.wrap_1024 div.abs_box button strong { font-size: 22px; font-size: 1.43rem; }
section.sc_04 div.wrap_1024 div.abs_box p { float: left; width: 270px; text-align: left; line-height: 24px; margin: 0 0 0 20px; }
@media (max-width: 960px) { section.sc_04 div.wrap_1024 div.abs_box p { float: none; width: 100%; margin: 20px 0; text-align: center; } }
section.sc_04 div.wrap_1024 div.abs_box p strong { color: #ffd05e; font-size: 17px; font-size: 1.105rem; }
section.sc_04 div.wrap_1024 div.abs_box p a { color: #ffd05e; }
section.sc_04 div.wrap_1024 div.abs_box p i { display: block; font-size: 30px; font-size: 1.95rem; margin: 0 0 10px 0; }
section.sc_04 div.wrap_1024 div.abs_bottom_box { background: url("../../../img//wowjob/bg_white_30.png"); padding: 30px 0; margin: 180px 0 0 0; }
@media (max-width: 960px) { section.sc_04 div.wrap_1024 div.abs_bottom_box { padding: 30px 10px; margin: 0; text-align: left; } }
section.sc_04 div.wrap_1024 div.abs_bottom_box > h4 { font-size: 20px; font-size: 1.3rem; font-weight: bold; }
section.sc_04 div.wrap_1024 div.abs_bottom_box dl.info_dl { margin: 30px 0 0 0; }
section.sc_04 div.wrap_1024 div.abs_bottom_box dl.info_dl dt { display: inline-block; margin: 0 5px 0 0; width: 80px; height: 30px; border: 1px solid #fff; font-weight: bold; padding: 5px 0 0 0; }
@media (max-width: 960px) { section.sc_04 div.wrap_1024 div.abs_bottom_box dl.info_dl dt { margin: 0 5px 10px 0; text-align: center; width: 20%; } }
section.sc_04 div.wrap_1024 div.abs_bottom_box dl.info_dl dd { display: inline-block; text-align: left; margin: 0 30px 0 0; font-weight: bold; font-size: 15px; font-size: 0.975rem; padding: 3px 0 0 0; }
@media (max-width: 960px) { section.sc_04 div.wrap_1024 div.abs_bottom_box dl.info_dl dd { margin: 0 30px 10px 0; width: 70%; } }

section.sc_05 { background: #7d83cd; color: #fff; }
@media (max-width: 960px) { section.sc_05 { padding: 80px 10px; } }
@media (max-width: 960px) { section.sc_05 img { width: 100%; } }
section.sc_05 div.wrap_1024 { height: 842px; background: url("../../../img//wowjob/sc05_bg.jpg") no-repeat top left; padding: 115px 0 0 370px; }
@media (max-width: 960px) { section.sc_05 div.wrap_1024 { height: auto; background: none; padding: 0; } }
section.sc_05 ul.info_ul { margin: 80px 0 0 0; }
section.sc_05 ul.info_ul > li { font-size: 15px; font-size: 0.975rem; margin: 0 0 20px 0; }
@media (max-width: 960px) { section.sc_05 ul.info_ul > li { font-size: 13px; font-size: 0.845rem; } }
section.sc_05 ul.info_ul > li video { width: 100%; }
section.sc_05 ul.info_ul > li h4 { width: 145px; height: 45px; text-align: center; font-weight: bold; color: #fff; padding: 10px 0 0 0; margin: 0 0 10px 0; background: #4f55a7; }
@media (max-width: 960px) { section.sc_05 ul.info_ul > li h4 { width: 100px; height: 45px; padding: 13px 0 0 0; } }
section.sc_05 ul.info_ul > li:first-child h4 { margin: 0 20px 0 0; float: left; }
section.sc_05 ul.info_ul > li:first-child ul.in_ul { float: left; padding: 0 0 0 15px; }
section.sc_05 ul.info_ul > li:first-child ul.in_ul li { list-style: disc; margin: 0 0 5px 0; }

section.sc_06 { background: #fff; padding: 115px 0; }
@media (max-width: 960px) { section.sc_06 img { width: 100%; } }
@media (max-width: 960px) { section.sc_06 { padding: 80px 10px; } }
section.sc_06 div.wrap_1024 { height: 662px; background: url("../../../img//wowjob/kakaotalk.jpg") no-repeat center right; }
@media (max-width: 960px) { section.sc_06 div.wrap_1024 { height: auto; background: none; } }
section.sc_06 div.wrap_1024 dl.info_dl_list dd { width: 420px; }
@media (max-width: 960px) { section.sc_06 div.wrap_1024 dl.info_dl_list dd { width: 100%; } }
section.sc_06 div.wrap_1024 ol.step_ol { margin: 50px 0 0 0; }
section.sc_06 div.wrap_1024 ol.step_ol li { margin: 0 0 5px 0; }
section.sc_06 div.wrap_1024 ol.step_ol li strong { width: 120px; height: 30px; display: inline-block; margin: 0 20px 0 0; text-align: center; font-family: 'Arial'; color: #fff; background: #0b71b9; letter-spacing: 3px; padding: 8px 0 0 0; }
@media (max-width: 960px) { section.sc_06 div.wrap_1024 ol.step_ol li strong { width: 80px; margin: 0 10px 0 0; } }

section.recommend_sc { padding: 80px 10px; text-align: center; background: #fff; border-top: 2px dotted #aab4bd; }
section.recommend_sc h4 { font-size: 40px; font-size: 2.6rem; letter-spacing: -3px; margin: 0 0 50px 0; }
@media (max-width: 960px) { section.recommend_sc h4 { font-size: 25px; font-size: 1.625rem; letter-spacing: 0; } }
section.recommend_sc h4 i { display: block; margin: 0 0 10px 0; }
section.recommend_sc p { font-size: 13px; font-size: 0.845rem; line-height: 23px; letter-spacing: 2px; }
@media (max-width: 960px) { section.recommend_sc p { letter-spacing: 0; } }
section.recommend_sc p em { font-weight: bold; text-decoration: underline; }
section.recommend_sc a { display: block; border: 1px solid #383838; width: 250px; height: 40px; font-size: 14px; font-size: 0.91rem; font-weight: bold; text-align: center; padding: 10px 0 0 0; margin: 0 auto 20px auto; color: #383838; opacity: 0.6; filter: alpha(opacity=60); }
section.recommend_sc a:hover { opacity: 1; filter: alpha(opacity=100); }
section.recommend_sc dl.recommed_dl { margin: 50px auto; width: 600px; padding: 50px 0 30px 65px; background: #0b71b9; color: #fff; border-radius: 10px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
@media (max-width: 960px) { section.recommend_sc dl.recommed_dl { width: 100%; padding: 40px 10px; } }
section.recommend_sc dl.recommed_dl dt { width: 100px; height: 40px; float: left; text-align: left; font-size: 17px; font-size: 1.105rem; font-weight: bold; margin: 0 20px 20px 0; padding: 10px 0 0 0; clear: both; }
@media (max-width: 960px) { section.recommend_sc dl.recommed_dl dt { width: auto; float: none; font-size: 13px; font-size: 0.845rem; margin: 0 0 3px 0; } }
section.recommend_sc dl.recommed_dl dd { float: left; }
@media (max-width: 960px) { section.recommend_sc dl.recommed_dl dd { float: none; display: block; margin: 0 0 15px 0; } }
section.recommend_sc dl.recommed_dl dd input { width: 300px; height: 40px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ color: #0b71b9; font-weight: bold; border: none; padding: 0 0 0 20px; }
@media (max-width: 960px) { section.recommend_sc dl.recommed_dl dd input { width: 100%; margin: 0; } }
section.recommend_sc button.recommend_btn { width: 300px; height: 55px; color: #fff; border: none; outline: none; background: #424242; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-size: 18px; font-size: 1.17rem; font-weight: bold; letter-spacing: 0; }
@media (max-width: 960px) { section.recommend_sc button.recommend_btn { width: 100%; margin: 0 auto; } }
section.recommend_sc button.recommend_btn:hover { background: #383838; }