@charset "UTF-8";
/*_base.scss*/
body {
  margin: 0;
  font-family: "Malgun Gothic", "DroidFont", apple sd gothic neo, sans-serif;
  font-size: 13px;
  letter-spacing: -1px; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, svg, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

a {
  text-decoration: none; }

b, strong {
  font-weight: bold; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  display: block;
  border: 0 none; }

figure {
  margin: 1em 40px; }

pre {
  overflow: auto;
  font-family: "Malgun Gothic", "DroidFont", apple sd gothic neo, sans-serif !important; }
  pre a {
    font-size: inherit !important;
    background: none !important;
    color: #006fe1 !important; }

/* Forms */
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }
  input:focus {
    outline: 0; }

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  border: 0;
  padding: 0; }

textarea {
  resize: vertical; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/*공통*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal; }

/* 민형 추가 */
em, address {
  font-style: normal; }

p {
  margin: 0; }

dl, ul, ol, menu, li {
  margin: 0;
  padding: 0;
  list-style: none; }

.blind {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px; }

#skipToContent {
  display: none; }

.hidden {
  display: none !important; }

.visib_hide {
  visibility: hidden; }

.pt_15 {
  padding-top: 15px; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

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

/*_buttons.scss*/
/*_buttons2.scss*/
/*_placeholder.scss*/
header.g_header ul.g_sitezone, nav.all_category ul.all_category_dp1 > li ul.all_category_dp2, nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3, nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc, nav.all_category.view_all ul.all_category_dp1,
div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1, nav.all_sub_navi ul.all_sub_navi_ul, .footmark, div.all_wrap div.wrap_1024, div.layer_pop_survey div.layer_wrap div.research_wrap ul,
div.layer_pop.research div.layer_wrap div.research_wrap ul,
div.research.layer_pop_m div.layer_wrap div.research_wrap ul, div.layer_pop_survey div.layer_wrap div.research_wrap dl.float_dl,
div.layer_pop.research div.layer_wrap div.research_wrap dl.float_dl,
div.research.layer_pop_m div.layer_wrap div.research_wrap dl.float_dl, div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.all_agree, div.common_layerpop div.common_layerpop_wrap div.phone_box_out,
div.common_layerpop div.common_layerpop_wrap div.id_box_out, div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap, div.phone_box_out,
div.id_box_out,
article.my_certificate_box, article.middleBanner > ul, div.banner_admin_wrap div.banner_admin section.ba_view, div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.btn_group, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.btn_group, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li, div.preview div.event_bottom_banner_type article .wrap_1024, div.preview div.wafull_Intro_top_banner .ban_ac, div.banner_status dl.banner_status_dl, div.product_admin_wrap div.product_admin section.pa_view, div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li, div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.btn_group, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap, aside.pc_top_benefit ul.top_layer_evn_list, aside.add_aside ul.add_aside_ul, aside.g_mobile_wrap article.g_quick_link ul {
  *zoom: 1; }

header.g_header ul.g_sitezone:before, nav.all_category ul.all_category_dp1 > li ul.all_category_dp2:before, nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3:before, nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc:before, nav.all_category.view_all ul.all_category_dp1:before,
div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1:before, nav.all_sub_navi ul.all_sub_navi_ul:before, .footmark:before, div.all_wrap div.wrap_1024:before, div.layer_pop_survey div.layer_wrap div.research_wrap ul:before,
div.layer_pop.research div.layer_wrap div.research_wrap ul:before,
div.research.layer_pop_m div.layer_wrap div.research_wrap ul:before, div.layer_pop_survey div.layer_wrap div.research_wrap dl.float_dl:before,
div.layer_pop.research div.layer_wrap div.research_wrap dl.float_dl:before,
div.research.layer_pop_m div.layer_wrap div.research_wrap dl.float_dl:before, div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.all_agree:before, div.common_layerpop div.common_layerpop_wrap div.phone_box_out:before,
div.common_layerpop div.common_layerpop_wrap div.id_box_out:before, div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap:before, div.phone_box_out:before,
div.id_box_out:before,
article.my_certificate_box:before, article.middleBanner > ul:before, div.banner_admin_wrap div.banner_admin section.ba_view:before, div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.btn_group:before, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.btn_group:before, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap:before, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:before, div.preview div.event_bottom_banner_type article .wrap_1024:before, div.preview div.wafull_Intro_top_banner .ban_ac:before, div.banner_status dl.banner_status_dl:before, div.product_admin_wrap div.product_admin section.pa_view:before, div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li:before, div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.btn_group:before, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap:before, aside.pc_top_benefit ul.top_layer_evn_list:before, aside.add_aside ul.add_aside_ul:before, aside.g_mobile_wrap article.g_quick_link ul:before, header.g_header ul.g_sitezone:after, nav.all_category ul.all_category_dp1 > li ul.all_category_dp2:after, nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3:after, nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc:after, nav.all_category.view_all ul.all_category_dp1:after,
div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1:after, nav.all_sub_navi ul.all_sub_navi_ul:after, .footmark:after, div.all_wrap div.wrap_1024:after, div.layer_pop_survey div.layer_wrap div.research_wrap ul:after,
div.layer_pop.research div.layer_wrap div.research_wrap ul:after,
div.research.layer_pop_m div.layer_wrap div.research_wrap ul:after, div.layer_pop_survey div.layer_wrap div.research_wrap dl.float_dl:after,
div.layer_pop.research div.layer_wrap div.research_wrap dl.float_dl:after,
div.research.layer_pop_m div.layer_wrap div.research_wrap dl.float_dl:after, div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.all_agree:after, div.common_layerpop div.common_layerpop_wrap div.phone_box_out:after,
div.common_layerpop div.common_layerpop_wrap div.id_box_out:after, div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap:after, div.phone_box_out:after,
div.id_box_out:after,
article.my_certificate_box:after, article.middleBanner > ul:after, div.banner_admin_wrap div.banner_admin section.ba_view:after, div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.btn_group:after, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.btn_group:after, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap:after, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:after, div.preview div.event_bottom_banner_type article .wrap_1024:after, div.preview div.wafull_Intro_top_banner .ban_ac:after, div.banner_status dl.banner_status_dl:after, div.product_admin_wrap div.product_admin section.pa_view:after, div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li:after, div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.btn_group:after, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap:after, aside.pc_top_benefit ul.top_layer_evn_list:after, aside.add_aside ul.add_aside_ul:after, aside.g_mobile_wrap article.g_quick_link ul:after {
  content: "";
  display: table; }

header.g_header ul.g_sitezone:after, nav.all_category ul.all_category_dp1 > li ul.all_category_dp2:after, nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3:after, nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc:after, nav.all_category.view_all ul.all_category_dp1:after,
div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1:after, nav.all_sub_navi ul.all_sub_navi_ul:after, .footmark:after, div.all_wrap div.wrap_1024:after, div.layer_pop_survey div.layer_wrap div.research_wrap ul:after,
div.layer_pop.research div.layer_wrap div.research_wrap ul:after,
div.research.layer_pop_m div.layer_wrap div.research_wrap ul:after, div.layer_pop_survey div.layer_wrap div.research_wrap dl.float_dl:after,
div.layer_pop.research div.layer_wrap div.research_wrap dl.float_dl:after,
div.research.layer_pop_m div.layer_wrap div.research_wrap dl.float_dl:after, div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.all_agree:after, div.common_layerpop div.common_layerpop_wrap div.phone_box_out:after,
div.common_layerpop div.common_layerpop_wrap div.id_box_out:after, div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap:after, div.phone_box_out:after,
div.id_box_out:after,
article.my_certificate_box:after, article.middleBanner > ul:after, div.banner_admin_wrap div.banner_admin section.ba_view:after, div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.btn_group:after, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.btn_group:after, div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap:after, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:after, div.preview div.event_bottom_banner_type article .wrap_1024:after, div.preview div.wafull_Intro_top_banner .ban_ac:after, div.banner_status dl.banner_status_dl:after, div.product_admin_wrap div.product_admin section.pa_view:after, div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li:after, div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.btn_group:after, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap:after, aside.pc_top_benefit ul.top_layer_evn_list:after, aside.add_aside ul.add_aside_ul:after, aside.g_mobile_wrap article.g_quick_link ul:after {
  clear: both; }

aside.g_my_quick p.g_my_quick_myphoto {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 20px auto; }
  aside.g_my_quick p.g_my_quick_myphoto > img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
  aside.g_my_quick p.g_my_quick_myphoto > button {
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 80%;
    border-radius: 80%;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background: #fff;
    color: #383838;
    opacity: 0.7;
    filter: alpha(opacity=70);
    border: none;
    text-align: center;
    font-size: 15px; }
    aside.g_my_quick p.g_my_quick_myphoto > button i {
      display: block; }
    aside.g_my_quick p.g_my_quick_myphoto > button:hover {
      opacity: 1;
      filter: alpha(opacity=100); }

section.top_ban div.pager_wrap_sub_top {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10; }
  @media (max-width: 960px) {
    section.top_ban div.pager_wrap_sub_top {
      bottom: 0; } }
  section.top_ban div.pager_wrap_sub_top > ul.lSPager {
    display: inline-block;
    margin: 0 10px 0 0; }
  section.top_ban div.pager_wrap_sub_top button {
    display: inline-block;
    color: #000;
    font-size: 10px;
    border: none;
    background: none;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 3px; }
    @media (max-width: 960px) {
      section.top_ban div.pager_wrap_sub_top button {
        margin-bottom: 0; } }
    section.top_ban div.pager_wrap_sub_top button i {
      display: inline; }

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

/*_placeholder2.scss*/
div.banner_admin_wrap div.banner_admin section.ba_view article h3.ba_h, div.product_admin_wrap div.product_admin section.pa_view article h3.pa_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.banner_admin_wrap div.banner_admin section.ba_view article h3.ba_h, div.product_admin_wrap div.product_admin section.pa_view article h3.pa_h {
      margin: 50px 0 0 0;
      font-size: 17px;
      border-bottom: 3px solid #0b71b9; } }

/*_placeholder3.scss*/
div.layer_pop_survey div.layer_wrap div.research_wrap dl,
div.layer_pop.research div.layer_wrap div.research_wrap dl,
div.research.layer_pop_m div.layer_wrap div.research_wrap dl {
  padding: 5px 0 0 3px; }
  div.layer_pop_survey div.layer_wrap div.research_wrap dl dt, div.layer_pop.research div.layer_wrap div.research_wrap dl dt, div.research.layer_pop_m div.layer_wrap div.research_wrap dl dt {
    display: inline-block;
    font-size: 12px;
    font-size: 0.78rem;
    color: #666; }
  div.layer_pop_survey div.layer_wrap div.research_wrap dl dd, div.layer_pop.research div.layer_wrap div.research_wrap dl dd, div.research.layer_pop_m div.layer_wrap div.research_wrap dl dd {
    display: inline-block;
    margin: 0 10px 0 0; }
    div.layer_pop_survey div.layer_wrap div.research_wrap dl dd a, div.layer_pop.research div.layer_wrap div.research_wrap dl dd a, div.research.layer_pop_m div.layer_wrap div.research_wrap dl dd a {
      color: #000;
      vertical-align: -1px; }

/*_font.scss*/
/** Noto Sans Kr 웹폰트 설정 **/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: local(NotoSansKR-Thin), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Thin.eot) format("eot"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Thin.eot?#iefix) format("embedded-opentype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Thin.woff) format("woff"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Thin.woff2) format("woff2"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Thin.ttf) format("truetype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Thin.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local(NotoSansKR-Light), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Light.eot) format("eot"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Light.eot?#iefix) format("embedded-opentype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Light.woff) format("woff"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Light.woff2) format("woff2"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Light.ttf) format("truetype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Light.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local(NotoSansKR-Regular), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Regular.eot) format("eot"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Regular.eot?#iefix) format("embedded-opentype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Regular.woff) format("woff"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Regular.woff2) format("woff2"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Regular.ttf) format("truetype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Regular.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local(NotoSansKR-Medium), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.eot) format("eot"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.eot?#iefix) format("embedded-opentype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.woff) format("woff"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.woff2) format("woff2"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.ttf) format("truetype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 600;
  src: local(NotoSansKR-Medium), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.eot) format("eot"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.eot?#iefix) format("embedded-opentype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.woff) format("woff"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.woff2) format("woff2"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.ttf) format("truetype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Medium.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: bold;
  src: local(NotoSansKR-Bold), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Bold.eot) format("eot"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Bold.eot?#iefix) format("embedded-opentype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Bold.woff) format("woff"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Bold.woff2) format("woff2"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Bold.ttf) format("truetype"), url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR-Bold.otf) format("opentype"); }

@font-face {
  font-family: 'icomoon';
  src: url("https://wdr.ubion.co.kr/Wowpass/_inc/font/icomoon.eot?im4p6v"), url("https://wdr.ubion.co.kr/Wowpass/_inc/font/icomoon.eot?im4p6v#iefix") format("embedded-opentype"), url("https://wdr.ubion.co.kr/Wowpass/_inc/font/icomoon.ttf?im4p6v") format("truetype"), url("https://wdr.ubion.co.kr/Wowpass/_inc/font/icomoon.woff?im4p6v") format("woff"), url("https://wdr.ubion.co.kr/Wowpass/_inc/font/icomoon.svg?im4p6v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

i {
  font-family: 'icomoon';
  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-"]:before, [class*=" icon-"]:before {
  font-family: 'icomoon';
  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; }

/*_icons.scss*/
i.icon-menubar {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #424242;
  -webkit-mask-image: url(../../img/icon_menubar.svg);
  mask-image: url(../../img/icon_menubar.svg);
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  vertical-align: middle; }
  @media screen\0 {
    i.icon-menubar {
      background: url(../../img/icon_menubar.png) no-repeat 0 0;
      background-size: 100% auto; } }

i.icon-newwindow {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #59718b;
  -webkit-mask-image: url(../../img/icon_newwindow.svg);
  mask-image: url(../../img/icon_newwindow.svg);
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  vertical-align: middle; }
  @media screen\0 {
    i.icon-newwindow {
      background: url(../../img/icon_newwindow.png) no-repeat 0 0;
      background-size: 100% auto; } }

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

/*_forms.scss*/
div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table {
  width: 100%;
  margin: 0 0 80px 0; }
  @media (max-width: 960px) {
    div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table {
      margin: 0 0 50px 0;
      font-size: 12px; } }
  div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table caption, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table caption {
    display: none; }
  div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table tr:hover, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table tr:hover {
    background: #fff; }
  div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table th, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table th {
    background: #aab4bd;
    color: #fff;
    padding: 10px;
    text-align: center; }
    @media (max-width: 960px) {
      div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table th, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table th {
        padding: 10px 2px 10px 2px; } }
  div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td {
    border-bottom: 1px solid #dddddd;
    color: #aab4bd;
    padding: 10px;
    text-align: center; }
    @media (max-width: 960px) {
      div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td {
        padding: 10px 5px 10px 5px; } }
    div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td a, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td a {
      color: #666; }
      div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td a:hover, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td a:hover {
        text-decoration: underline; }
    div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td.td_title, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td.td_title {
      text-align: left; }
    div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td.lec_title, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td.lec_title {
      text-align: left;
      font-size: 15px;
      color: #424242;
      padding: 10px 0 10px 20px; }
    div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td p strong, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td p strong, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td p a, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td p a {
      display: block;
      margin: 0 0 3px 0;
      font-weight: normal;
      font-size: 15px;
      color: #424242; }
    div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td p a, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td p a {
      display: block;
      margin: 0 0 7px 0;
      font-weight: normal;
      font-size: 15px;
      color: #424242; }
      div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td p a:hover, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td p a:hover {
        text-decoration: underline; }
    div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_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) {
        div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_flie {
          width: 23px;
          height: 23px;
          font-size: 17px; } }
      div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play.sample_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play.sample_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie.sample_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_flie.sample_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie.download_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_flie.download_play {
        font-size: 22px; }
      @media (max-width: 960px) {
        div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_flie {
          font-size: 17px; } }
      div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play:hover, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play:hover, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play:hover, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play:hover, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie:hover, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_flie:hover {
        color: #424242; }
      div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.sample_play i, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.sample_play i, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_play i, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_play i, div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td > button.download_flie i, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td > button.download_flie i {
        display: block; }
    div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td button.download_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td button.download_play {
      font-size: 19px; }
      @media (max-width: 480px) {
        div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td button.download_play, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td button.download_play {
          font-size: 16px; } }
      div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td button.download_play i, div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td button.download_play i {
        color: #5f5f5f; }

div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap, div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.select_wrap, div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap, div.phone_box_out div.select_wrap,
div.id_box_out div.select_wrap,
article.my_certificate_box 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.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap:before, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap:before, div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.select_wrap:before, div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap:before, div.phone_box_out div.select_wrap:before,
  div.id_box_out div.select_wrap:before,
  article.my_certificate_box 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.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.on.select_wrap, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.on.select_wrap, div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.on.select_wrap,
  div.common_layerpop div.common_layerpop_wrap div.id_box_out div.on.select_wrap, div.phone_box_out div.on.select_wrap,
  div.id_box_out div.on.select_wrap,
  article.my_certificate_box div.on.select_wrap {
    border: 2px solid #5391d5;
    background: #5391d5; }
    div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.on.select_wrap label, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.on.select_wrap label, div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.on.select_wrap label, div.common_layerpop div.common_layerpop_wrap div.id_box_out div.on.select_wrap label, div.phone_box_out div.on.select_wrap label, div.id_box_out div.on.select_wrap label, article.my_certificate_box div.on.select_wrap label {
      color: #fff; }
    div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.on.select_wrap:before, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.on.select_wrap:before, div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.on.select_wrap:before,
    div.common_layerpop div.common_layerpop_wrap div.id_box_out div.on.select_wrap:before, div.phone_box_out div.on.select_wrap:before,
    div.id_box_out div.on.select_wrap:before,
    article.my_certificate_box div.on.select_wrap:before {
      border-top: 5px solid #fff; }
  div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.off.select_wrap, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.off.select_wrap, div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.off.select_wrap,
  div.common_layerpop div.common_layerpop_wrap div.id_box_out div.off.select_wrap, div.phone_box_out div.off.select_wrap,
  div.id_box_out div.off.select_wrap,
  article.my_certificate_box div.off.select_wrap {
    background: #dddddd;
    opacity: 0.5;
    filter: alpha(opacity=50); }
  div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap label, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap label, div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.select_wrap label, div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap label, div.phone_box_out div.select_wrap label, div.id_box_out div.select_wrap label, article.my_certificate_box 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.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap label, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap label, div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.select_wrap label, div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap label, div.phone_box_out div.select_wrap label, div.id_box_out div.select_wrap label, article.my_certificate_box div.select_wrap label {
        padding: 12px 0 0 0; } }
  div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap select, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap select, div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.select_wrap select, div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap select, div.phone_box_out div.select_wrap select, div.id_box_out div.select_wrap select, article.my_certificate_box 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.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap 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.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap {
      width: 100%;
      margin: 0 0 5px 0;
      background-color: #FFF; } }
  div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap label, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap label {
    padding: 3px 8px 5px; }
    @media (max-width: 960px) {
      div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap label, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap label {
        padding: 7px 8px 5px;
        font-size: 11px; } }
  div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap select, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap select {
    padding: 3px 10px 5px;
    border-color: #c6c8cd; }

div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box {
  width: auto;
  height: auto;
  float: right;
  text-align: center; }
  @media (max-width: 480px) {
    div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box {
      width: 50%; } }
  div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input#search, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap 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.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input#search, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input#search {
        width: 70%;
        padding: 10px; } }
  div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap 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.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input.board_btn_search {
        height: 35px; } }
    @media (max-width: 480px) {
      div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input.board_btn_search {
        width: 30%;
        height: 35px;
        padding: 5px 0; } }
    div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search:hover, div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap 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; } }

/*_header.scss*/
* .icon-Squarecap:before {
  content: "\e600"; }

* .icon-btm_arrow:before {
  content: "\e606"; }

* .icon-btm_arrow_thin:before {
  content: "\e607"; }

* .icon-top-arrow:before {
  content: "\e608"; }

* .icon-top_arrow_thin:before {
  content: "\e609"; }

* .icon-book:before {
  content: "\e60a"; }

* .icon-left-arrow:before {
  content: "\e610"; }

* .icon-left_arrow_thin:before {
  content: "\e611"; }

* .icon-right_arrow2:before {
  content: "\e612"; }

* .icon-right_arrow_thin:before {
  content: "\e613"; }

* .icon-check:before {
  content: "\e614"; }

* .icon-check2:before {
  content: "\e615"; }

* .icon-close:before {
  content: "\e616"; }

* .icon-cross_thin:before {
  content: "\e617"; }

* .icon-plus:before {
  content: "\e618"; }

* .icon-plus2:before {
  content: "\e619"; }

* .icon-cart3:before {
  content: "\e622"; }

* .icon-cart_minus:before {
  content: "\e624"; }

* .icon-date:before {
  content: "\e626"; }

* .icon-flag1:before {
  content: "\e628"; }

* .icon-heart:before {
  content: "\e630"; }

* .icon-home:before {
  content: "\e631"; }

* .icon-like:before {
  content: "\e635"; }

* .icon-map:before {
  content: "\e637"; }

* .icon-memo:before {
  content: "\e639"; }

* .icon-menu:before {
  content: "\e63a"; }

* .icon-newlec:before {
  content: "\e640"; }

* .icon-pac:before {
  content: "\e644"; }

* .icon-pencil:before {
  content: "\e646"; }

* .icon-person:before {
  content: "\e647"; }

* .icon-play:before {
  content: "\e649"; }

* .icon-printer:before {
  content: "\e655"; }

* .icon-refer:before {
  content: "\e656"; }

* .icon-search:before {
  content: "\e658"; }

* .icon-setup:before {
  content: "\e659"; }

* .icon-speaker:before {
  content: "\e660"; }

* .icon-star2:before {
  content: "\e663"; }

* .icon-trophy:before {
  content: "\e666"; }

* .icon-new:before {
  content: "\e673"; }

* .icon-payback1:before {
  content: "\e674"; }

* .icon-payback2:before {
  content: "\e675"; }

* .icon-sale1:before {
  content: "\e676"; }

* .icon-sale2:before {
  content: "\e677"; }

* .icon-sale3:before {
  content: "\e678"; }

* .icon-download_file:before {
  content: "\e902 "; }

* .icon-mic:before {
  content: "\e910"; }

* .icon-download:before {
  content: "\e648"; }

* .icon-play2:before {
  content: "\e906"; }

* .icon-warning39:before {
  content: "\e907"; }

* .icon-warning9:before {
  content: "\e907"; }

* .icon-supermarket20:before {
  content: "\e908"; }

* .icon-clipboard52:before {
  content: "\e90e"; }

* .icon-left_arrow:before {
  content: "\e914"; }

* .icon-right_arrow:before {
  content: "\e915"; }

* .icon-down_arrow:before {
  content: "\e927"; }

* .icon-floppydisk2:before {
  content: "\e916"; }

* .icon-twitter:before {
  content: "\e917"; }

* .icon-kakao:before {
  content: "\e918"; }

* .icon-facebook:before {
  content: "\e919"; }

* .icon-play_complete:before {
  content: "\e928"; }

* .icon-play_ing:before {
  content: "\e929"; }

* .icon-youtube:before {
  content: "\e91a"; }

* .icon-speech-bubble:before {
  content: "\e91b"; }

* .icon-star:before {
  content: "\e91c"; }

* .icon-naver:before {
  content: "\e91d"; }

* .icon-left-arrow-double:before {
  content: "\e91e"; }

* .icon-right_arrow2-double:before {
  content: "\e91f"; }

* .icon-arrow39:before {
  content: "\e920"; }

* .icon-arrow_down_circle:before {
  content: "\e921"; }

* .icon-box_pac:before {
  content: "\e922"; }

* .icon-up_arrow:before {
  content: "\e935"; }

* .icon-crying:before {
  content: "\e92a"; }

* .icon-savings1:before {
  content: "\e92b"; }

* .icon-maths11:before {
  content: "\e92c"; }

* .icon-dollars19:before {
  content: "\e92d"; }

* .icon-award3:before {
  content: "\e92e"; }

* .icon-curriculum2:before {
  content: "\e92f"; }

* .icon-arrow_up_circle:before {
  content: "\e923"; }

* .icon-job:before {
  content: "\e924"; }

* .icon-neutral:before {
  content: "\e925"; }

* .icon-tv:before {
  content: "\e926"; }

* .icon-books30:before {
  content: "\e930"; }

* .icon-budget2:before {
  content: "\e931"; }

* .icon-user193:before {
  content: "\e932"; }

* .icon-stopwatch:before {
  content: "\e933"; }

* .icon-recovery:before {
  content: "\e93c"; }

* .icon-confused:before {
  content: "\f100"; }

* .icon-book262:before {
  content: "\f101"; }

* .icon-light-bulb24:before {
  content: "\f102"; }

* .icon-free:before {
  content: "\f103"; }

* .icon-up-arrow_thin:before {
  content: "\f104"; }

* .icon-smartphone:before {
  content: "\e934"; }

* .icon-man-shape:before {
  content: "\f105"; }

* .icon-pause:before {
  content: "\f106"; }

* .icon-square-check:before {
  content: "\e93f"; }

* .icon-speclec:before {
  content: "\e661"; }

* .icon-d-day:before {
  content: "\e700"; }

* .icon-end-stamp:before {
  content: "\e701"; }

* .icon-refresh-button:before {
  content: "\e936"; }

* .icon-settings:before {
  content: "\e937"; }

* .icon-phone:before {
  content: "\e942"; }

* .icon-download-child:before {
  content: "\e938"; }

* .icon-lock:before {
  content: "\e939"; }

* .icon-child:before {
  content: "\e93a"; }

* .icon-headphones:before {
  content: "\e93b"; }

* .icon-buy-online:before {
  content: "\e901"; }

* .icon-wowsymbol:before {
  content: "\e93d"; }

* .icon-moocland:before {
  content: "\f01"; }

* .icon-link-symbol:before {
  content: "\f02"; }

* .icon-group-of-people-in-a-formation:before {
  content: "\f03"; }

* .icon-exit:before {
  content: "\e903"; }

* .icon-bell-o:before {
  content: "\e602"; }

header.g_header {
  position: fixed;
  top: 15px;
  left: 50%;
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 0 0 -500px;
  z-index: 900 !important; }
  @media (max-width: 1024px) {
    header.g_header {
      top: 0;
      left: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 55px;
      margin: 0;
      padding-left: 2.5%;
      text-align: left;
      background: #ffffff;
      z-index: 90 !important; } }
  @media (max-width: 960px) {
    header.g_header {
      padding: 0 1.5%; } }
  header.g_header h1 {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 140px;
    height: 28px;
    text-indent: -9999px;
    background: url(../../img/logos/BI_wowpass.png) no-repeat 0 0;
    background-image: url(../../img/logos/BI_wowpass.svg);
    background-size: auto 100%; }
    @media (max-width: 960px) {
      header.g_header h1 {
        width: 120px;
        height: 55px;
        background-size: auto 23px;
        background-position: 10px 17px; } }
    @media (max-width: 480px) {
      header.g_header h1 {
        width: 108px;
        background-size: auto 20px;
        background-position: 10px 20px; } }
    @media (max-width: 320px) {
      header.g_header h1 {
        width: 85px;
        background-size: auto 16px; } }
    header.g_header h1 a {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
      color: transparent;
      font: 0/0 a;
      text-shadow: none; }
    @media \0screen {
      header.g_header h1 {
        background: url(../../img/logos/logo_wowpass.png) no-repeat 0 0;
        background-size: auto 100%; } }
    header.g_header h1.logo_finance {
      width: 200px;
      background-image: url(../../img/logos/logo_wowpass_finance.svg); }
      @media (max-width: 960px) {
        header.g_header h1.logo_finance {
          width: 165px; } }
      @media (max-width: 480px) {
        header.g_header h1.logo_finance {
          width: 145px; } }
      @media (max-width: 320px) {
        header.g_header h1.logo_finance {
          width: 118px; } }
    header.g_header h1.logo_job {
      width: 205px;
      background-image: url(../../img/logos/logo_wowpass_job.svg); }
      @media \0screen {
        header.g_header h1.logo_job {
          background-position: auto 40px; } }
      @media (max-width: 960px) {
        header.g_header h1.logo_job {
          width: 170px; } }
      @media (max-width: 480px) {
        header.g_header h1.logo_job {
          width: 147px; } }
      @media (max-width: 320px) {
        header.g_header h1.logo_job {
          width: 120px; } }
    header.g_header h1.logo_ailab {
      width: 225px;
      background-image: url(../../img/logos/logo_wowpass_ailab.svg); }
      @media \0screen {
        header.g_header h1.logo_ailab {
          background-position: auto 80px; } }
      @media (max-width: 960px) {
        header.g_header h1.logo_ailab {
          width: 190px; } }
      @media (max-width: 480px) {
        header.g_header h1.logo_ailab {
          width: 160px; } }
      @media (max-width: 320px) {
        header.g_header h1.logo_ailab {
          width: 135px; } }
  header.g_header ul.g_sitezone {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: auto;
    margin-left: 5px;
    vertical-align: middle; }
    @media (max-width: 960px) {
      header.g_header ul.g_sitezone {
        display: block;
        margin-top: 0;
        margin-left: 0;
        padding-top: 10px; } }
    @media (max-width: 480px) {
      header.g_header ul.g_sitezone {
        padding-top: 6px; } }
    header.g_header ul.g_sitezone li {
      float: left;
      position: relative; }
      header.g_header ul.g_sitezone li.hide {
        display: none; }
      header.g_header ul.g_sitezone li a {
        display: block;
        width: auto;
        height: 25px;
        padding: 2px 10px 0;
        text-align: center;
        font-family: 'Noto Sans KR';
        font-weight: 400;
        font-size: 13px;
        font-size: 0.845rem;
        color: #5a5960; }
        @media (max-width: 960px) {
          header.g_header ul.g_sitezone li a {
            height: 25px;
            padding: 0 10px;
            font-size: 13px;
            font-size: 0.845rem; } }
        @media (max-width: 480px) {
          header.g_header ul.g_sitezone li a {
            height: 18px;
            padding: 0 5px;
            font-size: 12px;
            font-size: 0.78rem;
            font-weight: 500; } }
        @media (max-width: 320px) {
          header.g_header ul.g_sitezone li a {
            height: 14px;
            font-size: 11px;
            font-size: 0.715rem; } }
        header.g_header ul.g_sitezone li a:hover {
          color: #0b71b9; }
          header.g_header ul.g_sitezone li a:hover i.icon-newwindow {
            background-color: #0b71b9; }
        header.g_header ul.g_sitezone li a span.on_w {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          zoom: 1;
          *display: inline; }
          @media (max-width: 320px) {
            header.g_header ul.g_sitezone li a span.on_w {
              display: none; } }
        header.g_header ul.g_sitezone li a i.icon-newwindow {
          width: 13px;
          height: 13px;
          margin: -2px 0 0 4px; }
          @media (max-width: 960px) {
            header.g_header ul.g_sitezone li a i.icon-newwindow {
              width: 12px;
              height: 12px;
              margin: -1px 0 0 3px; } }
          @media (max-width: 320px) {
            header.g_header ul.g_sitezone li a i.icon-newwindow {
              width: 11px;
              height: 11px;
              margin: -1px 0 0 2px; } }

@-webkit-keyframes LinkOn {
  0% {
    top: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    top: -3px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@-moz-keyframes LinkOn {
  0% {
    top: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0); }
  100% {
    top: -3px;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(0.75); } }

@-ms-keyframes LinkOn {
  header.g_header ul.g_sitezone li 0% {
    top: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: scale(0);
    transform: scale(0); }
  header.g_header ul.g_sitezone li 100% {
    top: -3px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: scale(0.75);
    transform: scale(0.75); } }

@-o-keyframes LinkOn {
  0% {
    top: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0); }
  100% {
    top: -3px;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(0.75); } }

@keyframes LinkOn {
  0% {
    top: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    top: -3px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }
      header.g_header ul.g_sitezone li:before {
        content: "";
        display: block;
        position: absolute;
        top: 7px;
        left: 0;
        width: 1px;
        height: 13px;
        background: #dddddd; }
        @media (max-width: 480px) {
          header.g_header ul.g_sitezone li:before {
            top: 7px;
            height: 8px; } }
    header.g_header ul.g_sitezone li:first-child::before {
      display: none; }
  header.g_header button.g_cate_btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    font-size: 21px;
    color: #5f5f5f;
    text-align: center;
    border: none;
    background: none;
    outline: none; }
    @media (max-width: 1024px) {
      header.g_header button.g_cate_btn {
        display: block; } }
    header.g_header button.g_cate_btn i.icon-menubar {
      width: 23px;
      height: 23px;
      background-color: #59718b; }
      @media (max-width: 320px) {
        header.g_header button.g_cate_btn i.icon-menubar {
          width: 20px;
          height: 20px; } }
  header.g_header button.g_my_quick_btn {
    display: none; }
    @media (max-width: 1024px) {
      header.g_header button.g_my_quick_btn {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 55px;
        height: 55px;
        background: url(../../img/ic_mo_quick_btn.png) no-repeat center;
        background-size: 20px 20px;
        text-indent: -9999px;
        border: none; } }

header.mp_header, header.sp_header {
  width: 100%;
  min-width: 1000px;
  height: 115px;
  margin: 135px auto 0 auto;
  padding: 35px 0 0 0;
  border-bottom: 1px solid #ebecee;
  background: #fff; }
  @media (max-width: 1024px) {
    header.mp_header, header.sp_header {
      position: relative;
      min-width: 100%;
      height: 55px;
      text-align: center;
      color: #fff;
      background: #2b5480;
      margin: 55px auto 0 auto;
      padding: 0;
      border-bottom: none; } }
  header.mp_header h2, header.sp_header h2 {
    font-size: 32px;
    font-size: 2.08rem;
    letter-spacing: -1px;
    font-weight: normal;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      header.mp_header h2, header.sp_header h2 {
        margin: 0;
        font-size: 16px;
        font-size: 1.04rem;
        padding: 17px 0 0 0;
        line-height: 22px; } }
  header.mp_header button.btn_m_header_back, header.sp_header button.btn_m_header_back {
    display: none; }
    @media (max-width: 1024px) {
      header.mp_header button.btn_m_header_back, header.sp_header button.btn_m_header_back {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        border: none;
        background: none;
        height: 55px; }
        header.mp_header button.btn_m_header_back i, header.sp_header button.btn_m_header_back i {
          margin: 0 5px 0 0;
          vertical-align: text-align; } }

header.sp_header {
  position: relative;
  padding: 30px 0 0 0;
  background: #fff; }
  @media (max-width: 1024px) {
    header.sp_header {
      background: #2b5480; } }
  header.sp_header h2.sp_h2 {
    font-size: 17px;
    line-height: 12px; }
    @media (max-width: 1024px) {
      header.sp_header h2.sp_h2 {
        display: none; } }
  header.sp_header h1.sp_h1 {
    font-size: 32px;
    font-size: 2.08rem;
    letter-spacing: -1px;
    font-weight: normal;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      header.sp_header h1.sp_h1 {
        position: absolute;
        top: 0;
        margin: 0;
        font-size: 16px;
        font-size: 1.04rem;
        padding: 17px 0 0 0;
        line-height: 22px;
        cursor: pointer; }
        header.sp_header h1.sp_h1 span {
          display: inline-block;
          max-width: 200px;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; } }
    @media (max-width: 1024px) {
      header.sp_header h1.sp_h1 > button,
      header.sp_header h1.sp_h1 > span {
        height: 25px;
        vertical-align: middle; } }
  header.sp_header button.btn_m_sub_nav {
    display: none; }
    @media (max-width: 960px) {
      header.sp_header button.btn_m_sub_nav {
        display: inline-block;
        text-align: left;
        padding: 0;
        background: none;
        border: none; } }
  header.sp_header button.btn_m_sub_nav_c {
    display: none; }
    @media (max-width: 960px) {
      header.sp_header button.btn_m_sub_nav_c {
        background: none;
        border: none;
        text-align: left;
        padding: 0; } }

/*_navigation.scss*/
nav.m_g_nav, nav.m_g_nav_dp2 {
  visibility: hidden;
  position: absolute;
  top: -100%;
  width: 100%;
  max-width: 960px;
  overflow-x: hidden; }
  @media (max-width: 1024px) {
    nav.m_g_nav, nav.m_g_nav_dp2 {
      position: static;
      visibility: visible;
      max-width: 100%; }
      nav.m_g_nav ul.g_nav_depth1, nav.m_g_nav_dp2 ul.g_nav_depth1 {
        text-align: center;
        background: #ebecee; }
        nav.m_g_nav ul.g_nav_depth1 > li, nav.m_g_nav_dp2 ul.g_nav_depth1 > li {
          display: inline-block; }
          nav.m_g_nav ul.g_nav_depth1 > li > a, nav.m_g_nav_dp2 ul.g_nav_depth1 > li > a {
            display: block;
            min-width: 80px;
            height: 50px;
            padding: 16px 10px 0;
            font-size: 14px;
            font-size: 0.91rem;
            font-weight: bold;
            letter-spacing: -1.2px;
            color: #000;
            color: #424242; } }
        @media only screen and (max-width: 1024px) and (max-width: 320px) {
          nav.m_g_nav ul.g_nav_depth1 > li > a > span, nav.m_g_nav_dp2 ul.g_nav_depth1 > li > a > span {
            display: block;
            margin: -5px 0 6px 0; } }
        @media (max-width: 1024px) and (max-width: 767px) {
          nav.m_g_nav ul.g_nav_depth1 > li > a, nav.m_g_nav_dp2 ul.g_nav_depth1 > li > a {
            min-width: 60px;
            padding: 17px 5px 0;
            font-size: 13px; } }
        @media (max-width: 1024px) and (max-width: 320px) {
          nav.m_g_nav ul.g_nav_depth1 > li > a, nav.m_g_nav_dp2 ul.g_nav_depth1 > li > a {
            min-width: 55px;
            padding: 17px 2px 0 2px;
            font-size: 11px;
            font-size: 0.715rem;
            font-weight: normal; } }
  @media (max-width: 1024px) {
            nav.m_g_nav ul.g_nav_depth1 > li > a:hover, nav.m_g_nav_dp2 ul.g_nav_depth1 > li > a:hover {
              background: #fff; }
          nav.m_g_nav ul.g_nav_depth1 > li.on > a, nav.m_g_nav_dp2 ul.g_nav_depth1 > li.on > a {
            background: #fff; }
          nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out {
            z-index: 1;
            visibility: hidden;
            position: absolute;
            width: 100%;
            height: 50px;
            top: 160px;
            left: 0;
            color: #666;
            background: #fff; } }
        @media (max-width: 1024px) and (max-width: 960px) {
          nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out {
            top: 190px; } }
        @media (max-width: 1024px) and (max-width: 767px) {
          nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out {
            top: 173px; } }
        @media (max-width: 1024px) and (max-width: 480px) {
          nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out {
            top: 160px; } }
  @media (max-width: 1024px) {
            nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out a, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out a {
              color: #666;
              display: block;
              text-align: center;
              font-size: 15px;
              letter-spacing: -1px;
              width: auto;
              height: 50px;
              padding: 16px 0 0 0; } }
          @media (max-width: 1024px) and (max-width: 767px) {
            nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out a, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out a {
              font-size: 14px;
              padding: 17px 0 0 0; } }
  @media (max-width: 1024px) {
            nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out > div.lSSlideOuter > div.lSSlideWrapper, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out > div.lSSlideOuter > div.lSSlideWrapper {
              height: 50px; }
              nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out > div.lSSlideOuter > div.lSSlideWrapper > div.lSAction a.lSPrev, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out > div.lSSlideOuter > div.lSSlideWrapper > div.lSAction a.lSPrev {
                position: absolute;
                top: 17px;
                left: 0;
                width: 30px;
                height: 50px;
                display: block;
                padding: 17px 0 0 0;
                text-align: left;
                background: url(../../img/gra-bg_2.png) no-repeat left;
                border: none;
                opacity: 1 !important; }
              nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out > div.lSSlideOuter > div.lSSlideWrapper > div.lSAction a.lSNext, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out > div.lSSlideOuter > div.lSSlideWrapper > div.lSAction a.lSNext {
                position: absolute;
                top: 17px;
                right: 0;
                width: 30px;
                height: 50px;
                display: block;
                padding: 17px 0 0 0;
                text-align: right;
                background: url(../../img/gra-bg_1.png) no-repeat right;
                border: none;
                opacity: 1 !important; }
            nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out ul.g_nav_depth2, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out ul.g_nav_depth2 {
              height: 100%;
              text-align: left; }
              nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out ul.g_nav_depth2 li.g_nav_depth2_li, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out ul.g_nav_depth2 li.g_nav_depth2_li {
                width: auto; }
                nav.m_g_nav ul.g_nav_depth1 > li div.g_nav_depth2_out ul.g_nav_depth2 li.g_nav_depth2_li:first-child > a, nav.m_g_nav_dp2 ul.g_nav_depth1 > li div.g_nav_depth2_out ul.g_nav_depth2 li.g_nav_depth2_li:first-child > a {
                  padding: 17px 0 0 25px; }
      nav.m_g_nav div.g_nav_contol button.g_nav_depth2_btn_back, nav.m_g_nav_dp2 div.g_nav_contol button.g_nav_depth2_btn_back {
        display: none;
        position: absolute;
        top: 160px;
        left: 0;
        width: 55px;
        height: 50px;
        text-align: left;
        background: url(../../img/gra-bg_2.png) no-repeat;
        border: none; }
      nav.m_g_nav div.g_nav_contol button.g_nav_depth2_btn_pre, nav.m_g_nav_dp2 div.g_nav_contol button.g_nav_depth2_btn_pre {
        display: none;
        position: absolute;
        top: 160px;
        right: 0;
        width: 55px;
        height: 50px;
        text-align: right;
        background: url(../../img/gra-bg_1.png) no-repeat;
        border: none; } }
  @media (max-width: 767px) {
    nav.m_g_nav ul.g_nav_depth1, nav.m_g_nav_dp2 ul.g_nav_depth1 {
      height: 50px; } }

@media (max-width: 1024px) {
  nav.m_g_nav_dp2 {
    background: #ebecee; } }

nav.m_g_nav_dp2 ul.g_nav_depth1 li.g_nav_depth1_li a {
  padding: 17px 13px 0 13px;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 100%; }

nav.m_g_nav_dp2 div.lSAction a {
  font-size: 14px;
  font-size: 0.91rem;
  top: 17px;
  width: 30px;
  height: 50px;
  padding: 17px 0 0 0;
  border: none;
  opacity: 1 !important; }
  nav.m_g_nav_dp2 div.lSAction a.lSPrev {
    left: 0; }
  nav.m_g_nav_dp2 div.lSAction a.lSNext {
    right: 0;
    text-align: right; }

nav.m_g_nav_dp3 {
  display: none; }
  @media (max-width: 1024px) {
    nav.m_g_nav_dp3 {
      display: block;
      height: 0; }
      nav.m_g_nav_dp3 ul.g_g_nav_depth2_out_ul {
        background: #fff;
        height: 50px; }
        nav.m_g_nav_dp3 ul.g_g_nav_depth2_out_ul > li {
          visibility: hidden;
          position: absolute;
          width: 100%; }
          nav.m_g_nav_dp3 ul.g_g_nav_depth2_out_ul > li.on {
            visibility: visible; }
          nav.m_g_nav_dp3 ul.g_g_nav_depth2_out_ul > li ul.g_nav_depth2 li {
            height: 50px; }
            nav.m_g_nav_dp3 ul.g_g_nav_depth2_out_ul > li ul.g_nav_depth2 li a {
              height: 50px;
              display: block;
              padding: 17px 13px 0 13px;
              color: #999;
              font-size: 14px;
              font-size: 0.91rem;
              line-height: 100%; }
      nav.m_g_nav_dp3 div.lSAction a {
        font-size: 14px;
        font-size: 0.91rem;
        top: 17px;
        width: 30px;
        height: 50px;
        padding: 17px 0 0 0;
        border: none;
        opacity: 1 !important; }
        nav.m_g_nav_dp3 div.lSAction a.lSPrev {
          left: 0;
          background: url(../../img/gra-bg_2.png) no-repeat left; }
        nav.m_g_nav_dp3 div.lSAction a.lSNext {
          right: 0;
          background: url(../../img/gra-bg_1.png) no-repeat right;
          text-align: right; } }

nav.all_category {
  z-index: 11;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  min-width: 1000px;
  min-width: 960px;
  height: 60px;
  background: #0b71b9;
  font-family: 'Noto Sans KR';
  font-weight: normal; }
  @media (max-width: 1024px) {
    nav.all_category {
      display: none;
      z-index: 115;
      top: 0;
      left: 0;
      width: 100%;
      min-width: 100%;
      height: 100%;
      background: #fff;
      color: #383838;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      background: #2e4762; } }
  div.top_layer_down > nav.all_category {
    top: 40px; }
    @media (max-width: 1024px) {
      div.top_layer_down > nav.all_category {
        top: 0; } }
    div.top_layer_down > nav.all_category > ul.all_category_dp1 > li > div.layer_wrap {
      top: 110px; }
      @media (max-width: 1024px) {
        div.top_layer_down > nav.all_category > ul.all_category_dp1 > li > div.layer_wrap {
          top: 0; } }
      @media (max-width: 1024px) {
        div.top_layer_down > nav.all_category > ul.all_category_dp1 > li > div.layer_wrap > div.nav_depth_bg > ul.all_category_dp2 {
          padding: 165px 0 0 0; } }
  nav.all_category div.all_cate_m_myarea {
    display: none;
    position: fixed;
    z-index: 106;
    top: 0;
    left: 0;
    background: #ffffff;
    width: 100%;
    height: auto;
    padding: 0;
    background: #f9f9fa;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.075) ;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.075) ;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.075) ; }
    @media (max-width: 1024px) {
      nav.all_category div.all_cate_m_myarea {
        display: block; } }
    nav.all_category div.all_cate_m_myarea div.all_cate_nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 0 2.5%; }
      @media (max-width: 960px) {
        nav.all_category div.all_cate_m_myarea div.all_cate_nav {
          padding: 0 1.5%; } }
      nav.all_category div.all_cate_m_myarea div.all_cate_nav h1 {
        width: 120px;
        height: 55px;
        text-indent: -9999px;
        background: url(../../img/logos/BI_wowpass.png) no-repeat 10px 17px;
        background-image: url(../../img/logos/BI_wowpass.svg);
        background-size: auto 23px; }
        @media (max-width: 480px) {
          nav.all_category div.all_cate_m_myarea div.all_cate_nav h1 {
            width: 108px;
            background-size: auto 20px;
            background-position: 10px 20px; } }
        @media (max-width: 320px) {
          nav.all_category div.all_cate_m_myarea div.all_cate_nav h1 {
            width: 85px;
            background-size: auto 16px; } }
    nav.all_category div.all_cate_m_myarea div.btn_box_center {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      max-width: 480px;
      margin: 0 auto;
      padding: 5px 4% 20px; }
      nav.all_category div.all_cate_m_myarea div.btn_box_center .btn_type_01, nav.all_category div.all_cate_m_myarea div.btn_box_center .btn_type_02 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        height: 50px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        color: #ffffff;
        background: #0b71b9;
        font-size: 14px;
        font-size: 0.91rem; }
        nav.all_category div.all_cate_m_myarea div.btn_box_center .btn_type_01 i, nav.all_category div.all_cate_m_myarea div.btn_box_center .btn_type_02 i {
          margin-right: 5px;
          width: 15px;
          height: 15px; }
          nav.all_category div.all_cate_m_myarea div.btn_box_center .btn_type_01 i.icon-userline, nav.all_category div.all_cate_m_myarea div.btn_box_center .btn_type_02 i.icon-userline {
            background-color: #ffffff; }
            @media screen\0 {
              nav.all_category div.all_cate_m_myarea div.btn_box_center .btn_type_01 i.icon-userline, nav.all_category div.all_cate_m_myarea div.btn_box_center .btn_type_02 i.icon-userline {
                background-color: transparent;
                background-position: 0 -11px; } }
      nav.all_category div.all_cate_m_myarea div.btn_box_center .btn_type_02 {
        background: #5f5f5f; }
  nav.all_category h3.all_cate_tt {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 135px;
    padding: 18px 5% 0;
    height: 45px;
    font-size: 13px;
    font-size: 0.845rem;
    letter-spacing: normal;
    color: #ebecee;
    background: #2e4762; }
    nav.all_category h3.all_cate_tt i {
      margin: 0 10px 0 0;
      opacity: 0.6;
      filter: alpha(opacity=60);
      vertical-align: middle; }
    nav.all_category h3.all_cate_tt span {
      opacity: 0.8;
      filter: alpha(opacity=80); }
    @media (max-width: 1024px) {
      nav.all_category h3.all_cate_tt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  nav.all_category ul.all_category_dp1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 1000px;
    height: 60px;
    margin: 0 auto;
    padding: 0 60px 0 0;
    text-align: center; }
    @media (max-width: 1024px) {
      nav.all_category ul.all_category_dp1 {
        display: block;
        height: auto;
        max-width: 100%;
        padding: 0 0 80px; } }
    nav.all_category ul.all_category_dp1 > li {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative;
      display: block;
      height: 100%;
      margin: 0; }
      @media (max-width: 1024px) {
        nav.all_category ul.all_category_dp1 > li {
          border-bottom: 1px solid #59718b;
          margin: 0;
          text-align: left; } }
      nav.all_category ul.all_category_dp1 > li:hover {
        color: #ffffff;
        margin: 0; }
      nav.all_category ul.all_category_dp1 > li > a {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-size: 16px;
        font-size: 1.04rem;
        font-weight: 400;
        margin: 0;
        padding: 0 0 0 10px;
        text-align: left;
        color: #c0d4ea;
        opacity: 0.75;
        filter: alpha(opacity=75); }
        nav.all_category ul.all_category_dp1 > li > a > span {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: auto;
          height: 100%;
          padding-top: 6px;
          border-bottom: 6px solid #0b71b9; }
          @media (max-width: 1024px) {
            nav.all_category ul.all_category_dp1 > li > a > span {
              padding-top: 0;
              border-bottom: 0; } }
        @media (max-width: 1024px) {
          nav.all_category ul.all_category_dp1 > li > a {
            height: 55px;
            margin: 0;
            padding: 0 20px;
            text-align: left;
            font-size: 15px;
            font-size: 0.975rem;
            line-height: 17px;
            color: #fff;
            background: #2e4762;
            opacity: 1;
            filter: alpha(opacity=100); } }
        nav.all_category ul.all_category_dp1 > li > a:hover {
          color: #ffffff;
          margin: 0;
          opacity: 1;
          filter: alpha(opacity=100); }
          nav.all_category ul.all_category_dp1 > li > a:hover > span {
            border-color: #ffffff; }
          @media (max-width: 1024px) {
            nav.all_category ul.all_category_dp1 > li > a:hover {
              background: #2e4762;
              color: #ffffff;
              margin: 0; } }
      nav.all_category ul.all_category_dp1 > li.on > a {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100); }
        nav.all_category ul.all_category_dp1 > li.on > a > span {
          border-color: #ffffff; }
        @media (max-width: 1024px) {
          nav.all_category ul.all_category_dp1 > li.on > a {
            background: #2e4762;
            color: #ffffff;
            opacity: 1;
            filter: alpha(opacity=100); } }
        nav.all_category ul.all_category_dp1 > li.on > a:hover {
          margin: 0; }
          @media (max-width: 1024px) {
            nav.all_category ul.all_category_dp1 > li.on > a:hover {
              background: #2e4762;
              color: #ffffff; } }
        nav.all_category ul.all_category_dp1 > li.on > a:before {
          content: "";
          z-index: 0;
          position: absolute;
          top: 0;
          left: -20px;
          width: 18px;
          height: 18px;
          background: -webkit-linear-gradient(45deg, transparent 49%, #dddddd 50%, transparent 51%);
          background: -o-linear-gradient(45deg, transparent 49%, #dddddd 50%, transparent 51%);
          background: linear-gradient(45deg, transparent 49%, #dddddd 50%, transparent 51%);
          -webkit-animation: NanviLinkOn 0.75s ease-in 1;
          -moz-animation: NanviLinkOn 0.75s ease-in 1;
          -ms-animation: NanviLinkOn 0.75s ease-in 1;
          -o-animation: NanviLinkOn 0.75s ease-in 1;
          animation: NanviLinkOn 0.75s ease-in 1; }

@-webkit-keyframes NanviLinkOn {
  0% {
    top: -20px;
    left: -40px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    top: 0;
    left: -20px;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.9;
    filter: alpha(opacity=90); } }

@-moz-keyframes NanviLinkOn {
  0% {
    top: -20px;
    left: -40px;
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    top: 0;
    left: -20px;
    transform: scale(1);
    opacity: 0.9;
    filter: alpha(opacity=90); } }

@-ms-keyframes NanviLinkOn {
  nav.all_category ul.all_category_dp1 > li.on > a 0% {
    top: -20px;
    left: -40px;
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0); }
  nav.all_category ul.all_category_dp1 > li.on > a 100% {
    top: 0;
    left: -20px;
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.9;
    filter: alpha(opacity=90); } }

@-o-keyframes NanviLinkOn {
  0% {
    top: -20px;
    left: -40px;
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    top: 0;
    left: -20px;
    transform: scale(1);
    opacity: 0.9;
    filter: alpha(opacity=90); } }

@keyframes NanviLinkOn {
  0% {
    top: -20px;
    left: -40px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    top: 0;
    left: -20px;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.9;
    filter: alpha(opacity=90); } }
      nav.all_category ul.all_category_dp1 > li.on button.cate_slide_btn {
        -webkit-transform: rotateX(3.142rad);
        transform: rotateX(3.142rad); }
      nav.all_category ul.all_category_dp1 > li button.cate_slide_btn {
        display: none;
        position: absolute;
        width: 55px;
        height: 55px;
        text-align: center;
        color: #fff;
        top: 0;
        right: 0;
        border: none;
        background: none;
        font-size: 15px;
        opacity: 0.5;
        filter: alpha(opacity=50);
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        @media (max-width: 1024px) {
          nav.all_category ul.all_category_dp1 > li button.cate_slide_btn {
            display: block; } }
      nav.all_category ul.all_category_dp1 > li div.layer_wrap {
        z-index: 7;
        position: fixed;
        top: 120px;
        left: 0;
        display: none;
        width: 100%;
        min-width: 1000px;
        height: 100%;
        background: url(../../img/all_bg.png) repeat; }
        @media (max-width: 1024px) {
          nav.all_category ul.all_category_dp1 > li div.layer_wrap {
            position: static;
            background: none;
            min-width: 100%; } }
        nav.all_category ul.all_category_dp1 > li div.layer_wrap div.nav_depth_bg {
          z-index: 8;
          position: absolute;
          top: 0;
          left: 0;
          background: #fff;
          width: 100%;
          min-width: 1000px;
          height: auto;
          border-top: 1px solid #ffffff;
          border-bottom: 1px solid #dddddd; }
          @media (max-width: 1024px) {
            nav.all_category ul.all_category_dp1 > li div.layer_wrap div.nav_depth_bg {
              min-width: 100%;
              height: 100%;
              border-bottom: none;
              position: relative; } }
      nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        color: #666;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        padding-right: 50px;
        text-align: center; }
        @media (max-width: 1024px) {
          nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 {
            display: block;
            margin: 165px 0 0 0;
            padding: 0 !important; } }
        nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 > li {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          vertical-align: top;
          padding-left: 10px; }
          @media (max-width: 1024px) {
            nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 > li {
              display: block;
              padding: 15px 5%;
              border-bottom: 1px solid #ebecee; } }
          nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 > li:hover {
            background: #fafafa; }
            @media (max-width: 1024px) {
              nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 > li:hover {
                background: transparent; } }
          nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 > li:first-child {
            border-left: none; }
            @media (max-width: 1024px) {
              nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 > li:first-child {
                background: transparent; } }
          nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 > li h4 {
            font-size: 15px;
            text-align: left;
            padding: 15px 50px 5px 0;
            font-weight: bold; }
            @media (max-width: 1024px) {
              nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 > li h4 {
                display: block;
                font-size: 14px;
                letter-spacing: -0.5px;
                float: left;
                width: 100%;
                padding: 5px 0; } }
        nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 {
          margin: 0 0 15px 0; }
          @media (max-width: 1024px) {
            nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              width: 100%;
              padding: 5px 0;
              margin: 0;
              text-align: left; } }
          nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li {
            width: auto;
            min-width: 150px;
            height: 24px;
            text-align: left;
            position: relative; }
            @media (max-width: 1024px) {
              nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 33.3%;
                flex: 0 0 33.3%; } }
            @media (max-width: 767px) {
              nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 50%;
                flex: 0 0 50%; } }
            @media (max-width: 320px) {
              nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
            nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li a {
              position: relative;
              display: -moz-inline-stack;
              display: inline-block;
              vertical-align: top;
              zoom: 1;
              *display: inline;
              width: auto;
              height: 100%;
              font-weight: 300;
              letter-spacing: -0.05em;
              color: #424242;
              padding: 3px 3px 0 1px;
              margin-right: 50px; }
              @media (max-width: 960px) {
                nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li a {
                  padding-left: 0;
                  padding-right: 0;
                  margin-right: 0; } }
              nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li a:hover {
                font-weight: 500;
                color: #0b71b9;
                background: url(../../img/menu_dp3_on.png) repeat-x 0 12px;
                -webkit-animation: MenuDp3On 0.5s ease-in-out 1;
                -moz-animation: MenuDp3On 0.5s ease-in-out 1;
                -ms-animation: MenuDp3On 0.5s ease-in-out 1;
                -o-animation: MenuDp3On 0.5s ease-in-out 1;
                animation: MenuDp3On 0.5s ease-in-out 1; }
                @media (max-width: 960px) {
                  nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li a:hover {
                    color: #424242;
                    background: none;
                    width: 100%; } }

@-webkit-keyframes MenuDp3On {
  0% {
    background-repeat: no-repeat;
    background-size: 1% 10px; }
  100% {
    background-repeat: repeat-x;
    background-size: 100% 10px; } }

@-moz-keyframes MenuDp3On {
  0% {
    background-repeat: no-repeat;
    background-size: 1% 10px; }
  100% {
    background-repeat: repeat-x;
    background-size: 100% 10px; } }

@-ms-keyframes MenuDp3On {
  nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li 0% {
    background-repeat: no-repeat;
    background-size: 1% 10px; }
  nav.all_category ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li 100% {
    background-repeat: repeat-x;
    background-size: 100% 10px; } }

@-o-keyframes MenuDp3On {
  0% {
    background-repeat: no-repeat;
    background-size: 1% 10px; }
  100% {
    background-repeat: repeat-x;
    background-size: 100% 10px; } }

@keyframes MenuDp3On {
  0% {
    background-repeat: no-repeat;
    background-size: 1% 10px; }
  100% {
    background-repeat: repeat-x;
    background-size: 100% 10px; } }
      nav.all_category ul.all_category_dp1 > li div.wrap_1024 {
        width: 100%;
        min-width: 1000px;
        z-index: 1;
        margin: 0 auto;
        position: relative;
        background: #fafafa;
        border-top: 1px solid #ebecee;
        text-align: left; }
        @media (max-width: 1024px) {
          nav.all_category ul.all_category_dp1 > li div.wrap_1024 {
            min-width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-bottom: 1px solid #ebecee; } }
        nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc {
          position: relative;
          display: block;
          width: 1000px;
          height: 65px;
          margin: 0 auto; }
          @media (max-width: 1024px) {
            nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc {
              display: block;
              width: 100%;
              height: 50px; } }
          nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li {
            float: left; }
            @media (max-width: 1024px) {
              nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li {
                width: 50%;
                height: 50px; } }
            nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li.ban {
              position: absolute;
              right: 0;
              bottom: 0;
              width: 370px;
              height: 65px;
              overflow: hidden; }
              @media (max-width: 1024px) {
                nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li.ban {
                  width: 100%;
                  height: 65px;
                  position: relative; } }
            nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li a {
              display: block;
              margin: 10px 10px 0 0;
              padding: 10px 20px 10px 20px;
              font-size: 16px;
              color: #666;
              letter-spacing: -1px;
              border: 1px solid #fafafa; }
              @media (max-width: 1024px) {
                nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li a {
                  width: 100%;
                  height: 100%;
                  margin: 0;
                  padding: 16px 0 0 15px;
                  font-size: 13px;
                  border-right: 1px solid #ebecee;
                  border-bottom: 1px solid #ebecee;
                  border-left: 1px solid #fafafa;
                  border-top: 1px solid #fafafa; } }
              nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li a i {
                display: inline-block;
                font-size: 22px;
                opacity: 0.5;
                filter: alpha(opacity=50);
                margin: 0 7px 0 0;
                vertical-align: middle; }
                @media (max-width: 960px) {
                  nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li a i {
                    font-size: 16px; } }
              nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li a:hover {
                -webkit-border-radius: 5px;
                border-radius: 5px;
                background-clip: padding-box;
                /* stops bg color from leaking outside the border: */
                background: #fff;
                border: 1px solid #ebecee; }
                @media (max-width: 1024px) {
                  nav.all_category ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li a:hover {
                    -webkit-border-radius: 0;
                    border-radius: 0;
                    background-clip: padding-box;
                    /* stops bg color from leaking outside the border: */
                    background: none;
                    border-right: 1px solid #ebecee;
                    border-bottom: 1px solid #ebecee;
                    border-left: 1px solid #fafafa;
                    border-top: 1px solid #fafafa; } }
      nav.all_category ul.all_category_dp1 > li:nth-child(2) ul.all_category_dp2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      nav.all_category ul.all_category_dp1 > li:nth-child(3) ul.all_category_dp2 {
        padding-left: 155px; }
      nav.all_category ul.all_category_dp1 > li:nth-child(4) ul.all_category_dp2 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
      nav.all_category ul.all_category_dp1 > li:nth-child(5) ul.all_category_dp2 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
      nav.all_category ul.all_category_dp1 > li:nth-child(6) ul.all_category_dp2 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        @media (max-width: 1024px) {
          nav.all_category ul.all_category_dp1 > li:nth-child(6) ul.all_category_dp2 {
            margin: 0 !important; } }
  div.all_wrap_intro_ver2024 > nav.all_category {
    background: #ffffff; }
    @media (max-width: 1024px) {
      div.all_wrap_intro_ver2024 > nav.all_category {
        background: #2e4762; } }
    div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li:hover {
      color: #0b71b9; }
      div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li:hover a {
        color: #0b71b9; }
        div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li:hover a > span {
          border-bottom: 6px solid #0b71b9; }
          @media (max-width: 1024px) {
            div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li:hover a > span {
              border-bottom: 0; } }
      @media (max-width: 1024px) {
        div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li:hover {
          background: #2e4762;
          color: #fff; }
          div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li:hover a {
            color: #fff; } }
    div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li > a {
      color: #424242;
      opacity: 1;
      filter: alpha(opacity=100); }
      div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li > a > span {
        border-color: #ffffff; }
      @media (max-width: 1024px) {
        div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li > a {
          color: #fff;
          background: #2e4762; } }
      div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li > a:hover {
        color: #0b71b9; }
        div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li > a:hover > span {
          border-color: #0b71b9; }
        @media (max-width: 1024px) {
          div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li > a:hover {
            background: #2e4762;
            color: #fff; } }
    div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li.on > a {
      opacity: 1;
      filter: alpha(opacity=100); }
      div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li.on > a > span {
        border-color: #ffffff; }
      div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li.on > a:hover {
        color: #2e4762; }
        div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li.on > a:hover > span {
          border-color: #0b71b9; }
      @media (max-width: 1024px) {
        div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li.on > a {
          background: #2e4762;
          color: #fff; }
          div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li.on > a:hover {
            background: #2e4762;
            color: #fff; } }
      div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li.on > a:before {
        display: none; }
    div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li button.cate_slide_btn {
      display: none;
      position: absolute;
      width: 55px;
      height: 55px;
      text-align: center;
      color: #fff;
      top: 0;
      right: 0;
      border: none;
      background: none;
      font-size: 15px;
      opacity: 0.5;
      filter: alpha(opacity=50); }
      @media (max-width: 1024px) {
        div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li button.cate_slide_btn {
          display: block; } }
    div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li div.layer_wrap {
      background: url(../../img/all_bg.png) repeat; }
      div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li div.layer_wrap div.nav_depth_bg {
        background: #fff;
        border-top: 1px solid #0b71b9;
        border-bottom: 1px solid #dddddd; }
    div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li ul.all_category_dp2 {
      color: #666; }
      div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li a {
        color: #424242; }
        div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li a:hover {
          color: #0b71b9;
          background: url(../../img/menu_dp3_on.png) repeat-x 0 12px; }
          @media (max-width: 1024px) {
            div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li ul.all_category_dp2 ul.all_category_dp3 li a:hover {
              color: #424242;
              background: none; } }
    div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li div.wrap_1024 {
      background: #fafafa;
      border-top: 1px solid #ebecee; }
      @media (max-width: 1024px) {
        div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li div.wrap_1024 {
          border-bottom: 1px solid #ebecee; } }
      div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li a {
        color: #666;
        border: 1px solid #fafafa; }
        @media (max-width: 1024px) {
          div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li a {
            border-right: 1px solid #ebecee;
            border-bottom: 1px solid #ebecee;
            border-left: 1px solid #fafafa;
            border-top: 1px solid #fafafa; } }
        div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li a:hover {
          background: #fff;
          border: 1px solid #ebecee; }
          @media (max-width: 1024px) {
            div.all_wrap_intro_ver2024 > nav.all_category > ul.all_category_dp1 > li div.wrap_1024 ul.all_category_etc li a:hover {
              background: none;
              border-right: 1px solid #ebecee;
              border-bottom: 1px solid #ebecee;
              border-left: 1px solid #fafafa;
              border-top: 1px solid #fafafa; } }
    div.all_wrap_intro_ver2024 > nav.all_category button.view_all_category i.icon-menubar {
      background-color: #5f5f5f; }
      @media screen\0 {
        div.all_wrap_intro_ver2024 > nav.all_category button.view_all_category i.icon-menubar {
          background: url(../../img/icon_menubar.png) no-repeat center top;
          background-size: 100% auto; } }
    div.all_wrap_intro_ver2024 > nav.all_category button.view_all_category:hover i {
      background-color: #0b71b9; }
      @media screen\0 {
        div.all_wrap_intro_ver2024 > nav.all_category button.view_all_category:hover i {
          background-color: transparent; } }
  nav.all_category button.view_all_category,
  nav.all_category button.view_all_category_close {
    display: block;
    position: absolute;
    right: 50%;
    bottom: 10px;
    width: 40px;
    height: 40px;
    margin-right: -495px;
    padding: 0;
    color: #5f5f5f;
    border: 0;
    outline: none;
    background: transparent;
    z-index: 11;
    opacity: 0.75;
    filter: alpha(opacity=75);
    text-align: center; }
    nav.all_category button.view_all_category:hover,
    nav.all_category button.view_all_category_close:hover {
      opacity: 1;
      filter: alpha(opacity=100);
      background: transparent; }
  @media (max-width: 1024px) {
    nav.all_category button.view_all_category {
      display: none !important; } }
  nav.all_category button.view_all_category i.icon-menubar {
    display: block;
    width: 25px;
    height: 25px;
    background-color: #fafafa; }
    @media screen\0 {
      nav.all_category button.view_all_category i.icon-menubar {
        background: url(../../img/icon_menubar.png) no-repeat center bottom;
        background-size: 100% auto; } }
  nav.all_category button.view_all_category:hover i {
    background-color: #ffffff; }
    @media screen\0 {
      nav.all_category button.view_all_category:hover i {
        background-color: transparent; } }
  nav.all_category button.view_all_category_close {
    display: none;
    position: fixed;
    bottom: auto;
    top: 10px;
    font-size: 20px;
    font-size: 1.3rem;
    line-height: 28px;
    line-height: 2.25rem;
    z-index: 900; }
    nav.all_category button.view_all_category_close:hover {
      color: #383838; }
    @media (max-width: 1024px) {
      nav.all_category button.view_all_category_close {
        display: none; } }

button.g_cate_c_btn {
  display: none; }
  @media (max-width: 1024px) {
    button.g_cate_c_btn {
      display: block;
      width: 55px;
      height: 55px;
      position: fixed;
      top: 0;
      right: 0;
      border: none;
      background: none;
      color: #424242;
      font-size: 20px;
      text-align: center;
      z-index: 116; }
      button.g_cate_c_btn i {
        vertical-align: text-align; } }

nav.all_category.view_all,
div.all_wrap_intro_ver2024 nav.all_category.view_all {
  left: 0;
  height: auto;
  max-height: 90%;
  overflow: auto;
  z-index: 900;
  background: #ffffff; }
  nav.all_category.view_all ul.all_category_dp1,
  div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 {
    display: block;
    height: auto; }
    nav.all_category.view_all ul.all_category_dp1 > li,
    div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li {
      position: relative;
      float: left;
      width: 100%;
      height: auto; }
      nav.all_category.view_all ul.all_category_dp1 > li > a.acc_dp1,
      div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li > a.acc_dp1 {
        position: absolute;
        top: 0;
        left: 0;
        color: #5f5f5f;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        nav.all_category.view_all ul.all_category_dp1 > li > a.acc_dp1 > span,
        div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li > a.acc_dp1 > span {
          height: auto;
          padding-top: 12px;
          border-bottom: 0; }
      nav.all_category.view_all ul.all_category_dp1 > li.on > a > span,
      nav.all_category.view_all ul.all_category_dp1 > li:hover > a > span,
      div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li.on > a > span,
      div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li:hover > a > span {
        border-bottom: 0; }
      nav.all_category.view_all ul.all_category_dp1 > li.on > a > span,
      div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li.on > a > span {
        padding-top: 9px;
        border-top: 3px solid #0b71b9;
        color: #0b71b9; }
      nav.all_category.view_all ul.all_category_dp1 > li.on > a:before,
      div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li.on > a:before {
        display: none; }
      nav.all_category.view_all ul.all_category_dp1 > li > a,
      div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li > a {
        opacity: 1;
        filter: alpha(opacity=100); }
      nav.all_category.view_all ul.all_category_dp1 > li div.layer_wrap,
      div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li div.layer_wrap {
        position: static;
        display: block;
        width: 100%;
        height: auto;
        background: transparent; }
        nav.all_category.view_all ul.all_category_dp1 > li div.layer_wrap div.nav_depth_bg,
        div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li div.layer_wrap div.nav_depth_bg {
          position: static;
          display: block;
          width: 100%;
          background: transparent;
          border-top: 0; }
      nav.all_category.view_all ul.all_category_dp1 > li ul.all_category_dp2,
      div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li ul.all_category_dp2 {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        padding-left: 150px !important; }
        nav.all_category.view_all ul.all_category_dp1 > li ul.all_category_dp2 li:hover,
        div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 > li ul.all_category_dp2 li:hover {
          background: transparent; }
  nav.all_category.view_all button.g_btn_close,
  div.all_wrap_intro_ver2024 nav.all_category.view_all button.g_btn_close {
    display: block; }

div.all_wrap_intro_ver2024 nav.all_category.view_all ul.all_category_dp1 li.on > a > span {
  border-color: #ffffff;
  color: #5f5f5f; }

.view_all_bg {
  display: none;
  z-index: 105;
  position: fixed;
  top: 55px;
  left: 0;
  width: 100%;
  min-width: 1000px;
  height: 100%;
  background: url(../../img/all_bg.png) repeat; }

nav.p_location {
  display: none;
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }
  nav.p_location > ul {
    position: absolute;
    top: -90px;
    left: 5px;
    text-align: right; }
    nav.p_location > ul > li {
      display: inline-block;
      font-size: 12px;
      color: #888; }
      nav.p_location > ul > li.on {
        font-weight: bold; }
      nav.p_location > ul > li > i {
        vertical-align: middle;
        margin-right: 5px; }
  @media (max-width: 1024px) {
    nav.p_location {
      display: none; } }

nav.m_sub_navi {
  display: none; }
  @media (max-width: 1024px) {
    nav.m_sub_navi {
      z-index: 99;
      position: absolute;
      width: 100%;
      top: 140px;
      left: 0; }
      nav.m_sub_navi ul.m_sub_navi_ul {
        width: 100%; }
        nav.m_sub_navi ul.m_sub_navi_ul li a {
          display: block;
          width: 100%;
          height: 55px;
          color: #ebecee;
          text-align: center;
          background: #2e4762;
          border-bottom: 1px solid #59718b;
          font-size: 17px;
          line-height: 1;
          padding: 19px 0; } }
  @media (max-width: 767px) {
    nav.m_sub_navi {
      top: 123px; }
      nav.m_sub_navi ul.m_sub_navi_ul li a {
        width: 100%;
        height: 50px;
        font-size: 17px;
        line-height: 1;
        padding: 15px 0; } }
  @media (max-width: 480px) {
    nav.m_sub_navi {
      top: 110px; }
      nav.m_sub_navi ul.m_sub_navi_ul li a {
        font-size: 16px; } }

nav.all_sub_navi {
  position: relative;
  border-bottom: 1px solid #c6c8cd;
  width: 100%;
  height: 50px;
  margin: 0 0 50px 0; }
  @media (max-width: 1024px) {
    nav.all_sub_navi {
      border-bottom: none;
      margin: 30px 0 0 0; } }
  nav.all_sub_navi ul.all_sub_navi_ul {
    position: absolute;
    top: 0;
    left: 0; }
    @media (max-width: 1024px) {
      nav.all_sub_navi ul.all_sub_navi_ul {
        position: static;
        margin: 0;
        padding: 0 10px 0 10px; } }
    nav.all_sub_navi ul.all_sub_navi_ul li {
      width: 200px;
      height: 50px;
      float: left;
      margin-left: 10px; }
      @media (max-width: 1024px) {
        nav.all_sub_navi ul.all_sub_navi_ul li {
          width: 32%;
          height: 50px;
          margin-left: 2%; } }
      nav.all_sub_navi ul.all_sub_navi_ul li:first-child {
        margin-left: 0; }
      nav.all_sub_navi ul.all_sub_navi_ul li.on a {
        color: #383838;
        border-top: 1px solid #c6c8cd;
        border-left: 1px solid #c6c8cd;
        border-right: 1px solid #c6c8cd;
        border-bottom: 1px solid #fafafa;
        background: #fafafa; }
        @media (max-width: 1024px) {
          nav.all_sub_navi ul.all_sub_navi_ul li.on a {
            border: none;
            background: #fff; } }
      nav.all_sub_navi ul.all_sub_navi_ul li a {
        width: 100%;
        height: 50px;
        display: block;
        padding: 13px 0 0 0;
        color: #999;
        text-align: center;
        background: #ededed;
        font-size: 17px;
        font-weight: bold;
        border-bottom: 1px solid #c6c8cd;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        background-clip: padding-box; }
        @media (max-width: 1024px) {
          nav.all_sub_navi ul.all_sub_navi_ul li a {
            padding: 17px 0 0 0;
            font-size: 14px;
            border: none;
            background: #dddddd; } }
        nav.all_sub_navi ul.all_sub_navi_ul li a:hover {
          color: #383838;
          border-top: 1px solid #c6c8cd;
          border-left: 1px solid #c6c8cd;
          border-right: 1px solid #c6c8cd;
          border-bottom: 1px solid #fafafa;
          background: #fafafa; }
          @media (max-width: 1024px) {
            nav.all_sub_navi ul.all_sub_navi_ul li a:hover {
              border: none;
              background: #fff; } }

nav.left_navi {
  float: left;
  width: 180px;
  margin: 0 35px 0 0;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd; }
  @media (max-width: 1024px) {
    nav.left_navi {
      display: none; } }
  nav.left_navi ul.left_navi_ul li a {
    display: block;
    width: 100%;
    height: 50px;
    padding: 13px 0 0 25px;
    font-size: 15px;
    color: #666;
    border-bottom: 1px solid #dddddd;
    background: #fff; }
    nav.left_navi ul.left_navi_ul li a:hover {
      background: #7cace1;
      border-bottom: 1px solid #97c0ed;
      color: #fff; }
  nav.left_navi ul.left_navi_ul li.on a {
    background: #7cace1;
    border-bottom: 1px solid #97c0ed;
    color: #fff; }

/*_footer.scss*/
footer.g_footer {
  clear: both;
  width: 100%;
  min-width: 1000px;
  height: auto;
  padding: 0 0 40px 0;
  background: #424242;
  color: #dddddd;
  text-align: center;
  line-height: 22px; }
  @media (max-width: 1024px) {
    footer.g_footer {
      width: 100%;
      min-width: auto;
      background: #282831;
      padding: 0 4% 30px; } }
  @media (max-width: 960px) {
    footer.g_footer {
      min-width: 100%;
      width: 100%; } }
  footer.g_footer > aside {
    margin: 0 0 40px 0;
    background: #383838; }
    footer.g_footer > aside ul {
      position: relative;
      width: 1000px;
      margin: 0 auto; }
      @media (max-width: 1024px) {
        footer.g_footer > aside ul {
          display: none; } }
      footer.g_footer > aside ul li {
        display: inline-block;
        border-left: 1px solid #575757; }
        @media (max-width: 960px) {
          footer.g_footer > aside ul li {
            font-size: 11px;
            width: 24.5%;
            text-align: center; } }
        footer.g_footer > aside ul li:first-child {
          border-left: none; }
        footer.g_footer > aside ul li.top {
          position: absolute;
          right: 0;
          top: 0;
          border-right: 1px solid #575757; }
          footer.g_footer > aside ul li.top button {
            background: none;
            border: none;
            padding: 10px 20px; }
            footer.g_footer > aside ul li.top button i {
              vertical-align: middle; }
        footer.g_footer > aside ul li.img img {
          display: inline-block; }
        footer.g_footer > aside ul li a {
          display: block;
          padding: 10px 20px;
          color: #dddddd; }
  footer.g_footer button.aside_reservation {
    position: fixed;
    bottom: 0;
    right: 20px;
    margin-right: 0;
    padding: 5px 10px;
    width: 140px;
    outline: 0;
    border: 0;
    opacity: 0.95;
    filter: alpha(opacity=95);
    background: #1e56ba;
    -webkit-box-shadow: 0 3px 8px #2e4762;
    box-shadow: 0 3px 8px #2e4762;
    z-index: 10; }
    footer.g_footer button.aside_reservation:hover {
      opacity: 1;
      filter: alpha(opacity=100); }
    @media (max-width: 1024px) {
      footer.g_footer button.aside_reservation {
        display: none; } }
  footer.g_footer p.footer_p {
    padding: 5px; }
    @media (max-width: 1024px) {
      footer.g_footer p.footer_p {
        font-size: 14px;
        font-size: 0.91rem;
        line-height: 22.4px;
        line-height: 1.55rem;
        text-align: left;
        padding: 0; } }
    @media (max-width: 767px) {
      footer.g_footer p.footer_p {
        font-size: 13.6px;
        font-size: 0.884rem;
        line-height: 22px;
        line-height: 1.5rem; } }
    @media (max-width: 480px) {
      footer.g_footer p.footer_p {
        font-size: 13px;
        font-size: 0.845rem;
        line-height: 22px;
        line-height: 1.5rem;
        width: 88%;
        word-break: keep-all; } }
    @media (max-width: 960px) {
      footer.g_footer p.footer_p span {
        display: inline-block; } }
    footer.g_footer p.footer_p a {
      color: #dddddd; }
      footer.g_footer p.footer_p a:hover {
        text-decoration: underline; }
  footer.g_footer div.footer_link {
    margin: 15px 0 0 0; }
    footer.g_footer div.footer_link a {
      color: #dddddd;
      display: inline-block;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      margin: 0 3px 0 0;
      padding: 8px;
      background: #383838;
      border: 1px solid #5f5f5f;
      font-size: 11px; }
      footer.g_footer div.footer_link a:hover {
        background: #000; }
      footer.g_footer div.footer_link a.btn_pop_terms {
        font-size: 12px;
        color: #fff;
        letter-spacing: 0;
        font-weight: bold; }
    footer.g_footer div.footer_link button.btn_inicis, footer.g_footer div.footer_link button.btn_pop_terms {
      color: #dddddd;
      display: inline-block;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      margin: 0;
      padding: 8px;
      background: #383838;
      border: 1px solid #5f5f5f;
      font-size: 11px; }
      footer.g_footer div.footer_link button.btn_inicis:hover, footer.g_footer div.footer_link button.btn_pop_terms:hover {
        background: #000; }
    @media (max-width: 1024px) {
      footer.g_footer div.footer_link {
        text-align: left;
        margin: 10px 0 0 0; }
        footer.g_footer div.footer_link a {
          display: inline-block;
          font-size: 12.6px;
          font-size: 0.819rem;
          -webkit-border-radius: 0;
          border-radius: 0;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */
          margin: 0;
          padding: 0 10px 0 0;
          font-size: 12px;
          background: none;
          border: none; }
          footer.g_footer div.footer_link a:hover {
            background: none; }
          footer.g_footer div.footer_link a:after {
            display: inline-block;
            content: " ";
            width: 1px;
            height: 10px;
            background: #fff;
            margin-left: 10px; }
        footer.g_footer div.footer_link button.btn_inicis, footer.g_footer div.footer_link button.btn_pop_terms {
          display: inline-block;
          -webkit-border-radius: 5px;
          border-radius: 5px;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */
          margin: 0;
          padding: 8px;
          font-size: 12px; }
          footer.g_footer div.footer_link button.btn_inicis:hover, footer.g_footer div.footer_link button.btn_pop_terms:hover {
            background: #000; } }
    @media (max-width: 1024px) and (max-width: 1024px) {
      footer.g_footer div.footer_link button.btn_inicis, footer.g_footer div.footer_link button.btn_pop_terms {
        display: inline-block;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        margin: 0;
        padding: 00;
        font-size: 12px;
        background: none;
        border: none; }
        footer.g_footer div.footer_link button.btn_inicis:hover, footer.g_footer div.footer_link button.btn_pop_terms:hover {
          background: none; } }
    @media (max-width: 480px) {
      footer.g_footer div.footer_link {
        width: 88%; }
        footer.g_footer div.footer_link a {
          opacity: 0.7; } }

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

div.layer_pop_inicis {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -120px 0 0 -195px;
  width: 390px;
  height: 240px; }
  div.layer_pop_inicis img {
    width: 390px;
    height: 240px; }
  @media (max-width: 480px) {
    div.layer_pop_inicis {
      width: 100%;
      height: auto;
      top: 100px;
      left: 0;
      padding: 0 10px;
      margin: 0; }
      div.layer_pop_inicis img {
        width: 100%;
        height: auto; } }
  div.layer_pop_inicis button.btn_close {
    position: absolute;
    top: -47px;
    right: -10px;
    background: none;
    border: none;
    color: #fff;
    width: 50px;
    height: 50px; }

.footmark {
  width: 100%;
  min-width: 1000px;
  padding: 20px;
  background: #fff; }
  @media (max-width: 1024px) {
    .footmark {
      display: none;
      min-width: 100%; } }
  @media (max-width: 480px) {
    .footmark {
      padding: 30px 10px; } }
  .footmark ul {
    width: 100%;
    min-width: 1000px;
    text-align: center; }
    @media (max-width: 960px) {
      .footmark ul {
        width: 90%;
        min-width: 100%;
        min-height: 80px; } }
    .footmark ul li {
      display: inline-block;
      height: 50px; }
      @media (max-width: 480px) {
        .footmark ul li {
          height: 40px;
          width: 32%; } }
      .footmark ul li img {
        display: inline-block;
        margin: 0 20px 0 0; }
        @media (max-width: 480px) {
          .footmark ul li img {
            width: 80%;
            margin: 0 5px 20px 0; } }
      .footmark ul li button {
        background: none;
        border: none; }

/*_sub_wrap.scss*/
div.all_wrap {
  background: #fafafa; }
  @media (max-width: 960px) {
    div.all_wrap {
      min-height: 300px;
      margin: 50px 0 0 0;
      background: #ebecee; } }
  div.all_wrap div.wrap_1024 {
    width: 1000px;
    margin: 0 auto; }
    @media (max-width: 960px) {
      div.all_wrap div.wrap_1024 {
        width: 100%; } }
    div.all_wrap div.wrap_1024 section.s_sub_contents {
      width: 100%;
      min-height: 500px;
      padding: 50px 0 0 0;
      float: left; }
      @media (max-width: 960px) {
        div.all_wrap div.wrap_1024 section.s_sub_contents {
          padding: 0;
          float: none; }
          div.all_wrap div.wrap_1024 section.s_sub_contents.pt50 {
            padding-top: 50px; } }
      @media (max-width: 480px) {
        div.all_wrap div.wrap_1024 section.s_sub_contents {
          min-height: 300px; } }
      div.all_wrap div.wrap_1024 section.s_sub_contents article.sub_contents {
        position: relative;
        padding: 0 0 80px 0; }
        @media (max-width: 960px) {
          div.all_wrap div.wrap_1024 section.s_sub_contents article.sub_contents {
            padding: 0 10px 30px 10px;
            background: #fff; } }
        @media (max-width: 960px) {
          div.all_wrap div.wrap_1024 section.s_sub_contents article.sub_contents.boardtype {
            padding-left: 0;
            padding-right: 0; } }
        div.all_wrap div.wrap_1024 section.s_sub_contents article.sub_contents.customertype {
          margin-top: -50px; }
          @media (max-width: 960px) {
            div.all_wrap div.wrap_1024 section.s_sub_contents article.sub_contents.customertype {
              margin-top: 0;
              padding-left: 0;
              padding-right: 0; } }
      div.all_wrap div.wrap_1024 section.s_sub_contents article.sub_contents_back_none {
        position: relative;
        padding: 0 0 80px 0; }
        @media (max-width: 960px) {
          div.all_wrap div.wrap_1024 section.s_sub_contents article.sub_contents_back_none {
            padding: 0 10px 30px 10px; } }
  div.all_wrap div.wrap_full {
    width: 100%;
    margin: 0 auto; }

a.video_login {
  padding: 0 !important;
  margin: 0 auto 4px auto !important;
  cursor: pointer; }
  a.video_login img {
    width: 100%; }

div#debugInfo {
  -webkit-box-shadow: 3px 3px 10px #000 ;
  -moz-box-shadow: 3px 3px 10px #000 ;
  box-shadow: 3px 3px 10px #000 ; }
  div#debugInfo table.debuginfo_table {
    letter-spacing: -0.5px;
    color: #fff; }
    div#debugInfo table.debuginfo_table caption {
      display: none; }
    div#debugInfo table.debuginfo_table th {
      text-align: left;
      padding: 10px;
      background: #0b71b9;
      border-bottom: 1px solid #5391d5; }
      div#debugInfo table.debuginfo_table th.id {
        background: #2e4762; }
    div#debugInfo table.debuginfo_table td {
      font-weight: bold;
      padding: 10px;
      border: none;
      background: #ebecee;
      color: #777;
      border-bottom: 1px solid #fff; }
      div#debugInfo table.debuginfo_table td.idsub {
        background: #dddddd;
        color: #2e4762; }

div.intro_layer_pop, div.intro_layer_pop_tm, div.layer_pop_survey,
div.layer_pop.research, div.research.layer_pop_m {
  text-align: center;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../img//all_bg2.png) repeat; }
  div.intro_layer_pop header.intro_header, div.intro_layer_pop_tm header.intro_header, div.layer_pop_survey header.intro_header, div.layer_pop.research header.intro_header, div.research.layer_pop_m header.intro_header {
    width: 100%;
    height: 87px;
    background: #5391d5;
    color: #fff;
    text-align: center; }
    @media (max-width: 960px) {
      div.intro_layer_pop header.intro_header, div.intro_layer_pop_tm header.intro_header, div.layer_pop_survey header.intro_header, div.layer_pop.research header.intro_header, div.research.layer_pop_m header.intro_header {
        height: 50px; } }
    div.intro_layer_pop header.intro_header h1.g_h1, div.intro_layer_pop_tm header.intro_header h1.g_h1, div.layer_pop_survey header.intro_header h1.g_h1, div.layer_pop.research header.intro_header h1.g_h1, div.research.layer_pop_m header.intro_header h1.g_h1 {
      position: fixed;
      top: 10px;
      left: 30px;
      width: 160px;
      height: 70px;
      text-indent: -9999px;
      background: url(../../img/logo_wowpass.svg) no-repeat 0 20px;
      background-size: 119px 29px; }
      @media \0screen {
        div.intro_layer_pop header.intro_header h1.g_h1, div.intro_layer_pop_tm header.intro_header h1.g_h1, div.layer_pop_survey header.intro_header h1.g_h1, div.layer_pop.research header.intro_header h1.g_h1, div.research.layer_pop_m header.intro_header h1.g_h1 {
          background: url(../../img/logo_wowpass.png) no-repeat 0 11px;
          background-size: 119px 29px; } }
      @media (max-width: 960px) {
        div.intro_layer_pop header.intro_header h1.g_h1, div.intro_layer_pop_tm header.intro_header h1.g_h1, div.layer_pop_survey header.intro_header h1.g_h1, div.layer_pop.research header.intro_header h1.g_h1, div.research.layer_pop_m header.intro_header h1.g_h1 {
          position: static;
          display: inline-block;
          width: 105px;
          height: 55px;
          background-size: 105px 26px !important;
          background: url(../../img/logo_wowpass.svg) no-repeat center; } }
    div.intro_layer_pop header.intro_header p.time_txt, div.intro_layer_pop_tm header.intro_header p.time_txt, div.layer_pop_survey header.intro_header p.time_txt, div.layer_pop.research header.intro_header p.time_txt, div.research.layer_pop_m header.intro_header p.time_txt {
      position: relative;
      display: inline-block;
      width: 672px;
      height: 35px;
      background: url(../../img/open_txt.png) no-repeat;
      margin: 28px 0 0 0; }
      @media (max-width: 960px) {
        div.intro_layer_pop header.intro_header p.time_txt, div.intro_layer_pop_tm header.intro_header p.time_txt, div.layer_pop_survey header.intro_header p.time_txt, div.layer_pop.research header.intro_header p.time_txt, div.research.layer_pop_m header.intro_header p.time_txt {
          display: none; } }
      div.intro_layer_pop header.intro_header p.time_txt span, div.intro_layer_pop_tm header.intro_header p.time_txt span, div.layer_pop_survey header.intro_header p.time_txt span, div.layer_pop.research header.intro_header p.time_txt span, div.research.layer_pop_m header.intro_header p.time_txt span {
        font-family: 'Century Gothic';
        font-size: 25px;
        font-weight: bold;
        position: absolute;
        top: 1px;
        letter-spacing: 20px; }
        div.intro_layer_pop header.intro_header p.time_txt span.num_hours, div.intro_layer_pop_tm header.intro_header p.time_txt span.num_hours, div.layer_pop_survey header.intro_header p.time_txt span.num_hours, div.layer_pop.research header.intro_header p.time_txt span.num_hours, div.research.layer_pop_m header.intro_header p.time_txt span.num_hours {
          left: 10px; }
        div.intro_layer_pop header.intro_header p.time_txt span.num_minutes, div.intro_layer_pop_tm header.intro_header p.time_txt span.num_minutes, div.layer_pop_survey header.intro_header p.time_txt span.num_minutes, div.layer_pop.research header.intro_header p.time_txt span.num_minutes, div.research.layer_pop_m header.intro_header p.time_txt span.num_minutes {
          left: 145px; }
        div.intro_layer_pop header.intro_header p.time_txt span.num_seconds, div.intro_layer_pop_tm header.intro_header p.time_txt span.num_seconds, div.layer_pop_survey header.intro_header p.time_txt span.num_seconds, div.layer_pop.research header.intro_header p.time_txt span.num_seconds, div.research.layer_pop_m header.intro_header p.time_txt span.num_seconds {
          left: 256px; }
  div.intro_layer_pop div.intro_guide_start, div.intro_layer_pop_tm div.intro_guide_start, div.layer_pop_survey div.intro_guide_start, div.layer_pop.research div.intro_guide_start, div.research.layer_pop_m div.intro_guide_start, div.layer_pop_survey div.layer_wrap, div.research.layer_pop_m div.layer_pop_survey div.layer_wrap, div.layer_pop_survey div.research.layer_pop_m div.layer_wrap,
  div.layer_pop.research div.layer_wrap,
  div.intro_layer_pop div.research.layer_pop_m div.layer_wrap, div.research.layer_pop_m div.intro_layer_pop div.layer_wrap,
  div.intro_layer_pop_tm div.research.layer_pop_m div.layer_wrap, div.research.layer_pop_m div.intro_layer_pop_tm div.layer_wrap,
  div.layer_pop_survey div.research.layer_pop_m div.layer_wrap, div.research.layer_pop_m div.layer_pop_survey div.layer_wrap,
  div.layer_pop.research div.research.layer_pop_m div.layer_wrap, div.research.layer_pop_m div.layer_pop.research div.layer_wrap,
  div.research.layer_pop_m div.layer_wrap {
    text-align: center;
    width: 100%;
    height: 366px;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -183px 0 0 0; }
    div.intro_layer_pop div.intro_guide_start p, div.intro_layer_pop_tm div.intro_guide_start p, div.layer_pop_survey div.intro_guide_start p, div.layer_pop.research div.intro_guide_start p, div.research.layer_pop_m div.intro_guide_start p, div.layer_pop_survey div.layer_wrap p, div.layer_pop.research div.layer_wrap p, div.intro_layer_pop div.research.layer_pop_m div.layer_wrap p, div.research.layer_pop_m div.intro_layer_pop div.layer_wrap p, div.intro_layer_pop_tm div.research.layer_pop_m div.layer_wrap p, div.research.layer_pop_m div.intro_layer_pop_tm div.layer_wrap p, div.layer_pop_survey div.research.layer_pop_m div.layer_wrap p, div.research.layer_pop_m div.layer_pop_survey div.layer_wrap p, div.layer_pop.research div.research.layer_pop_m div.layer_wrap p, div.research.layer_pop_m div.layer_pop.research div.layer_wrap p, div.research.layer_pop_m div.layer_wrap p {
      color: #fff;
      margin: 30px 0 0 0;
      text-align: center;
      font-size: 14px;
      letter-spacing: -1.5px; }
      @media (max-width: 960px) {
        div.intro_layer_pop div.intro_guide_start p, div.intro_layer_pop_tm div.intro_guide_start p, div.layer_pop_survey div.intro_guide_start p, div.layer_pop.research div.intro_guide_start p, div.research.layer_pop_m div.intro_guide_start p, div.layer_pop_survey div.layer_wrap p, div.layer_pop.research div.layer_wrap p, div.intro_layer_pop div.research.layer_pop_m div.layer_wrap p, div.research.layer_pop_m div.intro_layer_pop div.layer_wrap p, div.intro_layer_pop_tm div.research.layer_pop_m div.layer_wrap p, div.research.layer_pop_m div.intro_layer_pop_tm div.layer_wrap p, div.layer_pop_survey div.research.layer_pop_m div.layer_wrap p, div.research.layer_pop_m div.layer_pop_survey div.layer_wrap p, div.layer_pop.research div.research.layer_pop_m div.layer_wrap p, div.research.layer_pop_m div.layer_pop.research div.layer_wrap p, div.research.layer_pop_m div.layer_wrap p {
          display: none; } }
      div.intro_layer_pop div.intro_guide_start p i, div.intro_layer_pop_tm div.intro_guide_start p i, div.layer_pop_survey div.intro_guide_start p i, div.layer_pop.research div.intro_guide_start p i, div.research.layer_pop_m div.intro_guide_start p i, div.layer_pop_survey div.layer_wrap p i, div.layer_pop.research div.layer_wrap p i, div.intro_layer_pop div.research.layer_pop_m div.layer_wrap p i, div.research.layer_pop_m div.intro_layer_pop div.layer_wrap p i, div.intro_layer_pop_tm div.research.layer_pop_m div.layer_wrap p i, div.research.layer_pop_m div.intro_layer_pop_tm div.layer_wrap p i, div.layer_pop_survey div.research.layer_pop_m div.layer_wrap p i, div.research.layer_pop_m div.layer_pop_survey div.layer_wrap p i, div.layer_pop.research div.research.layer_pop_m div.layer_wrap p i, div.research.layer_pop_m div.layer_pop.research div.layer_wrap p i, div.research.layer_pop_m div.layer_wrap p i {
        vertical-align: middle;
        font-size: 20px;
        margin: 0 5px 0 0; }
    @media (max-width: 960px) {
      div.intro_layer_pop div.intro_guide_start, div.intro_layer_pop_tm div.intro_guide_start, div.layer_pop_survey div.intro_guide_start, div.layer_pop.research div.intro_guide_start, div.research.layer_pop_m div.intro_guide_start, div.layer_pop_survey div.layer_wrap, div.research.layer_pop_m div.layer_pop_survey div.layer_wrap, div.layer_pop_survey div.research.layer_pop_m div.layer_wrap,
      div.layer_pop.research div.layer_wrap,
      div.intro_layer_pop div.research.layer_pop_m div.layer_wrap, div.research.layer_pop_m div.intro_layer_pop div.layer_wrap,
      div.intro_layer_pop_tm div.research.layer_pop_m div.layer_wrap, div.research.layer_pop_m div.intro_layer_pop_tm div.layer_wrap,
      div.layer_pop_survey div.research.layer_pop_m div.layer_wrap, div.research.layer_pop_m div.layer_pop_survey div.layer_wrap,
      div.layer_pop.research div.research.layer_pop_m div.layer_wrap, div.research.layer_pop_m div.layer_pop.research div.layer_wrap,
      div.research.layer_pop_m div.layer_wrap {
        top: 80px;
        margin: 0; } }
  div.intro_layer_pop img.guide_p, div.intro_layer_pop_tm img.guide_p, div.layer_pop_survey img.guide_p, div.layer_pop.research img.guide_p, div.research.layer_pop_m img.guide_p {
    display: inline-block; }
    @media (max-width: 960px) {
      div.intro_layer_pop img.guide_p, div.intro_layer_pop_tm img.guide_p, div.layer_pop_survey img.guide_p, div.layer_pop.research img.guide_p, div.research.layer_pop_m img.guide_p {
        display: none; } }
  div.intro_layer_pop img.guide_m, div.intro_layer_pop_tm img.guide_m, div.layer_pop_survey img.guide_m, div.layer_pop.research img.guide_m, div.research.layer_pop_m img.guide_m {
    display: none; }
    @media (max-width: 960px) {
      div.intro_layer_pop img.guide_m, div.intro_layer_pop_tm img.guide_m, div.layer_pop_survey img.guide_m, div.layer_pop.research img.guide_m, div.research.layer_pop_m img.guide_m {
        width: 55%;
        height: auto;
        display: inline-block; } }
    @media (max-width: 480px) {
      div.intro_layer_pop img.guide_m, div.intro_layer_pop_tm img.guide_m, div.layer_pop_survey img.guide_m, div.layer_pop.research img.guide_m, div.research.layer_pop_m img.guide_m {
        width: 90%;
        height: auto;
        display: inline-block; } }
  div.intro_layer_pop div.intro_guide_slide, div.intro_layer_pop_tm div.intro_guide_slide, div.layer_pop_survey div.intro_guide_slide, div.layer_pop.research div.intro_guide_slide, div.research.layer_pop_m div.intro_guide_slide {
    display: none;
    width: 100%;
    height: 610px;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -305px 0 0 0;
    text-align: center; }
    @media (max-width: 960px) {
      div.intro_layer_pop div.intro_guide_slide, div.intro_layer_pop_tm div.intro_guide_slide, div.layer_pop_survey div.intro_guide_slide, div.layer_pop.research div.intro_guide_slide, div.research.layer_pop_m div.intro_guide_slide {
        top: 80px;
        margin: 0; } }
    div.intro_layer_pop div.intro_guide_slide > .lSSlideOuter > .lSPager > li > a, div.intro_layer_pop_tm div.intro_guide_slide > .lSSlideOuter > .lSPager > li > a, div.layer_pop_survey div.intro_guide_slide > .lSSlideOuter > .lSPager > li > a, div.layer_pop.research div.intro_guide_slide > .lSSlideOuter > .lSPager > li > a, div.research.layer_pop_m div.intro_guide_slide > .lSSlideOuter > .lSPager > li > a {
      background: #fff;
      opacity: 0.3;
      filter: alpha(opacity=30); }
      div.intro_layer_pop div.intro_guide_slide > .lSSlideOuter > .lSPager > li > a:hover, div.intro_layer_pop_tm div.intro_guide_slide > .lSSlideOuter > .lSPager > li > a:hover, div.layer_pop_survey div.intro_guide_slide > .lSSlideOuter > .lSPager > li > a:hover, div.layer_pop.research div.intro_guide_slide > .lSSlideOuter > .lSPager > li > a:hover, div.research.layer_pop_m div.intro_guide_slide > .lSSlideOuter > .lSPager > li > a:hover {
        opacity: 1;
        filter: alpha(opacity=100); }
    div.intro_layer_pop div.intro_guide_slide > .lSSlideOuter > .lSPager > li.active > a, div.intro_layer_pop_tm div.intro_guide_slide > .lSSlideOuter > .lSPager > li.active > a, div.layer_pop_survey div.intro_guide_slide > .lSSlideOuter > .lSPager > li.active > a, div.layer_pop.research div.intro_guide_slide > .lSSlideOuter > .lSPager > li.active > a, div.research.layer_pop_m div.intro_guide_slide > .lSSlideOuter > .lSPager > li.active > a {
      opacity: 1;
      filter: alpha(opacity=100); }
    div.intro_layer_pop div.intro_guide_slide .lSAction, div.intro_layer_pop_tm div.intro_guide_slide .lSAction, div.layer_pop_survey div.intro_guide_slide .lSAction, div.layer_pop.research div.intro_guide_slide .lSAction, div.research.layer_pop_m div.intro_guide_slide .lSAction {
      width: 1000px;
      margin: 0 auto;
      position: relative; }
      div.intro_layer_pop div.intro_guide_slide .lSAction a.lSPrev, div.intro_layer_pop_tm div.intro_guide_slide .lSAction a.lSPrev, div.layer_pop_survey div.intro_guide_slide .lSAction a.lSPrev, div.layer_pop.research div.intro_guide_slide .lSAction a.lSPrev, div.research.layer_pop_m div.intro_guide_slide .lSAction a.lSPrev {
        color: #fff;
        font-size: 30px;
        left: 20px;
        margin: -350px 0 0 0; }
        @media (max-width: 960px) {
          div.intro_layer_pop div.intro_guide_slide .lSAction a.lSPrev, div.intro_layer_pop_tm div.intro_guide_slide .lSAction a.lSPrev, div.layer_pop_survey div.intro_guide_slide .lSAction a.lSPrev, div.layer_pop.research div.intro_guide_slide .lSAction a.lSPrev, div.research.layer_pop_m div.intro_guide_slide .lSAction a.lSPrev {
            display: none; } }
      div.intro_layer_pop div.intro_guide_slide .lSAction a.lSNext, div.intro_layer_pop_tm div.intro_guide_slide .lSAction a.lSNext, div.layer_pop_survey div.intro_guide_slide .lSAction a.lSNext, div.layer_pop.research div.intro_guide_slide .lSAction a.lSNext, div.research.layer_pop_m div.intro_guide_slide .lSAction a.lSNext {
        color: #fff;
        font-size: 30px;
        right: 20px;
        margin: -350px 0 0 0; }
        @media (max-width: 960px) {
          div.intro_layer_pop div.intro_guide_slide .lSAction a.lSNext, div.intro_layer_pop_tm div.intro_guide_slide .lSAction a.lSNext, div.layer_pop_survey div.intro_guide_slide .lSAction a.lSNext, div.layer_pop.research div.intro_guide_slide .lSAction a.lSNext, div.research.layer_pop_m div.intro_guide_slide .lSAction a.lSNext {
            display: none; } }
  div.intro_layer_pop button.btn_guide_start, div.intro_layer_pop_tm button.btn_guide_start, div.layer_pop_survey button.btn_guide_start, div.layer_pop.research button.btn_guide_start, div.research.layer_pop_m button.btn_guide_start, div.intro_layer_pop button.btn_start, div.research.layer_pop_m div.intro_layer_pop button.btn_start, div.intro_layer_pop div.research.layer_pop_m button.btn_start, div.intro_layer_pop_tm button.btn_start, div.research.layer_pop_m div.intro_layer_pop_tm button.btn_start, div.intro_layer_pop_tm div.research.layer_pop_m button.btn_start, div.layer_pop_survey button.btn_start, div.research.layer_pop_m div.layer_pop_survey button.btn_start, div.layer_pop_survey div.research.layer_pop_m button.btn_start, div.layer_pop.research button.btn_start, div.intro_layer_pop div.research.layer_pop_m button.btn_start, div.research.layer_pop_m div.intro_layer_pop button.btn_start, div.intro_layer_pop_tm div.research.layer_pop_m button.btn_start, div.research.layer_pop_m div.intro_layer_pop_tm button.btn_start, div.layer_pop_survey div.research.layer_pop_m button.btn_start, div.research.layer_pop_m div.layer_pop_survey button.btn_start, div.layer_pop.research div.research.layer_pop_m button.btn_start, div.research.layer_pop_m div.layer_pop.research button.btn_start, div.research.layer_pop_m button.btn_start {
    display: block;
    margin: 50px auto;
    width: 300px;
    height: 55px;
    color: #fff;
    border: none;
    outline: none;
    background: #5391d5;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    font-size: 17px; }
    @media (max-width: 480px) {
      div.intro_layer_pop button.btn_guide_start, div.intro_layer_pop_tm button.btn_guide_start, div.layer_pop_survey button.btn_guide_start, div.layer_pop.research button.btn_guide_start, div.research.layer_pop_m button.btn_guide_start, div.intro_layer_pop button.btn_start, div.research.layer_pop_m div.intro_layer_pop button.btn_start, div.intro_layer_pop div.research.layer_pop_m button.btn_start, div.intro_layer_pop_tm button.btn_start, div.research.layer_pop_m div.intro_layer_pop_tm button.btn_start, div.intro_layer_pop_tm div.research.layer_pop_m button.btn_start, div.layer_pop_survey button.btn_start, div.research.layer_pop_m div.layer_pop_survey button.btn_start, div.layer_pop_survey div.research.layer_pop_m button.btn_start, div.layer_pop.research button.btn_start, div.intro_layer_pop div.research.layer_pop_m button.btn_start, div.research.layer_pop_m div.intro_layer_pop button.btn_start, div.intro_layer_pop_tm div.research.layer_pop_m button.btn_start, div.research.layer_pop_m div.intro_layer_pop_tm button.btn_start, div.layer_pop_survey div.research.layer_pop_m button.btn_start, div.research.layer_pop_m div.layer_pop_survey button.btn_start, div.layer_pop.research div.research.layer_pop_m button.btn_start, div.research.layer_pop_m div.layer_pop.research button.btn_start, div.research.layer_pop_m button.btn_start {
        width: 90%;
        height: 55px;
        color: #fff;
        border: none;
        outline: none;
        display: inline-block;
        margin: 30px auto; } }
  div.intro_layer_pop button.btn_start, div.intro_layer_pop_tm button.btn_start, div.layer_pop_survey button.btn_start, div.layer_pop.research button.btn_start, div.research.layer_pop_m button.btn_start {
    margin: 0 auto; }
    @media (max-width: 960px) {
      div.intro_layer_pop button.btn_start, div.intro_layer_pop_tm button.btn_start, div.layer_pop_survey button.btn_start, div.layer_pop.research button.btn_start, div.research.layer_pop_m button.btn_start {
        margin: 20px auto; } }
  div.intro_layer_pop article.ban, div.intro_layer_pop_tm article.ban, div.layer_pop_survey article.ban, div.layer_pop.research article.ban, div.research.layer_pop_m article.ban {
    margin: 60px auto 20px auto;
    background: #fff;
    width: 500px;
    height: 160px; }
    div.intro_layer_pop article.ban img, div.intro_layer_pop_tm article.ban img, div.layer_pop_survey article.ban img, div.layer_pop.research article.ban img, div.research.layer_pop_m article.ban img {
      width: 500px;
      height: 160px; }
      @media (max-width: 480px) {
        div.intro_layer_pop article.ban img, div.intro_layer_pop_tm article.ban img, div.layer_pop_survey article.ban img, div.layer_pop.research article.ban img, div.research.layer_pop_m article.ban img {
          width: 100%;
          height: auto; } }
    @media (max-width: 480px) {
      div.intro_layer_pop article.ban, div.intro_layer_pop_tm article.ban, div.layer_pop_survey article.ban, div.layer_pop.research article.ban, div.research.layer_pop_m article.ban {
        width: 90%;
        height: auto; } }

div.intro_layer_pop_tm {
  display: none; }
  div.intro_layer_pop_tm button.btn_guide_layer_close {
    position: fixed;
    right: 10px;
    top: 10px;
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 20px;
    background: none;
    border: none; }

div.layer_pop_survey,
div.layer_pop.research,
div.research.layer_pop_m {
  padding: 0;
  overflow-y: auto; }
  div.layer_pop_survey div.layer_wrap,
  div.layer_pop.research div.layer_wrap,
  div.research.layer_pop_m div.layer_wrap {
    top: 50%;
    left: 50%;
    margin: 0;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    div.layer_pop_survey div.layer_wrap.pop_layer_wrap_survey,
    div.layer_pop.research div.layer_wrap.pop_layer_wrap_survey,
    div.research.layer_pop_m div.layer_wrap.pop_layer_wrap_survey {
      position: static;
      top: auto;
      left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      height: 100% !important;
      margin: 0;
      padding: 50px 0;
      overflow-y: auto; }
    div.layer_pop_survey div.layer_wrap div.research_wrap,
    div.layer_pop.research div.layer_wrap div.research_wrap,
    div.research.layer_pop_m div.layer_wrap div.research_wrap {
      position: relative;
      width: 590px;
      height: 590px;
      padding: 25px 0;
      margin: 0 auto;
      border: 1px solid #ebecee; }
      @media (max-width: 960px) {
        div.layer_pop_survey div.layer_wrap div.research_wrap,
        div.layer_pop.research div.layer_wrap div.research_wrap,
        div.research.layer_pop_m div.layer_wrap div.research_wrap {
          width: 80%;
          height: 380px;
          max-width: 590px;
          border: 0;
          padding: 0; } }
      @media (max-width: 480px) {
        div.layer_pop_survey div.layer_wrap div.research_wrap,
        div.layer_pop.research div.layer_wrap div.research_wrap,
        div.research.layer_pop_m div.layer_wrap div.research_wrap {
          width: 95%;
          height: auto; } }
      div.layer_pop_survey div.layer_wrap div.research_wrap span.day_close,
      div.layer_pop.research div.layer_wrap div.research_wrap span.day_close,
      div.research.layer_pop_m div.layer_wrap div.research_wrap span.day_close {
        position: absolute;
        top: -25px;
        left: 0; }
      div.layer_pop_survey div.layer_wrap div.research_wrap button.btn_guide_layer_close,
      div.layer_pop.research div.layer_wrap div.research_wrap button.btn_guide_layer_close,
      div.research.layer_pop_m div.layer_wrap div.research_wrap button.btn_guide_layer_close {
        position: absolute;
        top: -35px;
        right: -14px;
        margin: 0; }
      div.layer_pop_survey div.layer_wrap div.research_wrap p.research_p,
      div.layer_pop.research div.layer_wrap div.research_wrap p.research_p,
      div.research.layer_pop_m div.layer_wrap div.research_wrap p.research_p {
        width: 100%;
        margin-top: 10px;
        text-align: left; }
        @media (max-width: 960px) {
          div.layer_pop_survey div.layer_wrap div.research_wrap p.research_p,
          div.layer_pop.research div.layer_wrap div.research_wrap p.research_p,
          div.research.layer_pop_m div.layer_wrap div.research_wrap p.research_p {
            display: block;
            margin-top: 0; } }
        div.layer_pop_survey div.layer_wrap div.research_wrap p.research_p span.font_s,
        div.layer_pop.research div.layer_wrap div.research_wrap p.research_p span.font_s,
        div.research.layer_pop_m div.layer_wrap div.research_wrap p.research_p span.font_s {
          font-size: 11px;
          font-size: 0.715rem;
          color: #ebecee; }
        @media (max-width: 960px) {
          div.layer_pop_survey div.layer_wrap div.research_wrap p.research_p.on_w,
          div.layer_pop.research div.layer_wrap div.research_wrap p.research_p.on_w,
          div.research.layer_pop_m div.layer_wrap div.research_wrap p.research_p.on_w {
            display: none; } }
      div.layer_pop_survey div.layer_wrap div.research_wrap ul,
      div.layer_pop.research div.layer_wrap div.research_wrap ul,
      div.research.layer_pop_m div.layer_wrap div.research_wrap ul {
        width: 100%;
        padding: 20px 0;
        margin: 0 auto 20px; }
        @media (max-width: 960px) {
          div.layer_pop_survey div.layer_wrap div.research_wrap ul,
          div.layer_pop.research div.layer_wrap div.research_wrap ul,
          div.research.layer_pop_m div.layer_wrap div.research_wrap ul {
            width: 100%; } }
        @media (max-width: 480px) {
          div.layer_pop_survey div.layer_wrap div.research_wrap ul,
          div.layer_pop.research div.layer_wrap div.research_wrap ul,
          div.research.layer_pop_m div.layer_wrap div.research_wrap ul {
            padding: 0;
            margin: 0; } }
        div.layer_pop_survey div.layer_wrap div.research_wrap ul li,
        div.layer_pop.research div.layer_wrap div.research_wrap ul li,
        div.research.layer_pop_m div.layer_wrap div.research_wrap ul li {
          color: #FFF;
          text-align: left; }
          div.layer_pop_survey div.layer_wrap div.research_wrap ul li.col_span2,
          div.layer_pop.research div.layer_wrap div.research_wrap ul li.col_span2,
          div.research.layer_pop_m div.layer_wrap div.research_wrap ul li.col_span2 {
            float: left;
            width: 50%; }
            @media (max-width: 960px) {
              div.layer_pop_survey div.layer_wrap div.research_wrap ul li.col_span2,
              div.layer_pop.research div.layer_wrap div.research_wrap ul li.col_span2,
              div.research.layer_pop_m div.layer_wrap div.research_wrap ul li.col_span2 {
                width: 100%; } }
      div.layer_pop_survey div.layer_wrap div.research_wrap dl dt,
      div.layer_pop.research div.layer_wrap div.research_wrap dl dt,
      div.research.layer_pop_m div.layer_wrap div.research_wrap dl dt {
        padding: 0 8px 2px;
        background-color: #ebecee;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        text-align: center; }
        @media (max-width: 960px) {
          div.layer_pop_survey div.layer_wrap div.research_wrap dl dt,
          div.layer_pop.research div.layer_wrap div.research_wrap dl dt,
          div.research.layer_pop_m div.layer_wrap div.research_wrap dl dt {
            width: 30%;
            padding: 2px 0; } }
      div.layer_pop_survey div.layer_wrap div.research_wrap dl dd,
      div.layer_pop.research div.layer_wrap div.research_wrap dl dd,
      div.research.layer_pop_m div.layer_wrap div.research_wrap dl dd {
        padding-left: 5px; }
        @media (max-width: 960px) {
          div.layer_pop_survey div.layer_wrap div.research_wrap dl dd,
          div.layer_pop.research div.layer_wrap div.research_wrap dl dd,
          div.research.layer_pop_m div.layer_wrap div.research_wrap dl dd {
            width: 65%; } }
      @media (max-width: 480px) {
        div.layer_pop_survey div.layer_wrap div.research_wrap dl.float_dl,
        div.layer_pop.research div.layer_wrap div.research_wrap dl.float_dl,
        div.research.layer_pop_m div.layer_wrap div.research_wrap dl.float_dl {
          margin: 0 0 20px 0; } }
      div.layer_pop_survey div.layer_wrap div.research_wrap dl.float_dl dt,
      div.layer_pop.research div.layer_wrap div.research_wrap dl.float_dl dt,
      div.research.layer_pop_m div.layer_wrap div.research_wrap dl.float_dl dt {
        display: block;
        float: left;
        width: 15%;
        height: 20px;
        clear: both;
        margin: 0 2% 10px 0; }
        @media (max-width: 480px) {
          div.layer_pop_survey div.layer_wrap div.research_wrap dl.float_dl dt,
          div.layer_pop.research div.layer_wrap div.research_wrap dl.float_dl dt,
          div.research.layer_pop_m div.layer_wrap div.research_wrap dl.float_dl dt {
            float: none;
            width: 20%;
            text-align: center;
            margin: 15px 0 0 0; } }
      div.layer_pop_survey div.layer_wrap div.research_wrap dl.float_dl dd,
      div.layer_pop.research div.layer_wrap div.research_wrap dl.float_dl dd,
      div.research.layer_pop_m div.layer_wrap div.research_wrap dl.float_dl dd {
        display: block;
        float: left;
        width: 80%;
        margin: 0 0 3px 0; }
        @media (max-width: 480px) {
          div.layer_pop_survey div.layer_wrap div.research_wrap dl.float_dl dd,
          div.layer_pop.research div.layer_wrap div.research_wrap dl.float_dl dd,
          div.research.layer_pop_m div.layer_wrap div.research_wrap dl.float_dl dd {
            width: 100%;
            float: none;
            margin: 0 0 5px 0; } }
    div.layer_pop_survey div.layer_wrap label.day_close,
    div.layer_pop.research div.layer_wrap label.day_close,
    div.research.layer_pop_m div.layer_wrap label.day_close {
      top: -40px;
      right: 50%;
      bottom: auto;
      left: auto;
      position: absolute;
      margin-right: -295px; }
      @media (max-width: 960px) {
        div.layer_pop_survey div.layer_wrap label.day_close,
        div.layer_pop.research div.layer_wrap label.day_close,
        div.research.layer_pop_m div.layer_wrap label.day_close {
          top: -40px;
          bottom: auto;
          right: 40px;
          margin-right: 0; } }
      @media (max-width: 480px) {
        div.layer_pop_survey div.layer_wrap label.day_close,
        div.layer_pop.research div.layer_wrap label.day_close,
        div.research.layer_pop_m div.layer_wrap label.day_close {
          top: -40px; } }
    div.layer_pop_survey div.layer_wrap span.day_close,
    div.layer_pop.research div.layer_wrap span.day_close,
    div.research.layer_pop_m div.layer_wrap span.day_close {
      color: #FFF;
      text-shadow: 0px 0px 2px #000; }
      div.layer_pop_survey div.layer_wrap span.day_close input,
      div.layer_pop.research div.layer_wrap span.day_close input,
      div.research.layer_pop_m div.layer_wrap span.day_close input {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        width: auto;
        height: auto;
        vertical-align: middle; }
    div.layer_pop_survey div.layer_wrap button.btn_guide_layer_close,
    div.layer_pop.research div.layer_wrap button.btn_guide_layer_close,
    div.research.layer_pop_m div.layer_wrap button.btn_guide_layer_close {
      display: block;
      width: 40px;
      height: 40px;
      margin-right: -300px;
      color: #FFF;
      background: none;
      border: 0; }
      @media (max-width: 960px) {
        div.layer_pop_survey div.layer_wrap button.btn_guide_layer_close,
        div.layer_pop.research div.layer_wrap button.btn_guide_layer_close,
        div.research.layer_pop_m div.layer_wrap button.btn_guide_layer_close {
          right: 0;
          margin-right: 0; } }
  div.layer_pop_survey button.btn_guide_start, div.layer_pop_survey button.btn_start, div.layer_pop_survey div.research.layer_pop_m button.btn_start, div.research.layer_pop_m div.layer_pop_survey button.btn_start,
  div.layer_pop.research button.btn_guide_start,
  div.research.layer_pop_m button.btn_guide_start,
  div.research.layer_pop_m div.intro_layer_pop button.btn_start,
  div.intro_layer_pop div.research.layer_pop_m button.btn_start,
  div.research.layer_pop_m div.intro_layer_pop_tm button.btn_start,
  div.intro_layer_pop_tm div.research.layer_pop_m button.btn_start,
  div.research.layer_pop_m div.layer_pop_survey button.btn_start,
  div.layer_pop_survey div.research.layer_pop_m button.btn_start,
  div.layer_pop.research button.btn_start,
  div.layer_pop.research div.research.layer_pop_m button.btn_start,
  div.research.layer_pop_m div.layer_pop.research button.btn_start,
  div.research.layer_pop_m button.btn_start {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin-top: 20px; }
    @media (max-width: 960px) {
      div.layer_pop_survey button.btn_guide_start, div.layer_pop_survey button.btn_start, div.layer_pop_survey div.research.layer_pop_m button.btn_start, div.research.layer_pop_m div.layer_pop_survey button.btn_start,
      div.layer_pop.research button.btn_guide_start,
      div.research.layer_pop_m button.btn_guide_start,
      div.research.layer_pop_m div.intro_layer_pop button.btn_start,
      div.intro_layer_pop div.research.layer_pop_m button.btn_start,
      div.research.layer_pop_m div.intro_layer_pop_tm button.btn_start,
      div.intro_layer_pop_tm div.research.layer_pop_m button.btn_start,
      div.research.layer_pop_m div.layer_pop_survey button.btn_start,
      div.layer_pop_survey div.research.layer_pop_m button.btn_start,
      div.layer_pop.research button.btn_start,
      div.layer_pop.research div.research.layer_pop_m button.btn_start,
      div.research.layer_pop_m div.layer_pop.research button.btn_start,
      div.research.layer_pop_m button.btn_start {
        margin: 10px auto; } }

div.btn_guide_pop_wrap {
  width: 224px;
  height: 246px;
  z-index: 105;
  position: fixed;
  right: 10px;
  top: 100px; }
  @media (max-width: 960px) {
    div.btn_guide_pop_wrap {
      top: 90px; } }
  div.btn_guide_pop_wrap button.btn_guide_pop {
    width: 224px;
    height: 246px;
    border: none;
    background: url(../../../img/guide/ban_dan.png) no-repeat; }
    @media (max-width: 960px) {
      div.btn_guide_pop_wrap button.btn_guide_pop {
        background: url(../../../img/guide/ban_dan_m.png) no-repeat;
        background-size: 224px 246px; } }
  div.btn_guide_pop_wrap button.btn_guide_pop_close {
    position: absolute;
    right: 25px;
    top: 5px;
    color: #fff;
    background: none;
    border: none; }
    @media (max-width: 960px) {
      div.btn_guide_pop_wrap button.btn_guide_pop_close {
        width: 50px;
        height: 50px;
        right: 0;
        top: -10px; } }

div.common_layerpop {
  display: none;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../img//all_bg.png) repeat;
  text-align: center; }
  div.common_layerpop.slidePopInput div.common_layerpop_wrap {
    margin-left: -325px; }
    @media (max-width: 960px) {
      div.common_layerpop.slidePopInput div.common_layerpop_wrap {
        margin: 0; } }
    div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box {
      width: 650px;
      height: auto;
      padding: 0; }
      @media (max-width: 960px) {
        div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box {
          width: 100%;
          height: auto; } }
      div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box h5 {
        background: #00c0c7;
        color: #fff;
        padding: 20px; }
        div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box h5 strong {
          color: #6e19b4;
          display: inline-block;
          border-bottom: 2px solid #6e19b4; }
        @media (max-width: 960px) {
          div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box h5 {
            padding: 20px 10px; } }
        div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box h5 img {
          width: 200px;
          margin: 0 auto 15px auto; }
      div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box {
        padding: 5px 30px 15px 30px; }
        @media (max-width: 960px) {
          div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box {
            padding: 15px 10px; } }
        div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box article.my_certificate_box h4.heading_type_02 {
          font-size: 13px;
          font-size: 0.845rem;
          text-align: left;
          padding: 15px 17px; }
          @media (max-width: 960px) {
            div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box article.my_certificate_box h4.heading_type_02 {
              float: none;
              width: 100%;
              padding: 10px;
              margin: 0 0 10px 0;
              background: #efeff1;
              height: auto;
              vertical-align: top; } }
        div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box article.my_certificate_box div.select_wrap {
          width: 215px; }
          @media (max-width: 960px) {
            div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box article.my_certificate_box div.select_wrap {
              width: 100%;
              margin: 0 0 5px 0; } }
          div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box article.my_certificate_box div.select_wrap.on {
            background: #6e19b4;
            border: 1px solid #6e19b4; }
        div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box article.my_certificate_box p.mp_info_text {
          display: none; }
        div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box article.my_certificate_box div.input_dvlicense {
          text-align: left; }
          @media (max-width: 960px) {
            div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box article.my_certificate_box div.input_dvlicense {
              margin: 30px 0 0 0; } }
          div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box article.my_certificate_box div.input_dvlicense > div {
            width: 142px;
            margin: 0;
            padding: 5px;
            font-size: 10.5px;
            font-size: 0.6825rem; }
            @media (max-width: 960px) {
              div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box article.my_certificate_box div.input_dvlicense > div {
                width: 100%;
                margin: 0 0 10px 0; } }
            div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.form_box article.my_certificate_box div.input_dvlicense > div > input {
              -o-text-overflow: ellipsis;
              text-overflow: ellipsis;
              width: 90%; }
      div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out div.select_wrap.on,
      div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.id_box_out div.select_wrap.on {
        background: #6e19b4;
        border: 1px solid #6e19b4; }
      div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out input,
      div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box div.id_box_out input {
        color: #5f5f5f; }
      div.common_layerpop.slidePopInput div.common_layerpop_wrap div.common_layerpop_box button.btn_submit {
        background: #6e19b4; }
  div.common_layerpop.reservation {
    overflow-y: auto; }
    div.common_layerpop.reservation div.common_layerpop_wrap {
      top: 4%;
      margin-top: 0;
      margin-left: -325px; }
      @media (max-width: 960px) {
        div.common_layerpop.reservation div.common_layerpop_wrap {
          position: static;
          max-width: 500px;
          margin: 0 auto;
          padding: 0; } }
      @media (max-width: 480px) {
        div.common_layerpop.reservation div.common_layerpop_wrap {
          max-width: 100%;
          margin: 0; } }
      div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box {
        width: 650px;
        height: auto;
        padding: 0 0 30px; }
        @media (max-width: 960px) {
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box {
            width: 100%;
            height: auto; } }
        @media (max-width: 480px) {
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box {
            margin-top: 0; } }
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box h5 {
          background: #0b71b9;
          color: #fff;
          padding: 20px;
          font-size: 15px;
          font-size: 0.975rem; }
          @media (max-width: 960px) {
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box h5 {
              height: 50px;
              margin-bottom: 5px;
              padding: 10px 0; } }
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box .info_list {
          width: 100%;
          margin: 0 auto 5px; }
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box .info_list li {
            position: relative;
            width: 100%;
            text-align: left;
            padding: 3px 5px 0 10px;
            line-height: 140%; }
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box .info_list li:before {
              content: "-";
              top: 0;
              right: auto;
              bottom: auto;
              left: 0;
              position: absolute;
              width: 5px;
              height: auto; }
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.form_box {
          padding: 5px 30px 15px 30px; }
          @media (max-width: 960px) {
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.form_box {
              padding: 5px 10px; } }
        @media (max-width: 960px) {
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out,
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out {
            border: 0;
            margin-top: 15px; } }
        @media (max-width: 960px) {
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out h6.pop_title,
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out h6.pop_title {
            height: auto !important;
            margin: 0 0 5px; } }
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out div.select_wrap,
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out div.select_wrap {
          width: auto; }
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out div.select_wrap label,
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out div.select_wrap label {
            z-index: 0; }
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out div.select_wrap select,
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out div.select_wrap select {
            padding-right: 35px; }
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out div.select_wrap.on,
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out div.select_wrap.on {
          background: #8d9ba7;
          border: 1px solid #8d9ba7; }
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out input,
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out input {
          padding: 3px 10px;
          color: #5f5f5f; }
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out .info,
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out .info {
          display: block;
          float: left;
          width: 400px;
          height: 25px;
          margin-top: 5px;
          font-size: 12px;
          font-size: 0.78rem; }
          @media (max-width: 960px) {
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out .info,
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out .info {
              width: 100%; } }
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out .input_dvlicense,
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out .input_dvlicense {
          padding: 5px 0; }
          @media (max-width: 960px) {
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out .input_dvlicense,
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out .input_dvlicense {
              padding: 0; } }
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out .input_dvlicense button.btn_select,
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out .input_dvlicense button.btn_select {
            display: block;
            float: left;
            width: 210px;
            height: 50px;
            margin: 5px 5px 0 0;
            color: #c6c8cd;
            border: 1px solid #c6c8cd;
            -webkit-border-radius: 0;
            border-radius: 0;
            background-clip: padding-box;
            /* stops bg color from leaking outside the border: */
            background: #FFF;
            outline: 0; }
            @media (max-width: 960px) {
              div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out .input_dvlicense button.btn_select,
              div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out .input_dvlicense button.btn_select {
                width: 48%;
                margin: 5px 1% 0; } }
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out .input_dvlicense button.btn_select.on,
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out .input_dvlicense button.btn_select.on {
              border-color: #0b71b9;
              color: #0b71b9; }
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out .input_dvlicense button.btn_select:active,
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out .input_dvlicense button.btn_select:active {
              outline: 0; }
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out .input_dvlicense textarea,
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out .input_dvlicense textarea {
            display: block;
            float: left;
            width: 430px;
            height: 50px;
            margin: 5px auto;
            padding: 5px;
            border: 1px solid #c6c8cd; }
            @media (max-width: 960px) {
              div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out .input_dvlicense textarea,
              div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out .input_dvlicense textarea {
                width: 100%;
                margin-top: 0; } }
        @media (max-width: 960px) {
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out .select_wrap,
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.phone_box_out label,
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out .select_wrap,
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.id_box_out label {
            margin-top: 0; } }
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.all_agree {
          width: 100%;
          max-width: 590px;
          background: #fafafa;
          text-align: left;
          margin: 0 auto 10px;
          padding: 20px 30px;
          text-align: center; }
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.all_agree label {
            padding-left: 5px;
            cursor: pointer; }
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.all_agree button.btn_contmore {
            padding: 5px 15px;
            margin-left: 10px;
            background: #aab4bd;
            color: #FFF;
            font-size: 11px;
            font-size: 0.715rem; }
          div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.all_agree div.cont {
            display: none;
            height: auto;
            text-align: left;
            font-size: 12px;
            font-size: 0.78rem;
            color: #424242; }
            div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box div.all_agree div.cont h4 {
              margin-top: 15px;
              font-size: 13px;
              font-size: 0.845rem;
              color: #383838;
              font-weight: bold; }
        div.common_layerpop.reservation div.common_layerpop_wrap div.common_layerpop_box button.btn_submit {
          background: #0b71b9; }
      @media (max-width: 960px) {
        div.common_layerpop.reservation div.common_layerpop_wrap button.btn_pop_close {
          position: fixed;
          top: 0;
          right: 0; } }
      @media (max-width: 480px) {
        div.common_layerpop.reservation div.common_layerpop_wrap button.btn_pop_close {
          background: #0b71b9;
          opacity: 0.75;
          filter: alpha(opacity=75); } }
  div.common_layerpop div.common_layerpop_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -240px 0 0 -325px; }
    @media (max-width: 960px) {
      div.common_layerpop div.common_layerpop_wrap {
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px;
        margin: 0 auto; } }
    div.common_layerpop div.common_layerpop_wrap div.common_layerpop_box {
      width: 650px;
      height: 340px;
      background: #fff;
      padding: 30px;
      margin: 30px 0 0 0;
      overflow-y: auto;
      color: #383838;
      -webkit-overflow-scrolling: touch;
      /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/ }
      @media (max-width: 960px) {
        div.common_layerpop div.common_layerpop_wrap div.common_layerpop_box {
          width: 100%;
          height: auto;
          padding: 30px 10px;
          margin: 30px 0 0 0; } }
      div.common_layerpop div.common_layerpop_wrap div.common_layerpop_box > h5 {
        font-size: 15px;
        font-size: 0.975rem;
        margin: 0 0 20px 0;
        font-weight: 600;
        word-break: keep-all;
        line-height: 27px; }
        @media (max-width: 960px) {
          div.common_layerpop div.common_layerpop_wrap div.common_layerpop_box > h5 {
            font-size: 14px;
            font-size: 0.91rem; } }
    div.common_layerpop div.common_layerpop_wrap h6.pop_title {
      font-size: 13px;
      font-size: 0.845rem;
      float: left;
      background: #efeff1;
      width: 20%;
      height: auto;
      padding: 15px 17px;
      margin: 0 20px 0 0;
      vertical-align: top;
      text-align: left; }
      @media (max-width: 960px) {
        div.common_layerpop div.common_layerpop_wrap h6.pop_title {
          float: none;
          width: 100%;
          padding: 10px;
          margin: 0 0 10px 0; } }
    div.common_layerpop div.common_layerpop_wrap div.phone_box_out,
    div.common_layerpop div.common_layerpop_wrap div.id_box_out {
      width: 100%;
      height: auto;
      font-size: 13px;
      font-size: 0.845rem;
      border: 1px solid #e1e2e5;
      margin-bottom: 5px; }
      @media (max-width: 480px) {
        div.common_layerpop div.common_layerpop_wrap div.phone_box_out,
        div.common_layerpop div.common_layerpop_wrap div.id_box_out {
          border: none;
          margin-bottom: 15px; } }
      div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.select_wrap,
      div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap {
        width: 70px;
        height: 32px;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        float: left;
        border: 1px solid #c6c8cd;
        margin: 10px 5px 0 0;
        background: #fff; }
        div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.select_wrap.on,
        div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap.on {
          border: 1px solid #5391d5; }
        @media (max-width: 480px) {
          div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.select_wrap,
          div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap {
            background-color: #FFF;
            margin: 0 5px 0 0; } }
        div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.select_wrap label,
        div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap label {
          padding: 5px 8px 5px; }
          @media (max-width: 960px) {
            div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.select_wrap label,
            div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap label {
              padding: 7px 8px 5px; } }
        div.common_layerpop div.common_layerpop_wrap div.phone_box_out div.select_wrap select,
        div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap select {
          font-size: 13px;
          font-size: 0.845rem;
          padding: 3px 5px 5px;
          border-color: #c6c8cd; }
      div.common_layerpop div.common_layerpop_wrap div.phone_box_out > label,
      div.common_layerpop div.common_layerpop_wrap div.id_box_out > label {
        float: left;
        display: block;
        border: 1px solid #c6c8cd;
        margin: 10px 5px 0 0;
        background: #fff; }
        div.common_layerpop div.common_layerpop_wrap div.phone_box_out > label > input,
        div.common_layerpop div.common_layerpop_wrap div.id_box_out > label > input {
          font-size: 13px;
          font-size: 0.845rem;
          width: 90px;
          height: 30px;
          border: 0;
          background: transparent; }
        @media (max-width: 480px) {
          div.common_layerpop div.common_layerpop_wrap div.phone_box_out > label,
          div.common_layerpop div.common_layerpop_wrap div.id_box_out > label {
            margin: 0 5px 0 0; } }
    div.common_layerpop div.common_layerpop_wrap div.id_box_out {
      text-align: left; }
      div.common_layerpop div.common_layerpop_wrap div.id_box_out > text {
        margin: 10px 0 0 0; }
      div.common_layerpop div.common_layerpop_wrap div.id_box_out > label {
        float: none;
        display: inline-block;
        background: #fff; }
        @media (max-width: 960px) {
          div.common_layerpop div.common_layerpop_wrap div.id_box_out > label {
            margin: 10px 3px 5px 0; } }
        @media (max-width: 480px) {
          div.common_layerpop div.common_layerpop_wrap div.id_box_out > label {
            margin: 0 0 5px 0; } }
        div.common_layerpop div.common_layerpop_wrap div.id_box_out > label > input {
          font-size: 13px;
          font-size: 0.845rem;
          width: 140px; }
          @media (max-width: 960px) {
            div.common_layerpop div.common_layerpop_wrap div.id_box_out > label > input {
              width: 93px; } }
          div.common_layerpop div.common_layerpop_wrap div.id_box_out > label > input.input_s {
            width: 68px; }
            @media (max-width: 960px) {
              div.common_layerpop div.common_layerpop_wrap div.id_box_out > label > input.input_s {
                width: 100%; } }
      div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap {
        width: 120px; }
        @media (max-width: 960px) {
          div.common_layerpop div.common_layerpop_wrap div.id_box_out div.select_wrap {
            width: 90px; } }
      div.common_layerpop div.common_layerpop_wrap div.id_box_out p.id_box_out_p {
        padding: 15px 0 0 0; }
    div.common_layerpop div.common_layerpop_wrap div.sns_susin_box {
      font-size: 13px;
      font-size: 0.845rem;
      width: 100%;
      margin: 20px 0 5px 0;
      text-align: left; }
      div.common_layerpop div.common_layerpop_wrap div.sns_susin_box > label {
        border: 0; }
        div.common_layerpop div.common_layerpop_wrap div.sns_susin_box > label > input {
          width: 16px;
          height: 16px;
          margin: 0 7px 0 0;
          vertical-align: middle; }
    div.common_layerpop div.common_layerpop_wrap button.btn_submit {
      color: #fff;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      font-size: 14px;
      font-size: 0.91rem;
      background-color: #5391d5;
      display: inline-block;
      width: 250px;
      padding: 15px 20px;
      margin: 20px auto;
      font-weight: 600;
      border: none; }
      @media (max-width: 960px) {
        div.common_layerpop div.common_layerpop_wrap button.btn_submit {
          width: 60%; } }
      @media (max-width: 480px) {
        div.common_layerpop div.common_layerpop_wrap button.btn_submit {
          width: 60%;
          padding: 10px 15px; } }
    div.common_layerpop div.common_layerpop_wrap button.btn_pop_close {
      color: #fff;
      width: 30px;
      height: 30px;
      position: absolute;
      top: -3px;
      right: 0;
      border: none;
      background: none; }
      @media (max-width: 960px) {
        div.common_layerpop div.common_layerpop_wrap button.btn_pop_close {
          width: 50px;
          height: 50px; } }
    div.common_layerpop div.common_layerpop_wrap div.close_group {
      position: absolute;
      top: 0;
      right: 0;
      color: #fff; }
      div.common_layerpop div.common_layerpop_wrap div.close_group span.closetxt {
        margin: 0 35px 0 0; }
        div.common_layerpop div.common_layerpop_wrap div.close_group span.closetxt input,
        div.common_layerpop div.common_layerpop_wrap div.close_group span.closetxt label {
          vertical-align: middle; }

div.phone_box_out,
div.id_box_out,
article.my_certificate_box {
  width: 100%;
  height: auto;
  border: 1px solid #e1e2e5;
  margin-bottom: 5px; }
  @media (max-width: 480px) {
    div.phone_box_out,
    div.id_box_out,
    article.my_certificate_box {
      border: none; } }
  div.phone_box_out input[type='button'],
  div.id_box_out input[type='button'],
  article.my_certificate_box input[type='button'] {
    width: 80px;
    height: 32px;
    color: #fff;
    border: none;
    outline: none;
    background: #5391d5;
    margin: 10px 0 0 0;
    vertical-align: middle; }
  div.phone_box_out h4,
  div.id_box_out h4,
  article.my_certificate_box h4 {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 20%;
    height: auto;
    font-size: 15px;
    font-size: 0.975rem;
    color: #45484f;
    background-color: #efeff1;
    margin-right: 20px;
    padding: 13px 20px 17px;
    float: left; }
    @media (max-width: 960px) {
      div.phone_box_out h4,
      div.id_box_out h4,
      article.my_certificate_box h4 {
        width: 30%; } }
    @media (max-width: 480px) {
      div.phone_box_out h4,
      div.id_box_out h4,
      article.my_certificate_box h4 {
        display: block;
        clear: both;
        width: 100%;
        padding: 5px 0 5px 0;
        font-size: 13px;
        font-size: 0.845rem;
        color: black;
        background: none; } }
  div.phone_box_out div.select_wrap,
  div.id_box_out div.select_wrap,
  article.my_certificate_box div.select_wrap {
    width: 70px;
    height: 32px;
    border: 1px solid #c6c8cd;
    margin: 10px 5px 0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    float: left;
    background: #fff; }
    div.phone_box_out div.select_wrap.on,
    div.id_box_out div.select_wrap.on,
    article.my_certificate_box div.select_wrap.on {
      border: 1px solid #5391d5; }
    @media (max-width: 480px) {
      div.phone_box_out div.select_wrap,
      div.id_box_out div.select_wrap,
      article.my_certificate_box div.select_wrap {
        background-color: #FFF;
        margin: 0 5px 0 0; } }
    div.phone_box_out div.select_wrap label,
    div.id_box_out div.select_wrap label,
    article.my_certificate_box div.select_wrap label {
      padding: 5px 8px 5px; }
      @media (max-width: 960px) {
        div.phone_box_out div.select_wrap label,
        div.id_box_out div.select_wrap label,
        article.my_certificate_box div.select_wrap label {
          padding: 7px 8px 5px; } }
    div.phone_box_out div.select_wrap select,
    div.id_box_out div.select_wrap select,
    article.my_certificate_box div.select_wrap select {
      padding: 3px 5px 5px;
      border-color: #c6c8cd; }
  div.phone_box_out > label,
  div.id_box_out > label,
  article.my_certificate_box > label {
    display: inline-block;
    border: 1px solid #c6c8cd;
    margin: 10px 5px 0 0;
    background: #fff; }
    div.phone_box_out > label > input,
    div.id_box_out > label > input,
    article.my_certificate_box > label > input {
      width: 90px;
      border: 0;
      background: transparent; }
    @media (max-width: 480px) {
      div.phone_box_out > label,
      div.id_box_out > label,
      article.my_certificate_box > label {
        margin: 0 5px 0 0; } }

div.slidePop {
  display: none;
  position: fixed;
  z-index: 99999;
  bottom: -5px;
  right: 0; }
  div.slidePop.imgSlide button.btn_pop_show {
    background: none;
    border: none;
    padding: 0; }
    @media (max-width: 480px) {
      div.slidePop.imgSlide button.btn_pop_show img.pc {
        display: none; } }
    div.slidePop.imgSlide button.btn_pop_show img.mobile {
      display: none; }
      @media (max-width: 480px) {
        div.slidePop.imgSlide button.btn_pop_show img.mobile {
          display: block;
          width: 100%; } }
  div.slidePop.imgSlide button.btn_slidePop_close {
    position: absolute;
    right: 5px;
    top: 0;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background: #383838;
    color: #fff;
    border: none; }
    @media (max-width: 480px) {
      div.slidePop.imgSlide button.btn_slidePop_close {
        top: 25px; } }

h4.license_h {
  height: 100px; }
  @media (max-width: 960px) {
    h4.license_h {
      height: auto; } }

div.select_wraps {
  width: 100%;
  height: 50px;
  position: relative; }

div.input_dvlicense {
  width: 100%;
  height: 50px; }
  div.input_dvlicense > div {
    display: inline-block;
    margin: 0 1px 0 0;
    border: 1px solid #bababa;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    color: #5f5f5f;
    position: relative;
    width: 190px; }
    @media (max-width: 480px) {
      div.input_dvlicense > div {
        width: 100%;
        margin: 0 0 5px 0; } }
    div.input_dvlicense > div > input {
      border: none;
      background: none;
      padding: 0 10px 0 5px !important;
      width: 100%; }
    div.input_dvlicense > div > span {
      width: 30px;
      height: 30px;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      text-align: center;
      padding: 6px 0 0 0;
      color: #383838;
      font-weight: bold;
      font-family: 'century gothic';
      cursor: pointer; }

p.mp_info_text {
  color: #aab4bd;
  padding: 16px 0 0 0; }
  @media (max-width: 480px) {
    p.mp_info_text {
      position: absolute;
      top: 5px;
      right: 0;
      font-size: 11px;
      color: #c6c8cd;
      padding: 0; } }

p.dormancy_info_text {
  color: #aab4bd;
  margin: 3px 0 10px; }
  p.dormancy_info_text > em {
    letter-spacing: 0; }
  @media (max-width: 480px) {
    p.dormancy_info_text {
      font-size: 11px;
      color: #c6c8cd;
      margin: 3px 0 0; } }

.ubionF1 {
  z-index: 90000;
  position: fixed;
  top: 55px;
  right: 40px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #383838;
  color: #fff;
  word-break: keep-all;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: 3px 3px 20px #000;
  box-shadow: 3px 3px 20px #000;
  border: none;
  letter-spacing: 0;
  font-weight: bold; }
  @media (max-width: 960px) {
    .ubionF1 {
      top: 60px;
      right: 5px; } }
  .ubionF1:hover {
    background: #000; }

/*_ban.scss*/
section.top_ban {
  position: relative; }
  section.top_ban.wrap_1024 {
    width: 1000px;
    margin: 50px auto 0 auto;
    padding: 0;
    height: 150px;
    overflow: hidden; }
    @media (max-width: 960px) {
      section.top_ban.wrap_1024 {
        margin: 0;
        width: 100%;
        height: 100px; } }
    section.top_ban.wrap_1024 div.pager_wrap_sub_top {
      top: 10px; }
      @media (max-width: 960px) {
        section.top_ban.wrap_1024 div.pager_wrap_sub_top {
          top: 95px;
          right: 10px; } }
    section.top_ban.wrap_1024 div.ban_item_wrap {
      -webkit-border-radius: 20px;
      border-radius: 20px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      overflow: hidden; }
      @media (max-width: 960px) {
        section.top_ban.wrap_1024 div.ban_item_wrap {
          -webkit-border-radius: 0;
          border-radius: 0;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */
          width: 100%;
          height: 100px; } }
    section.top_ban.wrap_1024 figure.ban_item > img {
      margin-left: -200px; }
      @media (max-width: 960px) {
        section.top_ban.wrap_1024 figure.ban_item > img {
          margin: 0 auto;
          width: 100%; } }
  section.top_ban div.pager_wrap_sub_top {
    z-index: 6;
    text-align: right;
    top: 10px;
    right: 20px;
    left: auto;
    bottom: auto; }
    @media (max-width: 960px) {
      section.top_ban div.pager_wrap_sub_top {
        top: 95px;
        right: 10px;
        text-align: center; } }
  section.top_ban.SubTopBanner {
    height: 180px; }
    @media (max-width: 960px) {
      section.top_ban.SubTopBanner {
        height: 100px; } }
    section.top_ban.SubTopBanner ul.sub_top_ban_ul {
      border-radius: 10px;
      overflow: hidden; }
      @media (max-width: 1024px) {
        section.top_ban.SubTopBanner ul.sub_top_ban_ul {
          border-radius: 0; } }
      section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap {
        border-radius: 10px; }
        @media (max-width: 1024px) {
          section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap {
            border-radius: 0; } }
        section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item {
          height: 180px !important; }
          section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption {
            top: 28px; }
            @media (max-width: 1024px) {
              section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption {
                left: 4% !important; } }
            @media (max-width: 960px) {
              section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption {
                left: 0 !important; } }
            section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption .txt_th {
              font-size: 14px; }
              section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption .txt_th.box {
                border-radius: 0; }
            section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption .tit_main {
              margin: 3px 0; }
          section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item.wrap_tb > .slide_tb {
            position: absolute;
            width: 22%;
            top: 0;
            right: 15%; }
          @media (max-width: 1024px) {
            section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption {
              left: 0;
              margin-left: 0;
              top: 35px !important; }
            section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item.wrap_tb > .slide_tb {
              width: 18%; } }
          @media (max-width: 960px) {
            section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item {
              height: 100px !important; }
              section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item > img {
                display: none !important; }
              section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption {
                top: 22px !important;
                text-align: center; }
                section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption .txt_th {
                  display: inline-block;
                  width: auto;
                  font-size: 14px;
                  margin: 0; }
                section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption .tit_main {
                  margin: 2px 0; }
                section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption .tit_sub {
                  display: none; } }
          @media (max-width: 767px) {
            section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption {
              text-align: center; }
              section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption .txt_th {
                display: inline-block;
                width: auto;
                font-size: 14px;
                margin: 0; }
              section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption .tit_main {
                margin: 0 0 5px; }
              section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption .tit_sub {
                display: none; } }
          @media (max-width: 480px) {
            section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption .txt_th {
              font-size: 13px;
              margin: 0; }
            section.top_ban.SubTopBanner ul.sub_top_ban_ul > li .ban_item_wrap figure.ban_item figcaption .tit_main {
              font-size: 18px;
              margin: 0; } }

div.ban_item_wrap {
  width: 100%;
  height: 100%; }
  @media (max-width: 1024px) {
    div.intro_slide div.ban_item_wrap {
      height: 500px; } }
  @media (max-width: 960px) {
    div.intro_slide div.ban_item_wrap {
      height: 400px; } }
  @media (max-width: 767px) {
    div.intro_slide div.ban_item_wrap {
      height: 620px;
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @media (max-width: 480px) {
    div.intro_slide div.ban_item_wrap {
      height: 480px; } }
  @media (max-width: 320px) {
    div.intro_slide div.ban_item_wrap {
      height: 300px; } }
  div.ban_item_wrap.bg_st1 {
    background: #3e5873 url(../../img/event/ban_pattern_bg1.png); }
  div.ban_item_wrap.bg_st2 {
    background: #3e5873 url(../../img/event/ban_pattern_bg2.png); }
  div.ban_item_wrap.relative_wrap {
    position: relative;
    overflow: hidden;
    height: 150px; }
    div.ban_item_wrap.relative_wrap > img {
      width: 615px;
      height: auto;
      position: absolute;
      top: 0;
      left: -190px; }
      @media (max-width: 960px) {
        div.ban_item_wrap.relative_wrap > img.on_w {
          display: block !important; } }
    div.ban_item_wrap.relative_wrap p {
      position: absolute;
      top: 40px;
      left: 20px;
      width: 50%;
      word-break: keep-all;
      font-size: 16.5px;
      font-size: 1.0725rem;
      color: #fff; }
      div.ban_item_wrap.relative_wrap p .on_m {
        display: block !important; }

figure.ban_item {
  position: relative;
  margin: 0;
  overflow: hidden; }
  @media (max-width: 960px) {
    figure.ban_item {
      height: 280px; } }
  @media (max-width: 480px) {
    figure.ban_item {
      height: 280px; } }
  figure.ban_item > img {
    display: block;
    width: 1400px;
    height: auto;
    margin-left: -200px; }
    @media (max-width: 960px) {
      figure.ban_item > img {
        margin: 0 auto;
        width: 100%;
        height: auto; } }
  figure.ban_item figcaption {
    display: block;
    width: 95%;
    top: 30px;
    right: auto;
    bottom: auto;
    left: 50%;
    position: absolute;
    margin-left: -45%;
    z-index: 2;
    color: #FFF; }
    @media (max-width: 960px) {
      figure.ban_item figcaption {
        top: 60px;
        left: 10%;
        margin-left: 0; } }
    @media (max-width: 480px) {
      figure.ban_item figcaption {
        width: 100%;
        left: 0;
        padding: 0 20px; } }
    figure.ban_item figcaption img {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      zoom: 1;
      *display: inline; }
      @media (max-width: 480px) {
        figure.ban_item figcaption img.full_img {
          width: 100%; } }
    figure.ban_item figcaption span.txt_th {
      display: block;
      width: auto;
      height: auto;
      font-size: 18px;
      font-size: 1.17rem; }
      figure.ban_item figcaption span.txt_th.box {
        font-weight: bold;
        padding: 3px 15px 5px 15px;
        display: inline-block;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */ }
      @media (max-width: 960px) {
        figure.ban_item figcaption span.txt_th {
          font-size: 12.5px;
          font-size: 0.8125rem;
          margin-bottom: 15px;
          word-break: keep-all;
          font-weight: bold;
          letter-spacing: 0;
          max-width: 100%;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          padding: 0;
          line-height: 15px;
          border-radius: 0 !important; }
          figure.ban_item figcaption span.txt_th.box {
            padding: 5px 5px 3px 5px; } }
      @media (max-width: 480px) {
        figure.ban_item figcaption span.txt_th {
          margin-top: 10px; } }
      figure.ban_item figcaption span.txt_th.font_s {
        font-size: 16px;
        font-size: 1.04rem; }
        @media (max-width: 960px) {
          figure.ban_item figcaption span.txt_th.font_s {
            font-size: 13px;
            font-size: 0.845rem;
            margin-bottom: 5px; } }
    figure.ban_item figcaption p.tit_main {
      display: block;
      position: relative;
      margin-bottom: 15px;
      font-size: 42px;
      font-size: 2.73rem;
      font-weight: 400;
      letter-spacing: -5px;
      word-break: keep-all; }
      @media (max-width: 960px) {
        figure.ban_item figcaption p.tit_main {
          font-size: 27px;
          font-size: 1.755rem;
          letter-spacing: -1px;
          line-height: 33px; } }
      @media (max-width: 480px) {
        figure.ban_item figcaption p.tit_main {
          margin-bottom: 15px; } }
      figure.ban_item figcaption p.tit_main.font_s {
        font-size: 36px;
        font-size: 2.34rem; }
        @media (max-width: 960px) {
          figure.ban_item figcaption p.tit_main.font_s {
            font-size: 27px;
            font-size: 1.755rem; } }
      figure.ban_item figcaption p.tit_main.font_ss {
        font-size: 34px;
        font-size: 2.21rem; }
        @media (max-width: 960px) {
          figure.ban_item figcaption p.tit_main.font_ss {
            font-size: 24px;
            font-size: 1.56rem; } }
      figure.ban_item figcaption p.tit_main.font_sss {
        font-size: 32px;
        font-size: 2.08rem; }
        @media (max-width: 960px) {
          figure.ban_item figcaption p.tit_main.font_sss {
            font-size: 23px;
            font-size: 1.495rem; } }
      figure.ban_item figcaption p.tit_main strong {
        font-weight: 700; }
      figure.ban_item figcaption p.tit_main span.txt_date {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        width: auto;
        height: auto;
        top: -20px;
        right: 0;
        bottom: auto;
        left: auto;
        position: absolute;
        text-align: right;
        font-size: 13px;
        font-size: 0.845rem;
        letter-spacing: -1px; }
        @media (max-width: 480px) {
          figure.ban_item figcaption p.tit_main span.txt_date {
            position: static;
            width: 100%;
            height: auto;
            text-align: center;
            margin-top: 5px; } }
      figure.ban_item figcaption p.tit_main span.btnbox {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        width: auto;
        height: auto;
        top: 120%;
        right: 0;
        bottom: auto;
        left: auto;
        position: absolute; }
        figure.ban_item figcaption p.tit_main span.btnbox span.btn {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          zoom: 1;
          *display: inline;
          width: auto;
          height: auto;
          font-size: 13px;
          font-size: 0.845rem;
          letter-spacing: -1px;
          padding: 5px 20px 7px;
          border: 1px solid #FFF; }
      figure.ban_item figcaption p.tit_main > img.tit_img {
        vertical-align: middle; }
        @media (max-width: 960px) {
          figure.ban_item figcaption p.tit_main > img.tit_img {
            width: auto;
            height: 40px; } }
        @media (max-width: 480px) {
          figure.ban_item figcaption p.tit_main > img.tit_img {
            width: auto;
            height: 35px;
            margin: 5px 0; } }
    figure.ban_item figcaption p.tit_sub {
      padding-bottom: 10px;
      font-size: 18px;
      font-size: 1.17rem; }
      @media (max-width: 960px) {
        figure.ban_item figcaption p.tit_sub {
          display: none;
          font-size: 15px;
          font-size: 0.975rem; } }
      figure.ban_item figcaption p.tit_sub strong {
        display: block;
        width: auto;
        height: auto;
        padding: 5px 0; }
      figure.ban_item figcaption p.tit_sub span.txt_benefit {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        width: auto;
        height: auto;
        margin-right: 10px;
        font-size: 16px;
        font-size: 1.04rem; }
        @media (max-width: 960px) {
          figure.ban_item figcaption p.tit_sub span.txt_benefit {
            font-size: 13px;
            font-size: 0.845rem;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 23px; } }
        figure.ban_item figcaption p.tit_sub span.txt_benefit.font_s {
          font-size: 14px;
          font-size: 0.91rem; }
          @media (max-width: 960px) {
            figure.ban_item figcaption p.tit_sub span.txt_benefit.font_s {
              font-size: 12px;
              font-size: 0.78rem; } }
        figure.ban_item figcaption p.tit_sub span.txt_benefit.font_ss {
          font-size: 12px;
          font-size: 0.78rem; }
          @media (max-width: 960px) {
            figure.ban_item figcaption p.tit_sub span.txt_benefit.font_ss {
              font-size: 11px;
              font-size: 0.715rem; } }
        figure.ban_item figcaption p.tit_sub span.txt_benefit i {
          vertical-align: middle; }
    figure.ban_item figcaption div.abs-pos {
      width: 60px;
      height: auto;
      top: -30px;
      right: -15%;
      bottom: auto;
      left: auto;
      position: absolute;
      margin-left: 0;
      text-align: center; }
      @media (max-width: 960px) {
        figure.ban_item figcaption div.abs-pos {
          top: -38px;
          right: -12%; } }
      @media (max-width: 480px) {
        figure.ban_item figcaption div.abs-pos {
          width: 45px;
          height: auto;
          top: -13px;
          right: 0; } }
      figure.ban_item figcaption div.abs-pos div.bg_wrap {
        background-color: #ac2a29; }
      figure.ban_item figcaption div.abs-pos > img.abs-pos-btm {
        margin-top: -10px; }
        @media (max-width: 480px) {
          figure.ban_item figcaption div.abs-pos > img.abs-pos-btm {
            width: 100%;
            margin-top: -3px; } }
      figure.ban_item figcaption div.abs-pos span {
        display: block;
        width: 100%;
        height: 60px;
        padding-top: 10px;
        margin: 0 auto;
        text-align: center;
        font-size: 11px;
        font-size: 0.715rem;
        color: #FFF; }
        @media (max-width: 480px) {
          figure.ban_item figcaption div.abs-pos span {
            height: 45px;
            padding-top: 8px;
            font-size: 10px;
            font-size: 0.65rem; } }
        figure.ban_item figcaption div.abs-pos span i {
          display: block;
          margin: 0 auto;
          width: auto;
          height: 25px;
          font-size: 24px;
          font-size: 1.56rem; }
          @media (max-width: 480px) {
            figure.ban_item figcaption div.abs-pos span i {
              height: 22px;
              font-size: 18px;
              font-size: 1.17rem; } }
          figure.ban_item figcaption div.abs-pos span i.icon-d-day {
            font-size: 50px;
            font-size: 3.25rem; }
            @media (max-width: 480px) {
              figure.ban_item figcaption div.abs-pos span i.icon-d-day {
                font-size: 30px;
                font-size: 1.95rem; } }
            figure.ban_item figcaption div.abs-pos span i.icon-d-day.red {
              color: #d41920; }
            figure.ban_item figcaption div.abs-pos span i.icon-d-day.black {
              color: #080808; }
            figure.ban_item figcaption div.abs-pos span i.icon-d-day.yellow {
              color: #e8d00a; }
      figure.ban_item figcaption div.abs-pos span.line {
        background-image: none;
        background-color: #FFF;
        width: 40px;
        height: 1px;
        padding-top: 0;
        opacity: 0.75;
        filter: alpha(opacity=75); }
  div.intro_slide figure.ban_item {
    overflow: visible;
    margin: 0 auto; }
    @media (max-width: 960px) {
      div.intro_slide figure.ban_item {
        width: 100%;
        height: auto; } }
    div.intro_slide figure.ban_item > img {
      margin: 0 auto; }
    div.intro_slide figure.ban_item > figcaption {
      display: block;
      width: 1000px;
      position: absolute;
      top: 50px;
      left: 50%;
      margin-left: -485px;
      z-index: 2;
      color: #FFF; }
      @media (max-width: 1024px) {
        div.intro_slide figure.ban_item > figcaption {
          width: 100%;
          top: 4%;
          left: 8%;
          margin: 0; } }
      @media (max-width: 767px) {
        div.intro_slide figure.ban_item > figcaption {
          top: 16%;
          left: 50% !important;
          margin: 0 0 0 -50% !important;
          text-align: center !important; } }
      @media (max-width: 480px) {
        div.intro_slide figure.ban_item > figcaption {
          top: 20%;
          text-align: center !important; } }
      @media (max-width: 320px) {
        div.intro_slide figure.ban_item > figcaption {
          top: 25px !important; } }
      div.intro_slide figure.ban_item > figcaption img {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline; }
        @media (max-width: 480px) {
          div.intro_slide figure.ban_item > figcaption img.full_img {
            width: 100%; } }
      div.intro_slide figure.ban_item > figcaption span.txt_th {
        display: block;
        width: auto;
        height: auto;
        font-size: 18px;
        font-size: 1.17rem; }
        div.intro_slide figure.ban_item > figcaption span.txt_th.box {
          font-weight: bold;
          padding: 3px 15px 5px 15px;
          display: inline-block;
          border-radius: 0 !important; }
        @media (max-width: 1024px) {
          div.intro_slide figure.ban_item > figcaption span.txt_th {
            font-size: 20px !important;
            margin-bottom: 0;
            word-break: keep-all;
            font-weight: bold;
            letter-spacing: 0;
            max-width: 100%;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding: 0;
            line-height: 15px;
            border-radius: 0 !important; }
            div.intro_slide figure.ban_item > figcaption span.txt_th.box {
              padding: 11px 6px; } }
        @media (max-width: 960px) {
          div.intro_slide figure.ban_item > figcaption span.txt_th {
            font-size: 18px !important; }
            div.intro_slide figure.ban_item > figcaption span.txt_th.box {
              padding: 10px 6px !important; } }
        @media (max-width: 767px) {
          div.intro_slide figure.ban_item > figcaption span.txt_th {
            font-size: 18px !important; }
            div.intro_slide figure.ban_item > figcaption span.txt_th.box {
              padding: 8px 6px !important; } }
        @media (max-width: 480px) {
          div.intro_slide figure.ban_item > figcaption span.txt_th {
            font-size: 16px !important; } }
        @media (max-width: 320px) {
          div.intro_slide figure.ban_item > figcaption span.txt_th {
            font-size: 1px !important; } }
        div.intro_slide figure.ban_item > figcaption span.txt_th.font_s {
          font-size: 16px;
          font-size: 1.04rem; }
          @media (max-width: 960px) {
            div.intro_slide figure.ban_item > figcaption span.txt_th.font_s {
              font-size: 13px;
              font-size: 0.845rem;
              margin-bottom: 5px; } }
      div.intro_slide figure.ban_item > figcaption p.tit_main {
        display: block;
        position: relative;
        margin-bottom: 15px;
        font-size: 42px;
        font-size: 2.73rem;
        font-weight: 400;
        letter-spacing: -5px;
        word-break: keep-all;
        margin-top: 10px; }
        @media (max-width: 1024px) {
          div.intro_slide figure.ban_item > figcaption p.tit_main {
            font-size: 50px !important;
            line-height: 60px;
            margin-top: 18px; }
            div.intro_slide figure.ban_item > figcaption p.tit_main > strong.tit_tb {
              display: block; } }
        @media (max-width: 960px) {
          div.intro_slide figure.ban_item > figcaption p.tit_main {
            font-size: 48px !important;
            line-height: 58px !important;
            margin-top: 12px !important; } }
        @media (max-width: 767px) {
          div.intro_slide figure.ban_item > figcaption p.tit_main {
            font-size: 46px !important;
            line-height: 56px !important;
            margin-top: 8px !important; } }
        @media (max-width: 480px) {
          div.intro_slide figure.ban_item > figcaption p.tit_main {
            font-size: 35px !important;
            line-height: 44px !important;
            margin-top: 8px !important;
            letter-spacing: -2px; } }
        @media (max-width: 320px) {
          div.intro_slide figure.ban_item > figcaption p.tit_main {
            font-size: 32px !important;
            line-height: 40px !important; } }
        div.intro_slide figure.ban_item > figcaption p.tit_main.font_s {
          font-size: 40px;
          font-size: 2.6rem; }
          @media (max-width: 1024px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_s {
              font-size: 56px !important; } }
          @media (max-width: 960px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_s {
              font-size: 50px !important;
              line-height: 60px !important; } }
          @media (max-width: 767px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_s {
              font-size: 44px !important;
              line-height: 52px !important;
              margin-top: 0 !important; } }
          @media (max-width: 480px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_s {
              font-size: 32px !important;
              line-height: 42px !important; } }
          @media (max-width: 320px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_s {
              font-size: 30px !important;
              line-height: 38px !important; } }
        div.intro_slide figure.ban_item > figcaption p.tit_main.font_ss {
          font-size: 38px;
          font-size: 2.47rem; }
          @media (max-width: 1024px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_ss {
              font-size: 54px !important; } }
          @media (max-width: 960px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_ss {
              font-size: 48px !important;
              line-height: 58px !important; } }
          @media (max-width: 767px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_ss {
              font-size: 42px !important;
              line-height: 50px !important;
              margin-top: 0 !important; } }
          @media (max-width: 480px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_ss {
              font-size: 30px !important;
              line-height: 40px !important; } }
          @media (max-width: 320px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_ss {
              font-size: 28px !important;
              line-height: 36px !important; } }
        div.intro_slide figure.ban_item > figcaption p.tit_main.font_sss {
          font-size: 36px;
          font-size: 2.34rem; }
          @media (max-width: 1024px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_sss {
              font-size: 52px !important; } }
          @media (max-width: 960px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_sss {
              font-size: 46px !important;
              line-height: 56px !important; } }
          @media (max-width: 767px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_sss {
              font-size: 40px !important;
              line-height: 48px !important;
              margin-top: 0 !important; } }
          @media (max-width: 480px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_sss {
              font-size: 28px !important;
              line-height: 38px !important; } }
          @media (max-width: 320px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main.font_sss {
              font-size: 26px !important;
              line-height: 34px !important; } }
        div.intro_slide figure.ban_item > figcaption p.tit_main strong {
          font-weight: 700; }
        div.intro_slide figure.ban_item > figcaption p.tit_main span.txt_date {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          zoom: 1;
          *display: inline;
          width: auto;
          height: auto;
          top: -20px;
          right: 0;
          bottom: auto;
          left: auto;
          position: absolute;
          text-align: right;
          font-size: 13px;
          font-size: 0.845rem;
          letter-spacing: -1px; }
          @media (max-width: 480px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main span.txt_date {
              position: static;
              width: 100%;
              height: auto;
              text-align: center;
              margin-top: 5px; } }
        div.intro_slide figure.ban_item > figcaption p.tit_main span.btnbox {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          zoom: 1;
          *display: inline;
          width: auto;
          height: auto;
          top: 120%;
          right: 0;
          bottom: auto;
          left: auto;
          position: absolute; }
          div.intro_slide figure.ban_item > figcaption p.tit_main span.btnbox span.btn {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: top;
            zoom: 1;
            *display: inline;
            width: auto;
            height: auto;
            font-size: 13px;
            font-size: 0.845rem;
            letter-spacing: -1px;
            padding: 5px 20px 7px;
            border: 1px solid #FFF; }
        div.intro_slide figure.ban_item > figcaption p.tit_main > img.tit_img {
          vertical-align: middle; }
          @media (max-width: 960px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main > img.tit_img {
              width: auto;
              height: 40px; } }
          @media (max-width: 480px) {
            div.intro_slide figure.ban_item > figcaption p.tit_main > img.tit_img {
              width: auto;
              height: 35px;
              margin: 5px 0; } }
      div.intro_slide figure.ban_item > figcaption p.tit_sub {
        padding-bottom: 10px;
        font-size: 18px;
        font-size: 1.17rem; }
        @media (max-width: 1024px) {
          div.intro_slide figure.ban_item > figcaption p.tit_sub {
            margin-top: 20px; } }
        @media (max-width: 960px) {
          div.intro_slide figure.ban_item > figcaption p.tit_sub {
            display: block !important; } }
        @media (max-width: 767px) {
          div.intro_slide figure.ban_item > figcaption p.tit_sub {
            display: none !important; } }
        div.intro_slide figure.ban_item > figcaption p.tit_sub > strong {
          display: block;
          width: auto;
          height: auto;
          padding: 5px 0 8px; }
          @media (max-width: 1024px) {
            div.intro_slide figure.ban_item > figcaption p.tit_sub > strong {
              display: none !important; } }
        div.intro_slide figure.ban_item > figcaption p.tit_sub > span.txt_benefit {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          zoom: 1;
          *display: inline;
          width: auto;
          height: auto;
          margin-right: 10px;
          font-size: 16px;
          font-size: 1.04rem; }
          div.intro_slide figure.ban_item > figcaption p.tit_sub > span.txt_benefit > i {
            vertical-align: unset; }
          @media (max-width: 1024px) {
            div.intro_slide figure.ban_item > figcaption p.tit_sub > span.txt_benefit {
              display: block !important;
              font-size: 18px !important;
              margin: 6px 0 0 !important;
              width: 60%;
              word-break: keep-all; } }
          @media (max-width: 960px) {
            div.intro_slide figure.ban_item > figcaption p.tit_sub > span.txt_benefit {
              display: block !important;
              font-size: 16px !important;
              font-weight: normal !important; } }
          div.intro_slide figure.ban_item > figcaption p.tit_sub > span.txt_benefit.font_s {
            font-size: 15px !important; }
            @media (max-width: 1024px) {
              div.intro_slide figure.ban_item > figcaption p.tit_sub > span.txt_benefit.font_s {
                font-size: 20px !important; } }
            @media (max-width: 960px) {
              div.intro_slide figure.ban_item > figcaption p.tit_sub > span.txt_benefit.font_s {
                display: block !important;
                font-size: 18px !important; } }
      div.intro_slide figure.ban_item > figcaption div.abs-pos {
        top: -60px;
        right: 0; }
        @media (max-width: 1024px) {
          div.intro_slide figure.ban_item > figcaption div.abs-pos {
            right: 100px; } }
        @media (max-width: 480px) {
          div.intro_slide figure.ban_item > figcaption div.abs-pos {
            top: -25px;
            right: 0; } }
  div.introbtm_pop_wrap figure.ban_item, div.pop_layer_wrap div.BottomPopup figure.ban_item, div.mainbtm_pop_wrap figure.ban_item {
    overflow: visible;
    margin: 0 auto; }
    @media (max-width: 960px) {
      div.introbtm_pop_wrap figure.ban_item, div.pop_layer_wrap div.BottomPopup figure.ban_item, div.mainbtm_pop_wrap figure.ban_item {
        width: 100%;
        height: auto; } }
    div.introbtm_pop_wrap figure.ban_item > img, div.pop_layer_wrap div.BottomPopup figure.ban_item > img, div.mainbtm_pop_wrap figure.ban_item > img {
      margin: 0 auto; }
      div.introbtm_pop_wrap figure.ban_item > img.btm_pop, div.pop_layer_wrap div.BottomPopup figure.ban_item > img.btm_pop, div.mainbtm_pop_wrap figure.ban_item > img.btm_pop {
        width: auto;
        height: auto;
        top: -50px;
        right: 50%;
        bottom: auto;
        left: auto;
        position: absolute;
        margin-right: -560px; }
        @media (max-width: 1024px) {
          div.introbtm_pop_wrap figure.ban_item > img.btm_pop, div.pop_layer_wrap div.BottomPopup figure.ban_item > img.btm_pop, div.mainbtm_pop_wrap figure.ban_item > img.btm_pop {
            right: -35px;
            margin-right: 0; } }
        @media (max-width: 960px) {
          div.introbtm_pop_wrap figure.ban_item > img.btm_pop, div.pop_layer_wrap div.BottomPopup figure.ban_item > img.btm_pop, div.mainbtm_pop_wrap figure.ban_item > img.btm_pop {
            width: 350px; } }
        @media (max-width: 480px) {
          div.introbtm_pop_wrap figure.ban_item > img.btm_pop, div.pop_layer_wrap div.BottomPopup figure.ban_item > img.btm_pop, div.mainbtm_pop_wrap figure.ban_item > img.btm_pop {
            width: 200px;
            right: auto;
            left: -20px;
            top: -50px; } }
    div.introbtm_pop_wrap figure.ban_item figcaption, div.pop_layer_wrap div.BottomPopup figure.ban_item figcaption, div.mainbtm_pop_wrap figure.ban_item figcaption {
      top: 20px;
      width: 1000px;
      margin-left: -500px; }
      @media (max-width: 1024px) {
        div.introbtm_pop_wrap figure.ban_item figcaption, div.pop_layer_wrap div.BottomPopup figure.ban_item figcaption, div.mainbtm_pop_wrap figure.ban_item figcaption {
          width: 100%;
          margin-left: -45%; } }
      @media (max-width: 960px) {
        div.introbtm_pop_wrap figure.ban_item figcaption, div.pop_layer_wrap div.BottomPopup figure.ban_item figcaption, div.mainbtm_pop_wrap figure.ban_item figcaption {
          top: 60px;
          margin-left: 0;
          left: 20px; } }
      @media (max-width: 480px) {
        div.introbtm_pop_wrap figure.ban_item figcaption, div.pop_layer_wrap div.BottomPopup figure.ban_item figcaption, div.mainbtm_pop_wrap figure.ban_item figcaption {
          left: 0; } }
      @media (max-width: 480px) {
        div.introbtm_pop_wrap figure.ban_item figcaption p.tit_main, div.pop_layer_wrap div.BottomPopup figure.ban_item figcaption p.tit_main, div.mainbtm_pop_wrap figure.ban_item figcaption p.tit_main {
          line-height: 25px;
          line-height: 1.875rem; } }
      div.introbtm_pop_wrap figure.ban_item figcaption div.abs-pos, div.pop_layer_wrap div.BottomPopup figure.ban_item figcaption div.abs-pos, div.mainbtm_pop_wrap figure.ban_item figcaption div.abs-pos {
        display: none; }
  section.top_ban.wrap_1024 figure.ban_item {
    width: 80%;
    height: 180px;
    overflow: hidden;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      section.top_ban.wrap_1024 figure.ban_item {
        width: 100%;
        height: 100px; } }
    section.top_ban.wrap_1024 figure.ban_item > img {
      width: 100%;
      margin-left: 0 !important; }
      @media (max-width: 960px) {
        section.top_ban.wrap_1024 figure.ban_item > img {
          margin-top: -40%; } }
      @media (max-width: 480px) {
        section.top_ban.wrap_1024 figure.ban_item > img {
          margin-top: -30%; } }
    section.top_ban.wrap_1024 figure.ban_item figcaption {
      top: 20px;
      width: 100%;
      margin-left: -50%; }
      @media (max-width: 1024px) {
        section.top_ban.wrap_1024 figure.ban_item figcaption {
          width: 100%;
          margin-left: -45%;
          top: 10px; } }
      @media (max-width: 960px) {
        section.top_ban.wrap_1024 figure.ban_item figcaption {
          margin-left: 0;
          top: 20px; } }
      @media (max-width: 480px) {
        section.top_ban.wrap_1024 figure.ban_item figcaption {
          top: 10px; } }
      section.top_ban.wrap_1024 figure.ban_item figcaption.center {
        text-align: center; }
      section.top_ban.wrap_1024 figure.ban_item figcaption span.txt_th {
        font-size: 12px;
        font-size: 0.78rem;
        word-break: keep-all; }
        @media (max-width: 960px) {
          section.top_ban.wrap_1024 figure.ban_item figcaption span.txt_th {
            width: 100%;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            padding: 3px !important; } }
        section.top_ban.wrap_1024 figure.ban_item figcaption span.txt_th.font_s {
          font-size: 11px;
          font-size: 0.715rem; }
      section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main {
        word-break: keep-all;
        font-size: 30px;
        font-size: 1.95rem;
        margin-bottom: 5px; }
        @media (max-width: 960px) {
          section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main {
            font-size: 21px;
            font-size: 1.365rem;
            width: 100%;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            margin-bottom: 10px; } }
        section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main.font_s {
          font-size: 27px;
          font-size: 1.755rem; }
          @media (max-width: 960px) {
            section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main.font_s {
              font-size: 20px;
              font-size: 1.3rem; } }
        section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main.font_ss {
          font-size: 25px;
          font-size: 1.625rem; }
          @media (max-width: 960px) {
            section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main.font_ss {
              font-size: 19px;
              font-size: 1.235rem; } }
        section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main.font_sss {
          font-size: 23px;
          font-size: 1.495rem; }
          @media (max-width: 960px) {
            section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main.font_sss {
              font-size: 18px;
              font-size: 1.17rem; } }
        section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main br.on_m {
          display: none !important; }
        section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main span.txt_date {
          top: auto;
          bottom: 0;
          right: -110px; }
          @media (max-width: 960px) {
            section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main span.txt_date {
              display: none; } }
        section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_main span.btnbox {
          display: none; }
      section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_sub {
        font-size: 14px;
        font-size: 0.91rem; }
        section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_sub span.txt_benefit {
          font-size: 13px;
          font-size: 0.845rem; }
        @media (max-width: 960px) {
          section.top_ban.wrap_1024 figure.ban_item figcaption p.tit_sub {
            display: none; } }
      section.top_ban.wrap_1024 figure.ban_item figcaption div.abs-pos {
        top: -20px;
        right: 20px; }
        @media (max-width: 1024px) {
          section.top_ban.wrap_1024 figure.ban_item figcaption div.abs-pos {
            top: -10px;
            right: 100px; } }
        @media (max-width: 480px) {
          section.top_ban.wrap_1024 figure.ban_item figcaption div.abs-pos {
            display: none; } }
    section.top_ban.wrap_1024 figure.ban_item.cover {
      width: 100%;
      height: 150px; }
      section.top_ban.wrap_1024 figure.ban_item.cover > img {
        width: 1400px;
        margin-left: -200px !important; }
        @media (max-width: 960px) {
          section.top_ban.wrap_1024 figure.ban_item.cover > img {
            margin-top: 0;
            margin-left: 0 !important; } }
      section.top_ban.wrap_1024 figure.ban_item.cover figcaption {
        top: 30px;
        width: 1000px;
        margin-left: -500px; }
        @media (max-width: 1024px) {
          section.top_ban.wrap_1024 figure.ban_item.cover figcaption {
            width: 100%;
            margin-left: -45%; } }
        @media (max-width: 960px) {
          section.top_ban.wrap_1024 figure.ban_item.cover figcaption {
            margin-left: 0; } }
        @media (max-width: 480px) {
          section.top_ban.wrap_1024 figure.ban_item.cover figcaption {
            top: 10px; } }
        @media (max-width: 960px) {
          section.top_ban.wrap_1024 figure.ban_item.cover figcaption.full_img {
            top: 10px;
            left: 0; } }
        section.top_ban.wrap_1024 figure.ban_item.cover figcaption.full_img img {
          margin: 0 auto; }

article.main_ban_area .main_slide figure.ban_item {
  height: 236px; }
  @media (max-width: 960px) {
    article.main_ban_area .main_slide figure.ban_item {
      height: 300px !important; } }
  @media (max-width: 767px) {
    article.main_ban_area .main_slide figure.ban_item {
      height: 240px !important; }
      article.main_ban_area .main_slide figure.ban_item > img {
        display: none !important; } }
  @media (max-width: 1024px) {
    article.main_ban_area .main_slide figure.ban_item > figcaption {
      top: 60px; } }
  @media (max-width: 960px) {
    article.main_ban_area .main_slide figure.ban_item > figcaption {
      width: 100%;
      left: 8%; } }
  @media (max-width: 767px) {
    article.main_ban_area .main_slide figure.ban_item > figcaption {
      left: 0;
      top: 48px;
      text-align: center; } }
  @media (max-width: 480px) {
    article.main_ban_area .main_slide figure.ban_item > figcaption {
      top: 30px; } }
  article.main_ban_area .main_slide figure.ban_item > figcaption span.txt_th {
    font-size: 15.4px;
    font-size: 1.001rem; }
    article.main_ban_area .main_slide figure.ban_item > figcaption span.txt_th.box {
      padding: 4px 8px;
      -webkit-border-radius: 0;
      border-radius: 0;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
    @media (max-width: 767px) {
      article.main_ban_area .main_slide figure.ban_item > figcaption span.txt_th {
        font-size: 14px;
        font-size: 0.91rem;
        margin-bottom: 6px; }
        article.main_ban_area .main_slide figure.ban_item > figcaption span.txt_th.box {
          padding: 3px 6px 5px 6px; } }
  article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main {
    margin: 4px 0 8px;
    font-size: 38px;
    font-size: 2.47rem; }
    article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main.font_s {
      font-size: 36px;
      font-size: 2.34rem; }
    @media (max-width: 1024px) {
      article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main br.on_m {
        display: none !important; } }
    @media (max-width: 960px) {
      article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main {
        line-height: 48px;
        margin: 0; }
        article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main.font_s {
          line-height: 46px; }
        article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main br.on_m {
          display: block !important; } }
    @media (max-width: 767px) {
      article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main {
        font-size: 32px;
        font-size: 2.08rem;
        line-height: 40px;
        letter-spacing: -2px; }
        article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main.font_s {
          font-size: 30px;
          font-size: 1.95rem;
          line-height: 38px; }
        article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main br.on_m {
          display: block !important; } }
    @media only screen and (min-width: 481px) and (max-width: 600px) {
      article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main {
        font-size: 30px;
        font-size: 1.95rem;
        line-height: 38px; }
        article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main.font_s {
          font-size: 28px;
          font-size: 1.82rem;
          line-height: 36px; }
        article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main br.on_m {
          display: block !important; } }
    @media (max-width: 480px) {
      article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main {
        font-size: 30px;
        font-size: 1.95rem;
        line-height: 38px;
        letter-spacing: -2px; }
        article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main.font_s {
          font-size: 28px;
          font-size: 1.82rem;
          line-height: 36px; }
        article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main br.on_m {
          display: block !important; } }
    @media (max-width: 320px) {
      article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main {
        font-size: 28px;
        font-size: 1.82rem;
        line-height: 36px;
        letter-spacing: -1px; }
        article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_main.font_s {
          font-size: 26px;
          font-size: 1.69rem;
          line-height: 34px; } }
  @media (max-width: 1024px) {
    article.main_ban_area .main_slide figure.ban_item > figcaption p.tit_sub > strong {
      display: none; } }
  article.main_ban_area .main_slide figure.ban_item.wrap_tb > figcaption {
    margin-left: -45% !important; }
  article.main_ban_area .main_slide figure.ban_item.wrap_tb > img.on_w {
    display: none; }
  article.main_ban_area .main_slide figure.ban_item.wrap_tb > img.on_m {
    display: block !important; }
  @media (max-width: 1024px) {
    article.main_ban_area .main_slide figure.ban_item.wrap_tb {
      padding: 0;
      height: 236px; }
      article.main_ban_area .main_slide figure.ban_item.wrap_tb > figcaption {
        top: 60px !important; } }
  @media (max-width: 960px) {
    article.main_ban_area .main_slide figure.ban_item.wrap_tb {
      padding: 0;
      height: 300px; }
      article.main_ban_area .main_slide figure.ban_item.wrap_tb > figcaption {
        margin: 0 !important; }
        article.main_ban_area .main_slide figure.ban_item.wrap_tb > figcaption .txt_th {
          padding: 4px 8px; }
        article.main_ban_area .main_slide figure.ban_item.wrap_tb > figcaption .tit_main .tit_tb {
          display: block; } }
  @media (max-width: 767px) {
    article.main_ban_area .main_slide figure.ban_item.wrap_tb > img.on_m {
      display: none !important; } }
  @media (max-width: 767px) {
    article.main_ban_area .main_slide figure.ban_item.wrap_tb {
      height: 240px; }
      article.main_ban_area .main_slide figure.ban_item.wrap_tb > figcaption {
        top: 48px !important; } }
  article.main_ban_area .main_slide figure.ban_item.wrap_tb > img.slide_tb {
    width: 235px;
    margin-right: 40px; }
    @media (max-width: 1024px) {
      article.main_ban_area .main_slide figure.ban_item.wrap_tb > img.slide_tb {
        width: 23%;
        margin: 5% 5% 0 0; } }
    @media (max-width: 960px) {
      article.main_ban_area .main_slide figure.ban_item.wrap_tb > img.slide_tb {
        width: 31%;
        margin: 5% 6% 0 0 !important; } }
    @media (max-width: 767px) {
      article.main_ban_area .main_slide figure.ban_item.wrap_tb > img.slide_tb {
        display: none; } }
  @media (max-width: 480px) {
    article.main_ban_area .main_slide figure.ban_item.wrap_tb > figcaption {
      top: 38px !important; } }

.wrap_tb {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden; }
  .wrap_tb:after {
    display: block;
    content: '';
    line-height: 0;
    clear: both; }
  .wrap_tb > img.slide_tb {
    float: right;
    width: 330px;
    margin-top: 25px !important; }
  @media (max-width: 1024px) {
    .wrap_tb {
      width: 100%;
      height: auto;
      padding: 8% 6%; }
      .wrap_tb img.slide_tb {
        padding: 0;
        width: 45%; } }
  @media (max-width: 960px) {
    .wrap_tb {
      padding: 6%; }
      .wrap_tb img.slide_tb {
        margin-top: 1% !important;
        width: 45%; } }
  @media (max-width: 767px) {
    .wrap_tb {
      text-align: center;
      padding: 4%; }
      .wrap_tb img.slide_tb {
        float: none;
        margin: 180px auto 0 !important;
        width: 60%; } }
  @media only screen and (min-width: 481px) and (max-width: 600px) {
    .wrap_tb img.slide_tb {
      margin: 200px auto 0 !important;
      width: 68%; } }
  @media (max-width: 480px) {
    .wrap_tb img.slide_tb {
      margin: 180px auto 0 !important;
      width: 68%; } }
  @media (max-width: 320px) {
    .wrap_tb img.slide_tb {
      display: none !important; } }
  @media (max-width: 1024px) {
    .wrap_tb .on_w {
      display: none !important; } }
  @media (max-width: 960px) {
    .wrap_tb .on_w {
      display: none !important; } }
  .wrap_tb .on_m {
    display: none !important; }
    @media (max-width: 1024px) {
      .wrap_tb .on_m {
        display: block !important; } }
    @media (max-width: 960px) {
      .wrap_tb .on_m {
        display: block !important; } }
  @media (max-width: 1024px) {
    .wrap_tb > figcaption {
      top: 17% !important;
      left: 6%;
      margin: 0 !important; } }
  @media (max-width: 960px) {
    .wrap_tb > figcaption {
      top: 13% !important; } }
  @media (max-width: 767px) {
    .wrap_tb > figcaption {
      top: 6.2% !important; } }
  @media (max-width: 480px) {
    .wrap_tb > figcaption {
      top: 28px !important;
      text-align: center !important; } }
  @media (max-width: 320px) {
    .wrap_tb > figcaption {
      top: 25px !important; } }

@media (max-width: 1024px) {
  .on_w {
    display: none !important; } }

@media (max-width: 960px) {
  .on_w {
    display: none !important; } }

.on_web {
  display: none; }

.on_mobile {
  display: none; }

.on_m {
  display: none !important; }
  @media (max-width: 1024px) {
    .on_m {
      display: block !important; } }
  @media (max-width: 960px) {
    .on_m {
      display: block !important; } }

@media (max-width: 960px) {
  section.s_main_contents div.c_wrap article.main_ban_area div.main_slide div.ban_item_wrap figure.ban_item figcaption p.tit_main img.tit_img {
    width: auto;
    height: 45px; } }

@media (max-width: 480px) {
  section.s_main_contents div.c_wrap article.main_ban_area div.main_slide div.ban_item_wrap figure.ban_item figcaption p.tit_main img.tit_img {
    width: auto;
    height: 35px;
    margin: 5px 0; } }

article.ban_open160218 {
  background: url(../../img/event/open160218/img_ban.png) no-repeat;
  background-size: 1000px 235px; }
  @media (max-width: 480px) {
    article.ban_open160218 {
      background: url(../../img/event/open160218/img_ban_m.png) no-repeat center;
      background-size: auto 300px; } }

article.s_ban_open160218 {
  background: url(../../img/event/open160218/img_ban.png) no-repeat center;
  background-size: auto 100px; }

article.ban_sangsi_tcc {
  background: url(../../img/event/sangsi_tcc/img_ban.png) no-repeat;
  background-size: 1000px 235px; }
  @media (max-width: 480px) {
    article.ban_sangsi_tcc {
      background: url(../../img/event/sangsi_tcc/img_ban_m.png) no-repeat center;
      background-size: auto 300px; } }

article.s_ban_sangsi_tcc {
  background: url(../../img/event/sangsi_tcc/img_ban.png) no-repeat center;
  background-size: auto 100px; }

article.ban_tax160302 {
  background: url(../../img/event/tax160302/img_ban.png) no-repeat;
  background-size: 1000px 235px; }
  @media (max-width: 480px) {
    article.ban_tax160302 {
      background: url(../../img/event/tax160302/img_ban_m.png) no-repeat center;
      background-size: auto 300px; } }

article.s_ban_tax160302 {
  background: url(../../img/event/tax160302/img_ban.png) no-repeat center;
  background-size: auto 100px; }

article.ban_exchange160302 {
  background: url(../../img/event/exchange160302/img_ban.png) no-repeat;
  background-size: 1000px 235px; }
  @media (max-width: 480px) {
    article.ban_exchange160302 {
      background: url(../../img/event/exchange160302/img_ban_m.png) no-repeat center;
      background-size: auto 300px; } }

article.s_ban_exchange160302 {
  background: url(../../img/event/exchange160302/img_ban.png) no-repeat center;
  background-size: auto 100px; }

article.ban_ncs160223 {
  background: url(../../img/event/ncs160223/img_ban.png) no-repeat;
  background-size: 1000px 235px; }
  @media (max-width: 480px) {
    article.ban_ncs160223 {
      background: url(../../img/event/ncs160223/img_ban_m.png) no-repeat;
      background-size: cover; } }

article.s_ban_ncs160223 {
  background: url(../../img/event/ncs160223/s_img_ban.png) no-repeat; }
  @media (max-width: 960px) {
    article.s_ban_ncs160223 {
      background: url(../../img/event/ncs160223/s_img_ban_m.png) no-repeat;
      background-size: 320px 100px; } }

article.ban_ncs160229 {
  background: url(../../img/event/ncs160229/img_ban.png) no-repeat;
  background-size: 1000px 235px; }
  @media (max-width: 480px) {
    article.ban_ncs160229 {
      background: url(../../img/event/ncs160229/img_ban_m.png) no-repeat;
      background-size: cover; } }

article.s_ban_ncs160229 {
  background: url(../../img/event/ncs160229/s_img_ban.png) no-repeat; }
  @media (max-width: 960px) {
    article.s_ban_ncs160229 {
      background: url(../../img/event/ncs160229/s_img_ban_m.png) no-repeat;
      background-size: 320px 100px; } }

article.ban_ncs160323 {
  background: url(../../img/event/ncs160323/img_ban.png) no-repeat;
  background-size: 1000px 235px; }
  @media (max-width: 480px) {
    article.ban_ncs160323 {
      background: url(../../img/event/ncs160323/img_ban_m.png) no-repeat;
      background-size: cover; } }

article.s_ban_ncs160323 {
  background: url(../../img/event/ncs160323/s_img_ban.png) no-repeat; }
  @media (max-width: 960px) {
    article.s_ban_ncs160323 {
      background: url(../../img/event/ncs160323/s_img_ban_m.png) no-repeat;
      background-size: 320px 100px; } }

article.ban_trade_master160226 {
  background: url(../../img/event/trade_master160226/img_ban.png) no-repeat;
  background-size: 1000px 235px; }
  @media (max-width: 480px) {
    article.ban_trade_master160226 {
      background: url(../../img/event/trade_master160226/img_ban_m.png) no-repeat;
      background-size: cover; } }

article.s_ban_trade_master160226 {
  background: url(../../img/event/trade_master160226/s_img_ban.png) no-repeat; }
  @media (max-width: 960px) {
    article.s_ban_trade_master160226 {
      background: url(../../img/event/trade_master160226/s_img_ban_m.png) no-repeat;
      background-size: 320px 100px; } }

article.ban_afpk160224 {
  background: url(../../img/event/afpk160224/img_ban.png) no-repeat;
  background-size: 1000px 235px; }
  @media (max-width: 480px) {
    article.ban_afpk160224 {
      background: url(../../img/event/afpk160224/img_ban_m.png) no-repeat;
      background-size: cover; } }

article.s_ban_afpk160224 {
  background: url(../../img/event/afpk160224/s_img_ban.png) no-repeat; }
  @media (max-width: 960px) {
    article.s_ban_afpk160224 {
      background: url(../../img/event/afpk160224/s_img_ban_m.png) no-repeat;
      background-size: 320px 100px; } }

article.ban_bank_fp_160225 {
  background: url(../../img/event/bank_fp_160225/img_ban.png) no-repeat;
  background-size: 1000px 235px; }
  @media (max-width: 480px) {
    article.ban_bank_fp_160225 {
      background: url(../../img/event/bank_fp_160225/img_ban_m.png) no-repeat;
      background-size: cover; } }

article.s_ban_bank_fp_160225 {
  background: url(../../img/event/bank_fp_160225/s_img_ban.png) no-repeat; }
  @media (max-width: 960px) {
    article.s_ban_bank_fp_160225 {
      background: url(../../img/event/bank_fp_160225/s_img_ban_m.png) no-repeat;
      background-size: 320px 100px; } }

article.s_ban_wrap {
  width: 320px;
  height: 100px;
  position: relative;
  padding: 12px 0 0 20px; }
  @media (max-width: 960px) {
    article.s_ban_wrap {
      padding: 15px 0 0 22px; } }
  article.s_ban_wrap img {
    -ms-transform: none !important;
    transform: none !important;
    -webkit-transform: none !important; }
  article.s_ban_wrap img.img_decoration {
    width: 108px !important;
    position: absolute !important;
    top: 0;
    right: 0; }
  article.s_ban_wrap img.img_logo {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 120px !important;
    height: auto !important; }
  article.s_ban_wrap h5 span {
    font-size: 12px;
    font-size: 0.78rem;
    color: #fff;
    font-weight: bold;
    background: #aab4bd;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    background-clip: padding-box;
    padding: 2px 5px 2px 3px;
    display: inline-block; }
    @media (max-width: 960px) {
      article.s_ban_wrap h5 span {
        margin: 0 0 3px 0;
        padding: 0 6px;
        line-height: 22px; } }
    article.s_ban_wrap h5 span.d-day {
      -webkit-border-bottom-right-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-top-right-radius: 0;
      background-clip: padding-box;
      -webkit-border-bottom-left-radius: 4px;
      border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      border-top-left-radius: 4px;
      background-clip: padding-box;
      background-color: #E05611; }
    article.s_ban_wrap h5 span.round {
      -webkit-border-radius: 4px;
      border-radius: 4px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
  article.s_ban_wrap h5 strong {
    font-size: 25px;
    color: #5f5f5f;
    letter-spacing: -2px;
    display: block; }
    @media (max-width: 960px) {
      article.s_ban_wrap h5 strong {
        font-size: 20px !important;
        line-height: 28px;
        letter-spacing: -1px; } }
    @media (max-width: 767px) {
      article.s_ban_wrap h5 strong {
        font-size: 18px !important;
        line-height: 26px; } }
  article.s_ban_wrap p {
    color: #aab4bd;
    font-size: 12px; }
    @media (max-width: 960px) {
      article.s_ban_wrap p {
        font-size: 13px !important;
        line-height: 16px; } }
    @media (max-width: 767px) {
      article.s_ban_wrap p {
        font-size: 12px !important;
        line-height: 15px; } }
    article.s_ban_wrap p em {
      font-weight: bold; }

article.s_ban_st1 {
  width: 320px;
  height: 100px;
  padding: 15px 0 0 20px; }
  article.s_ban_st1 span {
    display: block; }
  @media (max-width: 960px) {
    article.s_ban_st1 {
      padding: 25px 0 0 20px; } }

article.s_ban_st2 {
  width: 320px;
  height: 100px;
  text-align: center;
  padding: 15px; }
  @media (max-width: 960px) {
    article.s_ban_st2 {
      padding: 20px 0 0 0; } }

article.s_ban_st3 {
  position: relative;
  width: 320px;
  height: 100px;
  padding: 33px 0 0 20px; }
  @media (max-width: 960px) {
    article.s_ban_st3 {
      padding: 35px 0 0 20px; } }
  article.s_ban_st3 strong {
    display: block; }
  article.s_ban_st3 div.p_ab_top {
    text-align: left; }

article.circle_ban {
  position: fixed;
  right: 20px;
  top: 250px;
  z-index: 100; }
  article.circle_ban a.circle_ban_wrap {
    position: relative;
    display: block;
    background: url(../../img/event/ban_circle.png) no-repeat;
    width: 196px;
    height: 197px;
    text-align: center; }
    article.circle_ban a.circle_ban_wrap img.deco_circle_ban {
      position: absolute;
      bottom: 120px; }
    article.circle_ban a.circle_ban_wrap h5.circle_ban_tt {
      color: #fff;
      font-size: 20px;
      line-height: 22px;
      padding: 85px 0 0 0; }
      article.circle_ban a.circle_ban_wrap h5.circle_ban_tt span {
        display: block; }
      article.circle_ban a.circle_ban_wrap h5.circle_ban_tt strong {
        color: #ffe957; }
  article.circle_ban button.btn_close {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: none;
    width: 40px;
    height: 40px; }

article.evn_ban_area {
  position: relative;
  clear: both;
  width: 100%;
  min-width: 1000px;
  height: 160px;
  overflow-y: hidden;
  background: #ebecee; }
  @media (max-width: 960px) {
    article.evn_ban_area {
      min-width: 100%;
      background: #ebecee; } }
  article.evn_ban_area div.evn_s_slide {
    position: relative;
    width: 1000px;
    height: 160px;
    margin: 0 auto;
    padding: 30px 0; }
    @media (max-width: 960px) {
      article.evn_ban_area div.evn_s_slide {
        width: 100%;
        height: auto; }
        article.evn_ban_area div.evn_s_slide img {
          width: 90%; } }
    article.evn_ban_area div.evn_s_slide ul.slides {
      overflow-y: hidden; }
      article.evn_ban_area div.evn_s_slide ul.slides li {
        position: relative;
        background: #fff; }
    article.evn_ban_area div.evn_s_slide img {
      width: 320px;
      height: 100px; }
    article.evn_ban_area div.evn_s_slide > div.lSSlideOuter > div.lSSlideWrapper {
      position: static !important; }
      @media (max-width: 960px) {
        article.evn_ban_area div.evn_s_slide > div.lSSlideOuter > div.lSSlideWrapper > div.lSAction {
          display: none; } }
      article.evn_ban_area div.evn_s_slide > div.lSSlideOuter > div.lSSlideWrapper > div.lSAction > a.lSPrev {
        position: absolute;
        top: 73px;
        left: -30px;
        font-size: 30px;
        color: #bbb; }
        @media (max-width: 960px) {
          article.evn_ban_area div.evn_s_slide > div.lSSlideOuter > div.lSSlideWrapper > div.lSAction > a.lSPrev {
            left: 0;
            top: 80px;
            color: #2e4762; } }
        @media \0screen {
          article.evn_ban_area div.evn_s_slide > div.lSSlideOuter > div.lSSlideWrapper > div.lSAction > a.lSPrev {
            left: 0;
            color: #444; } }
      article.evn_ban_area div.evn_s_slide > div.lSSlideOuter > div.lSSlideWrapper > div.lSAction > a.lSNext {
        position: absolute;
        top: 73px;
        right: -30px;
        font-size: 30px;
        color: #bbb; }
        @media (max-width: 960px) {
          article.evn_ban_area div.evn_s_slide > div.lSSlideOuter > div.lSSlideWrapper > div.lSAction > a.lSNext {
            right: 0;
            top: 80px;
            color: #2e4762; } }
        @media \0screen {
          article.evn_ban_area div.evn_s_slide > div.lSSlideOuter > div.lSSlideWrapper > div.lSAction > a.lSNext {
            right: 0;
            color: #444; } }
    @media (max-width: 960px) {
      article.evn_ban_area div.evn_s_slide > ul.flex-direction-nav {
        display: none; } }
    article.evn_ban_area div.evn_s_slide > ul.flex-direction-nav > li {
      width: 13px;
      height: 20px; }
      article.evn_ban_area div.evn_s_slide > ul.flex-direction-nav > li > a {
        position: absolute;
        display: block;
        color: #ddd;
        font-size: 25px; }
        article.evn_ban_area div.evn_s_slide > ul.flex-direction-nav > li > a:hover {
          color: #666; }
        article.evn_ban_area div.evn_s_slide > ul.flex-direction-nav > li > a.flex-prev {
          top: 60px;
          left: -30px; }
        article.evn_ban_area div.evn_s_slide > ul.flex-direction-nav > li > a.flex-next {
          top: 60px;
          right: -30px; }

ul.all_category_etc > li.ban > a {
  height: 65px;
  padding: 0 !important;
  margin: 0 !important;
  width: 370px;
  height: 65px;
  overflow: hidden; }
  ul.all_category_etc > li.ban > a:hover {
    border: 1px solid #fafafa !important;
    background: none !important; }
  @media (max-width: 1024px) {
    ul.all_category_etc > li.ban > a {
      position: static;
      width: 100%; } }
  ul.all_category_etc > li.ban > a > article.s_ban_wrap {
    padding: 10px 0 0 0;
    width: 370px;
    height: 65px; }
    @media (max-width: 1024px) {
      ul.all_category_etc > li.ban > a > article.s_ban_wrap {
        position: static;
        width: 100%;
        padding: 10px 5%; } }
    @media (max-width: 480px) {
      ul.all_category_etc > li.ban > a > article.s_ban_wrap {
        padding: 10px; } }
    ul.all_category_etc > li.ban > a > article.s_ban_wrap > h5 > strong {
      font-size: 18px; }
    ul.all_category_etc > li.ban > a > article.s_ban_wrap > p {
      position: absolute;
      top: 10px;
      right: 75px; }
    ul.all_category_etc > li.ban > a > article.s_ban_wrap > img.img_decoration {
      position: absolute;
      top: 0;
      right: 0;
      width: auto !important;
      height: 65px !important; }
      @media (max-width: 1024px) {
        ul.all_category_etc > li.ban > a > article.s_ban_wrap > img.img_decoration {
          right: 5%; } }
      @media (max-width: 480px) {
        ul.all_category_etc > li.ban > a > article.s_ban_wrap > img.img_decoration {
          right: 10px; } }

div.pop_layer_wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 200px; }
  @media (max-width: 960px) {
    div.pop_layer_wrap {
      height: 200px; } }
  @media (max-width: 480px) {
    div.pop_layer_wrap {
      height: 150px; } }
  div.pop_layer_wrap div.introbtm_pop_wrap, div.pop_layer_wrap div.BottomPopup {
    width: 100%;
    height: 200px;
    z-index: 105;
    position: fixed;
    bottom: 0;
    left: 0; }
    div.pop_layer_wrap div.introbtm_pop_wrap img.event_img, div.pop_layer_wrap div.BottomPopup img.event_img {
      width: 900px;
      height: auto;
      margin: -150px auto 0; }
      @media (max-width: 960px) {
        div.pop_layer_wrap div.introbtm_pop_wrap img.event_img, div.pop_layer_wrap div.BottomPopup img.event_img {
          display: none; } }
    div.pop_layer_wrap div.introbtm_pop_wrap img.event_img_m, div.pop_layer_wrap div.BottomPopup img.event_img_m {
      display: none;
      width: 80%;
      height: auto;
      margin: -120px auto 0; }
      @media (max-width: 960px) {
        div.pop_layer_wrap div.introbtm_pop_wrap img.event_img_m, div.pop_layer_wrap div.BottomPopup img.event_img_m {
          display: block; } }
      @media (max-width: 480px) {
        div.pop_layer_wrap div.introbtm_pop_wrap img.event_img_m, div.pop_layer_wrap div.BottomPopup img.event_img_m {
          width: 100%; } }
    div.pop_layer_wrap div.introbtm_pop_wrap label.day_close, div.pop_layer_wrap div.BottomPopup label.day_close {
      top: auto;
      right: auto;
      bottom: 210px;
      left: 50%;
      position: absolute;
      margin-left: -500px; }
      @media (max-width: 960px) {
        div.pop_layer_wrap div.introbtm_pop_wrap label.day_close, div.pop_layer_wrap div.BottomPopup label.day_close {
          top: -30px;
          bottom: auto;
          left: auto;
          right: 10px;
          margin: 0; } }
      div.pop_layer_wrap div.introbtm_pop_wrap label.day_close span.day_close, div.pop_layer_wrap div.BottomPopup label.day_close span.day_close {
        color: #fff;
        cursor: pointer;
        text-shadow: 0 0 2px #000; }
        div.pop_layer_wrap div.introbtm_pop_wrap label.day_close span.day_close input, div.pop_layer_wrap div.BottomPopup label.day_close span.day_close input {
          vertical-align: middle; }
      div.pop_layer_wrap div.introbtm_pop_wrap label.day_close button.btn_guide_pop_close, div.pop_layer_wrap div.BottomPopup label.day_close button.btn_guide_pop_close {
        color: #ccc;
        background: none;
        border: none;
        vertical-align: middle; }
  @media (max-width: 480px) {
    div.pop_layer_wrap div.BottomPopup {
      height: 200px; } }
  div.pop_layer_wrap div.BottomPopup a {
    display: block;
    width: 100%;
    height: 100%; }
  @media (max-width: 960px) {
    div.pop_layer_wrap div.BottomPopup button.btn_guide_pop_close {
      right: 0;
      bottom: 200px;
      margin-right: 0; } }
  @media (max-width: 480px) {
    div.pop_layer_wrap div.BottomPopup button.btn_guide_pop_close {
      bottom: 200px;
      background-color: #ffdf49; } }

div.full_layer_default_wrap {
  display: none;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../img//all_bg.png) repeat; }
  @media (max-width: 960px) {
    div.full_layer_default_wrap {
      display: none; } }
  div.full_layer_default_wrap div.full_layer_default_box {
    position: absolute;
    top: 50%;
    left: 50%; }
    div.full_layer_default_wrap div.full_layer_default_box div.close_box {
      width: 100%;
      padding: 0 0 5px 0;
      color: #fff;
      text-align: right; }
      div.full_layer_default_wrap div.full_layer_default_box div.close_box div.check_day_box {
        display: inline-block; }
        div.full_layer_default_wrap div.full_layer_default_box div.close_box div.check_day_box input {
          display: inline-block;
          vertical-align: middle; }
      div.full_layer_default_wrap div.full_layer_default_box div.close_box button.full_layer_close {
        border: none;
        background: none; }
    div.full_layer_default_wrap div.full_layer_default_box article.full_layer_default_ar {
      background: #fff;
      width: 100%;
      height: 100%; }

div.right_layer_pop {
  z-index: 7;
  position: absolute;
  right: 20px;
  top: 5px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 2px 2px 30px 5px #333;
  box-shadow: 2px 2px 30px 5px #333; }
  @media (max-width: 960px) {
    div.right_layer_pop {
      display: none; } }
  div.right_layer_pop img {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
  div.right_layer_pop button.right_layer_pop_close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    border: none;
    background: none; }

span.dday_ani {
  width: 100px;
  height: 100px;
  background: #f26c4f;
  color: #fff;
  font-size: 15px;
  font-size: 0.975rem;
  font-weight: bold;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 20px 0 0 0;
  -webkit-box-shadow: 5px 5px 20px #000;
  box-shadow: 5px 5px 20px #000;
  -webkit-animation: scale 1s infinite;
  -moz-animation: scale 1s infinite;
  animation: scale 1s infinite; }
  span.dday_ani i {
    font-size: 30px;
    font-size: 1.95rem;
    display: block; }
  @media (max-width: 960px) {
    span.dday_ani {
      display: none; } }

/* scale icon */
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes scale {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.1); }
  100% {
    -moz-transform: scale(1); } }

@keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

article.IntroTopRightPop {
  z-index: 7;
  position: absolute;
  right: 20px;
  top: 25px; }
  @media (max-width: 1024px) {
    article.IntroTopRightPop {
      display: none; } }
  article.IntroTopRightPop.ad_line {
    width: 340px;
    height: 307px;
    top: 5px; }
  article.IntroTopRightPop button.btn_close {
    position: absolute;
    top: 6px;
    right: 7px;
    color: #fff;
    background: #000;
    border: none;
    width: 30px;
    height: 30px; }

div.topright_a_wrap {
  display: block;
  background: #ffffff;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 0 0 15px 0; }
  div.topright_a_wrap img {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 15px 0; }
  div.topright_a_wrap p {
    word-break: keep-all; }
    div.topright_a_wrap p.large_p {
      font-size: 18px;
      font-size: 1.17rem;
      font-weight: bold;
      color: #383838;
      margin: 0 0 5px 0; }
      div.topright_a_wrap p.large_p strong {
        color: #d94e4e; }
    div.topright_a_wrap p.small_p {
      color: #aab4bd;
      font-weight: bold;
      letter-spacing: 0;
      font-size: 13px;
      font-size: 0.845rem; }
      div.topright_a_wrap p.small_p strong {
        display: inline-block;
        padding: 0 0 2px 0;
        border-bottom: 2px solid #d94e4e; }

div.top_layer_evn_ban, aside.pc_top_benefit ul.top_layer_evn_list li a {
  display: block;
  min-height: 70px;
  background: #ffffff; }
  div.top_layer_evn_ban img, aside.pc_top_benefit ul.top_layer_evn_list li a img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    height: 60px; }
  div.top_layer_evn_ban div.text_wrap, aside.pc_top_benefit ul.top_layer_evn_list li a div.text_wrap {
    padding: 10px 0 5px 75px;
    color: #2e4762; }
    div.top_layer_evn_ban div.text_wrap p, aside.pc_top_benefit ul.top_layer_evn_list li a div.text_wrap p {
      line-height: 140%; }
      div.top_layer_evn_ban div.text_wrap p em, aside.pc_top_benefit ul.top_layer_evn_list li a div.text_wrap p em {
        color: #f26c4f; }
      div.top_layer_evn_ban div.text_wrap p.sub_copy, aside.pc_top_benefit ul.top_layer_evn_list li a div.text_wrap p.sub_copy {
        font-size: 12px;
        font-weight: 400; }
      div.top_layer_evn_ban div.text_wrap p.head_copy, aside.pc_top_benefit ul.top_layer_evn_list li a div.text_wrap p.head_copy {
        font-size: 17px;
        font-weight: 600; }
  div.top_layer_evn_ban span, aside.pc_top_benefit ul.top_layer_evn_list li a span {
    display: block;
    position: absolute;
    color: #2e4762;
    width: 25px;
    height: 25px;
    bottom: 7px;
    right: 0; }
    div.top_layer_evn_ban span:hover, aside.pc_top_benefit ul.top_layer_evn_list li a span:hover {
      color: #2e4762; }

article.middleBanner {
  padding: 50px 0 30px 0;
  position: relative;
  background: #f2f5f7; }
  article.middleBanner.ad_line {
    min-height: 300px; }
  @media (max-width: 1024px) {
    article.middleBanner {
      display: none; } }
  article.middleBanner h4.middleTitle {
    display: none;
    font-size: 20px;
    font-size: 1.3rem;
    letter-spacing: -2.5px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 30px 0;
    padding: 50px 0 0 0; }
  article.middleBanner > ul {
    width: 1000px;
    margin: 0 auto;
    padding: 0 0 50px 0; }
    article.middleBanner > ul li {
      float: left;
      width: 32%;
      margin: 0 0 0 2%;
      position: relative; }
      article.middleBanner > ul li:first-child {
        margin: 0; }
  article.middleBanner.subMainMiddleBanner {
    background: none;
    border-bottom: 1px solid #ebecee;
    padding: 30px 0 20px 0; }
    article.middleBanner.subMainMiddleBanner h4 {
      display: none; }
    article.middleBanner.subMainMiddleBanner ul li a {
      -webkit-box-shadow: none;
      box-shadow: none; }

a div.middle_a_wrap {
  width: 311px;
  height: 270px;
  background: #fff;
  display: block;
  text-align: center;
  border: 1px solid #e3e5e7;
  -webkit-box-shadow: 2px 3px 2px #dadee2;
  box-shadow: 2px 3px 2px #dadee2;
  margin: 26px 0 0 10px; }
  a div.middle_a_wrap img {
    margin: 20px 0 50px 0;
    display: inline-block;
    height: 30px; }
    a div.middle_a_wrap img.license {
      height: 40px;
      margin: 20px 0 40px 0; }
  a div.middle_a_wrap div.hover_box {
    display: none;
    position: absolute;
    width: 311px;
    height: 270px;
    position: absolute;
    top: 26px;
    left: 10px;
    background: #000;
    color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80); }
    a div.middle_a_wrap div.hover_box.off {
      display: none; }
    a div.middle_a_wrap div.hover_box.on {
      display: block; }
    a div.middle_a_wrap div.hover_box ul {
      padding: 30px;
      position: absolute;
      left: 0;
      bottom: 0; }
      a div.middle_a_wrap div.hover_box ul li {
        float: none;
        list-style: disc;
        width: 100%;
        text-align: left;
        margin: 0 0 7px 0; }
    a div.middle_a_wrap div.hover_box i {
      position: absolute;
      top: 13px;
      right: 10px;
      font-size: 30px;
      font-size: 1.95rem; }
  a div.middle_a_wrap > p {
    color: #2e4762; }
    a div.middle_a_wrap > p.small_p {
      font-size: 14px;
      font-size: 0.91rem; }
    a div.middle_a_wrap > p.large_p {
      font-size: 25px;
      font-size: 1.625rem;
      font-weight: bold;
      letter-spacing: -3px; }
    a div.middle_a_wrap > p strong {
      color: #21b1ea; }
  a div.middle_a_wrap div.strong_box {
    position: absolute;
    bottom: 6px;
    left: 16px;
    width: 300px;
    padding: 15px; }
    a div.middle_a_wrap div.strong_box p.strong_p {
      font-size: 13px;
      font-size: 0.845rem;
      letter-spacing: 0;
      font-weight: bold;
      color: #2e4762;
      padding: 3px 10px 6px 10px;
      border: 1px solid #2e4762;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
    a div.middle_a_wrap div.strong_box p.normal_p {
      font-size: 12px;
      font-size: 0.78rem;
      margin: 3px 0 0 0;
      letter-spacing: 0;
      color: #5f5f5f; }
  a div.middle_a_wrap div.tag_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 92px;
    height: 117px;
    text-align: center;
    letter-spacing: 0; }
    a div.middle_a_wrap div.tag_box.ic_refer {
      background: url(../../img//ic_refer.png) no-repeat; }
    a div.middle_a_wrap div.tag_box.ic_gift {
      background: url(../../img//ic_gift.png) no-repeat; }
    a div.middle_a_wrap div.tag_box.ic_sale {
      background: url(../../img//ic_sale.png) no-repeat; }
    a div.middle_a_wrap div.tag_box p {
      color: #fff;
      font-weight: bold;
      padding: 58px 17px 0 0; }

a.side_a_wrap {
  display: block;
  border: 1px solid #ebecee;
  position: relative;
  text-align: center;
  color: #424242;
  background: #fff;
  width: 140px; }
  a.side_a_wrap div.img_box {
    height: 122px; }
    a.side_a_wrap div.img_box img {
      width: 138px;
      margin: 0 auto; }
    a.side_a_wrap div.img_box.logo {
      height: 50px; }
      a.side_a_wrap div.img_box.logo img {
        width: auto;
        height: 75%;
        padding: 13px 0 0 0; }
        a.side_a_wrap div.img_box.logo img.logo_license {
          height: 98%;
          padding: 10px 0; }
  a.side_a_wrap p {
    width: 140px;
    padding: 20px 10px;
    text-align: center;
    word-break: break-all; }
    a.side_a_wrap p strong {
      display: block;
      font-size: 15px;
      font-size: 0.975rem;
      margin: 0 0 10px 0; }
    a.side_a_wrap p span.small {
      font-size: 11.5px;
      font-size: 0.7475rem;
      color: #888;
      letter-spacing: 0; }

div.subSideBannerWrap {
  position: fixed;
  top: 234px;
  width: 140px; }
  @media (max-width: 960px) {
    div.subSideBannerWrap {
      display: none; } }
  div.subSideBannerWrap article.subSideBanner {
    position: relative;
    background: #fff;
    margin: 0 0 20px 0; }
    div.subSideBannerWrap article.subSideBanner.ad_line {
      min-height: 150px; }
    div.subSideBannerWrap article.subSideBanner p.page {
      text-align: center;
      padding: 5px 0;
      border-left: 1px solid #ebecee;
      border-right: 1px solid #ebecee;
      border-bottom: 1px solid #ebecee; }
      div.subSideBannerWrap article.subSideBanner p.page span.current {
        font-weight: bold; }
    div.subSideBannerWrap article.subSideBanner div.lSAction a {
      height: auto;
      color: #888;
      bottom: 5px;
      top: auto;
      text-align: center; }
      div.subSideBannerWrap article.subSideBanner div.lSAction a.lSPrev {
        left: 0; }
      div.subSideBannerWrap article.subSideBanner div.lSAction a.lSNext {
        right: 0; }

/*_admin.scss*/
.SubTopBanner.off, .BottomBanner.off, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.off.MenuBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.off.MenuBanner, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.off.MenuBanner, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.off.MenuBanner, .BottomPopup.off {
  display: none; }

.ad_line {
  border: 3px dashed #383838; }

div.pop_layer_wrap div.BottomPopup {
  background: url(https://wdr.ubion.co.kr/policies/resource/img/all_bg.png) repeat; }

button.banner_info, button.product_info {
  position: absolute;
  width: 100px;
  height: 35px;
  color: #fff;
  border: none;
  outline: none;
  color: #fff;
  background: #5f5f5f;
  margin: 5px 0 0 5px;
  font-size: 14px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  top: 0;
  left: 0;
  z-index: 7; }
  button.banner_info:hover, button.product_info:hover {
    background: #383838; }
  li.ban.MenuBanner.ad_line button.banner_info, li.ban.MenuBanner.ad_line button.product_info {
    top: 0;
    left: 0;
    z-index: 100; }
  .BottomPopup button.banner_info, .BottomPopup button.product_info {
    z-index: 106;
    position: fixed;
    top: auto;
    bottom: 157px; }

div.banner_admin_wrap {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10001;
  top: 0;
  left: 0;
  background: url(https://wdr.ubion.co.kr//policies/resource/img/all_bg.png) repeat;
  padding: 30px; }
  div.banner_admin_wrap div.banner_admin {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative; }
    div.banner_admin_wrap div.banner_admin button.banner_admin_close {
      position: absolute;
      z-index: 1000;
      right: 10px;
      top: 16px;
      border: none;
      background: none;
      color: #fff; }
      @media (max-width: 960px) {
        div.banner_admin_wrap div.banner_admin button.banner_admin_close {
          right: 10px;
          top: 10px; } }
    div.banner_admin_wrap div.banner_admin header.ba_header {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
      width: 100%;
      height: 50px;
      background: #0b71b9;
      color: #fff;
      padding: 10px 0 0 20px; }
      div.banner_admin_wrap div.banner_admin header.ba_header h1 {
        font-size: 20px;
        font-size: 1.3rem; }
        div.banner_admin_wrap div.banner_admin header.ba_header h1 i {
          vertical-align: middle; }
      div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group {
        position: absolute;
        right: 50px;
        top: 7px; }
        div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group button {
          width: 100px;
          height: 35px;
          color: #fff;
          border: none;
          outline: none;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */ }
          div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group button.board_btn_ok {
            background: #21b1ea; }
            div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group button.board_btn_ok:hover {
              background: #5391d5; }
          div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group button.board_btn_cancle {
            background: #424242; }
            div.banner_admin_wrap div.banner_admin header.ba_header div.top_btn_group button.board_btn_cancle:hover {
              background: #383838; }
    div.banner_admin_wrap div.banner_admin aside.ba_setup {
      z-index: 99;
      position: absolute;
      right: 0;
      top: 50px;
      width: 350px;
      height: 100%;
      padding: 17px 25px;
      color: #fff;
      background: #2e4762; }
      div.banner_admin_wrap div.banner_admin aside.ba_setup h2 {
        margin: 0 0 30px 0;
        font-size: 18px;
        font-size: 1.17rem; }
        div.banner_admin_wrap div.banner_admin aside.ba_setup h2 i {
          vertical-align: middle;
          display: inline-block; }
      div.banner_admin_wrap div.banner_admin aside.ba_setup button.btn_setup {
        position: absolute;
        top: 16px;
        left: -35px;
        font-size: 17px;
        font-size: 1.105rem;
        width: 35px;
        height: 35px;
        color: #fff;
        border: none;
        outline: none;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        background-clip: padding-box;
        background: #2e4762; }
        div.banner_admin_wrap div.banner_admin aside.ba_setup button.btn_setup.open {
          display: none; }
      div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul {
        overflow-y: auto;
        scrollbar-base-color: #59718b;
        scrollbar-arrow-color: #fff;
        scrollbar-DarkShadow-Color: #2e4762;
        scrollbar-shadow-color: #2e4762;
        scrollbar-track-color: #2e4762; }
        div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul ::-webkit-scrollbar {
          height: 12px;
          width: 12px;
          background: #2e4762; }
        div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul ::-webkit-scrollbar-thumb {
          background: #fff;
          -webkit-border-radius: 1ex; }
        div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul ::-webkit-scrollbar-corner {
          background: #000; }
        div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li {
          margin: 0 0 10px 0; }
          div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li i {
            display: inline-block;
            margin: 0 5px 0 0;
            vertical-align: middle; }
          div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li span {
            display: inline-block; }
            div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li span.ID {
              font-size: 15px;
              font-size: 0.975rem;
              margin: 0 0 0 3px; }
            div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li span.date {
              opacity: 0.7;
              filter: alpha(opacity=70);
              font-size: 12px;
              font-size: 0.78rem;
              margin: 0 3px 0 0; }
            div.banner_admin_wrap div.banner_admin aside.ba_setup ul.ba_setup_ul li span.comment {
              opacity: 0.7;
              filter: alpha(opacity=70);
              font-size: 12px;
              font-size: 0.78rem;
              margin: 0 0 0 4px; }
      div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table th {
        text-align: left; }
      div.banner_admin_wrap div.banner_admin aside.ba_setup table.ba_setup_table td {
        background: #fff;
        text-align: left; }
    div.banner_admin_wrap div.banner_admin section.ba_view {
      background: #fff;
      margin: 0;
      padding: 90px 50px 50px 50px; }
      div.banner_admin_wrap div.banner_admin section.ba_view article {
        float: left;
        margin: 0 20px 0 0; }
        div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist {
          width: 530px;
          border: 2px dashed #ccc;
          padding: 5px 20px 20px 20px;
          overflow-y: auto;
          overflow-x: hidden; }
          @media (max-width: 1152px) {
            div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist {
              width: 475px; } }
          div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li {
            margin: 15px 0 0 0;
            padding: 5px;
            position: relative; }
            div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li:fisrt-child, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li:fisrt-child {
              margin: 0; }
            div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.btn_group, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.btn_group {
              z-index: 98;
              position: absolute;
              top: 12px;
              right: 12px; }
              div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.btn_group a, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.btn_group a {
                float: left;
                display: block;
                background: #424242;
                text-align: center;
                width: 32px;
                height: 32px;
                font-size: 20px;
                font-size: 1.3rem;
                font-weight: bold;
                font-family: 'Century Gothic';
                margin: 0 0 0 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                background-clip: padding-box;
                /* stops bg color from leaking outside the border: */
                color: #fff;
                padding: 3px 0 0 0;
                opacity: 0.9;
                filter: alpha(opacity=90); }
                div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.btn_group a:hover, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.btn_group a:hover {
                  opacity: 1;
                  filter: alpha(opacity=100);
                  background: #383838; }
            div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.bannerInfo, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.bannerInfo {
              margin: 0 0 10px 0; }
              div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.bannerInfo button.ban_setting, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.bannerInfo button.ban_setting {
                z-index: 10;
                position: absolute;
                right: 12px;
                top: 12px;
                width: 70px;
                height: 35px;
                color: #fff;
                border: none;
                outline: none;
                font-size: 11px;
                font-size: 0.715rem;
                background: #5f5f5f;
                opacity: 0.8;
                filter: alpha(opacity=80);
                -webkit-border-radius: 5px;
                border-radius: 5px;
                background-clip: padding-box;
                /* stops bg color from leaking outside the border: */ }
                div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li div.bannerInfo button.ban_setting:hover, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li div.bannerInfo button.ban_setting:hover {
                  opacity: 1;
                  filter: alpha(opacity=100); }
            div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner {
              height: 180px; }
              div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article {
                width: 100%;
                height: 100%; }
                div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article .wrap_1024 .img_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article .wrap_1024 .img_wrap {
                  display: none; }
                div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article .wrap_1024 .txt_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article .wrap_1024 .txt_wrap {
                  margin-top: 30px; }
                  div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .txt_st, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .txt_st {
                    font-size: 20px;
                    font-size: 1.3rem;
                    font-weight: 500;
                    line-height: 1.3;
                    letter-spacing: -1px; }
                  div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st {
                    display: -moz-inline-stack;
                    display: inline-block;
                    vertical-align: top;
                    zoom: 1;
                    *display: inline;
                    width: 200px;
                    height: 46px;
                    text-align: center;
                    margin-top: 10px;
                    padding-top: 10px; }
                    div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st > span, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st > span {
                      font-size: 15px;
                      font-size: 0.975rem;
                      font-weight: 500; }
            div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .MypageRightBanner, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .MypageRightBanner {
              width: 170px; }
              div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .MypageRightBanner .banner_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .MypageRightBanner .banner_wrap {
                display: -moz-inline-stack;
                display: inline-block;
                vertical-align: top;
                zoom: 1;
                *display: inline;
                border: 1px solid #ddd; }
                div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .MypageRightBanner .banner_wrap .txt_box, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .MypageRightBanner .banner_wrap .txt_box {
                  padding: 22px 10px;
                  text-align: center;
                  min-height: 113px; }
                  div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .MypageRightBanner .banner_wrap .txt_box .tit, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .MypageRightBanner .banner_wrap .txt_box .tit {
                    font-size: 15px;
                    font-size: 0.975rem;
                    line-height: 1.5;
                    font-weight: bold;
                    color: #424242; }
                  div.banner_admin_wrap div.banner_admin section.ba_view article ul.banlist li .MypageRightBanner .banner_wrap .txt_box .ps, div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist li .MypageRightBanner .banner_wrap .txt_box .ps {
                    font-size: 13.4px;
                    font-size: 0.871rem;
                    color: rgba(1, 1, 1, 0.3);
                    margin-top: 8px; }
        div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner {
          height: 180px; }
          div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article {
            width: 100%;
            height: 100%; }
            div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article .wrap_1024 .img_wrap {
              display: none; }
            div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article .wrap_1024 .txt_wrap {
              margin-top: 30px; }
              div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article .wrap_1024 .txt_wrap .txt_st {
                font-size: 20px;
                font-size: 1.3rem;
                font-weight: 500;
                line-height: 1.3;
                letter-spacing: -1px; }
              div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st {
                display: -moz-inline-stack;
                display: inline-block;
                vertical-align: top;
                zoom: 1;
                *display: inline;
                width: 200px;
                height: 46px;
                text-align: center;
                margin-top: 10px;
                padding-top: 10px; }
                div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .EventBottomBanner > article .wrap_1024 .txt_wrap .btn_st > span {
                  font-size: 15px;
                  font-size: 0.975rem;
                  font-weight: 500; }
        div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .MypageRightBanner {
          width: 170px; }
          div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .MypageRightBanner .banner_wrap {
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: top;
            zoom: 1;
            *display: inline;
            border: 1px solid #ddd; }
            div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .MypageRightBanner .banner_wrap .txt_box {
              padding: 22px 10px;
              text-align: center;
              min-height: 113px; }
              div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .MypageRightBanner .banner_wrap .txt_box .tit {
                font-size: 15px;
                font-size: 0.975rem;
                line-height: 1.5;
                font-weight: bold;
                color: #424242; }
              div.banner_admin_wrap div.banner_admin section.ba_view article ul.newlist .MypageRightBanner .banner_wrap .txt_box .ps {
                font-size: 13.4px;
                font-size: 0.871rem;
                color: rgba(1, 1, 1, 0.3);
                margin-top: 8px; }
        div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap {
          position: absolute;
          top: 10px;
          right: 0; }
          div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box {
            float: left;
            display: block;
            margin: 0 0 0 10px;
            height: 28px; }
            div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input#txtBanSearch {
              border: 1px solid #c6c8cd;
              height: 28px;
              vertical-align: middle; }
            div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.board_btn_search {
              height: 28px;
              padding: 3px 15px 5px 15px; }
            div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.banner_btn_search {
              height: 28px;
              padding: 3px 15px 5px 15px;
              border: none;
              background: #c6c8cd;
              color: #fff;
              vertical-align: middle; }
              div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.board_list_search_box input.banner_btn_search:hover {
                background: #aab4bd; }
          div.banner_admin_wrap div.banner_admin section.ba_view article div.search_wrap div.select_wrap {
            width: 120px;
            height: 28px;
            float: left;
            margin: 0; }
        div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item {
          height: 170px; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item img, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item img, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item img {
            display: none; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption span.txt_th, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption span.txt_th, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.txt_th, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.txt_th {
            font-size: 12px;
            font-size: 0.78rem; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption p.tit_main, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption p.tit_main, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_main, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_main {
            font-size: 25px;
            font-size: 1.625rem;
            margin-bottom: 10px; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption span.txt_date, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption span.txt_date, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.txt_date, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.txt_date {
            font-size: 11px;
            font-size: 0.715rem;
            top: -17px; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption p.tit_sub, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub {
            font-size: 13px;
            font-size: 0.845rem; }
            div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption p.tit_sub span.txt_benefit, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub span.txt_benefit, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub span.txt_benefit, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption p.tit_sub span.txt_benefit {
              font-size: 12px;
              font-size: 0.78rem; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.ban_item_wrap figure.ban_item figcaption span.btnbox, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.ban_item_wrap figure.ban_item figcaption span.btnbox, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.btnbox, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.ban_item_wrap figure.ban_item figcaption span.btnbox {
            display: none; }
        div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner {
          background: #5391d5; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a {
            display: block;
            position: relative; }
            div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a img, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a img, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a img {
              position: absolute;
              bottom: 0;
              left: 10px;
              width: auto;
              height: 90px; }
            div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a div.text_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a div.text_wrap, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a div.text_wrap, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a div.text_wrap {
              padding: 30px 0 30px 110px;
              color: #fff; }
              div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a div.text_wrap p em, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a div.text_wrap p em, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a div.text_wrap p em, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a div.text_wrap p em {
                color: #fffb93; }
              div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a div.text_wrap p.sub_copy, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a div.text_wrap p.sub_copy, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a div.text_wrap p.sub_copy, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a div.text_wrap p.sub_copy {
                font-size: 12px;
                font-weight: bold; }
              div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a div.text_wrap p.head_copy, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a div.text_wrap p.head_copy, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a div.text_wrap p.head_copy, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a div.text_wrap p.head_copy {
                font-size: 18px;
                font-weight: bold; }
            div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a span, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a span, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a span, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a span {
              display: block;
              position: absolute;
              color: #0b71b9;
              width: 25px;
              height: 25px;
              bottom: 7px;
              right: 0; }
              div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.CommonTopBanner a span:hover, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.CommonTopBanner a span:hover, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.CommonTopBanner a span:hover, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.CommonTopBanner a span:hover {
                color: #2e4762; }
        div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.BottomBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.BottomBanner, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.BottomBanner, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.BottomBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.MenuBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.MenuBanner, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.MenuBanner, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.MenuBanner {
          height: 100px;
          background: #fff; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.BottomBanner article.s_ban_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.BottomBanner article.s_ban_wrap, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.BottomBanner article.s_ban_wrap, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.BottomBanner article.s_ban_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.MenuBanner article.s_ban_wrap, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.MenuBanner article.s_ban_wrap, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.MenuBanner article.s_ban_wrap, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.MenuBanner article.s_ban_wrap {
            width: 100%;
            float: none;
            margin: 0; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.BottomBanner img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.BottomBanner img, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.BottomBanner img, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.BottomBanner img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.MenuBanner img, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.MenuBanner img, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.MenuBanner img, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.MenuBanner img {
            width: auto;
            height: 100px; }
        div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.BottomPopup, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.BottomPopup, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.BottomPopup, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.BottomPopup {
          width: 100%;
          height: 170px;
          position: relative; }
        div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.FullLayerPopup, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.FullLayerPopup, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.FullLayerPopup, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.FullLayerPopup {
          width: 100%;
          height: 170px;
          background: #fff;
          overflow: hidden; }
        div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.IntroMiddleBanner, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.IntroMiddleBanner, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.IntroMiddleBanner, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.IntroMiddleBanner {
          position: relative;
          width: 333px;
          margin: 0 auto 20px auto; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.IntroMiddleBanner a div.middle_a_wrap div.tag_box, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.IntroMiddleBanner a div.middle_a_wrap div.tag_box, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.IntroMiddleBanner a div.middle_a_wrap div.tag_box, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.IntroMiddleBanner a div.middle_a_wrap div.tag_box {
            top: -26px; }
        div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.IntroTopRightPop, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.IntroTopRightPop, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.IntroTopRightPop, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.IntroTopRightPop {
          width: 333px;
          margin: 0 auto; }
        div.banner_admin_wrap div.banner_admin section.ba_view article.ba_register div.SideBannerFir, div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby div.SideBannerFir, div.banner_admin_wrap div.banner_admin section.ba_view div.product_admin_wrap div.product_admin section.pa_view article.pa_standby div.SideBannerFir, div.product_admin_wrap div.product_admin section.pa_view div.banner_admin_wrap div.banner_admin section.ba_view article.pa_standby div.SideBannerFir {
          width: 142px; }
        div.banner_admin_wrap div.banner_admin section.ba_view article.ba_standby {
          position: relative;
          height: 100%; }
        div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking {
          width: 240px;
          border: 1px solid #e6e6e6;
          margin: 10px 0 0 0;
          -webkit-box-shadow: 2px 2px 0px #ddd;
          box-shadow: 2px 2px 0px #ddd;
          padding: 20px; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking h3 {
            font-weight: bold;
            padding: 0 0 3px 0;
            border-bottom: 2px solid #383838; }
          div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol {
            margin: 20px 0 0 0; }
            div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li {
              margin: 0 0 5px 0;
              position: relative; }
              div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li span, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li p, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li a {
                float: left;
                word-break: keep-all; }
              div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li p {
                width: 165px;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden; }
              div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li a {
                width: 165px;
                color: #383838;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden; }
                div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li a:hover {
                  text-decoration: underline; }
              div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li span {
                display: block;
                width: 20px;
                height: 20px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                background-clip: padding-box;
                /* stops bg color from leaking outside the border: */
                text-align: center;
                font-weight: bold;
                color: #fff;
                background-color: #c6c8cd;
                margin: 0 10px 0 0; }
                div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li span.alert {
                  background: #f21c1e; }
              div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(1) span, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(2) span, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(3) span {
                background-color: #21b1ea; }
                div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(1) span.alert, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(2) span.alert, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(3) span.alert {
                  background: #f21c1e; }
              div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(1) p, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(1) a, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(2) p, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(2) a, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(3) p, div.banner_admin_wrap div.banner_admin section.ba_view article.search_ranking ol.search_ranking_ol li:nth-child(3) a {
                font-weight: bold; }
      div.banner_admin_wrap div.banner_admin section.ba_view div.wrap_ranking {
        float: left;
        width: 200px; }
      div.banner_admin_wrap div.banner_admin section.ba_view .ui-state-default, div.banner_admin_wrap div.banner_admin section.ba_view .ui-widget-content .ui-state-default, div.banner_admin_wrap div.banner_admin section.ba_view .ui-widget-header .ui-state-default {
        background: #f7f7f7; }

div.preview label {
  display: block;
  margin: 0 0 5px 0; }

div.preview section.top_ban {
  width: 1000px;
  height: 230px;
  background: #fff;
  border: 1px solid #dddddd;
  overflow: hidden; }

div.preview div.bottom_type, div.preview div.list_type {
  width: 320px;
  height: 100px;
  background: #fff;
  border: 1px solid #dddddd; }
  div.preview div.bottom_type > div.preview_source > a > img, div.preview div.list_type > div.preview_source > a > img {
    width: 320px;
    height: 100px; }
  div.preview div.bottom_type article.s_ban_wrap, div.preview div.list_type article.s_ban_wrap {
    width: 318px;
    height: 98px; }

div.preview div.list_type {
  width: 320px;
  height: 150px; }

div.preview div.top_type {
  position: relative;
  background: #5391d5;
  width: 33%;
  height: 100px; }
  div.preview div.top_type a {
    display: block; }
    div.preview div.top_type a img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: auto;
      height: 90px; }
    div.preview div.top_type a div.text_wrap {
      padding: 30px 0 0 110px;
      color: #fff; }
      div.preview div.top_type a div.text_wrap p em {
        color: #fffb93; }
      div.preview div.top_type a div.text_wrap p.sub_copy {
        font-size: 12px;
        font-weight: bold; }
      div.preview div.top_type a div.text_wrap p.head_copy {
        font-size: 18px;
        font-weight: bold; }
    div.preview div.top_type a span {
      display: block;
      position: absolute;
      color: #0b71b9;
      width: 25px;
      height: 25px;
      bottom: 7px;
      right: 0; }
      div.preview div.top_type a span:hover {
        color: #2e4762; }

div.preview div.menu_type {
  border: 1px solid #dddddd;
  width: 380px;
  height: 65px;
  padding: 0 0 0 10px;
  overflow: hidden;
  background: #fff; }
  @media (max-width: 960px) {
    div.preview div.menu_type {
      width: 100%;
      height: 65px;
      position: relative; } }
  div.preview div.menu_type a {
    height: 65px;
    padding: 0 !important;
    margin: 0 !important;
    width: 370px;
    height: 65px;
    overflow: hidden; }
    div.preview div.menu_type a:hover {
      margin: 0; }
    @media (max-width: 960px) {
      div.preview div.menu_type a {
        position: static;
        width: 100%; } }
    div.preview div.menu_type a article.s_ban_wrap {
      padding: 10px 0 0 0;
      width: 370px;
      height: 65px; }
      @media (max-width: 960px) {
        div.preview div.menu_type a article.s_ban_wrap {
          position: static;
          width: 100%;
          padding: 10px; } }
      div.preview div.menu_type a article.s_ban_wrap h5 > strong {
        font-size: 18px; }
      div.preview div.menu_type a article.s_ban_wrap p {
        position: absolute;
        top: 10px;
        right: 75px; }
      div.preview div.menu_type a article.s_ban_wrap img.img_decoration {
        position: absolute;
        top: 0;
        right: 0;
        width: auto !important;
        height: 65px !important; }

div.preview div.main_right_type div.r_ban_wrap {
  width: 327px;
  height: 103px;
  border: 1px solid #ebecee; }
  div.preview div.main_right_type div.r_ban_wrap span.go {
    font-size: 11px;
    font-size: 0.715rem;
    display: inline-block;
    padding: 2px 8px 4px 8px;
    margin: 6px 5px  14px auto;
    border: 1px solid #fff;
    color: #fff;
    text-align: center; }
    div.preview div.main_right_type div.r_ban_wrap span.go.co_gray {
      border: 1px solid #777;
      color: #777; }
  div.preview div.main_right_type div.r_ban_wrap p {
    display: block;
    color: #fff;
    letter-spacing: -1.5px;
    font-weight: 600; }
    div.preview div.main_right_type div.r_ban_wrap p.co_black {
      color: #485564; }
    div.preview div.main_right_type div.r_ban_wrap p.co_gray {
      color: #888; }
    div.preview div.main_right_type div.r_ban_wrap p.tit_main {
      font-size: 22px;
      font-size: 1.43rem; }
    div.preview div.main_right_type div.r_ban_wrap p.tit_sub {
      font-size: 13px;
      font-size: 0.845rem;
      font-weight: normal;
      padding: 3px 0; }
    div.preview div.main_right_type div.r_ban_wrap p.font_s {
      font-size: 20px;
      font-size: 1.3rem; }
    div.preview div.main_right_type div.r_ban_wrap p.font_ss {
      font-size: 17px;
      font-size: 1.105rem; }
  div.preview div.main_right_type div.r_ban_wrap.align_c {
    text-align: center;
    padding: 11px 0 0 0; }
  div.preview div.main_right_type div.r_ban_wrap.align_l {
    text-align: left;
    padding: 14px 0 0 20px; }
  div.preview div.main_right_type div.r_ban_wrap.align_r {
    text-align: right;
    padding: 14px 20px 0 0; }

div.preview div.bottom_pop_type {
  width: 1000px;
  height: 230px;
  background: #fff;
  border: 1px solid #dddddd;
  overflow: hidden; }
  div.preview div.bottom_pop_type figure {
    width: 1000px;
    height: 230px; }
    div.preview div.bottom_pop_type figure img {
      width: auto;
      position: absolute;
      margin: 0;
      top: 0;
      left: -20%; }
      div.preview div.bottom_pop_type figure img.btm_pop {
        right: -50px;
        left: auto; }

div.preview div.middle_type {
  position: relative; }
  div.preview div.middle_type div.middle_a_wrap {
    -webkit-box-shadow: none;
    box-shadow: none; }
    div.preview div.middle_type div.middle_a_wrap div.tag_box {
      top: -26px; }

div.preview div.side_banner_type {
  width: 140px;
  background: #fff;
  border: 1px solid #ebecee; }

div.preview div.event_top_banner_type {
  width: 1000px;
  height: 50px;
  background: #fff;
  border: 1px solid #dddddd;
  overflow: hidden;
  text-align: center; }
  div.preview div.event_top_banner_type a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    color: #383838; }
    div.preview div.event_top_banner_type a banner_wrap > span {
      font-size: 19px;
      font-size: 1.235rem;
      line-height: 50px; }

div.preview div.event_bottom_banner_type {
  width: 1000px;
  height: 254px;
  background: #dddddd;
  border: 1px solid #dddddd;
  overflow: hidden; }
  div.preview div.event_bottom_banner_type article .wrap_1024 .img_wrap {
    float: right;
    width: 40%; }
    div.preview div.event_bottom_banner_type article .wrap_1024 .img_wrap > img {
      width: 320px;
      margin: 0 auto; }
  div.preview div.event_bottom_banner_type article .wrap_1024 .txt_wrap {
    margin-top: 55px; }
    div.preview div.event_bottom_banner_type article .wrap_1024 .txt_wrap .txt_st {
      font-size: 25px;
      font-size: 1.625rem;
      font-weight: 500;
      line-height: 1.3;
      letter-spacing: -1px; }
    div.preview div.event_bottom_banner_type article .wrap_1024 .txt_wrap .btn_st {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: top;
      zoom: 1;
      *display: inline;
      width: 240px;
      height: 56px;
      background: #fff;
      color: #383838;
      text-align: center;
      margin-top: 15px;
      padding-top: 17px; }
      div.preview div.event_bottom_banner_type article .wrap_1024 .txt_wrap .btn_st > span {
        font-size: 16.6px;
        font-size: 1.079rem;
        font-weight: 500; }

div.preview div.mypage_right_banner_type {
  width: 170px; }
  div.preview div.mypage_right_banner_type .banner_wrap {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    position: relative;
    border: 1px solid #ddd; }
    div.preview div.mypage_right_banner_type .banner_wrap .txt_box {
      padding: 22px 10px;
      text-align: center;
      min-height: 113px; }
      div.preview div.mypage_right_banner_type .banner_wrap .txt_box .tit {
        font-size: 15px;
        font-size: 0.975rem;
        line-height: 1.5;
        font-weight: bold;
        color: #424242; }
      div.preview div.mypage_right_banner_type .banner_wrap .txt_box .ps {
        font-size: 13.4px;
        font-size: 0.871rem;
        color: rgba(1, 1, 1, 0.3);
        margin-top: 8px; }

div.preview div.wafull_Intro_top_banner {
  width: auto;
  height: 300px;
  overflow: hidden; }
  div.preview div.wafull_Intro_top_banner .ban_ac {
    padding: 3% 0 0 3%; }
    div.preview div.wafull_Intro_top_banner .ban_ac > figcaption {
      float: left;
      width: 60%; }
      div.preview div.wafull_Intro_top_banner .ban_ac > figcaption.txt_area h3.big {
        font-size: 40px;
        font-size: 2.6rem;
        letter-spacing: -1px; }
      div.preview div.wafull_Intro_top_banner .ban_ac > figcaption.txt_area div.sm {
        margin-top: 18px; }
        div.preview div.wafull_Intro_top_banner .ban_ac > figcaption.txt_area div.sm > p {
          font-size: 15.6px;
          font-size: 1.014rem;
          line-height: 1.5; }
    div.preview div.wafull_Intro_top_banner .ban_ac > figure {
      float: right;
      width: 30%; }
      div.preview div.wafull_Intro_top_banner .ban_ac > figure > .on_w {
        width: 100%; }
      div.preview div.wafull_Intro_top_banner .ban_ac > figure.img_area > img {
        width: 100%; }
  @media (max-width: 1024px) {
    div.preview div.wafull_Intro_top_banner .ban_ac > figcaption.txt_area h3.big {
      font-size: 30px;
      font-size: 1.95rem; }
    div.preview div.wafull_Intro_top_banner .ban_ac > figcaption.txt_area div.sm {
      margin-top: 15px; }
      div.preview div.wafull_Intro_top_banner .ban_ac > figcaption.txt_area div.sm > p {
        font-size: 14.6px;
        font-size: 0.949rem;
        line-height: 1.4; }
    div.preview div.wafull_Intro_top_banner .ban_ac > figure {
      width: 26%; }
      div.preview div.wafull_Intro_top_banner .ban_ac > figure.img_area > img {
        width: 100%; } }
  @media (max-width: 640px) {
    div.preview div.wafull_Intro_top_banner {
      height: auto; }
      div.preview div.wafull_Intro_top_banner .ban_ac {
        padding: 3% 2%; }
        div.preview div.wafull_Intro_top_banner .ban_ac > figcaption {
          float: none;
          width: 100%; }
          div.preview div.wafull_Intro_top_banner .ban_ac > figcaption.txt_area h3.big {
            font-size: 24px;
            font-size: 1.56rem; }
          div.preview div.wafull_Intro_top_banner .ban_ac > figcaption.txt_area div.sm {
            margin-top: 12px; }
            div.preview div.wafull_Intro_top_banner .ban_ac > figcaption.txt_area div.sm > p {
              font-size: 14px;
              font-size: 0.91rem; }
        div.preview div.wafull_Intro_top_banner .ban_ac > figure {
          display: none; } }

div.preview div.intro_top_right_type {
  width: 340px; }

div.banner_status {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10; }
  div.banner_status.on {
    display: block; }
  div.banner_status dl.banner_status_dl {
    color: #fff;
    font-size: 12px;
    font-size: 0.78rem;
    font-weight: bold; }
    div.banner_status dl.banner_status_dl dt {
      float: left;
      padding: 5px 10px 7px 10px;
      background: #383838;
      margin-left: 1px; }
    div.banner_status dl.banner_status_dl dd {
      float: left;
      padding: 5px 10px 7px 10px;
      background: #424242;
      margin: 0;
      color: #fffb93; }

div.MainRightBanner {
  width: 327px; }
  div.MainRightBanner div.r_ban_wrap {
    height: 103px; }
    div.MainRightBanner div.r_ban_wrap span.go {
      font-size: 11px;
      font-size: 0.715rem;
      display: inline-block;
      padding: 2px 8px 4px 8px;
      margin: 6px 5px  14px auto;
      border: 1px solid #fff;
      color: #fff;
      text-align: center; }
      div.MainRightBanner div.r_ban_wrap span.go.co_gray {
        border: 1px solid #777;
        color: #777; }
    div.MainRightBanner div.r_ban_wrap p {
      display: block;
      color: #fff;
      letter-spacing: -1.5px;
      font-weight: 600; }
      div.MainRightBanner div.r_ban_wrap p.co_black {
        color: #485564; }
      div.MainRightBanner div.r_ban_wrap p.co_gray {
        color: #888; }
      div.MainRightBanner div.r_ban_wrap p.tit_main {
        font-size: 22px;
        font-size: 1.43rem; }
      div.MainRightBanner div.r_ban_wrap p.tit_sub {
        font-size: 13px;
        font-size: 0.845rem;
        font-weight: normal;
        padding: 3px 0; }
      div.MainRightBanner div.r_ban_wrap p.font_s {
        font-size: 20px;
        font-size: 1.3rem; }
      div.MainRightBanner div.r_ban_wrap p.font_ss {
        font-size: 17px;
        font-size: 1.105rem; }
    div.MainRightBanner div.r_ban_wrap.align_c {
      text-align: center;
      padding: 11px 0 0 0; }
    div.MainRightBanner div.r_ban_wrap.align_l {
      text-align: left;
      padding: 14px 0 0 20px; }
    div.MainRightBanner div.r_ban_wrap.align_r {
      text-align: right;
      padding: 14px 20px 0 0; }
    div.MainRightBanner div.r_ban_wrap.border_top {
      border-top: 1px solid #ebecee; }

div.full_layer_default_wrap.FullLayerPopup {
  display: block; }
  div.full_layer_default_wrap.FullLayerPopup.off {
    display: none; }

div.full_layer_default_wrap.FullLayerPopup.ad_line {
  display: block;
  background: none;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%; }
  div.full_layer_default_wrap.FullLayerPopup.ad_line.off {
    display: block; }
  div.full_layer_default_wrap.FullLayerPopup.ad_line div.full_layer_default_box {
    position: static; }
  div.full_layer_default_wrap.FullLayerPopup.ad_line div.close_box {
    display: none; }

div.full_layer_type article.full_layer_default_ar {
  background: #fff;
  border: 1px solid #dddddd; }
  div.full_layer_type article.full_layer_default_ar > h4 {
    display: none !important; }

div.full_layer_type div.full_layer_default_wrap {
  display: block;
  position: static;
  background: none; }
  div.full_layer_type div.full_layer_default_wrap div.full_layer_default_box {
    position: static; }
    div.full_layer_type div.full_layer_default_wrap div.full_layer_default_box div.close_box {
      display: none; }

button.product_info {
  top: 0; }

.list_section.ad_line {
  padding: 45px 0 0 0; }

div.product_admin_wrap {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 998;
  top: 0;
  left: 0;
  background: url(https://wdr.ubion.co.kr/policies/resource/img/all_bg.png) repeat;
  padding: 30px; }
  div.product_admin_wrap div.product_admin {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative; }
    div.product_admin_wrap div.product_admin button.product_admin_close {
      position: absolute;
      z-index: 1000;
      right: 10px;
      top: 16px;
      border: none;
      background: none;
      color: #fff; }
      @media (max-width: 960px) {
        div.product_admin_wrap div.product_admin button.product_admin_close {
          right: 10px;
          top: 10px; } }
    div.product_admin_wrap div.product_admin header.pa_header {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
      width: 100%;
      height: 50px;
      background: #0b71b9;
      color: #fff;
      padding: 10px 0 0 20px; }
      div.product_admin_wrap div.product_admin header.pa_header h1 {
        font-size: 20px;
        font-size: 1.3rem; }
        div.product_admin_wrap div.product_admin header.pa_header h1 i {
          vertical-align: middle; }
      div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group {
        position: absolute;
        right: 50px;
        top: 7px; }
        div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group button {
          width: 100px;
          height: 35px;
          color: #fff;
          border: none;
          outline: none;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */ }
          div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group button.board_btn_ok {
            background: #21b1ea; }
            div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group button.board_btn_ok:hover {
              background: #5391d5; }
          div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group button.board_btn_cancle {
            background: #424242; }
            div.product_admin_wrap div.product_admin header.pa_header div.top_btn_group button.board_btn_cancle:hover {
              background: #383838; }
    div.product_admin_wrap div.product_admin aside.pa_setup {
      z-index: 99;
      position: absolute;
      right: 0;
      top: 50px;
      width: 20%;
      height: 100%;
      padding: 17px 25px;
      color: #fff;
      background: #2e4762; }
      div.product_admin_wrap div.product_admin aside.pa_setup h2 {
        margin: 0 0 30px 0;
        font-size: 18px;
        font-size: 1.17rem; }
        div.product_admin_wrap div.product_admin aside.pa_setup h2 i {
          vertical-align: middle;
          display: inline-block; }
      div.product_admin_wrap div.product_admin aside.pa_setup button.btn_setup {
        position: absolute;
        top: 16px;
        left: -34px;
        font-size: 17px;
        font-size: 1.105rem;
        width: 35px;
        height: 35px;
        color: #fff;
        border: none;
        outline: none;
        -webkit-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        background-clip: padding-box;
        background: #2e4762; }
        div.product_admin_wrap div.product_admin aside.pa_setup button.btn_setup.open {
          display: none; }
      div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul {
        overflow-y: auto;
        scrollbar-base-color: #59718b;
        scrollbar-arrow-color: #fff;
        scrollbar-DarkShadow-Color: #2e4762;
        scrollbar-shadow-color: #2e4762;
        scrollbar-track-color: #2e4762; }
        div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul ::-webkit-scrollbar {
          height: 12px;
          width: 12px;
          background: #2e4762; }
        div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul ::-webkit-scrollbar-thumb {
          background: #fff;
          -webkit-border-radius: 1ex; }
        div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul ::-webkit-scrollbar-corner {
          background: #000; }
        div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li {
          margin: 0 0 10px 0; }
          div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li i {
            display: inline-block;
            margin: 0 5px 0 0;
            vertical-align: middle; }
          div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li span {
            display: inline-block; }
            div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li span.ID {
              font-size: 15px;
              font-size: 0.975rem;
              margin: 0 0 0 3px; }
            div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li span.date {
              opacity: 0.7;
              filter: alpha(opacity=70);
              font-size: 12px;
              font-size: 0.78rem;
              margin: 0 3px 0 0; }
            div.product_admin_wrap div.product_admin aside.pa_setup ul.pa_setup_ul li span.comment {
              opacity: 0.7;
              filter: alpha(opacity=70);
              font-size: 12px;
              font-size: 0.78rem;
              margin: 0 0 0 4px; }
      div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table th {
        text-align: left; }
      div.product_admin_wrap div.product_admin aside.pa_setup table.pa_setup_table td {
        background: #fff;
        text-align: left; }
    div.product_admin_wrap div.product_admin section.pa_view {
      background: #fff;
      margin: 0;
      padding: 90px 50px 50px 50px;
      float: left;
      width: 80%; }
      div.product_admin_wrap div.product_admin section.pa_view article {
        margin: 0 auto; }
        div.product_admin_wrap div.product_admin section.pa_view article ul.prolist {
          width: 800px;
          border: 2px dashed #ccc;
          padding: 5px 20px 20px 20px;
          overflow-y: auto;
          overflow-x: hidden; }
          @media (max-width: 1152px) {
            div.product_admin_wrap div.product_admin section.pa_view article ul.prolist {
              width: 475px; } }
          div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li {
            margin: 15px 0 0 0;
            padding: 5px;
            position: relative; }
            div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li:fisrt-child {
              margin: 0; }
            div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.pro_num {
              width: 6%;
              height: 43px;
              text-align: center;
              -webkit-border-radius: 5px;
              border-radius: 5px;
              background-clip: padding-box;
              /* stops bg color from leaking outside the border: */
              border: 2px solid #5f5f5f;
              color: #5f5f5f;
              font-family: 'Century Gothic';
              float: left;
              font-size: 20px;
              font-size: 1.3rem;
              margin: 0 2% 0 0;
              padding: 7px 0 0 0;
              font-weight: bold; }
              div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.pro_num.new {
                color: #f26c4f;
                border: 2px solid #f26c4f; }
            div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column {
              float: left;
              width: 92%;
              margin: 0;
              padding: 20px;
              border: 1px solid #dddddd; }
              div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column h3.list_column_tt {
                font-size: 20px;
                font-size: 1.3rem; }
              div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column p.description {
                width: 73%;
                margin: 20px 0 0 0; }
                div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column p.description span {
                  margin: 10px 0 0 0;
                  font-size: 12px;
                  font-size: 0.78rem; }
              div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column div.price {
                width: 22%;
                bottom: 20px; }
                div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column div.price p.line-through {
                  font-size: 14px;
                  font-size: 0.91rem;
                  padding: 0 5px 10px 0; }
                div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column div.price p.discount {
                  margin: 0; }
                div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column div.price p.real_price {
                  padding: 0; }
              div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li article.list_column div.list_btns_group {
                display: none; }
            div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.btn_group {
              z-index: 100;
              position: absolute;
              top: 12px;
              right: 12px; }
              div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.btn_group a {
                float: left;
                display: block;
                background: #424242;
                text-align: center;
                width: 32px;
                height: 32px;
                font-size: 20px;
                font-size: 1.3rem;
                font-weight: bold;
                font-family: 'Century Gothic';
                margin: 0 0 0 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                background-clip: padding-box;
                /* stops bg color from leaking outside the border: */
                color: #fff;
                padding: 3px 0 0 0;
                opacity: 0.9;
                filter: alpha(opacity=90); }
                div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.btn_group a:hover {
                  opacity: 1;
                  filter: alpha(opacity=100);
                  background: #383838; }
            div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.productInfo {
              margin: 0 0 10px 0; }
              div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.productInfo button.pro_setting {
                z-index: 10;
                position: absolute;
                right: 12px;
                top: 12px;
                width: 70px;
                height: 35px;
                color: #fff;
                border: none;
                outline: none;
                font-size: 11px;
                font-size: 0.715rem;
                background: #5f5f5f;
                opacity: 0.8;
                filter: alpha(opacity=80);
                -webkit-border-radius: 5px;
                border-radius: 5px;
                background-clip: padding-box;
                /* stops bg color from leaking outside the border: */ }
                div.product_admin_wrap div.product_admin section.pa_view article ul.prolist li div.productInfo button.pro_setting:hover {
                  opacity: 1;
                  filter: alpha(opacity=100); }
        div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap {
          position: absolute;
          top: 10px;
          right: 0; }
          div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box {
            float: left;
            display: block;
            margin: 0 0 0 10px;
            height: 28px; }
            div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input#txtProSearch {
              border: 1px solid #c6c8cd;
              height: 28px;
              vertical-align: middle; }
            div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.board_list_search_box input.board_btn_search {
              height: 28px;
              padding: 3px 15px 5px 15px; }
          div.product_admin_wrap div.product_admin section.pa_view article div.search_wrap div.select_wrap {
            width: 120px;
            height: 28px;
            float: left;
            margin: 0; }
        div.product_admin_wrap div.product_admin section.pa_view article.pa_register {
          width: 800px; }
          div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item {
            height: 170px; }
            div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item img {
              display: none; }
            div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption span.txt_th {
              font-size: 12px;
              font-size: 0.78rem; }
            div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption p.tit_main {
              font-size: 25px;
              font-size: 1.625rem;
              margin-bottom: 10px; }
            div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption span.txt_date {
              font-size: 11px;
              font-size: 0.715rem;
              top: -17px; }
            div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption p.tit_sub {
              font-size: 13px;
              font-size: 0.845rem; }
              div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption p.tit_sub span.txt_benefit {
                font-size: 12px;
                font-size: 0.78rem; }
            div.product_admin_wrap div.product_admin section.pa_view article.pa_register div.pro_item_wrap figure.pro_item figcaption span.btnbox {
              display: none; }
        div.product_admin_wrap div.product_admin section.pa_view article.pa_standby {
          position: relative;
          height: 100%; }

span.count_num {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 4px 5px;
  color: #fff;
  background: #383838;
  font-size: 11px;
  font-size: 0.715rem;
  font-weight: bold; }

/*_sidebar.scss*/
aside.pc_top {
  z-index: 106;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1000px;
  min-width: 960px;
  height: 60px;
  font-family: 'Noto Sans KR';
  font-weight: normal;
  color: #5f5f5f;
  background: #F7F7FA; }
  @media (max-width: 1024px) {
    aside.pc_top {
      display: none; } }
  aside.pc_top div.wrap_1024 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative; }
  aside.pc_top ul.pc_top_right {
    z-index: 15;
    position: absolute;
    top: 14px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    aside.pc_top ul.pc_top_right > li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
      flex: 0 0 70px;
      width: auto;
      font-size: 12px;
      line-height: 130%;
      -webkit-border-radius: 16px;
      border-radius: 16px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      border: 1px solid transparent; }
      aside.pc_top ul.pc_top_right > li > a,
      aside.pc_top ul.pc_top_right > li button {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        color: #424242;
        margin: 0;
        padding: 8px 10px;
        border: 1px solid transparent;
        background: transparent; }
        aside.pc_top ul.pc_top_right > li > a > span,
        aside.pc_top ul.pc_top_right > li button > span {
          position: absolute;
          top: -2px;
          right: -5px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 18px;
          height: 18px;
          font-size: 10.5px;
          font-size: 0.6825rem;
          letter-spacing: 0;
          -webkit-border-radius: 100%;
          border-radius: 100%;
          background-clip: padding-box;
          /* stops bg color from leaking outside the border: */
          background: #f21c1e; }
        aside.pc_top ul.pc_top_right > li > a i,
        aside.pc_top ul.pc_top_right > li button i {
          margin: 0 3px 0 0;
          padding: 0;
          vertical-align: 0; }
      aside.pc_top ul.pc_top_right > li:hover {
        background: #0c80d1;
        border: 1px solid #0c80d1; }
        aside.pc_top ul.pc_top_right > li:hover > a,
        aside.pc_top ul.pc_top_right > li:hover button {
          font-weight: 500;
          color: #ffffff; }
          aside.pc_top ul.pc_top_right > li:hover > a > span,
          aside.pc_top ul.pc_top_right > li:hover button > span {
            font-weight: normal; }
          aside.pc_top ul.pc_top_right > li:hover > a > i.icon-userline,
          aside.pc_top ul.pc_top_right > li:hover button > i.icon-userline {
            background-color: #ffffff; }
            @media screen\0 {
              aside.pc_top ul.pc_top_right > li:hover > a > i.icon-userline,
              aside.pc_top ul.pc_top_right > li:hover button > i.icon-userline {
                background-color: transparent;
                background-position: 0 -11px; } }
      aside.pc_top ul.pc_top_right > li:not(.pc_top_r_btn) {
        height: 34px; }
        aside.pc_top ul.pc_top_right > li:not(.pc_top_r_btn):hover {
          -webkit-box-shadow: 0 0 10px rgba(3, 2, 2, 0.2) ;
          -moz-box-shadow: 0 0 10px rgba(3, 2, 2, 0.2) ;
          box-shadow: 0 0 10px rgba(3, 2, 2, 0.2) ; }
      aside.pc_top ul.pc_top_right > li.pc_top_r_btn {
        min-width: 85px;
        height: 0;
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        -webkit-transition: height .325s ease;
        -o-transition: height .325s ease;
        transition: height .325s ease; }
        aside.pc_top ul.pc_top_right > li.pc_top_r_btn:hover {
          height: 158px;
          background: #0c80d1;
          border: 1px solid #0c80d1;
          -webkit-box-shadow: 0 0 10px rgba(3, 2, 2, 0.2) ;
          -moz-box-shadow: 0 0 10px rgba(3, 2, 2, 0.2) ;
          box-shadow: 0 0 10px rgba(3, 2, 2, 0.2) ; }
          aside.pc_top ul.pc_top_right > li.pc_top_r_btn:hover ul.pc_top_right_dp2 {
            opacity: 1;
            -webkit-transform-origin: top;
            -ms-transform-origin: top;
            transform-origin: top;
            -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition: opacity 0.325s ease, -webkit-transform 0.3s ease;
            transition: opacity 0.325s ease, -webkit-transform 0.3s ease;
            -o-transition: transform 0.3s ease, opacity 0.325s ease;
            transition: transform 0.3s ease, opacity 0.325s ease;
            transition: transform 0.3s ease, opacity 0.325s ease, -webkit-transform 0.3s ease; }
        aside.pc_top ul.pc_top_right > li.pc_top_r_btn:nth-child(1):hover {
          height: 136px; }
      aside.pc_top ul.pc_top_right > li ul.pc_top_right_dp2 {
        width: 100%;
        height: auto;
        padding: 0 0 12px;
        background: #fff;
        position: relative;
        -webkit-border-radius: 16px;
        border-radius: 16px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        opacity: .5; }
        aside.pc_top ul.pc_top_right > li ul.pc_top_right_dp2 > li > a {
          position: relative;
          display: block;
          width: 100%;
          height: 22px;
          padding: 6px 0 0 0;
          text-align: center;
          color: #424242; }
          aside.pc_top ul.pc_top_right > li ul.pc_top_right_dp2 > li > a:hover {
            font-weight: 600; }
            aside.pc_top ul.pc_top_right > li ul.pc_top_right_dp2 > li > a:hover > span {
              font-weight: normal; }
          aside.pc_top ul.pc_top_right > li ul.pc_top_right_dp2 > li > a > span {
            position: absolute;
            top: 5px;
            right: -3px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 18px;
            height: 18px;
            margin-left: 2px;
            font-size: 9px;
            font-size: 0.585rem;
            letter-spacing: 0;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            background-clip: padding-box;
            /* stops bg color from leaking outside the border: */
            background: #0c80d1; }

aside.pc_top_benefit {
  z-index: 106;
  position: fixed;
  top: 10px;
  right: 50%;
  margin-right: -840px;
  width: auto;
  height: auto;
  font-family: 'Noto Sans KR';
  font-weight: normal; }
  @media (max-width: 1024px) {
    aside.pc_top_benefit {
      display: none; } }
  .all_wrap aside.pc_top_benefit {
    display: none; }
  aside.pc_top_benefit > button {
    position: fixed;
    top: 10px;
    right: 50%;
    margin-right: -580px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background: #ffffff;
    color: #0b71b9;
    font-size: 14px;
    font-size: 0.91rem;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) ;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) ;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) ;
    border: 0;
    outline: none; }
    aside.pc_top_benefit > button:hover {
      background: #0c80d1;
      color: #ffffff; }
    aside.pc_top_benefit > button.benefit_btn_tm {
      -webkit-animation: iconbg 2s infinite;
      -moz-animation: iconbg 2s infinite;
      animation: iconbg 2s infinite; }
      aside.pc_top_benefit > button.benefit_btn_tm > i {
        display: block;
        font-size: 16px;
        font-size: 1.04rem;
        -webkit-animation: iconjump 2s infinite;
        -moz-animation: iconjump 2s infinite;
        animation: iconjump 2s infinite; }
    aside.pc_top_benefit > button.benefit_btn_tm2 {
      display: none;
      background: #0c80d1;
      color: #ffffff; }
  aside.pc_top_benefit .benefit_layer {
    display: none;
    width: 300px;
    height: auto;
    margin-top: 40px;
    overflow: visible; }
  aside.pc_top_benefit ul.top_layer_evn_list {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 5px; }
    aside.pc_top_benefit ul.top_layer_evn_list li {
      position: relative;
      width: 100%;
      height: auto;
      margin-top: 5px;
      text-align: left; }
      aside.pc_top_benefit ul.top_layer_evn_list li:hover a {
        border-color: #0c80d1;
        -webkit-box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.25) ;
        -moz-box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.25) ;
        box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.25) ; }
      aside.pc_top_benefit ul.top_layer_evn_list li a {
        display: block;
        width: 100%;
        height: auto;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        background: #ffffff;
        border: 1px solid #ebecee;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) ;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) ;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) ;
        overflow: hidden; }
        aside.pc_top_benefit ul.top_layer_evn_list li a div.topright_a_wrap img {
          position: static;
          width: 100%;
          height: auto; }

aside.g_my_quick {
  display: none; }
  @media (max-width: 1024px) {
    aside.g_my_quick {
      position: fixed;
      z-index: 115;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: #2b5480;
      color: #383838;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      aside.g_my_quick button.g_btn_close {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 20px;
        border: none;
        background: none;
        text-align: center;
        color: #fff; }
        aside.g_my_quick button.g_btn_close i {
          display: inline-block; } }

aside.g_my_quick_b {
  display: none; }
  @media (max-width: 1024px) {
    aside.g_my_quick_b {
      z-index: 900;
      width: 100%;
      display: block;
      position: fixed;
      left: 20px;
      bottom: 70px; }
      aside.g_my_quick_b > nav {
        display: none;
        border: 5px solid #0b71b9;
        background: #fff;
        width: 70%;
        position: fixed;
        right: 20px;
        bottom: 120px; }
        aside.g_my_quick_b > nav > h4 {
          display: none; }
        aside.g_my_quick_b > nav ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          aside.g_my_quick_b > nav ul li {
            position: relative;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            border-right: 1px solid #ebecee;
            border-bottom: 1px solid #ebecee; }
            aside.g_my_quick_b > nav ul li.long_type {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
              flex: 0 0 100%; }
              aside.g_my_quick_b > nav ul li.long_type a {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                text-align: center; }
                aside.g_my_quick_b > nav ul li.long_type a i {
                  margin-right: 5px;
                  width: 12.5px;
                  height: 12.5px; }
            aside.g_my_quick_b > nav ul li a {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              height: 50px;
              color: #666;
              font-size: 15px;
              text-align: left;
              padding: 0 15px; }
              aside.g_my_quick_b > nav ul li a i {
                font-size: 17px; }
        aside.g_my_quick_b > nav div.btn_box_center {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 10px 0; }
          aside.g_my_quick_b > nav div.btn_box_center a {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 45%;
            flex: 0 0 45%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 55px;
            margin: 0 1.5%;
            color: #ffffff;
            font-size: 15px;
            background-color: #0b71b9; }
            aside.g_my_quick_b > nav div.btn_box_center a.btn_type_02 {
              background-color: #424242; }
      aside.g_my_quick_b > button {
        width: 45px;
        height: 45px;
        color: #fff;
        font-size: 15px;
        background: #0b71b9;
        border: none;
        position: fixed;
        right: 20px;
        bottom: 70px;
        opacity: 0.7;
        filter: alpha(opacity=70); }
        aside.g_my_quick_b > button i {
          display: block; }
        aside.g_my_quick_b > button.g_my_quick_b_btn_c {
          display: none; } }

aside.add_aside {
  position: relative;
  width: 1000px;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    aside.add_aside {
      display: none; } }
  aside.add_aside ul.add_aside_ul {
    position: absolute;
    top: -90px;
    right: 0; }
    aside.add_aside ul.add_aside_ul li {
      float: left;
      margin-left: 5px; }
      aside.add_aside ul.add_aside_ul li a {
        display: block;
        width: 65px;
        height: 65px;
        padding: 12px 0 0 0;
        font-size: 11px;
        color: #999;
        border: 1px solid #ebecee;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        background: #fff;
        text-align: center; }
        aside.add_aside ul.add_aside_ul li a i {
          display: block;
          margin: 0 0 5px 0;
          font-size: 20px;
          width: 100%;
          text-align: center; }
        aside.add_aside ul.add_aside_ul li a:hover {
          border: 1px solid #424242;
          color: #383838; }
      aside.add_aside ul.add_aside_ul li.on a {
        border: 1px solid #424242;
        color: #383838; }

aside.g_mobile_wrap {
  display: none;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 116; }
  aside.g_mobile_wrap button.view_all_category_close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    font-size: 21px;
    color: #5f5f5f;
    text-align: center;
    border: none;
    background: none;
    outline: none; }
    @media (max-width: 1024px) {
      aside.g_mobile_wrap button.view_all_category_close {
        display: block; } }
    aside.g_mobile_wrap button.view_all_category_close i {
      width: 23px;
      height: 23px; }
      @media (max-width: 320px) {
        aside.g_mobile_wrap button.view_all_category_close i {
          width: 20px;
          height: 20px; } }
  aside.g_mobile_wrap article.g_myarea {
    width: 100%;
    padding: 20px 5%;
    background: #ffffff; }
    @media (max-width: 320px) {
      aside.g_mobile_wrap article.g_myarea {
        padding: 10px 3%; } }
    aside.g_mobile_wrap article.g_myarea p.g_myarea_box {
      display: block;
      text-align: left;
      letter-spacing: -1px;
      color: #5f5f5f; }
      aside.g_mobile_wrap article.g_myarea p.g_myarea_box .name {
        margin-right: 10px;
        font-size: 24px;
        font-size: 1.56rem; }
        aside.g_mobile_wrap article.g_myarea p.g_myarea_box .name i {
          width: 25px;
          height: 25px;
          margin-right: 10px;
          vertical-align: -4px; }
        aside.g_mobile_wrap article.g_myarea p.g_myarea_box .name em {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          zoom: 1;
          *display: inline;
          vertical-align: bottom;
          font-weight: 500;
          color: #424242; }
      aside.g_mobile_wrap article.g_myarea p.g_myarea_box button {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        padding: 2px;
        vertical-align: bottom;
        background: transparent;
        border: 0;
        font-size: 12px;
        font-size: 0.78rem;
        letter-spacing: -1px; }
    aside.g_mobile_wrap article.g_myarea div.btn_box_center {
      width: 100%;
      text-align: left;
      margin: 10px 0 0 0; }
      aside.g_mobile_wrap article.g_myarea div.btn_box_center .btn_type_01, aside.g_mobile_wrap article.g_myarea nav.all_category div.all_cate_m_myarea div.btn_box_center .btn_type_02, nav.all_category div.all_cate_m_myarea aside.g_mobile_wrap article.g_myarea div.btn_box_center .btn_type_02 {
        display: inline-block;
        width: auto;
        height: auto;
        color: #5f5f5f;
        margin: 5px 10px 0 0;
        padding: 0;
        background: transparent;
        border: 0;
        font-size: 14px;
        font-size: 0.91rem; }
        aside.g_mobile_wrap article.g_myarea div.btn_box_center .btn_type_01 i, aside.g_mobile_wrap article.g_myarea nav.all_category div.all_cate_m_myarea div.btn_box_center .btn_type_02 i, nav.all_category div.all_cate_m_myarea aside.g_mobile_wrap article.g_myarea div.btn_box_center .btn_type_02 i {
          margin-right: 5px;
          vertical-align: middle; }
    aside.g_mobile_wrap article.g_myarea > nav {
      margin: 40px 0 0 0; }
      aside.g_mobile_wrap article.g_myarea > nav > ul {
        border-bottom: 1px solid #5379a2; }
        aside.g_mobile_wrap article.g_myarea > nav > ul {
          *zoom: 1; }
        aside.g_mobile_wrap article.g_myarea > nav > ul:before, aside.g_mobile_wrap article.g_myarea > nav > ul:after {
          content: "";
          display: table; }
        aside.g_mobile_wrap article.g_myarea > nav > ul:after {
          clear: both; }
        aside.g_mobile_wrap article.g_myarea > nav > ul > li {
          position: relative;
          float: left;
          width: 50%;
          background: #2b5480;
          border-right: 1px solid #5379a2;
          border-top: 1px solid #5379a2; }
          aside.g_mobile_wrap article.g_myarea > nav > ul > li > a {
            color: #fff;
            display: block;
            text-align: left;
            height: 60px;
            font-size: 18px;
            padding: 20px 0 0 15px; }
            aside.g_mobile_wrap article.g_myarea > nav > ul > li > a i {
              position: absolute;
              right: 15px;
              top: 21px;
              font-size: 20px;
              opacity: 0.6;
              filter: alpha(opacity=60); }
  aside.g_mobile_wrap article.g_quick_link {
    width: 100%;
    padding: 15px 5% 0;
    background: #ebecee; }
    @media (max-width: 480px) {
      aside.g_mobile_wrap article.g_quick_link {
        padding: 10px 0 0; } }
    @media (max-width: 1024px) {
      aside.g_mobile_wrap article.g_quick_link ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
    aside.g_mobile_wrap article.g_quick_link ul li {
      float: left;
      color: #59718b;
      font-size: 18px;
      font-size: 1.17rem; }
      @media (max-width: 1024px) {
        aside.g_mobile_wrap article.g_quick_link ul li {
          float: none; } }
      @media (max-width: 320px) {
        aside.g_mobile_wrap article.g_quick_link ul li {
          font-size: 16px;
          font-size: 1.04rem; } }
      aside.g_mobile_wrap article.g_quick_link ul li a {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        padding: 0;
        color: #59718b;
        opacity: 0.5;
        filter: alpha(opacity=50); }
        aside.g_mobile_wrap article.g_quick_link ul li a i.icon-newwindow {
          width: 15px;
          height: 15px;
          margin: -4px 0 0 5px; }
        aside.g_mobile_wrap article.g_quick_link ul li a span {
          display: -moz-inline-stack;
          display: inline-block;
          vertical-align: top;
          zoom: 1;
          *display: inline;
          padding: 6px 0 8px;
          border-bottom: 4px solid transparent; }
      aside.g_mobile_wrap article.g_quick_link ul li.on a {
        opacity: 1;
        filter: alpha(opacity=100); }
        aside.g_mobile_wrap article.g_quick_link ul li.on a span {
          border-bottom: 4px solid #59718b; }

.icon-userline {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: #424242;
  -webkit-mask-image: url(../../img/icon_user.svg);
  mask-image: url(../../img/icon_user.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  vertical-align: middle; }
  @media screen\0 {
    .icon-userline {
      background: url(../../img/icon_user.png) no-repeat 0 0;
      background-size: 100% auto; } }

aside.g_quick_top {
  display: none; }
  aside.g_quick_top button.g_quick_top_btn {
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 15px;
    background: #0b71b9;
    border: none;
    position: fixed;
    right: 20px;
    bottom: 70px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 9;
    border-radius: 0;
    text-align: center;
    padding: 0; }
    aside.g_quick_top button.g_quick_top_btn > i {
      display: none; }
    aside.g_quick_top button.g_quick_top_btn > span {
      font-size: 13px;
      font-size: 0.845rem;
      font-weight: bold; }
    @media (max-width: 767px) {
      aside.g_quick_top button.g_quick_top_btn > i {
        display: block; }
      aside.g_quick_top button.g_quick_top_btn > span {
        display: none; } }

/* jump icon */
@-webkit-keyframes iconjump {
  0% {
    margin-top: 0; }
  10% {
    margin-top: -7px; }
  20% {
    margin-top: 0; }
  50% {
    margin-top: 0; }
  100% {
    margin-top: 0; } }

@-moz-keyframes iconjump {
  0% {
    margin-top: 0; }
  10% {
    margin-top: -7px; }
  20% {
    margin-top: 0; }
  50% {
    margin-top: 0; }
  100% {
    margin-top: 0; } }

@keyframes iconjump {
  0% {
    margin-top: 0; }
  10% {
    margin-top: -7px; }
  20% {
    margin-top: 0; }
  50% {
    margin-top: 0; }
  100% {
    margin-top: 0; } }

/* icons'BG */
@-webkit-keyframes iconbg {
  0% {
    opacity: 1;
    filter: alpha(opacity=100); }
  10% {
    opacity: 0.8;
    filter: alpha(opacity=80); }
  20% {
    opacity: 1;
    filter: alpha(opacity=100); }
  50% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }

@-moz-keyframes iconbg {
  0% {
    opacity: 1;
    filter: alpha(opacity=100); }
  10% {
    opacity: 0.8;
    filter: alpha(opacity=80); }
  20% {
    opacity: 1;
    filter: alpha(opacity=100); }
  50% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }

@keyframes iconbg {
  0% {
    opacity: 1;
    filter: alpha(opacity=100); }
  10% {
    opacity: 0.8;
    filter: alpha(opacity=80); }
  20% {
    opacity: 1;
    filter: alpha(opacity=100); }
  50% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }