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

/*_placeholder.scss*/
dl.payment_info_info_dl, section.member_join_step3 article.member_join_step3_article dl, section.member_join_step4 article.member_join_step4_article, section.member_join_step1 ul.join_type_ul {
  *zoom: 1; }

dl.payment_info_info_dl:before, section.member_join_step3 article.member_join_step3_article dl:before, section.member_join_step4 article.member_join_step4_article:before, section.member_join_step1 ul.join_type_ul:before, dl.payment_info_info_dl:after, section.member_join_step3 article.member_join_step3_article dl:after, section.member_join_step4 article.member_join_step4_article:after, section.member_join_step1 ul.join_type_ul:after {
  content: "";
  display: table; }

dl.payment_info_info_dl:after, section.member_join_step3 article.member_join_step3_article dl:after, section.member_join_step4 article.member_join_step4_article:after, section.member_join_step1 ul.join_type_ul:after {
  clear: both; }

dl.payment_info_info_dl {
  margin: 20px 0 0 0;
  border-bottom: 1px solid #dddddd;
  background: #ebecee; }
  @media (max-width: 960px) {
    dl.payment_info_info_dl {
      background: #dddddd; } }
  dl.payment_info_info_dl dt {
    float: left;
    width: 110px;
    height: auto;
    min-height: 50px;
    font-size: 15px;
    background: #ebecee;
    border-top: 1px solid #dddddd;
    text-align: center;
    font-weight: bold;
    padding: 13px 0 0 0;
    color: #666; }
    @media (max-width: 960px) {
      dl.payment_info_info_dl dt {
        width: 22%;
        font-size: 12px;
        background: #ddd;
        border-bottom: 1px solid #dddddd;
        text-align: left;
        padding: 17px 0 0 7px; } }
  dl.payment_info_info_dl dd {
    float: left;
    width: 390px;
    height: auto;
    min-height: 50px;
    margin: 0;
    border-top: 1px solid #ebecee;
    color: #999;
    font-size: 14px;
    background: #fff;
    padding: 13px 20px; }
    @media (max-width: 960px) {
      dl.payment_info_info_dl dd {
        width: 78%;
        font-size: 12px;
        padding: 17px 0 0 10px;
        min-height: 50px;
        height: auto; } }
    dl.payment_info_info_dl dd.two_y {
      height: auto; }
      dl.payment_info_info_dl dd.two_y p {
        height: auto; }
    dl.payment_info_info_dl dd > input {
      display: block;
      width: 60px;
      margin: 0 0 10px 0;
      vertical-align: middle;
      border: 1px solid #aab4bd; }
      dl.payment_info_info_dl dd > input.short_input {
        width: 100px;
        display: inline-block; }
    dl.payment_info_info_dl dd > p {
      display: inline-block;
      vertical-align: middle;
      height: auto; }
      dl.payment_info_info_dl dd > p > strong {
        font-family: 'century gothic';
        font-weight: bold;
        font-size: 16px;
        color: #f26c4f;
        vertical-align: middle; }
    dl.payment_info_info_dl dd > button {
      display: inline-block;
      vertical-align: middle;
      margin: 0 0 0 10px;
      border: 1px solid #383838;
      color: #383838;
      width: auto;
      height: 26px;
      font-size: 11px;
      text-align: center;
      font-weight: bold;
      opacity: 0.8;
      filter: alpha(opacity=80);
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      background: #fff; }
      dl.payment_info_info_dl dd > button:hover {
        opacity: 1;
        filter: alpha(opacity=100); }
      @media (max-width: 960px) {
        dl.payment_info_info_dl dd > button {
          padding: 0 3px 0 3px;
          border: 1px solid #383838;
          color: #383838;
          width: auto;
          height: 23px;
          font-size: 11px;
          text-align: center;
          font-weight: bold;
          opacity: 0.8;
          filter: alpha(opacity=80); }
          dl.payment_info_info_dl dd > button:hover {
            opacity: 1;
            filter: alpha(opacity=100); } }
    dl.payment_info_info_dl dd.long_dd {
      width: 890px; }
      @media (max-width: 960px) {
        dl.payment_info_info_dl dd.long_dd {
          width: 78%; } }

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

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

section.member_join_step4 article.member_join_step4_article div.select_wrap, article.agree_ar 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; }
  section.member_join_step4 article.member_join_step4_article div.select_wrap:before, article.agree_ar 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; }
  section.member_join_step4 article.member_join_step4_article div.on.select_wrap, article.agree_ar div.on.select_wrap {
    border: 2px solid #5391d5;
    background: #5391d5; }
    section.member_join_step4 article.member_join_step4_article div.on.select_wrap label, article.agree_ar div.on.select_wrap label {
      color: #fff; }
    section.member_join_step4 article.member_join_step4_article div.on.select_wrap:before, article.agree_ar div.on.select_wrap:before {
      border-top: 5px solid #fff; }
  section.member_join_step4 article.member_join_step4_article div.off.select_wrap, article.agree_ar div.off.select_wrap {
    background: #dddddd;
    opacity: 0.5;
    filter: alpha(opacity=50); }
  section.member_join_step4 article.member_join_step4_article div.select_wrap label, article.agree_ar div.select_wrap label {
    position: absolute;
    top: 0;
    left: 5px;
    padding: 8px 10px 0 10px;
    color: #999;
    z-index: -1; }
    @media (max-width: 960px) {
      section.member_join_step4 article.member_join_step4_article div.select_wrap label, article.agree_ar div.select_wrap label {
        padding: 12px 0 0 0; } }
  section.member_join_step4 article.member_join_step4_article div.select_wrap select, article.agree_ar 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.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; } }

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

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

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

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

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

/*_buttons1.scss*/
section.member_join_step3 article.member_join_step3_article dl dd a, div.join_confirm_btn_box button.btn_type_03 {
  display: inline-block;
  width: 200px;
  height: 50px;
  color: #fff;
  border: none;
  outline: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 15px;
  font-weight: bold; }
  section.member_join_step3 article.member_join_step3_article dl dd a.btn_stt1, div.join_confirm_btn_box button.btn_stt1.btn_type_03 {
    background: #aab4bd; }
    @media (max-width: 960px) {
      section.member_join_step3 article.member_join_step3_article dl dd a.btn_stt1, div.join_confirm_btn_box button.btn_stt1.btn_type_03 {
        width: 48.5%; } }
    section.member_join_step3 article.member_join_step3_article dl dd a.btn_stt1:hover, div.join_confirm_btn_box button.btn_stt1.btn_type_03:hover {
      background: #5f5f5f; }
  section.member_join_step3 article.member_join_step3_article dl dd a.btn_stt2, div.join_confirm_btn_box button.btn_stt2.btn_type_03 {
    background: #21b1ea; }
    @media (max-width: 960px) {
      section.member_join_step3 article.member_join_step3_article dl dd a.btn_stt2, div.join_confirm_btn_box button.btn_stt2.btn_type_03 {
        width: 97%;
        margin: 10px 0 0 0; } }
    section.member_join_step3 article.member_join_step3_article dl dd a.btn_stt2:hover, div.join_confirm_btn_box button.btn_stt2.btn_type_03:hover {
      background: #0b71b9; }

section.member_join_step3 div.id_box_out .btn_stt1 {
  display: inline-block;
  width: 60px;
  height: 30px;
  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: */
  font-size: 13px;
  font-weight: bold; }
  section.member_join_step3 div.id_box_out .btn_stt1 {
    background: #aab4bd; }
    section.member_join_step3 div.id_box_out .btn_stt1:hover {
      background: #5f5f5f; }
  section.member_join_step3 div.id_box_out .btn_stt2.btn_stt1 {
    background: #21b1ea; }
    section.member_join_step3 div.id_box_out .btn_stt2.btn_stt1:hover {
      background: #0b71b9; }

/*_colors1.scss*/
/*_mixins1.scss*/
/*_buttons2.scss*/
/*_colors2.scss*/
/*_mixins2.scss*/
/*_placeholder2.scss*/
section.member_join_step3 h3.heading_type_01, section.member_join_step4 h3.heading_type_03, section.member_join_step1 h3.heading_type_01, section.member_join_step2 h3.heading_type_01, article.find_idpw_box1 h3.heading_type_01 {
  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) {
    section.member_join_step3 h3.heading_type_01, section.member_join_step4 h3.heading_type_03, section.member_join_step1 h3.heading_type_01, section.member_join_step2 h3.heading_type_01, article.find_idpw_box1 h3.heading_type_01 {
      margin: 50px 0 0 0;
      font-size: 17px;
      border-bottom: 3px solid #0b71b9; } }

section.member_join_step1 article.member_join_agree1 > h4.heading_type_02, section.member_join_step1.narrow article.member_join_agree1 > h4.heading_type_02 label {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -1px; }
  @media (max-width: 960px) {
    section.member_join_step1 article.member_join_agree1 > h4.heading_type_02, section.member_join_step1.narrow article.member_join_agree1 > h4.heading_type_02 label {
      font-size: 12px; } }

/*_buttons3.scss*/
/*_colors3.scss*/
/*_icons3.scss*/
/*_mixins3.scss*/
/* Sub-section comment block
   ========================================================================== */
/* Usage */
/* svg element
  ========================================================================== */
/* maring-and-padding-spacing
  ========================================================================== */
/*_placeholder3.scss*/
/*_placeholder1.scss*/
label.input_box_label {
  display: inline-block;
  border: 1px solid #c6c8cd;
  margin: 10px 5px 0 0;
  vertical-align: middle;
  background: #fff; }
  label.input_box_label > input {
    width: 150px;
    border: 0;
    background: transparent; }
    @media (max-width: 960px) {
      label.input_box_label > input {
        width: 82px; } }
  @media (max-width: 960px) {
    label.input_box_label {
      margin: 10px 3px 5px 0; } }
  @media (max-width: 480px) {
    label.input_box_label {
      margin: 0 5px 0 0; } }

dl.payment_info_info_dl dt {
  width: 27%;
  text-align: left;
  padding: 13px 0 0 20px; }
  @media (max-width: 480px) {
    dl.payment_info_info_dl dt {
      width: 23%;
      padding: 17px 0 0 8px; } }

dl.payment_info_info_dl dd {
  width: 73%; }
  @media (max-width: 480px) {
    dl.payment_info_info_dl dd {
      width: 77%;
      padding: 12px 8px; } }
  dl.payment_info_info_dl dd > input {
    width: 60%;
    height: 25px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    padding: 0 5px; }
    @media (max-width: 480px) {
      dl.payment_info_info_dl dd > input {
        width: 100%; } }
    dl.payment_info_info_dl dd > input.short_input {
      margin: 0 0 10px 0; }
      @media (max-width: 480px) {
        dl.payment_info_info_dl dd > input.short_input {
          width: 60%; } }
  dl.payment_info_info_dl dd > p {
    display: block;
    margin: 0 0 10px 0; }
    @media (max-width: 960px) {
      dl.payment_info_info_dl dd > p {
        padding: 5px 0 0 0; } }
  dl.payment_info_info_dl dd > button {
    vertical-align: top; }

section.member_join_step3 {
  margin: 0 0 50px 0; }
  section.member_join_step3 input[type=text], section.member_join_step3 input[type=password] {
    height: 30px;
    padding: 0 0 0 5px; }
  @media (max-width: 960px) {
    section.member_join_step3 h3.heading_type_01 {
      margin: 0 0 20px 0; } }
  section.member_join_step3 p.font_p_01 {
    font-size: 15px;
    font-size: 0.975rem;
    color: #0b71b9;
    padding: 10px 0; }
  section.member_join_step3 p.font_p_02 {
    font-size: 12px;
    font-size: 0.78rem;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 5px 0 10px 0; }
  section.member_join_step3 article.member_join_step3_article dl {
    width: 100%;
    height: auto;
    border: 1px solid #e1e2e5;
    margin-bottom: 5px; }
    @media (max-width: 480px) {
      section.member_join_step3 article.member_join_step3_article dl {
        border: none; } }
    @media (max-width: 960px) {
      section.member_join_step3 article.member_join_step3_article dl.dl_st_01 dt {
        font-weight: bold;
        float: none;
        padding: 0; } }
    section.member_join_step3 article.member_join_step3_article dl.dl_st_01 dd {
      width: auto;
      font-weight: normal;
      font-size: 13px;
      font-size: 0.845rem; }
      section.member_join_step3 article.member_join_step3_article dl.dl_st_01 dd span {
        margin: 0 10px 0 0; }
      @media (max-width: 960px) {
        section.member_join_step3 article.member_join_step3_article dl.dl_st_01 dd {
          float: none;
          padding: 0 0 15px 0;
          margin: 0 0 15px 0;
          border-bottom: 1px dotted #c6c8cd; } }
    section.member_join_step3 article.member_join_step3_article dl dt {
      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;
      padding: 13px 20px 17px;
      float: left; }
      @media (max-width: 960px) {
        section.member_join_step3 article.member_join_step3_article dl dt {
          width: 30%; } }
      @media (max-width: 480px) {
        section.member_join_step3 article.member_join_step3_article dl dt {
          padding-left: 0;
          padding-right: 20px;
          background: none;
          font-size: 13px;
          font-size: 0.845rem;
          width: auto;
          color: black; } }
    section.member_join_step3 article.member_join_step3_article dl dd {
      width: 200px;
      height: auto;
      padding: 13px 20px 0 20px;
      margin-left: 0;
      font-size: 15px;
      font-size: 0.975rem;
      -webkit-border-radius: 0;
      border-radius: 0;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      float: left;
      background: none !important;
      font-weight: 700; }
      @media (max-width: 480px) {
        section.member_join_step3 article.member_join_step3_article dl dd {
          background-color: #FFF; } }
      section.member_join_step3 article.member_join_step3_article dl dd a {
        width: auto;
        height: auto;
        padding: 5px 10px;
        font-size: 13px;
        font-size: 0.845rem; }
  section.member_join_step3 div.id_box_out > label {
    background: #fff; }
    @media (max-width: 960px) {
      section.member_join_step3 div.id_box_out > label {
        margin: 10px 3px 5px 0; } }
    @media (max-width: 480px) {
      section.member_join_step3 div.id_box_out > label {
        margin: 0 0 5px 0; } }
    section.member_join_step3 div.id_box_out > label > input {
      width: 200px; }
      @media (max-width: 960px) {
        section.member_join_step3 div.id_box_out > label > input {
          width: 100%; } }
      section.member_join_step3 div.id_box_out > label > input.input_s {
        width: 68px; }
        @media (max-width: 960px) {
          section.member_join_step3 div.id_box_out > label > input.input_s {
            width: 100%; } }
  section.member_join_step3 div.id_box_out .btn_stt1 {
    padding: 0 10px;
    width: auto;
    height: 26px; }
  section.member_join_step3 div.id_box_out h4.heading_type_03.fl.h355 {
    height: 140px; }
    @media (max-width: 480px) {
      section.member_join_step3 div.id_box_out h4.heading_type_03.fl.h355 {
        height: auto; } }
  section.member_join_step3 div.id_box_out h5 {
    font-size: 15px;
    font-weight: bold; }
  section.member_join_step3 div.id_box_out div.select_wrap {
    width: 120px; }
  section.member_join_step3 div.id_box_out p.id_box_out_p {
    padding: 15px 0 0 0; }
  section.member_join_step3 div.id_box_out article.member_join_step4_article2 {
    padding: 7px 0;
    height: 70px;
    border-bottom: 1px dotted #ccc; }
    section.member_join_step3 div.id_box_out article.member_join_step4_article2:last-child {
      border: none; }
    section.member_join_step3 div.id_box_out article.member_join_step4_article2 input[type=checkbox] {
      vertical-align: -2px; }
    section.member_join_step3 div.id_box_out article.member_join_step4_article2 h5.heading_type_02 {
      padding: 6px 0;
      font-weight: bold; }
    section.member_join_step3 div.id_box_out article.member_join_step4_article2 div.m_labels {
      margin: 10px 0 0 0; }
    section.member_join_step3 div.id_box_out article.member_join_step4_article2 div.mg_t {
      margin: 10px 0 0 0; }
  section.member_join_step3 article.my_certificate_box div.select_wrap {
    width: 190px; }
    @media (max-width: 960px) {
      section.member_join_step3 article.my_certificate_box div.select_wrap {
        width: 150px;
        margin-bottom: 5px; } }
    @media (max-width: 480px) {
      section.member_join_step3 article.my_certificate_box div.select_wrap {
        width: 100%;
        margin-bottom: 5px; } }

section.member_join_step4 input[type=text] {
  height: 30px;
  padding: 0 0 0 5px; }

@media (max-width: 960px) {
  section.member_join_step4 h3.heading_type_03 {
    margin: 0 0 20px 0; } }

section.member_join_step4 article.member_join_step4_article {
  width: 100%;
  height: auto;
  border: 1px solid #e1e2e5;
  margin-bottom: 5px; }
  @media (max-width: 960px) {
    section.member_join_step4 article.member_join_step4_article {
      border: none;
      margin-bottom: 20px; } }
  section.member_join_step4 article.member_join_step4_article 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; }
    @media (max-width: 960px) {
      section.member_join_step4 article.member_join_step4_article h4 {
        display: block;
        clear: both;
        width: 100%;
        padding: 5px 0 5px 0;
        font-size: 13px;
        font-size: 0.845rem;
        font-weight: 700;
        color: #0b71b9;
        background: none; } }
    section.member_join_step4 article.member_join_step4_article h4.heading_type_03.fl {
      height: 87px; }
      @media (max-width: 960px) {
        section.member_join_step4 article.member_join_step4_article h4.heading_type_03.fl {
          height: auto; } }
    section.member_join_step4 article.member_join_step4_article h4.heading_type_03.fl.h455 {
      height: 460px; }
      @media (max-width: 960px) {
        section.member_join_step4 article.member_join_step4_article h4.heading_type_03.fl.h455 {
          height: auto; } }
    section.member_join_step4 article.member_join_step4_article h4.heading_type_03.fl.h255 {
      height: 50px; }
      @media (max-width: 960px) {
        section.member_join_step4 article.member_join_step4_article h4.heading_type_03.fl.h255 {
          height: auto; } }
    section.member_join_step4 article.member_join_step4_article h4.heading_type_03.fl.h355 {
      height: 140px; }
      @media (max-width: 960px) {
        section.member_join_step4 article.member_join_step4_article h4.heading_type_03.fl.h355 {
          height: auto; } }
    section.member_join_step4 article.member_join_step4_article h4.heading_type_03.h130 {
      height: 130px; }
      @media (max-width: 960px) {
        section.member_join_step4 article.member_join_step4_article h4.heading_type_03.h130 {
          height: auto; } }
  section.member_join_step4 article.member_join_step4_article text {
    vertical-align: middle; }
  section.member_join_step4 article.member_join_step4_article div.input_address_box, section.member_join_step4 article.member_join_step4_article div.input_check_box, section.member_join_step4 article.member_join_step4_article h4.fl {
    float: left; }
  section.member_join_step4 article.member_join_step4_article h4.h455 {
    height: 455px; }
    @media (max-width: 960px) {
      section.member_join_step4 article.member_join_step4_article h4.h455 {
        height: auto; } }
  section.member_join_step4 article.member_join_step4_article h4.h130 {
    height: 130px; }
    @media (max-width: 960px) {
      section.member_join_step4 article.member_join_step4_article h4.h130 {
        height: auto; } }
  section.member_join_step4 article.member_join_step4_article div.input_address_box {
    padding-left: 4px; }
    section.member_join_step4 article.member_join_step4_article div.input_address_box div.input_post {
      margin: 2px 0; }
      section.member_join_step4 article.member_join_step4_article div.input_address_box div.input_post input.btn_type_6 {
        width: 50px;
        height: 30px;
        color: #fff;
        border: none;
        outline: none;
        background: #5f5f5f;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */ }
      section.member_join_step4 article.member_join_step4_article div.input_address_box div.input_post label input {
        border: 1px solid #c6c8cd;
        margin: 10px 5px 0 0;
        background: #fff; }
    section.member_join_step4 article.member_join_step4_article div.input_address_box label.input_address1 input, section.member_join_step4 article.member_join_step4_article div.input_address_box label.input_address2 input {
      width: 285px;
      margin: 3px 5px 10px 0;
      border: 1px solid #c6c8cd; }
  section.member_join_step4 article.member_join_step4_article div.input_check_box {
    width: 77%; }
    @media (max-width: 960px) {
      section.member_join_step4 article.member_join_step4_article div.input_check_box {
        width: 100%; } }
    section.member_join_step4 article.member_join_step4_article div.input_check_box h5 {
      font-size: 15px;
      font-size: 0.975rem; }
      @media (max-width: 960px) {
        section.member_join_step4 article.member_join_step4_article div.input_check_box h5 {
          font-size: 12px;
          font-size: 0.78rem;
          font-weight: 700; } }
    section.member_join_step4 article.member_join_step4_article div.input_check_box article.member_join_step4_article2 {
      padding: 5px 0;
      border-bottom: 1px dotted #ccc; }
      section.member_join_step4 article.member_join_step4_article div.input_check_box article.member_join_step4_article2:last-child {
        border: none; }
      section.member_join_step4 article.member_join_step4_article div.input_check_box article.member_join_step4_article2 input[type=checkbox] {
        vertical-align: -2px; }
      section.member_join_step4 article.member_join_step4_article div.input_check_box article.member_join_step4_article2 h5.heading_type_02 {
        padding: 6px 0;
        font-weight: bold; }
      section.member_join_step4 article.member_join_step4_article div.input_check_box article.member_join_step4_article2 div.m_labels {
        margin: 10px 0 0 0; }
      section.member_join_step4 article.member_join_step4_article div.input_check_box article.member_join_step4_article2 div.mg_t {
        margin: 10px 0 0 0; }
    section.member_join_step4 article.member_join_step4_article div.input_check_box label {
      padding-right: 10px;
      white-space: nowrap; }
      section.member_join_step4 article.member_join_step4_article div.input_check_box label input {
        margin: 3px 5px 10px 0;
        border: 1px solid #c6c8cd; }
  section.member_join_step4 article.member_join_step4_article div.select_wrap {
    width: 150px;
    height: 32px;
    border: 1px solid #c6c8cd;
    vertical-align: middle;
    margin: 10px 5px 0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    display: inline-block;
    background: #fff; }
    section.member_join_step4 article.member_join_step4_article div.select_wrap.on {
      border: 1px solid #5391d5; }
    @media (max-width: 960px) {
      section.member_join_step4 article.member_join_step4_article div.select_wrap {
        background-color: #FFF;
        margin: 0 5px 0 0;
        width: 95px;
        height: 32px; } }
    section.member_join_step4 article.member_join_step4_article div.select_wrap label {
      padding: 5px 8px 5px; }
      @media (max-width: 960px) {
        section.member_join_step4 article.member_join_step4_article div.select_wrap label {
          padding: 7px 8px 5px; } }
    section.member_join_step4 article.member_join_step4_article div.select_wrap select {
      padding: 3px 5px 5px;
      border-color: #c6c8cd; }
  section.member_join_step4 article.member_join_step4_article > label {
    display: inline-block;
    border: 1px solid #c6c8cd;
    margin: 10px 5px 0 0;
    background: #fff; }
    section.member_join_step4 article.member_join_step4_article > label > input {
      width: 90px;
      border: 0;
      background: transparent; }
    @media (max-width: 960px) {
      section.member_join_step4 article.member_join_step4_article > label {
        margin: 0 5px 0 0; } }

article.agree_ar {
  width: 800px;
  margin: 0 auto;
  padding: 100px 0;
  text-align: left; }
  @media (max-width: 960px) {
    article.agree_ar {
      width: 100%;
      padding: 50px 15px; } }
  article.agree_ar h5 {
    font-size: 22px;
    font-size: 1.43rem;
    margin: 0 0 50px 0; }
  article.agree_ar h6.s_h {
    font-size: 18px;
    font-size: 1.17rem;
    margin: 0 0 20px 0; }
  article.agree_ar p.disc {
    font-size: 15px;
    font-size: 0.975rem;
    line-height: 25px;
    color: #5f5f5f; }
    article.agree_ar p.disc strong {
      display: block;
      color: #383838; }
  article.agree_ar p.box {
    display: block;
    border: 1px solid #ebecee;
    padding: 30px;
    font-size: 17px;
    font-size: 1.105rem;
    margin: 30px 0;
    line-height: 30px; }
    article.agree_ar p.box strong {
      color: #21b1ea; }
  article.agree_ar ul.agree_info {
    padding: 0 0 0 20px; }
    article.agree_ar ul.agree_info li {
      margin: 0 0 10px 0;
      color: #5f5f5f;
      font-size: 14px;
      font-size: 0.91rem;
      line-height: 23px;
      list-style: disc; }
  article.agree_ar div.btn_group {
    margin: 30px 0 0 0;
    text-align: center; }
  article.agree_ar dl.payment_info_info_dl {
    margin: 0 0 50px 0; }
    @media (max-width: 960px) {
      article.agree_ar dl.payment_info_info_dl dt {
        padding: 17px 5px 0 5px; } }
    article.agree_ar dl.payment_info_info_dl label {
      margin: 0 15px 0 0; }
      @media (max-width: 960px) {
        article.agree_ar dl.payment_info_info_dl label {
          display: block;
          margin: 0 0 5px 0; } }
    article.agree_ar dl.payment_info_info_dl input[type='radio'] {
      vertical-align: middle; }
    @media (max-width: 960px) {
      article.agree_ar dl.payment_info_info_dl input.short_input {
        width: 25%; } }
  article.agree_ar article.agree_ar_s {
    margin: 0 0 20px 0;
    position: relative; }
    article.agree_ar article.agree_ar_s button.btn_pop_terms {
      position: absolute;
      top: -5px;
      right: 0;
      border: 1px solid #383838;
      color: #383838;
      width: 90px;
      height: 30px;
      font-size: 13px;
      text-align: center;
      font-weight: bold;
      opacity: 0.8;
      filter: alpha(opacity=80);
      background: none; }
      article.agree_ar article.agree_ar_s button.btn_pop_terms:hover {
        opacity: 1;
        filter: alpha(opacity=100); }
    article.agree_ar article.agree_ar_s a.btn_pop_terms {
      display: block;
      padding: 5px 0 0 0;
      position: absolute;
      top: -5px;
      right: 0;
      border: 1px solid #383838;
      color: #383838;
      width: 90px;
      height: 30px;
      font-size: 13px;
      text-align: center;
      font-weight: bold;
      opacity: 0.8;
      filter: alpha(opacity=80);
      background: none; }
      article.agree_ar article.agree_ar_s a.btn_pop_terms:hover {
        opacity: 1;
        filter: alpha(opacity=100); }
    article.agree_ar article.agree_ar_s ul.check_list {
      margin: 0 0 10px 0;
      color: #5f5f5f; }
      article.agree_ar article.agree_ar_s ul.check_list li {
        margin: 0 0 5px 0; }
        article.agree_ar article.agree_ar_s ul.check_list li input {
          vertical-align: middle; }
    article.agree_ar article.agree_ar_s p {
      font-size: 15px;
      font-size: 0.975rem; }
      @media (max-width: 960px) {
        article.agree_ar article.agree_ar_s p {
          font-size: 13px;
          font-size: 0.845rem; } }
  article.agree_ar div.select_wrap {
    width: 150px;
    height: 32px;
    border: 1px solid #c6c8cd;
    vertical-align: middle;
    margin: 10px 5px 0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    display: inline-block;
    background: #fff; }
    article.agree_ar div.select_wrap.on {
      border: 1px solid #5391d5; }
    @media (max-width: 960px) {
      article.agree_ar div.select_wrap {
        background-color: #FFF;
        margin: 0 5px 0 0;
        width: 95px;
        height: 32px; } }
    article.agree_ar div.select_wrap label {
      padding: 5px 8px 5px; }
      @media (max-width: 960px) {
        article.agree_ar div.select_wrap label {
          padding: 7px 8px 5px; } }
    article.agree_ar div.select_wrap select {
      padding: 3px 5px 5px;
      border-color: #c6c8cd; }
  article.agree_ar label.input_box_label {
    height: 32px; }

article.login_normal {
  width: 460px;
  margin: 0 auto;
  background: none !important;
  padding-bottom: 30px !important; }
  @media (max-width: 480px) {
    article.login_normal {
      width: 100%;
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  article.login_normal > label input {
    display: block;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    font-size: 17px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 5px; }
  article.login_normal p.login_alert {
    display: none;
    height: 30px;
    color: #da0000;
    font-weight: 700;
    text-align: center; }
  article.login_normal div.btn_box_type_01 {
    width: 100%;
    height: auto;
    text-align: center;
    border: none;
    background-color: none; }
    article.login_normal div.btn_box_type_01 button.btn_type_03,
    article.login_normal div.btn_box_type_01 input.btn_type_03 {
      border: 1px solid #095184;
      color: #fff;
      width: 100%;
      height: 50px;
      font-size: 20px;
      background-color: #0b71b9;
      border-radius: 4px; }
  article.login_normal div.btn_box_type_03 {
    width: 100%;
    height: auto;
    text-align: center;
    border: none;
    background-color: none; }
    article.login_normal div.btn_box_type_03 button.btn_type_05,
    article.login_normal div.btn_box_type_03 a {
      border: 1px solid none;
      color: #333;
      width: auto;
      height: auto;
      font-size: 13px;
      background-color: none;
      border-radius: none;
      background: none;
      display: inline-block;
      border: none;
      border-right: 1px solid #ccc;
      line-height: 13px; }
      article.login_normal div.btn_box_type_03 button.btn_type_05:last-child,
      article.login_normal div.btn_box_type_03 a:last-child {
        border: none; }
  article.login_normal div.align_center {
    text-align: center; }
    article.login_normal div.align_center label {
      display: inline-block;
      padding: 20px;
      font-size: 15px; }

article.login_sns {
  width: 460px;
  margin: 0 auto;
  background: none !important;
  padding-bottom: 0 !important; }
  @media (max-width: 480px) {
    article.login_sns {
      width: 100%;
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  article.login_sns p.sns_top_line {
    border-top: 1px solid #ccc;
    text-align: center;
    margin: 20px 0;
    position: relative; }
    article.login_sns p.sns_top_line span {
      display: block;
      position: absolute;
      top: -10px;
      left: 50%;
      margin-left: -100px;
      width: 200px;
      vertical-align: middle;
      background: #fafafa;
      z-index: 10;
      color: #333; }
      @media (max-width: 960px) {
        article.login_sns p.sns_top_line span {
          background: #ebecee; } }
  article.login_sns div.btn_box_type_02 {
    text-align: center;
    margin-bottom: 30px; }
    article.login_sns div.btn_box_type_02 > a,
    article.login_sns div.btn_box_type_02 div#naver_id_login {
      display: inline-block;
      line-height: 40px;
      font-size: 13px;
      width: 32.5%;
      height: 40px;
      border-radius: 4px;
      font-weight: 700;
      vertical-align: middle;
      margin-bottom: 10px; }
      article.login_sns div.btn_box_type_02 > a > i,
      article.login_sns div.btn_box_type_02 div#naver_id_login > i {
        margin-right: 5px;
        font-weight: normal;
        line-height: 30px; }
      article.login_sns div.btn_box_type_02 > a > span,
      article.login_sns div.btn_box_type_02 div#naver_id_login > span {
        display: none; }
        @media (max-width: 480px) {
          article.login_sns div.btn_box_type_02 > a > span,
          article.login_sns div.btn_box_type_02 div#naver_id_login > span {
            display: inline; } }
      @media (max-width: 480px) {
        article.login_sns div.btn_box_type_02 > a,
        article.login_sns div.btn_box_type_02 div#naver_id_login {
          width: 100%; } }
    article.login_sns div.btn_box_type_02 a.btn_sns_kakao {
      color: #3c1e1e;
      background: #ffeb00;
      border: 1px solid #ffde00; }
      article.login_sns div.btn_box_type_02 a.btn_sns_kakao:hover {
        color: #3c1e1e;
        background: #ffde00; }
      article.login_sns div.btn_box_type_02 a.btn_sns_kakao > i {
        font-size: 23px;
        vertical-align: -4px; }
    article.login_sns div.btn_box_type_02 a.btn_sns_naver {
      color: #fff;
      background: #2db400;
      width: 100%;
      display: block;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
      article.login_sns div.btn_box_type_02 a.btn_sns_naver:hover {
        color: #fff;
        background: #28a100; }
      article.login_sns div.btn_box_type_02 a.btn_sns_naver > i {
        font-size: 17px;
        vertical-align: -2px;
        margin: 0 0 0 10px; }
    article.login_sns div.btn_box_type_02 a.btn_sns_facebook {
      color: #fff;
      background: #3a5795;
      font-size: 14px; }
      article.login_sns div.btn_box_type_02 a.btn_sns_facebook:hover {
        color: #fff;
        background: #2d477d; }
      article.login_sns div.btn_box_type_02 a.btn_sns_facebook > i {
        font-size: 20px;
        vertical-align: -3px; }
      article.login_sns div.btn_box_type_02 a.btn_sns_facebook > span {
        font-size: 13px; }

aside.login_bottom_ad {
  width: 460px;
  margin: 0 auto 50px auto; }
  @media (max-width: 480px) {
    aside.login_bottom_ad {
      width: 100%;
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  @media (max-width: 960px) {
    aside.login_bottom_ad {
      padding: 0 10px 30px 10px; } }
  aside.login_bottom_ad > a {
    display: block;
    line-height: 100px;
    text-align: center;
    background: #e9e9e9;
    border: 1px solid #ccc; }
    aside.login_bottom_ad > a img.ad_p {
      width: 460px;
      height: 150px; }
      @media (max-width: 960px) {
        aside.login_bottom_ad > a img.ad_p {
          display: none; } }
    aside.login_bottom_ad > a img.ad_m {
      display: none; }
      @media (max-width: 960px) {
        aside.login_bottom_ad > a img.ad_m {
          display: block;
          width: 100%;
          height: auto; } }

article.member_join_step_box {
  margin-top: -20px; }
  @media (max-width: 960px) {
    article.member_join_step_box {
      margin-top: 50px; } }
  article.member_join_step_box > button {
    display: none; }
  article.member_join_step_box > ul {
    width: auto;
    height: 70px;
    text-align: center; }
    article.member_join_step_box > ul > li {
      position: relative;
      padding: 5px 0 7px 0;
      margin: 0 10px;
      display: inline-block;
      width: 70px;
      font-size: 15px; }
      @media (max-width: 480px) {
        article.member_join_step_box > ul > li {
          font-size: 13px;
          width: 50px;
          margin: 0 8px; } }
      article.member_join_step_box > ul > li > span {
        display: block;
        font-size: 11px;
        letter-spacing: -1px;
        color: #666; }
        @media (max-width: 480px) {
          article.member_join_step_box > ul > li > span {
            display: none; } }
      article.member_join_step_box > ul > li > i {
        position: absolute;
        top: 10px;
        right: -24px;
        font-size: 29px;
        color: #666; }
        @media (max-width: 480px) {
          article.member_join_step_box > ul > li > i {
            font-size: 14px;
            top: 9px;
            right: -13px; } }
    article.member_join_step_box > ul > li.curr {
      font-weight: 700;
      color: #0b71b9;
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 4px; }

@media (max-width: 1024px) {
  section.member_join_step1, section.member_join_step2, section.member_join_step3, section.member_join_step4 {
    padding-left: 2%;
    padding-right: 2%; } }

@media (max-width: 480px) {
  section.member_join_step1, section.member_join_step2, section.member_join_step3, section.member_join_step4 {
    padding-left: 3%;
    padding-right: 3%; } }

section.member_join_step1 {
  position: relative; }
  @media (max-width: 960px) {
    section.member_join_step1 h3.heading_type_01 {
      margin: 0 0 20px 0; } }
  section.member_join_step1 .large_checkbox_label {
    top: 20px;
    display: inline-block;
    font-weight: 700; }
    @media (max-width: 480px) {
      section.member_join_step1 .large_checkbox_label {
        top: 10px;
        font-size: 14px; } }
    section.member_join_step1 .large_checkbox_label > input {
      width: 18px;
      height: 18px;
      vertical-align: -0.225em; }
      @media (max-width: 480px) {
        section.member_join_step1 .large_checkbox_label > input {
          width: 15px;
          height: 15px; } }
  section.member_join_step1 p.disc {
    font-size: 15px;
    font-size: 0.975rem;
    line-height: 24px;
    margin: 0 0 10px 0; }
  section.member_join_step1 ul.join_type_ul {
    padding: 50px 0 80px 0; }
    section.member_join_step1 ul.join_type_ul li {
      float: left;
      width: 47%;
      height: auto;
      background: #fff;
      border: 1px solid #dddddd;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      margin: 0 0 0 6%;
      text-align: center;
      padding: 30px; }
      @media (max-width: 960px) {
        section.member_join_step1 ul.join_type_ul li {
          float: none;
          margin: 0 0 15px 0;
          width: 100%; } }
      section.member_join_step1 ul.join_type_ul li:first-child {
        margin: 0; }
        @media (max-width: 960px) {
          section.member_join_step1 ul.join_type_ul li:first-child {
            margin: 0 0 15px 0; } }
        section.member_join_step1 ul.join_type_ul li:first-child i {
          color: #21b1ea; }
        section.member_join_step1 ul.join_type_ul li:first-child em {
          color: #21b1ea; }
        section.member_join_step1 ul.join_type_ul li:first-child button.btn_join {
          background: #21b1ea; }
          section.member_join_step1 ul.join_type_ul li:first-child button.btn_join:hover {
            background: #0b71b9; }
      section.member_join_step1 ul.join_type_ul li p {
        font-size: 18px;
        font-size: 1.17rem;
        font-weight: bold;
        letter-spacing: -2px;
        margin: 0 0 30px 0;
        color: #aab4bd; }
        section.member_join_step1 ul.join_type_ul li p i {
          display: block;
          margin: 0 0 10px 0;
          color: #5f5f5f;
          font-size: 40px;
          font-size: 2.6rem; }
        section.member_join_step1 ul.join_type_ul li p em {
          color: #5f5f5f; }
      section.member_join_step1 ul.join_type_ul li button.btn_join {
        width: 90%;
        height: 55px;
        color: #fff;
        border: none;
        outline: none;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        background: #5f5f5f;
        font-size: 15px;
        font-size: 0.975rem;
        font-weight: bold; }
        section.member_join_step1 ul.join_type_ul li button.btn_join:hover {
          background: #383838; }
  @media (max-width: 960px) {
    section.member_join_step1 {
      padding: 0 20px; } }
  section.member_join_step1 > label {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 15px;
    cursor: pointer; }
    @media (max-width: 960px) {
      section.member_join_step1 > label {
        right: 20px; } }
    section.member_join_step1 > label > input {
      margin-right: 5px;
      vertical-align: -1px; }
  section.member_join_step1 article.member_join_agree1 {
    position: relative;
    padding: 10px 0; }
    @media (max-width: 960px) {
      section.member_join_step1 article.member_join_agree1 {
        border-bottom: 1px dotted #ccc; } }
    section.member_join_step1 article.member_join_agree1 > h4.heading_type_02 {
      margin-bottom: 5px;
      cursor: pointer; }
      @media (max-width: 960px) {
        section.member_join_step1 article.member_join_agree1 > h4.heading_type_02 {
          margin: 0 0 7px 35px; } }
      section.member_join_step1 article.member_join_agree1 > h4.heading_type_02 > span {
        color: #f21c1e; }
    section.member_join_step1 article.member_join_agree1 button.btn_member_join_agree {
      display: none; }
      @media (max-width: 960px) {
        section.member_join_step1 article.member_join_agree1 button.btn_member_join_agree {
          position: absolute;
          top: 10px;
          left: 0;
          display: inline-block;
          border: none;
          background: none; } }
    section.member_join_step1 article.member_join_agree1 label {
      position: absolute;
      top: 13px;
      right: 0;
      font-size: 12px;
      cursor: pointer; }
      section.member_join_step1 article.member_join_agree1 label > span {
        color: #f21c1e; }
      section.member_join_step1 article.member_join_agree1 label span.member_join_agree1_color_blue {
        color: #0b71b9; }
      section.member_join_step1 article.member_join_agree1 label > input {
        margin-left: 5px;
        vertical-align: -2px; }
    section.member_join_step1 article.member_join_agree1 > button.btn_view_detail {
      display: none;
      padding: 0 4px; }
      @media (max-width: 960px) {
        section.member_join_step1 article.member_join_agree1 > button.btn_view_detail {
          display: inline-block;
          font-size: 10px;
          border: 1px solid #0b71b9;
          background: #f9f9f9;
          border-radius: 10px;
          vertical-align: 1px;
          margin-left: 3px;
          letter-spacing: -1px; } }
      @media (max-width: 480px) {
        section.member_join_step1 article.member_join_agree1 > button.btn_view_detail {
          display: inline-block;
          font-size: 10px;
          border: none;
          background: none;
          vertical-align: 1px;
          margin-left: 0;
          letter-spacing: -1px; } }
      @media (max-width: 480px) {
        section.member_join_step1 article.member_join_agree1 > button.btn_view_detail span {
          display: none; } }
      section.member_join_step1 article.member_join_agree1 > button.btn_view_detail i {
        display: none; }
        @media (max-width: 480px) {
          section.member_join_step1 article.member_join_agree1 > button.btn_view_detail i {
            display: inline-block; } }
    section.member_join_step1 article.member_join_agree1 div.agree_text_box {
      border: 1px solid #ccc;
      border-radius: 4px;
      height: 150px;
      overflow-y: auto;
      background: #fff;
      padding: 20px; }
      @media (max-width: 960px) {
        section.member_join_step1 article.member_join_agree1 div.agree_text_box {
          display: none;
          height: 100px;
          font-size: 11px;
          padding: 10px;
          -webkit-overflow-scrolling: touch; } }
      section.member_join_step1 article.member_join_agree1 div.agree_text_box > p {
        line-height: 20px;
        margin: 0 0 20px 0; }
      section.member_join_step1 article.member_join_agree1 div.agree_text_box article.min_sub_article h2 {
        font-size: 16px;
        font-weight: bold;
        margin: 50px 0 20px 0; }
        @media (max-width: 960px) {
          section.member_join_step1 article.member_join_agree1 div.agree_text_box article.min_sub_article h2 {
            font-size: 13px; } }
      section.member_join_step1 article.member_join_agree1 div.agree_text_box article.min_sub_article h3 {
        font-size: 14px;
        font-weight: bold;
        margin: 30px 0 10px 0; }
        @media (max-width: 960px) {
          section.member_join_step1 article.member_join_agree1 div.agree_text_box article.min_sub_article h3 {
            font-size: 12px; } }
    section.member_join_step1 article.member_join_agree1 ol li {
      list-style: decimal;
      margin: 0 0 5px 20px; }
    @media (max-width: 960px) {
      section.member_join_step1 article.member_join_agree1 ol {
        font-size: 11px; } }
  section.member_join_step1.narrow {
    max-width: 600px;
    margin: 0 auto; }
    section.member_join_step1.narrow article.member_join_agree1 {
      padding-top: 15px;
      border-bottom: 1px solid #dddddd; }
      section.member_join_step1.narrow article.member_join_agree1 > h4.heading_type_02 {
        margin-bottom: 5px; }
        @media (max-width: 960px) {
          section.member_join_step1.narrow article.member_join_agree1 > h4.heading_type_02 {
            margin: 0 0 7px 0; } }
        section.member_join_step1.narrow article.member_join_agree1 > h4.heading_type_02 label {
          font-size: 15px;
          position: static; }
          @media (max-width: 480px) {
            section.member_join_step1.narrow article.member_join_agree1 > h4.heading_type_02 label {
              font-size: 14px;
              vertical-align: 0.2em; } }
        section.member_join_step1.narrow article.member_join_agree1 > h4.heading_type_02 .choice {
          color: #0b71b9; }
        section.member_join_step1.narrow article.member_join_agree1 > h4.heading_type_02 .must {
          color: #f21c1e; }
      section.member_join_step1.narrow article.member_join_agree1 > button.btn_view_detail {
        position: absolute;
        top: 5px;
        right: 0;
        display: inline-block;
        padding: 15px 4px;
        font-size: 12px;
        color: #718190;
        border: 0;
        background: transparent;
        border-radius: 0;
        vertical-align: 1px;
        margin-left: 3px;
        letter-spacing: -1px; }
        @media (max-width: 480px) {
          section.member_join_step1.narrow article.member_join_agree1 > button.btn_view_detail {
            font-size: 10px;
            border: none;
            background: none;
            margin-left: 0;
            padding: 15px;
            vertical-align: 1px;
            letter-spacing: -1px;
            color: #424242; } }
        section.member_join_step1.narrow article.member_join_agree1 > button.btn_view_detail i {
          display: inline-block;
          margin-left: 5px; }
          @media (max-width: 480px) {
            section.member_join_step1.narrow article.member_join_agree1 > button.btn_view_detail i {
              margin-left: 0; } }
      section.member_join_step1.narrow article.member_join_agree1 div.agree_text_box {
        display: none;
        margin: 10px auto; }
        @media (max-width: 960px) {
          section.member_join_step1.narrow article.member_join_agree1 div.agree_text_box {
            height: 100px;
            font-size: 11px;
            padding: 10px;
            -webkit-overflow-scrolling: touch; } }

section.member_join_step2 {
  position: relative; }
  @media (max-width: 960px) {
    section.member_join_step2 h3.heading_type_01 {
      margin: 0 0 20px 0; } }
  @media (max-width: 960px) {
    section.member_join_step2 {
      padding: 0 20px; } }
  section.member_join_step2 article.member_join_agree2 ul.member_join_cert {
    padding: 50px 0;
    text-align: center; }
    section.member_join_step2 article.member_join_agree2 ul.member_join_cert li {
      display: inline-block;
      width: 40%; }
      @media (max-width: 480px) {
        section.member_join_step2 article.member_join_agree2 ul.member_join_cert li {
          width: 48%; } }
      section.member_join_step2 article.member_join_agree2 ul.member_join_cert li:first-child {
        border-right: 1px solid #ccc;
        background: url(../../../img/phone_svg.svg) no-repeat center 0;
        background-size: 80px 148px;
        height: 200px;
        padding: 170px 0 0 0; }
        @media \0screen {
          section.member_join_step2 article.member_join_agree2 ul.member_join_cert li:first-child {
            background: url(../../../img/phone_png.png) no-repeat center 0;
            background-size: 80px 148px; } }
        @media (max-width: 960px) {
          section.member_join_step2 article.member_join_agree2 ul.member_join_cert li:first-child {
            background: url(../../../img/phone_svg.svg) no-repeat center 0;
            background-size: 65px 120px;
            height: 160px;
            padding: 130px 0 0 0; } }
        @media (max-width: 480px) {
          section.member_join_step2 article.member_join_agree2 ul.member_join_cert li:first-child {
            background: url(../../../img/phone_svg.svg) no-repeat center 0;
            background-size: 40px 74px;
            height: 130px;
            padding: 100px 0 0 0; } }
      section.member_join_step2 article.member_join_agree2 ul.member_join_cert li:last-child {
        background: url(../../../img/ipin_svg.svg) no-repeat center 40px;
        background-size: 200px 58px;
        height: 200px;
        padding: 170px 0 0 0; }
        @media \0screen {
          section.member_join_step2 article.member_join_agree2 ul.member_join_cert li:last-child {
            background: url(../../../img/ipin_png.png) no-repeat center 40px;
            background-size: 200px 58px; } }
        @media (max-width: 960px) {
          section.member_join_step2 article.member_join_agree2 ul.member_join_cert li:last-child {
            background: url(../../../img/ipin_svg.svg) no-repeat center 40px;
            background-size: 150px 44px;
            height: 160px;
            padding: 130px 0 0 0; } }
        @media (max-width: 480px) {
          section.member_join_step2 article.member_join_agree2 ul.member_join_cert li:last-child {
            background: url(../../../img/ipin_svg.svg) no-repeat center 30px;
            background-size: 80px 23px;
            height: 130px;
            padding: 100px 0 0 0; } }
      section.member_join_step2 article.member_join_agree2 ul.member_join_cert li span {
        display: inline-block;
        font-size: 15px;
        padding: 4px 15px 5px 15px;
        background: #0b71b9;
        border-radius: 15px;
        color: #fff;
        font-weight: 700; }
        @media (max-width: 480px) {
          section.member_join_step2 article.member_join_agree2 ul.member_join_cert li span {
            font-size: 12px;
            padding: 4px 10px 5px 10px; } }
    @media (max-width: 480px) {
      section.member_join_step2 article.member_join_agree2 ul.member_join_cert {
        padding: 10px 0 20px 0; } }
  section.member_join_step2 article.member_join_agree2 p {
    width: 800px;
    padding: 20px 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    margin: 0 auto;
    font-weight: 700;
    font-size: 15px;
    text-align: justify; }
    @media (max-width: 960px) {
      section.member_join_step2 article.member_join_agree2 p {
        width: 80%;
        padding: 10px 20px;
        font-size: 13px; } }
    @media (max-width: 480px) {
      section.member_join_step2 article.member_join_agree2 p {
        width: 100%;
        padding: 10px 0;
        border: none;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
        background: none; } }

article.member_join_notice {
  padding: 20px; }
  article.member_join_notice ul {
    width: 800px;
    font-size: 11px;
    padding: 0 0 0 15px;
    margin: 0 auto; }
    article.member_join_notice ul li {
      list-style: disc;
      padding-bottom: 4px; }
    @media (max-width: 960px) {
      article.member_join_notice ul {
        width: 80%; } }
    @media (max-width: 480px) {
      article.member_join_notice ul {
        width: 100%; } }

article.member_join_already {
  width: auto;
  text-align: center;
  padding: 0 0 30px 0; }
  article.member_join_already div {
    display: inline-block;
    margin: 0 auto 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    @media (max-width: 480px) {
      article.member_join_already div {
        display: block;
        border-top: 0; } }
    article.member_join_already div dl {
      display: inline-block;
      padding: 20px 15px 20px 10px; }
      @media (max-width: 480px) {
        article.member_join_already div dl {
          display: block;
          padding: 5px 0;
          border-top: 1px solid #ccc; } }
      article.member_join_already div dl dt {
        display: inline-block;
        text-align: center;
        padding: 5px 10px;
        font-size: 16px;
        color: #333; }
        @media (max-width: 960px) {
          article.member_join_already div dl dt {
            padding: 5px;
            font-size: 14px; } }
        @media (max-width: 480px) {
          article.member_join_already div dl dt {
            padding: 5px 3px;
            font-size: 16px; } }
      article.member_join_already div dl dd {
        display: inline-block;
        text-align: left;
        margin: 0;
        padding: 0 10px 0 0;
        font-size: 16px;
        font-weight: 700;
        color: #0b71b9; }
        @media (max-width: 960px) {
          article.member_join_already div dl dd {
            font-size: 14px;
            padding: 0 5px 0 0; } }
        @media (max-width: 480px) {
          article.member_join_already div dl dd {
            font-size: 16px;
            padding: 0 5px 0 0; } }
  article.member_join_already i.icon-warning9 {
    display: block;
    font-size: 150px;
    color: #0b71b9;
    margin-bottom: 20px; }
    @media (max-width: 960px) {
      article.member_join_already i.icon-warning9 {
        font-size: 100px; } }
    @media (max-width: 480px) {
      article.member_join_already i.icon-warning9 {
        font-size: 50px; } }
  article.member_join_already p {
    font-size: 11px; }
    article.member_join_already p i.icon-flag1 {
      color: #0b71b9; }

div.member_join_already_btn_box {
  padding: 20px 0 50px 0;
  width: 100%;
  height: auto;
  text-align: center;
  border: none;
  background-color: none; }
  div.member_join_already_btn_box button.btn_type_06 {
    border: 1px solid #0b71b9;
    color: #fff;
    width: 30%;
    height: 50px;
    font-size: 20px;
    background-color: #0b71b9;
    border-radius: 4px; }
    @media (max-width: 960px) {
      div.member_join_already_btn_box button.btn_type_06 {
        font-size: 17px; } }
    @media (max-width: 480px) {
      div.member_join_already_btn_box button.btn_type_06 {
        font-size: 15px; } }
  div.member_join_already_btn_box button.btn_type_07 {
    border: 1px solid #333;
    color: #fff;
    width: 30%;
    height: 50px;
    font-size: 20px;
    background-color: #333;
    border-radius: 4px; }
    @media (max-width: 960px) {
      div.member_join_already_btn_box button.btn_type_07 {
        font-size: 17px; } }
    @media (max-width: 480px) {
      div.member_join_already_btn_box button.btn_type_07 {
        font-size: 15px; } }
  @media (max-width: 480px) {
    div.member_join_already_btn_box button.btn_type_06,
    div.member_join_already_btn_box button.btn_type_07 {
      width: 49%; } }

div.join_confirm_btn_box {
  text-align: center;
  padding: 30px 0 50px 0; }
  @media (max-width: 480px) {
    div.join_confirm_btn_box {
      padding: 100px 0 50px 0; } }
  div.join_confirm_btn_box button.btn_type_03.kakao_btn {
    position: relative;
    background: #ffcf29 url("../../../img//kakaotalk_icon.png") no-repeat;
    background-size: 22px;
    background-position: 19px center;
    margin-left: 5px; }
    div.join_confirm_btn_box button.btn_type_03.kakao_btn > span {
      color: #391c1e;
      padding-left: 15px; }
    div.join_confirm_btn_box button.btn_type_03.kakao_btn .emblem {
      position: absolute;
      top: -18px;
      right: 27px;
      width: 70px;
      height: 25px;
      background: #fff;
      border: 1px solid #c6c8cd;
      text-align: center;
      border-radius: 5px; }
      div.join_confirm_btn_box button.btn_type_03.kakao_btn .emblem:after {
        border-color: #fff transparent;
        border-style: solid;
        border-width: 8px 7px 0 7px;
        content: '';
        display: block;
        left: 20%;
        position: absolute;
        bottom: -7px;
        width: 0;
        z-index: 1; }
      div.join_confirm_btn_box button.btn_type_03.kakao_btn .emblem:before {
        border-color: #c6c8cd transparent;
        border-style: solid;
        border-width: 8px 7px 0 7px;
        content: '';
        display: block;
        left: 20%;
        position: absolute;
        bottom: -8px;
        width: 0;
        z-index: 0; }
      div.join_confirm_btn_box button.btn_type_03.kakao_btn .emblem > p {
        font-size: 12px;
        font-size: 0.78rem;
        color: #191919;
        padding: 2px 0; }
    div.join_confirm_btn_box button.btn_type_03.kakao_btn:hover {
      background-color: #fee500; }
      div.join_confirm_btn_box button.btn_type_03.kakao_btn:hover > span {
        color: #191919; }
  @media (max-width: 960px) {
    div.join_confirm_btn_box button.btn_type_03 {
      width: 48.5% !important; }
      div.join_confirm_btn_box button.btn_type_03.kakao_btn {
        background-position: calc(50% - 75px) center; }
        div.join_confirm_btn_box button.btn_type_03.kakao_btn .emblem {
          position: absolute;
          top: -18px;
          right: calc(50% - 71px); } }
  @media (max-width: 480px) {
    div.join_confirm_btn_box button.btn_type_03 {
      width: 97% !important; }
      div.join_confirm_btn_box button.btn_type_03.kakao_btn {
        margin-left: 0;
        margin-top: 15px; }
        div.join_confirm_btn_box button.btn_type_03.kakao_btn .emblem {
          top: -14px; } }

article.member_join_step4_comment {
  padding: 50px 0; }
  article.member_join_step4_comment h3.heading_type_01 {
    text-align: center;
    font-size: 40px;
    font-size: 2.6rem;
    color: #0b71b9;
    font-weight: 700;
    letter-spacing: -3px;
    padding: 0 0 30px 0; }
    @media (max-width: 960px) {
      article.member_join_step4_comment h3.heading_type_01 {
        font-size: 30px;
        font-size: 1.95rem; } }
  article.member_join_step4_comment div {
    width: 600px;
    padding: 15px 30px 20px 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    margin: 0 auto;
    font-weight: 700;
    font-size: 15px;
    text-align: center; }
    @media (max-width: 960px) {
      article.member_join_step4_comment div {
        width: 80%;
        padding: 10px 20px;
        font-size: 13px; } }
    @media (max-width: 480px) {
      article.member_join_step4_comment div {
        width: 100%;
        padding: 10px 0;
        border: none;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
        background: none; } }
    article.member_join_step4_comment div p {
      font-size: 12px;
      font-size: 0.78rem;
      color: #666; }
      article.member_join_step4_comment div p span {
        white-space: nowrap; }
    article.member_join_step4_comment div p:first-child {
      font-size: 20px;
      font-size: 1.3rem;
      color: #0b71b9;
      padding: 5px 0 10px 0; }

section.member_join_step2.member_join_step3 {
  width: 800px;
  margin: 0 auto; }
  @media (max-width: 960px) {
    section.member_join_step2.member_join_step3 {
      width: 80%; } }
  @media (max-width: 480px) {
    section.member_join_step2.member_join_step3 {
      width: 100%; } }
  section.member_join_step2.member_join_step3 article.member_join_step3_article p {
    font-size: 15px;
    font-size: 0.975rem;
    color: #0b71b9;
    padding: 10px 0; }
    section.member_join_step2.member_join_step3 article.member_join_step3_article p.text_small {
      font-size: 13px;
      font-size: 0.845rem;
      color: #424242; }

section.s_sub_contents #loginForm {
  padding-top: 50px; }

div.btn_box_type_04 {
  padding: 20px 0;
  width: 100%;
  height: auto;
  text-align: center;
  border: none;
  background-color: none; }
  div.btn_box_type_04 button.btn_type_06 {
    border: 1px solid #333;
    color: #fff;
    width: 30%;
    height: 50px;
    font-size: 20px;
    background-color: #333;
    border-radius: 4px; }
  div.btn_box_type_04 button.btn_type_07 {
    border: 1px solid #0b71b9;
    color: #fff;
    width: 30%;
    height: 50px;
    font-size: 20px;
    background-color: #0b71b9;
    border-radius: 4px; }
  @media (max-width: 480px) {
    div.btn_box_type_04 button.btn_type_06,
    div.btn_box_type_04 button.btn_type_07 {
      width: 49%; } }

article.find_idpw_box1 {
  width: 800px;
  margin: 0 auto; }
  @media (max-width: 960px) {
    article.find_idpw_box1 {
      width: 80%; } }
  @media (max-width: 480px) {
    article.find_idpw_box1 {
      width: 100%; } }
  article.find_idpw_box1 h3.heading_type_01 {
    margin-top: -50px; }
    @media (max-width: 960px) {
      article.find_idpw_box1 h3.heading_type_01 {
        margin: -50px 0 20px 0; } }
  article.find_idpw_box1 p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    width: 800px;
    height: auto;
    min-height: 300px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    padding: 25px 0; }
    @media (max-width: 960px) {
      article.find_idpw_box1 p {
        display: block;
        width: 100%;
        height: auto;
        border: 1px solid #ccc;
        border-radius: 10px;
        background: #fff;
        font-size: 16px; } }
    @media (max-width: 480px) {
      article.find_idpw_box1 p {
        width: 100%;
        border: none;
        background: none;
        font-size: 13px; } }
    article.find_idpw_box1 p span {
      font-size: 15px;
      color: #0b71b9; }
      article.find_idpw_box1 p span.br {
        display: block;
        color: #5f5f5f;
        margin: 0 0 5px 0; }
      article.find_idpw_box1 p span.idpw_detail_box {
        display: block;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-clip: padding-box;
        /* stops bg color from leaking outside the border: */
        text-align: left;
        padding: 20px;
        width: 400px;
        margin: 10px auto;
        background: #ebecee; }
        @media (max-width: 960px) {
          article.find_idpw_box1 p span.idpw_detail_box {
            width: 100%;
            line-height: normal;
            height: auto;
            background: none;
            border-right: none;
            border-left: none;
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            -webkit-border-radius: 0;
            border-radius: 0;
            background-clip: padding-box;
            /* stops bg color from leaking outside the border: */ } }
        @media (max-width: 480px) {
          article.find_idpw_box1 p span.idpw_detail_box {
            background: #fff; } }
        article.find_idpw_box1 p span.idpw_detail_box span.idpw_detail {
          display: block;
          font-size: 14px;
          font-size: 0.91rem;
          margin: 0 0 5px 0;
          font-weight: bold; }
          @media (max-width: 960px) {
            article.find_idpw_box1 p span.idpw_detail_box span.idpw_detail {
              line-height: normal;
              height: auto;
              border: none;
              font-size: 12px;
              font-size: 0.78rem; } }
          article.find_idpw_box1 p span.idpw_detail_box span.idpw_detail a {
            display: inline-block;
            border: 1px solid #aab4bd;
            background: #fff;
            color: #5f5f5f;
            text-align: center;
            padding: 3px 10px;
            margin: 0 0 0 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            background-clip: padding-box;
            /* stops bg color from leaking outside the border: */
            font-size: 13px;
            font-size: 0.845rem; }
            article.find_idpw_box1 p span.idpw_detail_box span.idpw_detail a:hover {
              border: 1px solid #5f5f5f; }
      @media (max-width: 960px) {
        article.find_idpw_box1 p span {
          width: 100%;
          height: 200px;
          background: #fff;
          font-size: 18px; } }
      @media (max-width: 480px) {
        article.find_idpw_box1 p span {
          width: 100%;
          border: none;
          background: none;
          font-size: 15px; } }
      article.find_idpw_box1 p span em {
        font-size: 20px;
        color: #0b71b9;
        font-weight: bold; }

.container .sub_con .slove_wrap {
  padding: 6% 0 20px; }
  .container .sub_con .slove_wrap .logo_wrap {
    margin-bottom: 40px; }
    .container .sub_con .slove_wrap .logo_wrap > img {
      margin: 0 auto;
      width: 180px; }
  .container .sub_con .slove_wrap section.s_sub_contents article.sub_contents .btn_box_type_03 {
    margin-top: 30px; }
  @media (max-width: 960px) {
    .container .sub_con .slove_wrap .logo_wrap {
      margin-bottom: 35px; }
      .container .sub_con .slove_wrap .logo_wrap > img {
        width: 154px; } }
  @media (max-width: 480px) {
    .container .sub_con .slove_wrap {
      padding: 10% 0 20px; }
      .container .sub_con .slove_wrap .logo_wrap {
        margin-bottom: 30px; }
        .container .sub_con .slove_wrap .logo_wrap > img {
          width: 134px; } }

span.notify {
  font-size: 12px;
  font-size: 0.78rem;
  color: #45484f; }
  @media (max-width: 960px) {
    span.notify {
      font-size: 11px;
      font-size: 0.715rem;
      display: block;
      margin: 2px 0 10px; } }