@charset "UTF-8";
/* PC */
/* 모바일 */
@font-face {
  font-family: "noto-l";
  src: url("../hg_font/noto/NotoSans-Light.eot");
  src: url("../hg_font/noto/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("../hg_font/noto/NotoSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "noto-r";
  src: url("../hg_font/noto/NotoSans-Regular.eot");
  src: url("../hg_font/noto/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../hg_font/noto/NotoSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "noto-m";
  src: url("../hg_font/noto/NotoSans-Medium.eot");
  src: url("../hg_font/noto/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../hg_font/noto/NotoSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "noto-b";
  src: url("../hg_font/noto/NotoSans-Bold.eot");
  src: url("../hg_font/noto/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../hg_font/noto/NotoSans-Bold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

html,
body {
  font-family: 'noto-r';
  font-size: 16px;
}

body {
  background: #fff;
}

input,
select,
button,
textarea {
  font-family: 'noto-r';
}

.u-hidden,
.sound_only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

@media (min-width: 751px) {
  .u-hidden\@lg,
  .sound_only\@lg {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}

@media (max-width: 750px) {
  .u-hidden\@sm,
  .sound_only\@sm {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}

.u-display-none {
  display: none;
}

@media (min-width: 751px) {
  .u-display-none\@lg {
    display: none;
  }
}

@media (max-width: 750px) {
  .u-display-none\@sm {
    display: none;
  }
}

.u-clearfix:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 751px) {
  .u-clearfix\@lg:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (max-width: 750px) {
  .u-clearfix\@sm:after {
    content: '';
    display: block;
    clear: both;
  }
}

.u-width-full {
  width: 100%;
}

.u-max-width-full {
  max-width: 100%;
}

.u-text-center {
  text-align: center;
}

@media (min-width: 751px) {
  .u-text-center\@lg {
    text-align: center;
  }
}

@media (max-width: 750px) {
  .u-text-center\@sm {
    text-align: center;
  }
}

.u-1\/2 {
  width: 50%;
}

@media (min-width: 751px) {
  .u-1\/2\@lg {
    width: 50%;
  }
}

@media (max-width: 750px) {
  .u-1\/2\@sm {
    width: 50%;
  }
}

.u-1\/3 {
  width: 33.33333%;
}

@media (min-width: 751px) {
  .u-1\/3\@lg {
    width: 33.33333%;
  }
}

@media (max-width: 750px) {
  .u-1\/3\@sm {
    width: 33.33333%;
  }
}

.u-1\/4 {
  width: 25%;
}

@media (min-width: 751px) {
  .u-1\/4\@lg {
    width: 25%;
  }
}

@media (max-width: 750px) {
  .u-1\/4\@sm {
    width: 25%;
  }
}

.u-1\/5 {
  width: 20%;
}

@media (min-width: 751px) {
  .u-1\/5\@lg {
    width: 20%;
  }
}

@media (max-width: 750px) {
  .u-1\/5\@sm {
    width: 20%;
  }
}

.u-1\/6 {
  width: 16.66667%;
}

@media (min-width: 751px) {
  .u-1\/6\@lg {
    width: 16.66667%;
  }
}

@media (max-width: 750px) {
  .u-1\/6\@sm {
    width: 16.66667%;
  }
}

.u-1\/7 {
  width: 14.28571%;
}

@media (min-width: 751px) {
  .u-1\/7\@lg {
    width: 14.28571%;
  }
}

@media (max-width: 750px) {
  .u-1\/7\@sm {
    width: 14.28571%;
  }
}

.u-1\/8 {
  width: 12.5%;
}

@media (min-width: 751px) {
  .u-1\/8\@lg {
    width: 12.5%;
  }
}

@media (max-width: 750px) {
  .u-1\/8\@sm {
    width: 12.5%;
  }
}

.u-1\/9 {
  width: 11.11111%;
}

@media (min-width: 751px) {
  .u-1\/9\@lg {
    width: 11.11111%;
  }
}

@media (max-width: 750px) {
  .u-1\/9\@sm {
    width: 11.11111%;
  }
}

.u-1\/10 {
  width: 10%;
}

@media (min-width: 751px) {
  .u-1\/10\@lg {
    width: 10%;
  }
}

@media (max-width: 750px) {
  .u-1\/10\@sm {
    width: 10%;
  }
}

.o-page__layout {
  padding-right: 10px;
  padding-left: 10px;
}

@media (max-width: 750px) {
  .o-page__layout {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.bx-wrapper {
  position: relative;
}

input[type="checkbox"] {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 5px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -92px -166px;
  vertical-align: text-bottom;
  -webkit-appearance: none;
}

@media (max-width: 750px) {
  input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0px 4px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -55px -105px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

input[type="checkbox"]:checked {
  background-position-x: -124px;
}

@media (max-width: 750px) {
  input[type="checkbox"]:checked {
    background-position-x: -80px;
  }
}

input[type="checkbox"].v2 {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  background: url("../hg_img/common/ico-check-off.png") no-repeat;
  vertical-align: middle;
  -webkit-appearance: none;
}

@media (max-width: 750px) {
  input[type="checkbox"].v2 {
    width: 17px;
    height: 17px;
    margin: 0px 4px;
    background-position: 0 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

input[type="checkbox"].v2:checked {
  background: url("../hg_img/common/ico-check-on.png") no-repeat;
}

@media (max-width: 750px) {
  input[type="checkbox"].v2:checked {
    background-position: 0 0;
  }
}

input[type="radio"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -347px 0;
  vertical-align: text-bottom;
  -webkit-appearance: none;
}

@media (max-width: 750px) {
  input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 0px 4px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -247px 0;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

input[type="radio"]:checked {
  background-position-x: -321px;
}

@media (max-width: 750px) {
  input[type="radio"]:checked {
    background-position-x: -227px;
  }
}

.cke_sc, .cke_sc_def {
  display: none;
}

.o-page {
  /* 탑 버튼 */
}

.o-page__loading-cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fafafa;
}

.o-page__loading-cover.is-show {
  display: block;
}

.loading-cover__rolling-area {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin: -100px 0 0 -100px;
  background: url("../hg_img/common/ico-rolling-200px.gif") no-repeat;
}

@media (max-width: 750px) {
  .loading-cover__rolling-area {
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.o-page__layout {
  padding-right: 10px;
  padding-left: 10px;
}

@media (max-width: 750px) {
  .o-page__layout {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 751px) {
  .o-page__layout--bg-color {
    background: #f9f9f9;
  }
}

.o-page__btn-top {
  position: fixed;
  bottom: 30px;
  left: 50%;
  z-index: 8888;
  width: 52px;
  height: 52px;
  padding-top: 25px;
  margin-left: 512px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  color: #545454;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 1128px) {
  .o-page__btn-top {
    right: 0;
    left: auto;
    margin-left: 0;
  }
}

@media (max-width: 750px) {
  .o-page__btn-top {
    right: 15px;
    width: 30px;
    height: 30px;
    padding-top: 14px;
    background-position: center 8px;
    -webkit-background-size: 4.5px auto;
    -moz-background-size: 4.5px auto;
    -ms-background-size: 4.5px auto;
    background-size: 4.5px auto;
    font-size: 9px;
  }
}

.o-page__btn-top:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 50%;
  width: 9px;
  height: 6px;
  margin-left: -4.5px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -150px -236px;
}

@media (max-width: 750px) {
  .o-page__btn-top:before {
    top: 8px;
    width: 4.5px;
    height: 3px;
    margin-left: -2.25px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -90px -162px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.o-header {
  /* Mobile 헤더 */
  /* PC 헤더 */
}

.o-header__mobile {
  /* PC 화면에서는 숨기기 */
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
  height: 54.5px;
  border-bottom: 1px solid #c6c6c6;
}

@media (min-width: 751px) {
  .o-header__mobile {
    display: none;
  }
}

@media (max-width: 750px) {
  .o-header__mobile {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.o-hd-mobile {
  /* 로고 */
  /* 강의실 헤더 로고 */
  /* 재단스토어 헤더 로고 */
  /* 메뉴 열기 버튼 */
  /* GNB */
  /* overlay */
}

.o-mobile-logo__link {
  display: block;
  width: 122.5px;
  height: 54.5px;
  background: url("../hg_img/layout/header/m/logo.png") no-repeat center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  text-indent: -9999px;
}

.c-mobile-lecture-logo__link {
  width: 115.5px;
  background: url("../hg_img/layout/header/lecture/m/logo.png") no-repeat center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
}

.c-mobile-shop-logo__link {
  width: 115.5px;
  background: url("../hg_img/layout/header/shop/m/logo.png") no-repeat center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
}

.o-hd-mobile__btn-open {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 24px;
  height: 24px;
  margin-top: -11.5px;
  background: url("../hg_img/common/m/img_sprite.png") no-repeat -99.5px -160px;
  -webkit-background-size: 345px auto;
  -moz-background-size: 345px auto;
  -ms-background-size: 345px auto;
  background-size: 345px auto;
  text-indent: -9999px;
}

.o-hd-mobile__gnb {
  position: fixed;
  top: 0;
  right: -310px;
  z-index: 9999;
  width: 310px;
  height: 100%;
  background: #f9f9f9;
  overflow: auto;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
}

.o-hd-mobile__gnb.is-open {
  right: 0;
}

.o-mobile-gnb {
  /* 메뉴 닫기 버튼 */
  /* GNB 메뉴 리스트 */
  /* 1depth 메뉴 */
  /* 2depth 메뉴 */
  /* 유틸리티 메뉴 바 */
}

.o-mobile-gnb__btn-close {
  display: block;
  position: absolute;
  top: 15.75px;
  left: 15px;
  width: 24px;
  height: 24px;
  background: url("../hg_img/common/m/img_sprite.png") no-repeat -127.5px -160px;
  -webkit-background-size: 345px auto;
  -moz-background-size: 345px auto;
  -ms-background-size: 345px auto;
  background-size: 345px auto;
  text-indent: -9999px;
}

.o-mobile-gnb__list {
  min-height: calc(100% - 185px);
  margin-top: 54.5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #dbdbdb;
}

.o-mobile-gnb__link {
  display: block;
  position: relative;
  height: 35px;
  padding: 0px 37px 0px 15px;
  border-bottom: 1px solid #dbdbdb;
  -webkit-background-size: 51px auto;
  -moz-background-size: 51px auto;
  -ms-background-size: 51px auto;
  background-size: 51px auto;
  color: #444;
  font-family: 'noto-m';
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 35px;
}

.o-mobile-gnb__link:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  width: 7px;
  height: 7px;
  margin-top: -3.5px;
  background: url("../hg_img/common/m/img_sprite.png") no-repeat -155.5px -160px;
  -webkit-background-size: 345px auto;
  -moz-background-size: 345px auto;
  -ms-background-size: 345px auto;
  background-size: 345px auto;
}

.o-mobile-gnb__link--active {
  background: #008cd6;
  color: #fff;
}

.o-mobile-gnb__link--active:after {
  background-position: -167.5px -160px;
}

.o-mobile-gnb__link--on {
  background: #008cd6;
  color: #fff;
}

.o-mobile-gnb__link--on:after {
  background-position: -167.5px -160px;
}

.o-mobile-gnb__2depth-list {
  display: none;
}

.o-mobile-gnb__2depth-list--active {
  display: block;
}

.o-mobile-gnb__2depth-item {
  border-bottom: 1px solid #dbdbdb;
}

.o-mobile-gnb__2depth-link {
  display: block;
  height: 30px;
  padding: 0px 15px;
  background: #fff;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 30px;
}

.o-mobile-gnb__2depth-link--active {
  color: #444;
  text-decoration: underline;
}

.o-mobile-util {
  /* 다국어 페이지 */
  /* 회원가입 / 로그인 / 마이페이지 버튼 */
  /* 강의실 & 재단스토어 바로가기 버튼 */
}

.o-mobile-util__lang {
  position: absolute;
  top: 20.75px;
  right: 15px;
}

.o-mobile-util__lang:after {
  content: '';
  display: block;
  clear: both;
}

.o-mobile-util-lang__btn {
  display: block;
  position: relative;
  float: left;
  margin-left: 16px;
  color: #888;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  letter-spacing: -0.3px;
}

.o-mobile-util-lang__btn:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -8px;
  width: 1px;
  height: 6px;
  margin-top: -3px;
  background: #bbb;
}

.o-mobile-util-lang__btn:first-child:before {
  display: none;
}

.o-mobile-util__member {
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 15px;
}

@media (max-width: 750px) {
  .o-mobile-util__member {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.o-mobile-util__member:after {
  content: '';
  display: block;
  clear: both;
}

.o-mobile-util-member__btn {
  display: block;
  float: left;
  width: calc(50% - 3px);
  height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dcdcdc;
  background: #f6f6f6;
  color: #777;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 30px;
}

.o-mobile-util-member__btn:nth-child(2) {
  float: right;
}

.o-mobile-util-member__btn--other-color {
  border: 0;
  background: #008cd6;
  color: #fff;
}

.o-mobile-util__quick {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 15px;
}

@media (max-width: 750px) {
  .o-mobile-util__quick {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.o-mobile-util-quick__btn {
  display: block;
  height: 30px;
  margin-top: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #666;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 30px;
}

.o-mobile-util-quick__btn > .joytv-wrap {
  position: relative;
}

.o-mobile-util-quick__btn > .joytv-wrap .joytv-logo {
  position: relative;
  top: 9px;
  display: inline-block;
  width: 60px;
  height: 13px;
  margin-right: 4px;
  background: url("../hg_img/layout/header/m/ico-joytv.png") no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  text-indent: -9999px;
}

.o-hd-mobile__overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.o-header__pc {
  /* mobile 화면에서는 숨기기 */
}

@media (max-width: 750px) {
  .o-header__pc {
    display: none;
  }
}

.o-hd-pc {
  /* 유틸리티 메뉴 바 */
  /* 메인 메뉴 */
}

.o-hd-pc__util {
  height: 35px;
  border-bottom: 1px solid #dcdcdc;
  background: #f7f7f7;
}

.o-hd-pc-util {
  /* 회원가입 / 로그인 / 마이페이지 버튼 */
  /* 강의실 & 재단스토어 바로가기 버튼 */
  /* 다국어 페이지 버튼 */
}

.o-hd-pc-util__inner {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

.o-hd-pc-util__inner:after {
  content: '';
  display: block;
  clear: both;
}

.o-hd-pc-util__member {
  float: left;
  border-left: 1px solid #dcdcdc;
}

.o-pc-util-member__btn {
  display: block;
  float: left;
  width: 58px;
  height: 35px;
  border-right: 1px solid #dcdcdc;
  color: #777;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  letter-spacing: -0.2px;
  text-align: center;
  line-height: 35px;
}

.o-pc-util-member__btn--other-color {
  background: #666;
  color: #fff;
}

.o-hd-pc-util__quick {
  float: right;
  border-right: 1px solid #dcdcdc;
}

.o-pc-util-quick__btn {
  display: block;
  float: left;
  min-width: 100px;
  height: 35px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #dcdcdc;
  color: #666;
  font-family: 'noto-m';
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 35px;
}

.o-pc-util-quick .joytv-logo {
  position: relative;
  top: 10px;
  display: inline-block;
  width: 70px;
  height: 14px;
  margin-right: 4px;
  background: url("../hg_img/layout/header/ico-joytv.png") no-repeat;
  text-indent: -9999px;
}

.o-pc-util-quick .joytv-link {
  margin: 0 4px;
}

.o-hd-pc-util__lang {
  float: right;
  margin-right: 15px;
}

.o-pc-util-lang__btn {
  display: block;
  float: left;
  width: 36px;
  height: 18px;
  margin: 8px 0 0 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #5a5a5a;
  background: #666;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 10px;
  text-align: center;
  line-height: 18px;
}

.o-hd-pc__main {
  position: relative;
  height: 90px;
  border-bottom: 1px solid #c6c6c6;
}

.o-hd-pc-main {
  /* 로고 */
  /* 강의실 헤더 로고 */
  /* 재단스토어 헤더 로고 */
  /* GNB */
  /* 네비 드롭다운 bg */
}

.o-hd-pc-main__inner {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-left: 177px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.o-hd-pc-main__inner:after {
  content: '';
  display: block;
  clear: both;
}

.o-hd-pc-main__logo {
  position: relative;
  left: -177px;
  float: left;
  margin-right: -177px;
}

.o-pc-logo__link {
  display: block;
  width: 177px;
  height: 90px;
  background: url("../hg_img/layout/header/logo.png") no-repeat left center;
  text-indent: -9999px;
}

.c-pc-lecture-logo__link {
  background: url("../hg_img/layout/header/lecture/logo.png") no-repeat left center;
}

.c-pc-shop-logo__link {
  background: url("../hg_img/layout/header/shop/logo.png") no-repeat left center;
}

.o-hd-pc-main__gnb {
  float: left;
  width: 100%;
  font-size: 0;
  text-align: right;
}

.o-pc-gnb__item {
  display: inline-block;
  padding-left: 7.8125%;
  vertical-align: middle;
}

.o-pc-gnb__item:first-child {
  padding-left: 0;
}

@media (max-width: 1024px) and (min-width: 751px) {
  .o-pc-gnb__item {
    padding-left: 5.85938%;
  }
}

.o-pc-gnb__item--secondary {
  position: relative;
  padding-left: 0 !important;
}

.o-pc-gnb__link {
  display: block;
  height: 90px;
  color: #444;
  font-family: 'noto-m';
  font-size: 17px;
  letter-spacing: -0.7px;
  line-height: 90px;
}

.o-pc-gnb__link--active {
  position: relative;
  color: #008cd6;
}

.o-pc-gnb__link--active:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  z-index: 30;
  width: 60px;
  height: 3px;
  margin-left: -30px;
  background: #008cd6;
}

.o-pc-gnb__link--on {
  position: relative;
  color: #008cd6;
}

.o-pc-gnb__link--on:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  z-index: 30;
  width: 60px;
  height: 3px;
  margin-left: -30px;
  background: #008cd6;
}

.o-pc-gnb__link--secondary {
  padding: 0 55px;
}

.o-pc-gnb__link--secondary2 {
  padding: 0 44px;
}

@media (max-width: 1024px) {
  .o-pc-gnb__link--secondary2 {
    padding: 0 22px;
  }
}

.o-pc-gnb__2depth-list {
  display: none;
  position: absolute;
  top: 90px;
  left: 0;
  z-index: 20;
  height: 317px;
  padding-top: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #d9d9d9;
  text-align: center;
}

.o-pc-gnb__2depth-list--number1 {
  left: 0%;
  border-left: 1px solid #d9d9d9;
}

.o-pc-gnb__2depth-list--number2 {
  left: 20%;
}

.o-pc-gnb__2depth-list--number3 {
  left: 40%;
}

.o-pc-gnb__2depth-list--number4 {
  left: 60%;
}

.o-pc-gnb__2depth-list--number5 {
  left: 80%;
}

.o-pc-gnb__2depth-list:before {
  content: attr(data-depth1);
  display: block;
  margin-bottom: 28px;
  color: #444;
  font-family: 'noto-m';
  font-size: 17px;
  letter-spacing: -0.7px;
  text-align: center;
}

.o-pc-gnb__2depth-list--active:before {
  color: #008cd6;
}

.o-pc-gnb__2depth-list--on:before {
  color: #008cd6;
}

.o-pc-gnb__2depth-list--secondary {
  left: 0;
  width: 100%;
  width: 100%;
  height: auto;
  padding: 25px 20px;
  border: 1px solid #666;
  background: #fff;
}

.o-pc-gnb__2depth-list--secondary:before {
  display: none;
}

.o-pc-gnb__2depth-item {
  margin-top: 14px;
}

.o-pc-gnb__2depth-item:first-child {
  margin-top: 0;
}

.o-pc-gnb__2depth-link {
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.o-pc-gnb__2depth-link:hover {
  color: #444;
  text-decoration: underline;
}

.o-pc-gnb__2depth-link--active {
  color: #444;
  text-decoration: underline;
}

.o-pc-gnb__member {
  padding-right: 10px;
  padding-left: 10px;
}

@media (max-width: 750px) {
  .o-pc-gnb__member {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.o-pc-gnb__quick {
  padding-right: 10px;
  padding-left: 10px;
}

@media (max-width: 750px) {
  .o-pc-gnb__quick {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.o-hd-pc-main__gnb-bg {
  display: none;
  position: absolute;
  top: 90px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 318px;
  border: 0 solid #c6c6c6;
  border-top-width: 1px;
  border-bottom-width: 1px;
  background: #f9f9f9;
}

.o-footer {
  /* 개인정보취급방침 & FAMILY SITE 메뉴 */
  /* 주소록 */
}

.o-footer__layout {
  padding-right: 10px;
  padding-left: 10px;
}

@media (max-width: 750px) {
  .o-footer__layout {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.o-footer__site-logo {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background: #f7f7f7;
  /* 하단 관련 로고 리스트 */
}

@media (max-width: 750px) {
  .o-footer__site-logo {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.o-site-logo__inner {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

.o-site-logo__list {
  font-size: 0;
  text-align: center;
}

.o-site-logo__item {
  display: inline-block;
  margin-left: 70px;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .o-site-logo__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 320px;
    margin: 0 auto;
  }

  .o-site-logo__item {
    margin-left: 0;
    width: 50%;
    display: inline-flex;
    justify-content: center;
    padding: 4px;
    box-sizing: border-box;
  }
}

.o-site-logo__item:first-child {
  margin-left: 0;
}

.o-site-logo__link {
  display: block;
  height: 31px;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .o-site-logo__link {
    height: 24px;
  }
}

.o-site-logo__link--site1 {
  width: 93px;
  background-image: url("../hg_img/layout/footer/logo_site1_v2.png");
}

@media (max-width: 750px) {
  .o-site-logo__link--site1 {
    width: 19.44444vw;
    max-width: 70px;
    background-image: url("../hg_img/layout/footer/m/logo_site1_v2.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.o-site-logo__link--site2 {
  width: 156px;
  background-image: url("../hg_img/layout/footer/logo_site2_v2.png");
}

@media (max-width: 750px) {
  .o-site-logo__link--site2 {
    width: 25.27778vw;
    max-width: 91px;
    background-image: url("../hg_img/layout/footer/m/logo_site2_v2.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.o-site-logo__link--site3 {
  width: 157px;
  background-image: url("../hg_img/layout/footer/logo_site3_v2.png");
}

@media (max-width: 750px) {
  .o-site-logo__link--site3 {
    width: 25vw;
    max-width: 90px;
    background-image: url("../hg_img/layout/footer/m/logo_site3_v2.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.o-site-logo__link--site4 {
  width: 80px;
  background-image: url("../hg_img/layout/footer/logo_site4.png");
  -webkit-background-size: contain;
  background-size: contain;
}

@media (max-width: 750px) {
  .o-site-logo__link--site4 {
    width: 20vw;
    max-width: 91px;
  }
}

.o-site-logo__img {
  max-width: 100%;
}

.o-footer__site-menu {
  padding-top: 18px;
}

@media (min-width: 751px) {
  .o-footer__site-menu {
    padding-bottom: 18px;
    border-bottom: 1px solid #d9d9d9;
  }
}

@media (max-width: 750px) {
  .o-footer__site-menu {
    padding-top: 15px;
  }
}

.o-site-menu {
  /* 공통 */
  /* 개인정보취급방침 */
  /* FAMILY SITE */
}

.o-site-menu__inner {
  position: relative;
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 751px) {
  .o-site-menu__privacy {
    padding: 0 180px;
  }
}

@media (max-width: 750px) {
  .o-site-menu__privacy {
    position: relative;
    float: left;
    width: calc(50% - 2px);
    border: 1px solid #cbcbcb;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .o-site-menu-privacy__title {
    position: relative;
    display: block;
    height: 34px;
    padding: 0px 22px 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #888;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 34px;
    cursor: pointer;
  }
  .o-site-menu-privacy__title:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6.5px;
    height: 3.5px;
    margin-top: -1.75px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -156px -172px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

@media (min-width: 751px) {
  .o-site-menu-privacy__list {
    font-size: 0;
    text-align: center;
  }
}

@media (max-width: 750px) {
  .o-site-menu-privacy__list {
    display: none;
    position: absolute;
    top: 34px;
    left: -1px;
    z-index: 10;
    width: calc(100% + 2px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cbcbcb;
    border-top: 0;
    background: #fff;
  }
}

@media (min-width: 751px) {
  .o-site-menu-privacy__item {
    position: relative;
    display: inline-block;
    padding: 0 30px 0 31px;
    vertical-align: top;
  }
  .o-site-menu-privacy__item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    background: #d9d9d9;
  }
  .o-site-menu-privacy__item:first-child:before {
    display: none;
  }
}

.o-site-menu-privacy__link {
  display: block;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (max-width: 750px) {
  .o-site-menu-privacy__link {
    height: 34px;
    padding: 0px 10px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 34px;
  }
}

@media (min-width: 751px) {
  .o-site-menu-privacy__link--coloured {
    color: #008cd6;
  }
}

.o-site-menu__family {
  border: 1px solid #cbcbcb;
  background: #fff;
}

@media (min-width: 751px) {
  .o-site-menu__family {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 10;
    margin-top: -16px;
  }
}

@media (max-width: 750px) {
  .o-site-menu__family {
    position: relative;
    float: right;
    width: calc(50% - 2px);
    border: 1px solid #cbcbcb;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.o-site-menu-family__title {
  position: relative;
  display: block;
  height: 30px;
  padding: 0 30px 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #888;
  font-size: 12px;
  letter-spacing: -0.2px;
  line-height: 30px;
  cursor: pointer;
}

@media (min-width: 751px) {
  .o-site-menu-family__title {
    width: 158px;
  }
}

@media (max-width: 750px) {
  .o-site-menu-family__title {
    height: 34px;
    padding: 0px 22px 0px 10px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 34px;
  }
}

.o-site-menu-family__title:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 9px;
  height: 9px;
  margin-top: -4.5px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -169px -236px;
}

@media (max-width: 750px) {
  .o-site-menu-family__title:before {
    right: 8px;
    width: 6.5px;
    height: 3.5px;
    margin-top: -1.75px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -156px -172px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.o-site-menu-family__list {
  display: none;
}

@media (max-width: 750px) {
  .o-site-menu-family__list {
    position: absolute;
    top: 34px;
    left: -1px;
    z-index: 10;
    width: calc(100% + 2px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cbcbcb;
    border-top: 0;
    background: #fff;
  }
}

.o-site-menu-family__link {
  display: block;
  min-width: 158px;
  height: 30px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #888;
  font-size: 12px;
  letter-spacing: -0.2px;
  line-height: 30px;
  cursor: pointer;
}

@media (max-width: 750px) {
  .o-site-menu-family__link {
    height: 34px;
    padding: 0px 10px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 34px;
  }
}

.o-footer__site-info {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width: 750px) {
  .o-footer__site-info {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

.o-site-info__inner {
  position: relative;
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 751px) {
  .o-site-info__inner {
    padding-left: 212px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.o-site-info__logo {
  width: 177px;
  height: 40px;
  background: url("../hg_img/layout/footer/logo.png") no-repeat;
  text-indent: -9999px;
}

@media (min-width: 751px) {
  .o-site-info__logo {
    position: relative;
    left: -212px;
    float: left;
    margin-right: -212px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .o-site-info__logo {
    width: 111px;
    height: 25px;
    margin-bottom: 15px;
    background: url("../hg_img/layout/footer/m/logo.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.o-site-info__address {
  font-size: 0;
}

@media (min-width: 751px) {
  .o-site-info__address {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 50px;
    margin-top: 3px;
  }
}

.o-site-address {
  margin: -6px 0 0 -10px;
}

.o-site-address__text {
  display: inline-block;
  margin: 6px 0 0 10px;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (max-width: 750px) {
  .o-site-address__text {
    margin-left: 10px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.58;
  }
  .o-site-address__text:nth-child(1) {
    display: block;
  }
}

.o-site-address__link {
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.o-site-address__copyright {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
  color: #aaa;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  letter-spacing: -0.3px;
}

@media (max-width: 750px) {
  .o-site-address__copyright {
    margin-top: 8px;
    font-size: 12px;
    letter-spacing: -0.2px;
  }
}

.o-site-info__sns {
  position: absolute;
  top: 0;
  right: 0;
}

.o-site-sns__item {
  float: left;
}

.o-site-sns__btn {
  display: block;
  margin-left: 20px;
  background: url("../hg_img/common/img_sprite.png") no-repeat 0 0;
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .o-site-sns__btn {
    margin-left: 15px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat 0 0;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.o-site-sns__btn--facebook {
  width: 9px;
  height: 16px;
  background-position: 0 -296px;
}

@media (max-width: 750px) {
  .o-site-sns__btn--facebook {
    width: 12px;
    height: 21px;
    background-position: 0 -187px;
  }
}

.o-site-sns__btn--kakaostory {
  width: 8px;
  height: 16px;
  background-position: -19px -296px;
}

@media (max-width: 750px) {
  .o-site-sns__btn--kakaostory {
    width: 10.5px;
    height: 21px;
    background-position: -17px -187px;
  }
}

.c-main {
  /* 메인 컨텐츠 레이아웃 */
  /* 비주얼 슬라이더 */
  /* 게시판 최신글 & 배너 슬라이더 그룹 */
  /* 게시판 최신글 */
  /* 배너 슬라이더 */
  /* 빠른 메뉴 */
  /* 종이문화재단 갤러리 */
}

.c-main__layout {
  padding-right: 10px;
  padding-left: 10px;
}

@media (max-width: 750px) {
  .c-main__layout {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.c-main__inner {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

.c-main__visual {
  margin-bottom: 20px;
}

@media (max-width: 750px) {
  .c-main__visual {
    margin-bottom: 15px;
  }
}

.c-main__visual .bx-pager {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  font-size: 0;
  text-align: center;
}

@media (max-width: 750px) {
  .c-main__visual .bx-pager {
    bottom: 15px;
  }
}

.c-main__visual .bx-pager-item {
  display: inline-block;
  vertical-align: middle;
}

.c-main__visual .bx-pager-link {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .c-main__visual .bx-pager-link {
    background: url("../hg_img/common/img_sprite.png") no-repeat -216px -222px;
  }
  .c-main__visual .bx-pager-link.active {
    background-position-x: -196px;
  }
}

@media (max-width: 750px) {
  .c-main__visual .bx-pager-link {
    width: 8px;
    height: 8px;
    margin: 0px 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #999;
    background: transparent;
  }
  .c-main__visual .bx-pager-link.active {
    border: none;
    background: #999;
  }
}

@media (min-width: 751px) {
  .c-main__visual {
    margin-top: 30px;
  }
}

@media (max-width: 750px) {
  .c-main__visual {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.c-main-visual__img {
  width: 100%;
}

@media (min-width: 751px) {
  .c-main__group {
    margin-bottom: 56px;
    margin-left: -20px;
  }
}

.c-main__board {
  position: relative;
}

@media (min-width: 751px) {
  .c-main__board {
    float: left;
    width: 66.66667%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .c-main__board {
    margin-bottom: 10px;
  }
}

.c-main-board__group {
  border: 1px solid #dcdcdc;
}

.c-main-board__tab {
  padding-right: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .c-main-board__tab {
    padding-right: 25px;
  }
}

.c-main-board-tab__item {
  float: left;
  width: 33.333333%;
  border-left: 1px solid #dcdcdc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.c-main-board-tab__item:first-child {
  border-left-color: transparent;
}

.c-main-board-tab__text {
  display: block;
  height: 50px;
  background: #f9f9f9;
  color: #555;
  font-family: 'noto-m';
  font-size: 15px;
  line-height: 50px;
  letter-spacing: -.6px;
  white-space: nowrap;
  cursor: pointer;
}

@media (max-width: 750px) {
  .c-main-board-tab__text {
    height: 25px;
    font-size: 12px;
    line-height: 25px;
  }
}

.c-main-board-tab__text--active {
  position: relative;
  background: #fff;
  color: #008cd6;
  /* IE 8 hack (calc 속성 미지원) */
}

.c-main-board-tab__text--active:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: 2px;
  background: #008cd6;
}

@media (max-width: 750px) {
  .c-main-board-tab__text--active {
    font-size: 12px;
  }
}

@media \0 screen {
  .c-main-board-tab__text--active:before {
    left: 0;
    width: 100%;
  }
}

.c-main-board__btn-more {
  position: absolute;
  top: 1px;
  right: 0;
  width: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #dcdcdc;
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .c-main-board__btn-more {
    width: 25px;
    height: 25px;
  }
}

.c-main-board__btn-more:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  margin: -7px 0px 0px -7px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -214px -198px;
}

@media (max-width: 750px) {
  .c-main-board__btn-more:before {
    width: 9px;
    height: 9px;
    margin: -4.5px 0px 0px -4.5px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -162px -135px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.c-main-board__section-box {
  display: none;
}

.c-main-board__section-box--active {
  display: block;
}

.c-main-board__section {
  padding: 32px 30px;
}

@media (min-width: 751px) {
  .c-main-board__section {
    min-height: 211px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .c-main-board__section {
    padding: 15px;
  }
}

.c-main-board-section__item {
  padding-right: 82px;
  margin-top: 8px;
}

@media (max-width: 750px) {
  .c-main-board-section__item {
    margin-top: 9px;
  }
}

.c-main-board-section__item:first-child {
  margin-top: 0;
}

.c-main-board-section__item--empty {
  padding-right: 0;
  color: #666;
  font-size: 15px;
  letter-spacing: -.6px;
  text-align: center;
}

@media (max-width: 750px) {
  .c-main-board-section__item--empty {
    font-size: 12px;
    letter-spacing: -.2px;
  }
}

.c-main-board-section__link {
  float: left;
  width: 100%;
  padding: 4px 0;
  color: #666;
  font-size: 15px;
  letter-spacing: -.6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 750px) {
  .c-main-board-section__link {
    font-size: 12px;
    letter-spacing: -.2px;
  }
}

.c-main-board-section__link:hover {
  color: #555;
  text-decoration: underline;
}

.c-main-board-section__date {
  position: relative;
  right: -82px;
  float: right;
  width: 82px;
  padding: 4px 0;
  margin-left: -82px;
  color: #999;
  font-size: 15px;
  text-align: right;
  letter-spacing: -.6px;
}

@media (max-width: 750px) {
  .c-main-board-section__date {
    font-size: 12px;
  }
}

@media (min-width: 751px) {
  .c-main__banner {
    float: left;
    width: 33.33333%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .c-main__banner {
    margin-bottom: 25px;
  }
}

.c-main__banner .bx-prev, .c-main__banner .bx-next {
  display: block;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: url("../hg_img/common/img_sprite.png") no-repeat 0 0;
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .c-main__banner .bx-prev, .c-main__banner .bx-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat 0 0;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.c-main__banner .bx-prev {
  left: 15px;
  background-position: -70px -236px;
}

@media (max-width: 750px) {
  .c-main__banner .bx-prev {
    background-position: -40px -162px;
  }
}

.c-main__banner .bx-next {
  right: 15px;
  background-position: -110px -236px;
}

@media (max-width: 750px) {
  .c-main__banner .bx-next {
    background-position: -65px -162px;
  }
}

.c-main-banner__img {
  width: 100%;
}

.c-main__quick {
  margin-bottom: 60px;
}

@media (max-width: 750px) {
  .c-main__quick {
    margin-bottom: 25px;
  }
}

.c-main-quick__list {
  font-size: 0;
  text-align: center;
}

@media (min-width: 751px) {
  .c-main-quick__list {
    margin-left: -20px;
  }
}

.c-main-quick__item {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

@media (min-width: 751px) {
  .c-main-quick__item {
    padding-left: 20px;
  }
}

@media (max-width: 750px) {
  .c-main-quick__item:nth-child(1) {
    margin-bottom: 30px;
  }
  .c-main-quick__item:nth-child(2) {
    margin-bottom: 30px;
  }
  .c-main-quick__item:nth-child(3) {
    margin-bottom: 30px;
  }
}

.c-main-quick__link {
  display: block;
  color: #666;
  font-size: 16px;
  letter-spacing: -.6px;
  word-break: keep-all;
}

.c-main-quick__link:before {
  content: '';
  display: block;
  height: 69px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center top;
}

@media (max-width: 750px) {
  .c-main-quick__link:before {
    height: 35.5px;
  }
}

.c-main-quick__link--directions:before {
  background-image: url("../hg_img/main/ico_directions.png");
}

@media (max-width: 750px) {
  .c-main-quick__link--directions:before {
    background-image: url("../hg_img/main/m/ico_directions.png");
    -webkit-background-size: auto 35.5px;
    -moz-background-size: auto 35.5px;
    -ms-background-size: auto 35.5px;
    background-size: auto 35.5px;
  }
}

.c-main-quick__link--calendar:before {
  background-image: url("../hg_img/main/ico_calendar.png");
}

@media (max-width: 750px) {
  .c-main-quick__link--calendar:before {
    background-image: url("../hg_img/main/m/ico_calendar.png");
    -webkit-background-size: auto 35.5px;
    -moz-background-size: auto 35.5px;
    -ms-background-size: auto 35.5px;
    background-size: auto 35.5px;
  }
}

.c-main-quick__link--grading:before {
  background-image: url("../hg_img/main/ico_grading.png");
}

@media (max-width: 750px) {
  .c-main-quick__link--grading:before {
    background-image: url("../hg_img/main/m/ico_grading.png");
    -webkit-background-size: auto 35.5px;
    -moz-background-size: auto 35.5px;
    -ms-background-size: auto 35.5px;
    background-size: auto 35.5px;
  }
}

.c-main-quick__link--video:before {
  background-image: url("../hg_img/main/ico_video.png");
}

@media (max-width: 750px) {
  .c-main-quick__link--video:before {
    background-image: url("../hg_img/main/m/ico_video.png");
    -webkit-background-size: auto 35.5px;
    -moz-background-size: auto 35.5px;
    -ms-background-size: auto 35.5px;
    background-size: auto 35.5px;
  }
}

.c-main-quick__link--certificate:before {
  background-image: url("../hg_img/main/ico_certificate.png");
}

@media (max-width: 750px) {
  .c-main-quick__link--certificate:before {
    background-image: url("../hg_img/main/m/ico_certificate.png");
    -webkit-background-size: auto 35.5px;
    -moz-background-size: auto 35.5px;
    -ms-background-size: auto 35.5px;
    background-size: auto 35.5px;
  }
}

.c-main-quick__link--lecture:before {
  background-image: url("../hg_img/main/ico_lecture.png");
}

@media (max-width: 750px) {
  .c-main-quick__link--lecture:before {
    background-image: url("../hg_img/main/m/ico_lecture.png");
    -webkit-background-size: auto 35.5px;
    -moz-background-size: auto 35.5px;
    -ms-background-size: auto 35.5px;
    background-size: auto 35.5px;
  }
}

@media (max-width: 750px) {
  .c-main-quick__link {
    font-size: 12px;
    letter-spacing: -.2px;
  }
}

.c-main__gallery {
  padding-top: 60px;
  padding-bottom: 60px;
  background: url("../hg_img/main/bg_gallery.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}

@media (max-width: 750px) {
  .c-main__gallery {
    padding-top: 29px;
    padding-bottom: 29px;
    background-image: url("../hg_img/main/m/bg_gallery.jpg");
  }
}

.c-main-gallery__inner {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

.c-main-gallery__title {
  margin-bottom: 48px;
  color: #332d28;
  font-size: 30px;
  text-align: center;
  letter-spacing: -2px;
}

@media (max-width: 750px) {
  .c-main-gallery__title {
    margin-bottom: 30px;
    font-size: 16px;
    letter-spacing: -1px;
  }
}

.c-main-gallery__strong {
  font-family: 'noto-b';
}

.c-main-gallery__list {
  margin-left: -14px;
}

@media (max-width: 750px) {
  .c-main-gallery__list {
    margin-left: -8px;
  }
}

.c-main-gallery__item {
  float: left;
  padding-left: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

@media (max-width: 750px) {
  .c-main-gallery__item {
    padding-left: 7px;
  }
}

.c-main-gallery__thumb {
  padding: 4px;
  margin-bottom: 15px;
  background: #fff;
}

@media (max-width: 750px) {
  .c-main-gallery__thumb {
    padding: 3px;
    margin-bottom: 7.5px;
  }
}

.c-main-gallery__img {
  width: 100%;
}

.c-main-gallery__desc {
  color: #5c5957;
  font-size: 14px;
}

@media (max-width: 750px) {
  .c-main-gallery__desc {
    font-size: 12px;
  }
}

.o-container__inner {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 100px;
}

@media (min-width: 751px) {
  .o-container__inner {
    padding-top: 50px;
  }
}

@media (max-width: 750px) {
  .o-container__inner {
    padding-bottom: 50px;
  }
}

@media (min-width: 751px) {
  .o-container__inner--secondary {
    padding-top: 30px;
    padding-left: 180px;
    min-height: 720px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .o-container__inner--secondary:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (max-width: 750px) {
  .o-container__content {
    padding-top: 26px;
  }
}

.o-container__member {
  display: table;
  width: 100%;
  height: 100%;
  max-width: 420px;
  margin: 0 auto;
}

.o-container__title {
  margin-bottom: 24px;
  color: #222;
  font-family: 'noto-b';
  font-size: 38px;
  letter-spacing: -2.8px;
  text-align: center;
}

@media (max-width: 750px) {
  .o-container__title {
    height: 36px;
    margin: 0px -15px 0px -15px;
    border-bottom: 1px solid #e4e4e4;
    background: #f9f9f9;
    font-size: 16px;
    letter-spacing: -0.6px;
    line-height: 36px;
  }
}

@media (min-width: 751px) {
  .o-container__title--secondary {
    margin-bottom: 20px;
    color: #444;
    font-family: 'noto-m';
    font-size: 24px;
    text-align: left;
    letter-spacing: -1px;
  }
}

.o-container__desc {
  margin-bottom: 38px;
  color: #666;
  font-size: 16px;
  text-align: center;
}

.o-container__tab {
  margin-bottom: 65px;
  border: 1px solid #cfcfcf;
  border-right: 0;
  border-bottom: 0;
}

.o-tab__menu {
  float: left;
  border: 1px solid #cfcfcf;
  border-top: 0;
  border-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.o-tab__link {
  display: block;
  height: 48px;
  background: #f5f5f5;
  font-size: 15px;
  color: #777;
  line-height: 48px;
  /* IE 8 hack */
}

.o-tab__link--active {
  position: relative;
  background: #fff;
  color: #008cd6;
}

.o-tab__link--active:after {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #008cd6;
  background: transparent;
}

@media \0 screen {
  .o-tab__link--active:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.o-container__3depth-tab {
  padding-bottom: 8px;
  border-bottom: 1px solid #bebebe;
}

@media (min-width: 751px) {
  .o-container__3depth-tab {
    margin-bottom: 50px;
  }
}

@media (max-width: 750px) {
  .o-container__3depth-tab {
    padding-bottom: 10px;
    margin-top: 26px;
    font-size: 0;
  }
}

.o-3depth-tab__menu {
  position: relative;
  padding: 0 10px 0 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .o-3depth-tab__menu {
    float: left;
  }
}

@media (max-width: 750px) {
  .o-3depth-tab__menu {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px 5px 11px;
  }
  .o-3depth-tab__menu:before {
    width: 1px;
    height: 9px;
    margin-top: -4.5px;
  }
}

.o-3depth-tab__menu:first-child {
  padding-left: 0;
}

.o-3depth-tab__menu:first-child:before {
  display: none;
}

.o-3depth-tab__menu:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 8px;
  margin-top: -4px;
  background: #d1d1d1;
}

.o-3depth-tab__link {
  display: block;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .o-3depth-tab__link {
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.o-3depth-tab__link--active {
  color: #008cd6;
}

@media (max-width: 750px) {
  .o-container__4depth-tab-group {
    position: relative;
    margin-top: 20px;
  }
}

@media (min-width: 751px) {
  .o-container__4depth-tab {
    margin-top: -50px;
  }
}

@media (min-width: 751px) {
  .o-4depth-tab__menu {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #bebebe;
    text-align: center;
  }
  .o-4depth-tab__menu:first-child {
    border-left: 1px solid #bebebe;
  }
}

.o-4depth-tab__link {
  display: block;
}

@media (min-width: 751px) {
  .o-4depth-tab__link {
    height: 45px;
    border-bottom: 1px solid #bebebe;
    background: #f9f9f9;
    color: #999;
    font-size: 15px;
    line-height: 45px;
  }
}

@media (min-width: 751px) {
  .o-4depth-tab__link--active {
    border-bottom-color: #fff;
    background: #fff;
    color: #555;
  }
}

@media (max-width: 750px) {
  .o-container__current-tab {
    height: 28px;
    padding-left: 10px;
    border: 1px solid #cfcfcf;
    background: #f5f5f5 url("../hg_img/sub/common/m/ico_arrow_down.png") no-repeat right 10px center;
    -webkit-background-size: 11px 6px;
    -moz-background-size: 11px 6px;
    -ms-background-size: 11px 6px;
    background-size: 11px 6px;
    color: #777;
    font-size: 15px;
    letter-spacing: -0.5px;
    line-height: 28px;
  }
}

@media (max-width: 750px) {
  .o-container__dropdown-tab {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 10;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
    border-top: 0;
  }
}

@media (max-width: 750px) {
  .o-dropdown-tab__link {
    height: 28px;
    padding-left: 10px;
    background: #f5f5f5;
    color: #777;
    font-size: 15px;
    letter-spacing: -0.5px;
    line-height: 28px;
  }
}

@media (max-width: 750px) {
  .o-dropdown-tab__link--active {
    text-decoration: underline;
  }
}

@media (min-width: 751px) {
  .o-container__lnb-box {
    position: relative;
    left: -180px;
    float: left;
    width: 180px;
    margin-right: -180px;
  }
}

@media (max-width: 750px) {
  .o-container__lnb-box {
    margin-top: 26px;
  }
}

.o-lnb__title {
  padding: 48px 0;
  border: 1px solid #666;
  color: #444;
  font-family: 'noto-m';
  font-size: 22px;
  letter-spacing: -1.2px;
  text-align: center;
}

@media (max-width: 750px) {
  .o-lnb__title {
    display: none;
  }
}

@media (max-width: 750px) {
  .o-lnb__list {
    border: 0 solid #ccc;
    border-top-width: 1px;
    border-left-width: 1px;
  }
  .o-lnb__list:after {
    content: '';
    display: block;
    clear: both;
  }
}

.o-lnb__item {
  border: 0 solid #ccc;
}

@media (min-width: 751px) {
  .o-lnb__item {
    border-bottom-width: 1px;
  }
}

@media (max-width: 750px) {
  .o-lnb__item {
    position: relative;
    float: left;
    width: 50%;
    border-width: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.o-lnb__link {
  display: block;
  position: relative;
  height: 46px;
  padding: 0 16px;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
}

@media (max-width: 750px) {
  .o-lnb__link {
    height: 29px;
    margin-top: -1px;
    margin-left: -1px;
    background: #f5f5f5;
    text-align: center;
    line-height: 29px;
  }
}

@media (min-width: 751px) {
  .o-lnb__link:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: url("../hg_img/common/img_sprite.png") no-repeat -264px -71px;
  }
}

.o-lnb__link--active {
  color: #008cd6;
}

@media (max-width: 750px) {
  .o-lnb__link--active {
    background: #fff;
  }
}

@media (min-width: 751px) {
  .o-lnb__link--active:after {
    width: 10px;
    height: 2px;
    margin-top: -1px;
    background-position-x: -244px;
  }
}

@media (max-width: 750px) {
  .o-lnb__link--active:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #008cd6;
  }
}

.o-lnb__link--empty {
  background: #f5f5f5;
}

.o-lnb__link--empty:after {
  display: none;
}

.o-lnb__sub-list {
  display: none;
  padding: 9px 0;
}

@media (min-width: 751px) {
  .o-lnb__sub-list {
    background: #f8f8f8 url("../hg_img/sub/common/ico_dotted_line.png") repeat-x;
  }
}

.o-lnb__sub-list--active {
  display: block;
}

@media (max-width: 750px) {
  .o-lnb__sub-list {
    display: none !important;
  }
}

.o-lnb__sub-link {
  display: block;
  padding: 5px 16px;
  color: #9c9c9c;
  font-size: 13px;
  letter-spacing: -0.2px;
}

.o-lnb__sub-link:before {
  content: '- ';
}

.o-lnb__sub-link--active {
  color: #555;
}

.o-lnb__sub-link:hover {
  color: #555;
}

.o-container__sub-menu {
  margin: 15px 0 0;
  font-size: 0;
}

@media (max-width: 750px) {
  .o-container__sub-menu {
    position: relative;
  }
  .o-container__sub-menu:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 11px;
    height: 6px;
    margin-top: -3px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -155.5px -30px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
  .o-container__sub-menu.is-open:after {
    background-position-x: -171.5px;
  }
}

@media (max-width: 750px) {
  .o-sub-menu__current {
    position: relative;
    padding: 8px 31px 8px 10px;
    border: 1px solid #cfcfcf;
    background: #f5f5f5;
    color: #777;
    font-size: 14px;
    letter-spacing: -0.4px;
    cursor: pointer;
  }
}

@media (min-width: 751px) {
  .o-sub-menu__list {
    display: block !important;
  }
}

@media (max-width: 750px) {
  .o-sub-menu__list {
    display: none;
    position: absolute;
    z-index: 10;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
    border-top: 0;
    background: #f5f5f5;
  }
}

@media (min-width: 751px) {
  .o-sub-menu__item {
    position: relative;
    display: inline-block;
    padding-left: 21px;
    margin-top: 10px;
    vertical-align: middle;
  }
  .o-sub-menu__item:first-child {
    padding-left: 0;
  }
  .o-sub-menu__item:first-child:before {
    display: none;
  }
  .o-sub-menu__item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    background: #c5c5c5;
  }
}

.o-sub-menu__link {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
}

@media (min-width: 751px) {
  .o-sub-menu__link:hover {
    color: #555;
    text-decoration: underline;
  }
}

@media (max-width: 750px) {
  .o-sub-menu__link {
    display: block;
    padding: 8px 10px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-sub-menu__link--active {
  color: #555;
  text-decoration: underline;
}

@media (min-width: 751px) {
  .o-container__content--secondary {
    float: left;
    width: 100%;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.o-content__copyright {
  margin-bottom: 20px;
  text-align: center;
}

@media (max-width: 750px) {
  .o-content__copyright {
    margin-right: auto;
    margin-bottom: 14px;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.o-content__copyright-img {
  max-width: 100%;
}

.o-content__img {
  max-width: 100%;
}

.o-content__intro-desc {
  margin-bottom: 50px;
  color: #777;
  font-size: 20px;
  text-align: center;
  letter-spacing: -1px;
}

@media (max-width: 750px) {
  .o-content__intro-desc {
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: -0.5px;
    letter-spacing: -0.2px;
  }
}

.o-content__intro-desc--highlight {
  color: #444;
}

.o-content__intro-desc-highlight {
  color: #444;
}

.o-content__title {
  margin-bottom: 15px;
  color: #444;
  font-family: 'noto-m';
  font-size: 18px;
  letter-spacing: -0.8px;
}

.o-content__title:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 16px;
  margin: 1px 5px 0 0;
  background: url("../hg_img/common/img_sprite.png") no-repeat -286px 0;
  vertical-align: top;
}

@media (max-width: 750px) {
  .o-content__title {
    margin-bottom: 13px;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
  .o-content__title:before {
    margin: 2px 5px 0px 0px;
    width: 19px;
    height: 12px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -185.5px 0;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.o-content__title--secondary {
  margin-bottom: 20px;
}

.o-content__title--secondary:before {
  display: none;
}

.o-content__desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .o-content__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.o-content__desc--highlight {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  color: #444;
  font-family: 'noto-m';
}

@media (max-width: 750px) {
  .o-content__desc--highlight {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.o-content__desc--sm {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.64;
}

@media (max-width: 750px) {
  .o-content__desc--sm {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.o-content__desc--large {
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .o-content__desc--large {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-content__highlight {
  color: #555;
}

.o-content__info-desc {
  padding: 17px 10px;
  margin-top: 30px;
  border: 1px solid #ddd;
  background-color: #f6f6f6;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  text-align: center;
}

@media (max-width: 750px) {
  .o-content__info-desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .o-content__info-desc {
    padding: 10px 10px 10px 31px;
    margin-top: 10px;
    background-image: url("../hg_img/common/m/ico_msg.png");
    background-repeat: no-repeat;
    background-position: 10px 12px;
    -webkit-background-size: 16px auto;
    -moz-background-size: 16px auto;
    -ms-background-size: 16px auto;
    background-size: 16px auto;
    text-align: left;
  }
}

.o-content__info-desc--long {
  padding: 17px 10px;
  margin-top: 30px;
  border: 1px solid #ddd;
  background-color: #f6f6f6;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  text-align: center;
  padding: 25px 10px 25px 78px;
  background-image: url("../hg_img/common/ico_msg_big.png");
  background-repeat: no-repeat;
  background-position: 30px center;
  text-align: left;
}

@media (max-width: 750px) {
  .o-content__info-desc--long {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .o-content__info-desc--long {
    padding: 10px 10px 10px 31px;
    margin-top: 10px;
    background-image: url("../hg_img/common/m/ico_msg.png");
    background-repeat: no-repeat;
    background-position: 10px 12px;
    -webkit-background-size: 16px auto;
    -moz-background-size: 16px auto;
    -ms-background-size: 16px auto;
    background-size: 16px auto;
    text-align: left;
  }
}

.o-content__info-desc--secondary {
  padding-left: 21px;
  border: 0;
  background-color: transparent;
  background-position: left center;
}

.o-content__list-item {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  padding-left: 8px;
  text-indent: -8px;
}

@media (max-width: 750px) {
  .o-content__list-item {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .o-content__list-item {
    padding-left: 6px;
    text-indent: -6px;
  }
}

.o-content__list-item:before {
  content: '- ';
}

@media (min-width: 751px) {
  .o-content__4depth-article {
    padding: 40px 30px 30px;
    border: 1px solid #bebebe;
    border-top: 0;
  }
}

.o-content__section {
  margin-bottom: 50px;
}

@media (max-width: 750px) {
  .o-content__section {
    margin-bottom: 35px;
  }
}

.o-content__section:last-child {
  margin-bottom: 0;
}

.o-content__box {
  padding: 30px;
  border: 1px solid #ddd;
  background: #f6f6f6;
}

@media (max-width: 750px) {
  .o-content__box {
    padding: 15px;
  }
}

.o-content__box--white {
  background: #fff;
}

.o-content__frame-box {
  border: 4px solid #ddd;
}

.o-content__chart {
  text-align: center;
}

@media (max-width: 750px) {
  .o-content__chart {
    padding: 15px;
    border: 1px solid #ddd;
  }
}

.o-chart__img {
  max-width: 100%;
}

.o-content__table, .c-annual-section__table {
  width: 100%;
  border-top: 1px solid #d2d2d2;
}

@media (min-width: 751px) {
  .o-content__table--half {
    width: 50%;
    float: left;
  }
  .o-content__table--half:first-child {
    border-right: 1px solid #e9e9e9;
  }
}

@media (max-width: 750px) {
  .o-content__table--half:last-child {
    border-top: 0;
  }
}

.o-content__btn-group {
  font-size: 0;
  text-align: center;
}

@media (max-width: 750px) {
  .o-content__btn-group {
    margin-left: -5px;
  }
}

.o-content__btn-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .o-content__btn-box {
    display: inline-block;
    margin: 0 4px;
    vertical-align: middle;
  }
}

@media (max-width: 750px) {
  .o-content__btn-box {
    float: left;
    padding-left: 5px;
  }
}

.o-content__btn {
  display: block;
  height: 48px;
  padding: 0 22px;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #838a91;
  color: #fff;
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
}

@media (max-width: 750px) {
  .o-content__btn {
    height: 35px;
    padding: 0px 10px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 35px;
  }
}

.o-content__btn-group2 {
  font-size: 0;
  text-align: center;
}

.o-content__btn2 {
  display: inline-block;
  width: 152px;
  height: 48px;
  margin-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: middle;
  line-height: 46px;
  cursor: pointer;
}

.o-content__btn2:first-child {
  margin-left: 0;
}

@media (max-width: 750px) {
  .o-content__btn2 {
    width: 100%;
    height: 34px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 33px;
  }
}

.o-content__btn2--point {
  border-color: #008cd6;
  background: #008cd6;
  color: #fff;
}

@media (max-width: 750px) {
  .o-content__btn2--col2 {
    width: calc(50% - 3px);
    margin-left: 6px;
  }
}

.o-content__btn2--first {
  margin-left: 0;
}

.o-content__title-section {
  margin-bottom: 20px;
  border: 1px solid #ddd;
}

@media (max-width: 750px) {
  .o-content__title-section {
    margin-bottom: 10px;
  }
}

.o-content-title-section__title {
  padding: 12px 20px 13px;
  border-bottom: 1px solid #ddd;
  background: #f6f6f6;
  color: #555;
  font-family: 'noto-m';
  font-size: 16px;
  letter-spacing: -0.6px;
  text-align: center;
  line-height: 1.25;
}

@media (max-width: 750px) {
  .o-content-title-section__title {
    padding: 7px 12.5px;
    font-size: 15px;
    letter-spacing: -0.5px;
    letter-spacing: -0.2px;
  }
}

.o-content-title-section__content {
  padding: 16px 20px;
}

@media (max-width: 750px) {
  .o-content-title-section__content {
    padding: 12.5px;
  }
}

.o-content-title-section__desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.64;
}

@media (max-width: 750px) {
  .o-content-title-section__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.o-content-title-section__sub-list {
  padding-left: 13px;
}

.o-content-title-section__item {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.64;
  padding-left: 13px;
  text-indent: -13px;
}

@media (max-width: 750px) {
  .o-content-title-section__item {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .o-content-title-section__item {
    padding-left: 12px;
    text-indent: -12px;
  }
}

.o-content__category {
  margin: -10px 0 20px;
  font-size: 0;
}

@media (max-width: 750px) {
  .o-content__category {
    position: relative;
  }
  .o-content__category:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 11px;
    height: 6px;
    margin-top: -3px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -155.5px -30px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
  .o-content__category.is-open:after {
    background-position-x: -171.5px;
  }
}

@media (max-width: 750px) {
  .o-content-category__current {
    position: relative;
    padding: 8px 31px 8px 10px;
    border: 1px solid #cfcfcf;
    background: #f5f5f5;
    color: #777;
    font-size: 14px;
    letter-spacing: -0.4px;
    cursor: pointer;
  }
}

@media (min-width: 751px) {
  .o-content-category__list {
    display: block !important;
  }
}

@media (max-width: 750px) {
  .o-content-category__list {
    display: none;
    position: absolute;
    z-index: 10;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
    border-top: 0;
    background: #f5f5f5;
  }
}

@media (min-width: 751px) {
  .o-content-category__item {
    position: relative;
    display: inline-block;
    padding-left: 21px;
    margin-top: 10px;
    vertical-align: middle;
  }
  .o-content-category__item:first-child {
    padding-left: 0;
  }
  .o-content-category__item:first-child:before {
    display: none;
  }
  .o-content-category__item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    background: #c5c5c5;
  }
}

.o-content-category__link {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
}

@media (min-width: 751px) {
  .o-content-category__link:hover {
    color: #555;
    text-decoration: underline;
  }
}

@media (max-width: 750px) {
  .o-content-category__link {
    display: block;
    padding: 8px 10px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-content-category__link--active {
  color: #555;
  text-decoration: underline;
}

.o-content__shortcut-box {
  text-align: center;
}

.o-content__shortcut-link {
  position: relative;
  padding-right: 15px;
  color: #008cd6;
  font-size: 15px;
  letter-spacing: -0.5px;
}

.o-content__shortcut-link:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 7px;
  margin-top: -3.5px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -156px -166px;
}

.o-content__new-basic-table {
  width: 100%;
  border-top: 1px solid #d2d2d2;
}

.new-basic-table__title {
  height: 45px;
  padding: 6px;
  border-bottom: 1px solid #e9e9e9;
  background: #f4f4f4;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.new-basic-table__desc {
  height: 40px;
  padding: 6px;
  border-bottom: 1px solid #e9e9e9;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.new-basic-table__desc--center {
  text-align: center;
}

.new-basic-table__desc--empty {
  padding: 60px 0;
  text-align: center;
}

.new-basic-table__link {
  color: #666;
}

@media (min-width: 751px) {
  .new-basic-table__link:hover {
    text-decoration: underline;
  }
}

@media (max-width: 750px) {
  .new-basic-table__link {
    text-decoration: underline;
  }
}

.new-basic-table__act {
  text-align: center;
}

.new-basic-table-act__item {
  display: inline-block;
  vertical-align: middle;
}

.new-basic-table-act__btn {
  display: inline-block;
  min-width: 60px;
  height: 24px;
  padding: 0 6px;
  margin: 0 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #aaa;
  background: #fff;
  color: #999;
  font-size: 12px;
  letter-spacing: -0.2px;
  line-height: 22px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
}

.new-basic-table-act__btn--colored {
  border-color: #838a91;
  background: #838a91;
  color: #fff;
}

.new-basic-table-act__btn--colored2 {
  border-color: #cf4758;
  background: #fff;
  color: #cf4758;
}

.new-basic-table-act__btn--colored3 {
  border-color: #ce3f50;
  background: #ce3f50;
  color: #fff;
}

.o-content__new-basic-table-v2 {
  border: 1px solid #ddd;
}

.new-basic-table-v2__title {
  height: 40px;
  padding: 6px 16px;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.new-basic-table-v2__title:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-right: 4px;
  background: #afafaf;
  vertical-align: middle;
}

.new-basic-table-v2__desc {
  height: 40px;
  padding: 6px;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.new-basic-table-v2__desc--empty {
  padding: 60px 0;
  text-align: center;
}

.new-basic-list__item {
  padding: 15px;
  border: 1px solid #dfdfdf;
  border-top-width: 0;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

.new-basic-list__item:first-child {
  border-top-width: 1px;
}

.new-basic-list__item--empty {
  padding: 60px 0;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  text-align: center;
}

.new-basic-list__row {
  margin-top: 5px;
}

.new-basic-list__row:first-child {
  margin-top: 0;
}

.new-basic-list__title {
  color: #666;
}

.new-basic-list__desc {
  position: relative;
  padding-left: 11px;
}

.new-basic-list__desc:before {
  content: '';
  position: absolute;
  left: 5px;
  width: 1px;
  height: 9px;
  margin-top: 6px;
  background: #cfcfcf;
}

.new-basic-list__desc:first-child {
  padding-left: 0;
}

.new-basic-list__desc:first-child:before {
  display: none;
}

.new-basic-list__link {
  color: #666;
  text-decoration: underline;
}

.new-basic-list__act {
  margin: 10px 0 0 -5px;
}

.new-basic-list__act:after {
  content: '';
  display: block;
  clear: both;
}

.new-basic-list-act__item {
  float: left;
  width: 100%;
  padding-left: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.new-basic-list-act__btn {
  display: block;
  width: 100%;
  height: 30px;
  padding: 0 6px;
  margin: 0 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #aaa;
  background: #fff;
  color: #999;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 28px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.new-basic-list-act__btn--colored {
  border-color: #838a91;
  background: #838a91;
  color: #fff;
}

.new-basic-list-act__btn--colored2 {
  border-color: #cf4758;
  background: #fff;
  color: #cf4758;
}

.new-basic-list-act__btn--colored3 {
  border-color: #ce3f50;
  background: #ce3f50;
  color: #fff;
}

/* 2020.11.11 | 스크롤 테이블 스타일 추가 */
.o-table-scroll-box {
    overflow-x: scroll;
}

.o-table-scroll-box::-webkit-scrollbar {
    -webkit-appearance: none;
}

.o-table-scroll-box::-webkit-scrollbar:vertical {
    width: 12px;
}

.o-table-scroll-box::-webkit-scrollbar:horizontal {
    height: 12px;
}

.o-table-scroll-box::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.o-table-scroll-box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

.o-table-scroll-box .o-table {
    min-width: 750px;
}

.o-table {
  /* table의 caption 요소 hidden 스타일 적용으로 인한
    table요소의 border-top 적용 오류 문제 임시 해결 */
}

.o-table__table-header-group {
  display: table-header-group;
}

.o-table__division {
  height: 45px;
  padding: 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  background: #f4f4f4;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  color: #555;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .o-table__division {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .o-table__division {
    height: 29px;
    padding: 5px 10px;
    border-bottom: 1px solid #e9e9e9;
  }
}

.o-table__division:first-child {
  border-left-color: transparent;
}

.o-table__content {
  height: 45px;
  padding: 11px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.64;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .o-table__content {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .o-table__content {
    height: 29px;
    padding: 5px 10px;
  }
}

.o-table__content:first-child {
  border-left-color: transparent;
}

@media (min-width: 751px) {
  .c-map__group {
    margin-left: -20px;
  }
}

@media (min-width: 751px) {
  .c-map__api {
    float: left;
    width: 50%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.c-map-api__area {
  height: 100%;
}

@media (min-width: 751px) {
  .c-map-api__area {
    min-height: 410px;
  }
}

@media (max-width: 750px) {
  .c-map-api__area {
    height: 53.33333vw;
  }
}

@media (min-width: 751px) {
  .c-map__info {
    float: left;
    width: 50%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .c-map__info {
    margin-top: 15px;
  }
}

.c-map-info__title, .c-map-info__desc {
  height: 60px;
  padding-left: 20px;
  border-bottom: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  color: #444;
  font-family: 'noto-m';
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .c-map-info__title, .c-map-info__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .c-map-info__title, .c-map-info__desc {
    height: 30px;
    padding-left: 10px;
  }
}

.c-map-info__table {
  width: 100%;
  border-top: 2px solid #008cd6;
}

.c-map-info__title {
  width: 25%;
}

@media (max-width: 750px) {
  .c-map-info__title {
    width: 24.63768%;
  }
}

.c-map-info__desc {
  width: 75%;
  color: #777;
}

@media (max-width: 750px) {
  .c-map-info__desc {
    width: 75.36232%;
  }
}

.c-map-contact__item:before, .c-map-subway__item:before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #838a91;
  font-family: 'Verdana', 'Lato', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  text-align: center;
  vertical-align: text-bottom;
  line-height: 23px;
  text-indent: 0;
}

@media (max-width: 750px) {
  .c-map-contact__item:before, .c-map-subway__item:before {
    width: 15px;
    height: 15px;
    font-size: 9px;
    line-height: 15px;
  }
}

.c-map-contact__list {
  margin: -10px 0 0 -10px;
  font-size: 0;
}

.c-map-contact__item {
  display: inline-block;
  padding: 10px 0 0 10px;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .c-map-contact__item {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-map-contact__item--tel:before {
  content: 'T';
}

.c-map-contact__item--fax:before {
  content: 'F';
}

.c-map-contact__link {
  color: #777;
}

.c-map-transport__list {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (max-width: 750px) {
  .c-map-transport__list {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.c-map-transport__item {
  margin-top: 20px;
}

.c-map-transport__item:first-child {
  margin-top: 0;
}

.c-map-transport__item--icon {
  padding-left: 28px;
  text-indent: -28px;
}

@media (max-width: 750px) {
  .c-map-transport__item--icon {
    padding-left: 19px;
    text-indent: -19px;
  }
}

@media (max-width: 750px) {
  .c-map-transport__item {
    margin-top: 10px;
  }
}

.c-map-transport__title {
  margin-bottom: 6px;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  color: #444;
  font-family: 'noto-m';
}

@media (max-width: 750px) {
  .c-map-transport__title {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-map-transport__sub-item {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .c-map-transport__sub-item {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-map-subway__item--3:before {
  content: '3';
  background: #ef6d29;
}

.c-map-bus__number--blue {
  color: #395cb3;
}

.c-map-bus__number--green {
  color: #50a232;
}

.c-map-floor__list {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (max-width: 750px) {
  .c-map-floor__list {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.c-map-floor__item {
  margin-top: 10px;
}

.c-map-floor__item:first-child {
  margin-top: 0;
}

@media (max-width: 750px) {
  .c-map-floor__item {
    margin-top: 7px;
  }
}

.c-map-floor__title {
  float: left;
  width: 20px;
  margin-right: 10px;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  color: #444;
  font-family: 'noto-m';
  color: #555;
  font-family: 'Verdana', sans-serif;
  font-weight: 700;
  font-size: 14px;
}

@media (max-width: 750px) {
  .c-map-floor__title {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-map-floor__desc {
  float: left;
  width: calc(100% - 30px);
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .c-map-floor__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-philosophy__banner {
  margin-bottom: 35px;
}

@media (max-width: 750px) {
  .c-philosophy__banner {
    margin-bottom: 17px;
  }
}

.c-philosophy__banner-img {
  width: 100%;
}

.c-philosophy__desc {
  margin-bottom: 23px;
}

@media (max-width: 750px) {
  .c-philosophy__desc {
    margin-bottom: 17px;
  }
}

.c-philosophy__desc-second {
  margin-bottom: 45px;
}

@media (max-width: 750px) {
  .c-philosophy__desc-second {
    margin-bottom: 32px;
  }
}

@media (max-width: 750px) {
  .c-philosophy__copyright--first {
    width: 301px;
  }
}

@media (max-width: 750px) {
  .c-philosophy__copyright--second {
    width: 261.5px;
  }
}

@media (max-width: 750px) {
  .c-greetings-banner__img-box--number1 {
    background: url("../hg_img/sub/company/greetings/m/img_banner1.png") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
  }
}

@media (max-width: 750px) {
  .c-greetings-banner__img-box--number2 {
    background: url("../hg_img/sub/company/greetings/m/img_banner2.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
  }
}

.c-greetings-banner__img-box--number1 {
  margin-bottom: 35px;
}

@media (max-width: 750px) {
  .c-greetings-banner__img-box--number1 {
    padding-top: 47.82609%;
    margin-bottom: 12px;
  }
}

@media (max-width: 750px) {
  .c-greetings-banner__img-box--number2 {
    padding-top: 43.47826%;
  }
}

.c-greetings-banner__img {
  width: 100%;
}

.c-greetings-banner__desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .c-greetings-banner__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-greetings__desc {
  margin-bottom: 45px;
}

@media (max-width: 750px) {
  .c-greetings__desc {
    margin-bottom: 22px;
  }
}

.c-greetings__grid {
  margin-bottom: 50px;
}

@media (max-width: 750px) {
  .c-greetings__grid {
    margin-bottom: 32px;
  }
}

.c-greetings-grid__item {
  margin-top: 40px;
}

.c-greetings-grid__item:first-child {
  margin-top: 0;
}

@media (max-width: 750px) {
  .c-greetings-grid__item {
    margin-top: 22px;
  }
}

@media (min-width: 751px) {
  .c-greetings-grid__img-box {
    float: left;
    width: 44.92188%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
  }
  .c-greetings-grid__img-box:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

@media (max-width: 750px) {
  .c-greetings-grid__img-box {
    padding-top: 60.86957%;
    margin-bottom: 13px;
  }
}

@media (max-width: 750px) {
  .c-greetings-grid__img-box--number1 {
    background: url("../hg_img/sub/company/greetings/m/img_detail_photo1.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
  }
}

@media (max-width: 750px) {
  .c-greetings-grid__img-box--number2 {
    background: url("../hg_img/sub/company/greetings/m/img_detail_photo2.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
  }
}

@media (min-width: 751px) {
  .c-greetings-grid__img-box--secondary {
    float: right;
  }
}

@media (min-width: 751px) {
  .c-greetings-grid__img {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
  }
}

@media (min-width: 751px) {
  .c-greetings-grid__desc-box {
    position: relative;
    float: left;
    width: 55.07813%;
    padding-left: 10.25391%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
  }
  .c-greetings-grid__desc-box:before {
    content: '';
    position: absolute;
    top: 40px;
    left: -7.0922%;
    width: 31.91489%;
    height: 1px;
    background: #008cd6;
  }
  .c-greetings-grid__desc-box:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

@media (min-width: 751px) {
  .c-greetings-grid__desc-box--secondary {
    padding-right: 10.25391%;
    padding-left: 0;
  }
  .c-greetings-grid__desc-box--secondary:before {
    right: -7.0922%;
    left: auto;
  }
}

.c-greetings-grid__desc {
  display: inline-block;
  vertical-align: middle;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .c-greetings-grid__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-greetings-desc-box__item {
  margin-bottom: 45px;
}

@media (max-width: 750px) {
  .c-greetings-desc-box__item {
    margin-bottom: 32px;
  }
}

.c-greetings-desc-box__copyright {
  margin-bottom: 20px;
  text-align: center;
  margin-bottom: 22px;
}

@media (max-width: 750px) {
  .c-greetings-desc-box__copyright {
    margin-right: auto;
    margin-bottom: 14px;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

@media (max-width: 750px) {
  .c-greetings-desc-box__copyright {
    margin-bottom: 10px;
  }
}

@media (max-width: 750px) {
  .c-greetings-desc-box__copyright--number1 {
    background: url("../hg_img/sub/company/greetings/m/copyright1.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

@media (max-width: 750px) {
  .c-greetings-desc-box__copyright--number2 {
    background: url("../hg_img/sub/company/greetings/m/copyright2.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

@media (max-width: 750px) {
  .c-greetings-desc-box__copyright--number1 {
    height: 30.5px;
  }
}

@media (max-width: 750px) {
  .c-greetings-desc-box__copyright--number2 {
    height: 13px;
  }
}

.c-greetings-desc-box__copyright-img {
  max-width: 100%;
}

.c-greetings-desc-box__desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .c-greetings-desc-box__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .c-history__copyright {
    width: 246.5px;
    height: 31.5px;
    background-image: url("../hg_img/sub/company/history/m/copyright-v2.png");
  }
}

@media (max-width: 750px) {
  .c-history__category {
    position: relative;
    height: 30px;
    margin-bottom: 15px;
  }
}

@media (max-width: 750px) {
  .c-history-category__current {
    display: block;
    height: 30px;
    padding-left: 10px;
    border: 1px solid #cfcfcf;
    background: #f5f5f5 url("../hg_img/sub/company/history/m/ico_arrow_down.png") no-repeat right 10px center;
    -webkit-background-size: 11px 6px;
    -moz-background-size: 11px 6px;
    -ms-background-size: 11px 6px;
    background-size: 11px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #777;
    font-size: 15px;
    letter-spacing: -0.5px;
    line-height: 28px;
    letter-spacing: -0.6px;
  }
}

@media (min-width: 751px) {
  .c-history-category__list {
    display: flex;
    justify-content: space-around;
    background: url("../hg_img/sub/company/history/deco_line.png") repeat-x center 5px;
    font-size: 0;
    text-align: center;
  }
}

@media (max-width: 750px) {
  .c-history-category__list {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 20;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
    background: #f5f5f5;
    border-top: 0;
  }
}

@media (max-width: 750px) {
  .c-history-category__item {
    border-bottom: 1px solid #cfcfcf;
  }
  .c-history-category__item:last-child {
    border-bottom: 0;
  }
}

.c-history-category__link {
  display: block;
  color: #777;
  letter-spacing: -0.6px;
}

@media (min-width: 751px) {
  .c-history-category__link {
    padding-top: 25px;
    margin-bottom: 50px;
    background: url("../hg_img/sub/company/history/ico_dot.png") no-repeat center top;
    font-size: 15px;
  }
  .c-history-category__link:hover {
    background-image: url("../hg_img/sub/company/history/ico_dot_on.png");
    color: #008cd6;
  }
  .c-history-category__link--active {
    background-image: url("../hg_img/sub/company/history/ico_dot_on.png");
    color: #008cd6;
  }
}

@media (max-width: 750px) {
  .c-history-category__link {
    height: 29px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    letter-spacing: -0.5px;
    line-height: 29px;
  }
  .c-history-category__link--active {
    text-decoration: underline;
  }
}

@media (max-width: 750px) {
  .c-history__content--lg {
    display: none;
  }
}

@media (min-width: 751px) {
  .c-history__content--sm {
    display: none;
  }
}

.c-history-content img {
  max-width: 100%;
}

/*
@at-root .c-history {
    $img-path: '../hg_img/sub/company/history';
    @include element('copyright') {
        @include sm {
            width: half-px(493);
        }
    }
    @include element('menu-box') {
        @include sm {
            position: relative;
            height: half-px(60);
            margin-bottom: half-px(30);
        }
    }
    @include element('current') {
        @include sm {
            display: block;
            height: half-px(60);
            padding-left: half-px(20);
            border: 1px solid #cfcfcf;
            background: #f5f5f5 url($img-path + '/m/ico_arrow_down.png') no-repeat right half-px(20) center;
            @include background-size(half-px(22), half-px(12));
            @include border-box;
            color: #777;
            @include m-font-size(30);
            line-height: half-px(56);
            letter-spacing: -.6px;
        }
    }
    @include element('menu') {
        @include lg {
            background: url($img-path + '/deco_line.png') repeat-x center 5px;
            font-size: 0;
            text-align: center;
        }
        @include sm {
            display: none;
            position: absolute;
            top: half-px(60);
            left: 0;
            z-index: 20;
            width: 100%;
            @include border-box;
            border: 1px solid #cfcfcf;
            background: #f5f5f5;
            border-top: 0;
        }
    }

    @include element('item') {
        @include lg {
            display: inline-block;
            width: percentage(96px / $global-width);
            vertical-align: middle;
        }

        @include sm {
            border-bottom: 1px solid #cfcfcf;
            &:last-child {
                border-bottom: 0;
            }
        }
    }

    @include element('link') {
        display: block;
        color: #777;
        letter-spacing: -.6px;
        @include lg {
            padding-top: 25px;
            margin-bottom: 50px;
            background: url($img-path + '/ico_dot.png') no-repeat center top;
            font-size: 15px;
            &:hover {
                background-image: url($img-path + '/ico_dot_on.png');
                color: $point-color;
            }
            @include modifier('active') {
                background-image: url($img-path + '/ico_dot_on.png');
                color: $point-color;
            }
        }

        @include sm {
            height: half-px(58);
            padding-left: half-px(20);
            @include border-box;
            @include m-font-size(30);
            line-height: half-px(58);
            @include modifier('active') {
                text-decoration: underline;
            }
        }
    }

    @at-root .c-history-article {
        @include element('title') {
            width: 76px;
            height: 76px;
            background: url($img-path + '/ico_circle_year.png') no-repeat;
            font-family: 'noto-b';
            font-size: 16px;
            color: #ee7840;
            line-height: 76px;
            text-align: center;
            @include lg {
                margin: 0 auto;
            }
            @include sm {
                width: half-px(104);
                height: half-px(104);
                @include cover;
                @include m-font-size(30);
                line-height: half-px(104);
            }
        }

        @include element('list') {
            position: relative;
            padding-top: 40px;
            &:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 50%;
                width: 1px;
                height: 100%;
                margin-left: -.5px;
                background: #bebebe;
            }
            &:after {
                content: '';
                display: block;
                position: relative;
                z-index: 10;
                width: 13px;
                height: 13px;
                background: url($img-path + '/ico_dot_end.png') no-repeat;
            }
            @include lg {
                &:after {
                    margin: 0 auto;
                }
            }
            @include sm {
                padding-top: half-px(28);
                &:before {
                    left: half-px(104 / 2);
                    margin-left: 0;
                }
                &:after {
                    width: half-px(19);
                    height: half-px(19);
                    margin-left: half-px((104 / 2) - (19 / 2));
                    background-image: url($img-path + '/m/ico_dot_end.png');
                    @include cover;
                }
            }
        }
    }

    @at-root .c-history-list {
        @include element('item') {
            padding-bottom: 40px;
            @include sm {
                padding-bottom: half-px(48);
                padding-left: half-px(82 + (104 / 2));
            }
        }

        @include element('title') {
            position: relative;
            letter-spacing: -.4px;
            @include border-box;
            font-family: 'noto-m';
            font-size: 14px;
            color: #555;
            &:after {
                content: '';
                position: absolute;
                top: 0;
                right: -6px;
                z-index: 10;
                width: 13px;
                height: 13px;
                background: url($img-path + '/ico_dot_month.png') no-repeat;
            }
            @include modifier('secondary') {
                padding-right: 0;
                padding-left: 26px;
                margin-left: 50%;
                text-align: left;
                &:after {
                    right: auto;
                    left: -6px;
                }
            }

            @include lg {
                padding-right: 26px;
                text-align: right;
            }

            @include sm {
                padding-left: half-px(20);
                margin-left: half-px(-82);
                font-size: half-px(24);
                &:after {
                    right: auto;
                    left: half-px(-19 / 2);
                    width: half-px(19);
                    height: half-px(19);
                    background-image: url($img-path + '/m/ico_dot_month.png');
                    @include contain;
                }
            }
        }

        @include element('detail') {
            margin-top: -25px;
            @include lg {
                float: left;
                @include border-box;
                padding-right: 66px;
                @include modifier('secondary') {
                    float: right;
                    padding-right: 0;
                    padding-left: 66px;
                }
            }

            @include sm {
                margin-top: half-px(-38);
            }
        }

        @include element('photo') {
            padding-top: 27px;
            margin-top: -10px;
            margin-left: -10px;
            @include lg {
                float: left;
                width: 50%;
                @include border-box;
                @include modifier('secondary') {
                    float: right;
                }
            }

            @include sm {
                padding-top: half-px(30 + 15);
            }
        }
    }

    @at-root .c-history-detail {
        @include element('item') {
            margin-top: 8px;
            font-size: 14px;
            color: #777;
            line-height: 1.43;
            letter-spacing: -.4px;
            @include lg {
                position: relative;
                padding-right: 10px;
                text-align: right;
                &:after {
                    content: '-';
                    position: absolute;
                    top: 0;
                    right: 0;
                    color: #9d9d9d;
                }
                @include modifier('secondary') {
                    padding-right: 0;
                    padding-left: 10px;
                    text-align: left;
                    &:after {
                        left: 0;
                    }
                }
            }

            @include sm {
                padding-left: half-px(12);
                margin-top: half-px(8);
                font-size: half-px(24);
                line-height: 1.5;
                text-indent: half-px(-12);
                &:before {
                    content: '-';
                }
            }
        }
    }

    @at-root .c-history-photo {
        @include element('item') {
            @include lg {
                position: relative;
                padding-top: 10px;
                padding-left: 76px;
                &:after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 10px;
                    width: 66px;
                    height: 1px;
                    background: url($img-path + '/deco_line_photo.png') repeat-x;
                }
            }
            @include modifier('secondary') {
                @include lg {
                    padding-right: 66px;
                    padding-left: 10px;
                    &:after {
                        right: 0;
                        left: auto;
                    }
                }
            }
        }

        @include element('img') {
            border: 1px solid #ddd;
            @include lg {
                position: relative;
                z-index: 10;
            }
        }
    }
}
*/
@media (max-width: 750px) {
  .c-organization__info-desc {
    position: relative;
    padding-left: 21px;
    margin-bottom: 7.5px;
  }
  .c-organization__info-desc:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url("../hg_img/sub/common/ico_msg.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.c-organization__chart {
  text-align: center;
}

@media (min-width: 751px) {
  .c-education-guide__intro {
    padding-top: 20px;
    padding-bottom: 50px;
    margin-top: -20px;
    background: url("../hg_img/sub/education/lifelong/guide/img_bg_intro.png") no-repeat 95.31% bottom;
    -webkit-background-size: 37.59766% auto;
    -moz-background-size: 37.59766% auto;
    -ms-background-size: 37.59766% auto;
    background-size: 37.59766% auto;
  }
}

@media (max-width: 750px) {
  .c-education-guide__intro {
    margin-bottom: 25px;
  }
}

@media (min-width: 751px) {
  .c-education-guide__gallery {
    padding: 28px 29px;
    background: #f6f6f6;
  }
}

.c-education-guide-intro__desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .c-education-guide-intro__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .c-education-guide-intro__desc--first {
    padding: 28px 19px 24px;
    margin-bottom: 12px;
    background: #f6f6f6 url("../hg_img/sub/education/lifelong/guide/m/img_bg_intro.png") no-repeat right 9px center;
    -webkit-background-size: 149px auto;
    -moz-background-size: 149px auto;
    -ms-background-size: 149px auto;
    background-size: 149px auto;
  }
}

.c-education-guide-intro__desc--highlight {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  color: #444;
  font-family: 'noto-m';
  font-family: 'noto-r';
}

@media (max-width: 750px) {
  .c-education-guide-intro__desc--highlight {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-education-guide-intro__desc--mb {
  margin-bottom: 15px;
}

.c-education-guide-intro__desc--first-line {
  display: block;
  margin-bottom: 20px;
  color: #555;
  font-family: 'noto-m';
  font-size: 22px;
  line-height: 1;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-education-guide-intro__desc--first-line {
    margin-bottom: 10px;
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.c-education-guide-intro__author {
  color: #454545;
  font-size: 14px;
}

@media (max-width: 750px) {
  .c-education-guide-intro__author {
    font-size: 12px;
  }
}

.c-education-guide-intro__name {
  display: inline-block;
  width: 58px;
  height: 23px;
  margin-left: 4px;
  background: url("../hg_img/sub/education/lifelong/guide/img_text_name.png") no-repeat;
  vertical-align: bottom;
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .c-education-guide-intro__name {
    width: 44.5px;
    height: 17px;
    background-image: url("../hg_img/sub/education/lifelong/guide/m/img_text_name.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.c-education-guide-gallery__list {
  text-align: center;
}

@media (min-width: 751px) {
  .c-education-guide-gallery__item {
    float: left;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .c-education-guide-gallery__item {
    padding: 2.5px;
  }
}

.c-education-guide-gallery__group {
  position: relative;
}

@media (max-width: 750px) {
  .c-education-guide-gallery__group {
    display: inline-block;
    max-width: 70.43478%;
  }
}

.c-education-guide-gallery__desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 34px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.64;
  color: #fff;
  text-align: center;
}

@media (max-width: 750px) {
  .c-education-guide-gallery__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .c-education-guide-gallery__desc {
    min-height: 25px;
    padding: 3.5px;
  }
}

@media (min-width: 751px) {
  .c-education-program__list {
    margin: -12px 0 0 -12px;
  }
}

@media (min-width: 751px) {
  .c-education-program-list__item {
    float: left;
    padding: 12px 0 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .c-education-program-list__item {
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ddd;
  }
  .c-education-program-list__item:first-child {
    margin-top: 0;
  }
}

.c-education-program-list__group {
  font-size: 0;
}

@media (min-width: 751px) {
  .c-education-program-list__group {
    padding: 20px;
    border: 1px solid #ddd;
  }
}

@media (max-width: 750px) {
  .c-education-program-list__group {
    position: relative;
  }
}

.c-education-program-list__img-box {
  display: inline-block;
  width: 41.57044%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .c-education-program-list__img-box {
    position: relative;
    width: 42.72446%;
  }
  .c-education-program-list__img-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
}

.c-education-program-list__desc-box {
  display: inline-block;
  width: 58.42956%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 16px;
  font-size: 14px;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .c-education-program-list__desc-box {
    width: 57.27554%;
    padding-left: 15px;
  }
}

@media (max-width: 750px) {
  .c-education-program-list__title-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 42.72446%;
    height: 100%;
    font-size: 0;
    text-align: center;
  }
  .c-education-program-list__title-box:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

.c-education-program-list__title {
  color: #555;
  font-size: 15px;
  letter-spacing: -0.6px;
  word-break: keep-all;
}

@media (min-width: 751px) {
  .c-education-program-list__title {
    margin-bottom: 6px;
  }
}

@media (max-width: 750px) {
  .c-education-program-list__title {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
    letter-spacing: -0.2px;
  }
}

.c-education-program-list__course {
  display: inline-block;
  padding: 3px 5px;
  margin-bottom: 14px;
  background: #96a1ac;
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.2px;
}

@media (max-width: 750px) {
  .c-education-program-list__course {
    padding: 3px 5px;
    margin-bottom: 7px;
    font-size: 11px;
    letter-spacing: -0.4px;
  }
}

.c-education-program-list__desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.64;
}

@media (max-width: 750px) {
  .c-education-program-list__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-place {
  /* 상단 검색 영역 */
}

.c-place__search {
  padding: 40px 484px 40px 70px;
  border: 1px solid #999;
}

@media (min-width: 751px) {
  .c-place__search {
    position: relative;
    min-height: 518px;
    margin-bottom: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 1024px) and (min-width: 751px) {
  .c-place__search {
    padding: 40px 70px;
  }
}

@media (max-width: 750px) {
  .c-place__search {
    padding: 20px 15px 15px;
    margin-bottom: 25px;
  }
}

@media (max-width: 750px) {
  .c-place-search__inner {
    position: relative;
  }
}

@media (min-width: 751px) {
  .c-place-search__group {
    font-size: 0;
  }
}

@media (max-width: 750px) {
  .c-place-search__group {
    padding-top: 38px;
    margin-bottom: 8px;
    margin-left: -4px;
  }
}

.c-place-search__info-desc {
  color: #555;
  font-size: 18px;
  letter-spacing: -0.8px;
  text-align: center;
  line-height: 1.5;
}

@media (min-width: 1025px) {
  .c-place-search__info-desc {
    position: absolute;
    top: 130px;
    right: 70px;
    z-index: 10;
    width: 414px;
  }
}

@media (max-width: 1024px) and (min-width: 751px) {
  .c-place-search__info-desc {
    margin-bottom: 20px;
  }
}

@media (max-width: 750px) {
  .c-place-search__info-desc {
    margin-bottom: 17px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-place-search__info-desc:before {
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 14px;
  background: url("../hg_img/common/img_sprite.png") no-repeat 0 -226px;
}

@media (max-width: 750px) {
  .c-place-search__info-desc:before {
    width: 40px;
    height: 40px;
    margin: 0 auto 7px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat 0 -135px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.c-place-search__desc-highlight {
  color: #008cd6;
}

.c-place-search__area {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1024px) and (min-width: 751px) {
  .c-place-search__area {
    float: none;
    margin-bottom: 30px;
    text-align: center;
  }
}

@media (max-width: 750px) {
  .c-place-search__area {
    width: 50%;
    padding-left: 4px;
  }
}

@media (max-width: 750px) {
  .c-place-search-area__select {
    width: 100%;
    height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
    color: #aaa;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-place-search__state {
  float: right;
  width: 414px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1025px) {
  .c-place-search__state {
    position: relative;
    right: -414px;
    margin-left: -414px;
  }
}

@media (max-width: 1024px) and (min-width: 751px) {
  .c-place-search__state {
    float: none;
    margin: 0 auto;
  }
}

@media (max-width: 750px) {
  .c-place-search__state {
    float: left;
    width: 50%;
    padding-left: 4px;
  }
}

@media (min-width: 751px) {
  .c-place-search-state__category {
    height: 40px;
    margin-bottom: 30px;
    background: #838a91;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    letter-spacing: -0.6px;
  }
}

@media (min-width: 751px) {
  .c-place-search-state__list {
    margin-bottom: 40px;
  }
}

@media (min-width: 1025px) {
  .c-place-search-state__list {
    min-height: 241px;
  }
}

.c-place-search-state__item {
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  cursor: pointer;
}

@media (min-width: 751px) {
  .c-place-search-state__item {
    float: left;
    margin-bottom: 22px;
    text-align: center;
  }
}

@media (min-width: 751px) {
  .c-place-search-state__item:before {
    content: '- ';
  }
}

@media (min-width: 751px) {
  .c-place-search-state__item:hover {
    text-decoration: underline;
  }
}

@media (max-width: 750px) {
  .c-place-search-state__select {
    width: 100%;
    height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
    color: #aaa;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

@media (min-width: 751px) {
  .c-place-search__detail {
    position: absolute;
    right: 70px;
    bottom: 30px;
    width: 414px;
    padding: 20px 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
  }
}

@media (max-width: 1024px) and (min-width: 751px) {
  .c-place-search__detail {
    position: static;
    margin: 0 auto;
  }
}

@media (max-width: 750px) {
  .c-place-search-detail__form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-right: 54px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .c-place-search-detail__form:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (min-width: 751px) {
  .c-place-search-detail__select-group {
    margin-left: -4px;
    margin-bottom: 5px;
  }
}

@media (min-width: 751px) {
  .c-place-search-detail__select-box {
    float: left;
    width: 50%;
    padding-left: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .c-place-search-detail__select-box {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.c-place-search-detail__select {
  width: 100%;
  height: 36px;
  padding: 8px 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #fff;
  color: #aaa;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (max-width: 750px) {
  .c-place-search-detail__select {
    padding: 0px 5px;
    height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

@media (min-width: 751px) {
  .c-place-search-detail__input-group {
    position: relative;
  }
}

.c-place-search-detail__input {
  width: 100%;
  height: 36px;
  padding: 0 36px 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid #6e6e6e;
  color: #aaa;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (max-width: 750px) {
  .c-place-search-detail__input {
    height: 30px;
    padding: 0 10px;
    margin-bottom: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
    font-size: 12px;
    letter-spacing: -0.2px;
  }
}

.c-place-search-detail__btn {
  width: 36px;
  height: 35px;
  padding: 0;
  border: 0;
  background: url("../hg_img/sub/common/ico_search.png") no-repeat center;
  cursor: pointer;
}

@media (min-width: 751px) {
  .c-place-search-detail__btn {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
  }
}

@media (max-width: 750px) {
  .c-place-search-detail__btn {
    display: block;
    position: relative;
    float: left;
    right: -54px;
    width: 50px;
    height: 30px;
    margin-left: -50px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background: #838a91;
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

@media (max-width: 750px) {
  .c-place-table__tr {
    padding-right: 35px !important;
  }
}

.c-place-table__map-link {
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -171px -166px;
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .c-place-table__map-link {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 20px;
    height: 25px;
    margin-top: -12.5px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -115px -105px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

@media (max-width: 750px) {
  .c-place-table__content {
    float: left;
    position: relative;
    padding-left: 11px;
    line-height: 1.25;
  }
  .c-place-table__content:first-child {
    padding-left: 0;
  }
  .c-place-table__content:first-child:before {
    display: none;
  }
  .c-place-table__content:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 5.5px;
    width: 1px;
    height: 7px;
    margin-top: -3.5px;
    background: #cfcfcf;
  }
}

@media (max-width: 750px) {
  .c-place-table__content-subject {
    float: left;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 0 !important;
  }
}

.c-place-fancybox .fancybox-skin {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.c-place-fancybox .fancybox-close, .c-place-fancybox .fancybox-title {
  display: none;
}

.c-place-fancybox .fancybox-inner {
  overflow: hidden !important;
}

@media (max-width: 750px) {
  .c-place-fancybox .fancybox-inner {
    height: auto !important;
  }
}

.c-place-fancybox__map {
  display: none;
}

.c-place-fancybox__title-box {
  height: 50px;
  background: #838a91;
  font-size: 0;
}

@media (max-width: 750px) {
  .c-place-fancybox__title-box {
    height: 8vw;
  }
}

.c-place-fancybox__title-box:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.c-place-fancybox__title {
  display: inline-block;
  padding-left: 20px;
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-place-fancybox__title {
    padding-left: 15px;
    font-size: 12px;
    letter-spacing: -0.2px;
  }
}

.c-place-fancybox__api {
  width: 1024px;
  height: 620px;
}

@media (max-width: 750px) {
  .c-place-fancybox__api {
    width: 100%;
    height: 61.33333vw;
  }
}

@media (min-width: 751px) {
  .c-teacher-guide__list {
    margin: -14px 0 0 -14px;
  }
}

@media (min-width: 751px) {
  .c-teacher-guide-list__item {
    float: left;
    padding: 14px 0 0 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .c-teacher-guide-list__item {
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ddd;
  }
  .c-teacher-guide-list__item:first-child {
    margin-top: 0;
  }
}

@media (min-width: 751px) {
  .c-teacher-guide-list__group {
    padding: 20px 20px 30px;
    border: 1px solid #ddd;
  }
}

@media (max-width: 750px) {
  .c-teacher-guide-list__group {
    position: relative;
    font-size: 0;
  }
}

@media (min-width: 751px) {
  .c-teacher-guide-list__img-box {
    margin-bottom: 20px;
  }
}

@media (max-width: 750px) {
  .c-teacher-guide-list__img-box {
    display: inline-block;
    position: relative;
    width: 42.72446%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
  }
  .c-teacher-guide-list__img-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
}

@media (max-width: 750px) {
  .c-teacher-guide-list__desc-box {
    display: inline-block;
    width: 57.27554%;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
  }
}

@media (max-width: 750px) {
  .c-teacher-guide-list__title-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 42.72446%;
    height: 100%;
    font-size: 0;
    text-align: center;
  }
  .c-teacher-guide-list__title-box:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

.c-teacher-guide-list__title {
  margin-bottom: 12px;
  color: #555;
  font-size: 18px;
  letter-spacing: -0.8px;
}

@media (max-width: 750px) {
  .c-teacher-guide-list__title {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.4px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5;
  }
}

.c-teacher-guide-list__desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.64;
}

@media (max-width: 750px) {
  .c-teacher-guide-list__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.o-examination__banner {
  position: relative;
  height: 0;
  padding-top: 29.29688%;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}

@media (max-width: 750px) {
  .o-examination__banner {
    padding-top: 43.47826%;
  }
}

.o-examination-banner__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.o-examination-banner__desc-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
}

.o-examination-banner__desc-box:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.o-examination-banner__group {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}

.o-examination-banner__title {
  margin-bottom: 8px;
  color: #fff;
  font-family: 'noto-b';
  font-size: 26px;
}

@media (max-width: 750px) {
  .o-examination-banner__title {
    margin-bottom: 5px;
    font-size: 17px;
  }
}

.o-examination-banner__info-desc {
  margin-bottom: 16px;
  color: #c9c9c9;
  font-family: 'noto-l';
  font-size: 14px;
}

@media (max-width: 750px) {
  .o-examination-banner__info-desc {
    margin-bottom: 13px;
    font-size: 12px;
  }
}

.o-examination-banner__en-title {
  color: #ddd;
  font-size: 'noto-l';
  font-size: 16px;
}

@media (max-width: 750px) {
  .o-examination-banner__en-title {
    font-size: 12px;
  }
}

.c-qualification__banner {
  background-image: url("../hg_img/sub/examination/qualification/img_banner.jpg");
}

@media (max-width: 750px) {
  .c-qualification__banner {
    background-image: url("../hg_img/sub/examination/qualification/m/img_banner.jpg");
  }
}

@media (max-width: 750px) {
  .c-qualification__copyright {
    max-width: 293.5px;
  }
}

.c-qualification__desc {
  margin-bottom: 45px;
}

@media (max-width: 750px) {
  .c-qualification__desc {
    margin-bottom: 31px;
  }
}

.c-qualification__items {
  margin: -6px 0 0 -6px;
}

.c-qualification-items__item {
  float: left;
  padding: 6px 0 0 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.c-qualification-items__group {
  display: table;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 5px 5px;
  border: 1px solid #ddd;
}

.c-qualification-items__title {
  display: table-cell;
  vertical-align: middle;
  padding: 11px 0;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.6px;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .c-qualification-items__title {
    padding: 6.5px 0px;
    font-size: 12px;
  }
}

.c-qualification-items__code {
  display: table-row;
  height: 30px;
  background: #cdd2d7;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}

@media (max-width: 750px) {
  .c-qualification-items__code {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
  }
}

.c-qualification__box {
  position: relative;
}

@media (min-width: 751px) {
  .c-qualification__box {
    padding: 50px 30px;
  }
}

.c-qualification__refund {
  margin: 30px 0;
}

@media (max-width: 750px) {
  .c-qualification__refund {
    margin: 10px 0px;
  }
}

.c-qualification-refund__desc {
  margin-bottom: 6px;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  color: #555;
}

@media (max-width: 750px) {
  .c-qualification-refund__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-qualification-refund__list {
  margin-bottom: 12px;
}

.c-qualification-refund__item {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  padding-left: 8px;
  text-indent: -8px;
}

@media (max-width: 750px) {
  .c-qualification-refund__item {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .c-qualification-refund__item {
    padding-left: 6px;
    text-indent: -6px;
  }
}

.c-qualification-refund__item:before {
  content: '- ';
}

.c-qualification-refund__info-desc {
  padding: 11px 15px;
  background: #edeff1;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.64;
}

@media (max-width: 750px) {
  .c-qualification-refund__info-desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .c-qualification-refund__info-desc {
    padding: 10px;
  }
}

@media (min-width: 751px) {
  .c-qualification-refund__contact {
    float: right;
  }
}

@media (max-width: 750px) {
  .c-qualification-refund__contact {
    display: block;
    margin-top: 7px;
  }
}

.c-qualification-refund__contact:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background: url("../hg_img/sub/common/ico_call.png") no-repeat;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .c-qualification-refund__contact:before {
    width: 14px;
    height: 14px;
    background-image: url("../hg_img/sub/common/m/ico_call.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.c-qualification-refund__contact-number {
  color: #666;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  font-weight: bold;
}

@media (max-width: 750px) {
  .c-qualification-refund__contact-number {
    font-size: 12px;
  }
}

.c-qualification__download-btn {
  display: block;
  padding: 13px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #4d5156;
  background: #838a91 url("../hg_img/sub/common/ico_arrow_right.png") no-repeat 92% center;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (min-width: 751px) {
  .c-qualification__download-btn {
    position: absolute;
    right: 16.04697%;
    bottom: 10.62619%;
    width: 152px;
  }
}

@media (max-width: 750px) {
  .c-qualification__download-btn {
    padding: 11px 0px;
    margin-top: 10px;
    background-position: 70% center;
    font-size: 12px;
  }
}

/* 2020.11.11 | 자격검정 안내 문구 스타일 추가 */
.c-qualification-help {
    margin-top: .5rem;
    color: #008cd6;
    font-size: .875rem;
    line-height: 1.2;
}

.c-qualification-help .point {
    color: #ff0000;
}

.c-qualification-help .underline {
  text-decoration: underline;
}

@media (max-width: 750px) {
    .c-qualification-help {
        font-size: .8125rem;
    }

    .c-qualification-help span {
        display: block;
    }
}


.c-grading__banner {
  background-image: url("../hg_img/sub/examination/grading/img_banner.jpg");
}

@media (max-width: 750px) {
  .c-grading__banner {
    background-image: url("../hg_img/sub/examination/grading/m/img_banner.jpg");
  }
}

@media (max-width: 750px) {
  .c-grading__copyright {
    width: 253.5px;
  }
}

.c-grading__desc {
  margin-bottom: 25px;
}

@media (max-width: 750px) {
  .c-grading__desc {
    margin-bottom: 6px;
  }
}

.c-grading__info-desc {
  margin-bottom: 50px;
}

@media (max-width: 750px) {
  .c-grading__info-desc {
    margin-bottom: 35px;
  }
}

.c-grading-procedure__item {
  padding: 30px 40px;
  border: 1px solid #ddd;
  border-top-width: 0;
}

.c-grading-procedure__item:first-child {
  border-top-width: 1px;
}

@media (max-width: 750px) {
  .c-grading-procedure__item {
    padding: 15px;
  }
}

.c-grading-procedure__title {
  margin-bottom: 50px;
  color: #555;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-grading-procedure__title {
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: -0.5px;
    letter-spacing: -0.2px;
  }
}

.c-grading-procedure__title-number {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #96a1ac;
  color: #fff;
  font-family: 'noto-m';
  font-size: 13px;
  text-align: center;
  line-height: 26px;
}

@media (max-width: 750px) {
  .c-grading-procedure__title-number {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
  }
}

.c-grading-procedure__img-box {
  text-align: center;
}

.c-grading-procedure__img {
  max-width: 100%;
}

.c-grading-procedure__info-desc {
  padding: 8px 15px;
  margin-top: 30px;
  background: #edeff1;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.64;
}

@media (max-width: 750px) {
  .c-grading-procedure__info-desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .c-grading-procedure__info-desc {
    padding: 9px 12.5px;
    margin-top: 15px;
  }
}

.c-grading__btn-more {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 16px;
  background: url("../hg_img/sub/common/ico_arrow_right_blue.png") no-repeat right center;
  color: #008cd6;
  font-size: 15px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-grading__btn-more {
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

@media (min-width: 751px) {
  .c-career__kind {
    margin: -10px 0 0 -10px;
  }
}

@media (min-width: 751px) {
  .c-career-kind__item {
    float: left;
    padding: 10px 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .c-career-kind__item {
    margin-bottom: 5px;
  }
  .c-career-kind__item:last-child {
    margin-bottom: 0;
  }
}

.c-career-kind__group {
  display: table;
  width: 100%;
  min-height: 70px;
  padding: 12px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #f6f6f6;
}

@media (max-width: 750px) {
  .c-career-kind__group {
    min-height: 50px;
    padding: 6px 12.5px;
  }
}

.c-career-kind__number {
  display: table-cell;
  width: 32px;
  color: #008cd6;
  font-family: 'noto-b';
  font-size: 16px;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .c-career-kind__number {
    width: 25px;
    font-size: 14px;
  }
}

.c-career-kind__desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.64;
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .c-career-kind__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.o-board {
  /* 게시글 검색 */
  /* 검색 박스 - version2 */
  /* 하단 버튼 (목록, 글쓰기..) */
}

.o-board__search-box {
  text-align: right;
}

.o-board__search {
  margin-bottom: 20px;
}

@media (min-width: 751px) {
  .o-board__search {
    display: inline-block;
  }
}

@media (max-width: 750px) {
  .o-board__search {
    padding: 15px;
    margin-bottom: 10px;
    background: #f4f4f4;
  }
}

.o-search__select {
  float: left;
  width: 125px;
  height: 36px;
  padding: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #fff;
  color: #aaa;
  font-size: 14px;
}

@media (min-width: 751px) {
  .o-search__select {
    margin-left: 4px;
  }
}

@media (max-width: 750px) {
  .o-search__select {
    width: 101px;
    height: 30px;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 30px;
  }
}

@media (max-width: 750px) {
  .o-search__select--vertical {
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }
}

.o-search__input-group {
  position: relative;
  float: left;
  width: 205px;
  margin-left: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 0;
}

@media (max-width: 750px) {
  .o-search__input-group {
    width: calc(100% - 101px - 4px);
    height: 30px;
  }
}

@media (min-width: 751px) {
  .o-search__input-group--long {
    width: 272px;
  }
}

@media (max-width: 750px) {
  .o-search__input-group--vertical {
    float: none;
    width: auto;
    margin-left: 0;
  }
}

.o-search__input {
  display: inline-block;
  width: 100%;
  height: 34px;
  padding: 0 48px 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  color: #aaa;
  font-size: 14px;
  vertical-align: middle;
  line-height: 34px;
}

@media (max-width: 750px) {
  .o-search__input {
    height: 28px;
    font-size: 12px;
  }
}

.o-search__btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 4px;
  width: 40px;
  height: 26px;
  padding: 0;
  margin-top: -13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  background: #5c5c5c;
  color: #fff;
  font-family: 'noto-r';
  font-size: 12px;
  line-height: 26px;
  cursor: pointer;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .o-search__btn {
    width: 34px;
    height: 22px;
    margin-top: -11px;
    font-size: 12px;
    line-height: 22px;
  }
}

.o-board__search-v2 {
  padding: 34px 30px 30px 20px;
  margin-bottom: 50px;
  background: #454545;
}

@media (max-width: 750px) {
  .o-board__search-v2 {
    padding: 20px 15px 15px;
    margin-bottom: 20px;
  }
}

.o-search-v2__info-title {
  position: relative;
  padding-left: 38px;
  margin-bottom: 6px;
  color: #fff;
  font-family: 'noto-m';
  font-size: 18px;
  letter-spacing: -0.8px;
}

@media (max-width: 750px) {
  .o-search-v2__info-title {
    padding-left: 30px;
    margin-bottom: 8px;
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.o-search-v2__info-title:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -244px 0;
}

@media (max-width: 750px) {
  .o-search-v2__info-title:before {
    width: 25.5px;
    height: 25.5px;
    margin-top: -12.75px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -155.5px 0;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.o-search-v2__info-desc {
  padding-left: 38px;
  color: #bababa;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .o-search-v2__info-desc {
    padding-left: 30px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-search-v2__form {
  margin-top: 14px;
}

.o-search-v2__form:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 751px) {
  .o-search-v2__form {
    padding-left: 98px;
    margin-left: 38px;
  }
  .o-search-v2__form--secondary {
    padding-left: 218px;
  }
}

@media (max-width: 750px) {
  .o-search-v2__form {
    margin-top: 10px;
  }
}

.o-search-v2__title {
  color: #fff;
  font-family: 'noto-b';
  font-size: 20px;
  letter-spacing: -1px;
}

@media (min-width: 751px) {
  .o-search-v2__title {
    position: relative;
    left: -98px;
    float: left;
    width: 98px;
    height: 36px;
    margin-right: -98px;
    line-height: 36px;
  }
}

@media (max-width: 750px) {
  .o-search-v2__title {
    margin-bottom: 8px;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

.o-search-v2__input-box {
  position: relative;
  float: left;
  width: 100%;
}

.o-search-v2__input {
  width: 100%;
  height: 36px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 34px;
  padding-right: 48px;
}

@media (max-width: 750px) {
  .o-search-v2__input {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

@media (min-width: 751px) {
  .o-search-v2__select-box {
    position: relative;
    float: left;
    left: -218px;
    float: left;
    width: 213px;
    margin-right: -218px;
  }
}

@media (max-width: 750px) {
  .o-search-v2__select-box {
    margin-bottom: 5px;
  }
}

.o-search-v2__select {
  width: 100%;
  height: 36px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 34px;
  padding: 13px 10px;
  padding: 7px 10px;
  color: #666;
}

@media (max-width: 750px) {
  .o-search-v2__select {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.o-search-v2__btn {
  display: inline-block;
  width: 40px;
  height: 26px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #5c5c5c;
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.2px;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -13px;
}

.o-board__btn-group {
  padding-top: 30px;
}

@media (max-width: 750px) {
  .o-board__btn-group {
    padding-top: 15px;
  }
}

.o-board-btn-group__edit-btns {
  float: right;
}

.o-board-edit-btns__item {
  float: left;
  margin-left: 4px;
}

.o-board-edit-btns__btn {
  display: block;
  width: 70px;
  height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 32px;
}

@media (max-width: 750px) {
  .o-board-edit-btns__btn {
    width: 50px;
    height: 25px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 25px;
  }
}

.o-board-edit-btns__btn--modify {
  background: #eee;
  color: #777;
}

.o-board-edit-btns__btn--delete {
  background: #5c5c5c;
  color: #fff;
}

.o-board-edit-btns__btn--list {
  background: #838a91;
  color: #fff;
}

.o-board-edit-btns__btn--write {
  background: #838a91;
  color: #fff;
}

/* 리스트 */
.o-basic__section {
  padding: 30px 40px;
  border: 1px solid #bbb;
}

@media (max-width: 750px) {
  .o-basic__section {
    padding: 15px;
  }
}

.o-basic__box {
  padding: 30px 40px;
  border: 1px solid #bbb;
}

@media (min-width: 751px) {
  .o-basic__box {
    margin-top: -50px;
    border-top: 0;
  }
}

@media (max-width: 750px) {
  .o-basic__box {
    padding: 15px;
  }
}

.o-basic__table {
  width: 100%;
}

@media (min-width: 751px) {
  .o-basic__table {
    border-top: 1px solid #d2d2d2;
  }
}

.o-basic-table__division {
  height: 45px;
  border-bottom: 1px solid #e9e9e9;
  background: #f4f4f4;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .o-basic-table__tbody {
    border-top: 1px solid #d0d0d0;
  }
}

@media (max-width: 750px) {
  .o-basic-table__tr {
    display: block;
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #e9e9e9;
  }
  .o-basic-table__tr:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (max-width: 750px) {
  .o-basic-table__notice {
    background: #fafafa;
  }
}

.o-basic-table__content, .c-place-table__content, .c-place-table__content-subject {
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (min-width: 751px) {
  .o-basic-table__content, .c-place-table__content, .c-place-table__content-subject {
    height: 40px;
    border-bottom: 1px solid #e9e9e9;
    vertical-align: middle;
  }
}

.o-basic-table__content--empty {
  text-align: center;
}

@media (max-width: 750px) {
  .o-basic-table__content--empty {
    display: block;
  }
}

@media (max-width: 750px) {
  .o-basic-table__content-subject, .c-place-table__content-subject {
    display: block;
    margin-bottom: 8px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .o-basic-table__content-category {
    display: block;
    margin-bottom: 4px;
  }
}

@media (max-width: 750px) {
  .o-basic-table__content-date {
    display: block;
  }
}

.o-basic-table__link {
  color: #666;
}

.o-basic-table__link:hover {
  text-decoration: underline;
}

.o-basic-table__answer-text {
  display: inline-block;
  width: 30px;
  height: 16px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 16px;
  cursor: pointer;
  font-size: 11px;
  letter-spacing: 0px;
}

.o-basic-table__answer {
  display: inline-block;
  vertical-align: text-bottom;
}

.o-basic-table__answer:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 10px;
  margin-right: 4px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -196px -198px;
}

.o-basic-table__ico {
  display: inline-block;
  background: url("../hg_img/common/img_sprite.png") no-repeat 0 0;
  vertical-align: text-bottom;
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .o-basic-table__ico {
    background: url("../hg_img/common/m/img_sprite.png") no-repeat 0 0;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.o-basic-table__ico--file {
  width: 14px;
  height: 19px;
  background-position: -266px -42px;
}

@media (max-width: 750px) {
  .o-basic-table__ico--file {
    width: 12px;
    height: 16px;
    background-position: -170px -41px;
  }
}

.o-basic-table__ico--secret {
  width: 12px;
  height: 19px;
  background-position: -244px -42px;
}

@media (max-width: 750px) {
  .o-basic-table__ico--secret {
    width: 11px;
    height: 16px;
    background-position: -155px -41px;
  }
}

/* 리스트 */
.o-gallery__list {
  margin: -30px 0 0 -20px;
}

@media (max-width: 750px) {
  .o-gallery__list {
    margin: -15px 0px 0px -10px;
  }
}

.o-gallery-grid__item {
  float: left;
  padding: 30px 0 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .o-gallery-grid__item {
    padding: 15px 0px 0px 10px;
  }
}

.o-gallery-grid__item--empty {
  float: none;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 40px;
  color: #666;
  font-size: 15px;
  text-align: center;
}

@media (max-width: 750px) {
  .o-gallery-grid__item--empty {
    font-size: 12px;
  }
}

.o-gallery-grid__group {
  padding: 20px 20px 30px;
  border: 1px solid #dadada;
}

@media (min-width: 751px) {
  .o-gallery-grid__group:hover {
    border-color: #008cd6;
  }
}

@media (max-width: 750px) {
  .o-gallery-grid__group {
    padding: 10px 10px 15px;
  }
}

.o-gallery-grid__thumb {
  margin-bottom: 20px;
}

@media (max-width: 750px) {
  .o-gallery-grid__thumb {
    margin-bottom: 12.5px;
    font-size: 12px;
  }
}

.o-gallery-grid__thumb-empty {
  height: 0;
  padding-top: 66.43357%;
  background: url("../hg_img/sub/common/thumb_empty.jpg") no-repeat center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  text-indent: -9999px;
}

.o-gallery-grid__thumb-link--video {
  display: block;
  position: relative;
}

.o-gallery-grid__thumb-link--video:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 40px;
  margin: -20px 0px 0px -32px;
  background: url("../hg_img/sub/common/ico_play.png") no-repeat;
}

@media (max-width: 750px) {
  .o-gallery-grid__thumb-link--video:after {
    width: 32px;
    height: 20px;
    margin: -10px 0px 0px -16px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.o-gallery-grid__img {
  width: 100%;
}

.o-gallery-grid__title {
  margin-bottom: 6px;
}

@media (max-width: 750px) {
  .o-gallery-grid__title {
    margin-bottom: 8px;
  }
}

.o-gallery-grid__title-link {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 4px 0;
  color: #666;
  font-size: 15px;
}

.o-gallery-grid__title-link:hover {
  text-decoration: underline;
}

@media (max-width: 750px) {
  .o-gallery-grid__title-link {
    font-size: 12px;
  }
}

.o-gallery-grid__desc {
  margin-bottom: 15px;
}

@media (max-width: 750px) {
  .o-gallery-grid__desc {
    margin-bottom: 12px;
  }
}

.o-gallery-grid__desc-link {
  display: block;
  display: -webkit-box;
  padding: 4px 0;
  height: 40px;
  color: #888;
  font-size: 14px;
  line-height: 1.43;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.o-gallery-grid__desc-link:hover {
  text-decoration: underline;
}

@media (max-width: 750px) {
  .o-gallery-grid__desc-link {
    height: 32px;
    font-size: 12px;
    line-height: 1.33;
  }
}

.o-gallery-grid-info__item {
  margin-top: 8px;
}

@media (max-width: 750px) {
  .o-gallery-grid-info__item {
    margin-top: 6px;
  }
}

.o-gallery-grid-info__item:first-child {
  margin-top: 0;
}

.o-gallery-grid-info__title {
  float: left;
  color: #666;
  font-size: 15px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .o-gallery-grid-info__title {
    font-size: 12px;
    letter-spacing: -0.2px;
  }
}

.o-gallery-grid-info__desc {
  float: right;
  color: #888;
  font-size: 15px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .o-gallery-grid-info__desc {
    font-size: 12px;
    letter-spacing: -0.2px;
  }
}

.o-gallery-grid__author {
  float: left;
  color: #666;
  font-size: 14px;
}

@media (max-width: 750px) {
  .o-gallery-grid__author {
    font-size: 12px;
  }
}

.o-gallery-grid__date {
  float: right;
  color: #888;
  font-size: 14px;
}

@media (max-width: 750px) {
  .o-gallery-grid__date {
    font-size: 12px;
  }
}

.pg_wrap {
  margin-top: 40px;
  text-align: center;
}

.pg_wrap .sound_only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.pg_wrap .pg {
  font-size: 0;
}

.pg_wrap .pg_current, .pg_wrap .pg_page {
  display: inline-block;
  width: 28px;
  height: 28px;
  border: 1px solid #e4e4e4;
  background: #f3f3f3;
  color: #acacac;
  font-size: 12px;
  vertical-align: middle;
  line-height: 28px;
}

@media (max-width: 750px) {
  .pg_wrap .pg_current, .pg_wrap .pg_page {
    width: 26px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
  }
}

.pg_wrap .pg_current {
  border-color: #787878;
  background-color: #fff;
  color: #787878;
}

.pg_wrap .pg_end, .pg_wrap .pg_next, .pg_wrap .pg_prev, .pg_wrap .pg_start {
  width: 8px;
  height: 7px;
  border: 0;
  background: url("../hg_img/sub/common/ico_page_arrow_sprite.png") no-repeat;
  text-indent: -9999px;
}

.pg_wrap .pg_next, .pg_wrap .pg_prev {
  width: 4px;
}

.pg_wrap .pg_prev, .pg_wrap .pg_start {
  margin-right: 20px;
}

@media (max-width: 750px) {
  .pg_wrap .pg_prev, .pg_wrap .pg_start {
    margin-right: 10px;
  }
}

.pg_wrap .pg_end, .pg_wrap .pg_next {
  margin-left: 20px;
}

@media (max-width: 750px) {
  .pg_wrap .pg_end, .pg_wrap .pg_next {
    margin-left: 10px;
  }
}

.pg_wrap .pg_next {
  background-position: -4px 0;
}

.pg_wrap .pg_start {
  background-position: 0 -7px;
}

.pg_wrap .pg_end {
  background-position: -8px -7px;
}

#bo_v_con {
  color: #1b1b1b;
  font-family: 'noto-r', sans-serif;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
}

#bo_v_con * {
  font: inherit !important;
}

#bo_v_img .view_image {
  display: inline-block;
  margin: .5em 0;
}

.o-view {
  /* 게시글 아티클 */
  /* 게시글 카테고리 */
  /* 게시글 제목 */
  /* 게시글 정보 */
  /* 게시글 관련링크 */
  /* 본문 */
  /* 본문 컨텐츠 */
  /* 답변 컨텐츠 */
  /* 첨부파일 */
}

.o-view__article {
  padding: 30px 40px;
  border: 1px solid #bbb;
}

@media (max-width: 750px) {
  .o-view__article {
    padding: 15px;
  }
}

@media (min-width: 751px) {
  .o-view__article--secondary {
    margin-top: -50px;
    border-top: 0;
  }
}

.o-view__category {
  display: block;
  margin-bottom: 8px;
  color: #666;
  font-family: 'noto-m';
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .o-view__category {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-view__title {
  padding: 21px 20px;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #e9e9e9;
  background: #f4f4f4;
  color: #666;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .o-view__title {
    padding: 13px 10px;
    color: #666;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-view__info {
  padding: 15px 20px;
  border-bottom: 1px solid #e9e9e9;
}

@media (max-width: 750px) {
  .o-view__info {
    padding: 9px 10px;
  }
}

.o-view-info__group {
  float: left;
}

.o-view-info__group--right {
  float: right;
}

.o-view-info__text {
  position: relative;
  float: left;
  padding-left: 17px;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (max-width: 750px) {
  .o-view-info__text {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-view-info__text:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 8px;
  width: 1px;
  height: 8px;
  margin-top: -4px;
  background: #c8c8c8;
}

.o-view-info__text:first-child {
  padding-left: 0;
}

.o-view-info__text:first-child:before {
  display: none;
}

.o-view__link {
  padding: 10px 20px;
  border-bottom: 1px solid #e9e9e9;
}

@media (max-width: 750px) {
  .o-view__link {
    padding: 5px 10px;
  }
}

.o-view-link__item {
  padding: 5px 0;
}

.o-view-link__link {
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-decoration: underline;
}

@media (max-width: 750px) {
  .o-view-link__link {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-view__atc {
  padding: 40px 20px;
}

@media (max-width: 750px) {
  .o-view__atc {
    padding: 15px 15px 25px;
  }
}

.o-view__con {
  color: #666;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .o-view__con {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-view__con iframe {
  max-width: 100%;
}

@media (max-width: 750px) {
  .o-view__con iframe {
    height: 48vw;
  }
}

.o-view__re-con {
  min-height: 134px;
  padding: 15px 25px;
  margin-top: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #f9f9f9;
  color: #666;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .o-view__re-con {
    padding: 10px 15px;
    margin-top: 25px;
    min-height: 150px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-view__file {
  padding: 20px 20px 20px 135px;
  margin-bottom: 30px;
  background: #f4f4f4;
}

@media (max-width: 750px) {
  .o-view__file {
    padding: 15px;
    margin-bottom: 15px;
  }
}

.o-view-file__title {
  color: #5f5f5f;
  font-family: 'noto-m';
  font-size: 14px;
}

@media (min-width: 751px) {
  .o-view-file__title {
    position: relative;
    left: -115px;
    float: left;
    width: 115px;
    margin-right: -115px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .o-view-file__title {
    margin-bottom: 10px;
    font-size: 12px;
  }
}

.o-view-file__title:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 19px;
  margin-right: 5px;
  background: url("../hg_img/sub/common/ico_file.png") no-repeat;
  vertical-align: text-bottom;
}

@media (max-width: 750px) {
  .o-view-file__title:before {
    width: 17px;
    height: 15px;
    background-image: url("../hg_img/sub/common/m/ico_file.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

@media (min-width: 751px) {
  .o-view-file__list {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.o-view-file__item {
  margin-top: 4px;
  padding: 8px 12px;
  background: #fff;
}

@media (max-width: 750px) {
  .o-view-file__item {
    margin-top: 5px;
    padding: 6px;
  }
}

.o-view-file__item:first-child {
  margin-top: 0;
}

.o-view-file__link {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .o-view-file__link {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.o-view-file__link:hover {
  text-decoration: underline;
}

.o-view__btn-group {
  border-top: 1px solid #dfdfdf;
}

.o-view-btn-group__move-btns {
  float: left;
}

.o-view-move-btns__item {
  float: left;
  margin-left: 4px;
}

.o-view-move-btns__item:first-child {
  margin-left: 0;
}

.o-view-move-btns__btn {
  display: block;
  width: 68px;
  height: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bbb;
  color: #777;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
}

@media (max-width: 750px) {
  .o-view-move-btns__btn {
    width: 48px;
    height: 23px;
    font-size: 12px;
    line-height: 23px;
  }
}

.o-write {
  /* 파일첨부 */
  /* input file trigger로 이용하는 파일첨부 */
  /* 파일 찾아보기 버튼 */
  /* 안내 박스 */
}

.o-write__label {
  margin-left: 20px;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.o-write__label:first-child {
  margin-left: 0;
}

@media (max-width: 750px) {
  .o-write__label {
    margin-left: 10px;
  }
}

.o-write__input-box {
  margin-bottom: 10px;
}

@media (max-width: 750px) {
  .o-write__input-box {
    margin-bottom: 8px;
  }
}

.o-write__input-box--outer {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
}

@media (max-width: 750px) {
  .o-write__input-box--outer {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.o-write__input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
}

@media (max-width: 750px) {
  .o-write__input {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.o-write__select {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
  padding: 13px 10px;
}

@media (max-width: 750px) {
  .o-write__select {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.o-write__textarea {
  width: 100%;
  height: 150px;
  border: 0;
}

.o-write__content-box {
  padding: 15px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
}

@media (max-width: 750px) {
  .o-write__content-box {
    padding: 8px;
  }
}

.o-write__content-desc {
  padding: 9px 15px;
  margin-bottom: 15px;
  background: #a4a4a4;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .o-write__content-desc {
    padding: 5px 10px;
    margin-bottom: 8px;
    font-size: 12px;
    letter-spacing: -0.2px;
  }
}

.o-write #wr_content {
  padding: 0;
  border: 0;
  resize: none;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.o-write__file-box {
  padding: 2px 200px 2px 130px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
}

.o-write__file-box:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .o-write__file-box {
    display: none;
  }
}

.o-write__file-title {
  position: relative;
  left: -115px;
  float: left;
  width: 115px;
  margin-top: 3px;
  margin-right: -115px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #555;
  font-size: 16px;
  letter-spacing: -0.6px;
}

.o-write__file-like-group {
  position: relative;
  float: left;
  width: 100%;
  margin: 3px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.o-write__file-like {
  width: 100%;
  height: 36px;
  padding: 0 100px 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #f6f6f6;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 34px;
  cursor: pointer;
}

.o-write__btn-file {
  position: absolute;
  top: 12px;
  right: 16px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  background: none;
  color: #777;
  font-size: 13px;
  letter-spacing: -0.3px;
  line-height: 1;
  text-decoration: underline;
  cursor: pointer;
}

.o-write__file-delete {
  display: block;
  margin: 3px 0;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.o-write__file-desc {
  position: relative;
  right: -200px;
  float: left;
  width: 200px;
  margin-left: -200px;
  color: #888;
  font-size: 13px;
  letter-spacing: -0.3px;
  text-align: center;
  line-height: 39px;
}

.o-write__info-box {
  padding: 15px 10px;
  background: #f6f6f6;
}

.o-write__info-title {
  position: relative;
  padding-left: 16px;
  margin-bottom: 6px;
  color: #ce3f50;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.o-write__info-title:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 13.5px;
  height: 13.5px;
  margin-top: -6.75px;
  background: url("../hg_img/common/m/img_sprite.png") no-repeat -209.5px 0;
  -webkit-background-size: 345px auto;
  -moz-background-size: 345px auto;
  -ms-background-size: 345px auto;
  background-size: 345px auto;
}

.o-write__info-desc {
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.o-write__btn-group {
  margin-top: 40px;
}

@media (max-width: 750px) {
  .o-write__btn-group {
    margin-top: 10px;
  }
}

.o-write__highlight {
  font-family: 'noto-m';
}

.c-work__info {
  padding: 30px 78px;
  margin: 40px 20px 0;
  border: 1px solid #aaa;
  background: #f9f9f9;
}

@media (max-width: 750px) {
  .c-work__info {
    padding: 15px 20px;
    margin: 20px 10px 5px;
  }
}

.c-work-info__title {
  margin-bottom: 30px;
  color: #444;
  font-family: 'noto-m';
  font-size: 18px;
  letter-spacing: -1px;
  text-align: center;
}

@media (max-width: 750px) {
  .c-work-info__title {
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: -0.2px;
    word-break: keep-all;
  }
}

.c-work-info__list {
  margin-top: -10px;
}

@media (max-width: 750px) {
  .c-work-info__list {
    margin-top: -7px;
  }
}

@media (min-width: 751px) {
  .c-work-info__item {
    float: left;
    padding: 0 43px;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .c-work-info__item {
    margin-top: 7px;
  }
}

.c-work-info__sub-title {
  float: left;
  width: 80px;
  color: #555;
  font-size: 15px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-work-info__sub-title {
    font-size: 12px;
    letter-spacing: -0.2px;
  }
}

.c-work-info__desc {
  float: left;
  color: #888;
  font-size: 15px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-work-info__desc {
    float: right;
    font-size: 12px;
    letter-spacing: -0.2px;
  }
}

@media (min-width: 751px) {
  .c-issuance__procedure {
    padding: 40px 75px;
  }
}

.c-issuance-procedure__img-box {
  text-align: center;
}

@media (min-width: 751px) {
  .c-issuance-procedure__img-box {
    float: left;
    width: 46.55963%;
  }
}

@media (max-width: 750px) {
  .c-issuance-procedure__img-box {
    margin-bottom: 12px;
  }
}

.c-issuance-procedure__img {
  width: 71.42857%;
}

@media (max-width: 750px) {
  .c-issuance-procedure__img {
    width: 314px;
    max-width: 100%;
  }
}

@media (min-width: 751px) {
  .c-issuance-procedure__desc-box {
    float: left;
    width: 53.44037%;
  }
}

@media (min-width: 1044px) {
  .c-issuance-procedure__desc-group {
    height: 72px;
    font-size: 0;
  }
  .c-issuance-procedure__desc-group:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

@media (min-width: 751px) {
  .c-issuance-procedure__desc-group {
    margin-bottom: 18px;
  }
}

@media (max-width: 750px) {
  .c-issuance-procedure__desc-group {
    padding: 13px 0px 8px;
    border-bottom: 1px solid #dedede;
  }
  .c-issuance-procedure__desc-group:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}

.c-issuance-procedure__list {
  display: inline-block;
  vertical-align: middle;
}

.c-issuance-procedure__item {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  padding-left: 8px;
  text-indent: -8px;
}

@media (max-width: 750px) {
  .c-issuance-procedure__item {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .c-issuance-procedure__item {
    padding-left: 6px;
    text-indent: -6px;
  }
}

.c-issuance-procedure__item:before {
  content: '- ';
}

@media (max-width: 750px) {
  .c-issuance-procedure__title {
    margin-bottom: 7.5px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.5px;
    letter-spacing: -0.2px;
  }
}

@media (max-width: 750px) {
  .c-issuance-procedure__title-number {
    color: #008cd6;
    font-family: 'noto-m';
  }
}

.c-museum {
  /* 이미지, 설명 그리드 */
  /* 리스트 그리드 */
}

.c-museum__logo {
  width: 179px;
  height: 30px;
  margin: 0 auto 26px;
  background: url("../hg_img/sub/culture/museum/guide/logo.png");
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .c-museum__logo {
    width: 126px;
    height: 21px;
    margin-bottom: 15px;
    background-image: url("../hg_img/sub/culture/museum/guide/m/logo.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.c-museum__copyright {
  margin-bottom: 20px;
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 750px) {
  .c-museum__copyright {
    margin-right: auto;
    margin-bottom: 14px;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

@media (max-width: 750px) {
  .c-museum__copyright {
    width: 270.5px;
    margin-bottom: 35px;
  }
}

.c-museum__copyright-img {
  max-width: 100%;
}

.c-museum__grid {
  margin-bottom: 80px;
}

@media (max-width: 750px) {
  .c-museum__grid {
    margin-bottom: 31px;
  }
}

.c-museum-grid__item {
  margin-top: 40px;
}

@media (max-width: 750px) {
  .c-museum-grid__item {
    margin-top: 31px;
  }
}

.c-museum-grid__item:first-child {
  margin-top: 0;
}

@media (min-width: 751px) {
  .c-museum-grid__img-box {
    float: left;
    width: 48.04688%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
  }
  .c-museum-grid__img-box:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

@media (max-width: 750px) {
  .c-museum-grid__img-box {
    margin-bottom: 15px;
  }
}

@media (min-width: 751px) {
  .c-museum-grid__img-box--secondary {
    float: right;
  }
}

.c-museum-grid__img {
  width: 100%;
}

@media (min-width: 751px) {
  .c-museum-grid__img {
    display: inline-block;
    vertical-align: middle;
  }
}

@media (min-width: 751px) {
  .c-museum-grid__desc-box {
    float: left;
    width: 51.95313%;
    padding-left: 5.85938%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
  }
  .c-museum-grid__desc-box:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

@media (min-width: 751px) {
  .c-museum-grid__desc-box--secondary {
    padding-right: 5.85938%;
    padding-left: 0;
  }
}

.c-museum-grid__desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .c-museum-grid__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (min-width: 751px) {
  .c-museum-grid__desc {
    display: inline-block;
    vertical-align: middle;
  }
}

.c-museum-grid__desc-highlight {
  display: block;
  margin-bottom: 15px;
  color: #444;
  font-family: 'noto-m';
  font-size: 20px;
  letter-spacing: -1px;
}

@media (max-width: 750px) {
  .c-museum-grid__desc-highlight {
    margin-bottom: 11px;
    font-size: 15px;
    letter-spacing: -0.6px;
  }
}

.c-museum-grid__desc-highlight:before {
  content: '';
  display: block;
  width: 20px;
  height: 19px;
  margin-bottom: 20px;
  background: url("../hg_img/sub/culture/museum/guide/ico_quote.png") no-repeat;
}

@media (max-width: 750px) {
  .c-museum-grid__desc-highlight:before {
    width: 15.5px;
    height: 14.5px;
    margin-bottom: 10px;
    background-image: url("../hg_img/sub/culture/museum/guide/m/ico_quote.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.c-museum__modifier {
  margin-bottom: 80px;
}

@media (max-width: 750px) {
  .c-museum__modifier {
    margin-bottom: 35px;
  }
}

.c-museum-modifier__list {
  margin-left: -44px;
}

@media (max-width: 750px) {
  .c-museum-modifier__list {
    margin: -15px 0px 0px -25px;
  }
}

.c-museum-modifier__item {
  float: left;
  padding-left: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../hg_img/sub/culture/museum/guide/deco_dot.png") no-repeat 18px center;
}

@media (max-width: 750px) {
  .c-museum-modifier__item {
    padding: 15px 0px 0px 25px;
    background-position: 8px center;
  }
  .c-museum-modifier__item:nth-child(odd) {
    background: none;
  }
}

.c-museum-modifier__item:first-child {
  background: none;
}

.c-museum-modifier__group {
  position: relative;
  padding-top: 100%;
}

@media (min-width: 751px) {
  .c-museum-modifier__group {
    background: url("../hg_img/sub/culture/museum/guide/deco_circle.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

@media (max-width: 750px) {
  .c-museum-modifier__group:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #008cd6;
    background: #fff;
  }
}

.c-museum-modifier__desc {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
  width: 100%;
  margin-top: -25px;
  color: #777;
  font-family: 'noto-b';
  font-size: 20px;
  text-align: center;
  letter-spacing: -1px;
}

@media (max-width: 750px) {
  .c-museum-modifier__desc {
    margin-top: -16.5px;
    font-size: 15px;
    letter-spacing: -0.5px;
    letter-spacing: -0.2px;
  }
}

.c-museum-modifier__text-highlight {
  color: #444;
}

.c-museum-modifier__logo {
  display: block;
  width: 131px;
  height: 21px;
  margin: 9px auto 0;
  background: url("../hg_img/sub/culture/museum/guide/logo_sm.png") no-repeat;
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .c-museum-modifier__logo {
    width: 92.5px;
    height: 14.5px;
    margin-top: 5px;
    background-image: url("../hg_img/sub/culture/museum/guide/m/logo_sm.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.c-museum__shortcut {
  text-align: center;
}

.c-museum-shortcut__link {
  padding-right: 15px;
  background: url("../hg_img/sub/common/ico_arrow_right_blue.png") no-repeat right center;
  color: #008cd6;
  font-size: 18px;
  letter-spacing: -0.8px;
}

@media (max-width: 750px) {
  .c-museum-shortcut__link {
    padding-right: 12px;
    font-size: 14px;
  }
}

.c-qna__faq-list {
  border: 1px solid #ddd;
}

.c-qna__faq-list:after {
  content: '';
  display: block;
  clear: both;
}

.c-qna-faq__item {
  position: relative;
  padding: 14px 15px 14px 42px;
  margin-bottom: -1px;
  border: 0 solid #ddd;
  border-bottom-width: 1px;
  border-right-width: 1px;
}

@media (min-width: 751px) {
  .c-qna-faq__item {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .c-qna-faq__item:nth-child(even) {
    border-right-color: transparent;
  }
}

@media (max-width: 750px) {
  .c-qna-faq__item {
    border-right: transparent;
  }
  .c-qna-faq__item.is-folded {
    display: none;
  }
}

.c-qna-faq__item:before {
  content: attr(data-num);
  position: absolute;
  top: 50%;
  left: 15px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background: #838a91;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  font-family: 'noto-m';
  font-size: 13px;
  letter-spacing: -0.3px;
  text-align: center;
  line-height: 22px;
}

.c-qna-faq__link {
  display: block;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.c-qna-faq__link:hover {
  color: #444;
}

@media (min-width: 751px) {
  .c-qna-faq__btn-more {
    display: none;
  }
}

@media (max-width: 750px) {
  .c-qna-faq__btn-more {
    display: block;
    width: 100px;
    height: 30px;
    margin: 15px auto 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #bbb;
    color: #777;
    font-size: 14px;
    letter-spacing: -0.4px;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
  }
}

.c-qna-table {
  /* 게시글 행 */
  /* 글쓴이 */
  /* 날짜 */
  /* 답변 상태 */
}

@media (max-width: 750px) {
  .c-qna-table__tr {
    padding-right: 84px;
  }
}

@media (max-width: 750px) {
  .c-qna-table__author {
    float: left;
  }
}

@media (max-width: 750px) {
  .c-qna-table__date {
    float: left;
    position: relative;
    padding-left: 15px;
  }
  .c-qna-table__date:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 7px;
    width: 1px;
    height: 9px;
    margin-top: -4.5px;
    background: #d1d1d1;
  }
}

.c-qna-table__state {
  display: inline-block;
  width: 54px;
  height: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #aaa;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
  font-size: 12px;
  letter-spacing: -0.2px;
  text-align: center;
  line-height: 18px;
}

@media (max-width: 750px) {
  .c-qna-table__state {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -10px;
  }
}

.c-qna-table__state--ing {
  border-color: #838a91;
  background: #838a91;
  color: #fff;
}

.c-qna-table__state--completed {
  border-color: #ce3f50;
  background: #ce3f50;
  color: #fff;
}

.c-faq {
  /* FAQ 제목 검색 박스 */
  /* faq 목록 */
  /* faq 빈 목록 */
}

.c-faq__item {
  position: relative;
  margin-top: 10px;
}

.c-faq__item:first-child {
  margin-top: 0;
}

.c-faq__item:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 15px;
  width: 20px;
  height: 20px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -136px -198px;
}

@media (max-width: 750px) {
  .c-faq__item:after {
    top: 12px;
    width: 20px;
    height: 20px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -99px -135px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.c-faq__item--active:after {
  background-position: -166px -198px;
}

.c-faq__subject {
  font-family: 'noto-r', sans-serif !important;
}

.c-faq__subject * {
  font: inherit !important;
}

.c-faq__question {
  position: relative;
  padding: 17px 50px 17px 60px;
  border: 1px solid #dadada;
  color: #666;
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 1.5;
  cursor: pointer;
}

@media (min-width: 751px) {
  .c-faq__question:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (max-width: 750px) {
  .c-faq__question {
    padding: 12px 40px 12px 43px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-faq__question:before {
  content: '';
  position: absolute;
  top: 16px;
  left: 15px;
  width: 28px;
  height: 28px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -60px -198px;
}

@media (max-width: 750px) {
  .c-faq__question:before {
    top: 11px;
    width: 22px;
    height: 22px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -45px -135px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.c-faq__category {
  color: #555;
  font-family: 'noto-m';
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (min-width: 751px) {
  .c-faq__category {
    float: left;
    margin-right: 16px;
  }
}

@media (max-width: 750px) {
  .c-faq__category {
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-faq__answer-box {
  display: none;
  position: relative;
  padding: 18px 15px 18px 60px;
  border: 1px solid #dadada;
  background: #f6f6f6;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  font-family: 'noto-r', sans-serif !important;
}

@media (max-width: 750px) {
  .c-faq__answer-box {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-faq__answer-box * {
  font: inherit !important;
}

@media (max-width: 750px) {
  .c-faq__answer-box {
    padding: 12px 10px 12px 43px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-faq__answer-box:before {
  content: '';
  position: absolute;
  top: 16px;
  left: 15px;
  width: 28px;
  height: 28px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -98px -198px;
}

@media (max-width: 750px) {
  .c-faq__answer-box:before {
    top: 11px;
    width: 22px;
    height: 22px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -72px -135px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.c-faq__answer-box a {
  color: #777;
}

.c-faq__answer-box a:hover {
  text-decoration: underline;
}

.c-faq__answer-box img {
  max-width: 100%;
}

.c-faq__empty-desc {
  padding: 50px 0;
  color: #555;
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: center;
}

@media (max-width: 750px) {
  .c-faq__empty-desc {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-member__inner {
  display: table-cell;
  padding: 30px 0;
  vertical-align: middle;
}

.o-member__box {
  padding: 70px 30px 40px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .o-member__box {
    min-height: 425px;
    padding: 47px 15px 12px;
  }
}

.o-member__logo {
  margin-bottom: 30px;
}

@media (max-width: 750px) {
  .o-member__logo {
    margin-bottom: 15px;
  }
}

.o-member__logo-link {
  display: block;
  width: 229px;
  height: 52px;
  margin: 0 auto;
  background: url("../hg_img/sub/member/common/logo.png") no-repeat;
  text-indent: -9999px;
}

.o-member__logo-link--shop {
  background: url("../hg_img/sub/member/common/logo-new.png") no-repeat;
}

@media (max-width: 750px) {
  .o-member__logo-link--shop {
    background: url("../hg_img/sub/member/common/m/logo-new.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

@media (max-width: 750px) {
  .o-member__logo-link {
    width: 151px;
    height: 34px;
    background: url("../hg_img/sub/member/common/m/logo.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.o-member__intro-desc {
  margin-bottom: 24px;
  color: #777;
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 750px) {
  .o-member__intro-desc {
    font-size: 15px;
    letter-spacing: -0.5px;
    letter-spacing: -.4px;
  }
}

.o-member__intro-desc--large {
  font-size: 18px;
  letter-spacing: -0.8px;
}

@media (max-width: 750px) {
  .o-member__intro-desc--large {
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

.o-member__btn {
  display: inline-block;
  width: 100%;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: middle;
  line-height: 46px;
  cursor: pointer;
  margin-bottom: 10px;
}

.o-member__btn--secondary {
  border-color: #838a91;
  background: #838a91;
  color: #fff;
}

.o-member__btn--point {
  border-color: #008cd6;
  background: #008cd6;
  color: #fff;
}

@media (max-width: 750px) {
  .o-member__btn {
    width: 100%;
    height: 35px;
    line-height: 33px;
    font-size: 14px;
    letter-spacing: -0.4px;
    margin-bottom: 8px;
  }
}

.o-member-form {
  /* 인증 버튼 */
}

.o-member-form__input-box {
  position: relative;
  margin-bottom: 10px;
}

.o-member-form__input-box:last-child {
  margin-bottom: 0;
}

@media (max-width: 750px) {
  .o-member-form__input-box {
    margin-bottom: 8px;
  }
}

.o-member-form__input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
}

@media (max-width: 750px) {
  .o-member-form__input {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.o-member-form__input--secondary {
  padding-right: 70px;
}

@media (max-width: 750px) {
  .o-member-form__input--secondary {
    padding-right: 45px;
  }
}

.o-member-form__small-btn {
  display: inline-block;
  width: 50px;
  height: 30px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -15px;
}

@media (max-width: 750px) {
  .o-member-form__small-btn {
    width: 35px;
    height: 24px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 24px;
    right: 6px;
    margin-top: -12px;
  }
}

.o-member-form__btn-group {
  margin-top: 200px;
  margin-left: -8px;
}

.o-member-form__btn-group:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .o-member-form__btn-group {
    margin-top: 100px;
  }
}

.o-member-form__btn-box {
  float: left;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.o-member-form__btn {
  display: inline-block;
  width: 100%;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: middle;
  line-height: 46px;
  cursor: pointer;
}

@media (max-width: 750px) {
  .o-member-form__btn {
    width: 100%;
    height: 35px;
    line-height: 33px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.o-member-form__btn--point {
  border-color: #008cd6;
  background: #008cd6;
  color: #fff;
}

.o-member-form__btn--secondary {
  border-color: #838a91;
  background: #838a91;
  color: #fff;
}

.c-login__intro-desc {
  margin-bottom: 60px;
  color: #666;
  font-size: 18px;
  letter-spacing: -0.8px;
  text-align: center;
}

@media (max-width: 750px) {
  .c-login__intro-desc {
    margin-bottom: 30px;
  }
}

.c-login__top-group {
  margin-bottom: 10px;
}

@media (max-width: 750px) {
  .c-login__top-group {
    margin-bottom: 10px;
  }
}

.c-login__id-search {
  float: left;
  color: #888;
  font-size: 14px;
  letter-spacing: -.4px;
}

.c-login__id-search:hover {
  text-decoration: underline;
}

.c-login__id-search:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -60px -166px;
  vertical-align: text-bottom;
}

@media (max-width: 750px) {
  .c-login__id-search:before {
    width: 20px;
    height: 20px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -30px -105px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

@media (max-width: 750px) {
  .c-login__id-search {
    font-size: 12px;
    letter-spacing: -.2px;
  }
}

.c-login__id-save {
  float: right;
  color: #777;
  font-size: 14px;
  letter-spacing: -.4px;
}

@media (max-width: 750px) {
  .c-login__id-save {
    font-size: 12px;
    letter-spacing: -.2px;
  }
}

.c-login__btn {
  margin-bottom: 10px;
}

@media (max-width: 750px) {
  .c-login__btn {
    margin-bottom: 8px;
  }
}

@media (min-width: 751px) {
  .c-join__form {
    padding: 50px 16.21094% 40px;
    border: 1px solid #ddd;
    background: #fff;
  }
}

@media (max-width: 750px) {
  .c-join__copyright {
    padding-top: 14.5px;
    background-image: url("../hg_img/sub/member/join/copyright.png");
  }
}

.c-join__intro-desc {
  margin-bottom: 60px;
  color: #888;
  font-size: 18px;
  text-align: center;
  letter-spacing: -1px;
}

@media (max-width: 750px) {
  .c-join__intro-desc {
    margin-bottom: 25px;
    font-size: 14px;
    letter-spacing: -.4px;
  }
}

.c-join__step {
  margin-bottom: 50px;
  background: url("../hg_img/sub/member/join/deco_line.png") repeat-x center 37px;
  font-size: 0;
  text-align: center;
}

@media (max-width: 750px) {
  .c-join__step {
    margin-bottom: 35px;
    background-position-y: 23px;
  }
}

.c-join-step__item {
  display: inline-block;
  margin: 0 25px;
  color: #888;
  font-size: 16px;
  letter-spacing: -0.6px;
  vertical-align: top;
}

@media (max-width: 750px) {
  .c-join-step__item {
    margin: 0 13px;
    font-size: 13px;
    letter-spacing: -0.3px;
  }
}

.c-join-step__item:before {
  content: '';
  display: block;
  width: 78px;
  height: 78px;
  margin: 0 auto 10px;
  background: url("../hg_img/common/img_sprite.png") no-repeat;
}

@media (max-width: 750px) {
  .c-join-step__item:before {
    width: 50px;
    height: 50px;
    margin: 0 auto 8px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.c-join-step__item--step1:before {
  background-position-x: 0px;
}

@media (max-width: 750px) {
  .c-join-step__item--step1:before {
    background-position-x: 0px;
  }
}

.c-join-step__item--step2:before {
  background-position-x: -78px;
}

@media (max-width: 750px) {
  .c-join-step__item--step2:before {
    background-position-x: -50px;
  }
}

.c-join-step__item--step3:before {
  background-position-x: -156px;
}

@media (max-width: 750px) {
  .c-join-step__item--step3:before {
    background-position-x: -100px;
  }
}

.c-join-step__item--active {
  color: #555;
}

.c-join-step__item--active:before {
  background-position-y: -78px;
}

@media (max-width: 750px) {
  .c-join-step__item--active:before {
    background-position-y: -50px;
  }
}

.c-join-intro {
  /* 로고 하단 여백 */
  /* 회원가입 유형 선택 설명 박스 */
  /* 회원가입 유형 */
}

.c-join-intro__logo {
  margin-bottom: 46px;
}

@media (max-width: 750px) {
  .c-join-intro__logo {
    margin-bottom: 25px;
  }
}

.c-join-intro__info-box {
  padding: 36px 20px;
  margin-bottom: 50px;
  border: 1px solid #aaa;
  background: #f6f6f6;
}

@media (min-width: 751px) {
  .c-join-intro__info-box {
    text-align: center;
  }
}

@media (max-width: 750px) {
  .c-join-intro__info-box {
    padding: 15px;
    margin-bottom: 15px;
  }
}

.c-join-intro-info-box__title {
  margin-bottom: 16px;
  font-family: 'noto-m';
  font-size: 18px;
  letter-spacing: -0.8px;
  color: #444;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .c-join-intro-info-box__title {
    margin-bottom: 10px;
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.c-join-intro-info-box__desc {
  margin-bottom: 26px;
  font-size: 15px;
  letter-spacing: -0.5px;
  color: #777;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .c-join-intro-info-box__desc {
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-join-intro-info-box__desc:last-child {
  margin-bottom: 0;
}

.c-join-intro-info-box__highlight {
  color: #555;
}

.c-join-intro__list {
  font-size: 0;
  text-align: center;
}

.c-join-intro-type__item {
  text-align: center;
}

@media (min-width: 751px) {
  .c-join-intro-type__item {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
  }
}

@media (max-width: 750px) {
  .c-join-intro-type__item {
    margin-bottom: 10px;
  }
  .c-join-intro-type__item:last-child {
    margin-bottom: 0;
  }
}

.c-join-intro-type__link {
  display: block;
  position: relative;
  padding-top: 84px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #aaa;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (min-width: 751px) {
  .c-join-intro-type__link {
    width: 220px;
    height: 150px;
  }
  .c-join-intro-type__link:hover {
    border-color: #008cd6;
    color: #008cd6;
  }
  .c-join-intro-type__link:hover .c-join-intro-type__highlight {
    color: #008cd6;
  }
}

@media (max-width: 750px) {
  .c-join-intro-type__link {
    height: 120px;
    padding-top: 65px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-join-intro-type__link:before {
  content: '';
  position: absolute;
  left: 50%;
  background: url("../hg_img/common/img_sprite.png") no-repeat 0 0;
}

@media (max-width: 750px) {
  .c-join-intro-type__link:before {
    background: url("../hg_img/common/m/img_sprite.png") no-repeat 0 0;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

@media (min-width: 751px) {
  .c-join-intro-type__link--change:hover:before {
    background-position-x: -300px;
  }
}

.c-join-intro-type__link--change:before {
  top: 28px;
  width: 46px;
  height: 40px;
  margin-left: -23px;
  background-position: -244px -91px;
}

@media (max-width: 750px) {
  .c-join-intro-type__link--change:before {
    width: 39px;
    height: 34px;
    margin-left: -19.5px;
    background-position: -185.5px -20px;
  }
}

@media (min-width: 751px) {
  .c-join-intro-type__link--new:hover:before {
    background-position-x: -286px;
  }
}

.c-join-intro-type__link--new:before {
  top: 30px;
  width: 32px;
  height: 36px;
  margin-left: -16px;
  background-position: -244px -141px;
}

@media (max-width: 750px) {
  .c-join-intro-type__link--new:before {
    width: 29px;
    height: 31px;
    margin-left: -14.5px;
    background-position: -229px -20px;
  }
}

.c-join-intro-type__highlight {
  display: block;
  margin-top: 6px;
  color: #555;
  font-family: 'noto-m';
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-join-intro-type__highlight {
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

.c-join-change {
  /* 로고 하단 여백 */
  /* 인포 설명 */
  /* 설명 텍스트 */
  /* 인증 타입 리스트 */
  /* 인증 타입 선택 리스트 */
  /* 인증 타입 form 박스 */
}

.c-join-change__logo {
  margin-bottom: 60px;
}

@media (max-width: 750px) {
  .c-join-change__logo {
    margin-bottom: 32px;
  }
}

.c-join-change__intro-desc {
  margin-bottom: 16px;
  color: #444;
  font-size: 18px;
  letter-spacing: -0.8px;
  text-align: center;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .c-join-change__intro-desc {
    margin-bottom: 18px;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

.c-join-change-intro-desc__highlight {
  color: #008cd6;
}

.c-join-change__desc {
  margin-bottom: 24px;
  color: #555;
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: center;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .c-join-change__desc {
    margin-bottom: 12px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-join-change__desc--secondary {
  color: #888;
}

@media (min-width: 751px) {
  .c-join-change__type {
    padding-bottom: 30px;
    margin: -10px 0 0 -10px;
    font-size: 0;
    text-align: center;
  }
}

@media (max-width: 750px) {
  .c-join-change__type {
    margin-bottom: 18px;
  }
}

.c-join-change-type__item {
  position: relative;
  padding: 14px 14px 15px 48px;
  margin: 10px 0 0 10px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  color: #666;
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: left;
  vertical-align: middle;
}

@media (min-width: 751px) {
  .c-join-change-type__item {
    display: inline-block;
    width: 254px;
  }
}

@media (max-width: 750px) {
  .c-join-change-type__item {
    padding: 12px 12px 11px 35px;
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.c-join-change-type__item:before {
  content: attr(data-num);
  position: absolute;
  top: 50%;
  left: 15px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #008cd6;
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.2px;
  text-align: center;
  line-height: 24px;
}

@media (max-width: 750px) {
  .c-join-change-type__item:before {
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-size: 13px;
    letter-spacing: -0.3px;
    line-height: 20px;
  }
}

.c-join-change__choice {
  margin-top: 70px;
}

.c-join-change__choice:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 751px) {
  .c-join-change__choice {
    margin-left: -20px;
  }
}

@media (max-width: 750px) {
  .c-join-change__choice {
    margin-top: 35px;
  }
}

.c-join-change-choice .c-join-change-choice__item:hover .c-join-change-choice__inner, .c-join-change-choice__item:hover .c-join-change-choice .c-join-change-choice__inner, .c-join-change-choice
.c-join-change-choice__item.is-active .c-join-change-choice__inner,
.c-join-change-choice__item.is-active .c-join-change-choice .c-join-change-choice__inner {
  border-color: #008cd6;
  background: #fff;
  color: #008cd6;
}

.c-join-change-choice__item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #444;
  font-family: 'noto-m';
  font-size: 18px;
  letter-spacing: -0.8px;
  text-align: center;
  cursor: pointer;
}

@media (min-width: 751px) {
  .c-join-change-choice__item {
    float: left;
    width: 33.33333%;
    padding-left: 20px;
  }
}

@media (max-width: 750px) {
  .c-join-change-choice__item {
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

.c-join-change-choice__item:hover .c-join-change-choice__text, .c-join-change-choice__item.is-active .c-join-change-choice__text {
  color: #008cd6;
}

.c-join-change-choice__item--number1 .c-join-change-choice__inner:before {
  top: 26px;
  width: 58px;
  height: 61px;
  margin-left: -29px;
  background-position: -373px 0;
}

@media (max-width: 750px) {
  .c-join-change-choice__item--number1 .c-join-change-choice__inner:before {
    top: 15px;
    width: 37px;
    height: 38px;
    margin-left: -18.5px;
    background-position: -185.5px -59px;
  }
}

.c-join-change-choice__item--number1:hover .c-join-change-choice__inner:before, .c-join-change-choice__item--number1.is-active .c-join-change-choice__inner:before {
  background-position-x: -441px;
}

@media (max-width: 750px) {
  .c-join-change-choice__item--number1:hover .c-join-change-choice__inner:before, .c-join-change-choice__item--number1.is-active .c-join-change-choice__inner:before {
    background-position-x: -226.5px;
  }
}

.c-join-change-choice__item--number2 .c-join-change-choice__inner:before {
  top: 32px;
  width: 68px;
  height: 51px;
  margin-left: -34px;
  background-position: -373px -71px;
}

@media (max-width: 750px) {
  .c-join-change-choice__item--number2 .c-join-change-choice__inner:before {
    top: 20px;
    width: 42px;
    height: 31px;
    margin-left: -21px;
    background-position: -185.5px -102px;
  }
}

.c-join-change-choice__item--number2:hover .c-join-change-choice__inner:before, .c-join-change-choice__item--number2.is-active .c-join-change-choice__inner:before {
  background-position-x: -451px;
}

@media (max-width: 750px) {
  .c-join-change-choice__item--number2:hover .c-join-change-choice__inner:before, .c-join-change-choice__item--number2.is-active .c-join-change-choice__inner:before {
    background-position-x: -231.5px;
  }
}

.c-join-change-choice__item--number3 .c-join-change-choice__inner:before {
  top: 31px;
  width: 52px;
  height: 52px;
  margin-left: -26px;
  background-position: -373px -131px;
}

@media (max-width: 750px) {
  .c-join-change-choice__item--number3 .c-join-change-choice__inner:before {
    top: 18px;
    width: 35px;
    height: 33.5px;
    margin-left: -17.5px;
    background-position: -185.5px -138px;
  }
}

.c-join-change-choice__item--number3:hover .c-join-change-choice__inner:before, .c-join-change-choice__item--number3.is-active .c-join-change-choice__inner:before {
  background-position-x: -435px;
}

@media (max-width: 750px) {
  .c-join-change-choice__item--number3:hover .c-join-change-choice__inner:before, .c-join-change-choice__item--number3.is-active .c-join-change-choice__inner:before {
    background-position-x: -224.5px;
  }
}

.c-join-change-choice__inner {
  position: relative;
  height: 190px;
  padding-top: 110px;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #aaa;
  background: #f9f9f9;
}

@media (max-width: 750px) {
  .c-join-change-choice__inner {
    height: 130px;
    padding-top: 65px;
    margin-bottom: 13.5px;
  }
}

.c-join-change-choice__inner:before {
  content: '';
  position: absolute;
  left: 50%;
  background: url("../hg_img/common/img_sprite.png") no-repeat 0 0;
}

@media (max-width: 750px) {
  .c-join-change-choice__inner:before {
    margin-bottom: 15px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat 0 0;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.c-join-change-choice__text {
  display: block;
  margin-top: 26px;
  color: #888;
  font-size: 12px;
  letter-spacing: -0.2px;
  text-decoration: underline;
}

@media (max-width: 750px) {
  .c-join-change-choice__text {
    margin-top: 17px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-join-change-detail__title {
  margin-bottom: 26px;
  color: #444;
  font-family: 'noto-m';
  font-size: 24px;
  letter-spacing: -1.4px;
  text-align: center;
}

@media (max-width: 750px) {
  .c-join-change-detail__title {
    margin-bottom: 15px;
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.c-join-change-detail__type-box {
  display: none;
  position: relative;
  padding: 40px 20px 50px;
  border: 1px solid #aaa;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /* IE 8 browser */
  box-sizing: content-box\9;
}

@media (min-width: 751px) {
  .c-join-change-detail__type-box {
    width: calc(300% + 40px);
    /* IE 8 browser */
    width: 300%\9;
  }
}

@media (max-width: 750px) {
  .c-join-change-detail__type-box {
    padding: 20px 15px;
    margin-bottom: 10px;
  }
}

.c-join-change-detail__type-box:before {
  content: '';
  position: absolute;
  top: -8px;
  width: 13px;
  height: 8px;
  margin-left: -6.5px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -245px -185px;
}

@media (max-width: 750px) {
  .c-join-change-detail__type-box:before {
    left: 50%;
  }
}

@media (min-width: 751px) {
  .c-join-change-detail__type-box--number1 {
    left: 0;
  }
  .c-join-change-detail__type-box--number1:before {
    left: 16.66667%;
  }
}

@media (min-width: 751px) {
  .c-join-change-detail__type-box--number2 {
    left: calc(-100% - 20px);
    /* IE 8 browser */
    left: -100%\9;
    margin-left: -20px\9;
  }
  .c-join-change-detail__type-box--number2:before {
    left: 50%;
  }
}

@media (min-width: 751px) {
  .c-join-change-detail__type-box--number3 {
    left: calc(-200% - 40px);
    /* IE 8 browser */
    left: -200%\9;
    margin-left: -40px\9;
  }
  .c-join-change-detail__type-box--number3:before {
    left: 83.33333%;
  }
}

.c-join-change-detail__inner {
  max-width: 626px;
  margin: 0 auto;
}

.c-join-change-detail__input-box {
  margin-bottom: 10px;
}

@media (max-width: 750px) {
  .c-join-change-detail__input-box {
    margin-bottom: 8px;
  }
}

.c-join-change-detail__input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
}

@media (max-width: 750px) {
  .c-join-change-detail__input {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.c-join-change-detail__btn {
  display: inline-block;
  width: 100%;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: middle;
  line-height: 46px;
  cursor: pointer;
  border-color: #838a91;
  background: #838a91;
  color: #fff;
}

@media (max-width: 750px) {
  .c-join-change-detail__btn {
    width: 100%;
    height: 35px;
    line-height: 33px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-join-type__list {
  margin-bottom: 80px;
}

@media (min-width: 751px) {
  .c-join-type__list {
    font-size: 0;
    text-align: center;
  }
}

@media (max-width: 750px) {
  .c-join-type__list {
    margin-bottom: 15px;
  }
}

.c-join-type__item {
  margin: 0 10px;
}

@media (min-width: 751px) {
  .c-join-type__item {
    display: inline-block;
    vertical-align: top;
  }
}

@media (max-width: 750px) {
  .c-join-type__item {
    margin: 5px 0px;
  }
}

.c-join-type__link {
  display: block;
  padding: 30px 10px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #aaa;
  cursor: pointer;
}

@media (min-width: 751px) {
  .c-join-type__link {
    width: 170px;
    height: 152px;
  }
  .c-join-type__link.is-active {
    border-color: #008cd6;
  }
}

@media (max-width: 750px) {
  .c-join-type__link {
    padding: 15px;
  }
  .c-join-type__link:after {
    content: '';
    display: block;
    clear: both;
  }
}

.c-join-type__prefix-text {
  color: #888;
  font-size: 14px;
  letter-spacing: -.4px;
}

@media (min-width: 751px) {
  .c-join-type__prefix-text {
    display: block;
    margin-bottom: 8px;
  }
  .c-join-type__prefix-text.is-active {
    color: #008cd6;
  }
}

@media (max-width: 750px) {
  .c-join-type__prefix-text {
    display: inline-block;
    margin-right: 4px;
    font-size: 12px;
    vertical-align: middle;
    letter-spacing: -.2px;
  }
}

.c-join-type__target {
  color: #555;
  font-size: 20px;
  letter-spacing: -1px;
}

@media (min-width: 751px) {
  .c-join-type__target {
    display: block;
    margin-bottom: 40px;
  }
  .c-join-type__target.is-active {
    color: #008cd6;
  }
}

@media (max-width: 750px) {
  .c-join-type__target {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    letter-spacing: -.4px;
  }
}

.c-join-type__join-text {
  color: #888;
  font-size: 12px;
  letter-spacing: -.2px;
  text-decoration: underline;
}

@media (min-width: 751px) {
  .c-join-type__join-text.is-active {
    color: #008cd6;
  }
}

@media (max-width: 750px) {
  .c-join-type__join-text {
    float: right;
    margin-top: 2px;
    color: #008cd6;
    font-size: 12px;
  }
}

.c-join-type__info {
  padding: 40px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .c-join-type__info {
    max-width: 852px;
    margin: 0 auto;
  }
}

@media (max-width: 750px) {
  .c-join-type__info {
    padding: 15px 15px 20px;
  }
}

.c-join-type-info__section {
  position: relative;
  margin-bottom: 24px;
}

@media (max-width: 750px) {
  .c-join-type-info__section {
    margin-bottom: 15px;
  }
}

.c-join-type-info__title {
  margin-bottom: 6px;
  color: #444;
  font-size: 16px;
  letter-spacing: -.6px;
}

@media (max-width: 750px) {
  .c-join-type-info__title {
    font-size: 15px;
    letter-spacing: -0.5px;
    letter-spacing: -.4px;
  }
}

.c-join-type-info__item {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .c-join-type-info__item {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-join-type-info__desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .c-join-type-info__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.c-join-type-info__more {
  color: #008cd6;
  font-size: 15px;
  letter-spacing: -.6px;
}

@media (min-width: 751px) {
  .c-join-type-info__more {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

@media (max-width: 750px) {
  .c-join-type-info__more {
    display: table;
    margin: 17px auto 0;
    font-size: 14px;
  }
}

.c-join-type-info__more:after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 7px;
  margin-top: -3.5px;
  margin-left: 10px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -156px -166px;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .c-join-type-info__more:after {
    width: 4.5px;
    height: 8.5px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -105px -105px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.c-join-agree__all-agree {
  padding: 28px 20px;
  margin-bottom: 54px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
}

@media (min-width: 751px) {
  .c-join-agree__all-agree {
    text-align: center;
  }
}

@media (max-width: 750px) {
  .c-join-agree__all-agree {
    padding: 15px;
    margin-bottom: 20px;
  }
}

.c-join-all-agree__label {
  color: #555;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-join-all-agree__label {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.4;
  }
  .c-join-all-agree__label:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (max-width: 750px) {
  .c-join-all-agree__text {
    float: right;
    width: calc(100% - 24px);
  }
}

@media (max-width: 750px) {
  .c-join-all-agree__checkbox {
    float: left;
    margin-left: 0 !important;
  }
}

.c-join-agree__section {
  margin-bottom: 50px;
}

@media (max-width: 750px) {
  .c-join-agree__section {
    position: relative;
    margin-bottom: 10px;
  }
}

.c-join-agree__title {
  color: #666;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-join-agree__title {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-join-agree__label:after {
  content: '';
  display: block;
  clear: both;
}

.c-join-agree__required-text {
  color: #008cd6;
}

.c-join-agree__checkbox {
  float: right;
}

@media (min-width: 751px) {
  .c-join-agree__checkbox {
    margin-right: 0 !important;
  }
}

@media (max-width: 750px) {
  .c-join-agree__checkbox {
    float: left;
    margin-top: -3px !important;
    margin-left: 0 !important;
  }
}

.c-join-agree__content {
  overflow: auto;
  height: 180px;
  padding: 30px;
  margin-top: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #f9f9f9;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  word-break: normal;
}

@media (max-width: 750px) {
  .c-join-agree__content {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .c-join-agree__content {
    display: none;
    height: 90px;
    padding: 20px;
    margin-top: 10px;
  }
}

@media (max-width: 750px) {
  .c-join-agree__detail-text {
    position: absolute;
    top: 0;
    right: 0;
    color: #008cd6;
    font-size: 14px;
    letter-spacing: -0.4px;
    text-decoration: underline;
  }
}

.c-join-agree__btn-group2 {
  margin-top: 40px;
}

@media (max-width: 750px) {
  .c-join-agree__btn-group2 {
    margin-top: 50px;
  }
}

.c-join-form {
  /* 성별 스타일 */
  /* 이메일 스타일 */
  /* 자격 정보 스타일 */
}

.c-join-form .c-join-form__input-group, .c-join-form .c-join-gender__list {
  margin-left: -6px;
}

.c-join-form .c-join-form__input-group:after, .c-join-form .c-join-gender__list:after {
  content: '';
  display: block;
  clear: both;
}

.c-join-form .c-join-form__input-box--col, .c-join-form .c-join-gender__item, .c-join-form .c-join-email__id-box, .c-join-form .c-join-email-address__box, .c-join-form .order-form__input-box--col {
  float: left;
  padding-left: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .c-join-form .c-join-form__input-group\@lg {
    margin-left: -6px;
  }
  .c-join-form .c-join-form__input-group\@lg:after {
    content: '';
    display: block;
    clear: both;
  }
  .c-join-form .c-join-form__input-box--col\@lg, .c-join-form .order-form__input-box--col\@lg {
    float: left;
    padding-left: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.c-join-form__fieldset {
  margin-bottom: 40px;
}

@media (max-width: 750px) {
  .c-join-form__fieldset {
    margin-bottom: 27px;
  }
}

.c-join-form__title {
  margin-bottom: 15px;
  color: #666;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-join-form__title {
    margin-bottom: 12px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-join-form__input-box {
  position: relative;
  margin-bottom: 10px;
}

@media (max-width: 750px) {
  .c-join-form__input-box {
    margin-bottom: 8px;
  }
}

.c-join-form__label {
  color: #555;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-join-form__label {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-join-form__input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
}

@media (max-width: 750px) {
  .c-join-form__input {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.c-join-form__input--secondary {
  padding-right: 70px;
}

@media (max-width: 750px) {
  .c-join-form__input--secondary {
    padding-right: 45px;
  }
}

.c-join-form__input--secondary-v2 {
  padding-right: 94px;
}

@media (max-width: 750px) {
  .c-join-form__input--secondary-v2 {
    padding-right: 70px;
  }
}

.c-join-form__input.is-readonly {
  background: #f9f9f9;
}

.c-join-form__select {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
  padding: 13px 10px;
}

@media (max-width: 750px) {
  .c-join-form__select {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.c-join-form__select.is-disabled {
  background: #f9f9f9;
}

.c-join-form__small-btn {
  display: inline-block;
  width: 50px;
  height: 30px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

@media (max-width: 750px) {
  .c-join-form__small-btn {
    width: 35px;
    height: 24px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 24px;
  }
}

.c-join-form__small-btn--large {
  display: inline-block;
  width: 74px;
  height: 30px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

@media (max-width: 750px) {
  .c-join-form__small-btn--large {
    width: 60px;
    height: 24px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 24px;
  }
}

.c-join-form__small-btn--in-input {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -15px;
}

@media (max-width: 750px) {
  .c-join-form__small-btn--in-input {
    right: 6px;
    margin-top: -12px;
  }
}

.c-join-form__small-btn--right {
  display: block;
  margin-left: auto;
}

.c-join-form__btn-group {
  margin-top: 40px;
  font-size: 0;
  text-align: center;
}

@media (max-width: 750px) {
  .c-join-form__btn-group {
    margin-top: 15px;
  }
}

.c-join-form__btn {
  display: inline-block;
  width: 150px;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: middle;
  line-height: 46px;
  cursor: pointer;
}

@media (min-width: 751px) {
  .c-join-form__btn {
    margin: 0 4px;
  }
}

@media (max-width: 750px) {
  .c-join-form__btn {
    width: calc(50% - 6px);
    height: 35px;
    line-height: 33px;
    font-size: 14px;
    letter-spacing: -0.4px;
    margin-left: 6px;
  }
}

.c-join-form__btn--point {
  border-color: #008cd6;
  background: #008cd6;
  color: #fff;
}

.c-join-gender__btn {
  display: inline-block;
  width: 100%;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: middle;
  line-height: 46px;
  cursor: pointer;
}

@media (max-width: 750px) {
  .c-join-gender__btn {
    width: 100%;
    height: 35px;
    line-height: 33px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-join-gender__btn.is-active {
  border-color: #008cd6;
  background: #008cd6;
  color: #fff;
}

.c-join-email__id-box {
  padding-right: 32px;
  margin-bottom: 10px;
}

@media (max-width: 750px) {
  .c-join-email__id-box {
    padding-right: 20px;
    margin-bottom: 8px;
  }
}

.c-join-email-id__input {
  float: left;
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
}

.c-join-email-id__input.is-readonly {
  background: #f9f9f9;
}

@media (max-width: 750px) {
  .c-join-email-id__input {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.c-join-email-id__at {
  position: relative;
  right: -32px;
  float: left;
  width: 32px;
  padding-right: 6px;
  margin-left: -32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #aaa;
  font-size: 14px;
  text-align: right;
  line-height: 48px;
}

@media (max-width: 750px) {
  .c-join-email-id__at {
    right: -20px;
    width: 20px;
    padding-right: 0;
    margin-left: -20px;
    line-height: 32px;
  }
}

.c-join-email__address-box {
  float: left;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .c-join-email__address-box {
    margin-bottom: 8px;
  }
}

.c-join-email-address__input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
}

.c-join-email-address__input.is-readonly {
  background: #f9f9f9;
}

@media (max-width: 750px) {
  .c-join-email-address__input {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.c-join-email-address__select {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
  padding: 13px 10px;
}

.c-join-email-address__select.is-disabled {
  background: #f9f9f9;
}

@media (max-width: 750px) {
  .c-join-email-address__select {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.c-join-email__input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
}

.c-join-email__input.is-readonly {
  background: #f9f9f9;
}

.c-join-email__select {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
  padding: 13px 10px;
}

.c-join-form__certificate {
  padding: 20px;
  margin-top: 10px;
  background: #f9f9f9;
}

@media (max-width: 750px) {
  .c-join-form__certificate {
    padding: 12px 13px;
  }
}

.c-join-certificate__item {
  position: relative;
  padding-left: 8px;
  padding-right: 30px;
  margin-top: 5px;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.5;
  text-indent: -8px;
}

.c-join-certificate__item:first-child {
  margin-top: 0;
}

.c-join-certificate__item:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-top: -3px;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #afafaf;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .c-join-certificate__item {
    font-size: 12px;
    letter-spacing: -0.2px;
  }
}

.c-join-certificate__btn-delete {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-top: -10.5px;
  background: url("../hg_img/common/img_sprite.png") no-repeat -197px -166px;
  text-indent: -9999px;
  cursor: pointer;
}

@media (max-width: 750px) {
  .c-join-certificate__btn-delete {
    width: 20.5px;
    height: 20.5px;
    margin-top: -10.25px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat -140px -105px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.c-join-result__info {
  margin-top: -12px;
  text-align: center;
}

@media (max-width: 750px) {
  .c-join-result__info {
    margin-top: -5px;
  }
}

.c-join-result-info__title {
  display: block;
  margin-top: 12px;
  color: #777;
  font-size: 18px;
  letter-spacing: -1px;
}

@media (max-width: 750px) {
  .c-join-result-info__title {
    margin-top: 5px;
    font-size: 15px;
    letter-spacing: -0.5px;
    letter-spacing: -0.4px;
  }
}

.c-join-result-info__text {
  display: block;
  margin-top: 12px;
  color: #444;
  font-size: 18px;
  letter-spacing: -1px;
}

@media (max-width: 750px) {
  .c-join-result-info__text {
    margin-top: 5px;
    font-size: 15px;
    letter-spacing: -0.5px;
    letter-spacing: -0.4px;
  }
}

.c-join-result__btn-group2 {
  margin-top: 70px;
}

@media (max-width: 750px) {
  .c-join-result__btn-group2 {
    margin-top: 56px;
  }
}

.c-find__tab {
  position: relative;
  top: 1px;
}

.c-find__tab:after {
  content: '';
  display: block;
  clear: both;
}

.c-find-tab .c-find-tab__item-id, .c-find-tab .c-find-tab__item-password {
  float: left;
  width: 50%;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  background: #f9f9f9;
  text-align: center;
  line-height: 46px;
}

.c-find-tab .c-find-tab__item-id--active, .c-find-tab .c-find-tab__item-password--active {
  border-top-color: #008cd6;
  background: #fff;
}

@media (max-width: 750px) {
  .c-find-tab .c-find-tab__item-id, .c-find-tab .c-find-tab__item-password {
    width: 50%;
    height: 34px;
    line-height: 32px;
  }
}

.c-find-tab__item-id {
  border-left: 1px solid #ddd;
}

.c-find-tab__item-id--active {
  border-right: 1px solid #008cd6;
}

.c-find-tab__item-password {
  border-right: 1px solid #ddd;
}

.c-find-tab__item-password--active {
  border-left: 1px solid #008cd6;
}

.c-find-tab__link {
  display: block;
  border-bottom: 1px solid #008cd6;
  color: #888;
  font-size: 16px;
  letter-spacing: -0.6px;
}

.c-find-tab__link--active {
  border-bottom-color: #fff;
  color: #555;
}

@media (max-width: 750px) {
  .c-find-tab__link {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-find__method {
  padding: 14px 0;
  margin-bottom: 40px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  font-size: 0;
  text-align: center;
}

@media (max-width: 750px) {
  .c-find__method {
    padding: 9px 0px;
    margin-bottom: 35px;
  }
}

.c-find-method__label {
  margin-right: 15px;
  color: #777;
  font-size: 16px;
  letter-spacing: -0.6px;
  vertical-align: text-bottom;
}

@media (max-width: 750px) {
  .c-find-method__label {
    margin-right: 10px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-find__btn-group {
  margin-top: 30px;
}

@media (max-width: 750px) {
  .c-find__btn-group {
    margin-top: 20px;
  }
}

.c-id-result__desc {
  margin: 100px 0 0;
}

@media (max-width: 750px) {
  .c-id-result__desc {
    margin-top: 86px;
  }
}

.c-id-result__btn-group {
  margin-top: 170px;
}

@media (max-width: 750px) {
  .c-id-result__btn-group {
    margin-top: 15px;
  }
}

.c-change-pw__btn-group {
  margin-top: 170px;
}

@media (max-width: 750px) {
  .c-change-pw__btn-group {
    margin-top: 15px;
  }
}

.c-member-confirm__id {
  display: block;
  margin-bottom: 20px;
  color: #555;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .c-member-confirm__id {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-privacy__intro-desc {
  margin-bottom: 24px;
}

@media (max-width: 750px) {
  .c-privacy__intro-desc {
    margin-bottom: 16px;
  }
}

.c-privacy__pre {
  overflow: hidden;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.64;
}

.c-annual__inner {
  padding: 60px 0 50px;
  border: 1px solid #e4e4e4;
  background: url("../hg_img/sub/contentinfo/annual/bg_pattern.jpg") repeat center;
}

@media (max-width: 750px) {
  .c-annual__inner {
    padding: 15px 0px 15px;
  }
}

.c-annual-inner__img-box {
  padding: 0 34.5px;
  text-align: center;
}

@media (max-width: 750px) {
  .c-annual-inner__img-box {
    padding: 0px 15px;
  }
}

.c-annual-img-box__img {
  max-width: 100%;
}

.c-annual-inner__title {
  padding: 0 50px;
  margin-bottom: 40px;
  color: #616161;
  font-family: 'noto-l';
  font-size: 22px;
  letter-spacing: -1.2px;
  text-align: center;
  line-height: 1.4;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .c-annual-inner__title {
    padding: 0px 15px;
    margin-bottom: 15px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-annual-title__inner {
  position: relative;
  display: inline-block;
  padding: 0 30px;
}

@media (max-width: 750px) {
  .c-annual-title__inner {
    padding: 0 12px;
  }
}

.c-annual-title__inner:before, .c-annual-title__inner:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 15px;
  height: 3px;
  margin-top: -1.5px;
  background: url("../hg_img/sub/contentinfo/annual/deco_title.png") no-repeat;
}

@media (max-width: 750px) {
  .c-annual-title__inner:before, .c-annual-title__inner:after {
    width: 7.5px;
    height: 1.5px;
    margin-top: -0.75px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.c-annual-title__inner:before {
  left: 0;
}

.c-annual-title__inner:after {
  right: 0;
}

.c-annual-title-inner__highlight {
  font-family: 'noto-m';
}

.c-annual-inner__content {
  padding: 40px 50px 50px;
  margin: 0 50px;
  border: 1px solid #f0f0f0;
  background: #fff;
}

@media (max-width: 750px) {
  .c-annual-inner__content {
    padding: 15px;
    margin: 0px 15px;
  }
}

.c-annual-content__section {
  margin-bottom: 50px;
}

@media (max-width: 750px) {
  .c-annual-content__section {
    margin-bottom: 20px;
  }
}

.c-annual-content__section:last-child {
  margin-bottom: 0;
}

.c-annual-section__title {
  position: relative;
  padding-left: 38px;
  margin-bottom: 20px;
  color: #555;
  font-family: 'noto-m';
  font-size: 18px;
  letter-spacing: -0.8px;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .c-annual-section__title {
    padding-left: 28px;
    margin-bottom: 10px;
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.c-annual-section__title:before {
  content: attr(data-number);
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #008cd6;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.6px;
  text-align: center;
  line-height: 32px;
}

@media (max-width: 750px) {
  .c-annual-section__title:before {
    width: 22px;
    height: 22px;
    margin-top: -11px;
    font-size: 13px;
    letter-spacing: -0.3px;
    line-height: 22px;
  }
}

.c-annual-section-title__info-text {
  color: #777;
}

.c-annual-section__content {
  padding: 20px 25px;
  background: #f6f6f6;
}

@media (max-width: 750px) {
  .c-annual-section__content {
    padding: 10px;
  }
}

.c-annual-list__item {
  padding-left: 7px;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.75;
  text-indent: -7px;
}

.c-annual-list__item:before {
  content: '- ';
}

.c-error__title {
  margin-bottom: 50px;
  color: #008cd6;
  font-family: 'noto-m';
  font-size: 50px;
  letter-spacing: -4px;
  text-align: center;
}

@media (max-width: 750px) {
  .c-error__title {
    margin-bottom: 30px;
    font-size: 25px;
    letter-spacing: -1.5px;
  }
}

.c-error__title:before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
  background: url("../hg_img/common/img_sprite.png") no-repeat 0 -166px;
}

@media (max-width: 750px) {
  .c-error__title:before {
    width: 25px;
    height: 25px;
    background: url("../hg_img/common/m/img_sprite.png") no-repeat 0 -105px;
    -webkit-background-size: 345px auto;
    -moz-background-size: 345px auto;
    -ms-background-size: 345px auto;
    background-size: 345px auto;
  }
}

.c-error__intro-desc {
  margin-bottom: 20px;
  color: #444;
  font-family: 'noto-m';
  font-size: 20px;
  letter-spacing: -1px;
  text-align: center;
}

@media (max-width: 750px) {
  .c-error__intro-desc {
    margin-bottom: 12px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.c-error__intro-highlight {
  color: #008cd6;
}

.c-error__btn-group {
  margin-top: 50px;
}

@media (max-width: 750px) {
  .c-error__btn-group {
    margin-top: 66px;
  }
}

#hd_pop h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

#hd_pop .hd_pops {
  position: absolute;
  z-index: 5000;
}

@media (max-width: 750px) {
  #hd_pop .hd_pops {
    top: 70px !important;
    left: 15px !important;
  }
}

#hd_pop .hd_pops_con {
  background: #fff;
}

@media (max-width: 750px) {
  #hd_pop .hd_pops_con {
    width: 290px !important;
    height: auto !important;
  }
}

#hd_pop .hd_pops_con img {
  max-width: 100%;
}

#hd_pop .hd_pops_footer {
  background: #111;
}

#hd_pop .hd_pops_footer:after {
  content: '';
  display: block;
  clear: both;
}

#hd_pop .hd_pops_reject {
  float: left;
  padding: 6px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

#hd_pop .hd_pops_close {
  float: right;
  padding: 6px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

/*
 * ==================================== 강의실 ====================================
 */
.lecture__intro {
  margin-bottom: 50px;
}

@media (max-width: 750px) {
  .lecture__intro {
    margin-bottom: 25px;
  }
}

.lecture-intro__item {
  margin-top: 40px;
}

@media (min-width: 751px) {
  .lecture-intro__item:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (max-width: 750px) {
  .lecture-intro__item {
    margin-top: 30px;
  }
}

.lecture-intro__item:first-child {
  margin-top: 0;
}

@media (min-width: 751px) {
  .lecture-intro__photo {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
  }
  .lecture-intro__photo:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

@media (max-width: 750px) {
  .lecture-intro__photo {
    margin-bottom: 15px;
  }
}

@media (min-width: 751px) {
  .lecture-intro-photo--right\@lg {
    float: right;
  }
}

.lecture-intro-photo__img {
  width: 100%;
}

@media (min-width: 751px) {
  .lecture-intro-photo__img {
    vertical-align: middle;
  }
}

@media (min-width: 751px) {
  .lecture-intro__desc {
    float: left;
    width: 50%;
    padding: 10px 10px 10px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
  }
  .lecture-intro__desc:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

@media (min-width: 751px) {
  .lecture-intro-desc--left\@lg {
    padding: 10px 10px 10px 30px;
  }
}

.lecture-intro-desc__group {
  display: inline-block;
  vertical-align: middle;
}

.lecture-intro-desc__deco-text {
  margin-bottom: 12px;
  color: #444;
  font-size: 18px;
  letter-spacing: -0.8px;
  line-height: 24px;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .lecture-intro-desc__deco-text {
    margin-bottom: 6px;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

.lecture-intro-desc__deco-text:before {
  content: '';
  display: block;
  width: 20px;
  height: 19px;
  margin-bottom: 12px;
  background: url("../hg_img/lecture/home/intro/ico-desc-deco.png") no-repeat;
}

@media (max-width: 750px) {
  .lecture-intro-desc__deco-text:before {
    width: 15px;
    height: 14px;
    margin-bottom: 6px;
    background: url("../hg_img/lecture/home/intro/m/ico-desc-deco.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.lecture-intro-desc__text {
  color: #666;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 24px;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .lecture-intro-desc__text {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 20px;
  }
}

.lecture__benefit {
  margin-bottom: 50px;
}

@media (max-width: 750px) {
  .lecture__benefit {
    margin-bottom: 25px;
  }
}

.lecture-benefit__title {
  margin-bottom: 15px;
  color: #444;
  font-family: 'noto-m';
  font-size: 20px;
  letter-spacing: -1px;
}

@media (max-width: 750px) {
  .lecture-benefit__title {
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

@media (min-width: 751px) {
  .lecture-benefit__kind {
    margin: -10px 0 0 -10px;
  }
}

@media (min-width: 751px) {
  .lecture-benefit-kind__item {
    float: left;
    padding: 10px 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .lecture-benefit-kind__item {
    margin-bottom: 5px;
  }
  .lecture-benefit-kind__item:last-child {
    margin-bottom: 0;
  }
}

.lecture-benefit-kind__group {
  display: table;
  width: 100%;
  min-height: 70px;
  padding: 12px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #f6f6f6;
}

@media (max-width: 750px) {
  .lecture-benefit-kind__group {
    min-height: 50px;
    padding: 6px 12.5px;
  }
}

.lecture-benefit-kind__number {
  display: table-cell;
  width: 32px;
  color: #008cd6;
  font-family: 'noto-b';
  font-size: 16px;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .lecture-benefit-kind__number {
    width: 25px;
    font-size: 14px;
  }
}

.lecture-benefit-kind__desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
  word-break: keep-all;
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .lecture-benefit-kind__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

@media (max-width: 750px) {
  .lecture-benefit-kind__desc {
    color: #777;
    font-size: 15px;
    letter-spacing: -0.5px;
    line-height: 1.6;
    word-break: keep-all;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.64;
  }
}

@media (max-width: 750px) and (max-width: 750px) {
  .lecture-benefit-kind__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 1.5;
  }
}

.lecture-recommend__title {
  width: 217px;
  height: 32px;
  margin-bottom: 15px;
  background: url("../hg_img/lecture/home/intro/img-title-recommend.png") no-repeat;
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .lecture-recommend__title {
    width: 187px;
    height: 24px;
    margin-bottom: 10px;
    background: url("../hg_img/lecture/home/intro/m/img-title-recommend.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.lecture-recommend__list {
  padding: 0 30px;
  border: 1px solid #ddd;
  background: #fff;
}

@media (max-width: 750px) {
  .lecture-recommend__list {
    padding: 0 15px;
  }
}

.lecture-recommend-list__item {
  padding: 20px 0;
  border-top: 1px solid #ddd;
  line-height: 20px;
}

@media (min-width: 751px) {
  .lecture-recommend-list__item {
    margin-bottom: -10px;
  }
  .lecture-recommend-list__item:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (max-width: 750px) {
  .lecture-recommend-list__item {
    padding: 12px 0;
  }
}

.lecture-recommend-list__item:first-child {
  border-top: 0;
}

.lecture-recommend-list__order {
  display: block;
  width: 79px;
  height: 28px;
  margin: 0 10px 10px 0;
  text-indent: -9999px;
}

@media (min-width: 751px) {
  .lecture-recommend-list__order {
    float: left;
  }
}

@media (max-width: 750px) {
  .lecture-recommend-list__order {
    width: 50px;
    height: 18px;
    margin: 0 0 4px;
  }
}

.lecture-recommend-list__order--number1 {
  background: url("../hg_img/lecture/home/intro/img-order1.png");
}

@media (max-width: 750px) {
  .lecture-recommend-list__order--number1 {
    background: url("../hg_img/lecture/home/intro/m/img-order1.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.lecture-recommend-list__order--number2 {
  background: url("../hg_img/lecture/home/intro/img-order2.png");
}

@media (max-width: 750px) {
  .lecture-recommend-list__order--number2 {
    background: url("../hg_img/lecture/home/intro/m/img-order2.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.lecture-recommend-list__order--number3 {
  background: url("../hg_img/lecture/home/intro/img-order3.png");
}

@media (max-width: 750px) {
  .lecture-recommend-list__order--number3 {
    background: url("../hg_img/lecture/home/intro/m/img-order3.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.lecture-recommend-list__order--number4 {
  background: url("../hg_img/lecture/home/intro/img-order4.png");
}

@media (max-width: 750px) {
  .lecture-recommend-list__order--number4 {
    background: url("../hg_img/lecture/home/intro/m/img-order4.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.lecture-recommend-list__order--number5 {
  background: url("../hg_img/lecture/home/intro/img-order5.png");
}

@media (max-width: 750px) {
  .lecture-recommend-list__order--number5 {
    background: url("../hg_img/lecture/home/intro/m/img-order5.png");
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.lecture-recommend-list__text {
  display: block;
  padding-top: 4px;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  word-break: keep-all;
}

@media (min-width: 751px) {
  .lecture-recommend-list__text {
    float: left;
  }
}

@media (max-width: 750px) {
  .lecture-recommend-list__text {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.lecture-recommend-text__highlight {
  color: #444;
}

.lecture-recommend__copyright {
  width: 95.45455%;
  height: 0;
  padding-top: 2.82555%;
  margin: 40px 0 0;
  background: url("../hg_img/lecture/home/intro/img-copy-recommend.png") no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .lecture-recommend__copyright {
    width: 228px;
    padding-top: 64px;
    margin: 20px auto 0;
    background: url("../hg_img/lecture/home/intro/m/img-copy-recommend.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.lecture__category {
  display: block;
  padding: 30px;
  margin: -2px -2px 30px;
  border: 1px solid #aaa;
  background: #f6f6f6;
}

.lecture__category:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .lecture__category {
    padding: 15px;
    margin-bottom: 15px;
  }
}

.lecture-category__item {
  float: left;
  height: 36px;
  padding: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lecture-category__select {
  padding: 4px 6px;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #444;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (max-width: 750px) {
  .lecture-category__keyword-wrapper {
    width: 100%;
  }
}

.lecture-category__keyword-box {
  height: 100%;
  padding: 4px 50px 4px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lecture-category__keyword-box:after {
  content: '';
  display: block;
  clear: both;
}

.lecture-category__keyword {
  float: left;
  width: 100%;
  height: 100%;
  border: 0;
  color: #444;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lecture-category__btn-search {
  position: relative;
  right: -45px;
  float: right;
  width: 40px;
  height: 26px;
  padding: 0;
  margin: -2px 0 0 -45px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #5c5c5c;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
}

.lecture-list__item {
  padding: 20px;
  margin-top: 20px;
  border: 1px solid #ddd;
}

.lecture-list__item:first-child {
  margin-top: 0;
}

@media (min-width: 751px) {
  .lecture-list__item:after {
    content: '';
    display: block;
    clear: both;
  }
  .lecture-list__item:hover {
    border-color: #008cd6;
  }
}

@media (max-width: 750px) {
  .lecture-list__item {
    padding: 15px;
  }
}

.lecture-list__item--empty {
  padding: 60px 0;
  color: #555;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
}

.lecture-list__item--empty:hover {
  border-color: #ddd;
}

.lecture-list__thumb {
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .lecture-list__thumb {
    float: left;
    width: 31.08808%;
  }
}

@media (max-width: 750px) {
  .lecture-list__thumb {
    margin-bottom: 15px;
  }
}

.lecture-thumb__img {
  width: 100%;
  vertical-align: middle;
}

@media (min-width: 751px) {
  .lecture-list__summary {
    float: left;
    width: 68.91192%;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.lecture-summary__table {
  position: relative;
  top: -6px;
  width: 100%;
}

.lecture-summary-table__title {
  width: 110px;
  padding: 6px;
  color: #555;
  font-family: 'noto-m';
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 16px;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .lecture-summary-table__title {
    width: 50%;
  }
}

.lecture-summary-table__desc {
  padding: 6px;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 16px;
  vertical-align: middle;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .lecture-summary-table__desc {
    text-align: right;
  }
}

.lecture-summary-table__cate {
  display: inline-block;
  padding: 3px;
  margin: 0 4px 4px 0;
  border: 1px solid #838a91;
  color: #838a91;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 11px;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
}

.lecture-summary-table__lm-name {
  display: inline-block;
  margin: 0 4px 4px 0;
  vertical-align: middle;
}

.lecture-summary-table__preview {
  display: inline-block;
  position: relative;
  padding-left: 26px;
}

.lecture-summary-table__preview:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background: url("../hg_img/lecture/ico-zoom.png") no-repeat;
}

.lecture-preview__highlight {
  color: #008cd6;
}

.lecture-summary__desc-box {
  padding: 14px 20px;
  background: #f6f6f6;
}

@media (max-width: 750px) {
  .lecture-summary__desc-box {
    padding: 8px 12px;
  }
}

.lecture-desc-box__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 40px;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

.lecture-summary__act {
  margin: 15px -3px 0;
}

.lecture-summary__act:after {
  content: '';
  display: block;
  clear: both;
}

.lecture-act__item {
  float: left;
  width: 50%;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.lecture-act__btn-preview {
  display: block;
  width: 100%;
  height: 35px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 33px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.lecture-btn-preview__text {
  position: relative;
  padding-left: 20px;
}

.lecture-btn-preview__text:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 17px;
  height: 17px;
  margin-top: -8px;
  background: url("../hg_img/lecture/m/ico-zoom.png") no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
}

.lecture-act__btn-detail {
  display: block;
  width: 100%;
  height: 35px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.modal-video-wrapper .fancybox-skin {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.modal-preview-video {
  overflow: hidden;
  position: relative;
}

.modal-preview-video__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-preview-video__video {
  width: 100%;
  height: 100%;
}

.modal-preview-video__img-transparent {
  max-width: 100%;
}

.lecture__view-summary {
  margin-bottom: 20px;
}

@media (min-width: 751px) {
  .lecture__view-summary:after {
    content: '';
    display: block;
    clear: both;
  }
}

.lecture-view-summary__thumb {
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .lecture-view-summary__thumb {
    float: left;
    width: 26.04423%;
  }
}

@media (max-width: 750px) {
  .lecture-view-summary__thumb {
    margin-bottom: 15px;
  }
}

.lecture-view-thumb__img {
  width: 100%;
}

@media (min-width: 751px) {
  .lecture-view-summary__info {
    float: left;
    width: 73.95577%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.lecture-view-info__table {
  width: 100%;
}

.lecture-view-info__title {
  width: 122px;
  height: 41px;
  padding: 8px 16px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  color: #555;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .lecture-view-info__title {
    width: 100px;
    height: 31px;
    padding: 4px 8px;
  }
}

.lecture-view-info__desc {
  height: 41px;
  padding: 8px 16px;
  border: 1px solid #ddd;
  background: #fff;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .lecture-view-info__desc {
    height: 31px;
    padding: 4px 8px;
  }
}

@media (max-width: 750px) {
  .lecture__view-contents {
    padding: 12px;
    border: 1px solid #ddd;
  }
}

.lecture-view-contents__quick-move {
  margin-bottom: 50px;
}

@media (max-width: 750px) {
  .lecture-view-contents__quick-move {
    padding: 12px;
    margin-bottom: 25px;
    border: 1px solid #aaa;
  }
}

.lecture-quick-move__list {
  margin: -3px;
}

.lecture-quick-move__list:after {
  content: '';
  display: block;
  clear: both;
}

.lecture-quick-move__item {
  float: left;
  padding: 3px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lecture-quick-move__btn {
  display: block;
  padding: 0 4px;
  height: 34px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.lecture-quick-move__btn--active {
  border-color: #008cd6;
  background: #008cd6;
  color: #fff;
}

.lecture-view-contents__section {
  margin-top: 50px;
}

@media (max-width: 750px) {
  .lecture-view-contents__section {
    margin-top: 25px;
  }
}

.lecture-view-contents__section--first {
  margin-top: 0;
}

.lecture-view-section__title {
  margin-bottom: 15px;
  color: #444;
  font-family: 'noto-m';
  font-size: 20px;
  letter-spacing: -1px;
}

@media (max-width: 750px) {
  .lecture-view-section__title {
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

.lecture-view-section__contents {
  background: none !important;
  font-family: 'noto-r' !important;
  font-size: 14px !important;
  line-height: 2 !important;
}

.lecture-view-section__contents * {
  background: none !important;
  color: #777 !important;
  font-family: 'noto-r' !important;
  font-size: 14px !important;
  line-height: 2 !important;
  letter-spacing: -.4px !important;
}

.lecture-view-section__table {
  width: 100%;
  margin-bottom: 15px;
}

.lecture-view-table__title {
  width: 122px;
  height: 41px;
  padding: 8px 16px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  color: #555;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .lecture-view-table__title {
    height: 31px;
    padding: 4px 8px;
  }
}

.lecture-view-table__title--center {
  text-align: center;
}

.lecture-view-table__desc {
  height: 41px;
  padding: 8px 16px;
  border: 1px solid #ddd;
  background: #fff;
  color: #777 !important;
  font-size: 14px !important;
  letter-spacing: -.4px !important;
  line-height: 2 !important;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lecture-view-table__desc * {
  color: #777 !important;
  font-size: 14px !important;
  letter-spacing: -.4px !important;
  line-height: 2 !important;
}

@media (max-width: 750px) {
  .lecture-view-table__desc {
    height: 31px;
    padding: 4px 8px;
  }
}

.lecture-view-table__desc--center {
  text-align: center;
}

.lecture-view-table__btn-view {
  padding: 0 4px;
  height: 24px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #008cd6;
  color: #008cd6 !important;
  font-size: 12px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lecture-view-table__btn-cart {
  width: 32px;
  height: 24px;
  padding: 0;
  border: 0;
  background: url("../hg_img/lecture/ico-cart.png") no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}

.lecture-view-table__btn-apply {
  display: inline-block;
  padding: 4px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #838a91;
  color: #fff !important;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}

.lecture-view-section__act {
  margin: 15px -3px;
}

.lecture-view-section__act:after {
  content: '';
  display: block;
  clear: both;
}

.lecture-view-act__item {
  float: left;
  width: 50%;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.lecture-view-act__btn {
  display: block;
  width: 100%;
  height: 35px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 33px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.lecture-view-act__btn--colored {
  border-color: #838a91;
  background: #838a91;
  color: #fff;
}

.lecture-view-act__btn--colored2 {
  border-color: #cf4758;
  background: #fff;
  color: #cf4758;
}

.lecture-btn-cart__text {
  position: relative;
  padding-left: 26px;
}

.lecture-btn-cart__text:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 17px;
  margin-top: -8px;
  background: url("../hg_img/lecture/m/ico-cart.png") no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
}

.lecture-view-section__desc-box {
  padding: 25px;
  background: #f6f6f6;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .lecture-view-section__desc-box {
    padding: 15px;
  }
}

.lecture-view-desc-box__title {
  margin-bottom: 10px;
  color: #555;
  font-family: 'noto-m';
  font-size: 15px;
}

@media (max-width: 750px) {
  .lecture-view-desc-box__title {
    margin-bottom: 5px;
  }
}

.lecture-view-desc-box__view {
  background: none !important;
  font-family: 'noto-r' !important;
  font-size: 14px !important;
  line-height: 2 !important;
}

.lecture-view-desc-box__view * {
  background: none !important;
  color: #777 !important;
  font-family: 'noto-r' !important;
  font-size: 14px !important;
  line-height: 2 !important;
  letter-spacing: -.4px !important;
}

@media (min-width: 751px) {
  .lecture-view-section__lecturer-intro:after {
    content: '';
    display: block;
    clear: both;
  }
}

.lecturer-intro__thumb {
  text-align: center;
}

@media (min-width: 751px) {
  .lecturer-intro__thumb {
    float: left;
    width: 15%;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.lecturer-thumb__img {
  max-width: 100%;
}

@media (min-width: 751px) {
  .lecturer-intro__summary {
    float: left;
    width: 85%;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.lecturer-summary__inner {
  height: 100%;
  padding: 20px;
  background: #f6f6f6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .lecturer-summary__inner {
    padding: 12px;
  }
}

.lecturer-summary__name {
  margin-bottom: 20px;
  color: #444;
  font-family: 'noto-m';
  font-size: 20px;
  letter-spacing: -1px;
}

@media (max-width: 750px) {
  .lecturer-summary__name {
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

.lecturer-summary__spec {
  padding: 20px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .lecturer-summary__spec {
    min-height: 172px;
  }
}

@media (max-width: 750px) {
  .lecturer-summary__spec {
    padding: 12px;
  }
}

.lecturer-spec__title {
  display: block;
  margin-bottom: 15px;
  color: #555;
  font-family: 'noto-b';
  font-size: 16px;
}

.lecturer-spec__view {
  background: none !important;
  font-family: 'noto-r' !important;
  font-size: 14px !important;
  line-height: 2 !important;
}

.lecturer-spec__view * {
  background: none !important;
  color: #777 !important;
  font-family: 'noto-r' !important;
  font-size: 14px !important;
  line-height: 2 !important;
  letter-spacing: -.4px !important;
}

@media (min-width: 751px) {
  .lecture-view-section__review {
    position: relative;
  }
}

.lecture-review__table {
  width: 100%;
}

.lecture-review-table__title {
  width: 122px;
  height: 41px;
  padding: 8px 16px;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #e9e9e9;
  background: #f9f9f9;
  color: #555;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .lecture-review-table__title {
    height: 31px;
    padding: 4px 8px;
  }
}

.lecture-review-table__desc {
  height: 41px;
  padding: 8px 16px;
  border-bottom: 1px solid #e9e9e9;
  background: #fff;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

@media (max-width: 750px) {
  .lecture-review-table__desc {
    height: 31px;
    padding: 4px 8px;
  }
}

.lecture-review-table__sbj {
  text-align: left;
}

.lecture-review-table__content {
  display: none;
  padding: 25px;
  border-bottom: 1px solid #e9e9e9;
  background: #f9f9f9;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

.lecture-review__list {
  border-top: 1px solid #d2d2d2;
}

.lecture-review-list__item {
  padding: 15px;
  border-bottom: 1px solid #d2d2d2;
}

.lecture-review-list__item--empty {
  padding: 60px 0;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  text-align: center;
}

.lecture-review-list__sbj {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

.lecture-review-list__name {
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.lecture-review-list__date {
  position: relative;
  padding-left: 11px;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.lecture-review-list__date:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  width: 1px;
  height: 9px;
  margin-top: -4px;
  background: #cfcfcf;
}

.lecture-review-list__detail {
  display: none;
}

.lecture-review__btn-view-more {
  display: inline-block;
  padding: 4px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}

@media (min-width: 751px) {
  .lecture-review__btn-view-more {
    position: absolute;
    top: -43px;
    right: 0;
    z-index: 1;
  }
}

@media (max-width: 750px) {
  .lecture-review__btn-view-more {
    width: 100%;
    height: 35px;
    padding: 0 8px;
    margin-top: 15px;
    line-height: 35px;
  }
}

.lecture-view-section__book {
  padding: 20px;
  margin: 15px 0;
  border: 1px solid #ddd;
}

@media (min-width: 751px) {
  .lecture-view-section__book:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (max-width: 750px) {
  .lecture-view-section__book {
    margin: 10px 0;
    padding: 12px;
  }
}

@media (min-width: 751px) {
  .lecture-book__thumb {
    float: left;
    width: 24.6114%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .lecture-book__thumb {
    margin-bottom: 15px;
    text-align: center;
  }
}

.lecture-book-thumb img {
  width: 100%;
}

@media (min-width: 751px) {
  .lecture-book__summary {
    float: left;
    width: 75.3886%;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.lecture-book-summary__title {
  margin: 8px 0 12px;
  color: #444;
  font-family: 'noto-m';
  font-size: 18px;
  letter-spacing: -0.8px;
}

@media (max-width: 750px) {
  .lecture-book-summary__title {
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

.lecture-book-summary__info {
  padding: 14px 20px;
  background: #f6f6f6;
}

@media (max-width: 750px) {
  .lecture-book-summary__info {
    padding: 8px 12px;
  }
}

.lecture-book-info__list:after {
  content: '';
  display: block;
  clear: both;
}

.lecture-book-info__title {
  float: left;
  width: 13.67188%;
  min-height: 16px;
  padding: 2px;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
  color: #888;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lecture-book-info__desc {
  float: left;
  width: 86.32813%;
  min-height: 16px;
  padding: 2px;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
  color: #555;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lecture-book-info__price {
  color: #de1e30;
  font-weight: bold;
}

.lecture-book-summary__btn-buy {
  display: inline-block;
  padding: 8px 20px;
  margin-top: 24px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #008cd6;
  color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .lecture-book-summary__btn-buy {
    width: 100%;
    height: 35px;
    padding: 0 8px;
    line-height: 35px;
  }
}

.lecture-view-contents__refer {
  padding: 10px 20px;
  margin-top: 20px;
  background: #edeff1;
}

@media (min-width: 751px) {
  .lecture-view-contents__refer:after {
    content: '';
    display: block;
    clear: both;
  }
}

.lecture-view-refer__desc {
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

@media (min-width: 751px) {
  .lecture-view-refer__desc {
    float: left;
  }
}

@media (min-width: 751px) {
  .lecture-view-refer__contact {
    float: right;
  }
}

@media (max-width: 750px) {
  .lecture-view-refer__contact {
    margin-top: 5px;
  }
}

.lecture-contact__title {
  position: relative;
  padding-left: 20px;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

.lecture-contact__title:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("../hg_img/lecture/ico-tel.png") no-repeat;
}

@media (max-width: 750px) {
  .lecture-contact__title:before {
    width: 14px;
    height: 14px;
    background: url("../hg_img/lecture/m/ico-tel.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.lecture-contact__tel-number {
  color: #666;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  letter-spacing: -0.5px;
  font-weight: bold;
  line-height: 20px;
}

.lecture__view-btn-wrapper {
  margin-top: 40px;
  text-align: center;
}

@media (max-width: 750px) {
  .lecture__view-btn-wrapper {
    margin-top: 20px;
  }
}

.lecture-view-btn-wrapper__btn-list {
  display: inline-block;
  padding: 8px 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.learning__home-section {
  margin-top: 20px;
}

.learning__home-section--first {
  margin-top: 0;
}

.learning-home-section__title {
  padding: 12px 16px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  color: #555;
  font-family: 'noto-m';
  font-size: 14px;
  letter-spacing: -0.4px;
}

.learning-home-section__lecture-count {
  position: relative;
  top: -1px;
  border: 1px solid #ddd;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .learning-home-section__lecture-count {
    font-size: 0;
    text-align: center;
  }
}

@media (max-width: 750px) {
  .learning-home-section__lecture-count {
    padding: 10px 20px;
  }
}

.learning-lecture-count__item {
  display: inline-block;
  padding: 15px 30px;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .learning-lecture-count__item {
    width: 100%;
    padding: 5px 0;
    padding: 5px 0 5px 85px;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
  .learning-lecture-count__item:after {
    content: '';
    display: block;
    clear: both;
  }
}

.learning-lecture-count__item--total:before {
  content: '';
  display: block;
  width: 114px;
  height: 114px;
  background: url("../hg_img/lecture/learning/lecture/ico-lec-total.png") no-repeat;
  vertical-align: middle;
}

@media (min-width: 751px) {
  .learning-lecture-count__item--total:before {
    margin-bottom: 12px;
  }
}

@media (max-width: 750px) {
  .learning-lecture-count__item--total:before {
    float: left;
    position: relative;
    left: -85px;
    width: 75px;
    height: 75px;
    margin-right: -85px;
    background: url("../hg_img/lecture/learning/lecture/m/ico-lec-total.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.learning-lecture-count__item--attend:before {
  content: '';
  display: block;
  width: 114px;
  height: 114px;
  background: url("../hg_img/lecture/learning/lecture/ico-lec-attend.png") no-repeat;
  vertical-align: middle;
}

@media (min-width: 751px) {
  .learning-lecture-count__item--attend:before {
    margin-bottom: 12px;
  }
}

@media (max-width: 750px) {
  .learning-lecture-count__item--attend:before {
    float: left;
    position: relative;
    left: -85px;
    width: 75px;
    height: 75px;
    margin-right: -85px;
    background: url("../hg_img/lecture/learning/lecture/m/ico-lec-attend.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.learning-lecture-count__item--expire:before {
  content: '';
  display: block;
  width: 114px;
  height: 114px;
  background: url("../hg_img/lecture/learning/lecture/ico-lec-expire.png") no-repeat;
  vertical-align: middle;
}

@media (min-width: 751px) {
  .learning-lecture-count__item--expire:before {
    margin-bottom: 12px;
  }
}

@media (max-width: 750px) {
  .learning-lecture-count__item--expire:before {
    float: left;
    position: relative;
    left: -85px;
    width: 75px;
    height: 75px;
    margin-right: -85px;
    background: url("../hg_img/lecture/learning/lecture/m/ico-lec-expire.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.learning-lecture-count__item--certificate:before {
  content: '';
  display: block;
  width: 114px;
  height: 114px;
  background: url("../hg_img/lecture/mypage/ico-mypage-certificate.png") no-repeat;
  vertical-align: middle;
}

@media (min-width: 751px) {
  .learning-lecture-count__item--certificate:before {
    margin-bottom: 12px;
  }
}

@media (max-width: 750px) {
  .learning-lecture-count__item--certificate:before {
    float: left;
    position: relative;
    left: -85px;
    width: 75px;
    height: 75px;
    margin-right: -85px;
    background: url("../hg_img/lecture/mypage/m/ico-mypage-certificate.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.learning-lecture-count__item--exam:before {
  content: '';
  display: block;
  width: 114px;
  height: 114px;
  background: url("../hg_img/lecture/mypage/ico-mypage-exam.png") no-repeat;
  vertical-align: middle;
}

@media (min-width: 751px) {
  .learning-lecture-count__item--exam:before {
    margin-bottom: 12px;
  }
}

@media (max-width: 750px) {
  .learning-lecture-count__item--exam:before {
    float: left;
    position: relative;
    left: -85px;
    width: 75px;
    height: 75px;
    margin-right: -85px;
    background: url("../hg_img/lecture/mypage/m/ico-mypage-exam.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.learning-lecture-count__item--license:before {
  content: '';
  display: block;
  width: 114px;
  height: 114px;
  background: url("../hg_img/lecture/mypage/ico-mypage-license.png") no-repeat;
  vertical-align: middle;
}

@media (min-width: 751px) {
  .learning-lecture-count__item--license:before {
    margin-bottom: 12px;
  }
}

@media (max-width: 750px) {
  .learning-lecture-count__item--license:before {
    float: left;
    position: relative;
    left: -85px;
    width: 75px;
    height: 75px;
    margin-right: -85px;
    background: url("../hg_img/lecture/mypage/m/ico-mypage-license.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.learning-lecture-count__text {
  display: inline-block;
}

@media (max-width: 750px) {
  .learning-lecture-count__text {
    float: left;
    width: 100%;
    line-height: 75px;
  }
}

.learning-lecture-count__length {
  margin-left: 6px;
}

@media (max-width: 750px) {
  .learning-lecture-count__length {
    float: right;
  }
}

.learning-lecture-count__number {
  color: #444;
  font-family: 'noto-m';
  font-size: 30px;
  letter-spacing: -2px;
}

@media (max-width: 750px) {
  .learning-lecture-count__number {
    font-size: 20px;
    letter-spacing: -1px;
  }
}

.learning-home-section__lecture-list {
  position: relative;
}

.learning-lecture-list__table {
  position: relative;
  top: -1px;
}

.learning-table__title {
  height: 40px;
  padding: 6px;
  border: 1px solid #e9e9e9;
  background: #fff;
  color: #555;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.learning-table__desc {
  height: 40px;
  padding: 6px;
  border: 1px solid #e9e9e9;
  background: #fff;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  word-break: keep-all;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.learning-table__desc--empty {
  padding: 60px 0;
}

.learning-table__link {
  color: #666;
}

@media (min-width: 751px) {
  .learning-table__link:hover {
    text-decoration: underline;
  }
}

@media (max-width: 750px) {
  .learning-table__link {
    text-decoration: underline;
  }
}

.learning-list__item {
  padding: 15px;
  border: 1px solid #dfdfdf;
  border-top: 0;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

.learning-list__item--empty {
  padding: 60px 0;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  text-align: center;
}

.learning-list__row {
  margin-top: 5px;
}

.learning-list__row:first-child {
  margin-top: 0;
}

.learning-list__title {
  color: #666;
}

.learning-list__desc {
  position: relative;
  padding-left: 11px;
}

.learning-list__desc:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  width: 1px;
  height: 9px;
  margin-top: -4px;
  background: #cfcfcf;
}

.learning-list__desc:first-child {
  padding-left: 0;
}

.learning-list__desc:first-child:before {
  display: none;
}

.learning-list__link {
  color: #666;
  text-decoration: underline;
}

.learning-lecture-list__btn-view-more {
  position: absolute;
  top: -25px;
  right: 15px;
  z-index: 1;
  color: #888;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
}

.learning-lecture-list__btn-view-more:after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 4px;
  background: url("../hg_img/lecture/ico-view-more.png") no-repeat;
}

@media (max-width: 750px) {
  .learning-lecture-list__btn-view-more:after {
    width: 7px;
    height: 7px;
    background: url("../hg_img/lecture/m/ico-view-more.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.learning-desc-box__row {
  padding: 8px 15px;
  border: 1px solid #ddd;
  border-top-width: 0;
}

@media (min-width: 751px) {
  .learning-desc-box__row:after {
    content: '';
    display: block;
    clear: both;
  }
}

.learning-desc-box__item {
  margin: 8px 0;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 22px;
}

@media (min-width: 751px) {
  .learning-desc-box__item {
    float: left;
  }
}

@media (min-width: 751px) {
  .learning-desc-box__item--right {
    float: right;
    text-align: right;
  }
}

.learning-desc-box__desc {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.learning-desc-box__date {
  color: #888;
}

.learning-desc-box__btn {
  display: inline-block;
  height: 24px;
  padding: 0 5px;
  color: #999;
  font-size: 12px;
  letter-spacing: -0.2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #d3d3d3;
  background: #f5f5f5;
  line-height: 22px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.learning__top-banner {
  margin-bottom: 30px;
}

@media (max-width: 750px) {
  .learning__top-banner {
    margin-bottom: 20px;
  }
}

.learning-top-banner__img {
  width: 100%;
}

.learning__lecture-list {
  margin: -30px 0 0 -16px;
}

.learning__lecture-list:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .learning__lecture-list {
    margin: -15px 0 0 -10px;
  }
}

.learning-lecture-list__item {
  float: left;
  width: 33.33333%;
  padding: 30px 0 0 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .learning-lecture-list__item {
    width: 50%;
    padding: 15px 0 0 10px;
  }
}

.learning-lecture-list__link {
  display: block;
  padding: 20px;
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .learning-lecture-list__link:hover {
    border-color: #008cd6;
  }
}

@media (max-width: 750px) {
  .learning-lecture-list__link {
    padding: 10px;
  }
}

.learning-lecture-list__thumb {
  position: relative;
  margin-bottom: 20px;
}

@media (max-width: 750px) {
  .learning-lecture-list__thumb {
    margin-bottom: 10px;
  }
}

.learning-lecture-list__thumb:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 47px;
  height: 30px;
  margin: -15px 0 0 -23px;
  background: url("../hg_img/lecture/learning/lecture/ico-play.png") no-repeat;
}

@media (max-width: 750px) {
  .learning-lecture-list__thumb:after {
    width: 32px;
    height: 20px;
    background: url("../hg_img/lecture/learning/lecture/m/ico-play.png") no-repeat;
    margin: -10px 0 0 -16px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.learning-lecture-thumb__img {
  width: 100%;
}

.learning-lecture-summary__title {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  color: #666;
  font-size: 15px;
  letter-spacing: -0.5px;
}

@media (max-width: 750px) {
  .learning-lecture-summary__title {
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.learning-lecture-summary__status:after {
  content: '';
  display: block;
  clear: both;
}

.learning-lecture-status__title {
  float: left;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (max-width: 750px) {
  .learning-lecture-status__title {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}

.learning-lecture-status__value {
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (min-width: 751px) {
  .learning-lecture-status__value {
    float: right;
  }
}

.learning-lecture-time__current {
  color: #666;
}

.learning__lecture-view {
  padding: 30px;
  border: 1px solid #ddd;
  background: #f6f6f6;
}

@media (max-width: 750px) {
  .learning__lecture-view {
    padding: 15px;
  }
}

.learning-lecture-view__video-area {
  position: relative;
  width: 100%;
  height: 0;
  margin-bottom: 20px;
  padding-top: 56.26536%;
}

@media (max-width: 750px) {
  .learning-lecture-view__video-area {
    margin-bottom: 10px;
  }
}

.learning-lecture-view__video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.learning-lecture-view__video {
  width: 100% !important;
  height: 100% !important;
}

.learning-lecture-view__title {
  margin-bottom: 10px;
  color: #444;
  font-family: 'noto-m';
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 30px;
}

@media (max-width: 750px) {
  .learning-lecture-view__title {
    margin-bottom: 5px;
    font-size: 15px;
    letter-spacing: -0.5px;
    line-height: 20px;
  }
}

.learning-lecture-view__category {
  margin-bottom: 30px;
}

@media (max-width: 750px) {
  .learning-lecture-view__category {
    margin-bottom: 15px;
  }
}

.learning-lecture-view-category__list:after {
  content: '';
  display: block;
  clear: both;
}

.learning-lecture-view-category__item {
  position: relative;
  float: left;
  padding-left: 24px;
  color: #aaa;
  font-size: 15px;
  letter-spacing: -0.5px;
}

.learning-lecture-view-category__item:first-child {
  padding-left: 0;
}

.learning-lecture-view-category__item:first-child:before {
  display: none;
}

.learning-lecture-view-category__item:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #aeaeae;
}

.learning-lecture-view-category__item--last {
  color: #777;
}

.learning-lecture-view__contents {
  padding: 25px;
  background: #fff;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .learning-lecture-view__contents {
    padding: 15px;
  }
}

.learning__lecture-view-act {
  margin-top: 20px;
}

.learning__lecture-view-act:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .learning__lecture-view-act {
    margin-top: 15px;
    margin-left: -5px;
  }
}

.learning-lecture-view-act__list-item {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .learning-lecture-view-act__list-item {
    width: 50%;
    padding-left: 5px;
  }
  .learning-lecture-view-act__list-item--full-width {
    width: 100%;
  }
}

.learning-lecture-view-act__btn-list {
  display: inline-block;
  width: auto;
  height: 32px;
  padding: 0 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 30px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .learning-lecture-view-act__btn-list {
    width: 100%;
    height: 36px;
    line-height: 34px;
  }
}

.learning-lecture-view-act__download-item {
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .learning-lecture-view-act__download-item {
    width: 50%;
    padding-left: 5px;
  }
}

.learning-lecture-view-act__btn-download {
  display: inline-block;
  width: auto;
  height: 32px;
  padding: 0 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 32px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .learning-lecture-view-act__btn-download {
    width: 100%;
    height: 36px;
    line-height: 36px;
  }
}

.learning__complete-modal {
  display: none;
  width: 100%;
  max-width: 565px;
  padding: 40px 10px 30px;
  border: 4px solid #008cd6;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.learning__complete-modal.is-hide {
  display: none;
}

@media (max-width: 750px) {
  .learning__complete-modal {
    padding: 20px 10px 15px;
  }
}

.learning__complete-modal--show {
  display: block;
}

.learning-complete-modal__license-wrapper {
  padding: 30px 60px;
}

@media (max-width: 750px) {
  .learning-complete-modal__license-wrapper {
    padding: 15px 30px;
  }
}

.learning-complete-modal__img-wrapper {
  margin-top: 30px;
}

@media (max-width: 750px) {
  .learning-complete-modal__img-wrapper {
    margin-top: 15px;
  }
}

.learning-complete-modal__img {
  max-width: 100%;
}

.learning-complete-modal__desc {
  font-family: 'noto-m';
  font-size: 18px;
  letter-spacing: -0.8px;
  line-height: 24px;
  text-align: center;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .learning-complete-modal__desc {
    font-size: 16px;
    letter-spacing: -0.6px;
    line-height: 22px;
  }
}

.learning-complete-modal__sm-desc {
  color: #666;
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 20px;
  text-align: center;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .learning-complete-modal__sm-desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 20px;
  }
}

.learning-complete-modal__contents {
  margin-top: 10px;
}

.learning-complete-modal__contents-v2 {
  padding: 15px;
  margin-top: 10px;
  background: #f6f6f6;
}

.learning-complete-modal__check-desc {
  position: relative;
  padding-left: 16px;
  margin-bottom: 6px;
  color: #ce3f50;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

.learning-complete-modal__check-desc:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 13px;
  height: 13px;
  background: url("../hg_img/lecture/ico-check.png") no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
}

.learning-complete-modal__info-desc {
  color: #777;
  font-family: 'noto-m';
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

.learning-complete-modal__textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.learning-complete-modal__btn-wrapper {
  margin-top: 30px;
}

@media (max-width: 750px) {
  .learning-complete-modal__btn-wrapper {
    margin-top: 15px;
  }
}

.learning-complete-btn-wrapper__btn-research {
  display: block;
  width: 100%;
  height: 32px;
  padding: 0;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #008cd6;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 32px;
  text-align: center;
}

.learning-research__title {
  position: relative;
  padding: 30px 40px;
  color: #fff;
  font-family: 'noto-b';
  font-size: 30px;
  letter-spacing: -2px;
  background: url("../hg_img/lecture/learning/lecture/bg-research-title.jpg") repeat;
}

@media (max-width: 750px) {
  .learning-research__title {
    padding: 15px;
    font-size: 18px;
    letter-spacing: -0.8px;
  }
}

.learning-research__title:after {
  content: '';
  position: absolute;
  right: 40px;
  top: 50%;
  width: 68px;
  height: 59px;
  margin-top: -30px;
  background: url("../hg_img/lecture/learning/lecture/ico-research.png") no-repeat;
}

@media (max-width: 750px) {
  .learning-research__title:after {
    right: 15px;
    width: 34px;
    height: 30px;
    margin-top: -15px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.learning-research__contents-wrapper {
  padding: 30px;
  background: #fff;
}

@media (max-width: 750px) {
  .learning-research__contents-wrapper {
    padding: 15px;
  }
}

.learning-research__desc {
  margin-bottom: 20px;
  color: #555;
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 22px;
}

@media (max-width: 750px) {
  .learning-research__desc {
    margin-bottom: 10px;
    font-size: 15px;
    letter-spacing: -0.5px;
    line-height: 20px;
  }
}

.learning-research__lecture-name {
  margin-bottom: 10px;
  color: #444;
  font-family: 'noto-m';
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 20px;
}

@media (max-width: 750px) {
  .learning-research__lecture-name {
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.learning-research__contents {
  border: 1px solid #ececec;
}

.learning-research-contents__item {
  padding: 24px;
}

@media (max-width: 750px) {
  .learning-research-contents__item {
    padding: 15px;
  }
}

.learning-research-contents__item--bg {
  background: #f9f9f9;
}

.learning-research-contents__question {
  padding-left: 30px;
  margin-bottom: 20px;
}

.learning-research-contents__question:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .learning-research-contents__question {
    margin-bottom: 10px;
  }
}

.learning-research-question__number {
  position: relative;
  left: -30px;
  float: left;
  display: inline-block;
  width: 30px;
  margin-right: -30px;
  color: #008cd6;
  font-family: 'noto-b';
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .learning-research-question__number {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.learning-research-question__text {
  float: left;
  width: 100%;
  display: inline-block;
  color: #555;
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .learning-research-question__text {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

@media (min-width: 751px) {
  .learning-research-answer__mutiple {
    margin: -15px;
  }
  .learning-research-answer__mutiple:after {
    content: '';
    display: block;
    clear: both;
  }
}

.learning-research-answer-multiple__item {
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
}

@media (min-width: 751px) {
  .learning-research-answer-multiple__item {
    float: left;
    padding: 15px;
  }
}

@media (max-width: 750px) {
  .learning-research-answer-multiple__item {
    margin: 8px 0;
  }
}

.learning-research-answer-multiple__radio {
  display: inline-block;
  vertical-align: middle;
}

.learning-research-answer-multiple__label {
  display: inline-block;
  vertical-align: middle;
}

.learning-research-answer-essay__textarea {
  width: 100%;
  height: 100px;
  padding: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.learning-research__btn-wrapper {
  margin-top: 40px;
  text-align: center;
}

@media (max-width: 750px) {
  .learning-research__btn-wrapper {
    margin-top: 15px;
  }
}

.learning-research-btn-wrapper__btn-apply {
  display: inline-block;
  width: 150px;
  height: 48px;
  padding: 0;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #008cd6;
  color: #fff;
  font-size: 15px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 750px) {
  .learning-research-btn-wrapper__btn-apply {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
  }
}

.learning__faq-wrapper {
  margin-bottom: 60px;
}

@media (max-width: 750px) {
  .learning__faq-wrapper {
    margin-bottom: 30px;
  }
}

.certificate__list {
  margin: -40px 0 0 -18px;
}

.certificate__list:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .certificate__list {
    margin: -15px 0 0 -10px;
  }
}

.certificate-list__item {
  float: left;
  width: 33.33333%;
  padding: 40px 0 0 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .certificate-list__item {
    width: 50%;
    padding: 15px 0 0 10px;
  }
}

.certificate-list__item--empty {
  width: 100%;
  margin: 60px 0;
  color: #666;
  font-size: 16px;
  letter-spacing: -0.6px;
  text-align: center;
}

.certificate-list__item-link {
  display: block;
  border: 1px solid #ddd;
}

@media (min-width: 751px) {
  .certificate-list__item-link:hover {
    border-color: #008cd6;
  }
}

.certificate-thumb__img {
  width: 100%;
}

.certificate-list__summary {
  padding: 20px;
  border: 0 solid #ddd;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

@media (max-width: 750px) {
  .certificate-list__summary {
    padding: 15px;
  }
}

.certificate-summary__lecture-name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 18px;
  margin-bottom: 15px;
  color: #666;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .certificate-summary__lecture-name {
    margin-bottom: 5px;
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.certificate-summary__group:after {
  content: '';
  display: block;
  clear: both;
}

.certificate-summary-group__title {
  float: left;
  width: 30%;
  color: #666;
  margin: 5px 0;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: left;
}

@media (max-width: 750px) {
  .certificate-summary-group__title {
    width: 50%;
  }
}

.certificate-summary-group__desc {
  float: right;
  width: 70%;
  color: #888;
  margin: 5px 0;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: right;
}

@media (max-width: 750px) {
  .certificate-summary-group__desc {
    width: 50%;
  }
}

.certificate-summary-group__btn-renew {
  display: inline-block;
  padding: 0 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  background: #ce3f50;
  color: #fff;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.certificate-summary-group__date-renew {
  color: #ce3f50;
}

.certificate-list__view-more {
  padding: 12px 0;
  text-align: center;
}

@media (max-width: 750px) {
  .certificate-list__view-more {
    padding: 8px 0;
  }
}

.certificate-view-more__text {
  position: relative;
  padding-right: 16px;
  color: #555;
  font-size: 15px;
  letter-spacing: -0.5px;
}

@media (max-width: 750px) {
  .certificate-view-more__text {
    padding-right: 12px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.certificate-view-more__text:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 11px;
  height: 9px;
  margin-top: -4px;
  background: url("../hg_img/lecture/ico-view-more-arrow.png") no-repeat;
}

@media (max-width: 750px) {
  .certificate-view-more__text:after {
    width: 8px;
    height: 7px;
    margin-top: -3px;
    background: url("../hg_img/lecture/m/ico-view-more-arrow.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.certificate__view {
  padding: 30px;
  border: 1px solid #ddd;
  background: #f6f6f6;
  -webkit-background-size: 37.96069% auto;
  -moz-background-size: 37.96069% auto;
  -ms-background-size: 37.96069% auto;
  background-size: 37.96069% auto;
}

@media (max-width: 750px) {
  .certificate__view {
    padding: 15px;
  }
}

.certificate-view__group {
  position: relative;
}

@media (min-width: 1044px) {
  .certificate-view__group {
    padding-left: 474px;
    font-size: 0;
  }
  .certificate-view__group:after {
    content: '';
    display: block;
    clear: both;
  }
}

.certificate-view__preview {
  width: 474px;
}

@media (min-width: 1044px) {
  .certificate-view__preview {
    position: relative;
    left: -474px;
    float: left;
    margin-right: -474px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 1043px) and (min-width: 751px) {
  .certificate-view__preview {
    margin: 0 auto;
  }
}

@media (max-width: 750px) {
  .certificate-view__preview {
    width: 100%;
    margin-bottom: 10px;
  }
}

.certificate-preview__sample-img {
  width: 100%;
}

.certificate-preview__box {
  position: relative;
  z-index: 10;
}

@media (min-width: 1044px) {
  .certificate-view__act {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (min-width: 1044px) {
  .certificate-act__logo {
    position: absolute;
    right: 0;
    top: 180px;
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 1043px) and (min-width: 751px) {
  .certificate-act__logo {
    display: none;
  }
}

.certificate-view-logo--v2 {
  top: 46px;
}

.certificate-view-logo__img {
  max-width: 100%;
}

@media (min-width: 1044px) {
  .certificate-act__list {
    margin-top: 594px;
  }
}

@media (max-width: 1043px) and (min-width: 751px) {
  .certificate-act__list {
    width: 474px;
    margin: 60px auto 0;
  }
}

@media (min-width: 1044px) {
  .certificate-act-list--v2 {
    margin-top: 258px;
  }
}

.certificate-act-list__item {
  margin-top: 5px;
}

.certificate-act-list__btn {
  display: block;
  width: 100%;
  height: 36px;
  padding: 0;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.certificate-act__desc {
  margin-top: 20px;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  text-align: center;
}

.exam__container {
  padding: 30px;
  border: 1px solid #aaa;
}

@media (max-width: 750px) {
  .exam__container {
    padding: 15px;
  }
}

.exam-container__title {
  padding: 22px 10px;
  margin-bottom: 50px;
  background: #f6f6f6;
  color: #333;
  font-family: 'noto-m';
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 24px;
  text-align: center;
}

@media (max-width: 750px) {
  .exam-container__title {
    padding: 14px 10px;
    margin-bottom: 30px;
    font-size: 16px;
    letter-spacing: -0.6px;
    line-height: 22px;
  }
}

.exam-container__desc-group {
  margin: -5px 0 15px -5px;
}

.exam-container__desc-group:after {
  content: '';
  display: block;
  clear: both;
}

.exam-container__info-desc {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 20px;
}

@media (max-width: 750px) {
  .exam-container__info-desc {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.exam-container__info-desc--left {
  float: left;
  margin: 5px 0 0 5px;
}

.exam-container__info-desc2 {
  color: #777;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.exam-container__link {
  color: #008cd6;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 20px;
}

@media (max-width: 750px) {
  .exam-container__link {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.exam-container__link--left {
  float: left;
  margin: 5px 0 0 5px;
}

.exam-container__applicant-info-section {
  margin-top: 20px;
}

.exam-container__applicant-info-section--first {
  margin-top: 0;
}

.exam-container__applicant-info {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-applicant-info__caption {
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  border-bottom-width: 0;
  background: #f9f9f9;
  color: #555;
  font-family: 'noto-m';
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  text-align: left;
}

.exam-applicant-info__title {
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  color: #555;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  vertical-align: middle;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-applicant-info__desc {
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-applicant-info__group {
  margin: -4px;
}

.exam-applicant-info__text {
  display: inline-block;
  margin: 4px;
}

.exam-applicant-info__btn {
  display: inline-block;
  height: 24px;
  padding: 0 5px;
  margin: 4px;
  color: #999;
  font-size: 12px;
  letter-spacing: -0.2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #d3d3d3;
  background: #f5f5f5;
  line-height: 22px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.exam-applicant-info__photo-upload {
  text-align: center;
}

.exam-applicant-photo-upload__photo-preview {
  overflow: hidden;
  width: 85px;
  height: 113px;
  margin: 0 auto 10px;
  border: 1px solid #aaa;
  background: url("../hg_img/lecture/learning/exam/default-applicant-photo.jpg") no-repeat center;
  font-size: 0;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
}

.exam-applicant-photo-upload__photo-preview:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.exam-applicant-photo-upload__preview-result {
  overflow: hidden;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  letter-spacing: -0.4px;
  vertical-align: middle;
}

.exam-applicant-photo-upload__standard {
  margin-bottom: 5px;
  color: #888;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
  line-height: 1.4;
}

.exam-applicant-photo-upload__btn {
  display: inline-block;
  width: 76px;
  height: 28px;
  padding: 0;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 750px) {
  .exam-applicant-photo-upload__btn {
    width: 85px;
    height: 30px;
    line-height: 30px;
  }
}

.exam-container__exemption {
  font-size: 0;
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #ddd;
  background: #f9f9f9;
}

@media (max-width: 750px) {
  .exam-container__exemption {
    padding: 15px;
    margin: 15px 0;
  }
}

.exam-exemption__checkbox {
  vertical-align: middle !important;
}

.exam-exemption__label {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 20px;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .exam-exemption__label {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.exam-container__exemption-info-wrapper {
  display: none;
}

.exam-container__exemption-info {
  margin-bottom: 20px;
}

@media (max-width: 750px) {
  .exam-container__exemption-info {
    margin-bottom: 10px;
  }
}

.exam-exemption-info__title {
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  background: #f9f9f9;
  color: #555;
  font-family: 'noto-m';
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  vertical-align: middle;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-exemption-info__desc {
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-exemption-info__info-desc {
  display: inline-block;
  margin: 5px 0;
  color: #777;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
  line-height: 16px;
  vertical-align: middle;
}

.exam-exemption-info__row-group {
  margin: -5px 0;
}

.exam-exemption-info__row {
  margin: 5px 0;
}

.exam-exemption-info__sub-title {
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  border-bottom-width: 0;
  border-left-width: 0;
  color: #555;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  vertical-align: middle;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-exemption-info__m-sub-title {
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  border-top-width: 0;
  color: #555;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  vertical-align: middle;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-exemption-info__sub-desc {
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  border-bottom-width: 0;
  border-left-width: 0;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-exemption-info__m-sub-desc {
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  border-bottom-width: 0;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-exemption-info__input {
  width: 100%;
  height: 38px;
  max-width: 200px;
  padding: 11px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .exam-exemption-info__input {
    max-width: 160px;
    height: 30px;
    padding: 7px 10px;
  }
}

.exam-exemption-info__input--full-width {
  max-width: 100%;
}

.exam-exemption-info__input-file {
  width: 100%;
  max-width: 100%;
}

.exam-exemption-info__filepath {
  display: inline-block;
  width: 100%;
  max-width: 240px;
  padding: 10px 79px 10px 15px;
  border: 1px solid #ddd;
  background: #f6f6f6;
  cursor: pointer;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-exemption-info__filepath:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .exam-exemption-info__filepath {
    max-width: 227px;
  }
}

.exam-exemption-filepath__result {
  float: left;
  width: 100%;
  color: #777;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-exemption-filepath__result-text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.exam-exemption-filepath__btn-upload {
  position: relative;
  right: -64px;
  float: right;
  width: 64px;
  padding: 0;
  margin-left: -64px;
  border: 0;
  background: none;
  color: #777;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
  line-height: 1;
  text-decoration: underline;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.exam-exemption-info__subjects {
  margin: -10px 0 0 -60px;
}

.exam-exemption-info__subjects:after {
  content: '';
  display: block;
  clear: both;
}

.exam-exemption-subjects__item {
  float: left;
  margin: 10px 0 0 60px;
  font-size: 0;
}

.exam-exemption-subjects__checkbox {
  vertical-align: middle !important;
}

.exam-exemption-subjects__label {
  font-size: 14px;
  letter-spacing: -0.4px;
  vertical-align: middle;
}

.exam-container__application-form {
  margin: 100px 0 70px;
  text-align: center;
}

@media (max-width: 750px) {
  .exam-container__application-form {
    margin: 50px 0 0;
  }
}

.exam-application-form__desc {
  margin-bottom: 40px;
  color: #444;
  font-family: 'noto-m';
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 22px;
}

@media (max-width: 750px) {
  .exam-application-form__desc {
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

.exam-application-form__date {
  margin-bottom: 20px;
}

@media (max-width: 750px) {
  .exam-application-form__date {
    margin-bottom: 10px;
  }
}

.exam-application-date__item {
  margin: 0 8px;
  color: #444;
  font-size: 16px;
  letter-spacing: -0.6px;
}

.exam-application-form__applicant {
  margin-bottom: 50px;
  color: #444;
  font-family: 'noto-m';
  font-size: 16px;
  letter-spacing: -0.6px;
}

.exam-application-form__btn-submit {
  display: inline-block;
  width: 252px;
  height: 48px;
  padding: 0;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #008cd6;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 750px) {
  .exam-application-form__btn-submit {
    width: 100%;
    height: 35px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 35px;
  }
}

.exam-application-form__btn-submit--full-width {
  width: 100%;
}

.exam-container__logo {
  margin: 20px auto 50px;
}

.exam-container__logo-link {
  display: block;
  width: 229px;
  height: 52px;
  margin: 0 auto;
  background: url("../hg_img/sub/member/common/logo.png") no-repeat;
  text-indent: -9999px;
}

@media (max-width: 750px) {
  .exam-container__logo-link {
    width: 151px;
    height: 34px;
    background: url("../hg_img/sub/member/common/m/logo.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.exam-container__title-v2 {
  margin-bottom: 16px;
  color: #333;
  font-family: 'noto-m';
  font-size: 22px;
  letter-spacing: -1.2px;
  line-height: 26px;
}

.exam-container__application-period {
  padding-bottom: 25px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dfdfdf;
  color: #777;
  font-size: 16px;
  letter-spacing: -0.6px;
}

.exam-container__precautions {
  padding: 20px;
  margin: 20px 0;
  background: #f9f9f9;
}

.exam-precautions__title {
  margin-bottom: 12px;
  color: #555;
  font-family: 'noto-m';
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 20px;
}

.exam-precautions__contents {
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 20px;
}

.c-exam-result__box {
  padding: 98px 30px;
  text-align: center;
}

.c-exam-result__desc {
  padding-top: 136px;
  margin-bottom: 68px;
  background: url("../hg_img/lecture/learning/exam/ico-check-result.png") no-repeat center top;
  color: #444;
  font-family: 'noto-b';
  font-size: 30px;
  letter-spacing: -2px;
}

.c-exam-result__desc-strong {
  color: #008cd6;
}

.c-exam-result__link {
  padding-right: 18px;
  background: url("../hg_img/sub/common/ico_arrow_right_blue.png") no-repeat right center;
  color: #008cd6;
  font-size: 15px;
  letter-spacing: -0.6px;
}

.c-exam-result__link:hover {
  text-decoration: underline;
}

.complete-container__view {
  padding: 70px 10px 80px;
  border: 1px solid #ddd;
  background: #f6f6f6;
}

@media (max-width: 750px) {
  .complete-container__view {
    padding: 30px 10px 40px;
  }
}

.complete-container__congratulation {
  color: #444;
  font-family: 'noto-m';
  font-size: 30px;
  letter-spacing: -2px;
  line-height: 36px;
  text-align: center;
}

@media (max-width: 750px) {
  .complete-container__congratulation {
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 26px;
  }
}

.complete-congratulation__highlight {
  color: #008cd6;
}

.complete-container__detail {
  max-width: 530px;
  min-height: 134px;
  padding: 20px 50px;
  margin: 50px auto;
  background: url("../hg_img/lecture/learning/lecture/bg-complete-deco.png") no-repeat center top;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .complete-container__detail {
    max-width: 304px;
    min-height: 67px;
    padding: 0 40px;
    margin: 30px auto;
    background: url("../hg_img/lecture/learning/lecture/m/bg-complete-deco.png") no-repeat center top;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.complete-detail__desc {
  margin-bottom: 14px;
  color: #444;
  font-family: 'noto-m';
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 26px;
}

@media (max-width: 750px) {
  .complete-detail__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 20px;
  }
}

.complete-detail__info-desc {
  color: #777;
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 22px;
}

@media (max-width: 750px) {
  .complete-detail__info-desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 20px;
    word-break: keep-all;
  }
}

.complete-container__btn-group {
  font-size: 0;
  text-align: center;
}

.complete-btn-group__btn {
  display: inline-block;
  width: 128px;
  height: 32px;
  padding: 0;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #008cd6;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 32px;
  cursor: pointer;
}

@media (max-width: 750px) {
  .complete-btn-group__btn {
    width: 100%;
    height: 35px;
    line-height: 35px;
  }
}

.exam-questions__header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8000;
  width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-questions-header__title-bar {
  padding-right: 10px;
  padding-left: 10px;
  min-height: 91px;
  padding-top: 31px;
  padding-bottom: 31px;
  border-bottom: 1px solid #c3c3c3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .exam-questions-header__title-bar {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.exam-questions-title__outer {
  margin: 0 240px;
}

@media (max-width: 1336px) {
  .exam-questions-title__outer {
    margin-left: auto;
  }
}

.exam-questions-title__inner {
  width: 814px;
  margin: 0 auto;
  font-size: 0;
}

@media (max-width: 1114px) {
  .exam-questions-title__inner {
    width: 90%;
  }
}

.exam-questions-title__logo {
  display: inline-block;
  width: 126px;
  height: 28px;
  background: url("../hg_img/lecture/learning/exam/logo.png");
  text-indent: -9999px;
  vertical-align: middle;
}

.exam-questions-title__title {
  display: inline-block;
  margin-left: 10px;
  color: #333;
  font-family: 'noto-b';
  font-size: 22px;
  letter-spacing: -1.2px;
  vertical-align: middle;
}

.exam-questions__quick {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 240px;
  height: 100%;
  background: #4b4b4b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-questions-quick-nav__title {
  height: 91px;
  padding: 34px 0;
  background: #2e2e2e;
  color: #fff;
  font-family: 'noto-b';
  font-size: 22px;
  letter-spacing: -1.2px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-questions-quick-nav__list {
  padding: 20px;
}

.exam-questions-quick-nav__link {
  position: relative;
  display: block;
  padding: 10px;
  color: #fff;
  font-size: 15px;
  letter-spacing: -0.5px;
}

.exam-questions-quick-nav__link:hover {
  text-decoration: underline;
}

.exam-questions-quick-nav__link--active {
  text-decoration: underline;
}

.exam-questions-quick-nav__link--complete {
  color: #999;
}

.exam-questions-quick-nav__link--complete:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background: url("../hg_img/lecture/ico-complete.png") no-repeat;
}

.exam-questions__contents {
  margin: 152px 240px 20px;
}

@media (max-width: 1336px) {
  .exam-questions__contents {
    margin-left: auto;
  }
}

.exam-questions-contents__util-bar {
  position: fixed;
  top: 91px;
  left: 0;
  z-index: 8000;
  width: 100%;
  background: #fff;
  padding-right: 10px;
  padding-left: 10px;
  height: 41px;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .exam-questions-contents__util-bar {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.exam-questions-util__outer {
  margin: 0 240px;
}

@media (max-width: 1336px) {
  .exam-questions-util__outer {
    margin-left: auto;
  }
}

.exam-questions-util__inner {
  width: 814px;
  margin: 0 auto;
}

.exam-questions-util__inner:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 1114px) {
  .exam-questions-util__inner {
    width: 90%;
  }
}

.exam-questions-util__status {
  float: left;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
  line-height: 1;
}

.exam-questions-progress-status__text {
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
  line-height: 1;
}

.exam-questions-progress-status__text--complete {
  font-weight: bold;
  color: #008cd6;
}

.exam-questions-progress-status__text--total {
  color: #333;
}

.exam-questions-progress-status__text--remain {
  color: #777;
}

.exam-questions-util__time {
  float: right;
}

.exam-questions-progress-time__text {
  position: relative;
  padding-left: 20px;
  color: #333;
  font-family: '돋움', 'Dotum', sans-serif;
  font-size: 12px;
  line-height: 1;
}

.exam-questions-progress-time__text:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("../hg_img/lecture/ico-clock.png") no-repeat;
}

.exam-questions-progress-time__number {
  font-weight: bold;
}

.exam-questions-contents__box {
  width: 814px;
  padding: 30px;
  margin: 0 auto;
  border: 1px solid #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1114px) {
  .exam-questions-contents__box {
    width: 90%;
  }
}

.exam-questions-contents__box-inner {
  position: relative;
}

.exam-questions-contents__item {
  position: relative;
  min-height: 616px;
  padding-bottom: 108px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-questions-contents__question {
  padding-right: 100px;
  margin-bottom: 25px;
  color: #333;
  font-family: 'noto-m';
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 1.4;
}

.exam-questions-answer-multiple__item {
  margin-top: 15px;
  font-size: 0;
}

.exam-questions-answer-multiple__item:first-child {
  margin-top: 0;
}

.exam-questions-answer-multiple__radio {
  display: inline-block;
  vertical-align: middle !important;
}

.exam-questions-answer-multiple__label {
  display: inline-block;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  vertical-align: middle;
}

.exam-questions-answer-essay__textarea {
  width: 100%;
  height: 100px;
  padding: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-questions-contents__photo-box {
  margin-top: 30px;
  text-align: left;
}

.exam-questions-photo__img {
  max-width: 100%;
}

.exam-questions-form__btn-apply {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: inline-block;
  width: 90px;
  height: 32px;
  padding: 0;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #5c5c5c;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 48px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}

.exam-questions-contents__act-box {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #dfdfdf;
}

.exam-questions-contents__act-box:after {
  content: '';
  display: block;
  clear: both;
}

.exam-questions-act__prev-next {
  float: left;
  margin: 0 -3px;
}

.exam-questions-act__prev-next:after {
  content: '';
  display: block;
  clear: both;
}

.exam-questions-prev-next__item {
  float: left;
  margin: 0 3px;
}

.exam-questions-prev-next__link {
  display: inline-block;
  width: 90px;
  height: 32px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 30px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.exam-questions-act__btn-submit {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: inline-block;
  width: 90px;
  height: 32px;
  padding: 0;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #008cd6;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}

/* 마이페이지 */
.member-leave-info__title-desc {
  margin-bottom: 10px;
  color: #444;
  font-size: 18px;
  letter-spacing: -0.8px;
  line-height: 28px;
  text-align: center;
}

@media (max-width: 750px) {
  .member-leave-info__title-desc {
    font-size: 16px;
    letter-spacing: -0.6px;
    line-height: 24px;
  }
}

.member-leave-info__title-desc:before {
  content: '';
  display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto 20px;
  background: url("../hg_img/lecture/ico-info.png") no-repeat;
}

@media (max-width: 750px) {
  .member-leave-info__title-desc:before {
    width: 31px;
    height: 31px;
    margin-bottom: 10px;
    background: url("../hg_img/lecture/m/ico-info.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.member-leave-info__desc {
  margin-bottom: 30px;
  color: #888;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 22px;
  text-align: center;
}

@media (max-width: 750px) {
  .member-leave-info__desc {
    margin-bottom: 15px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 20px;
  }
}

.member-leave-info__box {
  padding: 25px 20px;
  margin: 10px 0;
  border: 1px solid #ddd;
}

@media (max-width: 750px) {
  .member-leave-info__box {
    padding: 15px;
  }
}

.member-leave-info-box__title-desc {
  margin-bottom: 10px;
  color: #666;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 20px;
}

@media (max-width: 750px) {
  .member-leave-info-box__title-desc {
    margin-bottom: 5px;
  }
}

.member-leave-info-box__desc {
  color: #888;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 22px;
}

@media (max-width: 750px) {
  .member-leave-info-box__desc {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 20px;
  }
}

.member-leave-info__section {
  margin-top: 50px;
}

@media (max-width: 750px) {
  .member-leave-info__section {
    margin-top: 30px;
  }
}

.member-leave-info-section__title {
  margin-bottom: 10px;
  color: #444;
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 22px;
}

@media (max-width: 750px) {
  .member-leave-info-section__title {
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.member-leave-info-section__info {
  color: #888;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .member-leave-info-section__info {
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.member-leave-info-section__box {
  padding: 25px 20px;
  border: 1px solid #ddd;
  background: #f9f9f9;
}

@media (max-width: 750px) {
  .member-leave-info-section__box {
    padding: 15px;
  }
}

.member-leave-info-section__text {
  margin-bottom: 10px;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.member-leave-info-section__detail-agree {
  margin: -5px;
}

@media (max-width: 750px) {
  .member-leave-info-section__detail-agree {
    margin: -15px 0;
  }
}

@media (min-width: 751px) {
  .member-leave-detail-agree__item:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (max-width: 750px) {
  .member-leave-detail-agree__item {
    position: relative;
    padding-right: 40px;
    margin: 15px 0;
  }
}

.member-leave-detail-agree__text {
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

@media (min-width: 751px) {
  .member-leave-detail-agree__text {
    float: left;
    margin: 5px;
  }
}

@media (max-width: 750px) {
  .member-leave-detail-agree__text {
    margin-bottom: 5px;
  }
}

.member-leave-detail-agree__link {
  color: #008cd6;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

.member-leave-detail-agree__info-check {
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}

@media (min-width: 751px) {
  .member-leave-detail-agree__info-check {
    float: right;
    margin: 5px;
  }
}

.member-leave-detail-agree-info-chek__label {
  display: inline-block;
  vertical-align: middle;
}

.member-leave-detail-agree-info-chek__checkbox {
  display: inline-block;
  vertical-align: middle !important;
}

@media (max-width: 750px) {
  .member-leave-detail-agree-info-chek__checkbox {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px !important;
  }
}

.member-leave-info-section__reason-list {
  margin: -8px;
}

@media (min-width: 751px) {
  .member-leave-info-section__reason-list:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (max-width: 750px) {
  .member-leave-info-section__reason-list {
    margin: -4px;
  }
}

.member-leave-reason-list__item {
  padding-left: 26px !important;
}

.member-leave-reason-list__item:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 751px) {
  .member-leave-reason-list__item {
    float: left;
    padding: 8px;
    width: 33.33333%;
    min-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 750px) {
  .member-leave-reason-list__item {
    padding: 4px;
  }
}

.member-leave-reason-list__label {
  display: inline-block;
  color: #777;
  font-size: 15px;
  letter-spacing: -0.5px;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .member-leave-reason-list__label {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 20px;
  }
}

.member-leave-reason-list__checkbox {
  display: inline-block;
  vertical-align: middle;
  float: left;
  position: relative;
  left: -26px;
  margin-right: -26px !important;
}

.member-leave-info-section__reason-detail-text {
  margin-top: 15px;
}

.member-leave-detail-text__textarea {
  width: 100%;
  height: 120px;
  padding: 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .member-leave-detail-text__textarea {
    padding: 8px;
  }
}

.continuing-education__info {
  padding: 25px 20px;
  margin-bottom: 30px;
  border: 1px solid #ddd;
}

.continuing-education-info__title {
  margin-bottom: 15px;
  color: #666;
  font-size: 15px;
  letter-spacing: -0.5px;
}

.continuing-education-info__item {
  padding-left: 17px;
  color: #888;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 25px;
  text-indent: -17px;
  word-break: keep-all;
}

.continuing-education__top-group {
  margin: -20px 175px 15px -20px;
}

@media (max-width: 750px) {
  .continuing-education__top-group {
    margin: 0 0 15px;
  }
}

.continuing-education-top-group__title {
  color: #444;
  font-family: 'noto-m';
  font-size: 18px;
  letter-spacing: -0.8px;
}

@media (min-width: 751px) {
  .continuing-education-top-group__title {
    display: inline-block;
    margin: 20px 0 0 20px;
    vertical-align: bottom;
  }
}

@media (max-width: 750px) {
  .continuing-education-top-group__title {
    margin-bottom: 15px;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

@media (min-width: 751px) {
  .continuing-education-top-group__date-search {
    display: inline-block;
    margin: 20px 0 0 20px;
    vertical-align: bottom;
  }
}

@media (max-width: 750px) {
  .continuing-education-top-group__date-search {
    padding-right: 54px;
  }
}

.date-search__input-box {
  position: relative;
  display: inline-block;
  width: 125px;
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .date-search__input-box {
    float: left;
    width: 47.5%;
  }
}

.date-search__input-box:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 6px;
  width: 21px;
  height: 22px;
  margin-top: -11px;
  background: url("../hg_img/sub/common/ico-calendar.png") no-repeat;
}

@media (max-width: 750px) {
  .date-search__input-box:after {
    width: 15px;
    height: 16px;
    margin-top: -8px;
    background: url("../hg_img/sub/common/m/ico-calendar.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.date-search__input {
  width: 90px;
  height: 34px;
  padding: 0 10px;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  color: #aaa;
  font-size: 14px;
  letter-spacing: -0.4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .date-search__input {
    width: calc(100% - 27px);
  }
}

.date-search__middle-span {
  color: #7e7e7e;
  font-size: 14px;
}

@media (max-width: 750px) {
  .date-search__middle-span {
    float: left;
    width: 5%;
    line-height: 38px;
    text-align: center;
  }
}

.date-search__btn-search {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #5c5c5c;
  min-width: 50px;
  height: 36px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 750px) {
  .date-search__btn-search {
    position: relative;
    right: -54px;
    float: right;
    margin-left: -54px;
  }
}

.continuing-education__btn-download-box {
  margin: -38px 0 10px;
  text-align: right;
}

.continuing-education__btn-download {
  display: inline-block;
  padding: 7px 10px;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
}

.btn-lecture-details {
  display: block;
  margin: -32px 0 10px auto;
  border: 0;
  background: transparent;
  color: #444;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: right;
  cursor: pointer;
}

@media (max-width: 750px) {
  .btn-lecture-details {
    font-size: 12px;
    letter-spacing: -0.2px;
  }
}

.btn-lecture-details:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #008cd6;
}

.btn-lecture-details.is-open:after {
  border-top: 0;
  border-bottom: 8px solid #008cd6;
}

.discount-decoration {
  text-decoration: line-through;
}

/*
 * ==================================== 스토어 ====================================
 */
#sit_use,
#sit_qa,
#sit_dvr,
#sit_ex,
#sit_rel {
  display: none;
}

/*
 * 재단스토어 메인
 */
.shop-main__product-section {
  margin-bottom: 60px;
}

@media (max-width: 750px) {
  .shop-main__product-section {
    margin-bottom: 30px;
  }
}

.products--last {
  margin-bottom: 0;
}

.products__title {
  margin-bottom: 20px;
  color: #444;
  font-family: 'noto-m';
  font-size: 22px;
}

@media (max-width: 750px) {
  .products__title {
    margin-bottom: 10px;
    font-size: 15px;
  }
}

.products__list {
  margin: -40px 0 0 -20px;
}

.products__list:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .products__list {
    margin-left: -10px;
  }
}

.products__item {
  float: left;
  padding: 40px 0 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.products__item--empty {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

@media (max-width: 750px) {
  .products__item--empty {
    font-size: 14px;
  }
}

@media (max-width: 750px) {
  .products__item {
    padding-left: 10px;
  }
}

.products__link {
  display: block;
}

.products__thumb-wrapper {
  position: relative;
  margin-bottom: 16px;
}

@media (max-width: 750px) {
  .products__thumb-wrapper {
    margin-bottom: 8px;
  }
}

.products__thumb {
  padding: 26px 0;
  border: 1px solid #ddd;
  width: 100% !important;
  height: auto !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .products__thumb {
    padding: 18px 0;
  }
}

.products__hover-box {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #008cd6;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

@media (max-width: 750px) {
  .products__hover-box {
    display: none;
  }
}

.products__go-wish {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -55px;
  border: 0;
  background: transparent url("../hg_img/shop/ico-wish.png") no-repeat;
  text-indent: -9999px;
  cursor: pointer;
  outline: 0;
}

.products__go-cart {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 5px;
  border: 0;
  background: transparent url("../hg_img/shop/ico-cart.png") no-repeat;
  text-indent: -9999px;
  cursor: pointer;
  outline: 0;
}

.products__name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  color: #555;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

@media (max-width: 750px) {
  .products__name {
    font-size: 14px;
  }
}

.products__price {
  color: #333;
  font-family: 'noto-b';
  font-size: 16px;
  text-align: center;
}

@media (max-width: 750px) {
  .products__price {
    font-size: 15px;
  }
}

/*
 * 재단스토어 푸터
 */
@media (min-width: 1025px) {
  .only_tabm {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .only_m {
    display: none !important;
  }
}

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

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

.centered {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

.ft {
  position: relative;
  /*z-index: 9999;*/
  padding: 0 15px;
  border-top: 1px solid #d6d2c2;
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ft .centered {
  position: relative;
}

.ft_menu_selected {
  display: none;
}

.ft_menus {
  /*margin: 0 -15px;*/
  padding: 16px 0;
  /*border-bottom: 1px solid #d3d3d3;*/
  font-size: 0;
  text-align: center;
}

@media (min-width: 1025px) {
  .ft_menus {
    display: block !important;
  }
}

.ft_menus li {
  display: inline-block;
  font-size: 10px;
  color: #d3d3d3;
  vertical-align: middle;
}

.ft_menus li:before {
  content: '|';
  display: inline-block;
  margin-top: 2px;
  vertical-align: top;
}

.ft_menus li:first-child:before {
  display: none;
}

.ft_menus li a {
  display: inline-block;
  padding: 0 9px;
  font-size: 13px;
  color: #555;
}

.ft_menus li:first-child a {
  font-family: 'noto-m';
}

/* 2017-11-08 | SD | 하단 추가 */
/* 모바일 드롭다운메뉴 숨기기 */
.m_drop_down_area {
  display: none;
}

.drop_down_area {
  margin: 0 -15px;
  border-bottom: 1px solid #d3d3d3;
}

.drop_down_area .inner {
  padding: 0 15px;
}

.drop_down_area .centered {
  position: relative;
}

.ft_select_box2 {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 3;
  width: 160px;
  margin-top: -16px;
  background: #fff;
}

.ft_menu_selected2 {
  cursor: pointer;
}

.ft_menu_selected2:after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -4px;
  border-top: 5px solid #393536;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.ft_menu_selected2.on:after {
  border-top: 0;
  border-bottom: 6px solid #393536;
}

.ft_menu_selected2,
.ft_menus2 li a {
  position: relative;
  display: block;
  padding: 0 20px 0 10px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #cfcfcf;
  font-family: 'noto-l';
  font-size: 14px;
  color: #666;
}

.ft_menus2 {
  display: none;
}

.ft_menus2 li a {
  border-top: 0;
}

/* 2017-11-08 | SD | 하단 추가 */
.ft_infos {
  display: table;
  width: 100%;
  padding: 24px 0 44px;
}

.ft_logo {
  width: 200px;
}

.ft_logo img {
  width: 147px;
}

.ft_logo, .ft .txt_box {
  display: table-cell;
  vertical-align: middle;
}

.ft address {
  font-family: 'noto-l';
  font-style: normal;
  font-size: 13px;
  color: #666;
  line-height: 2;
}

.ft .copy {
  font-family: 'noto-l';
  font-size: 13px;
  color: #aaa;
  line-height: 2;
}

.ft .reference {
  margin-top: 16px;
  font-family: 'noto-l';
  font-size: 12px;
  color: #aaa;
  line-height: 1.5;
}

/*
.ft .sns_list{
	display: none;
}
*/
/*최상단 이동 버튼*/
.btn_scroll_top {
  display: block;
  text-indent: -9999px;
  width: 60px;
  height: 60px;
  background: url("http://jongienara.co.kr/img/layout/btn_scroll_top.png") no-repeat;
  position: fixed;
  right: 25px;
  bottom: 30px;
  z-index: 9998;
}

@media (min-width: 1025px) {
  .ft .sns_list {
    position: absolute;
    top: 32px;
    right: 0;
  }
  .ft .sns_list li {
    float: left;
    margin-left: 5px;
  }
  .ft .sns_list li a {
    display: block;
    width: 38px;
    height: 38px;
  }
  .ft .sns_list li a.ico_insta {
    background: url("http://jongienara.co.kr/img/layout/pc_icon_instagram.png") no-repeat center center;
  }
  .ft .sns_list li a.ico_fb {
    background: url("http://jongienara.co.kr/img/layout/pc_icon_facebook.png") no-repeat center center;
  }
  .ft .sns_list li a img {
    display: none;
    /*max-width: 100%;*/
  }
}

@media (max-width: 1024px) {
  .ft {
    padding: 60px 30px;
  }
  .ft .fp-tableCell {
    position: relative;
  }
  .ft_infos, .ft_logo, .ft .txt_box {
    display: block;
  }
  .ft_infos {
    padding: 0;
  }
  .ft_logo {
    /*float: left;*/
    width: 174px;
    height: 61px;
    background: url("http://jongienara.co.kr/img/layout/ft_logo_m.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .ft_logo img {
    display: none;
    width: 100%;
  }
  /* 2017-11-08 | SD | 하단 추가 */
  .drop_down_area {
    display: none;
  }
  .m_drop_down_area {
    display: block;
    margin-top: 30px;
    margin-left: -12px;
  }
  .ft_select_box, .ft_select_box2 {
    width: 50%;
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ft_select_box2 {
    float: right;
    /*position: static;*/
    right: 0;
    margin-top: 0;
  }
  /* 2017-11-08 | SD | 하단 추가 */
  .ft_select_box {
    position: relative;
    /*float: right;*/
    float: left;
    /*width: 270px;*/
    cursor: pointer;
  }
  .ft_menu_selected, .ft_menus li a,
  .ft_menu_selected2, .ft_menus2 li a {
    position: relative;
    display: block;
    padding: 0 20px 0 14px;
    height: 58px;
    line-height: 58px;
    border: 1px solid #cfcfcf;
    font-family: 'noto-l';
    font-size: 22px;
    color: #666;
  }
  .ft_menu_selected {
    z-index: 3;
    background: #fff;
  }
  .ft_menu_selected:after,
  .ft_menu_selected2:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
    border-top: 6px solid #393536;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
  }
  .ft_menu_selected.on:after,
  .ft_menu_selected2.on:after {
    border-top: 0;
    border-bottom: 6px solid #393536;
  }
  .ft_menus,
  .ft_menus2 {
    display: none;
    border-bottom: 0;
    position: absolute;
    bottom: 58px;
    z-index: 2;
    /*width: 100%;*/
    width: calc(100% - 12px);
    margin: 0;
    padding: 0;
    background: #fff;
    text-align: left;
  }
  .ft_menus li,
  .ft_menus2 li {
    display: block;
  }
  .ft_menus li a,
  .ft_menus2 li a {
    border-top-width: 0;
  }
  .ft_menus li:first-child a, .ft_menus2 li:first-child a {
    border-top-width: 1px;
  }
  .ft_menus li:before,
  .ft_menus2 li:before {
    display: none;
  }
  .ft .txt_box:before {
    content: '';
    display: block;
    clear: both;
  }
  .ft .sns_list {
    display: block;
    position: absolute;
    top: 0;
    /*right: 292px;*/
    right: 0;
  }
  .ft .sns_list li {
    float: left;
    margin-left: 10px;
  }
  .ft address {
    margin-top: 30px;
  }
  .ft address, .ft .copy {
    font-size: 24px;
    line-height: 1.5;
  }
  .ft .copy {
    margin-top: 20px;
  }
  /*최상단 이동 버튼*/
  .btn_scroll_top {
    right: 30px;
    bottom: 210px;
  }
}

@media (max-width: 767px) {
  .ft {
    padding: 7.822685788787484vw 3.911342894393742vw !important;
  }
  .ft_logo {
    width: 22.6857887874837vw;
    height: 7.953063885267275vw;
  }
  .ft address, .ft .copy {
    font-size: 3.129074315514993vw;
  }
  .ft address {
    margin-top: 4.432855280312907vw;
  }
  .ft .copy {
    margin-top: 4.432855280312907vw;
  }
  /* 2017-11-08 | SD | 하단 추가 */
  .m_drop_down_area {
    margin-top: 3.911342894393742vw;
    margin-left: -1.564537157757497vw;
  }
  .ft_select_box, .ft_select_box2 {
    padding-left: 1.564537157757497vw;
  }
  /* 2017-11-08 | SD | 하단 추가 */
  .ft_select_box {
    /*width: 38.18953323903819%;*/
  }
  .ft_menu_selected, .ft_menus li a,
  .ft_menu_selected2, .ft_menus2 li a {
    padding: 0 2.607561929595828vw 0 1.82529335071708vw;
    height: 7.561929595827901vw;
    line-height: 7.561929595827901vw;
    font-size: 2.868318122555411vw;
  }
  .ft_menu_selected:after,
  .ft_menu_selected2:after {
    right: 2.607561929595828vw;
    margin-top: -0.3911342894393742vw;
    border-width: 0.7822685788787484vw;
    border-top-width: 0.7822685788787484vw;
    border-bottom-width: 0;
  }
  .ft_menu_selected.on:after,
  .ft_menu_selected2.on:after {
    border-bottom-width: 0.7822685788787484vw;
    border-top-width: 0;
  }
  .ft_menus,
  .ft_menus2 {
    width: calc(100% - 1.564537157757497vw);
    bottom: 7.561929595827901vw;
  }
  .ft .sns_list {
    /*right: 38.07040417209909vw;*/
    right: 0;
  }
  .ft .sns_list li {
    width: 7.301173402868318vw;
    height: 7.301173402868318vw;
    margin-left: 1.303780964797914vw;
  }
  .ft .sns_list li img {
    max-width: 100%;
  }
  .btn_scroll_top {
    right: 3.911342894393742vw;
    /*bottom: 27.37940026075619vw;*/
    bottom: 3.911342894393742vw;
    width: 10.43024771838331vw;
    height: 10.43024771838331vw;
    background-image: url("http://jongienara.co.kr/img/layout/m/btn_scroll_top.png");
    -webkit-background-size: contain;
    background-size: contain;
  }
}

.shop-list__product-category {
  margin-bottom: 20px;
}

.product-category__list {
  margin: -4px;
  font-size: 0;
}

.product-category__item {
  display: inline-block;
  padding: 4px;
  vertical-align: middle;
}

.product-category__item:first-child {
  margin-left: 0;
}

.product-category__link {
  display: inline-block;
  padding: 4px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #cfcfcf;
  background: #f5f5f5;
  color: #777;
  font-size: 14px;
}

.product-sort__list {
  margin-bottom: 16px;
  font-size: 0;
}

.product-sort__item {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  vertical-align: middle;
}

.product-sort__item:first-child {
  padding-left: 0;
}

.product-sort__item:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  width: 1px;
  height: 8px;
  margin-top: -3px;
  background: #c8c8c8;
}

.product-sort__link {
  display: block;
  color: #777;
  font-size: 14px;
}

.product-sort__link--active {
  color: #444;
}

.shop-view__product-info {
  margin-bottom: 60px;
}

@media (min-width: 751px) {
  .shop-view__product-info:after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (max-width: 750px) {
  .shop-view__product-info {
    margin-bottom: 30px;
  }
}

@media (min-width: 751px) {
  .product-info__gallery {
    float: left;
    width: 42.38329%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.product-info-gallery__main {
  margin-bottom: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .product-info-gallery__main {
    padding: 40px 0;
    border: 1px solid #ddd;
  }
}

.product-main-gallery__item {
  outline: 0;
}

.product-main-gallery__item img {
  width: 100% !important;
  height: auto !important;
}

.product-info-gallery__thumb {
  margin: 0 -1.5px;
}

.product-info-gallery__thumb .slick-dots {
  margin-top: 15px;
  font-size: 0;
  text-align: center;
}

.product-info-gallery__thumb .slick-dots li {
  display: inline-block;
  margin: 0 2px;
  vertical-align: middle;
}

.product-info-gallery__thumb .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 0;
  background: #ddd;
  font-size: 0;
  cursor: pointer;
}

.product-info-gallery__thumb .slick-dots li.slick-active button {
  background: #777;
}

.product-thumb-gallery__item {
  padding: 8px 0;
  margin: 0 1.5px;
  border: 1px solid #ddd;
  outline: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.product-thumb-gallery__item img {
  width: 100% !important;
  height: auto !important;
  margin: 0 auto;
}

.product-thumb-gallery__item.slick-current {
  border-color: #aaa;
}

@media (min-width: 751px) {
  .product-info__buy {
    float: left;
    width: 57.61671%;
    padding-left: 3.6855%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.product-info-buy__title {
  margin: 10px 0 16px;
  color: #555;
  font-family: 'noto-m';
  font-size: 22px;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .product-info-buy__title {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

.product-info-buy__table {
  width: 100%;
  padding: 12px 16px;
  margin-bottom: 14px;
  background: #f6f6f6;
  border-collapse: separate;
}

@media (max-width: 750px) {
  .product-info-buy__table {
    padding: 8px;
  }
}

.product-buy-table__title {
  padding: 8px;
  color: #888;
  font-family: '돋움', 'Dotum';
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
}

.product-buy-table__desc {
  padding: 8px;
  color: #555;
  font-family: '돋움', 'Dotum';
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
}

.product-buy-option__title {
  padding: 16px 10px;
  border-bottom: 1px solid #ddd;
  color: #555;
  font-size: 16px;
}

@media (max-width: 750px) {
  .product-buy-option__title {
    padding: 10px;
    font-size: 15px;
  }
}

.product-buy-option__table {
  width: 100%;
}

.product-buy-option__table th, .product-buy-option__table td {
  padding: 0 10px;
  width: 50%;
  height: 56px;
  border-bottom: 1px dotted #ddd;
  color: #666;
  font-size: 14px;
  vertical-align: middle;
  text-align: left;
}

@media (max-width: 750px) {
  .product-buy-option__table th, .product-buy-option__table td {
    height: 46px;
  }
}

.product-buy-option__table select {
  width: 100%;
  height: 36px;
  border: 1px solid #ccc;
  color: #444;
}

@media (max-width: 750px) {
  .product-buy-option__table select {
    height: 30px;
  }
}

#sit_opt_added .sit_opt_list, #sit_opt_added .sit_spl_list {
  padding: 15px 117px 15px 10px;
  border-bottom: 1px solid #ddd;
}

#sit_opt_added .sit_opt_list:after, #sit_opt_added .sit_spl_list:after {
  content: '';
  display: block;
  clear: both;
}

#sit_opt_added .sit_opt_list .sit_opt_subj, #sit_opt_added .sit_spl_list .sit_opt_subj {
  float: left;
  color: #777;
  font-size: 14px;
  line-height: 22px;
}

#sit_opt_added .sit_opt_list .sit_opt_prc, #sit_opt_added .sit_spl_list .sit_opt_prc {
  float: left;
  color: #999;
  font-size: 14px;
  line-height: 22px;
}

#sit_opt_added .sit_opt_list > div, #sit_opt_added .sit_spl_list > div {
  position: relative;
  right: -107px;
  float: right;
  padding-left: 22px;
  margin-left: -117px;
  font-size: 0;
}

#sit_opt_added .sit_opt_list > div .frm_input, #sit_opt_added .sit_spl_list > div .frm_input {
  height: 22px;
  border: 1px solid #ccc;
  border-right: 0;
  border-left: 0;
  background: #f9f9f9;
  color: #777;
  font-family: '돋움', 'Dotum';
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#sit_opt_added .sit_opt_list > div .sit_qty_plus, #sit_opt_added .sit_opt_list > div .sit_qty_minus, #sit_opt_added .sit_opt_list > div .sit_opt_del, #sit_opt_added .sit_spl_list > div .sit_qty_plus, #sit_opt_added .sit_spl_list > div .sit_qty_minus, #sit_opt_added .sit_spl_list > div .sit_opt_del {
  width: 22px;
  height: 22px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  vertical-align: middle;
  cursor: pointer;
}

#sit_opt_added .sit_opt_list > div .sit_qty_plus:before, #sit_opt_added .sit_opt_list > div .sit_qty_minus:before, #sit_opt_added .sit_opt_list > div .sit_opt_del:before, #sit_opt_added .sit_spl_list > div .sit_qty_plus:before, #sit_opt_added .sit_spl_list > div .sit_qty_minus:before, #sit_opt_added .sit_spl_list > div .sit_opt_del:before {
  display: inline-block;
  color: #aeaeae;
  font-size: 14px;
  vertical-align: middle;
}

#sit_opt_added .sit_opt_list > div .sit_qty_plus:before, #sit_opt_added .sit_spl_list > div .sit_qty_plus:before {
  content: '+';
}

#sit_opt_added .sit_opt_list > div .sit_qty_minus, #sit_opt_added .sit_spl_list > div .sit_qty_minus {
  position: absolute;
  top: 0;
  left: 0;
}

#sit_opt_added .sit_opt_list > div .sit_qty_minus:before, #sit_opt_added .sit_spl_list > div .sit_qty_minus:before {
  content: '-';
}

#sit_opt_added .sit_opt_list > div .sit_opt_del, #sit_opt_added .sit_spl_list > div .sit_opt_del {
  margin-left: 5px;
  border-color: #aaa;
  background: #aaa;
}

#sit_opt_added .sit_opt_list > div .sit_opt_del:before, #sit_opt_added .sit_spl_list > div .sit_opt_del:before {
  content: 'x';
  color: #fff;
}

.product-info-buy__btns {
  margin: 15px 0 0 -5px;
}

.product-info-buy__btns:after {
  content: '';
  display: block;
  clear: both;
}

.product-info-buy__total {
  padding: 20px 10px;
  color: #ca1010;
  font-family: 'noto-b';
  font-size: 18px;
  text-align: right;
}

.product-info-buy__total:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .product-info-buy__total {
    padding: 10px;
  }
}

.product-buy-total span {
  float: left;
  color: #555;
  font-family: 'noto-b';
  font-size: 18px;
}

@media (max-width: 750px) {
  .product-buy-total span {
    font-size: 16px;
  }
}

.product-buy-btns__item {
  float: left;
  width: 39.41441%;
  padding: 5px 0 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .product-buy-btns__item {
    width: 50%;
  }
  .product-buy-btns__item:first-child {
    width: 100%;
  }
}

.product-buy-btns__item--small {
  width: 20.04505%;
}

@media (max-width: 750px) {
  .product-buy-btns__item--small {
    width: 50%;
  }
}

.product-buy-btns__btn-buy {
  display: block;
  width: 100%;
  height: 40px;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #008cd6;
  color: #fff;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 750px) {
  .product-buy-btns__btn-buy {
    font-size: 14px;
  }
}

.product-buy-btns__btn-cart {
  display: block;
  width: 100%;
  height: 40px;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #838a91;
  color: #fff;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 750px) {
  .product-buy-btns__btn-cart {
    font-size: 14px;
  }
}

.product-buy-btns__btn-wish {
  display: block;
  width: 100%;
  height: 38px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #777;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
}

@media (max-width: 750px) {
  .product-buy-btns__btn-wish {
    font-size: 14px;
  }
}

.btn-wish__inner:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 3px;
  background: url("../hg_img/shop/ico-heart.png") no-repeat;
}

@media (max-width: 750px) {
  .btn-wish__inner:before {
    width: 10px;
    height: 10px;
    background: url("../hg_img/shop/m/ico-heart.png") no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
  }
}

.product-detail__title {
  margin-bottom: 20px;
  color: #444;
  font-family: 'noto-m';
  font-size: 20px;
}

@media (max-width: 750px) {
  .product-detail__title {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

.product-detail__table {
  width: 100%;
  border: 1px solid #ddd;
}

.product-detail-table__title {
  width: 180px;
  height: 40px;
  padding: 0 20px;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  background: #f9f9f9;
  color: #555;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  text-align: left;
}

@media (max-width: 750px) {
  .product-detail-table__title {
    width: 100px;
    height: 30px;
    height: 30px;
    padding: 0 10px;
  }
}

.product-detail-table__desc {
  padding: 0 20px;
  height: 40px;
  border-bottom: 1px solid #eaeaea;
  color: #777;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .product-detail-table__desc {
    height: 30px;
    padding: 0 10px;
  }
}

/*
 * 장바구니
 */
.shop-cart__table {
  position: relative;
  width: 100%;
}

.cart-table__title {
  height: 46px;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #e9e9e9;
  background: #f4f4f4;
  color: #666;
  font-size: 14px;
  vertical-align: middle;
  line-height: 1.2;
  word-break: keep-all;
}

.cart-table__contents {
  padding: 15px;
  border-bottom: 1px solid #e9e9e9;
  color: #888;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  word-break: keep-all;
}

.cart-table__contents a {
  display: inline-block;
  color: #444;
}

.cart-table__contents a:hover {
  text-decoration: underline;
}

.cart-table__contents--empty {
  padding: 60px 15px;
}

.cart-table__contents--options {
  color: #444;
  text-align: left;
}

.cart-table__contents--options a {
  display: inline-block;
  margin-bottom: 5px;
}

.cart-table__contents--options a:hover {
  text-decoration: underline;
}

.cart-table__contents .sod_opt ul li {
  margin: 5px 0;
}

.cart-table__contents .sod_option_btn .mod_options {
  padding: 4px 8px;
  margin-top: 5px;
  border: 0;
  background: #838a91;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.cart-table__contents .sod_option_btn #mod_option_frm {
  position: absolute;
  top: 0;
  left: auto;
  z-index: 1;
  padding: 4px 30px 20px;
  border: 1px solid #666;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.cart-table__contents .sod_option_btn #mod_option_frm h3 {
  padding: 16px 0;
  border-bottom: 1px solid #ddd;
  color: #444;
  font-family: 'noto-m';
  font-size: 16px;
}

.cart-table__contents .sod_option_btn #mod_option_frm .sit_ov_tbl th, .cart-table__contents .sod_option_btn #mod_option_frm .sit_ov_tbl td {
  width: 50%;
  padding: 10px;
  border-bottom: 1px dotted #ddd;
  font-size: 14px;
  vertical-align: middle;
}

.cart-table__contents .sod_option_btn #mod_option_frm .sit_ov_tbl th {
  text-align: left;
}

.cart-table__contents .sod_option_btn #mod_option_frm .sit_ov_tbl td {
  text-align: right;
}

.cart-table__contents .sod_option_btn #mod_option_frm .sit_ov_tbl td select {
  border: 1px solid #ccc;
  color: #444;
}

.cart-table__contents .sod_option_btn #mod_option_frm #sit_opt_added .sit_opt_list, .cart-table__contents .sod_option_btn #mod_option_frm #sit_opt_added .sit_spl_list {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 10px;
  border: 0;
  background: #f6f6f6;
}

.cart-table__contents .sod_option_btn #mod_option_frm #sit_opt_added .sit_opt_list:after, .cart-table__contents .sod_option_btn #mod_option_frm #sit_opt_added .sit_spl_list:after {
  content: '';
  display: block;
  clear: both;
}

.cart-table__contents .sod_option_btn #mod_option_frm #sit_tot_price {
  margin: 20px 0;
  color: #333;
  font-family: 'noto-b';
  font-size: 24px;
  letter-spacing: -1.4px;
}

.cart-table__contents .sod_option_btn #mod_option_frm #sit_tot_price span {
  font-family: 'noto-r';
  font-size: 16px;
}

.cart-table__contents .sod_option_btn #mod_option_frm .btn_confirm {
  font-size: 0;
  text-align: center;
}

.cart-table__contents .sod_option_btn #mod_option_frm .btn_confirm .btn_submit {
  width: 104px;
  height: 32px;
  margin: 0 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  background: #008cd6;
  color: #fff;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.cart-table__contents .sod_option_btn #mod_option_frm .btn_confirm .btn_cancel {
  width: 104px;
  height: 32px;
  margin: 0 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bbb;
  background: #fff;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.cart-table__thumb {
  padding: 26px 0;
  border: 1px solid #ddd;
  width: 100% !important;
  height: auto !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .cart-table__thumb {
    padding: 18px 0;
  }
}

.cart-table__btn-del {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: #aaa;
  line-height: 22px;
  font-size: 0;
}

.cart-table__btn-del:before {
  content: 'x';
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}

.cart-table__input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
  height: 30px;
}

@media (max-width: 750px) {
  .cart-table__input {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.shop-cart__m-all-check {
  display: block;
  margin: -20px 0 5px;
  color: #777;
  font-size: 14px;
  text-align: right;
}

.shop-cart__m-table {
  position: relative;
  width: 100%;
}

.cart-m-table__contents {
  padding: 10px 5px;
  color: #888;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}

.cart-m-table__contents a {
  display: inline-block;
  color: #444;
  text-decoration: underline;
}

.cart-m-table__contents--empty {
  padding: 40px 10px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.cart-m-table__contents--options {
  color: #444;
  text-align: left;
}

.cart-m-table__contents--options a {
  display: inline-block;
  margin-bottom: 5px;
  text-decoration: underline;
}

.cart-m-table__contents .sod_opt ul li {
  margin: 5px 0;
}

.cart-m-table__contents .sod_option_btn .mod_options {
  padding: 4px 8px;
  margin-top: 5px;
  border: 0;
  background: #838a91;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 5px 15px 15px;
  border: 1px solid #666;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm h3 {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  color: #444;
  font-family: 'noto-m';
  font-size: 15px;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm .sit_ov_tbl th, .cart-m-table__contents .sod_option_btn #mod_option_frm .sit_ov_tbl td {
  width: 50%;
  padding: 10px;
  border-bottom: 1px dotted #ddd;
  font-size: 14px;
  vertical-align: middle;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm .sit_ov_tbl th {
  text-align: left;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm .sit_ov_tbl td {
  text-align: right;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm .sit_ov_tbl td select {
  border: 1px solid #ccc;
  color: #444;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm #sit_opt_added .sit_opt_list, .cart-m-table__contents .sod_option_btn #mod_option_frm #sit_opt_added .sit_spl_list {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 10px;
  border: 0;
  background: #f6f6f6;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm #sit_opt_added .sit_opt_list:after, .cart-m-table__contents .sod_option_btn #mod_option_frm #sit_opt_added .sit_spl_list:after {
  content: '';
  display: block;
  clear: both;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm #sit_tot_price {
  margin: 20px 0;
  color: #333;
  font-family: 'noto-b';
  font-size: 20px;
  letter-spacing: -1px;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm #sit_tot_price span {
  font-family: 'noto-r';
  font-size: 16px;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm .btn_confirm {
  font-size: 0;
  text-align: center;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm .btn_confirm .btn_submit {
  width: 104px;
  height: 32px;
  margin: 0 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  background: #008cd6;
  color: #fff;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.cart-m-table__contents .sod_option_btn #mod_option_frm .btn_confirm .btn_cancel {
  width: 104px;
  height: 32px;
  margin: 0 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bbb;
  background: #fff;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.cart-m-table__row {
  position: relative;
  display: table;
  width: 100%;
  border: 1px solid #ddd;
  border-bottom-width: 0;
}

.cart-m-table__row:last-child {
  border-bottom-width: 1px;
}

.cart-m-table__row > td > table {
  border-collapse: separate;
  padding: 14px 10px;
}

.cart-m-table__row th, .cart-m-table__row td {
  vertical-align: middle;
}

.cart-m-table__details {
  width: 100%;
}

.cart-m-table-details__title {
  height: 30px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  color: #666;
  font-size: 14px;
  word-break: keep-all;
}

.cart-m-table-details__contents {
  height: 30px;
  border: 1px solid #ddd;
  color: #888;
  font-size: 14px;
  text-align: center;
  word-break: keep-all;
}

.shop-cart__act-btns {
  margin: 20px -3px 0;
  font-size: 0;
}

@media (max-width: 750px) {
  .shop-cart__act-btns {
    margin-top: 10px;
  }
}

.cart-act-btns__btn {
  display: inline-block;
  padding: 8px;
  margin: 0 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 14px;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
}

.shop-cart__calc-details {
  padding: 15px 20px;
  margin-top: 20px;
  border: 1px solid #aaa;
  background: #f6f6f6;
}

.shop-cart__calc-details:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .shop-cart__calc-details {
    padding: 8px 15px;
    margin-top: 15px;
  }
}

.shop-cart__calc-details--secondary {
  border-color: #474c50;
  background-color: #52575b;
}

.cart-calc-details__title {
  float: left;
  width: 50%;
  height: 44px;
  padding: 0 14px;
  color: #666;
  font-size: 16px;
  line-height: 44px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .cart-calc-details__title {
    height: 30px;
    padding: 0 8px;
    font-size: 14px;
    line-height: 30px;
  }
}

.cart-calc-details__title--total {
  background: #838a91;
  color: #fff;
}

.cart-calc-details__title--white {
  color: #fff;
}

.cart-calc-details__contents {
  float: left;
  width: 50%;
  height: 44px;
  padding: 0 14px;
  color: #666;
  font-size: 16px;
  line-height: 44px;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .cart-calc-details__contents {
    height: 30px;
    padding: 0 8px;
    font-size: 14px;
    line-height: 30px;
  }
}

.cart-calc-details__contents--total {
  background: #838a91;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 750px) {
  .cart-calc-details__contents--total {
    font-size: 16px;
  }
}

.cart-calc-details__contents--white {
  color: #fff;
}

.shop-order__desc {
  margin-bottom: 20px;
  color: #444;
  font-family: 'noto-m';
  font-size: 18px;
  letter-spacing: -0.8px;
}

@media (max-width: 750px) {
  .shop-order__desc {
    font-size: 16px;
    letter-spacing: -0.6px;
  }
}

.shop-order__cancel-desc {
  padding: 30px 0;
  color: #444;
  font-family: 'noto-m';
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: center;
}

.shop-order__section {
  margin-top: 50px;
}

@media (max-width: 750px) {
  .shop-order__section {
    margin-top: 30px;
  }
}

.order-form-result {
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  color: #444;
  font-size: 18px;
  letter-spacing: -0.8px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 750px) {
  .order-form-result {
    padding: 15px;
    margin-bottom: 15px;
    font-size: 15px;
    letter-spacing: -0.5px;
  }
}

.order-form .c-join-form__input-group, .order-form .c-join-gender__list {
  margin-left: -6px;
}

.order-form .c-join-form__input-group:after, .order-form .c-join-gender__list:after {
  content: '';
  display: block;
  clear: both;
}

.order-form .c-join-form__input-box--col, .order-form .c-join-gender__item, .order-form .c-join-email__id-box, .order-form .c-join-email-address__box, .order-form .order-form__input-box--col {
  float: left;
  padding-left: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 751px) {
  .order-form .c-join-form__input-group\@lg {
    margin-left: -6px;
  }
  .order-form .c-join-form__input-group\@lg:after {
    content: '';
    display: block;
    clear: both;
  }
  .order-form .c-join-form__input-box--col\@lg, .order-form .order-form__input-box--col\@lg {
    float: left;
    padding-left: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.order-form--first {
  margin-top: 0;
}

.order-form__title {
  margin-bottom: 15px;
  color: #666;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .order-form__title {
    margin-bottom: 12px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.order-form__title--v2 {
  display: inline-block;
  margin: 4px 0 15px;
  vertical-align: bottom;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .order-form__title--v2 {
    margin-bottom: 12px;
  }
}

.order-form__top-desc {
  display: inline-block;
  margin: 4px 0 15px;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.4px;
  vertical-align: bottom;
  line-height: 1.5;
}

@media (max-width: 750px) {
  .order-form__top-desc {
    margin-bottom: 12px;
    font-size: 12px;
  }
}

.order-form__input-box {
  position: relative;
  margin-bottom: 10px;
}

@media (max-width: 750px) {
  .order-form__input-box {
    margin-bottom: 8px;
  }
}

.order-form__addr-box {
  padding: 8px 110px 8px 135px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
}

.order-form__addr-box:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 750px) {
  .order-form__addr-box {
    padding: 8px;
  }
}

.order-addr__title {
  display: block;
  color: #555;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (min-width: 751px) {
  .order-addr__title {
    position: relative;
    left: -120px;
    float: left;
    width: 120px;
    margin: 6px -120px 0 0;
  }
}

@media (max-width: 750px) {
  .order-addr__title {
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.order-addr__select-wrapper {
  font-size: 0;
}

.order-addr__select-wrapper:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 751px) {
  .order-addr__select-wrapper {
    float: left;
    width: 100%;
  }
}

.order-addr__select-wrapper input[type="radio"], .order-addr__select-wrapper label {
  margin-top: 6px;
  vertical-align: middle;
}

@media (max-width: 750px) {
  .order-addr__select-wrapper input[type="radio"], .order-addr__select-wrapper label {
    margin-top: 10px;
  }
}

@media (min-width: 751px) {
  .order-addr__select-wrapper input[type="radio"] {
    margin-left: 20px;
  }
  .order-addr__select-wrapper input[type="radio"]:first-child {
    margin-left: 0;
  }
}

.order-addr__select-wrapper label {
  display: inline-block;
  color: #555;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.order-addr__select-wrapper #order_address {
  display: inline-block;
  float: right;
  width: 80px;
  height: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
}

@media (min-width: 751px) {
  .order-addr__select-wrapper #order_address {
    position: relative;
    right: -95px;
    margin-left: -95px;
  }
}

@media (max-width: 750px) {
  .order-addr__select-wrapper #order_address {
    width: 75px;
    height: 24px;
    line-height: 24px;
  }
}

.order-form__label {
  color: #555;
  font-size: 16px;
  letter-spacing: -0.6px;
}

@media (max-width: 750px) {
  .order-form__label {
    font-size: 14px;
    letter-spacing: -0.4px;
  }
}

.order-form__input {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
}

@media (max-width: 750px) {
  .order-form__input {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.order-form__input--secondary {
  padding-right: 70px;
}

@media (max-width: 750px) {
  .order-form__input--secondary {
    padding-right: 45px;
  }
}

.order-form__input--secondary-v2 {
  padding-right: 94px;
}

@media (max-width: 750px) {
  .order-form__input--secondary-v2 {
    padding-right: 70px;
  }
}

.order-form__input.is-readonly {
  background: #f9f9f9;
}

.order-form__textarea {
  width: 100%;
  min-height: 100px;
  padding: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .order-form__textarea {
    padding: 8px;
  }
}

.order-form__select {
  width: 100%;
  height: 48px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background: #fff;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 46px;
  padding: 13px 10px;
}

@media (max-width: 750px) {
  .order-form__select {
    width: 100%;
    height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 30px;
  }
}

.order-form__select.is-disabled {
  background: #f9f9f9;
}

.order-form__small-btn {
  display: inline-block;
  width: 50px;
  height: 30px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

@media (max-width: 750px) {
  .order-form__small-btn {
    width: 35px;
    height: 24px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 24px;
  }
}

.order-form__small-btn--large {
  display: inline-block;
  width: 74px;
  height: 30px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

@media (max-width: 750px) {
  .order-form__small-btn--large {
    width: 60px;
    height: 24px;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 24px;
  }
}

.order-form__small-btn--in-input {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -15px;
}

@media (max-width: 750px) {
  .order-form__small-btn--in-input {
    right: 6px;
    margin-top: -12px;
  }
}

.order-form__small-btn--right {
  display: block;
  margin-left: auto;
}

.order-form__table {
  width: 100%;
}

.order-table__title {
  height: 40px;
  padding: 5px 16px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  color: #555;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.2;
  vertical-align: middle;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .order-table__title {
    padding: 8px;
    height: 30px;
  }
}

.order-table__contents {
  height: 40px;
  padding: 5px 16px;
  border: 1px solid #ddd;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.2;
  vertical-align: middle;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .order-table__contents {
    padding: 8px;
    height: 30px;
  }
}

.order-table__contents--empty {
  padding: 40px 15px;
  text-align: center;
}

#od_tot_price {
  color: #333;
  font-family: 'noto-b';
}

#sod_frm_pt_alert {
  margin: 20px 0;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 1.5;
}

#sod_frm_paysel {
  padding: 20px;
  border: 1px solid #ddd;
  background: #f6f6f6;
}

@media (max-width: 750px) {
  #sod_frm_paysel {
    padding: 10px;
  }
}

#sod_frm_paysel legend {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

#sod_frm_paysel label[for="od_settle_bank"], #sod_frm_paysel label[for="od_settle_card"] {
  color: #777;
  font-size: 14px;
  vertical-align: middle;
}

#sod_frm_paysel #settle_bank {
  padding: 15px;
  margin-top: 15px;
  background: #838a91;
  color: #fff;
  font-size: 14px;
}

#sod_frm_paysel #settle_bank label {
  display: block;
  margin-top: 20px;
}

#sod_frm_paysel #settle_bank #od_deposit_name {
  width: 200px;
  height: 30px;
  padding: 0 15px;
  margin-top: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
}

#display_pay_process, #show_progress {
  margin: 30px 0;
  text-align: center;
}

#display_pay_process img, #show_progress img {
  vertical-align: middle;
}

#display_pay_process span, #show_progress span {
  color: #444;
  font-size: 14px;
  vertical-align: middle;
}

.order-form__default-addr-group {
  position: relative;
}

.order-form__default-addr-group .order-form__input {
  padding-right: 170px;
}

@media (max-width: 750px) {
  .order-form__default-addr-group .order-form__input {
    padding-right: 150px;
  }
}

.order-form__default-addr {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -11px;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
}

.shop-order__btn-status {
  display: block;
  width: 100px;
  padding: 6px 0;
  margin: 20px 0 10px auto;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  cursor: pointer;
}

@media (max-width: 750px) {
  .shop-order__btn-status {
    margin-left: 0;
  }
}

.shop-order #sod_sts_explan {
  display: none;
}

.shop-order__delivery {
  padding: 10px 30px;
  border: 1px solid #ddd;
  background: #fff;
}

@media (max-width: 750px) {
  .shop-order__delivery {
    padding: 5px 15px;
  }
}

.order-delivery__list:after {
  content: '';
  display: block;
  clear: both;
}

.order-delivery__title {
  float: left;
  width: 10%;
  margin: 10px 0;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}

@media (max-width: 750px) {
  .order-delivery__title {
    width: 20%;
  }
}

.order-delivery__contents {
  float: left;
  width: 90%;
  margin: 10px 0;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .order-delivery__contents {
    width: 80%;
  }
}

.shop-order__cancel-modal {
  display: none;
}

.order-cancel__cover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.order-cancel__modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  width: 450px;
  height: 235px;
  padding: 0 50px;
  margin: -117px 0 0 -120px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 4px solid #008cd6;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
}

@media (max-width: 750px) {
  .order-cancel__modal {
    left: 15px;
    width: calc(100% - 30px);
    height: 200px;
    margin: -100px 0 0 0;
    padding: 15px;
  }
}

.order-cancel__modal:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.order-cancel__inner {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  vertical-align: middle;
}

.order-cancel__desc {
  margin-bottom: 24px;
  color: #444;
  font-family: 'noto-m';
  font-size: 18px;
  text-align: center;
}

@media (max-width: 750px) {
  .order-cancel__desc {
    margin-bottom: 20px;
    font-size: 16px;
  }
}

.order-cancel__input {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.order-cancel__btn-group {
  margin-top: 20px;
  font-size: 0;
  text-align: center;
}

.order-cancel__btn-cancel {
  display: inline-block;
  width: 110px;
  height: 32px;
  margin: 0 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #fff;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.order-cancel__btn-apply {
  display: inline-block;
  width: 110px;
  height: 32px;
  margin: 0 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  background: #008cd6;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.shop-order__agree-check {
  padding-top: 10px;
}

.order-agree-check__item {
  padding-right: 32px;
  margin: 6px 0;
}

.order-agree-check__item:after {
  content: '';
  display: block;
  clear: both;
}

.order-agree-check__label {
  float: left;
  width: 100%;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.order-agree-check__check-box {
  position: relative;
  right: -32px;
  float: right;
  margin-left: -32px !important;
  text-align: right;
}

.shop-latest__m-table {
  width: 100%;
}

.latest-m-table__row {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}

.latest-m-table__contents {
  padding: 15px 10px;
  color: #888;
  font-size: 14px;
  line-height: 1.2;
  vertical-align: middle;
}

.latest-m-table__order-number {
  margin-bottom: 5px;
  color: #666;
}

.latest-m-table__order-date {
  display: inline-block;
  vertical-align: middle;
}

.latest-m-table__order-price {
  display: inline-block;
  vertical-align: middle;
}

.latest-m-table__order-price:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 9px;
  margin: 0 5px;
  background: #d1d1d1;
  vertical-align: middle;
}

.latest-m-table__order-status {
  color: #666;
  text-align: center;
}

.shop-latest__desc {
  margin-bottom: 10px;
  color: #444;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 1.6;
}

.order-addr-m-popup__top-group {
  position: relative;
  padding: 15px;
  background: #333;
}

.order-addr-m-popup__title {
  color: #fff;
  font-family: 'noto-m';
  font-size: 15px;
}

.order-addr-m-popup__btn-top-close {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 15px;
  height: 14px;
  margin-top: -7px;
  border: 0;
  background: url("../hg_img/shop/m/ico-close.png") no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  text-indent: -9999px;
  cursor: pointer;
}

.order-addr-m-popup__contents {
  padding: 15px;
}

.addr-popup-m-table__item {
  padding: 15px;
  border: 1px solid #e9e9e9;
  border-top-width: 0;
  padding: 15px;
  color: #888;
  font-size: 14px;
  line-height: 1.2;
  word-break: keep-all;
}

.addr-popup-m-table__item:first-child {
  border-top-width: 1px;
}

.addr-popup-m-table__contact {
  display: block;
  margin: 5px 0;
}

.addr-popup-m-table__contact:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 15px;
  margin-right: 4px;
}

.addr-popup-m-table__contact--tel:before {
  background: url("../hg_img/shop/m/ico-tel.png") no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
}

.addr-popup-m-table__contact--phone:before {
  background: url("../hg_img/shop/m/ico-phone.png") no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
}

.addr-popup-m-table__admin {
  margin: 20px 0 0 -5px;
}

.addr-popup-m-table__admin:after {
  content: '';
  display: block;
  clear: both;
}

.addr-popup-m-admin__item {
  float: left;
  width: 33.33333%;
  padding-left: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.addr-popup-m-admin__btn-select {
  display: inline-block;
  width: 100%;
  height: 30px;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

.addr-popup-m-admin__btn-del {
  display: inline-block;
  width: 100%;
  height: 30px;
  border: 1px solid #bbb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  color: #777 !important;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  text-decoration: none !important;
}

.addr-popup-m-admin__btn-default {
  display: inline-block;
  width: 100%;
  height: 30px;
  border: 1px solid #008cd6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  color: #008cd6;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}

.addr-popup-m-admin__btn-default.is-selected {
  background: #008cd6;
  color: #fff;
}

.order-addr-popup__top-group {
  position: relative;
  padding: 15px;
  background: #333;
}

.order-addr-popup__title {
  color: #fff;
  font-family: 'noto-m';
  font-size: 15px;
}

.order-addr-popup__btn-top-close {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 19px;
  margin-top: -10px;
  border: 0;
  background: url("../hg_img/shop/ico-close.png") no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}

.order-addr-popup__contents {
  padding: 15px;
}

.addr-popup-table__contact {
  display: block;
  margin: 5px 0;
}

.addr-popup-table__contact:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 15px;
  margin-right: 4px;
}

.addr-popup-table__contact--tel:before {
  background: url("../hg_img/shop/ico-tel.png") no-repeat;
}

.addr-popup-table__contact--phone:before {
  background: url("../hg_img/shop/ico-phone.png") no-repeat;
}

.addr-popup-admin__item {
  margin: 5px 0;
}

.addr-popup-admin__btn-select {
  display: inline-block;
  width: 90px;
  height: 30px;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #838a91;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

.addr-popup-admin__btn-del {
  display: inline-block;
  width: 90px;
  height: 30px;
  border: 1px solid #bbb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  color: #777 !important;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  text-decoration: none !important;
}

.addr-popup-admin__btn-default {
  display: inline-block;
  width: 90px;
  height: 30px;
  border: 1px solid #008cd6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  color: #008cd6;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}

.addr-popup-admin__btn-default.is-selected {
  background: #008cd6;
  color: #fff;
}