/* .funding-order-list-wrap ol li */
@charset "UTF-8";
footer {position:relative; font-size:14px; text-align:left; line-height:20px; font-family:'Noto Sans KR'; font-weight:normal;}
footer .footer-logo {opacity:0.5;}
.for-a11y {font-size: 0;}
ul {
  list-style: none;
}
.tal {
    text-align: left
}
.tar {
    text-align: right
}
.tac {
    text-align: center
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.row {
    display: block;
    margin-right: -8px;
    margin-left: -8px
}
.row:after {
    display: table;
    clear: both
}
.col, [class*="col-"] {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
    box-sizing: border-box
}

.col {width: 100%}
.col-auto {width: auto; max-width: none}
.col-1 {width: 4.16667%}
.col-2 {width: 8.33333%}
.col-3 {width: 12.5%}
.col-4 {width: 16.66667%}
.col-5 {width: 20.83333%}
.col-6 {width: 25%}
.col-7 {width: 29.16667%}
.col-8 {width: 33.33333%}
.col-9 {width: 37.5%}
.col-10 {width: 41.66667%}
.col-11 {width: 45.83333%}
.col-12 {width: 50%}
.col-13 {width: 54.16667%}
.col-14 {width: 58.33333%}
.col-15 {width: 62.5%}
.col-16 {width: 66.66667%}
.col-17 {width: 70.83333%}
.col-18 {width: 75%}
.col-19 {width: 79.16667%}
.col-20 {width: 83.33333%}
.col-21 {width: 87.5%}
.col-22 {width: 91.66667%}
.col-23 {width: 95.83333%}
.col-24 {width: 100%}

.column {
    display: block;
    margin-right: -8px;
    margin-left: -8px
}
.column:after {
	content: "";
    display: table;
    clear: both
}
.column [class*="is-"] {
    position: relative;
    float: left;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
    box-sizing: border-box
}
/*
R0003206 commit 진행시 (".is-1"% 추가) 오류 수정
*/
.is-1 {width: 8.3333333333%}
.is-2 {width: 16.6666666667%}
.is-3 {width: 25%}
.is-4 {width: 33.3333333333%}
.is-5 {width: 41.6666666667%}
.is-6 {width: 50%}
.is-7 {width: 58.3333333333%}
.is-8 {width: 66.6666666667%}
.is-9 {width: 75%}
.is-10 {width: 83.3333333333%}
.is-11 {width: 91.6666666667%}
.is-12 {width: 100%}

@media only screen and (max-width: 767px) {
  .col-sm-1 {width: 4.16667%}
  .col-sm-2 {width: 8.33333%}
  .col-sm-3 {width: 12.5%}
  .col-sm-4 {width: 16.66667%}
  .col-sm-5 {width: 20.83333%}
  .col-sm-6 {width: 25%}
  .col-sm-7 {width: 29.16667%}
  .col-sm-8 {width: 33.33333%}
  .col-sm-9 {width: 37.5%}
  .col-sm-10 {width: 41.66667%}
  .col-sm-11 {width: 45.83333%}
  .col-sm-12 {width: 50%}
  .col-sm-13 {width: 54.16667%}
  .col-sm-14 {width: 58.33333%}
  .col-sm-15 {width: 62.5%}
  .col-sm-16 {width: 66.66667%}
  .col-sm-17 {width: 70.83333%}
  .col-sm-18 {width: 75%}
  .col-sm-19 {width: 79.16667%}
  .col-sm-20 {width: 83.33333%}
  .col-sm-21 {width: 87.5%}
  .col-sm-22 {width: 91.66667%}
  .col-sm-23 {width: 95.83333%}
  .col-sm-24 {width: 100%}
}
.col-offset{margin-left: 0}
.col-offset-1{margin-left: 4.16667%}
.col-offset-2{margin-left: 8.33333%}
.col-offset-3{margin-left: 12.5%}
.col-offset-4{margin-left: 16.66667%}
.col-offset-5{margin-left: 20.83333%}
.col-offset-6{margin-left: 25%}
.col-offset-7{margin-left: 29.16667%}
.col-offset-8{margin-left: 33.33333%}
.col-offset-9{margin-left: 37.5%}
.col-offset-10{margin-left: 41.66667%}
.col-offset-11{margin-left: 45.83333%}
.col-offset-12{margin-left: 50%}
.col-offset-13{margin-left: 54.16667%}
.col-offset-14{margin-left: 58.33333%}
.col-offset-15{margin-left: 62.5%}
.col-offset-16{margin-left: 66.66667%}
.col-offset-17{margin-left: 70.83333%}
.col-offset-18{margin-left: 75%}
.col-offset-19{margin-left: 79.16667%}
.col-offset-20{margin-left: 83.33333%}
.col-offset-21{margin-left: 87.5%}
.col-offset-22{margin-left: 91.66667%}
.col-offset-23{margin-left: 95.83333%}
.col-offset-24{margin-left: 100%}
@media only screen and (max-width: 767px) {
  .col-sm-offset {margin-left: 0}
  .col-sm-offset-1{margin-left: 4.16667%}
  .col-sm-offset-2{margin-left: 8.33333%}
  .col-sm-offset-3{margin-left: 12.5%}
  .col-sm-offset-4{margin-left: 16.66667%}
  .col-sm-offset-5{margin-left: 20.83333%}
  .col-sm-offset-6{margin-left: 25%}
  .col-sm-offset-7{margin-left: 29.16667%}
  .col-sm-offset-8{margin-left: 33.33333%}
  .col-sm-offset-9{margin-left: 37.5%}
  .col-sm-offset-10{margin-left: 41.66667%}
  .col-sm-offset-11{margin-left: 45.83333%}
  .col-sm-offset-12{margin-left: 50%}
  .col-sm-offset-13{margin-left: 54.16667%}
  .col-sm-offset-14{margin-left: 58.33333%}
  .col-sm-offset-15{margin-left: 62.5%}
  .col-sm-offset-16{margin-left: 66.66667%}
  .col-sm-offset-17{margin-left: 70.83333%}
  .col-sm-offset-18{margin-left: 75%}
  .col-sm-offset-19{margin-left: 79.16667%}
  .col-sm-offset-20{margin-left: 83.33333%}
  .col-sm-offset-21{margin-left: 87.5%}
  .col-sm-offset-22{margin-left: 91.66667%}
  .col-sm-offset-23{margin-left: 95.83333%}
  .col-sm-offset-24{margin-left: 100%}
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}
.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.input-cell {
    width: 165px
}
.input-cell + .input-text {
    margin-left: 6px
}
.input-text {
    display: inline-block;
    vertical-align: middle
}

hr {
	border-width: 1px 0 0 0;
    border-style: solid;
}
hr.blue-line {
	display: block;
	border-color: #7b9fd1
}

.content-desktop,
.lazy-desktop {
  display: block
}
.content-mobile,
.lazy-mobile {
  display: none
}
@media only screen and (max-width: 768px) {
  .content-desktop {
    display: none
  }
  .content-mobile {
    display: block
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 전체 레이아웃 스타일 및 사이즈 정의
 * 작성자 : hmpark
 * 파일명 : _layout.scss
 */
html {
  overflow-y: scroll;
}

html.js-scroll-blocking,
html.js-scroll-blocking #wrap,
html.js-scroll-blocking body {
  overflow: hidden;
  height: 100%;
}

html.js-scroll-blocking.is-scrollbars-width #wrap {
  margin-right: 17px;
}

#loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  z-index: 99999999999;
}

#loading img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -54px;
  margin-top: -54px;
  width: 100px;
}

mark.block {
  display: block;
  padding: 10px;
}

#wrap {
  position: relative;
}

.sub-header {
  width: 100%;
  padding-top: 50px;
  height: 110px;
  text-align: center;
  border-bottom: 1px solid #d9e1e2;
}

.sub-header h2 {
  font-size: 32px;
  font-weight: 400;
}

.sub-header p {
  font-size: 16px;
  margin-top: 8px;
}

.sub-header .inner {
  position: relative;
}

.sub-header.type-full {
  width: 100%;
  height: auto;
  padding-top: 0;
  border-bottom: none;
}

.sub-header.type-full .breadcrumb {
  top: 136px;
}

.sub-header.type-full .breadcrumb li:not(:first-child)::before {
  color: #fff;
}

.sub-header.type-full .breadcrumb li.is-current {
  color: #bbdde6;
}

.sub-header.type-full .inner {
  display: table;
}

.sub-header-visual {
  height: 400px;
  position: relative;
  overflow: hidden;
  margin-bottom: 64px;
}

.sub-header-visual::before {
  content: '';
  display: block;
  width: 50%;
  height: 64px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.sub-header-visual[data-type=vision-trip-individual-intro] {
  background: url("../images/vt/individual/intro.png") no-repeat center top;
  background-size: auto 100%;
}

.sub-header-visual[data-type=vision-trip-individual-intro]::before {
  background: #71b2c9;
}

.sub-header-visual[data-type=vision-trip-individual-intro] .button-back-index {
  background: #71b2c9;
}


.sub-header-visual[data-type=vision-trip-individual-apply] {
  background: url("../images/vt/individual/apply.png") no-repeat center top;
  background-size: auto 100%;
}

.sub-header-visual[data-type=vision-trip-individual-apply]::before {
  background: #71b2c9;
}

.sub-header-visual[data-type=vision-trip-individual-apply] .button-back-index {
  background: #71b2c9;
}

.sub-header-visual[data-type=vision-trip-individual-prepare] {
  background: url("../images/vt/individual/prepare.png") no-repeat center top;
  background-size: auto 100%;
}

.sub-header-visual[data-type=vision-trip-individual-prepare]::before {
  background: #71b2c9;
}

.sub-header-visual[data-type=vision-trip-individual-prepare] .button-back-index {
  background: #71b2c9;
}

.sub-header-visual[data-type=vision-trip-individual-protection] {
  background: url("../images/vt/individual/protection.png") no-repeat center top;
  background-size: auto 100%;
}

.sub-header-visual[data-type=vision-trip-individual-protection]::before {
  background: #71b2c9;
}

.sub-header-visual[data-type=vision-trip-individual-protection] .button-back-index {
  background: #71b2c9;
}

.sub-header-visual[data-type=vision-trip-detail] {
  background: url("../images/sub/bg_vision_trip_detail_visual.png") no-repeat center top;
  background-size: auto 100%;
}

.sub-header-visual[data-type=vision-trip-detail]::before {
  background: #71b2c9;
}

.sub-header-visual[data-type=vision-trip-detail] .button-back-index {
  background: #71b2c9;
}

.sub-header-visual .button-back-index {
  height: 64px;
  line-height: 64px;
  color: #fff;
  width: 1200px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -600px;
}

.sub-header-visual .button-back-index a {
  font-size: 16px;
  padding-left: 32px;
  font-weight: 700;
  position: relative;
}

.sub-header-visual .button-back-index a::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/common/btn_left_arrow_white_24x24.png") no-repeat left center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
}

.inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.inner::after {
  content: '';
  display: table;
  clear: both;
}

.breadcrumb {
  display: inline-block;
  line-height: normal;
  text-align: right;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  top: 24px;
  font-size: 0;
  z-index: 1;
}

.breadcrumb li {
  position: relative;
  display: inline-block;
  font-size: 12px;
}

.breadcrumb li + li {
  margin-left: 10px;
}

.breadcrumb li:not(:first-child)::before {
  content: '>';
  display: inline-block;
  color: #3d3e3f;
  font-weight: 400;
  margin: 0 5px 0 -5px;
}

.breadcrumb li.is-current {
  color: #005eb8;
  font-weight: 700;
}

#container {
  padding-top: 112px;
  overflow: hidden;
}

#container::after {
  content: '';
  display: table;
  clear: both;
}

#container .type-visual {
  margin-top: -112px;
}

#container .type-mypage .lnb-area {
  width: 282px;
  float: left;
}

#container .type-mypage .contents-area {
  width: 894px;
  float: right;
}

.contents-sub-visual-inner {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1280px;
  height: 592px;
  margin: 0 auto;
  padding-top: 111px;
  text-align: center;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}

.contents-sub-visual-inner .visual-title {
  font-size: 40px;
  line-height: 59px;
  font-weight: 700;
}

.contents-sub-visual-inner .visual-title-sub {
  margin-top: 22px;
  font-size: 20px;
  line-height: 1.4;
  min-height: 87px;
}

.contents-sub-visual-inner .visual-button-box {
  text-align: center;
  font-size: 0;
}

.contents-sub-visual-inner .visual-button-box .button-flex {
  width: 320px;
  display: inline-block;
}

.sub-header[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}
.sub-header[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-title strong {
  display: block;
  margin-top: 24px;
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
}
.sub-header[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-button-box {
  margin-top: 94px;
  font-size: 0;
  text-align: center;
}
.sub-header[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-button-box .button-flex .type-white {
  background-color: rgba(0,0,0,.47);
}
@media only screen and (max-width: 768px) {
  .sub-header[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-button-box .button-flex .type-white {
    font-size: 1.822917vw;
  }
}

.contents-sub-visual-inner .visual-button-box .button-flex + .button-flex {
  padding-left: 20px;
}

.content-bottom-banner[data-type=sponsor-children] {
  background: url("../images/sub/bg_bottom_banner_visual_01.jpg") no-repeat center top;
  height: 360px;
  background-size: cover;
}

.content-bottom-banner[data-type=sponsor-group] {
  background: url("../images/sub/bg_bottom_banner_visual_02.png") no-repeat center top;
  height: 392px;
  background-size: cover;
}

.content-bottom-banner[data-type=special-share] {
  background: url("../images/sub/bg_bottom_banner_visual_03.png") no-repeat center top;
  height: 360px;
  background-size: cover;
}

.content-bottom-banner .inner {
  height: 100%;
  padding: 0 0 0 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 1281px) {
  .content-bottom-banner[data-type=sponsor-group] .inner {
    padding-left: 0
  }
}

.content-bottom-banner .content-bottom-title {
  font-size: 40px;
  color: #fff;
  line-height: 52px;
  vertical-align: middle;
  font-weight: 700;
}

.content-bottom-banner .content-bottom-title-sub {
  display: block;
  font-size: 20px;
  margin-top: 48px;
  font-weight: 400;
  line-height: normal;
}

.content-bottom-banner .content-bottom-link {
  text-align: right;
  vertical-align: bottom;
  padding-bottom: 80px;
  width: 414px;
}

.content-bottom-banner .content-bottom-link .banner-button-flex {
  width: 100%;
  font-size: 0;
  float: right;
  text-align: right;
}

.content-bottom-banner .content-bottom-link .banner-button-flex .banner-button-cell {
  display: inline-block;
}

.content-bottom-banner .content-bottom-link .banner-button-flex .banner-button-cell + .banner-button-cell {
  padding-left: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content-bottom-banner .content-bottom-link .g-button-basic {
  width: 180px;
  font-weight: 400;
  min-width: auto;
}

.content-bottom-title.content-bottom-cover {
  line-height: 1
}
.content-bottom-cover .title {
  margin-top: 32px;
  margin-bottom: 45px;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -.01em
}
.content-bottom-cover .title span {
  display: block
}
.content-bottom-cover .text {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -.01em
}
@media screen and (max-width: 992px) {
  .content-bottom-banner[data-type=sponsor-group] .inner::after {
    display: none
  }
  .content-bottom-cover .title {
    margin-top: 3.225806vw;
    margin-bottom: 4.536290vw;
    font-size: 4.032258vw;
    line-height: 5.241935vw;
  }
  .content-bottom-cover .text {
    font-size: 2.016129vw;
  }
}
@media screen and (max-width: 520px) {
  .content-bottom-banner[data-type=sponsor-group] .inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .content-bottom-banner[data-type=sponsor-group] .form-flex,
  .content-bottom-banner[data-type=sponsor-group] .form-flex-cell {
    text-align: center;
    line-height: 1
  }
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .content-bottom-cover .title {
    margin-top: 0;
    margin-bottom: 3.333333vw;
    font-size: 5.555556vw;
    line-height: 7.777778vw;
  }
  .content-bottom-cover .text {
    font-size: 3.333333vw;
  }
}

.no-data {
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 200px;
  padding: 20px;
}

.section-date {
  color: #8d8d8d;
}

.section-date .ui-select-block {
  width: 120px;
}
@media only screen and (min-width: 1281px) {
  .content-bottom-banner[data-type=sponsor-group] .content-bottom-link .banner-button-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

    min-width: 0;
    min-height: 0
  }
  .content-bottom-banner[data-type=sponsor-group] .content-bottom-link .banner-button-flex .banner-button-cell {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;

    width: 50%
  }
  .content-bottom-banner[data-type=sponsor-group] .content-bottom-link .g-button-basic {
    width: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  .sub-header.type-full .contents-sub-visual-inner {
    width: 100%;
  }
  .sub-header-visual .button-back-index {
    width: 96%;
    margin-left: 0;
    left: 4%;
  }
  .inner {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 4%;
  }
  .breadcrumb {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 4%;
    left: 0;
    margin-left: 0;
  }
  .content-bottom-title {
    display: block;
    width: 100%;
  }
  .content-bottom-banner {
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .content-bottom-banner .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 4%;
  }
  .content-bottom-banner .content-bottom-link {
    display: block;
    padding: 0;
    margin-top: 40px;
  }
  .content-bottom-banner .content-bottom-link .banner-button-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

    min-width: 0;
    min-height: 0
  }
  .content-bottom-banner .content-bottom-link .banner-button-flex .banner-button-cell {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;

    width: 50%
  }
  .content-bottom-banner .content-bottom-link .g-button-basic {
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .sub-header.type-full .contents-sub-visual-inner {
    height: 500px;
    padding-top: 100px;
  }
  .sub-header.type-full .contents-sub-visual-inner .visual-title {
    font-size: 35px;
    line-height: 54px;
  }
  .sub-header.type-full .contents-sub-visual-inner .visual-title-sub {
    font-size: 16px;
  }

  .sub-header.type-full[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-title {
    font-size: 16px;
  }
  .sub-header.type-full[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-title strong {
    font-size: 35px;
  }
}

@media only screen and (max-width: 800px) {
  .breadcrumb {
    display: none;
  }
  .sub-header {
    height: 90px;
  }
  .sub-header h2 {
    font-size: 24px;
  }
  .sub-header.type-full {
    margin-top: 0;
  }
  .sub-header.type-full .contents-sub-visual-inner {
    height: 420px;
    padding-top: 120px;
    vertical-align: top;
  }
  .sub-header.type-full .contents-sub-visual-inner .visual-title {
    font-size: 28px;
    line-height: 40px;
  }
  .sub-header.type-full .contents-sub-visual-inner .visual-title-sub {
    font-size: 16px;
  }
  .sub-header.type-full[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-title {
    font-size: 16px;
  }
  .sub-header.type-full[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-title strong {
    font-size: 28px;
  }
  .sub-header.type-full .contents-sub-visual-inner .visual-button-box {
    margin: 0 auto;
    display: table;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 24px;
  }
  .sub-header.type-full .contents-sub-visual-inner .visual-button-box .button-flex {
    display: table-cell;
  }
  .content-bottom-banner .form-flex,
  .content-bottom-banner .form-flex-cell {
    text-align: left;
    display: block;
    width: 100%;
  }
  .content-bottom-banner .form-flex + .form-flex-cell,
  .content-bottom-banner .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
  .content-bottom-banner .content-bottom-link .banner-button-flex {
    display: table;
    width: 100%;
  }
  .content-bottom-banner .content-bottom-link .banner-button-flex .banner-button-cell + .banner-button-cell {
    padding-left: 12px
  }
  .content-bottom-banner .content-bottom-link .banner-button-flex button {
    padding: 0 4px;
    font-size: 14px;
    line-height: inherit
  }

  .content-bottom-banner .inner {
    padding: 33px 4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .content-bottom-banner .content-bottom-title {
    font-size: 32px;
    line-height: 44px;
  }
  .content-bottom-banner .content-bottom-title-sub {
    font-size: 16px;
    line-height: normal;
  }
}

@media only screen and (max-width: 768px) {
  #container {
    padding-top: 60px;
  }
  #container .type-visual {
    margin-top: -60px;
  }
  .type-funding .form-content-wrap .inner {
    width: 92%;
  }
}

@media only screen and (max-width: 640px) {
  .sub-header-visual {
    margin-bottom: 24px;
  }
  .contents-sub-visual-inner .visual-button-box .button-flex .type-white {
    font-size: 2.1875vw;
  }
}

@media only screen and (max-width: 520px) {
  body,
  html {
    font-size: 13px;
  }
  .breadcrumb {
    display: none;
  }
  .sub-header {
    padding-top: 10px;
    height: 34px;
  }
  .sub-header h2 {
    font-size: 16px;
  }
  .sub-header .sub-header-text {
    display: none;
  }
  .sub-header.type-full .contents-sub-visual-inner {
    height: 115vw;
    padding-top: 88px;
  }
  .sub-header.type-full .contents-sub-visual-inner .visual-title {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
  }
  .sub-header.type-full .contents-sub-visual-inner .visual-title-sub {
    width: 100%;
    font-size: 13px;
    margin-top: 16px;
    min-height: auto;
  }
  .sub-header.type-full .contents-sub-visual-inner .visual-title-sub .br {
    display: block;
  }

  .sub-header.type-full[data-visual-type=sponsor-group] .contents-sub-visual-inner {
    height: 116.666667vw;
    padding-top: 60px;
  }
  .sub-header.type-full[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-title {
    margin-top: 6.944444vw;
    font-size: 3.888889vw;
  }
  .sub-header.type-full[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-title strong {
    margin-top: 2.777778vw;
    font-size: 5.555556vw;
  }
  .sub-header.type-full[data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-button-box .button-flex .type-white {
    padding-right: 0;
    padding-left: 0;
    font-size: 3.125vw;
    background-color: transparent;
  }

  .content-bottom-banner {
    margin-top: 40px;
    height: 100vw;
    background-repeat: no-repeat
  }
  .content-bottom-banner[data-type=sponsor-children] {
    background: url("../images/sub/bg_bottom_banner_visual_01_mobile.png") center top;
    background-size: cover;
  }
  .content-bottom-banner[data-type=sponsor-group] {
    height: 360px;
    margin-top: 0;
    background: url("../images/sub/bg_bottom_banner_visual_02_mobile.png") center top;
    background-size: cover;
  }
  .content-bottom-banner[data-type=special-share] {
    margin-top: 0;
    background: url("../images/sub/bg_bottom_banner_visual_03_mobile.png") center bottom;
    background-size: cover;
  }
  .content-bottom-banner .content-bottom-title {
    font-size: 20px;
    line-height: 32px;
  }
  .content-bottom-banner .content-bottom-title-sub {
    display: none;
  }
  .content-bottom-banner .content-bottom-link .banner-button-flex button {
    font-size: 3.125vw;
  }
}

@media only screen and (max-width: 360px) {
  .sub-header.type-full .contents-sub-visual-inner .visual-title-sub {
    word-break: keep-all;
  }
  .contents-sub-visual-inner .visual-button-box .button-flex + .button-flex {
    padding-left: 8px;
  }
  .content-bottom-banner .content-bottom-link .banner-button-flex .banner-button-cell + .banner-button-cell {
    padding-left: 8px;
  }

  [data-visual-type=sponsor-group] .contents-sub-visual-inner .visual-button-box .button-flex .type-white {
    font-size: 3.888889vw;
  }
}

@media only screen and (max-width: 320px) {
  body,
  html {
    font-size: 12px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 메인/서브 타이틀 영역 믹스인 및 스타일 화
 * 작성자 : hmpark
 * 파일명 : _title.scss
 */
.title-basic {
  font-size: 32px;
  color: #161718;
  line-height: 48px;
  font-weight: 700;
}

.title-basic .title-basic-point {
  color: #005eb8;
}

.title-basic.type-white {
  color: #fff;
}

.title-basic.type-light {
  font-weight: 400;
}

.title-basic.type-small {
  font-size: 24px;
  font-weight: 400;
}

.title-basic.type-small-bold {
  font-size: 24px;
  font-weight: 700;
}

.title-blue-line {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #005eb8;
  margin-bottom: 40px;
}

.title-blue-line span {
  display: inline-block;
  position: relative;
  padding-bottom: 12px;
}

.title-blue-line span::after {
  content: '';
  display: block;
  min-width: 219px;
  width: 100%;
  padding-left: 172px;
  height: 1px;
  background: #005eb8;
  position: absolute;
  right: 0;
  bottom: 0;
}

.title-blue-line.type-white {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #005eb8;
  margin-bottom: 40px;
  color: #fff;
}

.title-blue-line.type-white span {
  display: inline-block;
  position: relative;
  padding-bottom: 12px;
}

.title-blue-line.type-white span::after {
  content: '';
  display: block;
  min-width: 219px;
  width: 100%;
  padding-left: 172px;
  height: 1px;
  background: #005eb8;
  position: absolute;
  right: 0;
  bottom: 0;
}

.title-blue-line.type-white span::after {
  background: #fff;
}

.type-index .title-basic {
  font-size: 40px;
  line-height: 52px;
  font-weight: 700;
}

.type-index .title-basic .title-basic-point {
  color: #005eb8;
}

.type-index .title-basic.type-white {
  font-size: 40px;
  color: #fff;
  line-height: 52px;
  font-weight: 700;
}

.type-index .title-basic.type-white .title-basic-point {
  color: #005eb8;
}

.type-index .title-basic.type-small {
  font-size: 24px;
}

.type-index .title-blue-line {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #005eb8;
  margin-bottom: 40px;
}

.type-index .title-blue-line span {
  display: inline-block;
  position: relative;
  padding-bottom: 12px;
}

.type-index .title-blue-line span::after {
  content: '';
  display: block;
  min-width: 219px;
  width: 100%;
  padding-left: 172px;
  height: 1px;
  background: #005eb8;
  position: absolute;
  right: 0;
  bottom: 0;
}

.text-primary {
  color: #005eb8
}
.text-secondary {
  color: #7b9fd1
}
.text-tertiary {
  color: #299fff
}
.text-gray {
  color: #939393
}

@media only screen and (max-width: 1024px) {
  .type-index .title-basic {
    font-size: 30px;
    color: #161718;
    line-height: 40px;
    font-weight: 700;
  }
  .type-index .title-basic .title-basic-point {
    color: #005eb8;
  }
  .type-index .title-basic.type-white {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    font-weight: 700;
  }
  .type-index .title-basic.type-white .title-basic-point {
    color: #005eb8;
  }
  .type-index .title-blue-line {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #005eb8;
    margin-bottom: 40px;
    margin-bottom: 30px;
  }
  .type-index .title-blue-line span {
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
  }
  .type-index .title-blue-line span::after {
    content: '';
    display: block;
    min-width: 219px;
    width: 100%;
    padding-left: 172px;
    height: 1px;
    background: #005eb8;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 800px) {
  .title-basic {
    font-size: 28px;
    color: #161718;
    line-height: 40px;
    font-weight: 700;
  }
  .title-basic .title-basic-point {
    color: #005eb8;
  }
  .type-index .title-basic {
    font-size: 28px;
    color: #161718;
    line-height: 34px;
    font-weight: 700;
  }
  .type-index .title-basic .title-basic-point {
    color: #005eb8;
  }
  .type-index .title-basic.type-white {
    font-size: 28px;
    color: #fff;
    line-height: 34px;
    font-weight: 700;
  }
  .type-index .title-basic.type-white .title-basic-point {
    color: #005eb8;
  }
  .type-index .title-blue-line {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #005eb8;
    margin-bottom: 40px;
    margin-bottom: 35px;
  }
  .type-index .title-blue-line span {
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
  }
  .type-index .title-blue-line span::after {
    content: '';
    display: block;
    min-width: 219px;
    width: 100%;
    padding-left: 172px;
    height: 1px;
    background: #005eb8;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .title-blue-line {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #005eb8;
    margin-bottom: 16px;
  }
  .title-blue-line span {
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
  }
  .title-blue-line span::after {
    content: '';
    display: block;
    min-width: 219px;
    width: 100%;
    padding-left: 172px;
    height: 1px;
    background: #005eb8;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .title-basic {
    font-size: 24px;
    color: #161718;
    line-height: 32px;
    font-weight: 700;
  }
  .title-basic .title-basic-point {
    color: #005eb8;
  }
  .title-basic.type-small-bold {
    font-size: 20px;
  }
}

@media only screen and (max-width: 520px) {
  .title-basic {
    font-size: 20px;
    color: #161718;
    line-height: 32px;
    font-weight: 700;
  }
  .title-basic .title-basic-point {
    color: #005eb8;
  }
  .title-blue-line {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #005eb8;
    margin-bottom: 16px;
  }
  .title-blue-line span {
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
  }
  .title-blue-line span::after {
    content: '';
    display: block;
    min-width: 219px;
    width: 100%;
    padding-left: 172px;
    height: 1px;
    background: #005eb8;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .type-index .title-basic {
    font-size: 24px;
    color: #161718;
    line-height: 35px;
    font-weight: 700;
  }
  .type-index .title-basic .title-basic-point {
    color: #005eb8;
  }
  .type-index .title-basic.type-white {
    font-size: 24px;
    color: #fff;
    line-height: 35px;
    font-weight: 700;
  }
  .type-index .title-basic.type-white .title-basic-point {
    color: #005eb8;
  }
  .type-index .title-blue-line {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #005eb8;
    margin-bottom: 24px;
  }
  .type-index .title-blue-line span {
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
  }
  .type-index .title-blue-line span::after {
    content: '';
    display: block;
    min-width: 219px;
    width: 100%;
    padding-left: 172px;
    height: 1px;
    background: #005eb8;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

@media only screen and (max-width: 320px) {
  .title-basic {
    font-size: 18px;
    color: #161718;
    line-height: 28px;
    font-weight: 700;
  }
  .title-basic .title-basic-point {
    color: #005eb8;
  }
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}
.ui-radio-typeblock{
    display: flex;
    flex-direction: column;
    display: inline;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
            This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
            calculation of the height of the owl-item that breaks page layouts
         */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  outline: 0;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 버튼 스타일 믹스인 및 컴포넌트 화 작업
 * 작성자 : hmpark
 * 파일명 : _button.scss
 */
.g-button-basic {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.g-button-basic.type-line {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
  background: #fff;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic.type-gray {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
}

.g-button-basic.type-white {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  border-color: #fff;
  color: #005eb8;
  background: #fff;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic.type-white.type-line {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  border-color: #fff;
  color: #005eb8;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.g-button-basic.type-black {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #3d3e3f;
  color: #fff;
}

.g-button-basic.type-black.type-line {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: transparent;
  border: 1px solid #3d3e3f;
  color: #3d3e3f;
}

.g-button-basic.type-disable {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #f2f5f8;
  color: #e0e0e0;
}

.g-button-basic.type-yellow {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #ffd100;
  color: #3d3e3f;
}

.g-button-basic.type-lightGray {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #d7e1e2;
  color: #3d3e3f;
}

.g-button-basic.type-darkGray {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #768692;
  color: #fff;
}

.g-button-basic.type-darkGray.type-line {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: transparent;
  border: 1px solid #768692;
  color: #3d3e3f;
}

.g-button-basic.type-black {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #425563;
  color: #fff;
}

.g-button-basic.type-kakao {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #ffd100;
  color: #3d3e3f;
  position: relative;
}

.g-button-basic.type-kakao::after {
  position: absolute;
  top: 11px;
  right: 50%;
  margin-right: -12px;
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background: url("../images/common/ico_kakao_24.png") no-repeat center;
  background-size: 100%;
}

.btn-retry {
  background: transparent;
}

.btn-retry span {
  font-size: 15px;
  position: relative;
  padding-left: 28px;
}

.btn-retry span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 17px;
  height: 19px;
  background: url("../images/sub/ico_restart.png") no-repeat center;
  background-size: 100%;
}

.g-button-basic-40 {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.g-button-basic-40.type-line {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
  background: #fff;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic-40.type-white {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  border-color: #fff;
  color: #005eb8;
  background: #fff;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic-40.type-white.type-line {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  border-color: #fff;
  color: #005eb8;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.g-button-basic-40.type-black.type-line {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: transparent;
  border: 1px solid #3d3e3f;
  color: #3d3e3f;
}

.g-button-basic-48 {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.g-button-basic-48.type-disable {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #F2F5F8;
  color: #E0E0E0;
  cursor: default;
}

.g-button-basic-48.type-line {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
  background: #fff;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic-48.type-white {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  border-color: #fff;
  color: #005eb8;
  background: #fff;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic-48.type-white.type-line {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  border-color: #fff;
  color: #005eb8;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.g-button-basic-48.type-black.type-line {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: transparent;
  border: 1px solid #3d3e3f;
  color: #3d3e3f;
}

.g-button-arrow {
  display: inline-block;
  font-size: 14px;
  color: #161718;
  font-weight: 700;
  padding: 0 52px 6px 0;
  border-bottom: 1px solid #161718;
  position: relative;
  background: transparent;
}

.g-button-arrow::after {
  content: '';
  display: block;
  width: 12px;
  height: 1px;
  background: #161718;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -1px;
  bottom: 3px;
}

.g-button-arrow.type-white {
  display: inline-block;
  font-size: 14px;
  color: #161718;
  font-weight: 700;
  padding: 0 52px 6px 0;
  border-bottom: 1px solid #161718;
  position: relative;
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.g-button-arrow.type-white::after {
  content: '';
  display: block;
  width: 12px;
  height: 1px;
  background: #161718;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -1px;
  bottom: 3px;
}

.g-button-arrow.type-white::after {
  background: #fff;
}

.g-button-tab-basic {
  display: inline-block;
  min-width: 180px;
  height: 52px;
  line-height: 50px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #005eb8;
  color: #005eb8;
  background: #fff;
  font-weight: 700;
  font-size: 18px;
  border-radius: 28px;
}

.g-button-tab-basic.is-active,
.g-button-tab-basic.js-tabpanel-active {
  display: inline-block;
  min-width: 180px;
  height: 52px;
  line-height: 50px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #005eb8;
  color: #005eb8;
  background: #fff;
  font-weight: 700;
  font-size: 18px;
  border-radius: 28px;
  background: #005eb8;
  color: #fff;
  border-color: #005eb8;
}

.g-button-basic-152 {
  display: inline-block;
  min-width: 152px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.g-button-basic-152.type-Line {
  display: inline-block;
  min-width: 152px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic-152.type-gray {
  display: inline-block;
  min-width: 152px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #f2f5f8;
  color: #3d3e3f;
  border: 1px solid #f2f5f8;
}

.g-button-basic-152.type-disable {
  display: inline-block;
  min-width: 152px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #f2f5f8;
  color: #ccc;
}

.g-button-basic-180 {
  display: inline-block;
  min-width: 180px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.g-button-basic-180.type-disable {
  display: inline-block;
  min-width: 180px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #f2f5f8;
  color: #e0e0e0;
}

.g-button-basic-180.type-gray {
  display: inline-block;
  min-width: 180px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #f2f5f8;
  color: #3d3e3f;
}

.g-button-basic-200 {
  display: inline-block;
  min-width: 200px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.g-button-basic-200.type-normal {
  display: inline-block;
  min-width: 200px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.g-button-basic-200.type-white.type-line {
  display: inline-block;
  min-width: 200px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  border-color: #fff;
  color: #005eb8;
  background: #fff;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic-200.type-blue.type-line {
  display: inline-block;
  min-width: 200px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: transparent;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic-200.type-blue.type-line.type-normal {
  display: inline-block;
  min-width: 200px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: transparent;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic-200.type-logout {
  display: inline-block;
  min-width: 200px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  color: #3d3e3f;
  border: 1px solid #8d8d8d;
}

.g-round-bullet-basic.type-green {
  display: inline-block;
  padding: 0 18px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  border-radius: 14px;
  font-size: 12px;
  background: #6f9c4f;
}

.g-round-bullet-basic.type-primary-blue-2 {
  display: inline-block;
  padding: 0 18px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  border-radius: 14px;
  font-size: 12px;
  background: #0086bf;
}

.g-round-bullet-basic.type-primary-blue {
  display: inline-block;
  padding: 0 18px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  border-radius: 14px;
  font-size: 12px;
  background: #003f77;
}

.g-round-bullet-basic.type-point-blue {
  display: inline-block;
  padding: 0 18px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  border-radius: 14px;
  font-size: 12px;
  background: #71b2c9;
}

.g-round-bullet-basic.type-navy {
  display: inline-block;
  padding: 0 18px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  border-radius: 14px;
  font-size: 12px;
  background: #03345b;
}

.g-round-bullet-basic.type-yellow {
  display: inline-block;
  padding: 0 18px;
  height: 28px;
  line-height: 28px;
  color: #3d3e3f;
  border-radius: 14px;
  font-size: 12px;
  background: #ffd100;
}

.g-round-bullet-basic.type-blue {
  display: inline-block;
  padding: 0 18px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  border-radius: 14px;
  font-size: 12px;
  background: #005eb8;
}

.g-round-bullet-basic.type-pink {
  display: inline-block;
  padding: 0 18px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  border-radius: 14px;
  font-size: 12px;
  background: #f9a597;
}

.g-round-bullet-basic.gray-scale-3 {
  display: inline-block;
  padding: 0 18px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  border-radius: 14px;
  font-size: 12px;
  background: #768692;
}

.g-round-bullet-basic.type-waiting {
  display: inline-block;
  padding: 0 18px;
  height: 28px;
  line-height: 28px;
  color: #3d3e3f;
  border-radius: 14px;
  font-size: 12px;
  background: #e0e0e0;
}

.g-square-bullet-basic {
  display: inline-block;
  padding: 0 8px;
  height: 29px;
  line-height: 29px;
  color: #3d3e3f;
  border-radius: 4px;
  font-size: 13px;
  background: #fff;
  border: 1px solid #768692;
}

.alert-red-number {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #ff5050;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  border-radius: 100px;
  position: absolute;
  right: 4px;
  top: 4px;
}

.g-button-basic-282 {
  display: inline-block;
  min-width: 282px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.g-button-basic-282.type-line {
  display: inline-block;
  min-width: 282px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: transparent;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic-282.type-gray {
  display: inline-block;
  min-width: 282px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #f2f5f8;
  color: #3d3e3f;
  border: 1px solid #f2f5f8;
}

.g-button-basic-320 {
  display: inline-block;
  min-width: 320px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.g-button-basic-320.type-blue.type-line {
  display: inline-block;
  min-width: 320px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.g-button-basic-320.type-disable {
  display: inline-block;
  min-width: 320px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #f2f5f8;
  color: #ccc;
}

.g-button-basic-320.type-darkGray {
  display: inline-block;
  min-width: 320px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #515152;
  color: #fff;
}

.g-button-basic-588 {
  display: inline-block;
  min-width: 588px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.g-button-basic-588.type-black {
  display: inline-block;
  min-width: 588px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #3d3e3f;
  color: #fff;
}

.btn-kakao {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #ffd100;
  color: #3d3e3f;
}

.btn-kakao span {
  padding-left: 24px;
  position: relative;
}

.btn-kakao span::after {
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/common/ico_kakao_24.png") no-repeat center;
  background-size: 100%;
}

.btn-kakao.type-login span {
  font-size: 0;
  line-height: 0;
  width: 1px;
  height: 1px;
}

.btn-kakao.type-login span::after {
  top: -18px;
}

.btn-direc-sponsorship {
  display: inline-block;
  min-width: 140px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.btn-sns-share {
  width: 44px;
  height: 44px;
  border: 1px solid #768692;
  border-radius: 100px;
  background: #fff url("../images/common/ico_sns_share.png") no-repeat center center;
  background-size: 16px;
}

@media only screen and (max-width: 520px) {
  .g-button-tab-basic {
    display: inline-block;
    min-width: auto;
    height: 52px;
    line-height: 50px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #005eb8;
    color: #005eb8;
    background: #fff;
    font-weight: 700;
    font-size: 15px;
    border-radius: 28px;
    font-weight: 400;
  }
  .g-button-tab-basic.is-active,
  .g-button-tab-basic.js-tabpanel-active {
    display: inline-block;
    min-width: auto;
    height: 52px;
    line-height: 50px;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #005eb8;
    color: #005eb8;
    background: #fff;
    font-weight: 700;
    font-size: 15px;
    border-radius: 28px;
    background: #005eb8;
    color: #fff;
    border-color: #005eb8;
  }
}

.input-btn-wrap,
.login-btn-wrap {
  margin-top: 8px;
}

.input-btn-wrap .btn-text,
.login-btn-wrap .btn-text {
  position: relative;
  padding: 72px 0 5px 0;
  text-align: center;
  font-size: 12px;
}

.input-btn-wrap .btn-text::after,
.login-btn-wrap .btn-text::after {
  position: absolute;
  bottom: 34px;
  right: 50%;
  margin-right: -11px;
  display: block;
  content: '';
  width: 22px;
  height: 2px;
  background-color: #005eb8;
}

.input-btn-wrap .form-flex-cell {
  width: 100%;
}

.ui-btn-wrap {
  width: 100%;
}

.ui-btn-wrap button {
  margin-bottom: 16px;
}

.ui-btn-wrap .form-flex-cell {
  width: 100%;
}

/*
 * 怨듯넻 �뒪���씪 蹂��닔 �옉�뾽
 * �옉�꽦�옄 : gykim
 */
/*
 * hover css 紐⑥쓬
 * �옉�꽦�옄 : gikim
 * �뙆�씪紐� : _hover.scss
 */
.children-list-type .children-list {
  -webkit-transition: outline 0.3s, background 0.3s;
  transition: outline 0.3s, background 0.3s;
}

.children-list-type .children-list:hover {
  outline: 2px solid #0086bf;
  background: #f1f8fa;
}

@media only screen and (min-width: 640px) {
  .gnb-sub-menu li:hover {
    color: #005eb8;
  }
  footer .policy-wrap .inner > a:hover {
    color: #fff; 
  }
  .family-site-wrap ul li:hover a {
    color: #fff;
    text-decoration: underline;
  }
  .auth-select .auth-select-list .auth-select-item .auth-select-link:hover {
    border-color: #005eb8;
    color: #005eb8;
  }
  .auth-select .auth-select-list .auth-select-item.type-phone .auth-select-link:hover:before {
    background-position: 0 -46px;
  }
  .auth-select .auth-select-list .auth-select-item.type-ipin .auth-select-link:hover:before {
    background-position: 0 -39px;
  }
  .g-button-basic:hover {
    background: #003f77;
  }
  .g-button-basic.type-white:hover {
    background-color: #fff;
    color: #005eb8;
  }
  .g-button-basic.type-white.type-line:hover {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: #fff;
    color: #fff;
  }
  .g-button-basic.type-line:hover {
    background: #fff;
    border-color: #003f77;
    color: #003f77;
  }
  .g-button-basic.type-disable:hover {
    background-color: #f2f5f8;
    color: #e0e0e0;
  }
  .g-button-basic.type-yellow:hover {
    background: #ffb500;
  }
  .g-button-basic.type-lightGray:hover {
    background-color: #c0cbcc;
  }
  .g-button-basic.type-darkGray:hover {
    background: #576b7a;
  }
  .g-button-basic.type-darkGray.type-line:hover {
    background: transparent;
    color: #3d3e3f;
    border-color: #3d3e3f;
  }
  .g-button-basic.type-black:hover {
    background-color: #2e414f;
  }
  .g-button-basic.type-black.type-line:hover {
    background-color: #fff;
  }
  .compassion-question-wrap .compassion-question-line:first-child .compassion-question-item:hover:first-child .compassion-question-head::after {
    background-image: url("../images/sub/bg_compassion_question_item_01_active.png");
  }
  .compassion-question-wrap .compassion-question-line:first-child .compassion-question-item:hover:last-child .compassion-question-head::after {
    background-image: url("../images/sub/bg_compassion_question_item_02_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-child(2) .compassion-question-item:hover:first-child .compassion-question-head::after {
    background-image: url("../images/sub/bg_compassion_question_item_03_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-child(2) .compassion-question-item:hover:last-child .compassion-question-head::after {
    background-image: url("../images/sub/bg_compassion_question_item_04_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-child(3) .compassion-question-item:hover:first-child .compassion-question-head::after {
    background-image: url("../images/sub/bg_compassion_question_item_05_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-child(3) .compassion-question-item:hover:last-child .compassion-question-head::after {
    background-image: url("../images/sub/bg_compassion_question_item_06_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-child(4) .compassion-question-item:hover:first-child .compassion-question-head::after {
    background-image: url("../images/sub/bg_compassion_question_item_07_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-child(4) .compassion-question-item:hover:last-child .compassion-question-head::after {
    background-image: url("../images/sub/bg_compassion_question_item_08_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-child(5) .compassion-question-item:hover:first-child .compassion-question-head::after {
    background-image: url("../images/sub/bg_compassion_question_item_09_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-child(5) .compassion-question-item:hover:last-child .compassion-question-head::after {
    background-image: url("../images/sub/bg_compassion_question_item_10_active.png");
  }
  .compassion-question-wrap .compassion-question-item .compassion-question-head {
    position: relative;
  }
  .compassion-question-wrap .compassion-question-item .compassion-question-head::before {
    width: 56px;
    height: 13px;
    display: none;
    content: '';
    position: absolute;
    bottom: 16px;
    right: 24px;
    background-image: url("../images/sub/img_arrow_56.png");
    background-size: 100%;
    z-index: 9;
  }
  .compassion-question-wrap .compassion-question-item:hover {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #005eb8;
    color: #fff;
  }
  .compassion-question-wrap .compassion-question-item:hover .compassion-question-head span {
    color: #e0e0e0;
  }
  .compassion-question-wrap .compassion-question-item:hover .compassion-question-head::after {
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
    width: 234px;
  }
  .compassion-question-wrap .compassion-question-item:hover .compassion-question-head::before {
    display: block;
  }
  .pamphlet-list .pamphlet-item a {
    background-color: #005eb8;
  }
  .pamphlet-list .pamphlet-item a img {
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
  .pamphlet-list .pamphlet-item:hover p {
    font-weight: bold;
  }
  .pamphlet-list .pamphlet-item:hover a span {
    z-index: 20;
  }
  .pamphlet-list .pamphlet-item:hover a img {
    opacity: 0.2;
  }
  .compassion-nation-list-wrap .nation-item:hover span {
    color: #ffd100;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 헤더 푸터 공통영역 style
 * 작성자 : gikim
 * 파일명 : _header.scss
 */
/* s: 스킵네비게이션 */
#skipnavigation a {
  position: absolute;
  left: -3000%;
}
#skipnavigation {
  position: absolute;
  top: -2000px;
}
#skipnavigation ul {
  list-style: none;
}

#skipnavigation a:focus {
  display: block;
  left: 0;
  top: 0;
  z-index: 9999999999;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #005eb8;
  color: #fff;
  text-align: center;
}

/* e: 최상단 띠배너 */
/* s: 헤더*/
#topBanrWrap {
  width: 100%;
  background-color: #005eb8;
  color: white;
}

#topBanrWrap .inner {
  position: relative;
  padding: 12px 0;
}

#topBanrWrap .inner strong {
  font-size: 20px;
}

#topBanrWrap .inner > span {
  opacity: 0.69;
  margin: 0 16px;
}

.top-banr-btn {
  border: 1px solid #fff;
  color: #fff;
  line-height: 32px;
  padding: 5px 22px;
  margin-left: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}

.btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 16px;
  height: 16px;
  background: transparent;
  vertical-align: baseline;
}

.btn-close img {
  width: 100%;
  vertical-align: top;
}

@media only screen and (max-width: 1280px) {
  #topBanrWrap .inner {
    text-indent: 20px;
  }
}

@media only screen and (max-width: 768px) {
  #topBanrWrap .inner .top-banr-detail {
    display: none;
  }
  #topBanrWrap .inner .top-banr-btn {
    line-height: 28px;
    padding: 3px 13px;
  }
}

@media only screen and (max-width: 414px) {
  #topBanrWrap .inner strong {
    font-size: 16px;
  }
}

@media only screen and (max-width: 320px) {
  #topBanrWrap .inner .top-banr-btn {
    display: none;
  }
}

/* e: 헤더*/
/* s: 서브 헤더 */
.logo-wrap {
  float: left;
}

.logo-wrap h1 {
  padding-top: 30px;
}

.logo-wrap h1 a {
  display: block;
  width: 144px;
  height: 54px;
  background: url("../images/common/logo.png") no-repeat 0 0;
  background-size: 100%;
}


/* e: 헤더*/
/* s: 서브 헤더 */
.gnb-sub-wrap {
  display: none;
  width: 100%;
  padding: 48px 0;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
}

.gnb-sub-wrap .inner {
  display: table;
}

.gnb-sub-wrap .inner > div {
  display: table-cell;
  vertical-align: top;
}

.gnb-sub-wrap > li {
  display: none;
}

.gnb-sub-title {
  width: 257px;
}

.gnb-sub-title h3 {
  font-size: 24px;
  margin-bottom: 16px;
}

.gnb-sub-title p {
  color: #8d8d8d;
}

.gnb-sub-menu {
  width: 45%;
}

.gnb-sub-menu li {
  font-size: 18px;
  margin-bottom: 24px;
  width: 100%;
}

.gnb-sub-menu li a {
  display: block;
}

.gnb-sub-bnr {
  float: right;
  border-left: 1px solid #e6e6e6;
  padding-left: 88px;
  height: 360px;
  overflow: hidden;
}

.gnb-sub-bnr img {
  width: 270px;
  height: auto;
}

/* e: 서브 헤더 */
/* s: footer */
footer {
  overflow:hidden;
  background-color: #005eb8;
  color: #83afd9;
  z-index:1;
}

footer .policy-wrap {
  padding: 18px 0;
  border-bottom: 1px solid #4c4e51;
  width: 100%;
}

footer .policy-wrap .inner {
  position: relative;
}

footer .policy-wrap .inner > a {
  position: relative;
  display: inline-block;
  margin: 0 22px;
  color: #707070;
  letter-spacing: -1.17px;
}

footer .policy-wrap .inner > a:first-child {
  margin-left: 0;
}

footer .policy-wrap .inner > a:not(:first-child)::after {
  position: absolute;
  top: -1px;
  left: -25px;
  content: '|';
  display: block;
  color: #707070;
}

footer .mailto {
  color: #83afd9;
}

.family-site-wrap {
  position: absolute;
  right: 0;
  top: -16px;
  width: 248px;
  height: 56px;
  border-right: 1px solid #4c4e51;
  border-left: 1px solid #4c4e51;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  line-height: 56px;
  cursor: pointer;
}

.family-site-wrap .current {
  letter-spacing: -1.33px;
  color: #8d8d8d;
  display: block;
  width: 100%;
  text-align: left;
  height: 56px;
  padding: 0 16px;
  background: url("../images/common/btn_worldwide_plus.png") no-repeat right 20px top 20px;
}

.family-site-wrap ul {
  margin-left: -1px;
  width: 248px;
  height: auto;
  z-index: 1;
  display: none;
}

.family-site-wrap ul li {
  text-indent: 16px;
  border-bottom: 1px solid #4c4e51;
  background-color: #3a3a3a;
}

.family-site-wrap .family-site.js-dropdown-opened .current {
  background-image: url("../images/common/ico_minus.png");
}

.address-wrap {
  padding: 48px 0 60px;
}

.address-wrap > div {
  float: left;
}

.address {
  margin-left: 92px;
}

.address .cp-name {
  font-weight: bold;
  color: #fff;
}

.address address div {
  width: 413px;
  margin-bottom: 24px;
  margin-left: -8px;
}

.address address div::after {
  content: '';
  display: table;
  clear: both;
}

.address address div p {
  display: inline-block;
  margin: 0 8px 8px;
  font-weight:normal;
}

.address address div p span {
  display: block;
}

.address-wrap .footer-sns-wrap {
  float: right;
}

.address-wrap .footer-sns-wrap .footer-sns {
  margin-bottom: 29px;
}

.address-wrap .footer-sns-wrap .footer-newsletter {
  color: #fff;
  padding: 16px 76px;
  background-color: #768692;
  width: 100%;
  border-radius: 4px;
}

.address-wrap .more-info-wrap {
  float: none;
  text-align: center;
  font-size: 11px;
}

.address-wrap .btn-more-info {
  background: none;
  color: #6f6f6f;
  margin-top: 16px;
  display: none;
}

.sns-list {
  margin-bottom: 29px;
}

.sns-list::after {
  content: '';
  display: table;
  clear: both;
}

.sns-list li {
  float: left;
  margin: 0 9px;
}

.sns-list a {
  height: 20px;
  display: block;
  opacity:0.5;
}

.sns-list a.ico-youtube {
  width: 31px;
  background: url("../images/common/btn_footer_youtube.png") no-repeat center;
  background-size: 100%;
}

.sns-list a.ico-instagram {
  width: 20px;
  background: url("../images/common/btn_footer_instagram.png") no-repeat center;
  background-size: 100%;
}

.sns-list a.ico-facebook {
  width: 11px;
  background: url("../images/common/btn_footer_facebook.png") no-repeat center;
  background-size: 100%;
}

.sns-list a.ico-naver-blog {
  width: 23px;
  background: url("../images/common/btn_footer_naverblog.png") no-repeat center;
  background-size: 100%;
}

.sns-list a.ico-kakao-channel {
  width: 20px;
  background: url("../images/common/btn_footer_kakaoch.png") no-repeat center;
  background-size: 100%;
}

.sns-list a.ico-post {
  width: 15px;
  background: url("../images/common/btn_footer_naverpost.png") no-repeat center;
  background-size: 100%;
}

.sns-list a.ico-happybean {
  width: 18px;
  background: url("../images/common/btn_footer_happybean.png") no-repeat center;
  background-size: 100%;
}

@media only screen and (max-width: 1280px) {
  footer .policy-wrap .inner {
    padding: 0;
  }
  footer .policy-wrap a:first-child {
    text-indent: 20px;
  }
  footer .address-wrap .footer-logo-wrap {
    margin-left: 20px;
  }
  footer .footer-sns-wrap {
    margin-right: 16px;
  }
}

@media only screen and (max-width: 1024px) {
.address address div p {width:100%;}
  footer .family-site-wrap,
  footer .footer-logo-wrap,
  footer .footer-newsletter {
    display: none;
  }
  footer .policy-wrap {
    text-align: center;
    border-bottom: none;
  }
  footer .address-wrap .footer-sns-wrap {
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  footer .address-wrap .sns-list {
    font-size: 0;
  }
  footer .address-wrap .sns-list li {
    display: inline-block;
    float: none;
    margin: 0;
  }
  footer .address-wrap .sns-list li + li {
    margin-left: 23px;
  }
  .address-wrap {
    padding: 16px 0 60px;
  }
  .address-wrap .address {
    float: none;
    text-align: center;
    margin: 0;
  }
  .address-wrap .address div {
    width: 100%;
    margin-top: 16px;
  }
  .address-wrap .address .hosting {
    width: 100%;
    position: relative;
  }
  .address-wrap .address .hosting .copyright {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    background: none;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
  }
  .address-wrap .address .hosting::after {
    position: absolute;
    top: -12px;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '© COMPASSION KOREA All Rights Reserved.';
  }
}

@media only screen and (max-width: 768px) {
  #topBanrWrap .inner {
    font-size: 16px;
  }
  #topBanrWrap .inner strong {
    font-size: 16px;
  }
  #topBanrWrap .inner .top-banr-btn {
    font-size: 12px;
  }
  .policy-wrap .inner a {
    display: none !important;
  }
  .policy-wrap .inner a.type-essential {
    display: inline-block !important;
  }
  .address-wrap .more-info-wrap {
    float: none;
    text-align: center;
    font-size: 11px;
  }
  .address-wrap .more-info-wrap div {
    margin-left: 0;
  }
  .address-wrap .more-info-wrap div p {
    display: block;
  }
  .address-wrap .btn-more-info {
    background: none;
    color: #6f6f6f;
    margin-top: 16px;
    display: none;
  }
}

@media only screen and (max-width: 520px) {
  footer {
    padding: 28px 0;
  }
  footer .policy-wrap {
    padding: 0 0 16px;
    font-size: 12px;
  }
  footer .address-wrap {
    padding: 0;
  }
  footer .address-wrap .footer-sns-wrap::after {
    content: '© COMPASSION KOREA All Rights Reserved.';
    display: block;
    text-align: center;
    font-size: 11px;
  }
  footer .address-wrap .footer-sns-wrap .sns-list {
    margin-bottom: 16px;
  }
  footer .address-wrap .address {
    margin: 12px 0 0;
  }
  footer .address-wrap .address address {
    height: 0;
    overflow: hidden;
    margin-top: 16px;
    line-height: 20px;
    font-size: 11px;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
  }
  footer .address-wrap .address address.is-active {
    height: 80px;
  }
  footer .address-wrap .address address .cp-name {
    font-size: 11px;
  }
  footer .address-wrap .address address div {
    margin: 0;
  }
  footer .address-wrap .address address div p {
    margin: 0;
    display: block;
  }
  footer .address-wrap .address address div p span {
    display: inline-block;
  }
  footer .address-wrap .address address div p span + span {
    margin-left: 5px;
  }
  footer .address-wrap .address .hosting {
    display: none;
  }
  footer .address-wrap .btn-more-info {
    display: block;
    margin: 0 auto;
    font-size: 11px;
  }
}

/* e: footer */
/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 메인 컨텐츠 영역 SASS (media query 포함)
 * 작성자 : hmpark
 * 파일명 : _main.scss
 */
.main-contents-wrap {
  padding-top: 168px;
  overflow: hidden;
  background: url("../images/main/bg_main_line_top.jpg") no-repeat 80% top;
}

.main-contents-wrap .support-request-intro {
  font-size: 16px;
  line-height: 26px;
  margin-top: 24px;
}

.main-contents-wrap .support-request-intro .title-basic-point {
  color: #005eb8;
}

#mainImcWrap {
  position: relative;
}

#mainImcWrap .type-mobile {
  display: none;
}

#mainImcWrap .item {
  height: 856px;
}

#mainImcWrap .imc-item-mobile {
  display: none;
}

#mainImcWrap .imc-controls .owl-dots {
  display: inline-block;
}

#mainImcWrap .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -28px;
  margin-left: -800px;
  width: 1600px;
  z-index: 1;
}

#mainImcWrap .owl-nav button {
  width: 56px;
  height: 56px;
  display: block;
  position: absolute;
}

#mainImcWrap .owl-nav button span {
  display: none;
}

#mainImcWrap .owl-nav button.owl-prev {
  background: url("../images/main/btn_imc_nav_left.png") no-repeat 0 0;
  background-size: 100%;
  left: 0;
}

#mainImcWrap .owl-nav button.owl-next {
  background: url("../images/main/btn_imc_nav_right.png") no-repeat 0 0;
  background-size: 100%;
  right: 0;
}

#mainImcWrap .imc-controls {
  position: absolute;
  left: 0;
  bottom: 57px;
  z-index: 20;
  width: 100%;
  font-size: 0;
  text-align: center;
}

#mainImcWrap .imc-controls .imc-play-controls {
  display: inline-block;
  margin-left: 8px;
}

#mainImcWrap .imc-controls .imc-play-controls button {
  display: inline-block;
  width: 24px;
  height: 24px;
}

#mainImcWrap .imc-controls .imc-play-controls .button-imc-pause {
  background: url("../images/main/btn_imc_pause.png") no-repeat 0 0;
  background-size: 100%;
}

#mainImcWrap .imc-controls .imc-play-controls .button-imc-play {
  background: url("../images/main/btn_imc_play.png") no-repeat 0 0;
  background-size: 100%;
  margin-left: 8px;
}

#mainImcWrap .imc-controls .imc-dots {
  display: inline-block;
}

#mainImcWrap .imc-controls .imc-dots button {
  display: inline-block;
  border-radius: 100px;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #f0f0f0;
  background: transparent;
}

#mainImcWrap .imc-controls .imc-dots button.active {
  border-color: #ffd100;
  background: #ffd100;
}

#mainImcWrap .imc-controls .imc-dots button + button {
  margin-left: 16px;
}

#mainSection01 {
  position: relative;
  z-index: 2;
  height: 716px;
}

#mainSection01::before {
  content: '';
  display: block;
  width: 1153px;
  height: 576px;
  background: #F4F7FB;
  position: absolute;
  left: 0;
  bottom: 0;
}

#mainSection01 .inner {
  position: relative;
  z-index: 1;
}

#mainSection01 .children-support-text {
  width: 715px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 45px;
  margin-top: 60px;
}

#mainSection01 .children-support-text .title-basic {
  padding: 33px 0 0 0;
}

#mainSection01 .children-support-image {
  float: right;
  width: 485px;
  text-align: right;
}

#mainSection01 .children-support-image img {
  max-width: 100%;
}

#mainSection01 .children-support-type-three {
  margin-top: 52px;
}

#mainSection01 .children-support-type-three ul {
  text-align: left;
  font-size: 0;
}

#mainSection01 .children-support-type-three ul li {
  display: inline-block;
  vertical-align: top;
}

#mainSection01 .children-support-type-three ul li + li {
  margin-left: 24px;
}

#mainSection01 .children-support-type-three ul li dt {
  color: #bbdde6;
  font-size: 18px;
  text-align: center;
  margin-bottom: 16px;
  font-weight: 700;
}

#mainSection01 .children-support-type-three ul li dd {
  color: #fff;
  display: block;
  font-size: 16px;
  width: 180px;
  height: 180px;
  border-radius: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 67px 0 0 0;
}

#mainSection01 .children-support-type-three ul li.support-type-01 dt {
  color: #0086bf;
}

#mainSection01 .children-support-type-three ul li.support-type-01 dd {
  background: #0086bf;
  padding: 76px 0 0 0;
}

#mainSection01 .children-support-type-three ul li.support-type-02 dt {
  color: #005eb8;
}

#mainSection01 .children-support-type-three ul li.support-type-02 dd {
  background: #005eb8;
}

#mainSection01 .children-support-type-three ul li.support-type-03 dt {
  color: #003f77;
}

#mainSection01 .children-support-type-three ul li.support-type-03 dd {
  background: #003f77;
}

#mainSection01 .form-flex {
  margin-top: 57px;
}

#mainSection01 .form-flex .form-flex-cell {
  width: 180px;
}

#mainSection01 .form-flex .form-flex-cell + .form-flex-cell {
  padding-left: 24px;
}

#mainSection01 .form-flex .g-button-basic {
  font-weight: 700;
  -webkit-box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.08);
}

#mainSection01 .g-button-arrow {
  position: absolute;
  right: 0;
  bottom: -40px;
}

#mainSection02 {
  height: 393px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 180px;
  position: relative;
  z-index: 1;
}

#mainSection02::before {
  content: '';
  display: block;
  width: 65%;
  height: 393px;
  background: #005EB8;
  position: absolute;
  right: 0;
  top: 0;
}

#mainSection02::after {
  content: '';
  display: block;
  width: 489px;
  height: 508px;
  background: url("../images/main/bg_main_circle_object_01.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  right: -18px;
  top: -535px;
  z-index: -1;
}

#mainSection02 .sponsorship-circle {
  position: absolute;
  top: -57px;
  left: 350px;
  width: 432px;
  height: 432px;
  background: url("../images/main/img_sponsorship_percent.png") no-repeat 0 0;
  background-size: 100%;
}

#mainSection02 .sponsorship-title-area {
  padding: 56px 0 0 816px;
}

#mainSection02 .sponsorship-title-area .sub-title-basic {
  font-size: 16px;
  color: #bbdde6;
  line-height: 26px;
  margin-top: 24px;
}

#mainSection02 .sponsorship-title-area .sub-title-basic .title-basic-point {
  color: #005eb8;
}

#mainSection02 .form-flex {
  margin-top: 32px;
}

#mainSection02 .form-flex .form-flex-cell {
  width: 180px;
}

#mainSection02 .form-flex .form-flex-cell + .form-flex-cell {
  padding-left: 24px;
}

#mainSection02 .form-flex .form-flex-cell .g-button-basic {
  font-weight: 700;
}

#mainSection02.contents-section {
  background-color: transparent;
}

#mainSection02.contents-section::after {
  display: none;
}


@media only screen and (min-width: 1281px) {
  .main-contents-wrap #mainSection02::before {
    left: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .main-contents-wrap #mainSection02 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    min-width: 0;
    height: 100%;
    min-height: 0;
  }

  .main-contents-wrap #mainSection02 .sponsorship-circle {
    top: -64px;
    left: 38px;
  }
  .main-contents-wrap #mainSection02 .sponsorship-title-area {
    padding-top: 0;
    padding-left: 510px;
  }
}


#mainSection03 {
  position: relative;
}

#mainSection03::before {
  content: '';
  display: block;
  width: 86%;
  height: 100%;
  background: #D8ECF1;
  position: absolute;
  left: 0;
  top: -84px;
  padding-bottom: 88px;
}

#mainSection03 .main-certificate-list {
  text-align: left;
}

#mainSection03 .main-certificate-list .title-blue-line {
  font-size: 40px;
  padding-top: 70px;
  line-height: normal;
}

#mainSection03 .main-certificate-list .sub-title-basic {
  font-size: 16px;
  color: #161718;
  line-height: 26px;
  margin-top: 24px;
  width: 588px;
}

#mainSection03 .main-certificate-list .sub-title-basic .title-basic-point {
  color: #005eb8;
}

#mainSection03 .main-certificate-list ul {
  padding: 56px 0;
  font-size: 0;
}

#mainSection03 .main-certificate-list li {
  width: 180px;
  height: 180px;
  background: #fff;
  font-size: 12px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 5px;
  display: inline-block;
}

#mainSection03 .main-certificate-list li.main-cert-list-01 p::before {
  background-image: url("../images/main/img_certificate_logo1.png");
}

#mainSection03 .main-certificate-list li.main-cert-list-02 p::before {
  background-image: url("../images/main/img_certificate_logo2.png");
}

#mainSection03 .main-certificate-list li.main-cert-list-03 p::before {
  background-image: url("../images/main/img_certificate_logo3.png");
}

#mainSection03 .main-certificate-list li.main-cert-list-04 p::before {
  background-image: url("../images/main/img_certificate_logo4.png");
}

#mainSection03 .main-certificate-list li.main-cert-list-05 p::before {
  background-image: url("../images/main/img_certificate_logo5.png");
}

#mainSection03 .main-certificate-list li p::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 88px;
  margin-bottom: 15px;
  background-size: auto 88px;
  background-position: center center;
  background-repeat: no-repeat;
}

#mainSection03 .main-certificate-list li + li {
  margin-left: 24px;
}

#mainSection04 {
  padding: 168px 0;
  position: relative;
}

#mainSection04 .special-sponsorship-title-area {
  margin-bottom: 198px;
  position: relative;
}

#mainSection04 .special-sponsorship-title-area .g-button-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
}

#mainSection04 .main-special-slider-wrap {
  position: relative;
  width: 1560px;
  margin: 0 0 0 auto;
}

#mainSection04 .main-special-slider-wrap::before {
  content: '';
  display: block;
  width: 538px;
  height: 728px;
  background: url("../images/main/bg_special_object.png") no-repeat 0 0;
  position: absolute;
  left: -194px;
  bottom: 80px;
}

#mainSection04 .main-special-slider-wrap .owl-stage {
  height: 600px;
}

#mainSection04 .main-special-slider-wrap .main-special-sponsorship-slider .item {
  width: 384px;
  -webkit-box-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.25);
  position: relative;
}

#mainSection04 .main-special-slider-wrap .main-special-sponsorship-slider .item a {
  display: block;
}

#mainSection04 .main-special-slider-wrap .main-special-sponsorship-slider .item .form-flex {
  width: 100%;
}

#mainSection04 .main-special-slider-wrap .main-special-sponsorship-slider .item .form-flex .g-button-basic {
  font-weight: 700;
}

#mainSection04 .main-special-slider-wrap .owl-nav {
  margin-top: 57px;
}

#mainSection04 .main-special-slider-wrap .owl-nav.disabled {
  display: block;
}

#mainSection04 .main-special-slider-wrap .owl-nav button span {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 48px;
  height: 48px;
}

#mainSection04 .main-special-slider-wrap .owl-nav button.owl-prev span {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat 0 0;
}

#mainSection04 .main-special-slider-wrap .owl-nav button.owl-next span {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat 0 0;
}

#mainSection04 .main-special-slider-wrap .owl-nav button + button {
  margin-left: 16px;
}

#mainSection04 .main-special-slider-wrap .special-slider-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 46px 32px;
  letter-spacing: -0.4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

#mainSection04 .main-special-slider-wrap .special-slider-text dl {
  margin-bottom: 24px;
}

#mainSection04 .main-special-slider-wrap .special-slider-text dl dt {
  font-size: 32px;
  color: #fff;
  font-weight: 700;
}

#mainSection04 .main-special-slider-wrap .special-slider-text dl dd {
  margin-top: 10px;
  color: #e0e0e0;
  font-size: 16px;
  line-height: normal;
}

#mainSection05 {
  position: relative;
}

#mainSection05::before {
  content: '';
  display: block;
  width: 86%;
  height: 728px;
  background: #d8ecf1;
  position: absolute;
  left: 0;
  top: 349px;
  z-index: -1;
}

#mainSection05::after {
  content: '';
  width: 1245px;
  height: 254px;
  background: url("../images/main/bg_txt_whenigrowup.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  top: -92px;
  right: -358px;
  z-index: -1;
}

#mainSection05 .title-basic {
  margin-bottom: 24px;
}

#mainSection05 .title-basic br {
  display: none;
}

#mainSection05 .title-basic.type-small {
  margin-bottom: 80px;
  font-weight: 400;
}

#mainSection05 .child-interview-clear::after {
  content: '';
  display: table;
  clear: both;
}

#mainSection05 .child-interview-list {
  width: 1183px;
  float: right;
  position: relative;
  right: -180px;
}

#mainSection05 .child-interview-list img {
  max-width: 100%;
}

#mainSection05 .child-interview-list #graduateInterviewMobile {
  display: none;
}

#mainSection05 .child-interview-list .inner-table {
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px 40px;
  background: #f4f7fb;
  table-layout: fixed;
}

#mainSection05 .child-interview-list .image-box {
  display: table-cell;
  width: 160px;
  height: 160px;
  overflow: hidden;
  border-radius: 100%;
  vertical-align: middle;
  position: relative;
}

#mainSection05 .child-interview-list .image-box img {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}

#mainSection05 .child-interview-list .text-box {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 40px;
  font-size: 20px;
}

#mainSection05 .child-interview-list .text-box .child-name {
  display: block;
  font-size: 16px;
  color: #8d8d8d;
  margin-top: 24px;
}

#mainSection05 .children-love-layout {
  margin-top: 64px;
}

#mainSection05 .children-love-layout .children-love-list {
  font-size: 0;
  text-align: center;
}

#mainSection05 .children-love-layout .children-love-box {
  display: inline-block;
  width: 384px;
  height: 533px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 212px 40px 0 40px;
  vertical-align: top;
  -webkit-box-shadow: 4px 10px 20px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 4px 10px 20px 0 rgba(0, 0, 0, 0.16);
}

#mainSection05 .children-love-layout .children-love-box + .children-love-box {
  margin-left: 24px;
}

#mainSection05 .children-love-layout .children-love-box.type-jesus {
  background: #fff url("../images/main/img_love_jesus.png") no-repeat right 40px top 40px;
  background-size: auto 120px;
}

#mainSection05 .children-love-layout .children-love-box.type-children {
  background: #fff url("../images/main/img_love_children.png") no-repeat right 40px top 40px;
  background-size: auto 120px;
}

#mainSection05 .children-love-layout .children-love-box.type-church {
  background: #fff url("../images/main/img_love_church.png") no-repeat right 40px top 40px;
  background-size: auto 120px;
}

#mainSection05 .children-love-layout .children-love-box dl {
  text-align: left;
}

#mainSection05 .children-love-layout .children-love-box dt {
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  color: #005eb8;
  font-weight: bold;
}

#mainSection05 .children-love-layout .children-love-box dd {
  margin-top: 16px;
  font-size: 16px;
  line-height: 30px;
}

#mainSection06 {
  padding: 155px 0 184px 0;
  position: relative;
  z-index: 0;
  background: url("../images/main/bg_main_line_bot.png") no-repeat center bottom -345px, url("../images/main/bg_main_circle_object_02.png") no-repeat right bottom -115px;
  background-size: auto, 494px;
}

#mainSection06::before {
  content: '';
  display: block;
  width: 100%;
  height: 1198px;
  background: url("../images/main/bg_main_line_mid.png") no-repeat center top;
  background-size: cover;
  position: absolute;
  left: 0;
  top: -700px;
  z-index: 0;
}

#mainSection06::after {
  content: '';
  display: block;
  width: 673px;
  height: 248px;
  background: url("../images/main/bg_txt_ourstory.png") no-repeat right top;
  background-size: 100%;
  position: absolute;
  left: 0;
  bottom: 94px;
  z-index: -1;
}

#mainSection06 .story-sponsorship-title-area {
  margin-bottom: 97px;
  position: relative;
}

#mainSection06 .g-button-arrow {
  position: absolute;
  right: 0;
  top: 153px;
}

#mainSection06 .story-latest-box::after {
  content: '';
  display: table;
  clear: both;
}

#mainSection06 .story-latest-box .story-latest-image {
  width: 792px;
  height: 480px;
  position: relative;
  overflow: hidden;
}

#mainSection06 .story-latest-box .story-latest-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

#mainSection06 .story-latest-box .story-latest-contents {
  position: relative;
  width: 480px;
  height: 480px;
  padding: 40px 40px 120px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 6px 14px -2px rgba(0, 0, 0, 0.25);
}

#mainSection06 .story-latest-box .story-latest-contents a {
  display: block;
}

#mainSection06 .story-latest-box .story-latest-contents dt {
  font-size: 32px;
  font-weight: 700;
  word-break: keep-all;
}

#mainSection06 .story-latest-box .story-latest-contents dt::after {
  content: '';
  display: block;
  width: 56px;
  height: 4px;
  margin: 24px 0;
}

#mainSection06 .story-latest-box .story-latest-contents dd {
  font-size: 16px;
  line-height: 24px;
}

#mainSection06 .story-latest-box .story-latest-contents .form-flex {
  width: 180px;
  position: absolute;
  left: 40px;
  bottom: 40px;
}

#mainSection06 .story-latest-box .story-latest-contents .form-flex .g-button-basic {
  font-weight: 700;
}

#mainSection06 .story-latest-box.type-first {
  position: relative;
}

#mainSection06 .story-latest-box.type-first::before {
  content: '';
  display: block;
  width: 393px;
  height: 324px;
  background: url("../images/main/bg_half_circle_object.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left: -255px;
  top: 73px;
  z-index: -1;
}

#mainSection06 .story-latest-box.type-first .story-latest-image {
  float: left;
}

#mainSection06 .story-latest-box.type-first .story-latest-contents {
  background: #005eb8;
  float: right;
  margin: 52px 0 0 -78px;
}

#mainSection06 .story-latest-box.type-first .story-latest-contents dt {
  color: #fff;
}

#mainSection06 .story-latest-box.type-first .story-latest-contents dt::after {
  background: #ffd100;
}

#mainSection06 .story-latest-box.type-first .story-latest-contents dd {
  color: #bbdde6;
}

#mainSection06 .story-latest-box.type-second .story-latest-image {
  float: right;
}

#mainSection06 .story-latest-box.type-second .story-latest-contents {
  background: #ffd100;
  float: left;
  margin: 52px -78px 0 0;
}

#mainSection06 .story-latest-box.type-second .story-latest-contents dt {
  color: #000;
}

#mainSection06 .story-latest-box.type-second .story-latest-contents dt::after {
  background: #005eb8;
}

#mainSection06 .story-latest-box.type-second .story-latest-contents dd {
  color: #3d3e3f;
}

#mainSection06 .story-latest-box + .story-latest-box {
  margin-top: 41px;
}

#mainSection07 {
  padding: 64px 0;
  background: #f4f7fb;
}

#mainSection07 .main-quick-link::after {
  content: '';
  display: table;
  clear: both;
}

#mainSection07 .main-quick-link .main-quick-link-box {
  float: left;
  width: 384px;
  height: 288px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#mainSection07 .main-quick-link .main-quick-link-box + .main-quick-link-box {
  margin-left: 24px;
}

#mainSection07 .main-quick-link .main-quick-link-box a {
  display: block;
  padding: 48px 32px;
}

#mainSection07 .main-quick-link .main-quick-link-box h4 {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}

#mainSection07 .main-quick-link .main-quick-link-box p {
  font-size: 16px;
  letter-spacing: -0.6px;
  min-height: 72px;
  margin: 24px 0 37px 0;
  color: #71b2c9;
}

#mainSection07 .main-quick-link .main-quick-link-box.type-first {
  background: #0086bf url("../images/main/icn_business.png") no-repeat 304px 42px;
  background-size: 40px;
}

#mainSection07 .main-quick-link .main-quick-link-box.type-second {
  background: #005eb8 url("../images/main/icn_church.png") no-repeat 304px 42px;
  background-size: 40px;
}

#mainSection07 .main-quick-link .main-quick-link-box.type-third {
  background: #003f77 url("../images/main/icn_main_store.png") no-repeat 304px 42px;
  background-size: 40px;
}

@media only screen and (max-width: 1560px) {
  .main-contents-wrap {
    padding-top: 50px;
  }
  #mainImcWrap .owl-nav {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: 0;
    left: 0;
    padding: 0 4%;
  }
  #mainImcWrap .main-imc-title-area h2 {
    font-size: 50px;
    line-height: 60px;
  }
  #mainImcWrap .main-imc-title-area h2::after {
    width: 60px;
    height: 8px;
  }
  #mainImcWrap .main-imc-title-area p {
    font-size: 16px;
  }
  #mainImcWrap .imc-controls {
    bottom: 20px;
  }
  #mainImcWrap .imc-controls .imc-dots button {
    width: 12px;
    height: 12px;
  }
  #mainSection03 .main-certificate-list {
    margin-top: 20px;
  }
  #mainSection04 .main-special-slider-wrap {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 40px;
  }
}

@media only screen and (max-width: 1280px) {
  #mainImcWrap .item {
    height: 65vw;
  }
  #mainSection01::before {
    width: 70%;
    bottom: inherit;
    top: 17%;
  }
  #mainSection01 .children-support-text {
    width: 65%;
  }
  #mainSection01 .children-support-text .title-basic {
    padding: 0;
  }
  #mainSection01 .children-support-image {
    width: 35%;
  }
  #mainSection01 .children-support-image img {
    max-width: 100%;
  }
  #mainSection01 .g-button-arrow {
    position: absolute;
    right: 4%;
    bottom: -10%;
  }
  #mainSection01 .form-flex .form-flex-cell + .form-flex-cell {
    padding-left: 8px;
  }
  #mainSection01 .children-support-type-three ul li + li {
    margin-left: 12px;
  }
  #mainSection01 .children-support-type-three ul li dd {
    width: 155px;
    height: 155px;
    padding: 55px 0 0 0;
  }
  #mainSection01 .children-support-type-three ul li.support-type-01 dd {
    padding: 65px 0 0 0;
  }
  #mainSection02 {
    height: auto;
    margin-top: 150px;
  }
  #mainSection02::before {
    display: none;
  }
  #mainSection02::after {
    width: 400px;
    height: 415px;
    top: -200px;
    right: -100px;
    z-index: -1;
  }
  #mainSection02 .inner {
    background: #005EB8;
    padding: 50px 4%;
    display: table;
  }
  #mainSection02 .sponsorship-title-area {
    padding: 0;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
  }
  #mainSection02 .sponsorship-circle {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    height: 350px;
    background-size: auto 100%;
    background-position: right center;
  }
  #mainSection02 .form-flex .form-flex-cell + .form-flex-cell {
    padding-left: 8px;
  }
  #mainSection03 {
    background: #D8ECF1;
    padding: 50px 0;
    width: 100%;
    text-align: left;
  }
  #mainSection03::before {
    display: none;
  }
  #mainSection03 .main-certificate-list {
    margin-top: 0;
  }
  #mainSection03 .main-certificate-list .title-blue-line {
    margin-bottom: 20px;
    font-size: 32px;
  }
  #mainSection03 .main-certificate-list .sub-title-basic {
    width: 100%;
    margin-top: 0;
  }
  #mainSection03 .main-certificate-list ul {
    padding: 20px 0 0 0;
  }
  #mainSection03 .main-certificate-list li {
    width: 19%;
  }
  #mainSection03 .main-certificate-list li + li {
    margin-left: 1%;
  }
  #mainSection04 {
    padding: 100px 0;
  }
  #mainSection04 .main-special-slider-wrap {
    padding-left: 4%;
  }
  #mainSection04 .special-sponsorship-title-area {
    margin-bottom: 100px;
  }
  #mainSection04 .main-special-slider-wrap::before {
    bottom: 60px;
  }
  #mainSection04 .main-special-slider-wrap .owl-nav {
    margin-top: 20px;
  }
  #mainSection05 {
    z-index: 1;
    padding: 0 0 100px 0;
  }
  #mainSection05::after {
    width: 600px;
    height: 122px;
    background-size: 100%;
    right: -100px;
  }
  #mainSection05 .child-interview-list {
    width: 96%;
    right: -4%;
  }
  #mainSection05 .children-love-layout .children-love-box {
    width: 32%;
    padding: 212px 24px 0 24px;
  }
  #mainSection05 .children-love-layout .children-love-box + .children-love-box {
    margin-left: 1%;
  }
  #mainSection06 {
    padding: 0 0 120px 0;
    z-index: 1;
  }
  #mainSection06 .g-button-arrow {
    position: absolute;
    right: 4%;
    top: 148px;
  }
  #mainSection06::before {
    top: -25%;
    background-position: center 65%;
    height: 500px;
    background-size: 1920px;
  }
  #mainSection06::after {
    width: 400px;
    height: 158px;
    bottom: 0;
    background-size: 100%;
  }
  #mainSection06 .story-latest-box .story-latest-image {
    width: 60%;
  }
  #mainSection06 .story-latest-box .story-latest-contents {
    width: 45%;
  }
  #mainSection06 .story-latest-box.type-first .story-latest-image {
    float: left;
  }
  #mainSection06 .story-latest-box.type-first .story-latest-contents {
    float: right;
    margin: 5% 0 0 -5%;
  }
  #mainSection06 .story-latest-box.type-second .story-latest-image {
    float: left;
  }
  #mainSection06 .story-latest-box.type-second .story-latest-contents {
    float: left;
    margin: 5% 0 0 -5%;
  }
  #mainSection07 .main-quick-link .main-quick-link-box {
    width: 32%;
    height: auto;
  }
  #mainSection07 .main-quick-link .main-quick-link-box a {
    padding: 32px;
  }
  #mainSection07 .main-quick-link .main-quick-link-box p {
    font-size: 16px;
  }
  #mainSection07 .main-quick-link .main-quick-link-box + .main-quick-link-box {
    margin-left: 2%;
  }
  #mainSection07 .main-quick-link .main-quick-link-box.type-first {
    background-position: 92% 30px;
  }
  #mainSection07 .main-quick-link .main-quick-link-box.type-first br {
    display: none;
  }
  #mainSection07 .main-quick-link .main-quick-link-box.type-second {
    background-position: 92% 30px;
  }
  #mainSection07 .main-quick-link .main-quick-link-box.type-third {
    background-position: 92% 30px;
  }
}

@media only screen and (max-width: 1024px) {
  #mainSection01 {
    height: auto;
    padding: 0 0 100px 0;
  }
  #mainSection01::before {
    height: 440px;
  }
  #mainSection01 .children-support-text .support-request-intro {
    line-height: 22px;
  }
  #mainSection02 {
    margin-top: 20px;
  }
  #mainSection02 .sponsorship-circle {
    height: 265px;
  }
  #mainSection04 .special-sponsorship-title-area {
    margin-bottom: 5%;
    position: relative;
    z-index: 1;
  }
  #mainSection04 .main-special-slider-wrap::before {
    width: 350px;
    height: 472px;
    bottom: 150px;
    background-size: 100%;
  }
  #mainSection04 .main-special-slider-wrap .owl-stage {
    height: auto;
  }
  #mainSection04 .main-special-slider-wrap .main-special-sponsorship-slider .item {
    width: 300px;
  }
  #mainSection04 .main-special-slider-wrap .special-slider-text {
    padding: 7% 5%;
  }
  #mainSection04 .main-special-slider-wrap .special-slider-text dl dt {
    font-size: 26px;
  }
  #mainSection04 .main-special-slider-wrap .special-slider-text dl dd {
    font-size: 14px;
  }
  #mainSection04 .main-special-slider-wrap .special-slider-text dl dd br {
    display: none;
  }
  #mainSection05 .title-basic {
    margin-bottom: 1%;
    letter-spacing: -0.5px;
  }
  #mainSection05 .child-interview-list {
    width: 100%;
    right: 0;
  }
  #mainSection05 .child-interview-list .text-box {
    font-size: 18px;
  }
  #mainSection05 .child-interview-list .text-box br {
    display: none;
  }
  #mainSection05 .children-love-layout .children-love-box {
    height: 480px;
    padding: 140px 24px 0 24px;
  }
  #mainSection05 .children-love-layout .children-love-box dt {
    font-size: 26px;
  }
  #mainSection05 .children-love-layout .children-love-box dd br {
    display: none;
  }
  #mainSection05 .children-love-layout .children-love-box.type-jesus {
    background-size: auto 80px;
  }
  #mainSection05 .children-love-layout .children-love-box.type-children {
    background-size: auto 80px;
  }
  #mainSection05 .children-love-layout .children-love-box.type-church {
    background-size: auto 80px;
  }
  #mainSection06 .story-sponsorship-title-area {
    margin-bottom: 5%;
  }
  #mainSection06 .g-button-arrow {
    top: 110px;
  }
  #mainSection06 .story-latest-box .story-latest-image {
    width: 60%;
  }
  #mainSection06 .story-latest-box .story-latest-image img {
    max-width: 100%;
  }
  #mainSection06 .story-latest-box .story-latest-contents {
    width: 50%;
    height: auto;
    padding: 5% 3%;
  }
  #mainSection06 .story-latest-box .story-latest-contents dt {
    font-size: 26px;
    line-height: 34px;
  }
  #mainSection06 .story-latest-box .story-latest-contents dd {
    font-size: 14px;
    line-height: 20px;
  }
  #mainSection06 .story-latest-box .story-latest-contents .form-flex {
    margin-top: 20px;
    position: relative;
    left: 0;
    bottom: 0;
  }
  #mainSection06 .story-latest-box.type-first .story-latest-contents {
    margin-left: -10%;
  }
  #mainSection06 .story-latest-box.type-first::before {
    left: inherit;
    right: 0;
    top: -100px;
  }
  #mainSection06 .story-latest-box.type-second .story-latest-contents {
    margin-left: -10%;
  }
  #mainSection07 .main-quick-link .main-quick-link-box h4 {
    font-size: 20px;
  }
  #mainSection07 .main-quick-link .main-quick-link-box p {
    font-size: 14px;
    min-height: 110px;
    margin: 24px 0 0 0;
  }
}

@media only screen and (max-width: 800px) {
  #mainImcWrap .main-imc-title-area h2 {
    font-size: 38px;
    line-height: 46px;
  }
  #mainImcWrap .main-imc-title-area p {
    margin-top: 30px;
  }
  #mainImcWrap .main-imc-title-area .g-button-basic-64 {
    margin-top: 24px;
  }
  #mainSection01 {
    padding: 0 0 40px 0;
  }
  #mainSection01 .children-support-text {
    margin-top: 0;
  }
  #mainSection01 .children-support-text .support-request-intro {
    font-size: 14px;
    line-height: 22px;
  }
  #mainSection01 .form-flex .form-flex-cell {
    margin-left: 12px;
  }
  #mainSection01::before {
    top: 11%;
    height: 400px;
  }
  #mainSection01 .g-button-arrow {
    clear: both;
    display: table;
    position: relative;
    right: 4%;
    bottom: 0;
    float: right;
    margin-top: 80px;
  }
  #mainSection01 .children-support-type-three ul {
    text-align: center;
  }
  #mainSection01 .children-support-type-three ul li + li {
    margin-left: 4%;
  }
  #mainSection01 .children-support-type-three ul li dt {
    font-size: 16px;
  }
  #mainSection01 .children-support-type-three ul li dd {
    font-size: 13px;
    width: 130px;
    height: 130px;
    padding: 47px 0 0 0;
  }
  #mainSection01 .children-support-type-three ul li.support-type-01 dd {
    padding: 55px 0 0 0;
  }
  #mainSection02 .form-flex .form-flex-cell + .form-flex-cell {
    padding-left: 12px;
  }
  #mainSection02 .sponsorship-title-area {
    width: 60%;
  }
  #mainSection02 .sponsorship-title-area .sub-title-basic {
    font-size: 14px;
    line-height: 22px;
  }
  #mainSection02 .sponsorship-circle {
    width: 40%;
    height: auto;
  }

  .type-group .contents-section#mainSection02 .sponsorship-title-area {
    padding-left: 0
  }
  .type-group .contents-section#mainSection02 .sponsorship-circle {
    top: 0;
    left: 0
  }

  #mainSection03 {
    padding: 5% 0;
  }
  #mainSection03 .main-certificate-list li {
    width: 32%;
    vertical-align: top;
  }
  #mainSection03 .main-certificate-list li + li {
    margin: 0 0 0 2%;
  }
  #mainSection03 .main-certificate-list li:nth-child(4) {
    margin-left: 0;
  }
  #mainSection04 {
    padding: 60px 0;
  }
  #mainSection04 .main-special-slider-wrap::before {
    bottom: 75px;
  }
  #mainSection05 {
    margin-bottom: 30%;
  }
  #mainSection05::before {
    width: 100%;
    height: 72%;
    top: 28%;
  }
  #mainSection05 .title-basic.type-small {
    font-size: 16px;
  }
  #mainSection05 .child-interview-list #graduateInterview {
    display: none;
  }
  #mainSection05 .child-interview-list #graduateInterviewMobile {
    display: block;
  }
  #mainSection05 .children-love-layout .children-love-box {
    width: 100%;
    height: auto;
    padding-bottom: 24px;
  }
  #mainSection05 .children-love-layout .children-love-box + .children-love-box {
    margin: 3% 0 0 0;
  }
  #mainSection06 .inner {
    padding: 0;
  }
  #mainSection06 .story-sponsorship-title-area {
    padding: 0 4%;
  }
  #mainSection06 .story-sponsorship-title-area .g-button-arrow {
    right: 4%;
  }
  #mainSection06 .g-button-arrow {
    top: 102px;
  }
  #mainSection06 .story-latest-box .story-latest-image {
    width: 80%;
  }
  #mainSection06 .story-latest-box .story-latest-contents {
    width: 95%;
  }
  #mainSection06 .story-latest-box .story-latest-contents dt {
    font-size: 22px;
    line-height: 30px;
  }
  #mainSection06 .story-latest-box .story-latest-contents dt br {
    display: none;
  }
  #mainSection06 .story-latest-box .story-latest-contents dt::after {
    width: 29px;
    height: 4px;
    margin: 20px 0;
  }
  #mainSection06 .story-latest-box .story-latest-contents dd {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  #mainSection06 .story-latest-box .story-latest-contents .g-button-basic {
    display: none;
  }
  #mainSection06 .story-latest-box.type-first .story-latest-image {
    float: right;
  }
  #mainSection06 .story-latest-box.type-first .story-latest-contents {
    margin: -10% 0 0 0;
    float: left;
  }
  #mainSection06 .story-latest-box.type-first::before {
    width: 200px;
    height: 167px;
    background-size: 100%;
    top: -200px;
    right: -80px;
  }
  #mainSection06 .story-latest-box.type-second .story-latest-contents {
    margin: -10% 0 0 0;
    float: right;
  }
}

@media only screen and (max-width: 640px) {
  #mainImcWrap .owl-nav button {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  #mainSection02 .sponsorship-circle {
    background-size: contain;
  }
  #mainSection03 .main-certificate-list .title-blue-line {
    background-size: 30px;
    padding-top: 50px;
    font-size: 24px;
  }
  #mainSection03 .main-certificate-list .title-blue-line br {
    display: none;
  }
  #mainSection03 .main-certificate-list .sub-title-basic {
    font-size: 14px;
    line-height: 22px;
  }
  #mainSection05 {
    margin-bottom: 25%;
  }
  #mainSection06::before {
    top: -48%;
    background-position: 16% top;
    height: 565px;
  }
}

@media only screen and (max-width: 520px) {
  .main-contents-wrap {
    padding: 0;
    background-position: center top;
  }
  #mainImcWrap .type-pc {
    display: none;
  }
  #mainImcWrap .type-mobile {
    display: block;
  }
  #mainImcWrap .item {
    height: auto;
    background: none;
  }
  #mainImcWrap .imc-item-mobile {
    display: block;
  }
  #mainSection01 {
    padding: 48px 0;
  }
  #mainSection01::before {
    top: 20%;
    width: 80%;
    height: 70%;
  }
  #mainSection01 .inner {
    padding: 0;
  }
  #mainSection01 .children-support-image {
    width: 100%;
    float: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 76px;
  }
  #mainSection01 .children-support-text {
    margin-top: 27px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 4%;
    width: 100%;
    float: none;
  }
  #mainSection01 .children-support-text .support-request-intro {
    font-size: inherit;
    line-height: 20px;
  }
  #mainSection01 .children-support-text .g-button-arrow {
    float: right;
    margin-top: 100px;
  }
  #mainSection01 .form-flex {
    display: block;
    margin: 40px 0 0 0;
  }
  #mainSection01 .form-flex .form-flex-cell {
    display: block;
    width: 100%;
    margin: 0;
  }
  #mainSection01 .form-flex .form-flex-cell + .form-flex-cell {
    padding: 0;
    margin: 16px 0 0 0;
  }
  #mainSection01 .children-support-type-three ul li {
    margin-top: 4%;
  }
  #mainSection01 .children-support-type-three ul li dd {
    width: 100px;
    height: 100px;
    font-size: 12px;
    padding: 30px 4px 0 4px;
  }
  #mainSection01 .children-support-type-three ul li dd br {
    display: none;
  }
  #mainSection01 .children-support-type-three ul li.support-type-01 dd {
    padding: 40px 4px 0 4px;
  }
  #mainSection02::after {
    width: 324px;
    height: 337px;
    background-size: 324px;
    right: -116px;
    top: -254px;
  }
  #mainSection02 .inner {
    display: block;
  }
  #mainSection02 .sponsorship-title-area {
    width: 100%;
    display: block;
  }
  #mainSection02 .sponsorship-title-area .title-basic {
    margin-bottom: 0;
  }
  #mainSection02 .sponsorship-title-area .sub-title-basic {
    font-size: 13px;
  }
  #mainSection02 .sponsorship-circle {
    width: 100%;
    height: 305px;
    display: block;
    margin-top: 38px;
    background-size: contain;
    background-position: center bottom;
  }
  #mainSection02 .form-flex {
    width: 100%;
  }
  #mainSection02 .form-flex .form-flex-cell {
    width: 49%;
  }
  #mainSection02 .form-flex .form-flex-cell + .form-flex-cell {
    padding-left: 2%;
  }
  #mainSection03 .main-certificate-list .sub-title-basic {
    font-size: 13px;
    line-height: 20px;
  }
  #mainSection04 .special-sponsorship-title-area {
    margin-bottom: 60px;
  }
  #mainSection04 .special-sponsorship-title-area .g-button-arrow {
    display: none;
  }
  #mainSection04 .main-special-slider-wrap::before {
    bottom: 80px;
  }
  #mainSection04 .main-special-slider-wrap .main-special-sponsorship-slider .item {
    width: 264px;
  }
  #mainSection04 .main-special-slider-wrap .owl-nav.disabled {
    display: none;
  }
  #mainSection04 .main-special-slider-wrap .special-slider-text dl dt {
    font-size: 20px;
  }
  #mainSection04 .main-special-slider-wrap .special-slider-text dl dd {
    font-size: inherit;
  }
  #mainSection05 {
    padding-bottom: 4%;
    z-index: 0;
  }
  #mainSection05::before {
    top: 23%;
    height: 77%;
  }
  #mainSection05::after {
    right: -300px;
    top: -50px;
  }
  #mainSection05 .title-basic br {
    display: block;
  }
  #mainSection05 .title-basic.type-small {
    margin-bottom: 24px;
    line-height: 1.7;
    font-size: 13px;
  }
  #mainSection05 .child-interview-list .inner-table {
    padding: 40px 24px;
    display: block;
    font-size: 0;
    position: relative;
  }
  #mainSection05 .child-interview-list .image-box {
    width: 95px;
    height: 95px;
    display: inline-block;
    position: absolute;
    left: 24px;
    top: 40px;
    overflow: hidden;
  }
  #mainSection05 .child-interview-list .image-box img {
    width: 95px;
    height: auto;
  }
  #mainSection05 .child-interview-list .text-box {
    display: inline-block;
    width: 100%;
    padding-left: 106px;
    font-size: 13px;
  }
  #mainSection05 .child-interview-list .text-box .child-name {
    font-size: 12px;
  }
  #mainSection05 .children-love-layout .children-love-box dt {
    font-size: 24px;
  }
  #mainSection05 .children-love-layout .children-love-box dd {
    font-size: 13px;
    line-height: 22px;
  }
  #mainSection06 {
    padding: 0 0 137px 0;
    background-position: center bottom -345px, left -120px bottom 30px;
    background-size: auto, 302px;
  }
  #mainSection06 .g-button-arrow {
    position: relative;
    right: 0;
    top: 0;
  }
  #mainSection06::after {
    display: none;
  }
  #mainSection06 .g-button-arrow {
    float: right;
    margin-right: 4%;
    margin-top: 40px;
  }
  #mainSection06 .story-latest-box + .story-latest-box {
    margin-top: 25px;
  }
  #mainSection06 .story-latest-box .story-latest-image {
    width: 100%;
    float: none;
    height: 208px;
  }
  #mainSection06 .story-latest-box .story-latest-contents dt {
    font-size: 20px;
    line-height: 26px;
  }
  #mainSection06 .story-latest-box .story-latest-contents dt::after {
    margin: 16px 0;
  }
  #mainSection06 .story-latest-box.type-first .story-latest-contents {
    padding: 28px 40px 28px 76px;
  }
  #mainSection06 .story-latest-box.type-first::before {
    width: 143px;
    height: 120px;
    background-size: 100%;
    top: -150px;
    right: -40px;
  }
  #mainSection06 .story-latest-box.type-second .story-latest-contents {
    padding: 28px 49px 28px 56px;
  }
  #mainSection06 .story-latest-box.type-second .story-latest-contents dt br {
    display: block;
  }
  #mainSection07 {
    padding: 0;
  }
  #mainSection07 .inner {
    padding: 0;
  }
  #mainSection07 .main-quick-link .main-quick-link-box {
    position: relative;
    width: 100%;
  }
  #mainSection07 .main-quick-link .main-quick-link-box a {
    padding: 40px 22px 36px 20px;
  }
  #mainSection07 .main-quick-link .main-quick-link-box p {
    min-height: auto;
  }
  #mainSection07 .main-quick-link .main-quick-link-box + .main-quick-link-box {
    margin: 0;
  }
  #mainSection07 .main-quick-link .main-quick-link-box.type-first {
    background-position: 96% 35px;
  }
  #mainSection07 .main-quick-link .main-quick-link-box.type-first br {
    display: block;
  }
  #mainSection07 .main-quick-link .main-quick-link-box.type-second {
    background-position: 96% 35px;
  }
  #mainSection07 .main-quick-link .main-quick-link-box.type-third {
    background-position: 96% 35px;
  }
  #mainSection07 .main-quick-link .g-button-arrow.type-white {
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    padding: 0 36px 6px 0;
    position: absolute;
    right: 22px;
    bottom: 20px;
  }
}

@media only screen and (max-width: 414px) {
  #mainSection03 .main-certificate-list li.main-cert-list-01 p::before,
  #mainSection03 .main-certificate-list li.main-cert-list-03 p::before,
  #mainSection03 .main-certificate-list li.main-cert-list-05 p::before {
    background-size: 70%;
  }
  #mainSection06 .story-latest-box.type-first .story-latest-contents {
    padding: 20px 20px 20px 76px;
  }
  #mainSection06 .story-latest-box.type-second .story-latest-contents {
    padding: 20px 20px 20px 56px;
  }
}

@media only screen and (max-width: 320px) {
  #mainSection03 .main-certificate-list li {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 5px;
  }
  #mainSection03 .main-certificate-list li + li {
    margin: 3% 0 0 0;
  }
  #mainSection03 .main-certificate-list li p::before {
    height: 44px;
  }
  #mainSection03 .main-certificate-list li.main-cert-list-01 p::before,
  #mainSection03 .main-certificate-list li.main-cert-list-03 p::before,
  #mainSection03 .main-certificate-list li.main-cert-list-05 p::before {
    background-size: auto 100%;
  }
  #mainSection06 .story-latest-box .story-latest-contents dt {
    font-size: 18px;
  }
  #mainSection06 .story-latest-box .story-latest-contents dd {
    font-size: inherit;
  }
}


/*
 * nouislider
 */

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
 .noUi-target,
 .noUi-target * {
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-user-select: none;
   -ms-touch-action: none;
   touch-action: none;
   -ms-user-select: none;
   -moz-user-select: none;
   user-select: none;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .noUi-target {
   position: relative;
 }
 .noUi-base,
 .noUi-connects {
   position: relative;
   z-index: 1;
   width: 100%;
   height: 100%;
 }

 /* Wrapper for all connect elements. */
 .noUi-connects {
   overflow: hidden;
   z-index: 0;
 }
 .noUi-connect,
 .noUi-origin {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 1;
   height: 100%;
   width: 100%;
   will-change: transform;
   -ms-transform-origin: 0 0;
   -webkit-transform-origin: 0 0;
   -webkit-transform-style: preserve-3d;
   transform-origin: 0 0;
   transform-style: flat;
 }

 /* Offset direction */
 .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
   left: 0;
   right: auto;
 }

 /*
  * Give origins 0 height/width so they don't interfere with clicking the connect elements.
  */
 .noUi-vertical .noUi-origin {
   top: -100%;
   width: 0;
 }
 .noUi-horizontal .noUi-origin {
   height: 0;
 }
 .noUi-handle {
   position: absolute;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 .noUi-touch-area {
   width: 100%;
   height: 100%;
 }
 .noUi-state-tap .noUi-connect,
 .noUi-state-tap .noUi-origin {
   -webkit-transition: transform 0.3s;
   transition: transform 0.3s;
 }
 .noUi-state-drag * {
   cursor: inherit !important;
 }

 /* Slider size and handle placement */
 .noUi-horizontal {
   height: 45px;
 }
 .noUi-horizontal .noUi-handle {
   top: -5px;
   right: -9px;
   width: 18px;
   height: 18px;
   border-radius: 6px;
 }
 .noUi-vertical {
   width: 18px;
 }
 .noUi-vertical .noUi-handle {
   right: -6px;
   bottom: -17px;
   width: 28px;
   height: 34px;
 }
 .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
   right: auto;
   left: -17px;
 }

 /* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
 .noUi-target {
   height: 4px;
   border-radius: 4px;
 }
 .noUi-connects {
   border-radius: 3px;
 }
 .noUi-connect {
   background: #3FB8AF;
 }

 /* Handles and cursors */
 .noUi-draggable {
   cursor: ew-resize;
 }
 .noUi-vertical .noUi-draggable {
   cursor: ns-resize;
 }
 .noUi-handle {
   border: 1px solid #D9D9D9;
   border-radius: 4px;
   background: #fff;
   cursor: default;
 }
 .noUi-active {
   box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
 }

 /* Handle stripes */
 .noUi-handle:before,
 .noUi-handle:after {
   display: none;
 }
 .noUi-handle:after {
   left: 17px;
 }
 .noUi-vertical .noUi-handle:before,
 .noUi-vertical .noUi-handle:after {
   top: 14px;
   left: 6px;
   width: 14px;
   height: 1px;
 }
 .noUi-vertical .noUi-handle:after {
   top: 17px;
 }

 /* Disabled state */
 [disabled] .noUi-connect {
   background: #B8B8B8;
 }
 [disabled].noUi-target,
 [disabled].noUi-handle,
 [disabled] .noUi-handle {
   cursor: not-allowed;
 }

 /*
  * Base;
  */
 .noUi-pips,
 .noUi-pips * {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .noUi-pips {
   position: absolute;
   color: #999;
 }

 /*
  * Values;
  */
 .noUi-value {
   position: absolute;
   text-align: center;
   white-space: nowrap;
 }
 .noUi-value-sub {
   font-size: 10px;
   color: #ccc;
 }

 /*
  * Markings;
  */
 .noUi-marker {
   position: absolute;
   background: #CCC;
 }
 .noUi-marker-sub {
   background: #AAA;
 }
 .noUi-marker-large {
   background: #AAA;
 }

 /*
  * Horizontal layout;
  */
 .noUi-pips-horizontal {
   top: 100%;
   left: 0;
   width: 100%;
   height: 80px;
   padding: 10px 0;
 }
 .noUi-value-horizontal {
   -webkit-transform: translate(-50%, 50%);
   transform: translate(-50%, 50%);
 }
 .noUi-rtl .noUi-value-horizontal {
   -webkit-transform: translate(50%, 50%);
   transform: translate(50%, 50%);
 }
 .noUi-marker-horizontal.noUi-marker {
   width: 2px;
   height: 5px;
   margin-left: -1px;
 }
 .noUi-marker-horizontal.noUi-marker-sub {
   height: 10px;
 }
 .noUi-marker-horizontal.noUi-marker-large {
   height: 15px;
 }

 /*
  * Vertical layout
  */
 .noUi-pips-vertical {
   top: 0;
   left: 100%;
   height: 100%;
   padding: 0 10px;
 }
 .noUi-value-vertical {
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   padding-left: 25px;
 }
 .noUi-rtl .noUi-value-vertical {
   -webkit-transform: translate(0, 50%);
   transform: translate(0, 50%);
 }
 .noUi-marker-vertical.noUi-marker {
   width: 5px;
   height: 2px;
   margin-top: -1px;
 }
 .noUi-marker-vertical.noUi-marker-sub {
   width: 10px;
 }
 .noUi-marker-vertical.noUi-marker-large {
   width: 15px;
 }
 .noUi-tooltip {
   display: block;
   position: absolute;
   border: 1px solid #D9D9D9;
   border-radius: 3px;
   background: #fff;
   color: #000;
   padding: 5px;
   text-align: center;
   white-space: nowrap;
 }
 .noUi-horizontal .noUi-tooltip {
   -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   left: 50%;
   bottom: 120%;
 }
 .noUi-vertical .noUi-tooltip {
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   top: 50%;
   right: 120%;
 }
 .noUi-horizontal .noUi-origin > .noUi-tooltip {
   -webkit-transform: translate(50%, 0);
   transform: translate(50%, 0);
   left: auto;
   bottom: 10px;
 }
 .noUi-vertical .noUi-origin > .noUi-tooltip {
   -webkit-transform: translate(0, -18px);
   transform: translate(0, -18px);
   top: auto;
   right: 28px;
}


/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * form  컴포넌트화
 * 작성자 : gikim
 * 파일명 : _form.scss
 */
textarea {
  height: 48px;
  font-size: 15px;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #e0e0e0;
  color: #3d3e3f;
}

textarea:focus {
  border: 1px solid #7b7b7b;
}

textarea:disabled, textarea[readonly] {
  height: 48px;
  font-size: 15px;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #e0e0e0;
  color: #3d3e3f;
  background: #f8f8fb;
  border-color: #e0e0e0;
  color: #3d3e3f;
  -webkit-appearance: none;
  line-height: 140%;
}

/* input placeholder */
input::-webkit-input-placeholder {
  color: #8d8d8d;
  font-size: 14px;
}
input:-ms-input-placeholder {
  color: #8d8d8d;
  font-size: 14px;
}
input::-ms-input-placeholder {
  color: #8d8d8d;
  font-size: 14px;
}
input::placeholder {
  color: #8d8d8d;
  font-size: 14px;
}

input::-webkit-input-placeholder {
  color: #8d8d8d;
  font-size: 14px;
}

input::-moz-input-placeholder {
  opacity: 1;
  line-height: 48px;
  height: 48px;
  color: #8d8d8d;
  font-size: 14px;
}

input:-moz-input-placeholder {
  opacity: 1;
  line-height: 48px;
  height: 48px;
  color: #8d8d8d;
  font-size: 14px;
}

input:-ms-input-placeholder {
  color: #8d8d8d;
  font-size: 14px;
}

input:disabled::-webkit-input-placeholder {
  color: #e0e0e0;
  font-size: 14px;
}

input:disabled:-ms-input-placeholder {
  color: #e0e0e0;
  font-size: 14px;
}

input:disabled::-ms-input-placeholder {
  color: #e0e0e0;
  font-size: 14px;
}

input:disabled::placeholder {
  color: #e0e0e0;
  font-size: 14px;
}

input:disabled::-webkit-input-placeholder {
  color: #e0e0e0;
  font-size: 14px;
}

input:disabled::-moz-input-placeholder {
  opacity: 1;
  line-height: 48px;
  height: 48px;
  color: #e0e0e0;
  font-size: 14px;
}

input:disabled:-moz-input-placeholder {
  opacity: 1;
  line-height: 48px;
  height: 48px;
  color: #e0e0e0;
  font-size: 14px;
}

input:disabled:-ms-input-placeholder {
  color: #e0e0e0;
  font-size: 14px;
}

input[type=date]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus {
  border: 1px solid #349cf2;
}

.ui-select-block {
  border: 1px solid #e2e4e8;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px 50px 13px 10px;
  width: 320px;
  border-radius: 3px;
  display: block;
  position: relative;
  z-index: 0;
}

.ui-select-block:before {
  width: 12px;
  height: 8px;
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  right: 12px;
  background: url("../images/sub/ico_select_box_arrow.png") no-repeat center;
  background-size: 100%;
}

.ui-select-block:before {
  background-position: 0 0;
}

.ui-select-block.type-short {
  width: 150px;
}

.ui-select-block.type-long {
  width: 282px;
}

.ui-select-block.type-full {
  width: 100%;
  margin-top: 0;
}

.ui-select-block.disabled {
  color: #3d3e3f;
  background-color: #f8f8fb;
  border-color: #e0e0e0;
}

.ui-select-block.focus {
  border-color: #7b7b7b;
}

.ui-select-block.focus:before {
  border-left-color: #7b7b7b;
  background-position: 0 -8px;
}

.ui-select-block span.select {
  display: block;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ui-select-block span.country-code {
  position: absolute;
  top: 12px;
  right: 30px;
  font-size: 15px;
}

.phoneArea2 span.country-code{
  right : auto;
}

.ui-select-block select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.form-option-wrap.type-fixed {
  margin-top: -8px;
}

.form-option-wrap.type-fixed .form-flex {
  width: 100%;
}

.form-option-wrap.type-fixed .form-flex .ui-radio-block {
  margin-right: 0;
}

.form-flex.type-fixed {
  width: 100%;
  table-layout: fixed;
}

.select-input-wrap {
  margin-top: 8px;
}

.counter-block {
  width: 160px;
  position: relative;
  padding: 0 44px;
  border: 2px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.counter-block-minus, .counter-block-plus {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 100%;
}

.counter-block-minus:before, .counter-block-plus:before {
  content: '';
  display: block;
  position: absolute;
  top: 22px;
  left: 15px;
  width: 15px;
  height: 1px;
  background-color: #7b7b7b;
}

.counter-block-plus {
  left: auto;
  right: 0;
}

.counter-block-plus:after {
  content: '';
  display: block;
  position: absolute;
  left: 22px;
  top: 15px;
  width: 1px;
  height: 15px;
  background-color: #7b7b7b;
}

.counter-block .counter-block-input {
  border-left: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 44px;
  padding: 6px;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}

.ui-file-add-block {
  margin-bottom: 16px;
}

.ui-file-add-block .btn-file-add {
  position: relative;
  font-size: 15px;
  color: #3d3e3f;
  padding-left: 16px;
  letter-spacing: -0.58px;
  background-color: transparent;
}

.ui-file-add-block .btn-file-add::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '+';
  font-weight: bold;
  color: #005eb8;
}

.ui-file-add-block .btn-file-add2 {
  position: relative;
  font-size: 15px;
  color: #3d3e3f;
  padding-left: 16px;
  letter-spacing: -0.58px;
  background-color: transparent;
}

.ui-file-add-block .btn-file-add2::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '+';
  font-weight: bold;
  color: #005eb8;
}

.ui-file-del-block {
  margin-top: 8px;
  text-align: right;
}

.ui-file-del-block .btn-file-del {
  cursor: pointer;
  position: relative;
  font-size: 15px;
  color: #8d8d8d;
  padding-left: 16px;
  letter-spacing: -0.58px;
  background-color: transparent;
}

.ui-file-del-block .btn-file-del2 {
  cursor: pointer;
  position: relative;
  font-size: 15px;
  color: #8d8d8d;
  padding-left: 16px;
  letter-spacing: -0.58px;
  background-color: transparent;
}

.ui-file-del-block .btn-file-del::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '-';
  font-weight: bold;
  color: #005eb8;
}

.ui-file-del-block .btn-file-del2::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '-';
  font-weight: bold;
  color: #005eb8;
}

.ui-file-preview-wrap {
  position: relative;
}

.ui-file-preview-wrap + .image-text-wrap {
  margin-top: 16px;
}

.ui-file-block-preview {
  position: relative;
  display: block;
}

.ui-file-block-preview .btn-file-thumbnail img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.ui-file-block-preview .btn-file {
  background-color: #fff;
  border: 1px dashed #e0e0e0;
  width: 100%;
  height: 80px;
  display: block;
  border-radius: 4px;
  text-align: center;
  padding: 60px 0;
}

.ui-file-block-preview .btn-file span {
  display: block;
  margin: 0 auto;
  color: #8d8d8d;
}

.ui-file-block-preview .btn-file span + span {
  margin-top: 4px;
}

.ui-file-block-preview .input-file {
  display: block;
  z-index: 5;
  overflow: hidden;
  color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background: none;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
}

.ui-file-block-preview .btn-file-del {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  z-index: 10;
}

.ui-file-block-preview .btn-file-del button {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/common/btn_close_gray_20x20.png") no-repeat center;
  background-size: 100%;
  z-index: 99;
  cursor: pointer;
}

.ui-file-block-preview .ui-file-block-preview-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.ui-file-block-preview .ui-file-block-preview-image img {
  max-width: 100%;
  height: 100%;
}

.ui-file-block {
  display: block;
  position: relative;
  padding-right: 204px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  z-index: 0;
}

.ui-file-block.type-download::before {
  width: 24px;
  height: 24px;
  display: inline-block;
  content: '';
  background-image: url("../images/common/ico_download.png");
  background-size: 100%;
  vertical-align: bottom;
  margin-right: 8px;
}

.ui-file-block.type-download .file-name {
  width: auto;
}

.ui-file-block.type-download .input-file {
  height: auto;
  cursor: pointer;
  width: auto;
}

.ui-file-block input {
  width: 100%;
}

.ui-file-block .btn-file {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 180px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px 31px;
  border: 1px solid #768692;
  color: #3d3e3f;
  font-size: 15px;
  cursor: pointer;
  z-index: 6;
  border-radius: 4px;
}

.ui-file-block .btn-file-del {
  position: absolute;
  top: 14px;
  right: 214px;
  width: 20px;
  height: 20px;
}

.ui-file-block .btn-file-del2 {
  position: absolute;
  top: 14px;
  right: 214px;
  width: 20px;
  height: 20px;
}

.ui-file-block .btn-file-del button {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/common/btn_close_gray_20x20.png") no-repeat center;
  background-size: 100%;
  z-index: 99;
  cursor: pointer;
}

.ui-file-block .btn-file-del2 button {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/common/btn_close_gray_20x20.png") no-repeat center;
  background-size: 100%;
  z-index: 99;
  cursor: pointer;
}

.ui-file-block .input-file {
  display: block;
  z-index: 5;
  overflow: hidden;
  color: transparent;
  border: 0;
  padding: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background: none;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
}

.ui-file-block .ui-input.file-name {
  opacity: 1;
  color: #8d8d8d;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ui-file-block.type-thumbnail {
  position: relative;
  padding: 0;
  display: inline-block;
  width: 120px;
  height: 120px;
  margin-left: 26px;
}

.ui-file-block.type-thumbnail:first-child {
  margin-left: 10px;
}

.ui-file-block.type-thumbnail .input-file {
  cursor: pointer;
}

.ui-file-block.type-thumbnail .btn-file-thumbnail {
  display: block;
  width: 120px;
  height: 120px;
  background: url("../images/common/btn_file_attach_thumbnail.png") no-repeat center center;
  background-size: 100%;
}

.ui-file-block.type-thumbnail .btn-file-thumbnail img {
  max-width: 100%;
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ui-file-block.type-thumbnail .btn-file-del {
  position: absolute;
  top: -8px;
  right: -8px;
  display: block;
  width: 32px;
  height: 32px;
  z-index: 9999;
}

.ui-file-block.type-thumbnail .btn-file-del button {
  width: 100%;
  height: 100%;
  background: url("../images/sub/ico_file_delete.png") no-repeat center center;
  background-size: 100%;
}

.ui-text-block {
  margin-top: 8px;
  font-size: 12px;
}

.ui-text-block + .ui-text-block {
  margin-top: 16px;
}

.ui-text-block + .ui-input-checkbox-wrap {
  margin-top: 8px;
}

.ui-text-block.type-underline {
  text-decoration: underline;
}

.ui-text-block.type-center {
  text-align: center;
}

.ui-text-block.type-large {
  font-size: 14px;
}

.ui-text-block.type-gray {
  color: #8d8d8d;
}

.ui-input-checkbox-wrap + .table-layout {
  margin-top: 16px;
  border-bottom: 1px solid #d9e1e2;
}

.type-emphasis {
  color: #005eb8;
}

.type-important {
  color: #ff5050;
}

.ui-checkbox-wrap {
  margin: 10px 0 18px;
  display: block;
}

.ui-checkbox-block,
.ui-radio-block {
  position: relative;
  z-index: 0;
  display: inline-block;
  margin-right: 16px;
}

.ui-checkbox-block.is-disable .ui-radio-label.checked .ui-radio-object,
.ui-radio-block.is-disable .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -40px;
}

.ui-checkbox-block.is-disable .ui-radio-object,
.ui-radio-block.is-disable .ui-radio-object {
  background-position: 0 -60px;
}

.ui-checkbox-block.is-disable .ui-checkbox-label.checked .ui-checkbox-object,
.ui-radio-block.is-disable .ui-checkbox-label.checked .ui-checkbox-object {
  background-position: 0 -40px;
}

.ui-checkbox-block.is-disable .ui-checkbox-object,
.ui-radio-block.is-disable .ui-checkbox-object {
  background-position: 0 -60px;
}

.ui-checkbox-block.type-line .ui-checkbox-object,
.ui-radio-block.type-line .ui-checkbox-object {
  background: url("../images/sub/ico_checkbox_type_no_line.png") no-repeat center;
  background-size: 100%;
  background-position: 0 0;
}

.ui-checkbox,
.ui-radio {
  display: block;
  z-index: -1;
  height: 1px;
  overflow: hidden;
  color: transparent;
  border: 0;
  padding: 0;
  opacity: 0;
  background: none;
  position: absolute;
  width: 1px;
  margin: 0;
  cursor: pointer;
}

.ui-checkbox:disabled + .ui-checkbox-label,
.ui-radio:disabled + .ui-checkbox-label {
  cursor: default;
}

.ui-checkbox:disabled + .ui-checkbox-label .ui-checkbox-text,
.ui-radio:disabled + .ui-checkbox-label .ui-checkbox-text {
  color: #e0e0e0;
}

.ui-checkbox:disabled + .ui-radio-label,
.ui-radio:disabled + .ui-radio-label {
  cursor: default;
}

.ui-checkbox:disabled + .ui-radio-label .ui-radio-text,
.ui-radio:disabled + .ui-radio-label .ui-radio-text {
  color: #e0e0e0;
}

.ui-checkbox-label,
.ui-radio-label {
  display: block;
  font-size: 0;
  line-height: 0;
  cursor: pointer
}

.ui-checkbox-text,
.ui-radio-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 25px;
  color: #3d3e3f;
}

.ui-checkbox-object + .ui-checkbox-text,
.ui-checkbox-text + .ui-checkbox-object,
.ui-radio-object + .ui-radio-text,
.ui-radio-text + .ui-radio-object {
  margin-left: 8px;
}

.ui-radio-object {
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_radio_button.png") no-repeat center;
  background-size: 100%;
  background-position: 0 0;
}

.ui-radio-label.checked .ui-radio-object {
  background-position: 0 -20px;
}

.ui-checkbox-object {
  display: inline-block;
  vertical-align: text-bottom;
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_checkbox_type_box.png") no-repeat center;
  background-size: 100%;
  background-position: 0 0;
}

.ui-checkbox-label.checked .ui-checkbox-object {
  background-position: 0 -20px;
}

.ui-checkbox-block .ui-checkbox-object {
  position: absolute;
  top: 4px;
}

.ui-checkbox-block .ui-checkbox-text {
  margin-left: 28px;
}

.ui-radio-block.type-long .ui-radio-object {
  vertical-align: baseline;
}

.ui-radio-block.type-long .ui-radio-text {
  width: 90%;
}

.ui-radio-wrap > div {
  margin-bottom: 16px;
}

.ui-checkbox-block.type-checkbox-custom .ui-checkbox-object {
  width: 32px;
  height: 32px;
  background: url("../images/common/ico_circle_check_24x24.png") no-repeat center;
  background-size: 100%;
  background-position: 0 0;
}

.ui-checkbox-block.type-checkbox-custom .ui-checkbox-label.checked .ui-checkbox-object {
  background-position: 0 -32px;
}

.radio-tab-list:after, .radio-tab:before {
  content: '';
  display: table;
  clear: both;
}

.radio-tab-list {
  margin: -8px 0 0 -8px;
}

.radio-tab-item {
  float: left;
  margin: 8px 0 0 8px;
  width: 104px;
}

.radio-tab-item .ui-radio-block {
  display: block;
}

.radio-tab-item .ui-radio-label {
  padding: 5px 9px;
  border: 1px solid #e0e0e0;
  text-align: center;
  border-radius: 16px;
}

.radio-tab-item .ui-radio-label.checked {
  background-color: #3d3e3f;
  color: #fff;
}

.form-notice-message {
  margin-top: 16px;
  font-size: 12px;
  line-height: 18px;
  color: #8d8d8d;
}

.form-notice-message a {
  text-decoration: underline;
}

.form-error-message {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
}

.type-require-test .type-require-test-message {
  display: none;
  margin: 8px 0;
  padding-left: 24px;
  position: relative;
}

.type-require-test .type-require-test-message::after {
  content: '';
  display: table;
  clear: both;
}

.type-require-test .type-require-test-message:after {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 0;
}

.type-require-test .form-require-time {
  float: right;
}

.type-require-test.is-valid .type-require-test-message.type-valid {
  display: block;
}

.type-require-test.is-valid .type-require-test-message.type-valid:after {
  background: url("../images/sub/ico_validation_check.png") no-repeat center;
  background-size: 100%;
  background-position: 0 0;
}

.type-require-test.is-valid .type-require-test-message.type-valid .form-error-message {
  width: 80%;
  color: #0086bf;
  font-size: 12px;
}

.type-require-test.is-valid .type-require-test-message.type-valid .form-require-time {
  color: #0086bf;
}

.type-require-test.is-error input {
  border: 1px solid #ff0808;
}

.type-require-test.is-error .form-error-message {
  font-size: 12px;
  color: #ff0808;
}

.type-require-test.is-error .type-require-test-message.type-error {
  display: block;
}

.type-require-test.is-error .type-require-test-message.type-error:after {
  background: url("../images/sub/ico_validation_check.png") no-repeat center;
  background-size: 100%;
  background-position: 0 -16px;
}

.type-require-test.is-error .form-require-time {
  color: #ff0808;
}

.type-require-test.is-error .ui-dropdown-head, .type-require-test.is-error .ui-select-block {
  border-color: #ff0808;
}

.type-require-test.is-error .ui-textarea-wrap + .type-require-test-message {
  bottom: 22px;
}

.form-flex-cell.type-full {
  width: 100%;
}

.form-flex-cell.type-full + .type-btn {
  padding-left: 24px;
}

.form-flex-cell.type-social-btn {
  padding-left: 16px;
}

.form-flex-cell.type-social-btn button {
  width: 48px;
}

.ui-block-lines > div + div {
  margin-top: 16px;
}

.ui-input-block + .ui-text-wrap {
  margin-top: 16px;
}

.type-phone .ui-select-block {
  /* width: 136px; */
  width: 156px;
  height: 48px;
}

.type-phone .ui-select-block span.select{
    width:90px;
}

.type-phone .ui-input-block {
  /* width: 240px; */
  width: 220px;
}

.type-phone .ui-input-block input {
  min-width: 220px;
  padding: 0 0 0 11px;
}

/* .type-phone .ui-input-block input {
  min-width: 240px;
  padding: 0 0 0 11px;
} */


.type-phone .form-flex-cell + .form-flex-cell {
  padding-left: 8px;
}

.type-phone .form-flex-cell.type-input + .type-btn {
  padding-left: 24px;
}

.type-phone.type-full {
  margin-top: 0;
}

.type-phone.type-full .form-flex-cell.type-input {
  width: 100%;
}

.form-flex .form-flex-cell.type-btn {
  min-width: 180px;
  padding-left: 24px;
}

.form-flex .form-flex-cell + .form-flex-cell.type-kakao {
  padding-left: 24px;
  height: 48px;
}

.form-flex .form-flex-cell + .form-flex-cell.type-kakao button {
  width: 48px;
}

.form-flex.type-flex .form-flex-cell.type-select,
.form-flex.type-phone .form-flex-cell.type-select {
  width: 23%;
}

.form-flex.type-flex .form-flex-cell.type-input,
.form-flex.type-phone .form-flex-cell.type-input {
  width: 240px;
}

.form-flex.type-phone .form-flex-cell.type-input {
  width: 220px;
}

.form-flex.type-double {
  width: 100%;
  table-layout: fixed;
}

.form-flex.type-double .form-flex-cell {
  width: 50%;
  padding: 0 8px 0 0;
  vertical-align: bottom;
}

.form-flex.type-double .form-flex-cell .ui-input-block {
  width: 50%;
}

.form-flex.type-double .form-flex-cell + .form-flex-cell {
  padding: 0 0 0 8px;
}

.form-flex.type-double .ui-select-block {
  width: 280px;
}

.type-email .ui-input-block,
.type-email .ui-select-block {
  width: 144px;
  height: 48px;
}

.type-email input {
  width: 144px;
}

.type-password {
  position: relative;
}

.type-password input {
  padding: 0 50px 0 12px;
}

.type-password .type-password-masking {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  right: 16px;
  background: url("../images/sub/ico_password_show.png") no-repeat 0 0;
  background-size: 100%;
}

.type-password .ui-input.active + .type-password-masking {
  background-position: 0 -20px;
}

.rs-bg,
.rs-selected {
  background-color: #e0e0e0;
  height: 4px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 100%;
  border-radius: 3px;
}

.rs-container {
  height: 45px;
  position: relative;
}

.rs-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rs-container .rs-selected {
  background-color: #ffd100;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  width: 0;
}

.rs-container .rs-pointer {
  cursor: pointer;
  left: -10px;
  position: absolute;
  top: -20px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  color: #fff;
  font-size: 16px;
  background: #005eb8;
  border-radius: 100px;
}

.rs-container.disabled .rs-selected {
  background-color: #ccc;
  border-color: #bbb;
}

.rs-container.disabled .rs-pointer {
  border-color: #ccc;
  background-color: #d9e1e2;
  cursor: default;
}

.rs-container.disabled .rs-tooltip {
  border-color: #ccc;
  color: #999;
}

.rs-container .rs-pointer::after, .rs-container .rs-pointer::before {
  content: '';
  position: absolute;
}

.rs-container .rs-pointer::after {
  left: auto;
  right: 12px;
}

.rs-container .rs-scale {
  left: 0;
  position: absolute;
  top: 5px;
  white-space: nowrap;
}

.rs-container .rs-scale span {
  float: left;
  position: relative;
}

.rs-container .rs-scale span:last-child {
  margin-left: -1px;
  width: 0;
}

.rs-container .rs-scale span ins {
  display: none;
}

.rs-container .rs-noscale span::before {
  display: none;
}

.rs-container .rs-noscale span:first-child::before {
  display: block;
}

.rs-container .rs-noscale span:last-child::before {
  display: block;
}

.rs-tooltip {
  color: #fff;
  text-align: center;
  width: 48px;
  pointer-events: none;
}

.is-require span {
  position: relative;
  display: inline-block;
}

.is-require span:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: -4px;
  width: 4px;
  height: 4px;
  background-color: #003f77;
  border-radius: 2px;
}

.ui-input-head {
  font-size: 12px;
  margin-bottom: 4px;
}

.ui-input-head + .form-flex .form-flex-cell {
  width: 100%;
}

.ui-text-mini-title {
  display: block;
  margin-bottom: 16px;
}

.form-option-wrap {
  margin-bottom: 8px;
}

.form-option-wrap .form-flex + .form-flex {
  padding-top: 24px;
}

.form-option-wrap.type-fixed .form-flex-cell {
  width: 178px;
}

.form-option-wrap.type-fixed .form-flex-cell + .form-flex-cell {
  padding-left: 0px;
}

.form-option-wrap.type-line > div > div {
  margin-bottom: 16px;
}

.form-option-wrap .route-select-wrap > div {
  width: 32%;
  display: inline-block;
  line-height: 48px;
}

.form-option-wrap .route-select-wrap > div:last-child {
  width: 66%;
}

.form-option-wrap .route-select-wrap > div:last-child .ui-radio-label::after {
  content: '';
  display: table;
  clear: both;
}

.form-option-wrap .route-select-wrap > div:last-child .ui-radio-block {
  margin-right: 0;
  width: 100%;
}

.form-option-wrap .route-select-wrap > div:last-child .ui-radio-block .ui-radio-text {
  width: 92%;
}

.is-error .route-select-wrap input {
  border-color: #e0e0e0;
}

.ui-text + .form-option-wrap {
  margin-top: 8px;
}

.form-option-wrap + .form-flex {
  width: 100%;
}

.form-option-wrap + .form-flex .form-flex-cell {
  width: 100%;
}

.ui-more-btn {
  float: right;
  color: #8d8d8d;
  font-size: 12px;
  text-decoration: underline;
  -webkit-vertical-align: sub;
  -moz-vertical-align: sub;
  vertical-align: sub;
}

.ui-checkbox-depth {
  margin-top: 8px;
  padding-left: 28px;
}

.ui-checkbox-depth .ui-checkbox-block {
  width: auto !important;
}

.ui-checkbox-depth .ui-checkbox-block + .ui-checkbox-block {
  padding-left: 24px;
}

.type-provision > * {
  padding: 0 2%;
}

.type-provision div:first-child {
  padding: 0;
}

.type-provision .ui-checkbox-block {
  margin-right: 0;
  width: 88%;
  word-break: keep-all;
}

.type-provision .ui-more-btn {
  line-height: 32px;
}

.type-provision .ui-checkbox-text {
  font-size: 13px;
}

.type-provision > div {
  margin-top: 16px;
}

.ui-text-wrap p {
  font-size: 12px;
  letter-spacing: -0.5px;
}

.ui-text-wrap p .ui-title {
  display: block;
  margin: 8px 0 4px;
  font-size: 14px;
}

.ui-text-wrap + .md-tab {
  margin-top: 24px;
}

.ui-head {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  letter-spacing: -0.44px;
}

.ui-notice-title {
  font-size: 20px;
  letter-spacing: -0.63px;
}

.ui-notice-sub-title {
  font-size: 18px;
  letter-spacing: -0.56px;
  font-weight: bold;
  margin-bottom: 4px;
}

.ui-notice-sub-title .type-regular {
  font-weight: 400;
}

.ui-notice-sub-title + p .ui-title + .ui-more-btn {
  display: block;
  float: none;
}

.ui-notice-text {
  font-size: 16px;
  letter-spacing: -0.67px;
}

.ui-input-text-wrap {
  margin-bottom: 8px;
}

.ui-input-text-wrap.type-gray {
  background-color: #f2f5f8;
  padding: 16px;
  margin-top: 16px;
  font-size: 13px;
}

.ui-input-text-wrap .gray-noti-title {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
}

.ui-input-text-wrap .list-dot li {
  font-size: 14px;
}

.type-border-top {
  border-top: 1px solid #d9e1e2;
  padding-top: 24px;
}

.ui-dropdown {
  width: 100%;
}

.ui-dropdown-head {
  position: relative;
  padding: 11px 32px 11px 12px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}

.ui-dropdown-title {
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.ui-dropdown-opener {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.ui-dropdown-opener:before {
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 8px;
  top: 20px;
  right: 12px;
  background: url("../images/sub/ico_select_box_arrow.png") no-repeat center;
  background-size: 100%;
  background-position: 0 0;
}

.ui-dropdown-opener .close-text {
  display: none;
}

.ui-dropdown-layer {
  width: 100%;
}

.ui-dropdown-layer .ui-dropdown-content {
  position: relative;
  border: 1px solid #e0e0e0;
  background: #fff;
}

.ui-dropdown-layer .ui-dropdown-close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px;
  background: #eee;
}

.ui-dropdown-list {
  max-height: 143px;
  overflow-y: scroll;
}

.ui-dropdown-list li {
  border-bottom: 1px solid #e0e0e0;
  padding: 13px 12px;
}

.ui-dropdown-list .ui-dropdown-select {
  background: transparent;
  text-align: left;
  display: block;
  width: 100%;
}

.ui-dropdown.js-dropdown-opened .ui-dropdown-opener::before {
  background-position: 0 -8px;
}

.ui-dropdown.js-dropdown-opened .ui-dropdown-opener .open-text {
  display: none;
}

.ui-dropdown.js-dropdown-opened .ui-dropdown-opener .close-text {
  display: inline;
}

.ui-dropdown.disabled .ui-dropdown-head {
  border-color: #e0e0e0;
  color: #e0e0e0;
}

.ui-input-address > div {
  padding-top: 16px;
}

.ui-input-address > div:first-child {
  padding-top: 0;
}

.signature-pad-wrap {
  width: 554px;
  padding: 16px;
  border: 1px solid #d9e1e2;
}

.signature-pad-wrap p {
  font-size: 14px;
  margin-bottom: 16px;
  display: inline-block;
  color: #005eb8;
}

.signature-pad-wrap p span {
  display: block;
  color: #3d3e3f;
}

.signature-pad-wrap > div {
  height: 236px;
  border: 1px solid #d9e1e2;
  overflow: hidden;
}

.signature-pad-wrap canvas {
  width: 100%;
  height: 240px;
}

.signature-pad-wrap .signature-pad-btn {
  border: none;
  height: auto;
  display: block;
  float: right;
}

.signature-pad-wrap .signature-pad-btn .form-flex-cell button {
  min-width: 100px;
}

.signature-pad-wrap .signature-pad-btn .form-flex-cell + .form-flex-cell {
  padding-left: 16px;
}

.signature-pad-wrap #signatureData {
  display: none;
}

.link-text {
  color: #005eb8;
  font-weight: bold;
}

.link-text.type-black {
  color: #3d3e3f;
  text-decoration: underline;
  font-weight: normal;
}

.link-text.type-gray {
  color: #8d8d8d;
  text-decoration: underline;
  font-weight: normal;
}

/* ie는 배경이 없으면 버튼을 누를 수가 없음 이를 해결하기 위한 핵 */
html.is-ie .ui-dropdown-opener {
  background-image: url("./");
}

.ui-textarea-wrap .textarea-wrap textarea {
  height: 198px;
}

.textarea-wrap {
  position: relative;
  margin-bottom: 30px;
}

.textarea-wrap textarea {
  height: 112px;
}

.textarea-wrap .textarea-max-length {
  position: absolute;
  bottom: -28px;
  right: 0;
}

.product-summary-help {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.product-summary-help .product-summary-help-opener {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/common/ico_tooltip_24x24.png") no-repeat center;
  background-size: 100%;
}

.product-summary-help .product-summary-help-layer {
  display: none;
  min-width: 138px;
  width: 300px;
  position: relative;
  padding-top: 13px;
  margin: 2px 8px;
}

.product-summary-help .product-summary-help-layer::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  background: url("../images/common/bg_tooltip_triangle_14x14.png") no-repeat center;
  background-size: 100%;
}

.product-summary-help .product-summary-help-content {
  padding: 20px 16px;
  border: 1px solid #d9e1e2;
  background: #fff;
  word-break: keep-all;
  word-wrap: break-word;
  font-size: 13px;
  border-radius: 0 4px 4px 4px;
}

.top-menulist-wrap {
  width: 100%;
  overflow-x: scroll;
  border-bottom: 1px solid #f8f8fb;
  display: none;
}

.top-menulist {
  width: 100%;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
}

.top-menulist .menulist-item {
  display: inline-block;
  width: auto;
  text-align: center;
  line-height: 44px;
}

.top-menulist .menulist-item a {
  padding: 0 16px;
}

.top-menulist .menulist-item.is-active {
  color: #005eb8;
  font-weight: bold;
}

.top-menulist .menulist-item.is-active::after {
  display: block;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #005eb8;
}

@media only screen and (max-width: 1024px) {
  .top-menulist-wrap {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .form-option-wrap.type-long .form-flex-cell {
    display: inline-block;
  }
  .form-option-wrap.type-long .form-flex-cell + .form-flex-cell {
    padding-left: 0;
  }
}

@media only screen and (max-width: 640px) {
  .ui-file-block {
    padding-right: 112px;
  }
  .ui-file-block .btn-file {
    width: 96px;
    padding: 13px 0;
  }
  .ui-file-block .btn-file-del {
    right: 120px;
  }

  .ui-file-block .btn-file-del2 {
    right: 120px;
  }
  .form-flex .form-flex-cell.type-btn {
    min-width: 96px;
    padding-left: 16px;
  }
  .form-option-wrap.type-fixed .form-flex-cell {
    display: inline-block;
    width: 50%;
    padding: 0 0 8px;
  }
  .form-option-wrap.type-fixed .form-flex-cell + .form-flex-cell {
    padding-left: 0;
  }
  .form-option-wrap.type-line .form-flex-cell {
    display: block;
  }
  .form-option-wrap.type-line .form-flex-cell + .form-flex-cell {
    padding-left: 0;
  }
  .form-option-wrap.type-line .form-flex-cell:last-child {
    margin-bottom: 0;
  }
  .form-option-wrap .route-select-wrap > div {
    width: 100%;
  }
  .form-option-wrap .route-select-wrap > div:last-child .ui-radio-block .ui-radio-text {
    width: 85%;
  }
  .signature-pad-wrap {
    width: 94%;
    padding: 3%;
  }
  .signature-pad-wrap > div {
    height: auto;
  }
  .signature-pad-wrap canvas {
    width: 100%;
    height: 160px;
  }
  .signature-pad-wrap .signature-pad-btn {
    float: none;
    margin-bottom: 16px;
  }
  .signature-pad-wrap .signature-pad-btn .form-flex {
    width: 100%;
  }
  .signature-pad-wrap .signature-pad-btn .form-flex-cell button {
    width: 100%;
  }
  .signature-pad-wrap .signature-pad-btn .form-flex-cell + .form-flex-cell {
    padding-left: 16px;
  }
  .form-option-wrap.type-double .form-flex {
    width: 100%;
  }
  .form-option-wrap.type-double .form-flex-cell {
    display: inline-block;
    width: 50%;
    padding-bottom: 8px;
  }
  .form-option-wrap.type-double .form-flex-cell + .form-flex-cell {
    padding-left: 0;
  }
  .form-flex .form-flex-cell + .form-flex-cell.type-kakao {
    padding-left: 8px;
  }
  .ui-file-block.type-thumbnail {
    width: 95px;
    height: 95px;
  }
  .ui-file-block.type-thumbnail:first-child {
    margin-left: 0;
  }
  .ui-file-block.type-thumbnail .btn-file-thumbnail {
    width: 95px;
    height: 95px;
  }
  .ui-file-block.type-thumbnail .btn-file-del button {
    width: 24px;
    height: 24px;
  }
  .ui-file-block-cover {
    text-align: center;
  }
  .ui-file-block-cover .type-thumbnail + .type-thumbnail {
    margin-left: 15px;
  }
  .type-provision .ui-checkbox-block {
    width: 70%;
  }
}

@media only screen and (max-width: 520px) {
  .signature-pad-wrap p span {
    display: none;
  }
  .notice-blue-border-wrap .ui-title + div {
    margin: 8px 0;
  }
  .ui-notice-title {
    font-size: 4vw;
  }
  .ui-notice-text {
    font-size: 14px;
  }
  .ui-notice-sub-title {
    font-size: 16px;
  }
  .ui-notice-sub-title + p {
    font-size: 13px;
  }
  .ui-file-block.type-thumbnail {
    width: 67px;
    height: 67px;
  }
  .ui-file-block.type-thumbnail:first-child {
    margin-left: 0;
  }
  .ui-file-block.type-thumbnail .btn-file-thumbnail {
    width: 67px;
    height: 67px;
  }
  .form-option-wrap.type-religion .form-flex-cell {
    display: inline-block;
    margin-bottom: 8px;
    padding-left: 0 !important;
  }
  .type-require-test .ui-text {
    font-size: 14px;
  }
}

@media only screen and (max-width: 360px) {
  .ui-file-block.type-thumbnail {
    width: 60px;
    height: 60px;
  }
  .ui-file-block.type-thumbnail .btn-file-thumbnail {
    width: 60px;
    height: 60px;
  }
  .ui-notice-title {
    font-size: 14px;
  }
  .ui-notice-text {
    font-size: 13px;
  }
  .form-option-wrap .form-flex-cell + .form-flex-cell {
    padding-left: 0;
  }
  .ui-checkbox-text,
  .ui-radio-text {
    font-size: 11px;
  }
  .tab-radius-wrap.type-flex .ui-radio-label {
    font-size: 1.5vw;
  }
}

@media only screen and (max-width: 320px) {
  .ui-select-block span.country-code {
    right: 24px;
  }

  .phoneArea2 span.country-code{
    right : auto;
  }

  .ui-select-block::before {
    right: 6px;
  }
  .ui-checkbox-text,
  .ui-radio-text {
    font-size: 12px;
  }
}

.form-flex.type-date-from-to .form-flex-cell:first-child input {
  border-right-color: transparent;
  border-radius: 3px 0 0 3px;
}

.ui-input-block-date {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-input-block-date::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/common/ico_datepicker.png") no-repeat center center;
  background-size: 24px;
  position: absolute;
  left: 12px;
  top: 0;
}

.ui-input-block-date input[readonly],
.ui-input-block-date input[disabled] {
  background-color: #fff;
  text-indent: 30px;
  border-radius: 0 3px 3px 0;
}

.ui-input-block-date input[disabled] {
  background: #f8f8fb;
}

.ui-datepicker {
  display: none;
  z-index: 999999 !important;
  width: 292px;
  border: 1px solid #d8d8d8;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.2);
}

.ui-datepicker-header {
  position: relative;
  font-size: 16px;
  line-height: 45px;
  font-weight: bold;
  color: #222;
  text-align: center;
  font-weight: 700;
}

.ui-datepicker-header select {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  text-align: left;
  border: 1px solid #d9e1e2;
  margin: 0 8px;
  padding: 4px;
  vertical-align: baseline;
}

.ui-datepicker-header .ui-icon {
  display: block;
  position: absolute;
  left: -999999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.ui-datepicker-header .ui-corner-all {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  width: 24px;
  height: 24px;
  padding: 5px;
}

.ui-datepicker-header .ui-corner-all::before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 24px;
  height: 24px;
}

.ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
  left: 0;
}

.ui-datepicker-header .ui-corner-all.ui-datepicker-prev::before {
  background: url("../images/common/ico_letter_prev.png") no-repeat center center;
  background-size: 100%;
}

.ui-datepicker-header .ui-corner-all.ui-datepicker-next {
  right: 0;
}

.ui-datepicker-header .ui-corner-all.ui-datepicker-next::before {
  background: url("../images/common/ico_letter_next.png") no-repeat center center;
  background-size: 100%;
}

.ui-datepicker-calendar {
  width: 100%;
  table-layout: fixed;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}

.ui-datepicker-calendar thead th {
  font-weight: 400;
  background: #fff;
  color: #637381;
}

.ui-datepicker-calendar td {
  color: #666;
}

.ui-datepicker-calendar td.ui-state-disabled {
  color: #ddd;
}

.ui-datepicker-calendar a {
  display: block;
  position: relative;
  z-index: 0;
}

.ui-datepicker-calendar a::before {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: #f7f7f7;
  z-index: -1;
}

.ui-datepicker-calendar a:hover::before {
  background: #e5f0fc;
}

.ui-datepicker-calendar a.ui-state-hover::before {
  display: block;
}

.ui-datepicker-calendar a.ui-state-highlight {
  color: #fff;
}

.ui-datepicker-calendar a.ui-state-highlight::before {
  display: block;
  background-color: #005EB8;
}

@media only screen and (max-width: 520px) {
  textarea {
    font-size: 13px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * tab 컴포넌트화
 * 작성자 : gikim
 * 파일명 : _tab.scss
 */
.md-tab {
  height: 44px;
}

.md-tab::after::after {
  content: '';
  display: table;
  clear: both;
}

.md-tab.type-flexible {
  height: auto;
}

.md-tab.type-flexible:after {
  display: none;
}

.md-tab.type-flexible .md-tab-slide {
  float: none;
  width: auto;
}

.md-tab.type-flexible .md-tab-slide:after {
  display: none;
}

.md-tab.type-flexible ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.md-tab.type-flexible ul li {
  float: none;
  display: table-cell;
  width: auto;
}

.md-tab-slide {
  float: left;
  width: 100%;
}

.md-tab-slide::after::after {
  content: '';
  display: table;
  clear: both;
}

.md-tab-slide ul li {
  float: left;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 14px;
  position: relative;
}

.md-tab-slide ul li.active a {
  border: 1px solid #005eb8;
  color: #005eb8;
  background: #fff;
}

.md-tab-slide ul li.active + li a {
  border-left-color: #005eb8;
}

.md-tab-slide ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #d9e1e2;
  background: #f8f8fb;
}

.md-tab-slide ul li button {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #d9e1e2;
  background: #f8f8fb;
}

.md-tab-slide ul li button.is-active, .md-tab-slide ul li button.js-tabpanel-active {
  border: 1px solid #005eb8;
  color: #005eb8;
  background: #fff;
}

.js-ui-tab-panel-content {
  display: none;
}

.tab-radius-wrap {
  text-align: left;
  padding: 16px 0;
  margin: 0 auto;
}

.tab-radius-wrap::after {
  content: '';
  display: table;
  clear: both;
}

.tab-radius-wrap ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.tab-radius-wrap li {
  display: table-cell;
  padding: 0 8px;
  font-size: 14px;
  width: 33%;
}

.tab-radius-wrap li a,
.tab-radius-wrap li button {
  width: 100%;
  color: #005eb8;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 48px;
  line-height: 46px;
  border: 1px solid #005eb8;
  border-radius: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  text-align: center;
}

.tab-radius-wrap li a.active,
.tab-radius-wrap li button.active {
  background-color: #005eb8;
  border: none;
  color: #fff;
}

.tab-radius-wrap .ui-checkbox-block,
.tab-radius-wrap .ui-radio-block {
  display: block;
  width: 100%;
  text-align: center;
}

.tab-radius-wrap .ui-checkbox-label,
.tab-radius-wrap .ui-radio-label {
  width: 100%;
  color: #005eb8;
  display: block;
  font-size: 16px;
  height: 48px;
  line-height: 46px;
  border: 1px solid #005eb8;
  border-radius: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  cursor: pointer;
}

.tab-radius-wrap .ui-checkbox-label.checked,
.tab-radius-wrap .ui-radio-label.checked {
  background: #005eb8;
  color: #fff;
}

.tab-radius-wrap.type-flex {
  text-align: left;
}

.tab-radius-wrap.type-flex ul {
  display: block;
}

.tab-radius-wrap.type-flex li {
  display: inline-block;
  width: auto;
}

.tab-radius-wrap.type-flex li:first-child {
  padding-left: 0;
}

.tab-radius-wrap.type-flex li span {
  margin: 0;
}

.tab-radius-wrap.type-flex .ui-radio-label,
.tab-radius-wrap.type-flex a {
  padding: 14px 24px;
  font-size: 0.8vw;
  line-height: normal;
}

html.is-ie .ui-accordion-opener {
  background-image: url("./");
}

/* ie는 배경이 없으면 버튼을 누를 수가 없음 이를 해결하기 위한 핵 */
.type-dot-list li {
  position: relative;
  padding-left: 14px;
}

.type-dot-list li::after {
  width: 2px;
  height: 10px;
  content: 'ㆍ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.type-dot-list li span {
  display: block;
}

.ui-accordion-wrap .qna-head {
  display: inline-block;
  max-width: 66%;
}

.ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-title .g-round-basic {
  vertical-align: middle;
  background-color: transparent;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.ui-accordion-wrap.type-bold .ui-accordion-head {
  padding: 32px 0;
  border-bottom: 1px solid #d9e1e2;
}

.ui-accordion-wrap.type-bold .ui-accordion-head {
  font-size: 20px;
}

.ui-accordion-wrap.type-bold .ui-accordion-layer {
  background-color: #f2f5f8;
  border-bottom: 1px solid #d9e1e2;
  padding: 32px;
}

.ui-accordion-wrap .ui-accordion-head {
  position: relative;
  font-size: 16px;
  padding: 12px 0;
}

.ui-accordion-wrap .ui-accordion-layer {
  font-size: 16px;
}

.ui-accordion-wrap .ui-accordion-layer.js-ui-accordion-layer {
  display: none;
  height: 0;
}

.ui-accordion-wrap .ui-accordion-opener {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.ui-accordion-wrap .ui-accordion-opener::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 0;
  width: 20px;
  height: 20px;
  background: url("../images/common/ico_faq_arrow_20x20.png") no-repeat center;
  background-size: 100%;
  background-position: 0 0;
}

.ui-accordion-wrap .ui-accordion-opener .close-text {
  display: none;
}

.ui-accordion-wrap .ui-accordion-item.js-accordion-opened .ui-accordion-opener::before {
  background-position: 0 -20px;
}

.ui-accordion-wrap .ui-accordion.type-faq .js-ui-accordion-layer {
  background-color: #f2f5f8;
  padding: 20px 20px 20px 228px;
}

.ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-title {
  font-size: 0;
}

.ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item {
  margin-bottom: 24px;
  background-color: #fff;
  border: 1px solid #d9e1e2;
}

.ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .ui-accordion-head {
  position: relative;
  height: 88px;
  line-height: 86px;
  padding: 0 20px;
  font-size: 20px;
}

.ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .ui-accordion-head .qna-head {
  line-height: normal;
  vertical-align: middle;
  font-size: 20px;
}

.ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-opener::before {
  right: 20px;
}

.ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-content.qna-content .faq-content-editor {
  font-size: 16px;
}

.ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-content.qna-content .faq-content-editor * {
  font-family: 'Noto Sans KR' !important;
  font-size: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-content.qna-content .faq-content-editor:first-child {
  position: relative;
}

.ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-content.qna-content .faq-content-editor:first-child::after {
  position: absolute;
  top: 0;
  left: -28px;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  content: 'A';
  color: #ffd100;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 20px;
}

.g-round-basic {
  padding: 0;
  line-height: 40px;
  min-width: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f2f5f8;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: #005eb8;
  border-radius: 28px;
}

.qna-head {
  position: relative;
  padding-left: 48px;
}

.qna-head::after {
  position: absolute;
  top: 3px;
  left: 20px;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  content: 'Q';
  color: #005eb8;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 20px;
}

.ui-accordion-wrap .type-require-test + .type-require-test {
  margin-top: 24px;
}

.ui-accordion-wrap.type-support-faq .ui-accordion-opener::before {
  right: 30px;
}

@media only screen and (max-width: 1280px) {
  .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-title .g-round-basic {
    font-size: 16px;
  }
  .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .ui-accordion-head .qna-head {
    font-size: 16px;
  }
  .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .ui-accordion-content.qna-content .faq-content-editor {
    font-size: 16px;
  }
  .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .ui-accordion-content.qna-content .faq-content-editor * {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-title .g-round-basic {
    font-size: 16px;
  }
  .ui-accordion-wrap .qna-head {
    max-width: 64%;
  }
}

@media only screen and (max-width: 640px) {
  .type-faq .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .ui-accordion-head {
    height: auto;
    line-height: 0;
    padding: 16px;
  }
  .type-faq .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .ui-accordion-head .qna-head {
    display: block;
    width: 80%;
    max-width: none;
    margin-top: 8px;
    font-size: 13px;
    padding-left: 24px;
  }
  .type-faq .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .ui-accordion-head .qna-head::after {
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
  }
  .type-faq .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .js-ui-accordion-layer {
    padding: 20px;
  }
  .type-faq .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .js-ui-accordion-layer .qna-content {
    padding-left: 26px;
  }
  .type-faq .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .js-ui-accordion-layer .qna-content * {
    font-size: 13px !important;
  }
  .type-faq .ui-accordion-wrap .ui-accordion.type-faq .g-round-basic {
    font-size: 11px;
    min-width: auto;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    padding: 0 16px;
    margin: 0 8px 0 0;
  }
  .tab-radius-wrap .ui-checkbox-label,
  .tab-radius-wrap .ui-radio-label {
    font-size: 15px;
  }
  .tab-radius-wrap.type-flex .ui-radio-label {
    padding: 14px 10px;
      font-size: 1.5vw !important;
  }
}

@media only screen and (max-width: 360px) {
  .tab-radius-wrap.type-flex .ui-radio-label {
    font-size: 1.5vw;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * mypage lnb 영역 scss
 * 작성자 : gikim
 * 파일명 : _lnb.scss
 */
.lnb-area {
  margin-bottom: 200px;
}

.lnb-area .inner {
  width: 100%;
  padding: 0;
}

.button-my-eng {
  margin-top: 4px;
  color: #a0a0a0;
  font-size: 12px;
}

.button-my-logout {
  display: inline-block;
  padding: 0 6px;
  font-size: 12px;
  color: #8d8d8d;
  border: 1px solid #8d8d8d;
  border-radius: 14.5px;
  width: 60px;
  margin: 4px 0 0 0;
}

.lnb-top-wrap {
  position: relative;
  background: #f2f5f8;
  padding: 24px 40px 31px;
}

.lnb-top-wrap .lnb-top-title {
  font-size: 24px;
  color: #005eb8;
}

.lnb-top-wrap .lnb-top-title b {
  display: block;
}

.lnb-top-wrap .lnb-user-info {
  margin: 11px 0 24px;
}

.lnb-top-wrap .lnb-user-info h3 {
  display: inline-block;
  width: 158px;
  font-size: 20px;
  font-weight: 400;
  vertical-align: middle;
}

.lnb-top-wrap .lnb-user-info h3 b {
  display: inline-block;
  max-width: 76px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.lnb-top-wrap .lnb-user-info h3 p {
  font-size: 14px;
  color: #a0a0a0;
}

.lnb-top-wrap .user-info-btn {
  width: 200px;
}

.lnb-top-wrap .user-info-btn .form-flex-cell {
  display: block;
  margin: 0;
}

.lnb-top-wrap .user-info-btn .form-flex-cell + .form-flex-cell {
  padding: 0;
}

.lnb-top-wrap .user-info-btn .form-flex-cell:first-child {
  margin-bottom: 8px;
}

.lnb-top-wrap .user-info-btn .g-button-basic-200 {
  font-weight: 400;
}

.btn-alert-wrap {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #fff;
  vertical-align: middle;
  border-radius: 20px;
}

.btn-alert-wrap .btn-alert {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: url("../images/sub/ico_alert_18x22.png") no-repeat center;
  background-size: 50%;
}

.btn-alert-wrap .btn-alert .total {
  position: absolute;
  top: 0;
  right: -6px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  background-color: #ff5050;
  border-radius: 8px;
}

.lnb-bottom-wrap {
  margin-top: 20px;
}

.lnb-wrap {
  color: #161718;
}

.lnb-wrap.type-link {
  display: none;
}

.lnb-wrap .lnb-list {
  font-size: 18px;
  font-weight: bold;
  line-height: 61px;
  border-top: 1px solid #d7dfe1;
}

.lnb-wrap .lnb-list:first-child {
  border-top: none;
}

.lnb-wrap .lnb-list-head {
  position: relative;
}

.lnb-wrap .lnb-list-head > span {
  display: block;
  position: relative;
  z-index: 0;
}

.lnb-wrap .lnb-list-head > span:before {
  width: 12px;
  height: 12px;
  content: '';
  display: block;
  position: absolute;
  top: 25px;
  right: 32px;
  background: url("../images/sub/bg_sub_left_menu_on_off.png") no-repeat center;
  background-size: 100%;
}

.lnb-wrap .lnb-list-head > span:before {
  background-position: 0 0;
}

.lnb-wrap .lnb-list .lnb-list-button {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.js-accordion-opened > .lnb-list-head {
  position: relative;
}

.js-accordion-opened > .lnb-list-head > span {
  color: #005eb8;
  display: block;
  position: relative;
  z-index: 0;
}

.js-accordion-opened > .lnb-list-head > span:before {
  width: 12px;
  height: 12px;
  content: '';
  display: block;
  position: absolute;
  top: 25px;
  right: 32px;
  background: url("../images/sub/bg_sub_left_menu_on_off.png") no-repeat center;
  background-size: 100%;
}

.js-accordion-opened > .lnb-list-head > span:before {
  background-position: 0 -12px;
}

.lnb-item {
  text-indent: 16px;
  height: 0;
  overflow: hidden;
  font-size: 16px;
}

.lnb-item .js-ui-accordion-list {
  font-weight: 400;
  line-height: 32px;
  padding-bottom: 8px;
}

.lnb-item .is-active a {
  color: #005eb8;
}

@media only screen and (max-width: 1280px) {
  .button-my-logout {
    float: none;
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
  }
  .lnb-top-wrap {
    position: relative;
    border-bottom: 1px solid #d7dfe1;
    padding: 4%;
    position: relative;
  }
  .lnb-top-wrap:before {
    display: block;
    content: '';
    width: 100%;
    height: 8px;
    position: absolute;
    left: 0;
    bottom: -9px;
    background-color: #ededed;
  }
  .lnb-top-wrap .lnb-top-title,
  .lnb-top-wrap .lnb-user-info {
    width: 50%;
  }
  .lnb-top-wrap .lnb-user-info {
    margin: 15px 0 0;
  }
  .lnb-top-wrap .lnb-user-info h3 {
    width: auto;
  }
  .lnb-top-wrap .lnb-user-info h3 b {
    max-width: none;
    white-space: normal;
  }
  .lnb-top-wrap .btn-alert-wrap {
    margin-left: 8px;
  }
  .lnb-top-wrap .user-info-btn {
    width: 200px;
    margin-top: 4%;
    position: absolute;
    right: 4%;
    top: 0;
  }
  .lnb-top-wrap .user-info-btn .form-flex-cell {
    display: block;
  }
  .lnb-top-wrap .user-info-btn .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
  .lnb-bottom-wrap {
    position: relative;
    border-bottom: 1px solid #d7dfe1;
    margin: 8px 0;
  }
  .lnb-bottom-wrap:before {
    display: block;
    content: '';
    width: 100%;
    height: 8px;
    position: absolute;
    left: 0;
    bottom: -9px;
    background-color: #ededed;
  }
  .lnb-bottom-wrap .lnb-wrap {
    border-top: 1px solid #d7dfe1;
    overflow: hidden;
    height: 182px;
  }
  .lnb-bottom-wrap .lnb-wrap.type-accordion {
    display: none;
  }
  .lnb-bottom-wrap .lnb-wrap.type-link {
    display: block;
  }
  .lnb-bottom-wrap .lnb-wrap::after {
    content: '';
    display: table;
    clear: both;
  }
  .lnb-bottom-wrap .lnb-wrap .lnb-list {
    float: left;
    width: 50%;
    margin-top: -1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: none;
    border-bottom: 1px solid #d7dfe1;
    border-right: 1px solid #d7dfe1;
    padding: 0 4%;
  }
  .lnb-bottom-wrap .lnb-wrap .lnb-list:nth-child(even) {
    float: right;
    border-right: none;
  }
  .lnb-bottom-wrap .lnb-wrap .lnb-list:first-child {
    border-bottom: 1px solid #d7dfe1;
  }
  .lnb-bottom-wrap .lnb-wrap .lnb-list a {
    display: block;
    background: url("../images/common/btn_right_arrow_16x16.png") no-repeat right center;
    background-size: 16px;
  }
  #container .type-mypage .lnb-area {
    width: 100%;
    float: none;
  }
}

@media only screen and (max-width: 768px) {
  .lnb-top-wrap .user-info-btn {
    width: 200px;
    margin-top: 3%;
  }
  .lnb-top-wrap .user-info-btn .form-flex-cell {
    display: block;
  }
  .lnb-top-wrap .user-info-btn .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
}

@media only screen and (max-width: 640px) {
  .lnb-top-wrap .lnb-top-title,
  .lnb-top-wrap .lnb-user-info {
    width: 100%;
  }
  .lnb-top-wrap .user-info-btn {
    width: 100%;
    position: relative;
    right: 0;
    text-align: center;
  }
  .lnb-top-wrap .user-info-btn .form-flex-cell {
    display: table-cell;
    vertical-align: top;
    padding: 0;
  }
  .lnb-top-wrap .user-info-btn .form-flex-cell + .form-flex-cell {
    padding: 8px;
    vertical-align: top;
    padding: 0 0 0 1%;
  }
  .lnb-top-wrap .user-info-btn .g-button-basic-200 {
    display: inline-block;
    min-width: 152px;
    height: 48px;
    line-height: 48px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 10px;
    border-radius: 4px;
    vertical-align: top;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    -webkit-transition: background ease 0.3s;
    transition: background ease 0.3s;
    width: 100%;
  }
  .lnb-top-wrap .user-info-btn .g-button-basic-200.type-white {
    display: inline-block;
    min-width: 152px;
    height: 48px;
    line-height: 48px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 10px;
    border-radius: 4px;
    vertical-align: top;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    -webkit-transition: background ease 0.3s;
    transition: background ease 0.3s;
  }
}

@media only screen and (max-width: 520px) {
  .lnb-top-wrap .lnb-top-title {
    margin-bottom: 16px;
  }
  .lnb-top-wrap .lnb-user-info {
    margin-top: 0;
  }
  .lnb-top-wrap .lnb-user-info h3 p {
    margin-top: 4px;
  }
  .lnb-top-wrap .user-info-btn .form-flex-cell {
    display: block;
  }
  .lnb-top-wrap .user-info-btn .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
  .lnb-bottom-wrap .lnb-wrap {
    height: 143px;
  }
  .lnb-bottom-wrap .lnb-wrap .lnb-list {
    font-size: 14px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 414px) {
  .user-info-btn .g-button-basic-200 {
    display: inline-block;
    min-width: 100px;
    height: 48px;
    line-height: 48px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 10px;
    border-radius: 4px;
    vertical-align: top;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    -webkit-transition: background ease 0.3s;
    transition: background ease 0.3s;
  }
  .user-info-btn .g-button-basic-200.type-white {
    display: inline-block;
    min-width: 100px;
    height: 48px;
    line-height: 48px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 10px;
    border-radius: 4px;
    vertical-align: top;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    -webkit-transition: background ease 0.3s;
    transition: background ease 0.3s;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 마이페이지 공통
 * 작성자 : hmpark
 * 파일명 : _mypage.scss
 */
#contents.type-mypage {
  width: 1200px;
  margin: 0 auto;
}

#contents.type-mypage::after {
  content: '';
  display: table;
  clear: both;
}

#contents.type-mypage .contents-area {
  min-height: 600px;
  padding-bottom: 120px;
}

.member-section {
  margin-top: 40px;
}

.member-section .section-head {
  margin-bottom: 26px;
  position: relative;
}

.member-section .section-head::after {
  content: '';
  display: table;
  clear: both;
}

.member-section .section-title {
  float: left;
}

.member-section .section-title + .g-button-arrow {
  position: absolute;
  right: 0;
  bottom: 3px;
}

.section-title {
  font-size: 24px;
  color: #3d3e3f;
}

.section-notice.is-empty {
  background-color: #f8f8fb;
  width: 100%;
  height: 224px;
  display: table;
  text-align: center;
  font-size: 16px;
  color: #8d8d8d;
  position: relative;
  margin-top: 6px;
}

.section-notice.is-empty p {
  display: table-cell;
  vertical-align: middle;
}

.section-notice.is-empty p:before {
  content: '';
  display: block;
  height: 48px;
  width: 48px;
  margin: 0 auto 8px;
  background: url("../images/sub/ico_no_result_24.png") no-repeat center;
  background-size: 100%;
}

.section-list.type-border {
  border-top: 2px solid #8f9596;
  border-bottom: 1px solid #8f9596;
}

.section-list-item {
  padding: 20px 0;
  width: 100%;
  border-top: 1px solid #d7dfe1;
  font-size: 0;
}

.section-list-item .section-list-short-subject {
  font-weight: 400;
}

.section-list-item .list-image {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #dcdcdc;
  overflow: hidden;
  position: relative;
}

.section-list-item .list-image img {
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.section-list-item .section-list-text {
  display: inline-block;
  width: 88%;
  margin-left: 16px;
}

.section-list-item .section-list-text::after {
  content: '';
  display: table;
  clear: both;
}

.section-list-item .section-list-head {
  float: left;
  color: #8d8d8d;
  font-size: 16px;
  width: 100%;
}

.section-list-item .section-list-head p {
  font-size: 14px;
  font-weight: 400;
  padding-top: 8px;
}

.section-list-item .section-date {
  float: right;
  text-align: right;
  font-size: 14px;
}

.section-list-item.is-new .section-list-head {
  color: #005eb8;
}

.section-list-item.is-new .section-list-head p {
  color: #161718;
}

.section-list-item .form-flex-cell.section-date {
  vertical-align: baseline;
}

.member-top-alert {
  position: relative;
  background-color: #71b2c9;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding: 0 50px 0 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  margin-bottom: 16px;
}

.member-top-alert .alert-text {
  display: inline-block;
  max-width: 85%;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.member-top-alert .date {
  color: #bbdde6;
  float: right;
}

.member-welcome-message {
  display: table;
  width: 100%;
  height: 188px;
  text-align: center;
  background: #005eb8;
  background-size: 100%;
}

.member-welcome-message .past-data {
  color: #ffd100;
  font-weight: 700;
}

.member-welcome-message .member-welcome-table {
  display: table-cell;
  padding: 0 15px;
  vertical-align: middle;
}

.member-welcome-message h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}

.member-welcome-message h3 .user-name {
  font-weight: 700;
}

.member-welcome-message p {
  color: #fff;
  font-size: 16px;
  margin-top: 8px;
}

.member-sponsorship-status {
  margin-top: 24px;
  border: 1px solid #d9e1e2;
  border-bottom: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.member-sponsorship-status ul {
  font-size: 0;
}

.member-sponsorship-status ul li {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 36px 40px;
  width: 50%;
  min-height: 56px;
  border-bottom: 1px solid #d9e1e2;
}

.member-sponsorship-status ul li.sponsorship-status-list-01 {
  background: url("../images/sub/ico_mypage_status_01.png") no-repeat 40px center;
  background-size: 56px;
}

.member-sponsorship-status ul li.sponsorship-status-list-02 {
  background: url("../images/sub/ico_mypage_status_02.png") no-repeat 40px center;
  background-size: 56px;
}

.member-sponsorship-status ul li.sponsorship-status-list-03 {
  background: url("../images/sub/ico_mypage_status_03.png") no-repeat 40px center;
  background-size: 56px;
}

.member-sponsorship-status ul li.sponsorship-status-list-04 {
  background: url("../images/sub/ico_mypage_status_04.png") no-repeat 40px center;
  background-size: 56px;
}

.member-sponsorship-status ul li:nth-child(even) {
  border-left: 1px solid #d9e1e2;
}

.member-sponsorship-status ul li a {
  display: block;
  padding: 0 0 0 72px;
}

.member-sponsorship-status ul li .status-number {
  font-size: 14px;
}

.member-sponsorship-status ul li .status-number strong {
  font-size: 32px;
  line-height: 38px;
  color: #005eb8;
  display: inline-block;
  margin-right: 5px;
  font-weight: 700;
}

.member-sponsorship-status ul li p {
  font-size: 14px;
  color: #161718;
}

.member-section.member-children-list {
  margin-top: 64px;
  padding-bottom: 80px;
  border-bottom: 1px solid #d9e1e2;
}

.children-information {
  margin-top: 24px;
  font-size: 16px;
  position: relative;
}

.children-information li {
  padding-left: 90px;
  line-height: 24px;
  min-height: 24px;
}

.children-information li + li {
  margin-top: 4px;
}

.children-information li .info-title {
  font-weight: 700;
  display: inline-block;
  position: absolute;
  left: 0;
}
.children-information li .info-value{
    margin-left: 80px;
    display:flex;
}
.section-notice.is-empty + .member-children-section.type-non-child {
  margin-top: 80px;
}

.children-image-relative {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

.children-image-box {
  position: relative;
}

.children-image-box .children-image-zoom {
  position: absolute;
  right: 8px;
  top: 8px;
  border-radius: 100%;
  background: #fff url("../images/sub/ico_children_image_box_zoom.png") no-repeat center center;
  background-size: 23px;
  width: 48px;
  height: 48px;
}

.member-children-section::after {
  content: '';
  display: table;
  clear: both;
}

.member-children-section.type-non-child {
  padding-bottom: 35px;
}

.member-children-section.type-non-child .children-image-box {
  width: 384px;
  float: left;
  position: relative;
}

.member-children-section.type-non-child .children-image-box::before {
  content: '';
  display: block;
  width: 384px;
  background: #f4f7fb;
  position: absolute;
  right: -35px;
  bottom: -35px;
}

.member-children-section.type-non-child .children-image-box img {
  position: relative;
  z-index: 1;
  max-width: 100%;
}

.member-children-section.type-non-child .children-image-box .children-past-times {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 15px;
  line-height: 40px;
  color: #fff;
  background-color: rgba(0, 134, 191, 0.8);
  z-index: 1;
  display:none;
}

.member-children-section.type-non-child .children-intro-box {
  width: 460px;
  float: right;
  margin-top: 74px;
}

.member-children-section.type-non-child .children-support-button .g-button-basic.type-cart {
  width: 100%;
}

.member-children-section.type-non-child .children-support-button .g-button-basic.type-cart::before {
  display: inline-block;
  position: static;
  left: 0;
  margin: 0 5px 0 0;
  vertical-align: text-bottom;
}

.member-children-section.type-one-child {
  border: 1px solid #d9e1e2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px 0 32px 24px;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.member-children-section.type-one-child .children-image-box {
  display: table-cell;
  width: 244px;
  vertical-align: top;
}

.member-children-section.type-one-child .children-image-box img {
  max-width: 100%;
}

.member-children-section.type-one-child .children-intro-box {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  min-height: 350px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0 0 3%;
}

.member-children-section.type-one-child .children-intro-box .children-intro-inner {
  vertical-align: middle;
  position: relative;
}

.member-children-section.type-one-child .children-intro-box .children-number {
  float: right;
  color: #8d8d8d;
}

.member-children-section.type-one-child .children-intro-box h4.children-name {
  font-size: 20px;
  margin: 8px 0;
}

.member-children-section.type-one-child .children-intro-box .children-information {
  margin-top: 0;
}

.member-children-section.type-one-child .children-intro-box .children-support-button {
  margin-top: 32px;
  display: block;
  font-size: 0;
}

.member-children-section.type-one-child .children-intro-box .children-support-button .form-flex-cell {
  width: 112px;
  display: inline-block;
}

.member-children-section.type-one-child .children-intro-box .children-support-button .g-button-basic {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  border-color: #fff;
  color: #005eb8;
  background: #fff;
  border: 1px solid #005eb8;
  color: #005eb8;
  height: 80px;
  position: relative;
  font-weight: 400;
  padding: 0 4px;
  line-height: normal;
}

.member-children-section.type-one-child .children-intro-box .children-support-button .g-button-basic .g-button-icon {
  line-height: normal;
  display: block;
  width: 34px;
  margin: 0 auto;
}

.member-children-section.type-one-child .children-intro-box .children-support-button .g-button-basic img {
  width: 100%;
}

.member-children-section.type-one-child.type-gift {
  padding: 32px;
  border: none;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.member-children-section.type-one-child.type-gift .children-intro-box h4.children-name {
  margin: 8px 0;
}

.member-children-section.type-one-child.type-gift .children-information {
  margin-top: 0;
}

.member-children-section.type-one-child.type-gift .children-information li {
  padding-left: 90px;
}

.member-children-section.type-one-child.type-gift .children-gift-reservation {
  font-weight: bold;
  color: #005eb8;
  font-size: 16px;
  vertical-align: unset;
  float: right;
}

.member-children-section.type-one-child.type-gift .reservation-title {
  font-size: 20px;
  font-weight: bold;
  display: block;
  padding: 24px 0 28px;
  color: #e0e0e0;
}

.member-children-section.type-one-child.type-gift .gift-reservation-range-wrap .range-text {
  font-size: 16px;
  color: #8d8d8d;
  display: table;
  table-layout: fixed;
  width: 98%;
  text-align: right;
}

.member-children-section.type-one-child.type-gift .gift-reservation-range-wrap .range-text > div {
  display: table-cell;
}

.member-children-section.type-one-child.type-gift .gift-reservation-range-wrap .range-text > div:first-child {
  text-align: left;
}

.member-children-section.type-more-child .owl-dots {
  display: none;
}

.member-children-section.type-more-child .owl-item {
  margin-top: 57px;
  height: 540px;
  overflow: hidden;
}

.member-children-section.type-more-child .owl-nav,
.member-children-section.type-more-child .slick-arrow-cta {
  margin-top: 57px;
}

.member-children-section.type-more-child .owl-nav.disabled,
.member-children-section.type-more-child .slick-arrow-cta.disabled {
  display: block;
  overflow: hidden;
  font-size: 0;
}

.member-children-section.type-more-child .owl-nav button span,
.member-children-section.type-more-child .slick-arrow-cta button {
  text-indent: -9999px;
  overflow: hidden;
  float: left;
  display: block;
  width: 48px;
  height: 48px;
}
.member-children-section.type-more-child .slick-arrow-cta button[aria-disabled="true"] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .5;
  filter: alpha(opacity=50);
}

.member-children-section.type-more-child .owl-nav button.owl-prev span,
.member-children-section.type-more-child .slick-arrow-cta .slick-prev-arrow {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat 0 0;
}

.member-children-section.type-more-child .owl-nav button.owl-next span,
.member-children-section.type-more-child .slick-arrow-cta .slick-next-arrow {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat 0 0;
}

.member-children-section.type-more-child .owl-nav button + button,
.member-children-section.type-more-child .slick-arrow-cta button + button {
  margin-left: 16px;
}

.member-children-section.type-more-child .slick-slide {margin-right: 24px}

.member-children-section.type-more-child .item {
  width: 384px;
  height: 540px;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  transition: transform .3s ease-in-out;
  transition-delay: .3s;
}
/*
R0003206 commit 진행시 오류 수정
*/
.member-children-section.type-more-child .item:not(.slick-current) {
  transition-delay: 0s;
}

.member-children-section.type-more-child .item img {
  max-width: 100%
}

.member-children-section.type-more-child .item .children-slider-head {
  background: #f1f4f9;
  position: relative;
  padding: 14px 24px;
  border: 1px solid #d9e1e2;
  border-bottom: none;
}

.member-children-section.type-more-child .item .children-slider-head button {
  width: 48px;
  height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100px;
  background: #fff;
  position: relative;
}

.member-children-section.type-more-child .item .children-slider-head button img {
  width: 34px;
  display: block;
  margin: 0 auto;
}

.member-children-section.type-more-child .item .children-slider-head button .alert-red-number {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #ff5050;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  border-radius: 100px;
  position: absolute;
  right: 0;
  top: 0;
}

.member-children-section.type-more-child .item .children-slider-head button.type-more {
  float: right;
}

.member-children-section.type-more-child .item .children-slider-body {
  padding: 24px 10px 29px;
  border: 1px solid #d9e1e2;
  border-top: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.member-children-section.type-more-child .item .children-slider-body .children-image-box {
  text-align: center;
  width: 100%;
}

.member-children-section.type-more-child .item .children-slider-body .children-image-box a {
  border-radius: 100px;
  width: 200px;
  height: 200px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  display: block;
  cursor: default;
}

.member-children-section.type-more-child .item .children-slider-body .children-image-box img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
}

.member-children-section.type-more-child .item .children-slider-body .children-image-box .g-round-bullet-basic {
  position: relative;
  top: -14px;
}

.member-children-section.type-more-child .item .children-slider-body .children-intro-box {
  width: 100%;
}

.member-children-section.type-more-child .item .children-slider-body .children-intro-box .children-name {
  text-align: center;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.member-children-section.type-more-child .item .children-slider-body .children-intro-box .children-name .blue {
  color: #005eb8;
}

.member-children-section.type-more-child .item .children-slider-body .children-intro-box .children-information {
  width: 74%;
  margin: 15px auto 0;
}

.member-children-section.is-complete .owl-item,
.member-children-section.is-complete .slick-slide {
  padding: 20px 0;
}

.member-children-section.is-complete .owl-nav,
.member-children-section.is-complete .slick-arrow-cta {
  margin: 0;
}

.member-children-section.is-complete .owl-prev,
.member-children-section.is-complete .slick-prev-arrow {
  position: absolute;
  left: 25px;
  top: 50%;
  margin-top: -24px;
}

.member-children-section.is-complete .owl-prev.disabled,
.member-children-section.is-complete .slick-prev-arrow.disabled {
  display: none;
}

.member-children-section.is-complete .owl-next,
.member-children-section.is-complete .slick-next-arrow {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -24px;
}

.member-children-section.is-complete .owl-next.disabled,
.member-children-section.is-complete .slick-next-arrow.disabled {
  display: none;
}

.member-children-section.is-complete .item {
  margin: 0 auto;
}

.member-children-section.is-complete .item .children-slider-body {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  height: 464px;
  height: 100%;
  padding: 102px 10px;
  border-top: 1px solid #d9e1e2;
  background: #fff;
}

.member-children-section.is-complete .item .button-letter-list {
  width: 200px;
  margin: 40px auto 0;
}

.children-emoji.children-number::before {
  background: url("../images/common/ico_children_number.png") no-repeat center;
  background-size: 24px;
}

.children-emoji.children-birth::before {
  background: url("../images/common/ico_children_birth.png") no-repeat center;
  background-size: 24px;
}

.children-emoji.children-family::before {
  background: url("../images/common/ico_children_family.png") no-repeat center;
  background-size: 24px;
}

.children-emoji.children-favorite::before {
  background: url("../images/common/ico_children_favorite.png") no-repeat center;
  background-size: 24px;
}

.children-emoji.children-home::before {
  background: url("../images/common/ico_children_home.png") no-repeat center;
  background-size: 24px;
}

.children-emoji.children-handicap::before {
  background: url("../images/common/ico_children_handicap.png") no-repeat center;
  background-size: 24px;
}

.children-intro-box {
  position: relative;
}

.children-intro-box h4 {
  font-size: 32px;
  color: #161718;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 45px;
}

.children-intro-box h4 .title-basic-point {
  color: #005eb8;
}

.children-intro-box p {
  font-size: 16px;
  letter-spacing: -0.2px;
}

.children-intro-box .children-emoji {
  position: relative;
  padding-left: 48px;
  line-height: 24px;
}

.children-intro-box .children-emoji + .children-emoji {
  margin-top: 8px;
}

.children-intro-box .children-emoji::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 23px;
}

.children-intro-box .children-short-message {
  margin-top: 30px;
  line-height: 24px;
}

.children-intro-box .children-support-button {
  margin-top: 56px;
  position: relative;
  right: 0;
  bottom: 0;
}

.children-intro-box .children-support-button .form-flex-cell {
  width: 180px;
}

.my-sponsorship-graph,
.personal-sponsorship-graph {
  position: relative;
  margin-top: 48px;
  border-bottom: 1px solid #d9e1e2;
}

.personal-sponsorship-graph h4 {
  font-size: 24px;
  font-weight: 400;
}

.personal-sponsorship-graph h4 strong {
  font-weight: 700;
  color: #005eb8;
}

.personal-sponsorship-graph #personalCanvasHolder {
  position: relative;
  width: 712px;
  margin: 80px auto;
}

.personal-sponsorship-graph .g-button-tab-basic {
  display: inline-block;
  min-width: 136px;
  height: 48px;
  line-height: 46px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #005eb8;
  color: #005eb8;
  background: #fff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 28px;
  font-weight: 400;
  position: absolute;
}

.personal-sponsorship-graph .g-button-tab-basic[data-index="0"] {
  left: 0;
  top: 94px;
}

.personal-sponsorship-graph .g-button-tab-basic[data-index="1"] {
  left: 0;
  top: 166px;
}

.personal-sponsorship-graph .g-button-tab-basic[data-index="2"] {
  right: 0;
  top: 94px;
}

.personal-sponsorship-graph .g-button-tab-basic[data-index="3"] {
  right: 0;
  top: 166px;
}

.personal-sponsorship-graph .g-button-tab-basic.is-active {
  display: inline-block;
  min-width: 136px;
  height: 48px;
  line-height: 46px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #005eb8;
  color: #005eb8;
  background: #fff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 28px;
  background: #005eb8;
  color: #fff;
  border-color: #005eb8;
  font-weight: 400;
}

.my-sponsorship-graph {
  padding-bottom: 80px;
  height: 485px;
}

.my-sponsorship-graph .chart-size-wrap {
  width: 780px;
}

.my-sponsorship-graph #myCanvasHolder canvas {
  position: absolute;
  left: -185px;
  top: 0;
}

.my-sponsorship-graph .my-support-menu {
  position: absolute;
  left: 0;
  bottom: 80px;
  text-align: center;
  width: 400px;
}

.my-sponsorship-graph .my-support-category {
  padding-left: 510px;
}

.my-sponsorship-graph .my-support-category .support-category p {
  font-size: 16px;
  color: #453937;
}

.my-sponsorship-graph .my-support-category .support-category p .num {
  float: right;
  color: #161718;
}

.my-sponsorship-graph .my-support-category .support-category p::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}

.my-sponsorship-graph .my-support-category .support-category .support-total-price {
  display: block;
  margin-top: 8px;
  font-size: 20px;
  color: #453937;
  text-align: right;
}

.my-sponsorship-graph .my-support-category .support-category.type-blue p::before {
  background: #005eb8;
}

.my-sponsorship-graph .my-support-category .support-category.type-yellow p::before {
  background: #fed109;
}

.my-sponsorship-graph .my-support-category .support-category.type-secondary-blue p::before {
  background: #0086bf;
}

.my-sponsorship-graph .my-support-category .support-category + .support-category {
  padding-top: 14px;
  margin-top: 10px;
  border-top: 1px solid #d7dfe1;
}

.my-sponsorship-graph .my-chart-category-box {
  width: 385px;
  height: 248px;
  font-size: 0;
  position: absolute;
  right: 0;
  bottom: 110px;
  z-index: 1;
}

.my-sponsorship-graph .my-chart-category-box .slick-arrow {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 2;
}

.my-sponsorship-graph .my-chart-category-box .slick-prev {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat 0 0;
  background-size: 100%;
  left: -24px;
}

.my-sponsorship-graph .my-chart-category-box .slick-next {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat 0 0;
  background-size: 100%;
  right: -24px;
}

.my-sponsorship-graph .my-chart-square-icon {
  display: inline-block;
  width: 112px;
  height: 112px;
  background: #f2f5f8;
  text-align: center;
  font-size: 12px;
  margin: 0 0 24px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px 0;
  vertical-align: top;
}

.my-sponsorship-graph .my-chart-square-icon:nth-child(1), .my-sponsorship-graph .my-chart-square-icon:nth-child(4) {
  margin-left: 0;
}

.my-sponsorship-graph .my-chart-square-icon::before {
  content: '';
  display: block;
  margin: 0 auto 4px;
}

.my-sponsorship-graph .my-chart-square-icon.is-active-blue {
  color: #fff;
  background: #005eb8;
}

.my-sponsorship-graph .my-chart-square-icon.is-active-yellow {
  color: #fff;
  background: #ffd100;
}

.my-sponsorship-graph .my-chart-square-icon.is-active-secondary-blue {
  color: #fff;
  background: #0086bf;
}

.my-sponsorship-graph .my-chart-square-icon.type-category1::before {
  width: 20px;
  height: 40px;
  background: url("../images/sub/ico_mysupport_category13.png") no-repeat center top;
  background-size: 20px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category1[class*=is-active]::before {
  background-position: center bottom;
}

.my-sponsorship-graph .my-chart-square-icon.type-category2::before {
  width: 40px;
  height: 40px;
  background: url("../images/sub/ico_mysupport_category2.png") no-repeat center top;
  background-size: 40px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category2[class*=is-active]::before {
  background-position: center bottom;
}

.my-sponsorship-graph .my-chart-square-icon.type-category3::before {
  width: 33px;
  height: 40px;
  background: url("../images/sub/ico_mysupport_category14.png") no-repeat center top;
  background-size: 33px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category3[class*=is-active]::before {
  background-position: center bottom;
}

.my-sponsorship-graph .my-chart-square-icon.type-category4::before {
  width: 34px;
  height: 40px;
  background: url("../images/sub/ico_mysupport_category3.png") no-repeat center top;
  background-size: 34px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category4[class*=is-active]::before {
  background-position: center bottom;
}

.my-sponsorship-graph .my-chart-square-icon.type-category5::before {
  width: 34px;
  height: 40px;
  background: url("../images/sub/ico_mysupport_category4.png") no-repeat center top;
  background-size: 34px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category5[class*=is-active]::before {
  background-position: center bottom;
}

.my-sponsorship-graph .my-chart-square-icon.type-category6::before {
  width: 34px;
  height: 40px;
  background: url("../images/sub/ico_mysupport_category15.png") no-repeat center top;
  background-size: 34px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category6[class*=is-active]::before {
  background-position: center bottom;
}

.my-sponsorship-graph .my-chart-square-icon.type-category7::before {
  width: 34px;
  height: 40px;
  background: url("../images/sub/ico_mysupport_category7.png") no-repeat center top;
  background-size: 34px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category7[class*=is-active]::before {
  background-position: center bottom;
}

.my-sponsorship-graph .my-chart-square-icon.type-category8::before {
  width: 34px;
  height: 40px;
  background: url("../images/sub/ico_mysupport_category8.png") no-repeat center top;
  background-size: 34px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category8[class*=is-active]::before {
  background-position: center bottom;
}

.my-sponsorship-graph .my-chart-square-icon.type-category9::before {
  width: 34px;
  height: 40px;
  background: url("../images/sub/ico_mysupport_category9.png") no-repeat center top;
  background-size: 34px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category9[class*=is-active]::before {
  background-position: center bottom;
}

.my-sponsorship-graph .my-chart-square-icon.type-category10::before {
  width: 34px;
  height: 40px;
  background: url("../images/sub/ico_mysupport_category10.png") no-repeat center top;
  background-size: 34px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category10[class*=is-active]::before {
  background-position: center bottom;
}

.my-sponsorship-graph .my-chart-square-icon.type-category11::before {
  width: 34px;
  height: 32px;
  background: url("../images/sub/ico_mysupport_category11.png") no-repeat center top;
  background-size: 34px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category11[class*=is-active]::before {
  background-position: center bottom;
}

.my-sponsorship-graph .my-chart-square-icon.type-category12::before {
  width: 34px;
  height: 40px;
  background: url("../images/sub/ico_mysupport_category12.png") no-repeat center top;
  background-size: 34px;
}

.my-sponsorship-graph .my-chart-square-icon.type-category12[class*=is-active]::before {
  background-position: center bottom;
}

/*
* bnr 컴포넌트 화
* 작성자 : gikim
* 파일명 : _mypage.scss
*/
.mypage-ad-banner {
  margin: 64px 0;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mypage-ad-banner .bnr-main-text {
  width: 550px;
}

.type-mypage .inner {
  width: 100%;
}

.type-mypage .title-wrap {
  margin: 32px 0 16px;
}

.type-mypage .title-wrap h4 {
  font-size: 20px;
  margin-bottom: 8px;
}

.type-mypage .section-gray {
  padding: 44px 40px 36px;
  background-color: #f8f8fb;
}

.type-mypage .confirm-btn-wrap {
  width: 588px;
  margin: 40px auto;
}

.type-mypage .notice-section-wrap {
  margin: 24px 0;
}

.type-mypage .secession-chkbox + .secession-chkbox {
  margin-top: 24px;
}

.application-form-btn-wrap {
  text-align: left;
  width: 200px;
}

.side-btn-wrap {
  border-top: 1px solid #d9e1e2;
  padding: 24px 0 0;
  text-align: right;
  position: relative;
}

.side-btn-wrap.type-margin {
  margin: 80px auto 0;
}

.side-btn-wrap .btn-wrap {
  display: inline-block;
  width: 180px;
  vertical-align: top;
}

.side-btn-wrap .button-page-controls {
  text-align: left;
  float: left;
  font-size: 0;
  width: 368px;
}

.side-btn-wrap .button-page-controls div {
  width: 180px;
  display: inline-block;
}

.side-btn-wrap .button-page-controls div + div {
  margin-left: 8px;
}

.secession-text {
  font-size: 20px;
}

.secession-text strong {
  color: #005eb8;
}

.form-section-wrap.type-depth .ui-notice-text {
  margin-bottom: 8px;
  font-weight: bold;
}

.mypage-alert {
  padding-bottom: 120px;
}

.ui-file-download {
  font-size: 16px;
  text-decoration: underline;
}

.board-list-controls {
  position: relative;
  min-height: 48px;
  margin-bottom: 24px;
}

.board-list-controls .button-board-write {
  position: absolute;
  right: 0;
  width: 180px;
}

.faq-bottom-section.type-qna {
  background: none;
  margin-top: 80px;
  padding: 0;
}

.mypage-personal-qna .top-select-wrap.form-flex {
  width: 100%;
  table-layout: auto;
  margin-bottom: 16px;
}

.mypage-personal-qna .top-select-wrap.form-flex .ui-select-block {
  width: 282px;
  text-align: left;
}

.mypage-personal-qna .top-select-wrap.form-flex .form-flex-cell:last-child {
  width: 180px;
}

.mypage-personal-qna .personal-qna-head {
  font-size: 18px;
  margin-bottom: 24px;
  position: relative;
}

.mypage-personal-qna .personal-qna-head span.type-answer, .mypage-personal-qna .personal-qna-head span.type-question {
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  border-radius: 28px;
  color: #005eb8;
  vertical-align: top;
}

.mypage-personal-qna .personal-qna-head .type-question {
  border: 1px solid #005eb8;
}

.mypage-personal-qna .personal-qna-head .type-answer {
  background-color: #f2f5f8;
}

.mypage-personal-qna .personal-qna-head .personal-qna-title {
  display: inline-block;
  width: 82%;
  padding-left: 16px;
  vertical-align: middle;
}

.mypage-personal-qna .personal-qna-head .personal-qna-date {
  width: auto;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  font-size: 16px;
}

.mypage-personal-qna .personal-qna-contents {
  padding: 16px;
}

.mypage-personal-qna .personal-qna-contents .qna-file-wrap {
  margin-top: 40px;
}

.mypage-personal-qna .textarea-wrap {
  margin-bottom: 16px;
}

.mypage-personal-qna .textarea-wrap textarea {
  height: 320px;
}

.mypage-personal-qna .mypage-qna-section {
  margin-top: 40px;
}

.mypage-personal-qna .mypage-qna-section + .mypage-qna-section {
  margin: 80px 0;
}

.mypage-personal-qna + .side-btn-wrap span {
  padding: 0;
}

.mypage-personal-qna + .side-btn-wrap span:after {
  display: none;
}

.mypage-flex-table {
  margin-top: 32px;
  margin-bottom: 40px;
}

.mypage-flex-table + .mypage-flex-table {
  border-top: 1px solid #d9e1e2;
}

.mypage-flex-table .table-top-text {
  width: 100%;
  margin-bottom: 8px;
  font-size: 16px;
}

.mypage-flex-table .table-top-text .form-flex-cell {
  text-align: right;
  width: 50%;
}

.mypage-flex-table .table-top-text .form-flex-cell:first-child {
  text-align: left;
}

.mypage-flex-table .table-top-text .table-total-price strong {
  color: #005eb8;
}

.mypage-flex-table .table-layout .table-head div:first-child,
.mypage-flex-table .table-layout .table-item div:first-child,
.mypage-flex-table .table-wrap .table-head div:first-child,
.mypage-flex-table .table-wrap .table-item div:first-child {
  width: auto;
}

.mypage-flex-table .table-layout .table-head .form-flex-cell.type-short,
.mypage-flex-table .table-layout .table-item .form-flex-cell.type-short,
.mypage-flex-table .table-wrap .table-head .form-flex-cell.type-short,
.mypage-flex-table .table-wrap .table-item .form-flex-cell.type-short {
  width: 12%;
}

.mypage-flex-table .table-layout div.btn-wrap,
.mypage-flex-table .table-wrap div.btn-wrap {
  width: 72px;
  margin: 8px auto 0;
}

.mypage-flex-table .table-layout div.btn-wrap button,
.mypage-flex-table .table-wrap div.btn-wrap button {
  height: 32px;
  line-height: 32px;
}

.mypage-flex-table .table-layout .table-item span,
.mypage-flex-table .table-wrap .table-item span {
  color: #3d3e3f;
}

.mypage-flex-table .table-layout.type-scroll table {
  table-layout: fixed;
}

.mypage-flex-table .table-layout.type-scroll table th, .mypage-flex-table .table-layout.type-scroll table td {
  font-size: 14px;
  padding: 8px 4px;
}

.mypage-flex-table .table-layout.type-scroll table .btn-wrap button {
  font-size: 13px;
}

.mypage-flex-table .table-layout.type-sideBoard td {
  word-break: keep-all;
}

.mypage-flex-table .table-layout.type-sideBoard td .g-button-basic {
  padding: 0;
}

.mypage-flex-table .table-layout.type-sideBoard td.type-board-date {
  width: 10%;
  word-break: keep-all;
}

.mypage-flex-table .table-layout.type-sideBoard td.type-board-country {
  width: 10%;
}

.mypage-flex-table .table-layout tfoot th.type-board-total + td {
  text-align: right;
}

.mypage-flex-table .table-layout tfoot th.type-board-status + td .btn-wrap {
  margin: 0;
}

.member-funding-message {
  background-color: #005eb8;
  font-size: 32px;
  text-align: center;
  line-height: 2;
  padding: 56px 0 67px;
  color: #fff;
}

.member-funding-message .main-text {
  font-size: 32px;
  color: #fff;
}

.member-funding-message .total-num {
  color: #ffd100;
}

.member-funding-message p {
  font-size: 20px;
  color: #bbdde6;
}

.member-funding-message .message-detail-text {
  font-size: 20px;
}

.mypage-ad-banner {
  margin: 40px 0;
}

.mypage-ad-banner.type-funding {
  background-image: url("../images/sub/bg_myfunding_banner_02.png");
}

.mypage-ad-banner.type-funding .bnr-sub-text {
  font-size: 13px;
  font-weight: bold;
  color: #ffd100;
}

.mypage-ad-banner.type-funding .bnr-main-text {
  font-size: 16px;
  font-weight: normal;
  line-height: 21px;
  color: #fff;
}

.mypage-ad-banner.type-createFunding {
  background-image: url("../images/sub/bg_myfunding_banner_01.png");
}

.mypage-ad-banner.type-createFunding .bnr-sub-text {
  font-size: 13px;
  font-weight: bold;
  color: #ffd100;
}

.mypage-ad-banner.type-createFunding .bnr-main-text {
  font-size: 16px;
  font-weight: normal;
  line-height: 21px;
  color: #fff;
}

.mypage-funding-wrap .md-tab {
  margin: 32px 0;
}

.mypage-funding-wrap .mypage-flex-table {
  padding-top: 32px;
  margin-top: 0;
  border-top: 1px solid #d9e1e2;
}

.mypage-funding-wrap .funding-build-banner .funding-build-title-box {
  float: none;
}

.mypage-funding-wrap .funding-build-banner .funding-build-button-box {
  float: none;
  margin-top: 16px;
}

.mypage-funding-wrap .funding-section + .funding-section {
  margin-top: 32px;
}

.mypage-funding-wrap .funding-section .section-notice {
  margin-top: 16px;
}

.mypage-funding-wrap .funding-section .mypage-ad-banner {
  margin: 0;
}

.mypage-funding-wrap .date-sort-bar {
  margin: 16px 0 27px;
}

.mypage-funding-wrap .mypage-flex-table .section-content .table-wrap .form-flex-cell:first-child {
  width: 14%;
}

.mypage-funding-wrap .mypage-flex-table .section-content .table-wrap .type-date {
  width: 13%;
}

.mypage-funding-wrap .mypage-flex-table .section-content .table-wrap .type-title {
  width: 20%;
}

.mypage-funding-wrap .mypage-flex-table .section-content .table-wrap .type-state {
  width: 15%;
}

.mypage-funding-wrap .user-funding-making .user-funding-making-cell {
  padding: 0 8px;
}

.mypage-funding-wrap .user-funding-list .user-funding-making-button {
  width: 100%;
}

.mypage-funding-wrap .user-funding-list .user-funding-shadow {
  width: 282px;
}

.mypage-funding-wrap .user-funding-list .user-funding-shadow.type-medium {
  width: 588px;
}

.mypage-funding-wrap .user-funding-list .user-funding-shadow .funding-bg {
  height: 252px;
  background-size: auto 100% !important;
}

.mypage-payment-change {
  margin-top: 48px;
}

.mypage-sponsorship-youtube {
  margin: 32px auto 64px;
}

.mypage-payment-childeren-title {
  position: relative;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
}

.mypage-payment-childeren-title::before {
  z-index: -1;
  position: absolute;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 22px;
  background-color: #f2f5f8;
}

.mypage-payment-childeren-text {
  text-align: center;
}

.mypage-payment-childeren-text p {
  font-size: 16px;
  margin: 32px auto 80px;
}

.mypage-recommend-children-title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  word-break: keep-all;
}

.mypage-recommend-children {
  margin-top: 32px;
  padding-bottom: 80px;
  background: url("../images/sub/bg_children_slider_object.png") no-repeat right top;
  margin-bottom: 40px;
}

.mypage-recommend-children .mypage-recommend-children-contents {
  position: relative;
}

.mypage-recommend-children .children-list-type.type-gallery .children-list {
  margin: 0 auto;
  float: none;
  width: 384px;
}

.mypage-recommend-children .children-list-type.type-gallery .children-intro-box {
  height: 608px;
}

.mypage-recommend-children .children-list-type.type-gallery .children-support-button {
  margin-top: 24px;
}

.mypage-recommend-children .children-list-type.type-gallery .children-name span {
  color: #005eb8;
}

.mypage-recommend-children .slick-track {
  padding: 16px 0 24px;
}

.section-payment-wrap {
  margin-top: 16px;
  border: 1px solid #d9e1e2;
}

.section-payment-wrap > div {
  position: relative;
  padding: 43px 40px 43px 228px;
}

.section-payment-wrap > div::after {
  position: absolute;
  top: 34px;
  left: 40px;
  width: 156px;
  height: 156px;
  background: url("../images/common/ico_payment.png") no-repeat center;
  background-size: 100%;
  display: block;
  content: '';
}

.section-payment-wrap > div p {
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 8px;
}

.section-payment-wrap > div p.payment-notice-text {
  font-size: 14px;
  line-height: 30px;
  font-weight: normal;
  color: #8d8d8d;
  margin-top: 14px;
}

.section-payment-wrap > div .payment-date .g-button-basic {
  width: 72px;
  height: 32px;
  line-height: 32px;
  min-width: auto;
  padding: 0;
}

.section-payment-wrap .payment-type {
  display: block;
  color: #005eb8;
  font-size: 16px;
  padding-bottom: 10px;
  font-weight: bold;
}

.form-option-text-wrap {
  color: #8d8d8d;
  font-size: 12px;
}

.form-option-text-wrap li {
  display: none;
  margin-top: 8px;
}

.mypage-sponsorship-wrap {
  margin-top: 48px;
}

.mypage-sponsorship-wrap .member-funding-message p {
  font-weight: normal;
}

.mypage-sponsorship-wrap .mypage-flex-table .table-top-text {
  margin-top: 40px;
}

.mypage-sponsorship-wrap .btn-bottom-wrap {
  text-align: right;
}

.mypage-sponsorship-wrap .btn-bottom-wrap > div {
  display: inline-block;
  width: 176px;
}

.mypage-sponsorship-wrap .btn-bottom-wrap + .notice-section-wrap {
  margin-top: 40px;
}

.sponsor-message-text {
  margin-bottom: 40px;
}

.sponsor-message-text .main-text {
  font-size: 20px;
}

.sponsor-message-text .main-text + p {
  padding-top: 16px;
}

.member-delay-message {
  background-color: #768692;
  font-size: 32px;
  text-align: center;
  line-height: 2;
  padding: 56px 0 67px;
  color: #fff;
}

.member-delay-message .main-text {
  width: 402px;
  word-break: keep-all;
  margin: 0 auto;
  font-size: 32px;
}

.member-delay-message .total-price {
  font-weight: bold;
  color: #ffd100;
}

.table-notice-text {
  margin-bottom: 24px;
}

.mypage-sponsorship-wrap .ui-notice-sub-title {
  margin-bottom: 16px;
}

.mypage-sponsorship-wrap .ui-input-head {
  font-weight: bold;
  margin-bottom: 0;
}

.mypage-sponsorship-wrap .table-layout.type-fixed table {
  table-layout: fixed;
}

.mypage-sponsorship-wrap .table-result-wrap {
  width: 100%;
  padding: 24px 0 40px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #d9e1e2;
}

.mypage-sponsorship-wrap .table-result-wrap .total-price {
  color: #005eb8;
  text-align: right;
}

.payment-select-wrap > div {
  width: 24%;
  display: inline-block;
  line-height: 48px;
}

.payment-select-wrap > div:last-child .ui-radio-text {
  margin-right: -20px;
}

.mypage-donation-image {
  width: 100%;
  max-height: 400px;
  border: 1px solid #d9e1e2;
  margin-top: 16px;
  overflow-y: scroll;
}

.mypage-donation-image img {
  max-width: 100%;
}

.donation-recipt-print-button {
  margin-top: 32px;
}

.donation-recipt-print-button::after {
  content: '';
  display: table;
  clear: both;
}

.donation-recipt-print-button > div {
  float: right;
  table-layout: fixed;
  width: 368px;
}

.donation-recipt-download-button {
  margin-bottom: 24px;
}

.donation-recipt-download-button .form-flex-cell {
  width: 200px;
}

.mypage-donation-recipt .title-wrap {
  margin: 32px 0 40px;
  word-break: keep-all;
}

.mypage-donation-recipt .title-wrap p {
  font-size: 16px;
}

.mypage-donation-recipt .title-wrap p + p {
  padding-top: 24px;
}

.mypage-donation-recipt .ui-accordion {
  margin: 24px 0 40px;
}

.mypage-email-wrap {
  margin-top: 32px;
  padding: 32px;
  background-color: #f8f8fb;
  border: 1px solid #d9e1e2;
}

.mypage-email-wrap .form-checkbox {
  margin-top: 16px;
}

.mypage-email-wrap .type-btn {
  vertical-align: top;
}

.mypage-application-details .mypage-sponsorship-sort-text {
  vertical-align: middle;
  display: inline-block;
  margin-right: 24px;
}

.mypage-application-details .mypage-sponsorship-sort-text b {
  color: #005eb8;
}

.mypage-application-details .mypage-sponsorship-sort-text + .ui-checkbox-block {
  vertical-align: middle;
}

.mypage-application-details .table-top-text:first-child {
  margin-top: 48px;
  margin-bottom: 56px;
}

.mypage-application-details .table-top-text + .table-top-text {
  width: 100%;
  margin-bottom: 8px;
}

.mypage-application-details .table-top-text + .table-top-text .form-flex-cell {
  vertical-align: bottom;
}

.mypage-application-details .table-top-text + .table-top-text .form-flex-cell:last-child {
  text-align: right;
}

.mypage-application-details .table-top-text + .table-top-text .table-sort-select {
  display: inline-block;
  width: 148px;
  text-align: left;
}

.mypage-application-details .mypage-bottom-btn {
  margin-top: 40px;
  text-align: right;
}

.mypage-application-details .mypage-bottom-btn > div {
  width: 180px;
  display: inline-block;
}

.mypage-application-details .table-layout td[data-th-title=납부현황] .btn-wrap {
  width: 72px;
  margin: 0 auto;
}

.mypage-application-details .table-layout td[data-th-title=납부현황] .btn-wrap button {
  line-height: 32px;
  height: 32px;
}

.mypage-recommend-details {
  margin-top: 32px;
}

.mypage-recommend-details .table-top-text {
  padding-bottom: 8px;
}

.mypage-recommend-details .mypage-ad-banner {
  margin-top: 24px;
}

.mypage-visionTrip-wrap .md-tab {
  margin: 32px 0;
}

.mypage-visionTrip-wrap .table-top-text {
  width: 100%;
}

.mypage-visionTrip-wrap .table-top-text .form-flex-cell .table-sort-select {
  width: 200px;
}

.mypage-visionTrip-wrap .table-top-text .form-flex-cell:last-child {
  text-align: right;
}

.mypage-visionTrip-wrap .section-notice {
  margin-top: 24px;
}

.mypage-visionTrip-wrap .mypage-flex-table {
  margin-top: 24px;
}

.mypage-visionTrip-wrap .mypage-flex-table .table-layout .btn-wrap {
  margin: 0 auto;
}

.mypage-visionTrip-wrap .mypage-flex-table .table-layout.type-sideBoard span {
  vertical-align: middle;
}

.mypage-visionTrip-wrap .mypage-flex-table .table-layout.type-sideBoard .btn-wrap {
  margin-left: 8px;
  display: inline-block;
}

.mypage-visionTrip-wrap .mypage-flex-table .table-layout.type-sideBoard tfoot td {
  text-align: right;
}

.mypage-visionTrip-wrap .mypage-flex-table .table-layout.type-sideBoard tfoot td[data-th-title=납부현황]::before {
  line-height: 65px;
}

.notice-contents-wrap .notice-disc-list {
  line-height: 24px;
}

.notice-contents-wrap .notice-disc-list.contain-ptag p {
  margin-left: 15px;
}

.notice-contents-wrap .notice-disc-list li::before {
  display: inline-block;
  content: 'ㆍ';
  font-size: 14px;
}

.mypage-children-gift-list {
  margin-bottom: 80px;
}

.mypage-children-gift-list .children-gift-item {
  position: relative;
  margin-bottom: 24px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.mypage-children-gift-list .children-gift-item .ui-checkbox-object {
  width: 48px;
  height: 48px;
  background: url("../images/common/ico_circle_check_24x24.png") no-repeat left top;
  background-size: 48px;
  position: static;
}

.mypage-children-gift-list .children-gift-item.is-checked {
  outline: 2px solid #0086bf;
  background: #f1f8fa;
}

.mypage-children-gift-list .children-gift-item.is-checked .member-children-section.type-one-child .reservation-title {
  color: #3d3e3f;
}

.mypage-children-gift-list .children-gift-item.is-checked .ui-checkbox-object {
  background-position: left bottom;
}

.mypage-children-gift-list .children-gift-item .children-image-relative {
  background-size: cover;
  width: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  height: 240px;
}

.mypage-children-gift-list .children-gift-chk {
  position: absolute;
  width: 48px;
  height: 48px;
  left: 40px;
  top: 40px;
  z-index: 1;
}

.mypage-gift-reservation .md-tab {
  margin-top: 80px;
}

.mypage-gift-reservation .gift-reservation-range-wrap {
  width: 90%;
}

.mypage-gift-reservation .gift-reservation-range-wrap .rs-container {
  width: 92%;
  height: 26px;
  margin: 0 auto;
}

.mypage-gift-reservation .gift-reservation-range-wrap .rs-pointer {
  top: -6px;
  width: 24px;
  height: 24px;
}

.mypage-gift-reservation .mypage-notice-section {
  margin: 48px 0 40px;
  font-size: 16px;
}

.mypage-gift-reservation .sponsorship-extra-select .form-flex {
  width: 92%;
  padding: 0 4%;
  margin: 24px 0;
}

.mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell {
  padding: 0 12px;
  height: 180px;
}

.mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-block .ui-radio-label {
  padding-bottom: 0;
}

.mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-block .ui-radio-label .ui-radio-text {
  margin: 88px auto 0;
}

.mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-block .ui-radio-label.checked b {
  color: #fff;
}

.mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-block .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -48px;
}

.mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-block .ui-radio-object {
  margin-left: -24px;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  background-size: 100%;
}

.mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell.type-01 .ui-radio-object {
  background-image: url("../images/common/ico_birthday_96.png");
}

.mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell.type-02 .ui-radio-object {
  background-image: url("../images/common/ico_children_96.png");
}

.mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell.type-03 .ui-radio-object {
  background-image: url("../images/common/ico_family_96.png");
}

.mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell.type-04 .ui-radio-object {
  background-image: url("../images/common/ico_center_96.png");
}

.mypage-gift-reservation .sponsorship-extra-select b {
  color: #8d8d8d;
  font-size: 14px;
}

.mypage-gift-reservation .sponsorship-extra-select p {
  font-size: 12px;
  line-height: 16px;
  margin: 4px auto 0;
  width: 105px;
  word-break: keep-all;
}

.mypage-gift-reservation .sponsorship-extra-text {
  font-size: 14px;
}

.mypage-gift-reservation .mypage-gift-reservation-children .section-head {
  margin: 40px 0 32px;
  width: 100%;
}

.mypage-gift-reservation .mypage-gift-reservation-children .section-head .form-flex-cell:last-child {
  width: 148px;
}

.mypage-gift-reservation .children-gift-price-wrap .children-gift-price-text {
  margin: 24px 0;
}

.mypage-gift-reservation .children-gift-price-wrap .children-gift-price-text .form-flex {
  width: 100%;
  font-size: 20px;
  margin-bottom: 16px;
}

.mypage-gift-reservation .children-gift-price-wrap .children-gift-price-text .form-flex .form-flex-cell {
  text-align: right;
  font-size: 20px;
}

.mypage-gift-reservation .children-gift-price-wrap .children-gift-price-text .form-flex .form-flex-cell:first-child {
  font-weight: bold;
  text-align: left;
}

.mypage-gift-reservation .children-gift-price-wrap .children-gift-price-total {
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  border-top: 1px solid #161718;
  padding: 40px 0 24px;
  margin-top: 8px;
}

.mypage-gift-reservation .children-gift-price-wrap .children-gift-price-total .total-price {
  color: #005eb8;
  text-align: right;
}

.mypage-gift-reservation .children-gift-price-wrap .children-gift-price-total .total-text-small {
  font-size: 14px;
  font-weight: 400;
}

.mypage-gift-reservation .gift-reservation-btn {
  width: 320px;
  margin: 80px auto;
}

.mypage-gift-reservation .children-gift-price-wrap .children-gift-price-chk {
  background-color: #f8f8fb;
  padding: 8px 16px;
  text-align: right;
}

.mypage-gift-reservation .children-gift-price-wrap .children-gift-price-chk > * {
  vertical-align: middle;
}

.mypage-gift-reservation .children-gift-price-wrap .children-gift-price-chk .ui-dropdown {
  text-align: left;
  display: inline-block;
  width: 102px;
}

.mypage-gift-reservation .children-gift-price-wrap .children-gift-price-chk + .children-gift-price-total {
  margin-top: 24px;
  border-top: 1px solid #161718;
}

.mypage-gift-reservation .children-reservation-month {
  margin-top: 8px;
}

.mypage-gift-reservation .children-reservation-month .ui-dropdown {
  width: 102px;
}

.mypage-card-wrap .sponsor-message-text {
  margin-bottom: 24px;
}

.mypage-card-wrap .total-payment-wrap {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
}

.mypage-card-wrap .total-payment-wrap .total-num {
  text-align: right;
  color: #005eb8;
}

.virtual-account-wrap ul {
  margin: 16px 0;
}

.virtual-account-wrap ul li {
  display: inline-block;
  width: 48%;
  border: 1px solid #d9e1e2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 3%;
  text-align: center;
  font-size: 14px;
  padding: 14px 0;
  margin-bottom: 24px;
  color: #8d8d8d;
}

.virtual-account-wrap ul li:nth-child(2n) {
  margin-right: 0;
}

.virtual-account-wrap ul li .account {
  color: #3d3e3f;
}

.option-content {
  margin-top: 24px;
}

.option-content > div {
  margin-bottom: 24px;
}

.option-content .option-text-wrap {
  margin-bottom: 16px;
}

.option-content .option-btn-wrap {
  margin-bottom: 8px;
}

.payment-changne-notice {
  padding: 32px 0 80px 0;
  font-size: 24px;
  text-align: center;
}

.payment-changne-notice .type-emphasis {
  font-weight: bold;
}

[data-tab="letter-type-basic"] {
  display: none;
}

@media only screen and (max-width: 1280px) {
  #contents.type-mypage {
    width: 100%;
  }
  #contents.type-mypage.type-myidx .lnb-area {
    display: block;
    margin-bottom: 0;
  }
  #contents.type-mypage .lnb-area {
    display: none;
  }
  #contents.type-mypage .contents-area {
    width: 100%;
    float: none;
    overflow: hidden;
    padding-bottom: 40px;
  }
  #contents.type-mypage .secession-wrap {
    padding: 0 4%;
  }
  .mypage-alert {
    margin-top: 24px;
  }
  .side-btn-wrap {
    width: 588px;
    margin: 0 auto;
  }
  .mypage-personal-qna + .side-btn-wrap {
    width: 92%;
  }
  .member-top-alert {
    margin-bottom: 0;
    height: 48px;
    line-height: 48px;
    padding-left: 4%;
  }
  .member-top-alert .btn-close {
    top: 18px;
  }
  .member-section {
    margin-top: 14px;
    padding: 4%;
  }
  .member-section.type-bottom-gray {
    position: relative;
    border-bottom: 1px solid #d7dfe1;
  }
  .member-section.type-bottom-gray:before {
    display: block;
    content: '';
    width: 100%;
    height: 8px;
    position: absolute;
    left: 0;
    bottom: -9px;
    background-color: #ededed;
  }
  .mypage-ad-banner {
    margin: 9px 0 0;
  }
  .member-section.member-children-list {
    margin-top: 14px;
    padding-bottom: 4%;
  }
  .member-children-section.type-non-child {
    margin-top: 4%;
  }
  .member-children-section.type-non-child .children-image-box {
    width: 40%;
    height: auto;
  }
  .member-children-section.type-non-child .children-image-box::before {
    right: inherit;
    width: 95%;
    height: 100%;
    right: -5%;
    left: inherit;
  }
  .member-children-section.type-non-child .children-image-box img {
    max-width: 100%;
  }
  .member-children-section.type-non-child .children-intro-box {
    width: 55%;
  }
  .member-children-section.type-one-child .children-image-box {
    width: 240px;
  }
  .member-children-section.type-one-child .children-intro-box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .member-children-section.type-more-child {
    width: 105%;
  }
  .my-sponsorship-graph,
  .personal-sponsorship-graph {
    border-bottom: none;
  }
  .my-sponsorship-graph {
    padding-bottom: 0;
    height: 505px;
  }
  .my-sponsorship-graph #myCanvasHolder canvas {
    left: -10%;
    width: 65vw !important;
    height: 33vw !important;
  }
  .my-sponsorship-graph .my-support-category {
    padding-left: 0;
    width: 385px;
    float: right;
  }
  .my-sponsorship-graph .my-support-menu {
    width: 46vw;
    bottom: 0;
    left: 0;
  }
  .mypage-sponsorship-youtube {
    width: 100%;
  }
  .mypage-sponsorship-youtube iframe {
    width: 100%;
  }
  .my-sponsorship-graph .my-chart-category-box {
    bottom: 48px;
  }
  .table-layout.type-scroll {
    width: 100%;
    overflow-x: scroll;
  }
  .table-layout.type-scroll table {
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .section-list-item .section-list-head {
    float: none;
  }
  .section-list-head + .section-date {
    margin-top: 4px;
  }
  .member-children-section.type-non-child .children-intro-box {
    width: 54%;
    margin: 0;
  }
  .member-children-section.type-non-child .children-intro-box h4 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 20px;
  }
  .member-children-section.type-non-child .children-intro-box .children-emoji {
    padding-left: 32px;
  }
  .member-children-section.type-more-child .owl-nav,
  .member-children-section.type-more-child .slick-arrow-cta {
    margin-top: 30px;
  }
  .my-sponsorship-graph {
    height: 460px;
  }
  .my-sponsorship-graph .my-chart-category-box {
    bottom: 0;
  }
}

@media only screen and (max-width: 960px) {
  .member-children-section.type-non-child .children-intro-box .children-emoji {
    font-size: inherit;
    line-height: normal;
  }
  .member-children-section.type-non-child .children-intro-box .children-short-message {
    font-size: inherit;
    line-height: normal;
  }
  .member-children-section.type-one-child .children-image-box {
    width: 208px;
  }
  .member-children-section.type-one-child .children-intro-box {
    padding: 0 0 0 4%;
    height: auto;
  }
  .member-children-section.type-one-child .children-intro-box .children-intro-inner {
    vertical-align: top;
  }
  .my-sponsorship-graph .my-support-menu {
    width: 45%;
    bottom: 0;
    left: 1%;
  }
  .my-sponsorship-graph .my-support-menu .form-flex-cell {
    width: 46%;
  }
  .my-sponsorship-graph .my-support-menu .form-flex-cell a,
  .my-sponsorship-graph .my-support-menu .form-flex-cell button {
    min-width: auto;
    width: 100%;
  }
  .mypage-flex-table .table-wrap .table-head div {
    font-size: 14px;
  }
  .mypage-flex-table .table-wrap .table-item .form-flex-cell {
    padding: 16px 4px;
  }
  .mypage-flex-table .table-wrap.type-horizontal .table-item .form-flex-cell {
    padding: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mypage-flex-table .table-wrap.type-horizontal .table-item .form-flex-cell span {
    font-size: 14px;
  }
  .table-layout.type-scroll table {
    width: 900px;
  }
  .table-layout.type-scroll table th, .table-layout.type-scroll table td {
    font-size: 13px;
  }
}

@media only screen and (max-width: 800px) {
  /*
  .mypage-visionTrip-wrap .table-layout.type-sideBoard th {
    display: none;
  }
  */
  .mypage-application-details .md-tab {
    margin: 24px 0 32px;
  }
  .mypage-application-details .table-top-text:first-child {
    margin-bottom: 40px;
  }
  .mypage-application-details .table-layout td[data-th-title=납부현황] .btn-wrap {
    margin: 0;
  }
  #contents .inner .side-btn-wrap {
    width: 100%;
  }
  #contents .side-btn-wrap {
    width: 92%;
  }
  #contents .side-btn-wrap .button-page-controls {
    float: none;
    width: 100%;
    margin-bottom: 16px;
  }
  #contents .side-btn-wrap .button-page-controls div {
    width: 49%;
  }
  #contents .side-btn-wrap .button-page-controls div + div {
    margin-left: 1%;
  }
  #contents .side-btn-wrap .btn-wrap {
    width: 100%;
  }
  .mypage-personal-qna .personal-qna-head span.type-question {
    display: block;
    margin-bottom: 8px;
  }
  .mypage-personal-qna .personal-qna-head .personal-qna-title {
    padding: 0;
    width: 100%;
  }
  .mypage-personal-qna .personal-qna-head .personal-qna-date {
    position: static;
    display: block;
    text-align: right;
    margin-top: 8px;
  }
  .mypage-personal-qna + .side-btn-wrap {
    display: block;
    border: none;
    padding-top: 0;
  }
  .mypage-personal-qna + .side-btn-wrap > div {
    width: 100%;
  }
  .mypage-personal-qna .personal-qna-contents {
    padding: 16px 0;
  }
  #contents.type-mypage .lnb-area {
    display: none;
  }
  #contents.type-mypage .sub-title-wrap {
    padding: 3% 0;
  }
  #contents.type-mypage .section-gray {
    padding: 20px 4%;
  }
  #contents.type-mypage .confirm-btn-wrap {
    width: 100%;
  }
  #contents.type-mypage .secession-wrap {
    padding: 0;
  }
  #contents.type-mypage .secession-wrap .secession-text {
    padding: 0 4%;
    font-size: 16px;
  }
  #contents.type-mypage .secession-wrap .secession-chkbox {
    padding: 0 4%;
  }
  .personal-info-section .inner {
    padding: 0;
  }
  .personal-info-section .inner .title-wrap {
    padding: 0 4%;
  }
  .type-mypage .title-wrap h4 {
    font-size: 16px;
  }
  .type-mypage .title-wrap p {
    font-size: 13px;
  }
  .confirm-btn-wrap {
    width: 100%;
    table-layout: fixed;
  }
  .confirm-btn-wrap > .form-flex-cell {
    display: table-cell;
    width: 50%;
    padding: 0;
  }
  .confirm-btn-wrap > .form-flex-cell:first-child {
    padding-right: 2%;
  }
  .mypage-flex-table .table-layout div.btn-wrap,
  .mypage-flex-table .table-wrap div.btn-wrap {
    margin: 8px 0 0;
    vertical-align: middle;
  }
  .mypage-flex-table .table-top-text {
    font-size: 13px;
  }
  .mypage-flex-table .table-wrap .table-head.type-short {
    width: 100%;
  }
  .mypage-flex-table .table-wrap .table-item {
    padding: 16px 0;
  }
  .mypage-flex-table .table-wrap .table-item div.form-flex-cell {
    width: 100% !important;
    padding: 4px;
    font-size: 0;
  }
  .mypage-flex-table .table-wrap .table-item div.form-flex-cell::before {
    content: attr(data-th-title);
    display: inline-block;
    width: 50%;
    vertical-align: top;
    font-size: 13px;
    font-weight: 700;
  }
  .mypage-flex-table .table-wrap .table-item div.form-flex-cell span {
    color: #3d3e3f;
    font-size: 13px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
  .mypage-flex-table .table-wrap .table-item div.form-flex-cell.type-short {
    width: 100%;
  }
  .mypage-flex-table .table-wrap .table-item div.form-flex-cell .btn-wrap {
    margin: 4px 0;
  }
  .mypage-flex-table .table-wrap.type-horizontal .table-content-wrap {
    border: none;
  }
  .mypage-flex-table .table-wrap.type-horizontal .table-item {
    padding: 0;
    border: none;
  }
  .mypage-flex-table .table-wrap.type-horizontal .table-item .table-item-td,
  .mypage-flex-table .table-wrap.type-horizontal .table-item .table-item-th {
    border: none;
    padding: 0;
  }
  .mypage-flex-table .table-wrap.type-horizontal .table-item .table-item-th {
    display: none;
  }
  .mypage-flex-table .table-wrap.type-horizontal .table-item .form-flex-cell {
    text-align: left;
  }
  .mypage-flex-table .table-wrap.type-horizontal .table-item .form-flex-cell span {
    width: auto;
    vertical-align: middle;
  }
  .mypage-flex-table .table-wrap.type-horizontal .table-item .form-flex-cell::before {
    display: none;
  }
  .mypage-flex-table .table-wrap.type-horizontal .table-item .ui-radio-object {
    width: 20px !important;
  }
  .mypage-flex-table + .mypage-flex-table {
    border-top: none;
  }
  .section-head {
    margin-bottom: 20px;
  }
  .section-head + .section-date {
    font-size: 12px;
  }
  .section-title {
    font-size: 20px;
  }
  .section-title + a {
    bottom: 0;
  }
  .section-notice-border {
    font-size: 12px;
    padding: 24px 12px;
  }
  .section-notice.is-empty {
    background-color: #f8f8fb;
    width: 100%;
    height: 144px;
    display: table;
    text-align: center;
    font-size: 13px;
    color: #8d8d8d;
    position: relative;
    margin-top: 6px;
  }
  .section-notice.is-empty p {
    display: table-cell;
    vertical-align: middle;
  }
  .section-notice.is-empty p:before {
    content: '';
    display: block;
    height: 32px;
    width: 32px;
    margin: 0 auto 8px;
    background: url("../images/sub/ico_no_result_24.png") no-repeat center;
    background-size: 100%;
  }
  .section-list-item .section-list-text {
    width: 85%;
    font-size: 11px;
    margin-left: 0;
  }
  .section-list-item .section-list-text .section-list-head {
    font-size: 13px;
  }
  .member-top-alert .alert-text {
    width: 80%;
  }
  .member-top-alert .date {
    width: 20%;
    text-align: right;
  }
  .mypage-funding-wrap .user-funding-list .user-funding-making-button {
    width: 320px;
  }
  .mypage-funding-wrap .mypage-ad-banner.type-funding .bnr-sub-text {
    text-align: left;
  }
  .mypage-funding-wrap .mypage-ad-banner.type-funding .bnr-main-text {
    text-align: left;
    width: auto;
    margin: 0;
  }
  .mypage-ad-banner {
    height: auto;
    margin: 9px 0 0;
  }
  .mypage-ad-banner .bnr-sub-text {
    display: block;
    text-align: center;
  }
  .mypage-ad-banner .bnr-main-text {
    line-height: 20px;
    width: 320px;
    margin: 0 auto;
    text-align: center;
    word-wrap: break-word;
    word-break: keep-all;
  }
  .member-sponsorship-status {
    width: 92%;
    margin: 4% auto 0;
  }
  .member-sponsorship-status ul {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    border-bottom: 1px solid #d9e1e2;
  }
  .member-sponsorship-status ul li {
    width: 50%;
    padding: 60px 2% 2%;
    border: none;
    text-align: center;
  }
  .member-sponsorship-status ul li:nth-child(even) {
    border-left: 1px solid #d9e1e2;
  }
  .member-sponsorship-status ul li:nth-child(1), .member-sponsorship-status ul li:nth-child(2) {
    border-bottom: 1px solid #d9e1e2;
  }
  .member-sponsorship-status ul li + li {
    padding-left: 2%;
  }
  .member-sponsorship-status ul li a {
    padding: 0;
  }
  .member-sponsorship-status ul li.sponsorship-status-list-01, .member-sponsorship-status ul li.sponsorship-status-list-02, .member-sponsorship-status ul li.sponsorship-status-list-03, .member-sponsorship-status ul li.sponsorship-status-list-04 {
    background-size: 44px;
    background-position: center 16px;
  }
  .member-children-section.type-non-child .children-image-box {
    width: 100%;
    float: none;
    text-align: center;
  }
  .member-children-section.type-non-child .children-image-box::before {
    display: none;
  }
  .member-children-section.type-non-child .children-intro-box {
    width: 100%;
    float: none;
    margin: 4% 0 0;
    padding: 0 4%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: auto;
  }
  .member-children-section.type-non-child .children-intro-box h4 {
    font-size: 24px;
    line-height: 32px;
  }
  .member-children-section.type-non-child .children-intro-box .children-emoji {
    padding-left: 25px;
  }
  .member-children-section.type-non-child .children-intro-box .children-emoji::before {
    text-align: left;
    line-height: 18px;
  }
  .member-children-section.type-non-child .children-intro-box .children-support-button {
    width: 100%;
  }
  .member-children-section.type-non-child .children-intro-box .children-support-button .form-flex-cell {
    width: 50%;
  }
  .member-children-section.type-non-child .children-intro-box .children-support-button .form-flex-cell + .form-flex-cell {
    padding-left: 8px;
  }
  .member-children-section.type-non-child .children-intro-box .children-support-button .form-flex-cell .g-button-basic-48 {
    min-width: auto;
    width: 100%;
  }
  .member-children-section.type-non-child .children-intro-box .children-short-message {
    margin-top: 15px;
  }
  .member-children-section.type-one-child {
    border: none;
    padding: 0;
    display: block;
  }
  .member-children-section.type-one-child .children-intro-box {
    height: auto;
    margin: 4% 0 0;
    padding: 0 4%;
    min-height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .member-children-section.type-one-child .children-intro-box .children-intro-inner {
    display: block;
  }
  .member-children-section.type-one-child .children-intro-box .children-support-button {
    width: 100%;
    margin-top: 3%;
  }
  .member-children-section.type-one-child .children-intro-box .children-support-button .form-flex-cell {
    width: 32.3%;
  }
  .member-children-section.type-one-child .children-intro-box .children-support-button .form-flex-cell + .form-flex-cell {
    padding-left: 1.5%;
  }
  .member-children-section.type-one-child .children-intro-box .children-support-button button {
    width: 100%;
    min-width: auto;
    line-height: normal;
  }
  .member-children-section.type-one-child.type-gift .children-intro-box {
    padding: 0 8%;
  }
  .my-sponsorship-graph,
  .personal-sponsorship-graph {
    margin-top: 5%;
  }
  .personal-sponsorship-graph::after {
    content: '';
    display: table;
    clear: both;
  }
  .personal-sponsorship-graph h4 {
    font-size: 20px;
  }
  .personal-sponsorship-graph #personalCanvasHolder {
    width: 100%;
    margin: 4% auto 0;
  }
  .personal-sponsorship-graph #personalCanvasHolder canvas {
    margin-bottom: 4%;
  }
  .personal-sponsorship-graph .g-button-tab-basic[data-index="0"],
  .personal-sponsorship-graph .g-button-tab-basic[data-index="1"],
  .personal-sponsorship-graph .g-button-tab-basic[data-index="2"],
  .personal-sponsorship-graph .g-button-tab-basic[data-index="3"],
  .personal-sponsorship-graph .g-button-tab-basic[data-index="4"] {
    position: relative;
    left: inherit;
    top: inherit;
    right: inherit;
    width: 49%;
  }
  .personal-sponsorship-graph .g-button-tab-basic {
    margin: 1% 0;
  }
  .personal-sponsorship-graph .g-button-tab-basic:nth-child(odd) {
    float: left;
  }
  .personal-sponsorship-graph .g-button-tab-basic:nth-child(even) {
    float: right;
  }
  .my-sponsorship-graph {
    height: auto;
  }
  .my-sponsorship-graph .chart-size-wrap {
    width: 100%;
  }
  .my-sponsorship-graph #myCanvasHolder canvas {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto;
    width: 100% !important;
    height: auto !important;
  }
  .my-sponsorship-graph .my-support-category {
    width: 100%;
    float: none;
    margin-top: 3%;
  }
  .my-sponsorship-graph .my-support-menu {
    display: none;
  }
  .my-sponsorship-graph .my-chart-category-box {
    position: relative;
    width: 100%;
    height: auto;
  }
  .my-sponsorship-graph .my-chart-category-box .my-chart-square-icon {
    width: 32%;
    margin: 2% 0 0 2%;
  }
  .my-sponsorship-graph .my-chart-category-box .my-chart-square-icon:nth-child(1), .my-sponsorship-graph .my-chart-category-box .my-chart-square-icon:nth-child(4) {
    margin-left: 0;
  }
  .member-funding-message {
    font-size: 24px;
  }
  .member-funding-message p {
    font-size: 16px;
    width: 211px;
    margin: 0 auto;
    line-height: normal;
  }
  .mypage-funding-wrap .mypage-flex-table {
    border: none;
    padding-top: 0;
  }
  .mypage-funding-wrap .user-funding-list .user-funding-making-button {
    width: 100%;
  }
  .mypage-funding-wrap .user-funding-making .user-funding-making-cell {
    padding: 0 24px;
  }
  .mypage-funding-wrap .funding-section .mypage-ad-banner.type-createFunding .bnr-sub-text {
    text-align: left;
  }
  .mypage-funding-wrap .funding-section .mypage-ad-banner.type-createFunding .bnr-main-text {
    text-align: left;
    margin: 0;
  }
  .mypage-sponsorship-wrap {
    margin-top: 24px;
  }
  .mypage-sponsorship-wrap .member-funding-message p {
    width: 92%;
    word-break: keep-all;
  }
  .mypage-sponsorship-wrap .member-funding-message p.main-text {
    padding-bottom: 24px;
  }
  .mypage-sponsorship-wrap .member-funding-message .message-detail-text {
    display: block;
  }
  .mypage-sponsorship-wrap .table-result-wrap {
    border-top: 1px solid #d9e1e2;
    font-size: 16px;
  }
  .mypage-sponsorship-wrap .mypage-flex-table {
    margin-bottom: 24px;
  }
  .mypage-sponsorship-wrap .sponsor-message-text {
    margin-bottom: 32px;
  }
  .mypage-sponsorship-wrap .member-delay-message .main-text {
    width: 390px;
    font-size: 26px;
    line-height: 1.5;
  }
  .donation-recipt-print-button > div {
    width: 100%;
  }
  .donation-recipt-print-button .form-flex-cell:last-child {
    display: none;
  }
  .mypage-gift-reservation .section-head {
    margin-bottom: 0;
  }
  .mypage-gift-reservation .sponsorship-extra-select {
    padding-bottom: 40px;
    border-bottom: 1px solid #d9e1e2;
  }
  .mypage-gift-reservation .sponsorship-extra-select .form-flex {
    width: 100%;
    padding: 0;
    margin: 16px 0;
  }
  .mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell {
    padding: 0;
    display: inline-block;
    width: 48%;
    padding-bottom: 4%;
  }
  .mypage-gift-reservation .sponsorship-extra-select .form-flex .form-flex-cell:nth-child(2n) {
    padding-left: 4%;
  }
  .mypage-gift-reservation .md-tab {
    margin-top: 24px;
  }
  .mypage-gift-reservation .mypage-notice-section {
    margin: 24px 0 40px;
  }
  .mypage-gift-reservation .mypage-gift-reservation-children .section-head {
    margin: 24px 0 0;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-text {
    margin: 32px 0 24px;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-text + .children-gift-price-total {
    border-top: 1px solid #161718;
  }
  .mypage-children-gift-list {
    position: relative;
    margin-bottom: 8px;
    border-bottom: 1px solid #768692;
  }
  .mypage-children-gift-list::after {
    position: absolute;
    content: '';
    bottom: -8px;
    width: 100%;
    height: 7px;
    background-color: #d9e1e2;
  }
  .mypage-children-gift-list .children-gift-item {
    margin: 24px 0 0 0;
  }
  .mypage-children-gift-list .children-gift-item .member-children-section.type-one-child.type-gift {
    display: table;
  }
  .mypage-children-gift-list .children-gift-item .gift-reservation-range-wrap {
    width: 100%;
    padding-bottom: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .mypage-visionTrip-wrap .table-top-text .form-flex-cell .table-sort-select {
    display: none;
  }
  .payment-select-wrap > div {
    width: 49%;
  }
  .mypage-payment-change {
    margin-top: 24px;
  }
  .mypage-payment-childeren-text .mypage-payment-childeren-title {
    font-size: 20px;
  }
  .mypage-payment-childeren-text .mypage-payment-childeren-title::before {
    height: 16px;
  }
  .mypage-payment-childeren-text p {
    margin: 16px 0 32px;
    font-size: 13px;
  }
  .mypage-recommend-children-title {
    font-size: 15px;
  }
  .mypage-sponsorship-youtube {
    margin: 24px auto 80px;
  }
  .mypage-recommend-children {
    margin-top: 16px;
    padding-bottom: 40px;
    background-image: none;
  }
  .mypage-recommend-children .children-list-type.type-gallery .children-list {
    width: 320px;
  }
  .mypage-recommend-children .children-list-type.type-gallery .children-intro-box {
    height: 476px;
  }
  .mypage-recommend-children .children-list-type.type-gallery .children-intro-box h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .mypage-recommend-children .children-list-type.type-gallery .children-image-box {
    width: 160px;
    height: 160px;
  }
  .mypage-recommend-children .children-list-type.type-gallery .children-emoji {
    display: none;
  }
  .mypage-funding-wrap .mypage-ad-banner .bnr-main-text {
    width: auto;
  }
  .mypage-visionTrip-wrap .table-layout.type-sideBoard td {
    padding: 8px 4px;
  }
  .mypage-visionTrip-wrap .mypage-flex-table .table-layout.type-sideBoard .btn-wrap {
    width: 100%;
    margin-left: unset; 
  }
  .mypage-visionTrip-wrap .mypage-flex-table .table-layout.type-sideBoard .btn-wrap button {
    font-size: 13px;
  }
}

@media only screen and (max-width: 640px) {
  .mypage-application-details .mypage-bottom-btn > div {
    width: 100%;
  }
  .lnb-top-wrap .btn-alert-wrap {
    float: right;
  }
  .mypage-sponsorship-youtube iframe {
    height: 360px;
  }
  .mypage-sponsorship-wrap .btn-bottom-wrap > div {
    width: 100%;
  }
  .my-sponsorship-graph .my-chart-category-box .slick-prev {
    left: -4%;
  }
  .my-sponsorship-graph .my-chart-category-box .slick-next {
    right: -4%;
  }
  .mypage-children-gift-list .children-gift-item .member-children-section.type-one-child {
    padding: 0;
  }
  .mypage-children-gift-list .children-gift-item .member-children-section.type-one-child .children-intro-box {
    margin-top: 0;
    padding: 24px 24px 4%;
  }
  .mypage-children-gift-list .children-gift-item .children-image-relative {
    height: 88vw;
  }
  .member-children-section.type-one-child {
    display: block;
    padding: 0;
  }
  .member-children-section.type-one-child .children-image-box,
  .member-children-section.type-one-child .children-intro-box {
    display: block;
    width: 100%;
  }
  .member-children-section.type-one-child .children-intro-box {
    padding: 0 0 4% 0;
  }
  .member-children-section.type-one-child .sponsorship-choice-price {
    margin-top: 0;
  }
  .mypage-children-gift-list .children-gift-chk {
    left: 8px;
    top: 8px;
  }
  .mypage-personal-qna .table-layout.type-responsive tbody th, .mypage-personal-qna .table-layout.type-responsive tbody td {
    padding: 4px 4px 4px 30%;
  }
  .mypage-personal-qna .table-layout.type-responsive tbody th::before, .mypage-personal-qna .table-layout.type-responsive tbody td::before {
    width: 30%;
  }
  .board-list-controls {
    position: relative;
    min-height: 48px;
    margin-bottom: 24px;
  }
  .board-list-controls .button-board-write {
    position: relative;
    width: 100%;
  }
  .sponsorship-choice-price .input-cell {
    width: 50%;
    height: 40px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 520px) {
  .children-information li {
    line-height: 20px;
    min-height: 20px;
  }
  .payment-changne-notice {
    font-size: 20px;
    margin: 0 20px;
  }
  .virtual-account-wrap ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .mypage-card-wrap .total-payment-wrap {
    font-size: 16px;
  }
  .mypage-application-details .mypage-sponsorship-sort-text {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
  }
  .mypage-funding-wrap .mypage-ad-banner.type-funding {
    background-image: url("../images/sub/bg_myfunding_banner_01_mobile.png");
  }
  .mypage-funding-wrap .mypage-ad-banner.type-createFunding {
    background-image: url("../images/sub/bg_myfunding_banner_02_mobile.png");
  }
  .mypage-donation-image {
    max-height: 200px;
  }
  .mypage-email-wrap {
    padding: 16px;
    margin-top: 16px;
  }
  .donation-recipt-download-button .form-flex-cell {
    width: 100%;
    display: block;
  }
  .donation-recipt-download-button .form-flex-cell + .form-flex-cell {
    padding: 0;
    margin-top: 16px;
  }
  .mypage-sponsorship-wrap .sponsor-message-text {
    font-size: 13px;
  }
  .mypage-sponsorship-wrap .sponsor-message-text .main-text {
    font-size: 16px;
  }
  .mypage-sponsorship-wrap .sponsor-message-text .main-text + p {
    padding-top: 8px;
  }
  .mypage-sponsorship-wrap .member-delay-message .main-text {
    width: 313px;
    font-size: 20px;
  }
  .mypage-sponsorship-wrap .table-notice-text {
    font-size: 12px;
    margin-bottom: 16px;
  }
  .mypage-sponsorship-wrap .mypage-flex-table .table-top-text {
    margin-top: 32px;
  }
  .mypage-sponsorship-youtube iframe {
    height: 292px;
  }
  .mypage-recommend-children .children-list-type.type-gallery .item .children-list {
    margin: 0 auto;
  }
  .ui-file-download {
    font-size: 13px;
  }
  .mypage-personal-qna .title-wrap {
    margin: 32px 0 16px;
  }
  .mypage-personal-qna .title-wrap h4 {
    font-size: 18px;
  }
  .mypage-personal-qna .top-select-wrap.form-flex .form-flex-cell {
    display: block;
    width: 100%;
  }
  .mypage-personal-qna .top-select-wrap.form-flex .form-flex-cell .ui-select-block {
    width: 100%;
  }
  .mypage-personal-qna .top-select-wrap.form-flex .form-flex-cell:last-child {
    margin-top: 16px;
    width: 100%;
  }
  .mypage-personal-qna .top-select-wrap.form-flex .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
  .mypage-personal-qna .table-wrap {
    margin-top: 32px;
  }
  .mypage-personal-qna .personal-qna-head {
    font-size: 13px;
    margin-bottom: 16px;
  }
  .mypage-personal-qna .personal-qna-head span.type-answer, .mypage-personal-qna .personal-qna-head span.type-question {
    width: 81px;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
  }
  .mypage-personal-qna .personal-qna-head .personal-qna-date {
    font-size: 13px;
    margin-top: 8px;
  }
  .mypage-personal-qna .mypage-qna-section + .mypage-qna-section {
    margin: 40px 0;
  }
  .section-title {
    font-size: 18px;
  }
  .section-notice-border .section-date {
    display: none;
  }
  .section-list-item .section-list-text {
    width: 80%;
  }
  .member-top-alert p {
    font-size: 13px;
  }
  .member-top-alert .alert-text {
    max-width: 100%;
    width: 100%;
  }
  .member-top-alert .date {
    display: none;
  }
  .section-list-item .section-list-head .section-list-short-text {
    font-size: 11px;
  }
  .section-list-item .section-date {
    font-size: 11px;
  }
  .member-welcome-message {
    height: 160px;
    padding: 35px 4%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .member-welcome-message h3 {
    font-size: 18px;
  }
  .member-welcome-message p {
    font-size: 18px;
  }
  .member-sponsorship-status ul li {
    padding: 24px 2%;
  }
  .member-sponsorship-status ul li.sponsorship-status-list-01, .member-sponsorship-status ul li.sponsorship-status-list-02, .member-sponsorship-status ul li.sponsorship-status-list-03, .member-sponsorship-status ul li.sponsorship-status-list-04 {
    background: none;
  }
  .children-information {
    font-size: inherit;
  }
  .member-section.member-children-list {
    padding-bottom: 50px;
  }
  .member-children-section.type-non-child .children-image-box::before {
    display: none;
  }
  .member-children-section.type-non-child .children-image-box img {
    width: 100%;
  }
  .member-children-section.type-non-child .children-image-box .children-past-times {
    font-size: 12px;
    line-height: 34px;
  }
  .member-children-section.type-non-child .children-intro-box h4 {
    font-size: 18px;
    line-height: 24px;
  }
  .member-children-section.type-non-child .children-intro-box .children-support-button {
    width: 100%;
    margin-top: 32px;
  }
  .member-children-section.type-non-child .children-intro-box .children-emoji + .children-emoji {
    margin-top: 12px;
  }
  .member-children-section.type-non-child .children-intro-box .children-short-message {
    margin-top: 24px;
  }
  .member-children-section.type-one-child {
    position: relative;
  }
  .member-children-section.type-one-child .children-intro-box {
    position: static;
  }
  .member-children-section.type-one-child .children-intro-box .children-intro-inner {
    position: static;
  }
  .member-children-section.type-one-child .children-intro-box .mychildren-bookmark {
    top: 20px;
    right: 20px;
  }
  .member-children-section.type-one-child .children-intro-box h4.children-name {
    font-size: 18px;
  }
  .member-children-section.type-one-child .children-intro-box .children-number {
    margin-top: 5px;
  }
  .member-children-section.type-one-child .children-intro-box .children-support-button {
    margin-top: 30px;
  }
  .member-children-section.type-one-child .children-intro-box .children-support-button .g-button-basic {
    font-size: 13px;
    padding: 0 7px;
  }
  .member-children-section.type-more-child {
    height: 435px;
    overflow: hidden;
  }
  .member-children-section.type-more-child .item {
    width: 264px;
    height: 435px;
  }
  .member-children-section.type-more-child .item .children-slider-head {
    padding: 8px 16px;
  }
  .member-children-section.type-more-child .item .children-slider-head button {
    width: 33px;
    height: 33px;
  }
  .member-children-section.type-more-child .item .children-slider-head button img {
    width: 24px;
  }
  .member-children-section.type-more-child .item .children-slider-head button .alert-red-number {
    right: -5px;
    top: -5px;
  }
  .member-children-section.type-more-child .item .children-slider-body {
    padding: 30px 10px;
  }
  .member-children-section.type-more-child .item .children-slider-body .children-image-box a {
    width: 138px;
    height: 138px;
  }
  .member-children-section.type-more-child .item .children-slider-body .children-intro-box .children-name {
    font-size: 18px;
  }
  /*
R0003206 commit 진행시 오류 수정
*/
  .member-children-section.type-more-child .item .children-slider-body .children-intro-box .children-information {
    width: 82%;
    margin: 8px auto 0px;
  }
  .member-children-section.type-more-child .owl-nav.disabled,
  .member-children-section.type-more-child .slick-arrow-cta.disabled {
    display: none;
  }
  .children-image-relative .image-mask {
    display: block;
    width: 168px;
    height: 168px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
  }
  .children-image-relative .image-mask img {
    position: absolute;
    left: 0;
    top: 0;
  }
  .mypage-gift-reservation .gift-reservation-btn {
    margin: 32px auto 40px;
    width: 100%;
  }
  .mypage-gift-reservation .mypage-notice-section {
    font-size: 13px;
  }
  .mypage-gift-reservation .sponsorship-extra-text {
    font-size: 12px;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-text .form-flex .form-flex-cell {
    font-size: 13px;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-text + .children-gift-price-total {
    padding: 24px 0 40px;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-total {
    font-size: 16px;
    display: block;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-total .total-text-small {
    font-size: 12px;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-total .form-flex-cell {
    display: block;
  }
  .mypage-gift-reservation .member-children-section.type-one-child.type-gift .reservation-title {
    font-size: 15px;
  }
  .mypage-gift-reservation .member-children-section.type-one-child.type-gift .gift-reservation-range-wrap .range-text > div {
    font-size: 13px;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-chk {
    background-color: transparent;
    padding: 0;
    text-align: left;
    position: relative;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-chk::after {
    content: '';
    display: table;
    clear: both;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-chk > * {
    vertical-align: middle;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-chk .ui-checkbox-block {
    position: absolute;
    left: 0;
    top: 10px;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-chk .ui-dropdown {
    float: right;
  }
  .mypage-gift-reservation .children-gift-price-wrap .children-gift-price-chk + .children-gift-price-total {
    padding: 24px 0;
  }
  .section-payment-wrap {
    border: none;
    border-bottom: 1px solid #d9e1e2;
  }
  .section-payment-wrap .payment-type {
    font-size: 12px;
  }
  .section-payment-wrap > div {
    padding: 0 0 24px 104px;
  }
  .section-payment-wrap > div::after {
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
  }
  .section-payment-wrap > div p {
    font-size: 13px;
    line-height: 1.6;
  }
  .section-payment-wrap > div p.payment-notice-text {
    font-size: 12px;
    line-height: 1.6;
  }
  .option-content .option-text-wrap {
    font-size: 13px;
  }
}

@media only screen and (max-width: 414px) {
  .mypage-sponsorship-youtube iframe {
    height: 233px;
  }
  .member-sponsorship-status + .member-section .section-head {
    display: none;
  }
  .section-list-item .section-list-text {
    width: 75%;
  }
}

@media only screen and (max-width: 360px) {
  .mypage-sponsorship-youtube iframe {
    height: 202px;
  }
  #contents.type-mypage .secession-wrap .secession-text {
    font-size: 13px;
  }
}

@media only screen and (max-width: 320px) {
  .section-notice-border {
    padding: 24px 4px;
  }
  .section-notice-border .section-notice-title {
    text-indent: 48px;
  }
  .section-notice-border .section-notice-title::after {
    top: -10px;
  }
  .section-list-item .section-list-text {
    width: 70%;
  }
  .mypage-ad-banner .bnr-main-text {
    width: 280px;
  }
  .member-children-section.type-one-child .children-intro-box .children-support-button button {
    height: 90px;
    padding: 0;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 로그인, 회원가입 영역
 * 작성자 : gikim
 * 파일명 : _join.scss
 */
/* 회원가입 css */
.sub-header[data-visual-type=join] {
  background-image: url("../images/sub/bg_join_banner.png");
}

.type-full {
  margin-top: -112px;
}

.login-wrap {
  height: 100%;
  padding: 110px 0;
  background: url("../images/sub/bg_loginpage.jpg") no-repeat center;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}

.login-contents {
  position: relative;
  width: 588px;
  margin: 50px auto 0;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 36px 0 32px;
}

.login-contents .login-notice-text {
  font-size: 16px;
  text-align: center;
}

.login-contents .tab-radius-wrap {
  padding: 32px 0 36px;
}

.login-contents .tab-radius-wrap li {
  padding: 0 12px;
}

.login-contents .tab-radius-wrap .js-ui-tab-panel-button {
  font-weight: normal;
  color: #005eb8;
  border-color: #005eb8;
  background-color: transparent;
}

.login-contents .tab-radius-wrap .js-ui-tab-panel-button.js-tabpanel-active {
  color: #fff;
  background: #005eb8;
}

.login-contents .login-section {
  width: 282px;
  margin: 0 auto;
}

.login-contents .login-contents-wrap {
  width: 480px;
  margin: 0 auto;
}

.login-contents .login-contents-wrap .login-notice-wrap {
  word-break: keep-all;
  margin: 60px auto;
  font-weight: bold;
  font-size: 14px;
}

.login-contents .login-contents-wrap .login-notice-wrap li:first-child {
  margin-bottom: 24px;
}

.login-contents .login-contents-wrap .login-notice-wrap + .confirm-btn-wrap .g-button-basic.type-line {
  background-color: transparent;
}

.login-contents::after {
  top: 36px;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  display: block;
  width: 120px;
  height: 46px;
  content: '';
  background: url("../images/common/logo_type_blue_120x44.png") no-repeat center;
  background-size: 100%;
}

.login-contents section {
  margin: 0 auto;
}

.login-contents section:first-child {
  margin-top: 82px;
}

.login-input-wrap > div {
  margin-bottom: 16px;
}

.login-btn-wrap .g-button-basic {
  margin-top: 11px;
}

.login-btn-wrap .login-sub-list {
  margin-top: 8px;
  text-align: center;
}

.login-btn-wrap .login-sub-list li {
  position: relative;
  display: inline-block;
  font-size: 12px;
  margin: 0 8px;
}

.login-btn-wrap .login-sub-list li:not(:first-child)::after {
  position: absolute;
  top: 5px;
  left: -9px;
  display: block;
  content: '';
  width: 1px;
  height: 9px;
  background-color: #8d8d8d;
}

.login-btn-wrap .btn-kakao {
  margin-top: 32px;
}

.login-top-notice {
  width: 100%;
  padding: 24px 0;
  background-color: #f2f5f8;
  font-size: 16px;
  text-align: center;
}

.login-top-notice .notice-title {
  font-size: 20px;
  margin-bottom: 8px;
  display: block;
}

.type-funding .form-content-wrap .inner > div {
  margin-bottom: 24px;
}

.form-content-wrap {
  margin: 60px auto;
}

.form-content-wrap .inner {
  width: 588px;
  margin: 0 auto;
}

.form-content-wrap .section-title {
  font-size: 20px;
}

.form-content-wrap .form-section-wrap {
  margin-top: 32px;
}

.form-content-wrap .form-section-wrap > div {
  margin-bottom: 24px;
}

.form-content-wrap .form-section-wrap .ui-notice-sub-title {
  margin-bottom: 8px;
}

.form-content-wrap .form-section-wrap .ui-head {
  margin-bottom: 8px;
}

.form-content-wrap .form-section-wrap.type-background-gray {
  padding: 40px 0 1px;
  background: #f2f5f8;
}

.form-content-wrap .type-baby-birth {
  width: 100%;
}

.form-content-wrap .type-baby-birth .form-flex-cell {
  vertical-align: top;
}

.form-content-wrap .md-tab {
  margin-bottom: 32px;
}

.form-content-wrap .ui-head {
  margin-bottom: 8px;
  padding-top: 8px;
}

.form-content-wrap .ui-head + .type-require-test {
  padding-top: 8px;
}

/* @media only screen and (max-width: 640px) {
  .form-content-wrap .form-section-wrap .form-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    min-width: 0;
  }
  .form-content-wrap .form-section-wrap .form-flex .form-flex-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 50%;
    min-width: 0;
    padding-left: 0
  }
  
   .form-content-wrap .form-section-wrap .form-flex .form-flex-cell.type-full{
   	margin-top:0px;
   }
} */

.login-bottom-notice {
  width: 100%;
  background-color: #f8f8fb;
  padding: 24px 0;
  text-align: center;
}

.login-bottom-notice span {
  display: block;
}

.ui-text-block.type-email {
  margin: 24px 0 16px;
}

.login-result-wrap {
  position: relative;
  margin: 128px auto;
  text-align: center;
}

.login-result-wrap .inner {
  padding: 0;
  width: 588px;
}

.login-result-wrap.type-no-result .login-result-title::after {
  background: url("../images/sub/ico_member_fail.png") no-repeat center;
  background-size: 100%;
}

.login-result-wrap .login-result-title {
  font-size: 20px;
  margin-bottom: 40px;
}

.login-result-wrap .login-result-title::after {
  position: absolute;
  top: -48px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  content: '';
  background: url("../images/sub/ico_member_success.png") no-repeat center;
  background-size: 100%;
}

.login-result-wrap .login-result-text {
  font-size: 18px;
  height: 104px;
}

.login-result-wrap .login-result-text span {
  color: #005eb8;
}

.login-result-wrap .ui-btn-wrap {
  max-width: 320px;
  margin: 0 auto;
}

.login-result-input {
  text-align: left;
  margin-bottom: 24px;
}

.login-result-input > div:first-child {
  margin-bottom: 40px;
}

.join-btn-wrap {
  width: 320px;
  margin: 0 auto;
}

.double-btn-wrap {
  table-layout: fixed;
  width: 100%;
}

.double-btn-wrap .form-flex-cell + .form-flex-cell {
  padding-left: 24px;
}

@media only screen and (max-width: 1280px) {
  .form-content-wrap .inner {
    padding: 0;
  }
}

@media only screen and (max-width: 640px) {
  .login-contents {
    width: 90vw;
    min-width: 300px;
  }
  .login-contents .login-contents-wrap {
    width: 100%;
  }
  .login-contents .login-contents-wrap .login-section {
    width: 92%;
  }
  .login-contents .login-notice-text {
    font-size: 14px;
  }
  .login-contents .js-ui-tab-panel {
    width: 92%;
    padding: 0 4%;
  }
  .form-content-wrap {
    margin: 40px auto;
    width: 100%;
  }
  .login-top-notice {
    font-size: 12px;
  }
  .login-top-notice .notice-title {
    font-size: 16px;
  }
  .login-result-wrap {
    width: 100%;
    text-align: left;
  }
  .login-result-wrap .inner {
    padding: 0 4%;
    width: 100%;
  }
  .login-result-wrap .login-result-title:after {
    left: 4%;
    margin-left: 0;
  }
  .login-bottom-notice {
    text-align: left;
  }
  .login-bottom-notice span:first-child {
    margin-bottom: 16px;
  }
  .confirm-btn-wrap {
    table-layout: fixed;
  }
  .confirm-btn-wrap .form-flex-cell button {
    min-width: 138px;
    width: 100%;
  }
  .double-btn-wrap .form-flex-cell + .form-flex-cell {
    padding-left: 16px;
  }
  .form-flex.type-flex,
  .form-flex.type-phone {
    display: block;
    font-size: 0;
  }
  .form-flex.type-flex > .form-flex-cell,
  .form-flex.type-phone > .form-flex-cell {
    display: inline-block;
  }
  .form-flex.type-flex .form-flex-cell.type-select,
  .form-flex.type-phone .form-flex-cell.type-select {
    width: 30%;
  }
  .form-flex.type-flex .form-flex-cell.type-select .ui-select-block,
  .form-flex.type-phone .form-flex-cell.type-select .ui-select-block {
    width: 100%;
  }
  .form-flex.type-flex .form-flex-cell.type-input,
  .form-flex.type-phone .form-flex-cell.type-input {
    width: 69%;
    padding-left: 1%;
  }
  .form-flex.type-flex .form-flex-cell.type-input input,
  .form-flex.type-phone .form-flex-cell.type-input input {
    width: 100%;
    min-width: 160px;
  }
  .form-flex.type-flex .form-flex-cell.type-btn,
  .form-flex.type-phone .form-flex-cell.type-btn {
    margin-top: 8px;
    padding: 0;
  }
  .form-flex.type-flex .form-flex-cell.type-btn button,
  .form-flex.type-phone .form-flex-cell.type-btn button {
    width: 100%;
    margin: 0;
  }
  .form-flex.type-flex .form-flex-cell.type-full,
  .form-flex.type-phone .form-flex-cell.type-full {
    width: 100%;
    margin-top: 0;
  }
  .ui-input-address .form-flex.type-flex .form-flex-cell.type-btn,
  .ui-input-address .form-flex.type-flex .form-flex-cell.type-full {
    display: table-cell;
  }
  .ui-input-address .form-flex.type-flex .form-flex-cell.type-btn {
    padding-left: 16px;
  }
}

@media only screen and (max-width: 520px) {
  .sub-header[data-visual-type=join] {
    background-image: url("../images/sub/bg_join_banner_mob.png");
  }
  .login-wrap {
    background: url("../images/sub/bg_login_mobile.png") no-repeat center left;
    background-size: cover;
  }
  .form-flex.type-phone .form-flex-cell.type-select {
    width: 40%;
  }
  .form-flex.type-phone .form-flex-cell.type-input {
    width: 59%;
    padding-left: 1%;
  }
}

@media only screen and (max-width: 360px) {
  .join-btn-wrap {
    width: 100%;
  }
}

@media only screen and (max-width: 320px) {
  .login-top-notice {
    font-size: 11px;
  }
  .login-top-notice .notice-title {
    font-size: 14px;
  }
  .confirm-btn-wrap .form-flex-cell {
    padding-right: 2px;
  }
  .confirm-btn-wrap .form-flex-cell + .form-flex-cell {
    padding: 0 0 0 2px;
  }
}

/* 회원가입 css */
#contents.type-join > section .inner {
  width: 588px;
  padding: 0;
}

#contents.type-join .join-top-notice .inner {
  width: 588px;
  margin: 0 auto;
  padding: 0;
}

#contents.type-join .join-content-wrap {
  width: 588px;
  margin: 80px auto 0;
  padding: 0;
  text-align: center;
}

#contents.type-join .join-content-wrap .inner {
  width: 100%;
  padding: 0;
}

#contents.type-join .form-content-wrap {
  margin-bottom: 80px;
}

#contents.type-join .form-content-wrap .join-top-text {
  margin-bottom: 60px;
}

#contents.type-join .ui-notice-title {
  text-align: center;
  margin-top: 48px;
  margin-bottom: 4px;
}

#contents.type-join .login-btn-wrap {
  width: 282px;
  text-align: center;
  margin: 0 auto;
}

#contents.type-join .ui-text-wrap + .ui-checkbox-wrap {
  margin: 25px 0 0;
}

.join-top-wrap {
  text-align: center;
  margin: 80px 0 40px;
}

.join-top-wrap h3 {
  position: relative;
}

.join-top-wrap h3 b {
  display: block;
  font-size: 20px;
  color: #005eb8;
}

.join-top-wrap h3 span {
  font-weight: 400;
}

.join-top-wrap h3::after {
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-left: -97px;
  z-index: -1;
  content: '';
  display: block;
  width: 195px;
  height: 6px;
  background-color: #bbdde6;
}

.join-top-wrap p {
  font-size: 16px;
  margin-top: 24px;
}

.join-type-wrap {
  width: 100%;
  margin: 0 auto 120px;
}

.join-type-wrap li {
  position: relative;
  border: 1px solid #d9e1e2;
  margin-bottom: 24px;
  text-indent: 63px;
}

.join-type-wrap li a {
  display: block;
  padding: 24px;
}

.join-type-wrap li a::after {
  position: absolute;
  top: 34px;
  right: 26px;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/common/btn_right_arrow_24x24.png") no-repeat center;
  background-size: 100%;
}

.join-type-wrap li b {
  font-size: 16px;
}

.join-type-wrap li p {
  font-size: 13px;
  letter-spacing: -0.5px;
}

.join-type-wrap li::after {
  position: absolute;
  top: 24px;
  left: 24px;
  content: '';
  display: block;
  width: 48px;
  height: 48px;
}

.join-type-wrap .type-individual::after {
  background: url("../images/sub/ico_individual.png") no-repeat center;
  background-size: 100%;
}

.join-type-wrap .type-group::after {
  background: url("../images/sub/ico_group.png") no-repeat center;
  background-size: 100%;
}

.join-type-wrap .type-church::after {
  background: url("../images/sub/ico_church.png") no-repeat center;
  background-size: 100%;
}

@media only screen and (max-width: 768px) {
  #contents.type-join .join-content-wrap .inner {
    padding: 0 4%;
  }
}

@media only screen and (max-width: 640px) {
  #contents.type-join > section .inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 4%;
  }
  #contents.type-join .ui-notice-title {
    text-align: left;
  }
  #contents.type-join .ui-notice-text {
    text-align: left;
  }
  #contents.type-join .form-content-wrap .join-top-text {
    margin-bottom: 24px;
  }
  #contents.type-join .ui-text-wrap + .ui-checkbox-wrap {
    margin: 2% 0 0;
  }
  .join-top-wrap {
    text-align: left;
  }
  .join-top-wrap h3 span {
    font-size: 20px;
  }
  .join-top-wrap h3::after {
    left: 0;
    margin-left: 0;
  }
  .join-top-wrap p {
    font-size: 13px;
  }
  .join-type-wrap li {
    text-indent: 0;
  }
  .join-type-wrap li a {
    padding: 12px 16px;
    min-height: 65px;
  }
  .join-type-wrap li a span {
    display: block;
  }
  .join-type-wrap li::after {
    display: none;
  }
  .login-contents .login-contents-wrap .login-notice-wrap {
    margin: 40px auto;
  }
  .login-contents .login-contents-wrap .login-notice-wrap + .confirm-btn-wrap .form-flex-cell {
    width: 100%;
    display: block;
    margin-bottom: 16px;
  }
  .login-contents .login-contents-wrap .login-notice-wrap + .confirm-btn-wrap .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
}

.join-top-notice {
  width: 100%;
  padding: 34px 0 50px 0;
  background-color: #f8f8fb;
  font-size: 16px;
  text-align: center;
}

.join-top-notice .notice-title {
  font-size: 20px;
  margin-bottom: 8px;
  display: block;
}

.join-top-notice > div {
  width: 700px;
  margin: 0 auto;
}

.join-top-notice .notice-title {
  font-size: 24px;
}

.join-top-notice .join-status-wrap {
  table-layout: fixed;
  width: 100%;
  margin: 39px auto 10px;
  padding-top: 40px;
  font-size: 18px;
}

.join-top-notice .join-status-wrap .form-flex-cell + .form-flex-cell {
  padding-left: 0;
}

.join-top-notice .join-status-wrap > div {
  position: relative;
  vertical-align: top;
}

.join-top-notice .join-status-wrap > div::after {
  position: absolute;
  top: -40px;
  right: 50%;
  margin-right: -16px;
  display: block;
  content: '';
  width: 32px;
  height: 32px;
  z-index: 1;
  background: url("../images/sub/ico_process_member_01.png") no-repeat center;
  background-size: 100%;
}

.join-top-notice .join-status-wrap > div.is-current {
  color: #005eb8;
  font-weight: 700;
}

.join-top-notice .join-status-wrap > div.is-current::after {
  background: url("../images/sub/ico_process_member_02.png") no-repeat center;
  background-size: 100%;
}

.join-top-notice .join-status-wrap > div.is-next {
  color: #8d8d8d;
}

.join-top-notice .join-status-wrap > div.is-next::after {
  background: url("../images/sub/ico_process_member_03.png") no-repeat center;
  background-size: 100%;
}

.join-top-notice .join-status-wrap > div:not(:first-child)::before {
  position: absolute;
  top: -25px;
  left: -42%;
  display: block;
  content: '';
  width: 85%;
  height: 2px;
  background-color: #768692;
}

.join-top-notice .join-status-wrap > div.is-next::before {
  background-color: #d9e1e2;
}

.join-result-text {
  margin-bottom: 120px;
}

.join-result-text span {
  display: block;
}

.join-result-text h3 {
  font-size: 20px;
  font-weight: 400;
}

.join-result-text h3 b {
  color: #005eb8;
}

.join-result-text p {
  font-size: 16px;
  margin: 24px 0 48px;
}

.join-result-text p span:first-child {
  margin-bottom: 16px;
}

.join-no-result-text {
  font-size: 20px;
  margin-bottom: 60px;
}

.join-no-result-text span {
  display: block;
}

.join-no-result-text + .login-input-wrap {
  margin-bottom: 120px;
}

#contents.type-join .join-bottom-banr {
  width: 100%;
  height: 360px;
  margin: 120px auto 0;
  background-image: url("../images/sub/bg_join_complete_banner.png");
  background-size: cover;
  background-position: center;
}

#contents.type-join .join-bottom-banr .inner {
  width: 1200px;
  padding-top: 90px;
  margin: 0 auto;
}

#contents.type-join .join-bottom-banr .banner-title {
  font-size: 40px;
  line-height: 52px;
  color: #fff;
  font-weight: bold;
}

#contents.type-join .join-bottom-banr p {
  color: #fff;
  font-size: 20px;
  margin-top: 56px;
}

#contents.type-join .join-bottom-banr .type-btn {
  vertical-align: bottom;
  width: 180px;
}

#contents.type-join .join-bottom-banr .form-flex {
  width: 100%;
}

.confirm-btn-wrap {
  width: 100%;
  padding-top: 16px;
}

.confirm-btn-wrap > div {
  width: 360px;
  margin: 0 auto;
}

.confirm-btn-wrap.form-flex {
  width: 100%;
  max-width: 588px;
}

.confirm-btn-wrap .form-flex-cell {
  width: 50%;
  padding-right: 8px;
}

.confirm-btn-wrap .form-flex-cell + .form-flex-cell {
  padding: 0 0 0 8px;
}

@media only screen and (max-width: 1280px) {
  #contents.type-join .join-bottom-banr .inner {
    width: 92%;
    padding: 90px 4% 0;
  }
}

@media only screen and (max-width: 768px) {
  #contents.type-join .join-bottom-banr .inner {
    padding: 180px 4% 0;
  }
  #contents.type-join .join-bottom-banr .banner-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 40px;
  }
  #contents.type-join .join-bottom-banr .form-flex p {
    display: none;
  }
  .join-top-notice > div {
    width: 92%;
    padding: 0 4%;
    font-size: 13px;
  }
  .join-top-notice .notice-title {
    font-size: 18px;
  }
  .join-top-notice .join-status-wrap {
    font-size: 13px;
  }
  .join-top-notice .join-status-wrap span + span {
    display: block;
  }
  #contents.type-join .join-result-text {
    width: 320px;
    text-align: left;
    margin: 0 auto 48px;
  }
  #contents.type-join .join-result-text p {
    font-size: 13px;
  }
  #contents.type-join .join-no-result-text + .login-input-wrap {
    margin-bottom: 60px;
  }
  #contents.type-join .join-bottom-banr {
    width: 100%;
  }
}

@media only screen and (max-width: 640px) {
  #contents.type-join .inner {
    width: 100%;
    padding: 0 4%;
  }
  #contents.type-join .join-content-wrap {
    width: 100%;
  }
  #contents.type-join .ui-notice-title {
    margin-top: 24px;
  }
  #contents.type-join .join-no-result-text {
    text-align: left;
  }
  .form-content-wrap .inner {
    width: 100%;
    padding: 0 4%;
  }
  .join-top-notice .notice-title {
    text-align: left;
  }
  .confirm-btn-wrap > div {
    width: 100%;
  }
}

@media only screen and (max-width: 520px) {
  #contents.type-join .join-bottom-banr {
    background-image: url("../images/sub/bg_join_complete_banner_mob.png");
    background-position: top center;
  }
  #contents.type-join .join-bottom-banr .form-flex-cell.type-btn {
    width: 100%;
    padding-left: 0;
  }
}

@media only screen and (max-width: 414px) {
  .login-contents .login-notice-text {
    font-size: 12px;
  }
  .login-contents .tab-radius-wrap {
    padding: 28px 0 16px;
  }
  .login-contents .tab-radius-wrap li {
    padding: 0 4px;
  }
  .join-top-notice .join-status-wrap {
    margin: 24px auto 0;
  }
  .join-top-notice .join-status-wrap > div::after {
    top: -32px;
    width: 16px;
    height: 16px;
    margin-right: -8px;
  }
}

@media only screen and (max-width: 360px) {
  .join-top-notice .notice-title {
    text-align: left;
    padding: 0 4%;
    text-indent: 0;
  }
  .join-type-wrap li p {
    font-size: 12px;
  }
  .join-type-wrap li a::after {
    right: 10px;
  }
}

@media only screen and (max-width: 320px) {
  #contents.type-join .join-result-text {
    width: 100%;
  }
  .join-top-notice .join-status-wrap {
    font-size: 11px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 결제 제외 후원 페이지 (1:1, 1:3...)
 * 작성자 : hmpark
 * 파일명 : _sponsor.scss
 */
#contents.type-sponsor {
  background: url("../images/main/bg_main_circle_object_02.png") no-repeat right -50px top 540px;
  background-size: 494px;
}

#contents.type-sponsor .children-sponsor-growup {
  margin-top: 120px;
  padding: 80px 0 120px;
}

.contents-section {
  background: #fff;
}

.contents-section#mainSection05 {
  margin-top: 200px;
}

.contents-section#mainSection05 .title-basic {
  margin-bottom: 84px;
}

.contents-section#mainSection05::before {
  top: 283px;
}

.contents-section#mainSection05::after {
  display: none;
}

.children-sns-share {
  position: absolute;
  right: 40px;
  top: 40px;
}

.children-sns-share .sns-share-tooltip {
  width: 427px;
  height: 50px;
  background: url("../images/sub/bg_sns_share_tip.png") no-repeat 0 0;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 12px;
  font-size: 14px;
  color: #8d8d8d;
  position: absolute;
  left: -450px;
  top: 0;
}

.children-sns-share .sns-share-tooltip.is-active {
  display: none;
}

.children-sns-share .btn-sns-share {
  width: 44px;
  height: 44px;
  border: 1px solid #768692;
  border-radius: 100px;
  background: #fff url("../images/common/ico_sns_share.png") no-repeat center center;
  background-size: 16px;
}

.children-sns-share .sns-share-channel {
  font-size: 0;
  position: absolute;
  z-index: 10;
  right: 52px;
  top: 0;
  width: 0;
  height: 48px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  white-space: nowrap;
}

.children-sns-share .sns-share-channel ul {
  font-size: 0;
  display: inline-block;
}

.children-sns-share .sns-share-channel ul li {
  display: inline-block;
}

.children-sns-share .sns-share-channel ul li + li {
  margin-left: 8px;
}

.children-sns-share .sns-share-channel ul li button {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.children-sns-share .sns-share-channel.is-active {
  opacity: 1;
  width: 228px;
}

.children-sns-share .btn-share-facebook {
  background: url("../images/common/ico_share_facebook.png") no-repeat center center;
  background-size: 100%;
}

.children-sns-share .btn-share-talk {
  background: url("../images/common/ico_share_kakaotalk.png") no-repeat center center;
  background-size: 100%;
}

.children-sns-share .btn-share-story {
  background: url("../images/common/ico_share_kakao_story.png") no-repeat center center;
  background-size: 100%;
}

.children-sns-share .btn-share-url {
  background: url("../images/common/ico_share_url.png") no-repeat center center;
  background-size: 100%;
}

.children-sns-share .btn-close-gray {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/common/btn_close_gray_20x20.png") no-repeat center center;
  background-size: 100%;
  margin-right: 8px;
}

.search-children-box {
  margin-top: -66px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 56px;
  position: relative;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 80px;
}

.search-children-box::after {
  content: '';
  display: table;
  clear: both;
}

.search-children-head {
  position: relative;
  height: 52px;
  text-align: left;
}

.search-children-head p {
  line-height: 52px;
  font-size: 20px;
}

.search-children-filter {
  display: inline-block;
  min-width: 128px;
  height: 48px;
  line-height: 46px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #005eb8;
  color: #005eb8;
  background: #fff;
  font-weight: 700;
  font-size: 16px;
  border-radius: 28px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 24px;
}

.search-children-filter::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/common/ico_filter_sorting.png") no-repeat left top;
  background-size: 24px;
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -12px;
}

.search-children-filter.is-active::after {
  background-position: left bottom;
}

.search-children-toggle {
  display: none;
}

.search-children-body::after {
  content: '';
  display: table;
  clear: both;
}

.search-children-body + .search-children-body {
  border-top: 1px solid #d9e1e2;
  padding-top: 50px;
  margin-top: 28px;
}

.search-children-body .search-type-head {
  font-size: 20px;
  color: #3d3e3f;
  font-weight: 700;
  margin-bottom: 20px;
}

.search-children-body .tab-radius-wrap .ui-checkbox-label {
  font-weight: 700;
}

.search-type-list {
  width: 33.33%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  float: left;
}

.search-type-list.type-age .rs-container {
  height: auto;
}

.search-type-list.type-select-children {
  width: 75%;
}

.search-type-list.type-birth {
  width: 25%;
}

.search-type-list .tab-radius-wrap {
  padding: 0;
}

.search-type-list .tab-radius-wrap li {
  padding: 0;
}

.search-type-list .tab-radius-wrap li + li {
  padding-left: 8px;
}

.search-type-list .ui-select-block {
  width: auto;
}

.search-type-list .form-flex {
  width: 100%;
  table-layout: fixed;
}

.search-type-list .js-range-slider {
  width: 300px;
  padding-top: 20px;
  margin: 0 auto;
}

.search-children-foot {
  margin: 56px auto 0;
  text-align: center;
  width: 320px;
}

.search-children-foot .g-button-basic {
  font-weight: 400;
}

.sort-box {
  text-align: right;
  font-size: 0;
  margin-bottom: 24px;
}

.sort-box .btn-sort-square {
  display: inline-block;
  width: 72px;
  height: 48px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #005eb8;
  position: relative;
  background-color: #fff;
}

.sort-box .btn-sort-square + .btn-sort-square {
  margin-left: 8px;
}

.sort-box .btn-sort-square::before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}

.sort-box .btn-sort-square[class*=active] {
  background-color: #005eb8;
}

.sort-box .btn-sort-square.type-list-view::before {
  background: url("../images/common/ico_sort_list.png") no-repeat left bottom;
  background-size: 24px;
}

.sort-box .btn-sort-square.type-list-view[class*=active]::before {
  background-position: left top;
}

.sort-box .btn-sort-square.type-gallery-view::before {
  background: url("../images/common/ico_sort_gallery.png") no-repeat left bottom;
  background-size: 24px;
}

.sort-box .btn-sort-square.type-gallery-view[class*=active]::before {
  background-position: left top;
}

.sort-box .ui-select-sort {
  width: 145px;
  text-align: left;
  display: inline-block;
  margin-left: 8px;
  vertical-align: top;
}

.sort-box .ui-select-sort .ui-select-block {
  width: 100%;
}

.children-list-more-view {
  clear: both;
  margin-top: 80px;
  text-align: center;
  width: 320px;
  margin: 80px auto 0;
}

.children-list-type .children-list {
  width: 100%;
  height: 296px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.children-list-type .children-list::after {
  content: '';
  display: table;
  clear: both;
}

.children-list-type .children-list + .children-list {
  margin-top: 24px;
}

.children-list-type .children-list .children-image-box {
  float: left;
  width: 296px;
  height: 296px;
  position: relative;
  overflow: hidden;
}

.children-list-type .children-list .children-image-box img {
  max-width: 100%;
}

.children-list-type .children-list .children-past-times {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 15px;
  line-height: 40px;
  color: #fff;
  background-color: rgba(0, 134, 191, 0.8);
  z-index: 1;
  display:none;
}

.children-list-type .children-list .children-intro-box {
  float: left;
  width: 904px;
  height: 296px;
  display: table;
}

.children-list-type .children-list .children-intro-box h4 {
  font-size: 24px;
  color: #3d3e3f;
  margin-bottom: 40px;
}

.children-list-type .children-list .children-intro-box h4 .title-basic-point {
  color: #005eb8;
}

.children-list-type .children-list .children-intro-box .children-text-iam {
  font-size: 14px;
  display: block;
  margin-bottom: 20px;
}

.children-list-type .children-list .children-intro-box .children-supproted-things .children-text-iam {
  margin-bottom: 16px;
}

.children-list-type .children-list .children-intro-box .children-supproted-things .things-icon-list {
  font-size: 0;
}

.children-list-type .children-list .children-intro-box .children-supproted-things .things-icon-list li {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #8d8d8d;
  border-radius: 100px;
  background: #fff url("../images/common/ico_children_support_type.png") no-repeat;
  background-size: 240px;
}

.children-list-type .children-list .children-intro-box .children-supproted-things .things-icon-list li + li {
  margin-left: 8px;
}

.children-list-type .children-list .children-intro-box .children-supproted-things .things-icon-list li.things-icon-01 {
  background-position: 0 0;
}

.children-list-type .children-list .children-intro-box .children-supproted-things .things-icon-list li.things-icon-02 {
  background-position: -40px 0;
}

.children-list-type .children-list .children-intro-box .children-supproted-things .things-icon-list li.things-icon-03 {
  background-position: -80px 0;
}

.children-list-type .children-list .children-intro-box .children-supproted-things .things-icon-list li.things-icon-04 {
  background-position: -120px 0;
}

.children-list-type .children-list .children-intro-box .children-supproted-things .things-icon-list li.things-icon-05 {
  background-position: -160px 0;
}

.children-list-type .children-list .children-intro-box .children-supproted-things .things-icon-list li.things-icon-06 {
  background-position: -200px 0;
}

.children-list-type .children-list .children-intro-inner {
  display: table-cell;
  vertical-align: middle;
  padding: 0 280px 0 56px;
  position: relative;
}

.children-list-type .children-support-button {
  font-size: 0;
  position: absolute;
  width: 214px;
  right: 40px;
  bottom: 47px;
}

.children-list-type.type-gallery {
  margin: 0 -24px -24px 0;
}

.children-list-type.type-gallery::after {
  content: '';
  display: table;
  clear: both;
}

.children-list-type.type-gallery .children-list {
  position: relative;
  width: 384px;
  height: auto;
  float: left;
  margin: 0 24px 24px 0;
}

.children-list-type.type-gallery .children-emoji-layout {
  min-height: 56px;
}

.children-list-type.type-gallery .children-intro-box {
  width: 100%;
  height: auto;
  display: block;
  padding: 56px 24px 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.children-list-type.type-gallery .children-intro-box h4 {
  margin-bottom: 12px;
  text-align: center;
}

.children-list-type.type-gallery .children-intro-box h4 .children-name span {
  color: #005eb8;
}

.children-list-type.type-gallery .children-intro-box .children-name {
  display: block;
}

.children-list-type.type-gallery .children-intro-box .children-info-radius {
  font-size: 0;
  text-align: center;
  margin: -25px 0 0;
  height: 78px;
  position: relative;
  z-index: 2;
}

.children-list-type.type-gallery .children-intro-box .children-info-radius li {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  max-width: 48px;
}

.children-list-type.type-gallery .children-intro-box .children-info-radius li + li {
  margin-left: 16px;
}

.children-list-type.type-gallery .children-intro-box .children-info-radius li span {
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  overflow: hidden;
  border: 1px solid #d9e1e2;
}

.children-list-type.type-gallery .children-intro-box .children-info-radius li span.children-info-birth {
  background: #fff url("../images/common/ico_children_birth.png") no-repeat center center;
  background-size: 20px;
}

.children-list-type.type-gallery .children-intro-box .children-info-radius li span.children-info-gender {
  background: #fff url("../images/common/ico_children_family.png") no-repeat center center;
  background-size: 20px;
}

.children-list-type.type-gallery .children-intro-box .children-info-radius li span.children-info-country img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.children-list-type.type-gallery .children-intro-box .children-emoji {
  padding-left: 30px;
  margin-bottom: 0;
  font-size: 14px;
}

.children-list-type.type-gallery .children-intro-box .children-emoji + .children-emoji {
  margin-top: 8px;
}

.children-list-type.type-gallery .children-intro-inner {
  display: block;
  padding: 0;
}

.children-list-type.type-gallery .children-image-box {
  float: none;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}

.children-list-type.type-gallery .children-image-box img {
  width: 100%;
  height: auto;
  position: absolute;
}

.children-list-type.type-gallery .children-support-button {
  position: relative;
  right: 0;
  bottom: 0;
  width: 100%;
  margin-top: 33px;
}

.children-list-type.type-gallery .children-support-button .g-button-basic.type-direct {
  width: 240px;
  margin: 0;
}

.children-list-type.type-gallery .children-support-button .g-button-basic.type-cart {
  margin: 0;
}

.children-list-type.type-gallery .children-sns-share {
  right: 16px;
  top: 16px;
}

.supporters-benefit-section {
  overflow: hidden;
  padding: 0;
  margin-top: -35px;
  position: relative;
  background: #003F77;
}

.supporters-benefit-section::before {
  content: '';
  display: block;
  width: 100%;
  height: 560px;
  background: #fff url("../images/sub/bg_supporters_benefit.png") no-repeat center top;
}

.supporters-benefit-section::after {
  content: '';
  display: block;
  width: 100%;
  height: 165px;
  background: #fff url("../images/sub/bg_supporters_benefit_bottom.png") no-repeat center bottom;
}

.supporters-benefit-section .inner {
  margin-top: -177px;
}

.supporters-benefit-section .title-blue-line {
  color: #71b2c9;
}

.supporters-benefit-section .title-blue-line span::after {
  background: #71b2c9;
}

.supporters-benefit-section .title-basic {
  margin-bottom: 80px;
  color: #fff;
}

.supporters-benefit-list ul {
  font-size: 0;
  margin-top: -96px;
}

.supporters-benefit-list ul li {
  width: 33.33%;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  vertical-align: top;
  margin-top: 96px;
}

.supporters-benefit-list ul li .benefit-list-title {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #FFD100;
  line-height: 72px;
}

.supporters-benefit-list ul li .benefit-list-title::before {
  content: '';
  width: 72px;
  height: 72px;
  margin-right: 30px;
  display: inline-block;
  vertical-align: top;
  background: url("../images/common/ico_supporters_benefit.png") no-repeat 0 0;
  background-size: 216px;
}

.supporters-benefit-list ul li .benefit-list-icon-02::before {
  background-position: -72px 0;
}

.supporters-benefit-list ul li .benefit-list-icon-03 {
  position: relative;
}

.supporters-benefit-list ul li .benefit-list-icon-03::before {
  background-position: -144px 0;
}

.supporters-benefit-list ul li .benefit-list-icon-03::after {
  content: '';
  display: block;
  width: 1920px;
  height: 1px;
  background: #FFD100;
  position: absolute;
  right: 100%;
  top: 103px;
}

.supporters-benefit-list ul li .benefit-list-icon-04 {
  position: relative;
}

.supporters-benefit-list ul li .benefit-list-icon-04::before {
  background-position: 0 -72px;
}

.supporters-benefit-list ul li .benefit-list-icon-04::after {
  content: '';
  display: block;
  width: 1920px;
  height: 1px;
  background: #FFD100;
  position: absolute;
  left: 0;
  top: 103px;
}

.supporters-benefit-list ul li .benefit-list-icon-05::before {
  background-position: -72px -72px;
}

.supporters-benefit-list ul li .benefit-list-icon-06::before {
  background-position: -144px -72px;
}

.supporters-benefit-list ul li .benefit-list-icon-07::before {
  background-position: 0 -144px;
}

.supporters-benefit-list ul li .benefit-list-icon-08::before {
  background-position: -72px -144px;
}

.supporters-benefit-list ul li .benefit-list-icon-09 {
  position: relative;
}

.supporters-benefit-list ul li .benefit-list-icon-09::before {
  background-position: -144px -144px;
}

.supporters-benefit-list ul li .benefit-list-icon-09::after {
  content: '';
  display: block;
  width: 1920px;
  height: 1px;
  background: #FFD100;
  position: absolute;
  right: 100%;
  top: 103px;
}

.supporters-benefit-list ul li .benefit-list-text {
  line-height: 24px;
  position: relative;
  width: 85%;
}

.supporters-benefit-list ul li .benefit-list-text::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background: #F7C54B;
  margin: 24px 0 32px;
}

.supporters-benefit-list .link-with-underline {
  display: block;
  color: #bbdde6;
  text-decoration: underline;
  font-weight: 700;
  margin-top: 8px;
}

.support-faq {
  position: relative;
  padding: 190px 0 200px;
}

/* .support-faq::before {
  content: '';
  position: absolute;
  top: -180px;
  left: -115px;
  display: block;
  width: 489px;
  height: 508px;
  background: url("../images/main/bg_half_circle_object_02.png") no-repeat 0 0;
  background-size: 100%;
} */
.support-faq .contact-link-banner {
  background-color: #005eb8
}
.support-faq .contact-link-banner a {
  padding: 25px 128px 25px 32px;
  background-image: url("../images/sub/ico_faq.png");
  background-size: 64px 54px;
}
.support-faq .contact-link-banner p {
  word-break: keep-all;
  word-wrap: break-word;
}
@media screen and (max-width: 992px) {
  .support-faq .contact-link-banner a {
    padding: 2.441406vw 12.5vw 2.441406vw 3.125vw;
    background-size: 6.25vw 5.273438vw;
    background-position: bottom 2.441406vw right 2.441406vw
  }
}
@media screen and (max-width: 768px) {
  .support-faq .contact-link-banner a {
    padding: 6.666667vw 21.666667vw 6.666667vw 5.555556vw;
    background-size: 10.555556vw 8.888889vw;
    background-position: bottom 6.666667vw right 5.555556vw
  }
}

.support-faq .title-basic {
  margin-bottom: 80px;
}

.support-faq .round-tab-list {
  text-align: center;
}

.support-faq .round-tab-list button + button {
  margin-left: 27px;
}

.ui-accordion-wrap.type-support-faq {
  border-top: 2px solid #768692;
  border-bottom: 2px solid #768692;
  margin-top: 50px;
}

.ui-accordion-wrap.type-support-faq .ui-accordion-head {
  position: relative;
  width: 100%;
  height: 80px;
  display: table;
  table-layout: fixed;
  border-bottom: 1px solid #d9e1e2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-accordion-wrap.type-support-faq .ui-accordion-head::before {
  content: 'Q';
  display: block;
  position: absolute;
  left: 30px;
  top: 16px;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background: #0086BF;
  color: #fff;
  text-align: center;
  line-height: 48px;
  font-weight: 700;
  font-size: 18px;
}

.ui-accordion-wrap.type-support-faq .ui-accordion-head .ui-accordion-title {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding-left: 110px;
  padding-right: 100px;
  font-size: inherit;
}

.ui-accordion-wrap.type-support-faq .ui-accordion-head .ui-accordion-question {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ui-accordion-wrap.type-support-faq .ui-accordion-layer {
  background: #f2f5f8;
  border-bottom: 1px solid #d9e1e2;
  padding: 24px 24px 24px 110px;
  position: relative;
  font-size: inherit;
}

.ui-accordion-wrap.type-support-faq .ui-accordion-layer::before {
  content: 'A';
  display: block;
  position: absolute;
  left: 30px;
  top: 16px;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background: #005eb8;
  color: #fff;
  text-align: center;
  line-height: 48px;
  font-weight: 700;
  font-size: 18px;
}

.ui-accordion-wrap.type-support-faq .ui-accordion-content {
  padding: 0;
}

.ui-accordion-wrap.type-support-faq .js-accordion-opened .ui-accordion-head .ui-accordion-question {
  white-space: normal;
}

.ui-accordion-wrap.type-support-faq .js-accordion-opened .ui-accordion-opener::after {
  background-position: center bottom;
}

.personalized-result-wrap {
  height: 1328px;
  background-color: #d6ebf0;
}

.personalized-result-wrap .confirm-btn-wrap {
  width: 464px;
  margin: 64px auto 40px;
}

.personalized-result-wrap .retry-btn-wrap {
  width: 464px;
  margin: 0 auto;
  text-align: right;
}

.personalized-result-children {
  margin-top: 130px;
  position: relative;
}

.personalized-result-children::before {
  position: absolute;
  top: -140px;
  left: 50%;
  margin-left: -300px;
  display: block;
  width: 600px;
  height: 600px;
  content: '';
  background: url("../images/sub/bg_personal_support_success.png") no-repeat center;
  background-size: 100%;
  background-position: center 50px;
}

.personalized-result-children .children-image-box {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  -webkit-box-shadow: 2px 6px 31px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 6px 31px 0 rgba(0, 0, 0, 0.3);
}

.personalized-result-children .children-image-box img {
  width: 100%;
}

.personalized-result-children .children-info-radius {
  font-size: 0;
  text-align: center;
  margin: -48px 0 40px;
  position: relative;
  z-index: 2;
}

.personalized-result-children .children-info-radius li {
  display: inline-block;
  font-size: 16px;
}

.personalized-result-children .children-info-radius li + li {
  margin-left: 25px;
}

.personalized-result-children .children-info-radius li p {
  padding-top: 16px;
}

.personalized-result-children .children-info-radius li span {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 100px;
  overflow: hidden;
  border: 1px solid #d9e1e2;
  -webkit-box-shadow: 2px 6px 31px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 6px 31px 0 rgba(0, 0, 0, 0.3);
}

.personalized-result-children .children-info-radius li span.children-info-country img {
  width: 100%;
  height: 100%;
}

.personalized-result-children .children-info-radius li span.children-info-birth {
  background: #fff url("../images/sub/ico_children_birth_36x36.png") no-repeat center center;
  background-size: 36px;
}

.personalized-result-children .children-info-radius li span.children-info-gender {
  background: #fff url("../images/sub/ico_children_family_36x36.png") no-repeat center center;
  background-size: 36px;
}

.personalized-result {
  background: #0086BF;
  height: 200px;
  padding-top: 62px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  position: relative;
  z-index: 1;
}

.personalized-result .personalized-inner {
  background: #fff;
  border-radius: 16px;
  border: 2px solid #005eb8;
  padding: 64px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.personalized-result .personalized-title {
  color: #005eb8;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 40px;
}

.personalized-result .personalized-text {
  font-size: 24px;
}

.personalized-result .personalized-result-children-info {
  font-size: 24px;
}

.personalized-step-head {
  background: #0086BF;
  height: 200px;
  padding-top: 62px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  position: relative;
  z-index: 1;
}

.personalized-step-head .personalized-inner {
  background: #fff;
  border-radius: 16px;
  border: 2px solid #005eb8;
  height: 287px;
  padding: 64px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.personalized-step-head .personalized-num {
  color: #005eb8;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 40px;
}

.personalized-step-head .personalized-question {
  font-size: 24px;
  line-height: normal;
}

.personalized-step-body {
  padding: 149px 0 200px;
  background: #ebf5f7;
}

.personalized-step-body .personalized-inner {
  font-size: 0;
  padding-top: 16px;
  text-align: center;
}

.personalized-step-body .personalized-inner + .personalized-inner {
  padding-top: 0;
}

.personalized-answer-box {
  position: relative;
  width: 384px;
  display: inline-block;
  margin-top: 24px;
  cursor: pointer;
}

.personalized-answer-box::before {
  content: '';
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: rgba(42, 94, 236, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.personalized-answer-box + .personalized-answer-box {
  margin-left: 24px;
}

.personalized-answer-box:nth-child(4) {
  margin-left: 0;
}

.personalized-answer-box .ui-answer-image {
  position: relative;
}

.personalized-answer-box .ui-answer-image img {
  max-width: 100%;
}

.personalized-answer-box .ui-answer-object {
  display: block;
  width: 48px;
  height: 48px;
  background: url("../images/common/ico_circle_check_24x24.png") no-repeat left top;
  background-size: 48px;
  position: absolute;
  left: 24px;
  top: 24px;
  z-index: 1;
}

.personalized-answer-box.is-checked::before {
  left: 8px;
  top: 8px;
  opacity: 1;
}

.personalized-answer-box.is-checked .ui-answer-object {
  background-position: left bottom;
}

.personalized-answer-box .ui-answer-text {
  text-align: left;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  width: 100%;
  padding: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.personalized-step-next {
  text-align: center;
  margin: 120px auto 0;
  font-size: 0;
}

.personalized-step-next .g-button-basic {
  display: inline-block;
  min-width: 320px;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
}

.personalized-step-next button + button {
  margin-left: 24px;
}

.personalized-step-next.type-funding .g-button-basic {
  width: 284px;
  min-width: auto;
}

.personalized-step-next.type-funding button + button {
  margin-left: 20px;
}

.type-group .contents-section {
  padding: 100px 0 120px;
}

.type-group .contents-section#mainSection02 {
  padding: 0;
  margin: 180px 0 115px;
  z-index: 0;
}

.type-group .contents-section#mainSection02::before {
  left: 0;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.type-group .contents-section#mainSection02::after {
  display: none;
}

@media only screen and (min-width: 1281px) {
  .type-sponsor #mainSection02::before {
    left: 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .type-sponsor #mainSection02 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    min-width: 0;
    height: 100%;
    min-height: 0;
  }

  .type-sponsor #mainSection02 .sponsorship-circle,
  .type-group .contents-section#mainSection02 .sponsorship-circle {
    top: -64px;
    left: 38px;
  }
  .type-sponsor #mainSection02 .sponsorship-title-area,
  .type-group .contents-section#mainSection02 .sponsorship-title-area {
    padding-top: 0;
    padding-left: 510px;
  }
}
@media only screen and (max-width: 1024px) {
  .type-sponsor #mainSection02 {
    margin-bottom: 100px
  }
}

.type-group .sponsor-group-start {
  position: relative;
  padding-top: 100px;
  padding-bottom: 80px;
}
.sponsor-group-start .inner {
  position: relative;
  z-index: 101
}
.sponsor-group-start .section-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-image: url("../images/sub/bg_howtostart.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.sponsor-card-grid {
  padding-top: 80px;
  font-size: 0;
}
.sponsor-card-view {
  display: inline-block;
  width: 556px;
  margin-bottom: 20px;
  margin-left: 88px;
}
.sponsor-card-view:first-child {
  margin-left: 0
}
.article-card {
  position: relative;
  max-width: 100%;
  height: 100%;
  color: #3d3e3f;
  background-color: #fff;
  box-shadow: 0 2px 23px 0 rgb(0 0 0 / 16%)
}
.article-card-image {
  position: relative;
  display: block
}
.article-card-image .image-thumbnail {
  position: relative;
  display: block;
  padding-top: 59.375%
}
.article-card-image .image-thumbnail img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article-card-content {
  padding: 48px 40px 40px
}
.article-card-content .article-card-title {
  padding-left: 80px;
  font-size: 32px;
  font-weight: 700;
  color: #115eb8;
  line-height: 1;
  word-wrap: break-word;
  word-break: keep-all;
}
.article-card-content .article-card-description {
  padding-left: 80px;
  margin-top: 16px;
  font-size: 20px;
  color: #3d3e3f;
  line-height: 36px;
  word-wrap: break-word;
  word-break: keep-all;
}
.article-card-cta {
  margin-top: 46px
}
.article-card-cta .form-flex {
  width: 100%;
}
.article-card-cta .form-flex-cell + .form-flex-cell {
  padding-left: 8px;
}
.article-card-cta .flex-button-body .form-flex-cell {
  width: auto;
}
.article-card-cta .flex-button-body .form-flex-cell.type-cart {
  width: 72px;
}
.article-card-cta .g-button-basic {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
}
.article-card-cta .g-button-basic + .g-button-basic {
  margin-top: 8px;
}
.article-card-cta .g-button-basic.type-cart {
  position: relative;
  background: #fff;
  color: #768692;
  border-color: #768692;
  width: 72px;
  min-width: auto;
}
.article-card-cta .g-button-basic.type-cart::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/common/ico_button_cart.png") no-repeat left top;
  background-size: 24px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.article-card-cta .g-button-basic.type-cart.is-active {
  border-color: #005eb8;
  color: #005eb8;
}
.article-card-cta .g-button-basic.type-cart.is-active::before {
  background-position: left bottom;
}

.type-group .sponsor-group-process,
.type-group .sponsor-group-interview {
  padding-top: 94px;
  padding-bottom: 100px
}

.type-group .sponsor-group-interview {
  background: #f7f7f7;
}
.review-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  min-width: 0;
  margin-top: 95px
}
.review-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  width: 50%;
  min-width: 0;
  background-color: #fff
}
.review-card-cover {
  -webkit-flex-basis: 55.833333%;
  -ms-flex-preferred-size: 55.833333%;
  flex-basis: 55.833333%
}
.review-card-image {
  position: relative;
  display: block
}
.review-card-btn {
  position: absolute;
  right: 8.666666%;
  bottom: 5.416666%;
  display: block;
  width: 22.666666%;
  height: 28.333333%;
  background-color: transparent;
}
.review-card-image img,
.review-card-content img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover
}
.review-card-content {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 60px
}
@media only screen and (min-width: 801px) {
  .lazy-desktop {
    display: block
  }
  .lazy-mobile {
    display: none
  }

  .review-card:first-child {
    width: 100%;
    margin-bottom: 30px
  }
  .review-card:first-child .review-card-cover {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
  }
  .review-card:first-child .review-card-content {
    padding-right: 14.166666%
  }
}
@media only screen and (max-width: 800px) {
  .lazy-desktop {
    display: none
  }
  .lazy-mobile {
    display: block
  }

  .review-container {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    margin-top: 45px
  }
  .review-card {
    width: 100%;
    height: 100%;
    min-height: 0;
  }
  .review-card + .review-card {
    margin-top: 20px
  }
  .review-card-btn {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
  .review-card-content {
    width: auto;
    padding: 0 14px
  }
}

.type-group .children-sponsor-growup {
  padding-bottom: 100px
}
.children-sponsor-growup {
  position: relative;
}

.children-sponsor-growup::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 599px;
  background: #ddeef2;
}

.compassion-activity {
  background: url("../images/sub/bg_special_object_732x640.png") no-repeat left top;
  height: 640px;
}

.compassion-activity.contents-section {
  padding-top: 40px;
}

.compassion-activity .more-view-button {
  text-align: right;
  margin: 16px 0 40px;
}

.type-group .sponsor-group-intro {
  padding: 100px 0;
}
.sponsor-group-title {
  margin-bottom: 100px
}
.sponsor-group-title img {
  width: 288px;
}
.sponsor-group-subtitle {
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-family: "Montserrat";
  font-size: 24px;
  line-height: 1;
  border-bottom: 1px solid #7b9fd1;
  text-transform: uppercase;
}
.sponsor-group-intro-text {
  font-size: 25px;
  color: #161718;
  line-height: 38px;
}
.sponsor-group-intro .sponsor-group-intro-text .head {
  margin-bottom: 40px;
  line-height: 1
}
.sponsor-group-intro-text .head {
  display: block;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: -.03em
}
.sponsor-group-intro-text strong {
  font-weight: 600
}
.group-support-intro {
  padding: 0 120px
}
.group-support-intro-cover {
  text-align: right
}
.group-support-intro .group-support-intro-image {
  width: 553px;
}

.type-group .sponsor-group-use {
  padding-top: 0;
  padding-bottom: 100px
}
.sponsor-group-use .inner {
  box-sizing: border-box;
  padding: 100px;
  background-color: #005eb8
}
.sponsor-group-use .sponsor-group-subtitle {
  max-width: 284px;
  color: #fff;
  border-bottom-color: #fff
}
.sponsor-group-use .sponsor-group-intro-text {
  color: #fff
}

.donation-container {
  text-align: center
}
.donation-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  max-width: 553px;
  min-width: 0;
  min-height: 0;
  margin-left: auto;
}
.donation-list-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 147px
}
.donation-list-item + .donation-list-item {
  margin-left: 10.1%
}
.donation-list-head {
  position: relative;
  display: block;
}
.donation-list-head::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 165.98%;
  background-repeat: no-repeat;
  background-size: 100% auto
}
.donation-list-child .donation-list-head::before {
  background-image: url("../images/sub/ico_howtouse_01.png");
}
.donation-list-birth .donation-list-head::before {
  background-image: url("../images/sub/ico_howtouse_02.png");
}
.donation-list-train .donation-list-head::before {
  background-image: url("../images/sub/ico_howtouse_03.png");
}
.donation-list-title {
  position: absolute;
  top: 58.60%;
  right: 0;
  left: 0;
  padding: 10px;
  font-size: 18px;
  color: #115eb8;
  line-height: 26px
}
.donation-list-title .donation-list-order {
  display: block
}
.donation-list-info {
  margin-top: 20px;
  text-align: left;
}
.donation-list-text {
  font-size: 18px;
  color: #fff;
  line-height: 26px;
  word-wrap: break-word;
  word-break: keep-all;
  letter-spacing: -.03em
}
.group-support-price-icon {
  text-align: center;
}

.group-support-price-icon img {
  width: 704px;
  vertical-align: top;
}

.group-support-price-text {
  margin: 120px 0 80px;
  text-align: center;
  font-size: 24px;
}

.group-support-price-text span {
  font-size: 40px;
  color: #005eb8;
}

.group-support-price-use-image {
  text-align: center;
}

.group-support-price-use-image img {
  vertical-align: top;
  width: 110px;
}

.group-support-price-use-detail {
  width: 792px;
  margin: -1px auto 0;
  background: #005eb8;
  border-radius: 8px;
  padding: 38px 0 24px;
}

.group-support-price-use-detail p {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #ffd100;
}

.use-detail-icon {
  font-size: 0;
  text-align: center;
  padding: 38px 65px;
}

.use-detail-icon li {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  color: #fff;
  font-size: 16px;
}

.use-detail-icon li::before {
  content: '';
  display: block;
  width: 72px;
  height: 72px;
  background: url("../images/sub/ico_group_support_use.png") no-repeat 0 0;
  background-size: 72px;
  margin: 0 auto 24px;
}

.use-detail-icon li.use-detail-icon-01::before {
  background-position: 0 0;
}

.use-detail-icon li.use-detail-icon-02::before {
  background-position: 0 -72px;
}

.use-detail-icon li.use-detail-icon-03::before {
  background-position: 0 -144px;
}

.group-sponsorship-list {
  margin-top: 80px;
}

.group-sponsorship-list::after {
  content: '';
  display: table;
  clear: both;
}

.group-sponsorship-list-box {
  width: 49%;
  float: left;
}

.group-sponsorship-list-box + .group-sponsorship-list-box {
  float: right;
}

.group-sponsorship-list-box + .group-sponsorship-list-box .group-sponsorship-text-title {
  color: #0086bf;
}

.group-sponsorship-list-box img {
  max-width: 100%;
}

.group-sponsorship-list .group-sponsorship-text {
  background: #fff;
  width: 90%;
  margin: -40px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px 86px;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 2px 20px 0 rgba(42, 94, 236, 0.15);
          box-shadow: 0 2px 20px 0 rgba(42, 94, 236, 0.15);
}

.group-sponsorship-list .group-sponsorship-text-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  color: #ffb500;
}

.group-sponsorship-list .group-sponsorship-text-description {
  margin-top: 24px;
  font-size: 16px;
  letter-spacing: -0.6px;
}

.group-sponsorship-list .group-sponsorship-text .children-support-button {
  margin-top: 40px;
}

.group-sponsorship-tip {
  text-align: right;
  margin-top: 24px;
}

.support-process-wrap {
  margin-top: 90px;
}
.support-process-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;

  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  min-width: 0;
  min-height: 0;
}
.support-process-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 23.66%;
  margin-bottom: 50px;
  margin-left: 9.66%;
  vertical-align: top;
  word-break: keep-all;
}
.support-process-item::before {
  content: "";
  display: block;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.support-process-item01::before {
  width: 40px;
  height: 62px;
  background-image: url("../images/sub/ico_process_01.png");
}
.support-process-item02::before {
  width: 48px;
  height: 62px;
  background-image: url("../images/sub/ico_process_02.png");
}
.support-process-item03::before {
  width: 73px;
  height: 62px;
  background-image: url("../images/sub/ico_process_03.png");
}
.support-process-item04::before {
  width: 47px;
  height: 52px;
  background-image: url("../images/sub/ico_process_04.png");
}
.support-process-item05::before {
  width: 63px;
  height: 52px;
  background-image: url("../images/sub/ico_process_05.png");
}
.support-process-item06::before {
  width: 52px;
  height: 52px;
  background-image: url("../images/sub/ico_process_06.png");
}
.process-item-title {
  display: block;
  min-height: 86px;
  font-size: 20px;
  font-weight: 700;
  color: #005eb8;
  line-height: 32px;
  border-bottom: 1px solid #005eb8
}
.process-item-text {
  display: block;
  margin-top: 16px;
  font-size: 16px;
  color: #3d3e3f
}

.interview-hover-tab-panel-list {
  margin-top: 48px;
}

.interview-hover-tab-panel-list .interview-image-box {
  display: none;
  opacity: 0;
  height: 545px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-bottom: 80px;
}

.interview-hover-tab-panel-list .interview-image-box:first-child {
  display: block;
  opacity: 1;
}

.interview-hover-tab-panel-list .interview-image-box::after {
  content: '';
  display: table;
  clear: both;
}

.interview-hover-tab-panel-list .interview-image-box::before {
  content: '';
  display: block;
  width: 995px;
  height: 455px;
  background: #FFF8D8;
  position: absolute;
  right: 0;
  top: 80px;
  z-index: 0;
}

.interview-hover-tab-panel-list .interview-image-box .interviewer-image {
  position: relative;
  z-index: 1;
  width: 690px;
  float: left;
}

.interview-hover-tab-panel-list .interview-image-box .interviewer-image img {
  max-width: 100%;
}

.interview-hover-tab-panel-list .interview-image-box .interviewer-text {
  position: relative;
  z-index: 1;
  width: 588px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: -80px;
}

.interview-hover-tab-panel-list .interview-image-box .interviewer-text h4 img {
  vertical-align: top;
}

.interview-hover-tab-panel-list .interview-image-box .interviewer-text p {
  display: block;
  padding: 24px 0 0;
  margin-left: 150px;
  font-size: 16px;
  width: 384px;
}

.interview-hover-tab-panel-list .interview-image-box .interviewer-text .interviewer-name {
  display: block;
  margin-top: 24px;
}

.interview-hover-tab-panel-list .interview-thumbnail {
  margin-top: 48px;
}

.interview-hover-tab-panel-list .interview-thumbnail ul {
  font-size: 0;
  text-align: left;
}

.interview-hover-tab-panel-list .interview-thumbnail ul li {
  display: inline-block;
  vertical-align: top;
  width: 282px;
  padding-bottom: 24px;
  border-bottom: 2px solid #fff;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
}

.interview-hover-tab-panel-list .interview-thumbnail ul li + li {
  margin-left: 24px;
}

.interview-hover-tab-panel-list .interview-thumbnail ul li img {
  max-width: 100%;
}

.interview-hover-tab-panel-list .interview-thumbnail ul li.is-active {
  border-bottom: 2px solid #3d3e3f;
}

.interview-hover-tab-panel-list .interview-thumbnail button {
  background: transparent;
  text-align: left;
  display: block;
  width: 100%;
}

.interview-hover-tab-panel-list .interview-thumbnail .youtube-thumbnail-play {
  position: relative;
  display: block;
}

.interview-hover-tab-panel-list .interview-thumbnail .youtube-thumbnail-play::after {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background: url("../images/sub/img_youtube_play.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -24px;
  margin-top: -24px;
}

.interview-hover-tab-panel-list .interview-thumbnail .interview-thumbnail-text {
  margin-top: 22px;
  font-size: 20px;
  line-height: 28px;
  height: 84px;
}

.interview-hover-tab-panel-list .interview-thumbnail .interviewer-name {
  display: block;
  color: #8d8d8d;
  font-size: 16px;
  margin-top: 16px;
}

.growup-tab-box {
  margin-top: 80px;
}

.growup-tab-box-button {
  font-size: 0;
}

.growup-tab-box-button button {
  display: inline-block;
  vertical-align: top;
  background: transparent;
  width: 180px;
  font-weight: 700;
  font-size: 20px;
}

.growup-tab-box-button button + button {
  margin-left: 24px;
}

.growup-tab-box-button button img {
  max-width: 100%;
  display: block;
  margin: 0 auto 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
  border: 3px solid transparent;
  overflow: hidden;
}

.growup-tab-box-button button.js-tabpanel-active {
  color: #005eb8;
}

.growup-tab-box-button button.js-tabpanel-active img {
  border: 3px solid #005eb8;
}

.growup-tab-box-content {
  margin-top: 64px;
}

.growup-tab-box-content .growup-content-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  display: inline-block;
  vertical-align: top;
}

.growup-tab-box-content .growup-content-box-01 {
  font-size: 0;
}

.growup-tab-box-content .growup-content-box-01 .growup-content-box {
  width: 282px;
  height: 282px;
  padding: 77px 20px 20px;
}

.growup-tab-box-content .growup-content-box-01 .growup-content-box + .growup-content-box {
  margin-left: 24px;
}

.growup-tab-box-content .growup-content-box-01 .growup-content-box dt {
  font-size: 18px;
  color: #005eb8;
  font-weight: 700;
}

.growup-tab-box-content .growup-content-box-01 .growup-content-box dt::before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  background: url("../images/sub/ico_growup_tab_contents_01.png") no-repeat 0 0;
  background-size: 256px;
  margin: 0 auto;
}

.growup-tab-box-content .growup-content-box-01 .growup-content-box dt.growup-icon-02::before {
  background-position: -64px 0;
}

.growup-tab-box-content .growup-content-box-01 .growup-content-box dt.growup-icon-03::before {
  background-position: -128px 0;
}

.growup-tab-box-content .growup-content-box-01 .growup-content-box dt.growup-icon-04::before {
  background-position: -192px 0;
}

.growup-tab-box-content .growup-content-box-01 .growup-content-box dd {
  font-size: 16px;
  margin-top: 8px;
}

.growup-tab-box-content .growup-content-box-02 .growup-content-box {
  width: 588px;
  height: 282px;
  padding-top: 77px;
  font-size: 16px;
}

.growup-tab-box-content .growup-content-box-02 .growup-content-box + .growup-content-box {
  margin-left: 20px;
}

.growup-tab-box-content .growup-content-box-02 .growup-content-box .children-interview {
  line-height: 24px;
  height: 96px;
}

.growup-tab-box-content .growup-content-box-02 .growup-content-box .children-interview-name {
  margin-top: 24px;
  color: #8d8d8d;
}

.sponsor-group-transparency .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  min-width: 0;
  height: 100%;
  min-height: 0
}

.board-activity-latest-list ul {
  font-size: 0;
  text-align: left;
}

.board-activity-latest-list ul li {
  display: inline-block;
  width: 384px;
}

.board-activity-latest-list ul li + li {
  margin-left: 24px;
}

.board-activity-latest-list ul li .board-latest-thumbnail {
  height: 256px;
  position: relative;
  overflow: hidden;
}

.board-activity-latest-list ul li .board-latest-subject {
  font-size: 20px;
  font-weight: 700;
  margin-top: 40px;
}

.board-activity-latest-list ul li .board-latest-subject a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.board-activity-latest-list ul li img {
  width: 100%;
  height: auto;
}

.board-activity-latest-list ul li a {
  display: block;
}

.contact-link-banner {
  margin-top: 40px;
  display: table;
  width: 100%;
  height: 136px;
  background: #0086bf;
}

.contact-link-banner a {
  display: table-cell;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  padding: 0 32px;
  color: #fff;
  background: url("../images/sub/ico_faq_contact.png") no-repeat right 32px center;
  background-size: 74px;
}

.contact-link-banner h4 {
  font-weight: 700;
  font-size: 24px;
}

.contact-link-banner p {
  font-size: 20px;
  margin-top: 16px;
  letter-spacing: -.03em
}

.children-support-button .form-flex {
  width: 100%;
}

.children-support-button .form-flex-cell + .form-flex-cell {
  padding-left: 8px;
}

.children-support-button .flex-button-body {
  padding-top: 8px;
}

.children-support-button .flex-button-body .form-flex-cell {
  width: auto;
}

.children-support-button .flex-button-body .form-flex-cell.type-cart {
  width: 72px;
}

.children-support-button .g-button-basic {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
}

.children-support-button .g-button-basic + .g-button-basic {
  margin-top: 8px;
}

.children-support-button .g-button-basic.type-cart {
  position: relative;
  background: #fff;
  color: #768692;
  border-color: #768692;
  width: 72px;
  min-width: auto;
}

.children-support-button .g-button-basic.type-cart::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/common/ico_button_cart.png") no-repeat left top;
  background-size: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}

.children-support-button .g-button-basic.type-cart.is-active {
  border-color: #005eb8;
  color: #005eb8;
}

.children-support-button .g-button-basic.type-cart.is-active::before {
  background-position: left bottom;
}

.funding-depth-section + .funding-depth-section {
  margin-top: 24px;
}

.funding-depth-section .funding-section-add-btn {
  text-align: center;
}

.funding-depth-section .funding-section-add-btn .ui-file-add-block {
  display: inline-block;
}

.funding-depth-section .funding-section-add-btn .ui-file-add-block + .ui-file-add-block {
  margin-left: 40px;
}

.center-btn-wrap {
  margin-top: 80px;
}

.center-btn-wrap > div {
  margin: 0 auto;
  width: 320px;
}

.confirm-btn-wrap .btn-section {
  width: 100%;
}

.confirm-btn-wrap .btn-section.type-default {
  width: 320px;
  margin: 40px auto 60px;
}

.type-event .payment-select-wrap > div {
  width: 32%;
}

.type-funding .inner {
  padding: 0;
}

.type-funding .side-btn-wrap {
  width: 588px;
  margin: 0 auto 62px;
}

.type-funding .payment-select-wrap > div {
  width: 32%;
}

.type-funding.type-complete .inner {
  padding: 0 4%;
}

.type-funding.type-complete .form-content-wrap .inner {
  padding: 0;
}

.type-funding .sponsorship-moreinfo-wrap .inner {
  padding: 156px 0 40px;
}

.join-compassion-banner {
  background: url("../images/sub/bg_join_compassion.png") no-repeat center;
  background-size: cover;
  width: 1200px;
  margin: 80px auto 40px;
}

.join-compassion-banner a {
  display: block;
  color: #fff;
  padding: 68px 60px;
  font-size: 18px;
}

.join-compassion-banner .bnr-sub-text {
  display: block;
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 8px;
}

.join-compassion-banner .form-flex {
  width: 100%;
}

.join-compassion-banner .form-flex-cell:first-child {
  padding-left: 42px;
}

.join-compassion-banner .form-flex-cell:last-child button {
  width: 320px;
}

.sponsorship-child-info.type-funding {
  margin-top: 64px;
}

.sponsorship-child-info.type-funding .form-flex {
  width: 100%;
  table-layout: fixed;
}

.sponsorship-child-info.type-funding .child-image-wrap {
  width: 384px;
  height: 282px;
}

.sponsorship-child-info.type-funding .child-image-wrap .child-image {
  background-image: url("../images/common/placeholder_board.png");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.sponsorship-child-info.type-funding .child-info-wrap {
  margin: 16px 0 26px;
}

.sponsorship-child-info.type-funding .child-info-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
  max-width: 100%;
  margin-top: 8px;
}

.sponsorship-child-info.type-event .child-info-wrap ul {
  margin-left: 0;
}

.sponsorship-child-info.type-event .child-info-wrap ul li span:first-child {
  font-weight: bold;
}

.sponsorship-child-info.type-event .child-info-wrap ul li:first-child {
  margin-left: 0;
}

.funding-top-notice {
  width: 100%;
  padding: 24px 0;
  background-color: #f2f5f8;
  font-size: 16px;
  text-align: center;
}

.funding-top-notice .notice-title {
  font-size: 20px;
  margin-bottom: 8px;
  display: block;
}

.funding-top-notice .notice-title {
  font-size: 20px;
  width: 518px;
  word-break: keep-all;
  margin: 0 auto;
}

.funding-top-notice .notice-main-title {
  font-size: 24px;
}

.funding-top-notice .notice-main-title + .notice-main-title {
  display: block;
  margin-top: 8px;
}

.funding-order-list-wrap {
  margin-bottom: 20px;
  margin-left: 16px;
}

.funding-order-list-wrap ol li {
  font-size: 12px;
  line-height: 22px;
  list-style: decimal;
}

.funding-order-list-wrap ol li span {
  display: block;
}

.funding-order-list-wrap ol li ul li{
  list-style: none;
}

.small-share-wrap li {
  display: inline-block;
  margin: 40px 40px 16px;
}

.small-share-wrap button {
  width: 44px;
  height: 44px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.small-share-wrap .btn-share-talk-small {
  background-image: url("../images/sub/ico_share_kakaotalk_44.png");
}

.small-share-wrap .btn-share-facebook-small {
  background-image: url("../images/sub/ico_share_facebook_44.png");
}

.small-share-wrap .btn-share-url-small {
  background-image: url("../images/sub/ico_share_url_44.png");
}

.search-children-no-data {
  text-align: center;
  padding: 40px 24px 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.search-children-no-data img {
  width: 79px;
}

.search-children-no-data p {
  margin-top: 24px;
  font-size: 16px;
  line-height: 24px;
}

@media only screen and (max-width: 1280px) {
  .personalized-result .personalized-inner {
    width: 92%;
  }
  .search-type-list .js-range-slider {
    width: 80%;
  }
  .children-list-type .children-list {
    display: table;
    table-layout: fixed;
    height: auto;
  }
  .children-list-type .children-list .children-image-box {
    float: none;
    display: table-cell;
  }
  .children-list-type .children-list .children-image-box img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .children-list-type .children-list .children-intro-box {
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: auto;
  }
  .children-list-type .children-list .children-intro-box::after {
    content: '';
    display: table;
    clear: both;
  }
  .children-list-type .children-list .children-intro-box h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .children-list-type .children-list .children-intro-box .children-intro-inner {
    display: block;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .children-list-type .children-list .children-intro-box .children-emoji {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70%;
    padding-left: 30px;
  }
  .children-list-type .children-list .children-intro-box .children-supproted-things {
    float: left;
    margin-top: 25px;
  }
  .children-list-type.type-gallery {
    margin: 0 -2% -2% 0;
  }
  .children-list-type.type-gallery .children-list {
    width: 32%;
    margin: 0 1% 1% 0;
  }
  .children-list-type.type-gallery .children-image-box {
    border-radius: 100%;
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
  }
  .children-list-type.type-gallery .children-intro-box {
    padding: 56px 22px 22px;
    display: block;
    width: 100%;
  }
  .children-list-type.type-gallery .children-intro-box h4 {
    font-size: 22px;
  }
  .children-list-type.type-gallery .children-intro-box .children-intro-inner {
    padding: 0;
  }
  .children-list-type.type-gallery .children-intro-box .children-emoji {
    width: 100%;
  }
  .children-list-type.type-gallery .children-intro-box .children-family {
    min-height: 40px;
  }
  .children-list-type.type-gallery .children-support-button .g-button-basic.type-direct {
    min-width: auto;
    width: 100%;
  }
  .children-list-type.type-gallery .children-support-button .g-button-basic.type-cart {
    width: 100%;
  }
  .contents-section#mainSection05::before {
    top: 247px;
  }
  .supporters-benefit-section::before {
    background-position: center bottom;
    height: 425px;
  }
  .supporters-benefit-list ul li {
    font-size: 14px;
  }
  .support-faq {
    padding: 5% 0;
  }
  .personalized-step-head {
    padding: 62px 4% 0;
  }
  .personalized-step-body .personalized-inner {
    padding-top: 0;
  }
  .personalized-step-body .personalized-inner + .personalized-inner {
    padding-top: 0;
  }
  .personalized-answer-box {
    width: 32%;
    margin-top: 1.5%;
  }
  .personalized-answer-box + .personalized-answer-box {
    margin-left: 1.5%;
  }
  .personalized-answer-box:nth-child(3n+1) {
    margin-left: 0;
  }
  .group-sponsorship-list .group-sponsorship-text {
    padding: 8% 4%;
  }
  .interview-hover-tab-panel-list .interview-image-box {
    display: none !important;
  }
  .interview-hover-tab-panel-list .interview-image-box:first-child {
    display: none;
  }
  .interview-hover-tab-panel-list .interview-thumbnail ul li {
    width: 24%;
  }
  .interview-hover-tab-panel-list .interview-thumbnail ul li + li {
    margin-left: 1%;
  }
  .interview-hover-tab-panel-list .interview-thumbnail .interview-thumbnail-text {
    font-size: 16px;
    line-height: 24px;
    padding-right: 10px;
  }
  .interview-hover-tab-panel-list .interview-thumbnail .interview-thumbnail-text br {
    display: none;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box {
    width: 24%;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box + .growup-content-box {
    margin-left: 1%;
  }
  .growup-tab-box-content .growup-content-box-02 {
    font-size: 0;
  }
  .growup-tab-box-content .growup-content-box-02 .growup-content-box {
    width: 49.5%;
  }
  .growup-tab-box-content .growup-content-box-02 .growup-content-box + .growup-content-box {
    margin-left: 1%;
  }
  .board-activity-latest-list ul li {
    width: 32.5%;
  }
  .board-activity-latest-list ul li + li {
    margin-left: 1%;
  }
  .board-activity-latest-list ul li .board-latest-thumbnail {
    height: 213px;
  }
  .type-funding .sponsorship-moreinfo-wrap .inner {
    padding: 156px 4% 40px;
  }
  .join-compassion-banner {
    width: 100%;
  }
  .join-compassion-banner a {
    padding: 4%;
    font-size: 16px;
  }
  .join-compassion-banner .form-flex {
    display: block;
  }
  .join-compassion-banner .bnr-sub-text {
    font-size: 18px;
  }
  .join-compassion-banner .form-flex-cell:first-child {
    padding: 0;
    display: block;
    margin-bottom: 16px;
  }
  .join-compassion-banner .form-flex-cell + .form-flex-cell {
    padding: 0;
  }

  .sponsor-card-view {
    width: 46%;
    margin-left: 8%
  }
  .article-card-content {
    padding: 4.882813vw 3.90625vw 3.90625vw
  }
  .article-card-content .article-card-title {
    font-size: 3.125vw;
  }
  .article-card-content .article-card-description {
    margin-top: 1.5625vw;
    font-size: 1.953125vw;
    line-height: 3.515625vw;
  }
  .article-card-cta {
    margin-top: 4.492188vw
  }
}

@media only screen and (max-width: 1024px) {
  .personalized-result .personalized-text {
    font-size: 20px;
    word-break: keep-all;
  }
  .personalized-result .personalized-result-children-info {
    font-size: 20px;
  }
  #contents.type-sponsor .children-sponsor-growup {
    margin-top: 0;
    padding: 80px 0 120px;
  }
  .search-children-box {
    padding: 3% 4%;
    margin-top: -50px;
  }
  .search-type-list.type-birth {
    width: 27%;
  }
  .search-type-list.type-select-children {
    width: 73%;
  }
  .tab-radius-wrap .ui-checkbox-label,
  .tab-radius-wrap .ui-radio-label {
    font-size: 14px;
  }
  .children-type-tab-panel,
  .children-type-tab-panel.js-tabpanel-opened {
    display: none;
  }
  .children-type-tab-panel[data-tab=children-type-gallery],
  .children-type-tab-panel.js-tabpanel-opened[data-tab=children-type-gallery] {
    display: block;
  }
  .search-children-box {
    margin-top: 4%;
    margin-bottom: 40px;
    overflow: hidden;
  }
  .sort-box .btn-sort-square {
    display: none;
  }
  .search-children-body + .search-children-body {
    border: none;
    padding-top: 15px;
    margin-top: 15px;
  }
  .search-type-list {
    padding: 0;
    width: 50%;
  }
  .search-type-list + .search-type-list {
    margin-top: 15px;
    padding-top: 15px;
  }
  .search-type-list.type-gender {
    width: 100%;
    float: none;
  }
  .search-type-list.type-birth {
    float: none;
    width: 100%;
  }
  .search-type-list.type-select-children {
    float: none;
    width: 100%;
  }
  .search-children-body .search-type-head {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .supporters-benefit-section::before {
    height: 384px;
  }
  .supporters-benefit-list ul {
    margin-top: -40px;
  }
  .supporters-benefit-list ul li {
    width: 50%;
    margin-top: 40px;
  }
  .supporters-benefit-list ul li .benefit-list-icon-03::after {
    display: none;
  }
  .supporters-benefit-list ul li .benefit-list-icon-04::after {
    display: none;
  }
  .supporters-benefit-list ul li .benefit-list-icon-09::after {
    display: none;
  }
  .supporters-benefit-list ul li .benefit-list-text {
    width: 94%;
    margin-top: 15px;
  }
  .supporters-benefit-list ul li .benefit-list-text::before {
    display: none;
  }
  .support-faq {
    z-index: 1;
  }
  .support-faq::before {
    width: 300px;
    height: 288px;
    top: -100px;
  }
  .personalized-step-head {
    height: 160px;
  }
  .personalized-step-head .personalized-inner {
    height: 200px;
    padding: 42px 10px;
  }
  .personalized-step-head .personalized-inner .personalized-num {
    margin-bottom: 20px;
  }
  .personalized-step-head .personalized-inner .personalized-question {
    font-size: 20px;
  }
  .personalized-step-body {
    padding: 149px 0 100px;
  }
  .personalized-answer-box .ui-answer-text {
    font-size: 16px;
  }
  .personalized-step-next {
    margin-top: 80px;
  }
  .children-sponsor-growup::before {
    height: 100%;
    top: 370px;
  }
  .type-group .contents-section {
    padding: 40px 0 60px;
  }
  .type-group .contents-section#mainSection02 {
    margin: 0 0 120px;
  }
  .group-support-price {
    margin-top: 24px;
  }
  .group-support-price img {
    max-width: 100%;
  }
  .group-support-price-use-detail {
    width: 90%;
    padding: 4% 0 0;
  }
  .use-detail-icon {
    padding: 4%;
  }
  .use-detail-icon li::before {
    margin: 0 auto 16px;
  }
  .group-sponsorship-list .group-sponsorship-text-title {
    font-size: 24px;
    line-height: 32px;
  }

  .growup-tab-box-button button {
    width: 120px;
    font-size: 16px;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box {
    height: 226px;
    padding: 45px 2%;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box dt {
    font-size: 16px;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box dd {
    font-size: 14px;
  }
  .growup-tab-box-content .growup-content-box-02 .growup-content-box {
    display: block;
    width: 100%;
  }
  .growup-tab-box-content .growup-content-box-02 .growup-content-box + .growup-content-box {
    margin: 2% 0 0;
  }
  .board-activity-latest-list ul li img {
    width: 115%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 213px;
    width: auto;
  }
  .board-activity-latest-list ul li .board-latest-subject {
    font-size: 16px;
    margin-top: 24px;
  }

  .type-group .sponsor-group-inner {
    padding: 9.765625vw 0
  }
  .type-group .sponsor-group-start {
    padding-top: 9.765625vw;
    padding-bottom: 7.8125vw;
  }
  .sponsor-group-inner .column .is-3,
  .sponsor-group-start .column .is-3,
  .sponsor-group-process .column .is-3,
  .sponsor-group-interview .column .is-3,
  .support-faq .column .is-3 {
    width: 50%;
  }
  .sponsor-group-inner .column .is-9 {
    width: 100%;
  }
  .sponsor-group-title {
    margin-bottom: 9.765625vw
  }
  .sponsor-group-title img {
    width: 28.125vw;
  }
  .sponsor-group-subtitle {
    max-width: 284px;
    margin-bottom: 1.953125vw;
    padding-bottom: 1.953125vw;
    font-size: 2.34375vw
  }
  .sponsor-group-intro .sponsor-group-intro-text .head {
    margin-bottom: 3.90625vw;
  }
  .group-support-intro {
    margin-top: -15.666668vw;
    padding: 0 0.976563vw
  }
  .group-support-intro-cover {
    text-align: center
  }
  .group-support-intro-cover .group-support-intro-image {
    max-width: 100%
  }

  .sponsor-card-grid {
    padding-top: 4.882813vw;
  }

  .type-group .sponsor-group-use {
    padding: 0
  }
  .type-group .sponsor-group-use .inner {
    padding: 9.765625vw 4%;
  }
  .sponsor-group-use .column .is-5 {
    width: 50%
  }
  .sponsor-group-use .column .is-7 {
    width: 100%
  }
  .donation-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 100%;
    margin: auto;
    margin-top: 4.882813vw;
  }
  .donation-list-item {
    width: 100%;
    max-width: 240px
  }
  .donation-list-item + .donation-list-item {
    margin-left: 0
  }
  .donation-list-head::before {
    padding-top: 61.25%
  }
  .donation-list-child .donation-list-head::before {
    background-image: url(../images/sub/ico_howtouse_01_mobile.png);
  }
  .donation-list-birth .donation-list-head::before {
    background-image: url(../images/sub/ico_howtouse_02_mobile.png);
  }
  .donation-list-train .donation-list-head::before {
    background-image: url(../images/sub/ico_howtouse_03_mobile.png);
  }
  .donation-list-title {
    top: 50%;
    left: 58.33%;
    padding: 14px;
    font-size: 16px;
    word-wrap: break-word;
    word-break: keep-all;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .donation-list-title .donation-list-order {
    display: none
  }
  .donation-list-info {
    padding-right: 14px;
    padding-left: 14px
  }
  .donation-list-text {
    font-size: 14px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 960px) {
  .donation-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;

    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    -webkit-justify-content: initial;
    justify-content: initial;

    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .donation-list-item + .donation-list-item {
    margin-top: 2.929688vw;
  }

  .support-process-wrap {
    margin-top: 5.859375vw;
  }
  .support-process-list {
    box-sizing: border-box;
    margin: 0 -16px;
  }
  .support-process-item {
    box-sizing: border-box;
    width: 33.333333%;
    padding: 0 16px;
    margin-bottom: 3.90625vw;
    margin-left: 0;
  }
}

@media only screen and (max-width: 800px) {
  .children-list-type.type-gallery .children-list {
    width: 49%;
  }
  .personalized-result .personalized-title {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 32px;
  }
  .personalized-result-children {
    margin-top: 80px;
  }
  .personalized-result-children::before {
    top: -86px;
    width: 440px;
    height: 440px;
    margin-left: -220px;
  }
  .personalized-result-children .children-image-box {
    width: 300px;
    height: 300px;
  }
  .personalized-result-children .children-info-radius {
    margin: -36px 0 32px;
  }
  .personalized-result-children .children-info-radius li span {
    width: 48px;
    height: 48px;
  }
  .personalized-result-children .children-info-radius li span.children-info-birth {
    background-size: 24px;
  }
  .personalized-result-children .children-info-radius li span.children-info-gender {
    background-size: 24px;
  }
  .contents-section#mainSection05::before {
    top: 234px;
  }
  .supporters-benefit-section {
    z-index: 1;
    background: transparent;
    margin-top: -100px;
  }
  .supporters-benefit-section .inner {
    background: #003F77;
  }
  .supporters-benefit-section::before {
    background-color: transparent;
    height: 315px;
  }
  .supporters-benefit-list ul li .benefit-list-title {
    font-size: 16px;
    line-height: 40px;
  }
  .supporters-benefit-list ul li .benefit-list-title::before {
    width: 40px;
    height: 40px;
    background-size: 120px;
    margin-right: 24px;
  }
  .supporters-benefit-list ul li .benefit-list-icon-02::before {
    background-position: -40px 0;
  }
  .supporters-benefit-list ul li .benefit-list-icon-03::before {
    background-position: -80px 0;
  }
  .supporters-benefit-list ul li .benefit-list-icon-04::before {
    background-position: 0 -40px;
  }
  .supporters-benefit-list ul li .benefit-list-icon-05::before {
    background-position: -40px -40px;
  }
  .supporters-benefit-list ul li .benefit-list-icon-06::before {
    background-position: -80px -40px;
  }
  .supporters-benefit-list ul li .benefit-list-icon-07::before {
    background-position: 0 -80px;
  }
  .supporters-benefit-list ul li .benefit-list-icon-08::before {
    background-position: -40px -80px;
  }
  .supporters-benefit-list ul li .benefit-list-icon-09::before {
    background-position: -80px -80px;
  }
  .supporters-benefit-list ul li .benefit-list-text br {
    display: none;
  }
  .support-faq .round-tab-list {
    font-size: 0;
  }
  .support-faq .round-tab-list .g-button-tab-basic {
    min-width: 32.33%;
  }
  .support-faq .round-tab-list .g-button-tab-basic + .g-button-tab-basic {
    margin-left: 1%;
  }
  .personalized-step-body .personalized-inner::after {
    content: '';
    display: table;
    clear: both;
  }
  .personalized-step-body .personalized-inner + .personalized-inner {
    padding-top: 0;
  }
  .personalized-answer-box {
    width: 48%;
    margin-top: 4%;
  }
  .personalized-answer-box + .personalized-answer-box {
    margin-left: 4%;
  }
  .personalized-answer-box:nth-child(2n+1) {
    margin-left: 0;
  }
  /* .sponsor-group-inner {
    background: url("../images/sub/bg_sponsor_group_pineapple_mobile.png") no-repeat left top;
    background-size: 100%;
  } */
  .sponsor-group-process::after {
    width: 300px;
    height: 312px;
    right: -100px;
    bottom: -280px;
  }
  .children-sponsor-growup::before {
    height: calc(100% - 325px);
    top: 325px;
  }
  .interview-hover-tab-panel-list .interview-thumbnail ul li {
    width: 48%;
  }
  .interview-hover-tab-panel-list .interview-thumbnail ul li + li {
    margin: 0 0 4%;
  }
  .interview-hover-tab-panel-list .interview-thumbnail ul li:nth-child(odd) {
    margin-right: 4%;
  }
  .interview-hover-tab-panel-list .interview-thumbnail .interview-thumbnail-text {
    height: 54px;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box {
    width: 48%;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box + .growup-content-box {
    margin: 0 0 4%;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box:nth-child(odd) {
    margin-right: 4%;
  }
  .contact-link-banner a {
    padding: 0 145px 0 20px;
  }
  .contact-link-banner p {
    font-size: 16px;
  }
  .join-compassion-banner .bnr-sub-text {
    font-size: 16px;
  }
  .join-compassion-banner a {
    font-size: 13px;
  }
  .join-compassion-banner .form-flex-cell + .form-flex-cell {
    display: block;
  }

  .support-process-item {
    width: 50%;
  }
  .process-item-text {
    min-height: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .type-funding .payment-select-wrap > div {
    width: 49%;
  }
  .sponsorship-child-info.type-funding {
    margin-top: 32px;
  }

  .type-group .sponsor-group-inner {
    padding-top: 32px;
    padding-bottom: 0
  }
  .sponsor-group-title {
    margin-bottom: 34px
  }
  .sponsor-group-title img {
    width: 144px;
  }
  .sponsor-group-subtitle {
    margin-bottom: 3.333333vw;
    padding-bottom: 3.333333vw;
    font-size: 4.444444vw;
  }
  .sponsor-group-intro-text {
    font-size: 4.444444vw;
    color: #161718;
    line-height: 5.555556vw;
  }
  .sponsor-group-intro .sponsor-group-intro-text .head {
    margin-bottom: 4.166667vw;
  }
  .sponsor-group-intro-text .head {
    font-size: 5.555556vw;
    line-height: 8.333333vw;
    word-wrap: break-word;
    word-break: keep-all;
  }
  .group-support-intro-cover {
    padding: 0 5px;
    text-align: center
  }

  .type-group .sponsor-group-use {
    padding: 0;
    padding-top: 9.444444vw;
  }
  .type-group .sponsor-group-use .inner {
    padding-top: 9.444444vw;
    padding-bottom: 13.888889vw;
  }
  .donation-list {
    margin-top: 13.888889vw
  }
  .donation-list-item + .donation-list-item {
    margin-top: 8.333333vw;
  }

  .type-group .sponsor-group-start {
    padding-top: 9.444444vw;
    padding-bottom: 18.888889vw
  }
  .sponsor-group-start .section-background {
    background-image: url("../images/sub/bg_howtostart_mobile.png");
    background-size: 100% auto;
    background-attachment: scroll
  }
  .sponsor-card-grid {
    padding-top: 11.111111vw
  }
  .sponsor-card-view {
    width: 100%;
    margin-bottom: 5.555556vw;
    margin-left: 0
  }

  .article-card-content .article-card-title {
    font-size: 5.555556vw
  }
  .article-card-content .article-card-description {
    margin-top: 3.333333vw;
    font-size: 3.888889vw;
    line-height: 5.555556vw
  }
  .article-card-cta {
    margin-top: 5.555556vw
  }

  .support-process-wrap {
    margin-top: 12.5vw
  }
  .support-process-item::before {
    height: 48px;
    margin-bottom: 1.953125vw
  }
  .support-process-item01::before {
    width: 31px;
    background-image: url("../images/sub/ico_process_01_mobile.png");
  }
  .support-process-item02::before {
    width: 37px;
    background-image: url("../images/sub/ico_process_02_mobile.png");
  }
  .support-process-item03::before {
    width: 56px;
    background-image: url("../images/sub/ico_process_03_mobile.png");
  }
  .support-process-item04::before {
    width: 32px;
    background-image: url("../images/sub/ico_process_04_mobile.png");
  }
  .support-process-item05::before {
    width: 44px;
    background-image: url("../images/sub/ico_process_05_mobile.png");
  }
  .support-process-item06::before {
    width: 36px;
    background-image: url("../images/sub/ico_process_06_mobile.png");
  }
  .process-item-title {
    min-height: 64px;
    font-size: 16px;
    line-height: 24px;
  }
  .process-item-text {
    font-size: 14px;
    line-height: 20px;
  }

  .lazy-desktop {
    display: none
  }
  .lazy-mobile {
    display: block
  }
}

@media only screen and (max-width: 640px) {
  .type-sponsorship .form-content-wrap .inner {
    width: 100%;
    padding: 0 4%;
  }
  .personalized-result .personalized-title {
    width: 50%;
    word-break: keep-all;
    line-height: 1.5;
    margin: 0 auto 16px;
  }
  .personalized-result .confirm-btn-wrap {
    width: 100%;
    margin: 32px auto 26px;
  }
  .personalized-result .confirm-btn-wrap .form-flex-cell {
    margin-top: 8px;
    width: 100%;
    display: block;
    padding: 0;
  }
  .personalized-result .retry-btn-wrap {
    width: 100%;
  }
  .children-sns-share .btn-sns-share {
    width: 32px;
    height: 32px;
    background-size: 12px;
  }
  .children-sns-share .sns-share-channel {
    right: 40px;
    height: 48px;
  }
  .children-sns-share .sns-share-channel ul li button {
    width: 32px;
    height: 32px;
  }
  .children-sns-share .sns-share-channel.is-active {
    width: 180px;
  }
  .join-compassion-banner {
    background: url("../images/sub/bg_join_compassion_mobile.png") no-repeat center top;
    background-size: cover;
    margin: 60px auto 80px auto;
  }
  .type-funding.type-complete .join-top-notice .notice-title {
    text-align: center;
  }
  .funding-top-notice .notice-title {
    font-size: 16px;
  }
  .funding-top-notice .notice-main-title {
    font-size: 20px;
  }
  .funding-top-notice .notice-main-title + .notice-main-title {
    font-size: 18px;
  }
  .sponsorship-moreinfo-wrap.type-funding .inner {
    padding: 216px 4% 16px;
  }
  .sponsorship-moreinfo-wrap.type-funding .inner::before {
    height: 254px;
  }
  .search-children-no-data p {
    font-size: 13px;
    line-height: 21px;
  }
}

@media only screen and (max-width: 520px) {
  .small-share-wrap li {
    margin: 40px 20px 16px;
  }
  .confirm-btn-wrap .btn-section.type-default {
    width: 92%;
    padding: 0 4%;
  }
  .personalized-result-wrap {
    height: 1000px;
  }
  .personalized-result {
    padding-top: 32px;
  }
  .personalized-result .personalized-inner {
    padding: 32px 16px;
  }
  .personalized-result .personalized-title {
    font-size: 16px;
  }
  .personalized-result .personalized-text {
    font-size: 13px;
  }
  .personalized-result .personalized-result-children-info {
    font-size: 13px;
    word-break: keep-all;
  }
  .personalized-result-children {
    margin-top: 56px;
  }
  .personalized-result-children::before {
    top: -72px;
    width: 300px;
    height: 300px;
    margin-left: -150px;
  }
  .personalized-result-children .children-image-box {
    height: 208px;
    width: 208px;
  }
  .personalized-result-children .children-info-radius {
    margin: -24px 0 32px;
  }
  .personalized-result-children .children-info-radius li {
    font-size: 12px;
  }
  .personalized-result-children .children-info-radius li span {
    width: 37px;
    height: 37px;
    margin: 0 auto;
  }
  .personalized-result-children .children-info-radius li span.children-info-birth {
    background-size: 18px;
  }
  .personalized-result-children .children-info-radius li span.children-info-gender {
    background-size: 18px;
  }
  #contents.type-sponsor {
    margin-top: 0;
    background-position: 170% 5%;
  }
  #contents.type-sponsor .inner.js-ui-tab-panel {
    padding: 0;
  }
  #contents.type-sponsor .sort-box {
    padding: 0 4%;
  }
  .search-children-box {
    margin-top: 0;
  }
  .search-children-filter {
    font-size: 15px;
    min-width: 96px;
    padding: 0 18px;
  }
  .search-children-filter::after {
    right: 14px;
  }
  .search-children-head p {
    line-height: 26px;
    font-size: 15px;
    font-weight: 700;
  }
  .search-children-head .br {
    display: block;
  }
  .search-type-list {
    width: 100%;
    float: none;
    margin-top: 15px;
    padding-top: 15px;
  }
  .search-type-list.type-age .search-type-body {
    height: 48px;
  }
  .search-type-list.type-select-children {
    display: none;
  }
  .search-children-body + .search-children-body {
    margin: 0;
    padding: 0;
  }
  .search-children-body .search-type-head {
    font-size: 15px;
  }
  .search-children-foot {
    margin-top: 24px;
    width: 100%;
  }
  .search-children-foot .g-button-basic {
    width: 100%;
  }
  .children-type-tab-panel {
    padding: 0 4%;
  }
  .children-list-type.type-gallery {
    margin: 0;
  }
  .children-list-type.type-gallery .children-list {
    width: 100%;
    margin: 0;
  }
  .children-list-type.type-gallery .children-list + .children-list {
    margin-top: 5%;
  }
  .children-list-type.type-gallery .children-list .children-past-times {
    font-size: 13px;
    line-height: 32px;
  }
  .children-list-type.type-gallery .children-list:nth-child(even), .children-list-type.type-gallery .children-list:nth-child(odd) {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  .children-list-type.type-gallery .children-list .children-intro-box h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .children-list-type.type-gallery .children-list .children-image-box {
    width: 160px;
    height: 160px;
  }
  .children-list-more-view {
    margin-top: 40px;
    width: 100%;
  }
  .contents-section .title-basic {
    margin-bottom: 40px;
  }
  .contents-section#mainSection05 {
    margin-top: 100px;
  }
  .contents-section#mainSection05 .title-basic {
    margin-bottom: 40px;
  }
  .supporters-benefit-section .title-basic {
    margin-bottom: 0;
  }
  .supporters-benefit-list ul {
    margin-top: 24px;
  }
  .supporters-benefit-list ul li {
    width: 100%;
    display: block;
    margin-top: 0;
  }
  .supporters-benefit-list ul li + li {
    margin-top: 24px;
  }
  .supporters-benefit-list ul li .benefit-list-title {
    font-size: 15px;
  }
  .supporters-benefit-list ul li .benefit-list-title::before {
    position: relative;
    top: 5px;
  }
  .supporters-benefit-list ul li .benefit-list-text {
    font-size: 13px;
    padding-left: 64px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-top: 0;
    line-height: 20px;
  }
  .supporters-benefit-list ul li .benefit-list-text .link-with-underline {
    display: none;
  }
  .support-faq {
    padding: 50px 0 0;
  }
  .support-faq::before {
    width: 200px;
    height: 208px;
    left: -100px;
    top: -10px;
  }
  .support-faq .round-tab-list button + button {
    margin-left: 4px;
  }
  .ui-accordion-wrap.type-support-faq .ui-accordion-head {
    padding: 10px 0;
    height: 64px;
  }
  .ui-accordion-wrap.type-support-faq .ui-accordion-head::before {
    left: 10px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
  }
  .ui-accordion-wrap.type-support-faq .ui-accordion-head .ui-accordion-title {
    padding-left: 52px;
    padding-right: 40px;
    font-size: 13px;
  }
  .ui-accordion-wrap.type-support-faq .ui-accordion-opener::before {
    right: 10px;
  }
  .ui-accordion-wrap.type-support-faq .ui-accordion-opener::after {
    background: none;
  }
  .ui-accordion-wrap.type-support-faq .ui-accordion-layer {
    padding: 10px 10px 10px 52px;
    font-size: 12px;
  }
  .ui-accordion-wrap.type-support-faq .ui-accordion-layer::before {
    left: 10px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
  }
  .personalized-step-head {
    padding-top: 32px;
  }
  .personalized-step-head .personalized-inner {
    height: 176px;
    padding: 28px 15px;
  }
  .personalized-step-head .personalized-inner .personalized-num {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 24px;
  }
  .personalized-step-head .personalized-inner .personalized-question {
    font-size: 3.85vw;
  }
  .personalized-step-head .personalized-inner .personalized-question .br {
    display: block;
  }
  .personalized-step-body {
    padding: 80px 0 40px;
  }
  .personalized-answer-box {
    width: 100%;
  }
  .personalized-answer-box + .personalized-answer-box {
    margin: 4% 0 0;
  }
  .personalized-answer-box .ui-answer-object {
    width: 36px;
    height: 36px;
    background-size: 36px;
    left: 20px;
    top: 20px;
  }
  .personalized-answer-box .ui-answer-text {
    font-size: 3.85vw;
  }
  .personalized-step-next {
    margin-top: 32px;
    padding: 0 4%;
  }
  .personalized-step-next .g-button-basic {
    width: 100%;
  }
  .sponsor-group-process {
    background: transparent;
  }
  /* .sponsor-group-process::before {
    content: '';
    display: block;
    width: 100%;
    height: 153px;
    background: url("../images/sub/bg_sponsorship_process_mobile.png") no-repeat right top;
    background-size: cover;
  } */

  .children-sponsor-growup::before {
    height: calc(100% - 200px);
    top: 200px;
  }
  .type-group .contents-section#mainSection02 {
    margin: 0;
  }
  .compassion-activity {
    background-position: right -40% top 0;
    height: auto;
  }
  .group-support-price-icon {
    margin-top: 48px;
  }
  .group-support-price-text {
    margin: 40px 0;
    font-size: 16px;
  }
  .group-support-price-text strong span {
    font-size: 24px;
  }
  .group-support-price-use-image img {
    width: 48px;
  }
  .group-sponsorship-list-box {
    width: 100%;
    float: none;
  }
  .group-sponsorship-list-box + .group-sponsorship-list-box {
    float: none;
    margin-top: 24px;
  }
  .group-support-price-use-detail {
    width: 100%;
  }
  .group-support-price-use-detail p {
    font-size: 16px;
  }
  .use-detail-icon li {
    font-size: 13px;
  }
  .group-sponsorship-list .group-sponsorship-text {
    width: 94%;
    padding: 8%;
  }
  .group-sponsorship-list .group-sponsorship-text .children-support-button {
    margin-top: 32px;
  }
  .group-sponsorship-list .group-sponsorship-text .children-support-button .flex-button-body {
    padding-top: 0;
  }
  .group-sponsorship-list .group-sponsorship-text-title {
    font-size: 20px;
    line-height: 28px;
  }
  .group-sponsorship-list .group-sponsorship-text-description {
    font-size: 13px;
    letter-spacing: 0;
  }
  .group-sponsorship-tip {
    text-align: left;
    margin-top: 16px;
  }

  .support-process-list {
    margin: 0
  }
  .support-process-item {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 0 96px;
    margin-bottom: 11.111111vw
  }
  .support-process-item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 96px;
    margin-bottom: 0;
    background-size: auto 100%;
    background-position: 50% 50%
  }
  .support-process-item04::before,
  .support-process-item05::before,
  .support-process-item06::before {
    height: 36px
  }
  .process-item-title {
    min-height: auto;
    color: #3d3e3f;
    border-bottom: 0
  }
  .process-item-text {
    min-height: auto;
    margin-top: 12px;
  }

  .interview-hover-tab-panel-list .interview-thumbnail ul li {
    width: 100%;
    padding-bottom: 0;
  }
  .interview-hover-tab-panel-list .interview-thumbnail ul li + li {
    margin: 33px 0 0;
  }
  .interview-hover-tab-panel-list .interview-thumbnail ul li:nth-child(odd) {
    margin-right: 0;
  }
  .interview-hover-tab-panel-list .interview-thumbnail ul li.is-active {
    border-bottom: none;
  }
  .interview-hover-tab-panel-list .interview-thumbnail .interview-thumbnail-text {
    font-size: 20px;
    line-height: 28px;
    height: auto;
  }
  .interview-hover-tab-panel-list .interview-thumbnail .interview-thumbnail-text br {
    display: block;
  }
  .interview-hover-tab-panel-list .interview-thumbnail .interviewer-name {
    font-size: 13px;
    margin-top: 8px;
  }
  .growup-tab-box {
    margin-top: 42px;
  }
  .growup-tab-box-button button {
    width: 33.33%;
    padding: 0;
    font-size: 13px;
  }
  .growup-tab-box-button button + button {
    margin: 0;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box {
    height: 180px;
    padding: 6%;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box dt::before {
    width: 40px;
    height: 40px;
    background-size: 160px;
    margin: 0 auto 8px;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box dt.growup-icon-02::before {
    background-position: -40px 0;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box dt.growup-icon-03::before {
    background-position: -80px 0;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box dt.growup-icon-04::before {
    background-position: -120px 0;
  }
  .growup-tab-box-content .growup-content-box-02 .growup-content-box {
    padding: 36px 20px;
    height: auto;
  }
  .growup-tab-box-content .growup-content-box-02 .growup-content-box .children-interview {
    font-size: 13px;
    line-height: normal;
    height: auto;
  }
  .growup-tab-box-content .growup-content-box-02 .growup-content-box .children-interview br {
    display: none;
  }
  .growup-tab-box-content .growup-content-box-02 .growup-content-box .children-interview-name {
    font-size: 11px;
  }
  .contact-link-banner {
    height: auto;
  }
  .contact-link-banner a {
    padding: 24px 145px 24px 04px;
  }
  .contact-link-banner h4 {
    font-size: 18px;
  }
  .contact-link-banner p {
    margin-top: 12px;
    font-size: 14px;
  }
  .compassion-activity .more-view-button {
    margin-top: 0;
  }
  .board-activity-latest-list ul li {
    width: 100%;
  }
  .board-activity-latest-list ul li + li {
    margin: 32px 0 0;
  }
  .board-activity-latest-list ul li img {
    height: auto;
    width: 100%;
  }
  .board-activity-latest-list ul li .board-latest-subject {
    font-size: 13px;
    margin-top: 16px;
  }
  .funding-top-notice .notice-title {
    width: 82%;
  }
  .funding-top-notice .notice-main-title {
    font-size: 18px;
  }
  .funding-top-notice .notice-main-title + .notice-main-title {
    font-size: 15px;
  }
}

@media only screen and (max-width: 360px) {
  .sponsor-group-process::before {
    height: 100px;
  }
  .growup-tab-box-button button {
    padding: 0 1%;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box dd {
    font-size: 13px;
  }
  .growup-tab-box-content .growup-content-box-01 .growup-content-box dd br {
    display: none;
  }

  .contact-link-banner a {
    background-size: 48px;
    background-position: left 96% top 24px;
    padding: 24px;
  }
  .center-btn-wrap > div {
    width: 92%;
    padding: 0 4%;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 나눔 관련 페이지 (특별한 나눔, 맞춤펀딩...)
 * 작성자 : hmpark
 * 파일명 : _share.scss
 */
.special-idx-layout {
  position: relative;
  top: -48px;
}

.special-idx-layout .special-idx-contents {
  background: transparent;
}

.special-idx-layout .user-funding-list .user-funding-title {
  height: 70px;
}

.special-idx-layout .user-funding-list .user-funding-text-box {
  padding: 40px 24px;
}

.special-idx-banner {
  width: 974px;
  padding-bottom: 32px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto 40px;
}

.special-idx-banner .slick-list {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.special-idx-banner .slick-slide a {
  width: 974px;
  margin: 0 auto;
  display: block;
  padding: 16px;
  background: #fff;
}

.special-idx-banner .slick-slide img {
  max-width: 100%;
}

.special-idx-banner .slick-dots {
  margin-top: 24px;
  font-size: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 0;
}

.special-idx-banner .slick-dots li {
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #d9e1e2;
}

.special-idx-banner .slick-dots li.slick-active {
  background: #005eb8;
}

.special-idx-banner .slick-dots li + li {
  margin-left: 12px;
}

.special-idx-banner .slick-arrow {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 2;
}

.special-idx-banner .slick-prev {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat 0 0;
  background-size: 100%;
  left: -80px;
}

.special-idx-banner .slick-next {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat 0 0;
  background-size: 100%;
  right: -80px;
}

.special-best-product {
  background: url("../images/sub/bg_special_object_732x640.png") no-repeat left top;
  background-size: 732px;
  padding: 40px 0 124px 0;
}

.special-share-product-list {
  background: url("../images/main/bg_half_circle_object_02.png") no-repeat right 128px bottom 0, url("../images/sub/bg_special_share_idx.png") no-repeat center top;
  background-size: 489px, auto;
  padding: 194px 0 302px 0;
  position: relative;
}

.special-share-product-list .high-value-tooltip .product-summary-help .product-summary-help-layer {
  min-width: 300px;
  width: auto;
}

.special-share-product-list .high-value-tooltip .product-summary-help .product-summary-help-content {
  white-space: normal;
}

.special-share-product-list .special-share-product-title {
  text-align: center;
  font-size: 36px;
  color: #fff;
  position: relative;
  margin-bottom: 100px;
}

.special-share-product-list .special-share-product-title strong {
  display: inline-block;
  font-size: 32px;
  color: #ffd100;
  margin-bottom: 8px;
  position: relative;
}

.special-share-product-list .special-share-product-title strong::before {
  content: '';
  display: block;
  width: 53px;
  height: 38px;
  background: url("../images/sub/ico_quotes_53x38.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left: -60px;
  top: -40px;
  opacity: 0.3;
}

.special-share-product-list::after {
  content: '';
  display: block;
  width: 100%;
  height: 575px;
  background: url("../images/sub/bg_special_sponsorship_line.png") no-repeat center top;
  position: absolute;
  left: 0;
  bottom: -100px;
  z-index: -1;
}

.special-share-product-list .special-share-product {
  margin: 0 -24px -24px 0;
}

.special-share-product-list .special-share-product::after {
  content: '';
  display: table;
  clear: both;
}

.special-share-product-list .special-share-product-box {
  float: left;
  width: 384px;
  margin: 0 24px 24px 0;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.special-share-product-list .special-share-product-box .image-box {
  position: relative;
  height: 252px;
}

.special-share-product-list .special-share-product-box .image-box a {
  display: block;
  position: relative;
}

.special-share-product-list .special-share-product-box .image-box img {
  max-width: 100%;
}

.special-share-product-list .special-share-product-box .text-box {
  height: 368px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 48px 32px 32px;
  position: relative;
  background: #fff;
}

.special-share-product-list .special-share-product-box .text-box h4 {
  color: #005eb8;
  font-size: 24px;
}

.special-share-product-list .special-share-product-box .text-box h4 .eng {
  display: block;
  color: #8d8d8d;
  font-size: 20px;
  font-weight: 400;
  word-break: normal;
}

.special-share-product-list .special-share-product-box .text-box p {
  margin-top: 24px;
  font-size: 18px;
  word-break: keep-all;
}

.special-share-product-list .special-share-product-box .text-box .form-flex {
  position: absolute;
  left: 0;
  bottom: 32px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 32px;
}

.special-share-report .inner {
  padding: 60px 0;
  border-top: 1px solid #d9e1e2;
  border-bottom: 1px solid #d9e1e2;
}

.special-share-report .title-basic {
  margin-bottom: 40px;
}

.special-share-report ul {
  line-height: 48px;
}

.special-share-report ul li {
  position: relative;
  font-weight: 700;
  font-size: 18px;
}

.special-share-report ul li .button-report-download {
  width: 320px;
  position: absolute;
  right: 0;
  top: 0;
}

.special-share-report ul li + li {
  margin-top: 24px;
}

.special-share-layout {
  padding-top: 60px;
}

.special-share-layout img {
  max-width: 100%;
}

.special-share-layout #mainSection02 {
  margin-top: 60px;
  background: #005EB8;
  height: 440px;
}

.special-share-layout #mainSection02::before {
  display: none;
}

.special-share-layout #mainSection02::after {
  display: none;
}

.special-share-layout #mainSection02 .title-basic {
  font-size: 40px;
}

.special-share-layout #mainSection02 .sponsorship-circle {
  left: 40px;
}

.special-share-layout #mainSection02 .sponsorship-title-area {
  padding: 56px 0 0 492px;
}

.share-title-area h3 {
  color: #005eb8;
  font-size: 24px;
  margin-bottom: 48px;
}

.share-title-area h3 .eng {
  font-size: 22px;
  color: #8d8d8d;
  padding-left: 8px;
}

.share-product-box::after {
  content: '';
  display: table;
  clear: both;
}

.share-product-box-image {
  width: 690px;
  float: left;
  position: relative;
}

.share-product-box-image .children-sns-share {
  right: 16px;
  top: 16px;
}

.share-product-box-image .children-sns-share .btn-sns-share {
  width: 32px;
  height: 32px;
}

.share-product-box-image .children-sns-share .sns-share-channel {
  right: 38px;
}

.share-product-box-image .children-sns-share .sns-share-channel.is-active {
  width: 180px;
}

.share-product-box-image .children-sns-share .sns-share-channel ul li button {
  width: 32px;
  height: 32px;
}

.high-value-tooltip {
  position: absolute;
  left: 0;
  bottom: 16px;
  background: #c3141e;
  z-index: 1;
}

.high-value-tooltip .product-summary-help .product-summary-help-opener {
  width: auto;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: none;
  position: relative;
  padding: 0 36px 0 16px;
}

.high-value-tooltip .product-summary-help .product-summary-help-opener::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/common/ico_tooltip_white_24x24.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -12px;
}

.high-value-tooltip .product-summary-help .product-summary-help-content {
  white-space: normal;
}

.high-value-tooltip .product-summary-help .product-summary-help-content h4 {
  font-size: 14px;
}

.share-product-box-select {
  width: 486px;
  height: 352px;
  float: right;
  border: 1px solid #005eb8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  background: #fff;
  padding: 0 63px;
  display: table;
}

.share-product-box-select .share-product-cell {
  display: table-cell;
  vertical-align: middle;
}

.value-price-input {
  display: none;
}

.share-product-name {
  font-size: 20px;
  margin-bottom: 32px;
}

.share-product-select-block .ui-select-block {
  width: 100%;
}

.share-product-select-block .ui-select-block + .ui-select-block {
  margin-top: 12px;
}

.share-product-select-block .ui-input-block {
  width: 100%;
  margin-top: 12px;
}

.share-product-select-block .children-support-button {
  margin-top: 28px;
}

.share-product-select-block .children-support-button .flex-button-box {
  padding-top: 0;
}

.share-product-description {
  overflow: hidden;
  position: relative;
  background: url("../images/sub/bg_special_sponsorship_line.png") no-repeat center top;
  margin: 60px 0 0;
  padding: 0 0 120px;
}

.share-product-description-sub {
  padding-top: 54px;
  background: url("../images/sub/ico_quotes_53x38.png") no-repeat 0 0;
  background-size: 53px;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
}

.share-product-description-text {
  font-size: 20px;
}

.share-product-description::after {
  content: '';
  display: block;
  width: 489px;
  height: 622px;
  background: url("../images/main/bg_main_circle_object_02.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  right: 190px;
  bottom: -120px;
  z-index: -1;
}

.share-reasons-box {
  margin-top: 310px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #0086bf;
  padding: 40px;
  background: #fff;
}

.share-reasons-box .why-share-title {
  font-size: 20px;
  margin-bottom: 40px;
  font-weight: 700;
}

.share-reasons-box .form-flex {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 72px;
  color: #0086bf;
}

.share-reasons-box.type-disaster .form-flex-cell::before {
  background: url("../images/sub/ico_disaster_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-infant .form-flex-cell::before {
  background: url("../images/sub/ico_infant_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-unsponsored .form-flex-cell::before {
  background: url("../images/sub/ico_unsponsored_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-education .form-flex-cell::before {
  background: url("../images/sub/ico_education_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-medical .form-flex-cell::before {
  background: url("../images/sub/ico_medical_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-bible .form-flex-cell::before {
  background: url("../images/sub/ico_bible_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-water .form-flex-cell::before {
  background: url("../images/sub/ico_water_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-vulnerable .form-flex-cell::before {
  background: url("../images/sub/ico_vulnerable_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-christmas .form-flex-cell::before {
  background: url("../images/sub/ico_christmas_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-northkorea .form-flex-cell::before {
  background: url("../images/sub/ico_northkorea_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-hiv .form-flex-cell::before {
  background: url("../images/sub/ico_hiv_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-infrastructure .form-flex-cell::before {
  background: url("../images/sub/ico_infrastructure_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

.share-reasons-box.type-growing252 .form-flex-cell::before {
  background: url("../images/sub/ico_growing252_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

/*
R0003206 컴패션 어린이센터 세우기 SL 20230110 추가
*/
.share-reasons-box.type-child_center .form-flex-cell::before {
  background: url("../images/sub/ico_child_center_sprite.png") no-repeat 0 0;
  background-size: 72px;
}

/*
R0003747 교회설립후원 CPF 20230515 추가
 */
.share-reasons-box.type-church_plant .form-flex-cell::before{
    background: url("../images/sub/ico_church_plant_sprite.png") no-repeat 0 0;
    background-size: 72px;
}

.share-reasons-box .form-flex-cell {
  padding-left: 88px;
  font-size: 16px;
  position: relative;
}

.share-reasons-box .form-flex-cell::before {
  content: '';
  display: block;
  width: 72px;
  height: 72px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -36px;
}

.share-reasons-box .form-flex-cell.type-icon-01::before {
  background-position: 0 0;
}

.share-reasons-box .form-flex-cell.type-icon-02::before {
  background-position: 0 -72px;
}

.share-reasons-box .form-flex-cell.type-icon-03::before {
  background-position: 0 -144px;
}

.share-reasons-source {
  text-align: right;
  color: #0086bf;
  font-size: 14px;
  margin-top: 8px;
}

.share-how-to-use {
  position: relative;
  padding: 122px 0 0;
}

.share-how-to-use .inner {
  z-index: 1;
}

.share-how-to-use::before {
  content: '';
  display: block;
  width: 100%;
  height: 374px;
  background: #e8f2ff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.share-how-to-use .share-product-description-sub {
  background: none;
  padding: 0;
  margin-bottom: 24px;
}

.share-how-to-use + #mainSection02 {
  margin-top: 160px;
}

.how-to-use-box {
  position: relative;
}

.how-to-use-box::after {
  content: '';
  display: table;
  clear: both;
}

.how-to-use-box + .how-to-use-box {
  margin-top: 120px;
}

.how-to-use-box .how-to-use-box-image {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

.how-to-use-box:nth-of-type(odd) .how-to-use-box-image {
  float: left;
}

.how-to-use-box:nth-of-type(odd) .how-to-use-box-text {
  position: absolute;
  left: 50%;
  height: 100%;
  padding-left: 40px;
}

.how-to-use-box:nth-of-type(odd) dd {
  width: 512px;
}

.how-to-use-box:nth-of-type(even) .how-to-use-box-image {
  float: right;
}

.how-to-use-box:nth-of-type(even) .how-to-use-box-text {
  position: absolute;
  right: 50%;
  height: 100%;
  padding-right: 40px;
  text-align: right;
}

.how-to-use-box:nth-of-type(even) dd {
  width: 430px;
  float: right;
}

.how-to-use-box dt {
  font-size: 24px;
  font-weight: 700;
}

.how-to-use-box dt .eng {
  display: block;
  color: #8d8d8d;
  font-size: 16px;
  font-weight: 400;
}

.how-to-use-box dt::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 4px;
}

.how-to-use-box dd {
  margin-top: 20px;
  font-size: 16px;
  word-break: keep-all;
}

.how-to-use-box.type-nth-01 dt, .how-to-use-box.type-nth-05 dt {
  color: #005eb8;
}

.how-to-use-box.type-nth-01 dt::after, .how-to-use-box.type-nth-05 dt::after {
  background: #005eb8;
}

.how-to-use-box.type-nth-02 dt {
  color: #0086bf;
}

.how-to-use-box.type-nth-02 dt::after {
  background: #0086bf;
}

.how-to-use-box.type-nth-03 dt {
  color: #71b2c9;
}

.how-to-use-box.type-nth-03 dt::after {
  background: #71b2c9;
}

.how-to-use-box.type-nth-04 {
  position: relative;
}

.how-to-use-box.type-nth-04::before {
  content: '';
  display: block;
  width: 489px;
  height: 508px;
  background: url("../images/main/bg_half_circle_object_02.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left: -150px;
  top: -254px;
  z-index: -1;
}

.how-to-use-box.type-nth-04 dt {
  color: #ffb500;
}

.how-to-use-box.type-nth-04 dt::after {
  background: #ffb500;
}

.use-text-list li::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #3d3e3f;
  border-radius: 100px;
  vertical-align: middle;
  margin: -2px 4px 0 0;
}

.how-to-use-box-image,
.how-to-use-box-text {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.how-to-use-text-table {
  display: table;
  width: 100%;
  height: 100%;
}

.how-to-use-text-table dl {
  display: table-cell;
  vertical-align: middle;
}

.high-value-contents {
  text-align: center;
  background: #005eb8;
  color: #fff;
  padding: 48px 0;
  font-weight: 700;
  margin-top: 120px;
}

.high-value-contents .high-value-badge {
  margin-bottom: 16px;
}

.high-value-contents .high-value-badge span {
  display: inline-block;
  background: #c3141e;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 8px 20px;
}

.high-value-contents .high-value-text {
  font-size: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: -0.3px;
}

.high-value-contents .high-value-text + .high-value-text {
  margin-top: 4px;
}

.share-support-story {
  background: url("../images/sub/bg_special_sponsorship_wave.png") no-repeat center top;
  height: 1068px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 120px 0 0;
  padding: 144px 0 0;
}

.share-support-story .title-basic {
  margin-bottom: 40px;
}

.share-support-story .share-story-image {
  width: 384px;
  position: relative;
  z-index: 1;
  display: block;
}

.share-support-story .share-story-image::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  left: -56px;
  bottom: -56px;
  z-index: -1;
}

.share-support-story .share-story-text {
  padding-left: 60px;
  width: 816px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.share-support-story .share-story-text p {
  word-break: keep-all;
  padding-top: 54px;
  font-size: 20px;
  position: relative;
}

.share-support-story .share-story-text p::before {
  content: '';
  display: block;
  width: 53px;
  height: 38px;
  background: url("../images/sub/ico_quotes_53x38.png") no-repeat 0 0;
  background-size: 53px;
  margin-bottom: 24px;
}

.share-support-story .share-story-text .text-box-sub {
  font-size: 13px;
  color: #8d8d8d;
  display: block;
  margin-top: 8px;
}

.share-support-story .share-story-text .story-more-view {
  position: absolute;
  right: 0;
  top: 0;
}

.contents-section.user-funding-slide-layout {
  background: transparent;
  padding: 0;
  margin: -48px 0 116px;
}

.user-funding-shadow {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.user-funding-slider {
  padding: 40px 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
}

.user-funding-slider .slick-dots {
  position: absolute;
  left: 0;
  bottom: -32px;
  z-index: 20;
  width: 100%;
  font-size: 0;
  text-align: center;
}

.user-funding-slider .slick-dots button {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  font-size: 0;
  line-height: 0;
  background: #e0e0e0;
}

.user-funding-slider .slick-dots li {
  display: inline-block;
}

.user-funding-slider .slick-dots li + li {
  margin-left: 16px;
}

.user-funding-slider .slick-dots li.slick-active button {
  border-color: #005eb8;
  background: #005eb8;
}

.user-funding-slider .inner-table {
  display: table;
  width: 100%;
}

.user-funding-slider .user-funding-image-box {
  display: table-cell;
  width: 291px;
  vertical-align: top;
  position: relative;
}

.user-funding-slider .user-funding-image-box a {
  display: block;
}

.user-funding-slider .user-funding-image-box .funding-bg {
  width: 291px;
  height: 316px;
}

.user-funding-slider .user-funding-image-box .funding-bg[data-device=mobile] {
  display: none;
}

.user-funding-slider .user-funding-text-box {
  display: table-cell;
  width: 711px;
  vertical-align: top;
  padding: 0 24px 0 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.user-funding-slider .user-funding-text-box a {
  display: block;
}

.user-funding-image-box a {
  position: relative;
  display: block;
}

.user-funding-image-box img {
  max-width: 100%;
  vertical-align: top;
}

.user-funding-image-box .funding-bg {
  display: block;
  background-size: cover !important;
}

.user-funding-image-box .funding-bg[data-device=mobile] {
  display: none;
}

.user-funding-arrow button {
  display: inline-block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  margin-top: -24px;
}

.user-funding-arrow button.slick-disabled {
  display: none !important;
}

.user-funding-arrow .custom-prev {
  background: #fff url("../images/main/btn_swipe_left_arrow.png") no-repeat center center;
  background-size: 100%;
  left: -24px;
}

.user-funding-arrow .custom-next {
  background: #fff url("../images/main/btn_swipe_right_arrow.png") no-repeat center center;
  background-size: 100%;
  right: -24px;
}

.user-funding-title {
  font-size: 32px;
  font-weight: 700;
}

.user-funding-title span {
  font-size: 20px;
  display: block;
  font-weight: 400;
}

.user-funding-title a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.user-funding-creater {
  font-size: 18px;
  color: #8d8d8d;
  margin-top: 24px;
  margin-bottom: 40px;
}

.user-funding-current-box,
.user-funding-price-box {
  font-size: 24px;
  color: #8d8d8d;
}

.user-funding-current-box strong,
.user-funding-price-box strong {
  color: #005eb8;
}

.user-funding-current-box::after,
.user-funding-price-box::after {
  content: '';
  display: table;
  clear: both;
}

.user-funding-price-box .user-funding-total strong {
  color: #3d3e3f;
}

.user-funding-current {
  float: left;
}

.user-funding-total {
  float: right;
}

.user-funding-percent-box {
  margin: 28px 0;
}

.user-funding-percent-box .percent-full {
  width: 100%;
  height: 20px;
  background: #f2f5f8;
  border-radius: 10.5px;
  position: relative;
}

.user-funding-percent-box .percent-current {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-width: 100%;
  background: #ffd100;
  border-radius: 10.5px;
}

.current-balloon {
  position: absolute;
  right: 0;
  margin-right: -130px;
  top: -163px;
  width: 260px;
  height: 127px;
  background: url("../images/sub/bg_special_share_status.png") no-repeat center center;
  background-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 28px;
  text-align: center;
}

.current-balloon span {
  font-size: 14px;
  display: block;
  margin-bottom: 4px;
}

.current-balloon span strong {
  color: #005eb8;
  font-size: 20px;
}

.user-funding-total-round-percent {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: #005eb8;
  color: #fff;
  line-height: 80px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  right: 24px;
  top: 0;
}

.funding-label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 12px;
  background: #ffd100;
}

.funding-label.type-recommend {
  color: #fff;
  background: #0086bf;
}

.funding-success-label {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: rgba(118, 134, 146, 0.78);
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
}

.user-funding-modify-button {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 48px;
}

.user-funding-modify-button button {
  width: 100%;
  height: 48px;
  background: #fff url("../images/sub/ico_letter_modify_24x24.png") no-repeat center center;
  background-size: 24px;
  border-radius: 3px;
  border: 1px solid #d9e1e2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.user-funding-list {
  font-size: 0;
}

.user-funding-list::after {
  content: '';
  display: table;
  clear: both;
}

.user-funding-list .user-funding-carousel .owl-stage-outer {
  overflow: inherit;
}

.user-funding-list .user-funding-carousel .user-funding-shadow {
  margin: 0;
}

.user-funding-list .user-funding-shadow {
  width: 384px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 24px 24px;
}

.user-funding-list .user-funding-shadow:nth-child(3n+1) {
  margin-left: 0;
}

.user-funding-list .user-funding-image-box .funding-bg {
  width: 100%;
  height: 252px;
}

.user-funding-list .user-funding-text-box {
  padding: 24px;
}

.user-funding-list .user-funding-title {
  font-size: 20px;
}

.user-funding-list .user-funding-title span {
  font-size: 16px;
  margin-bottom: 0;
}

.user-funding-list .user-funding-creater {
  font-size: 16px;
  margin: 8px 0 24px;
}

.user-funding-list .user-funding-current-box,
.user-funding-list .user-funding-price-box {
  font-size: 16px;
}

.user-funding-list .user-funding-current-box strong,
.user-funding-list .user-funding-price-box strong {
  font-size: 18px;
}

.user-funding-list .user-funding-percent-box {
  margin: 16px 0 12px;
}

.user-funding-list .user-funding-percent-box .percent-full {
  height: 12px;
}

.funding-build-banner {
  background: #f4f7fb;
  padding: 56px 40px;
  margin: 60px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.funding-build-banner::after {
  content: '';
  display: table;
  clear: both;
}

.funding-build-banner .funding-build-title-box {
  float: left;
}

.funding-build-banner .funding-build-title-box p {
  font-weight: 700;
  color: #005eb8;
  font-size: 24px;
}

.funding-build-banner .funding-build-title-box span {
  font-size: 16px;
  color: #8d8d8d;
}

.funding-build-banner .funding-build-button-box {
  float: right;
  width: 320px;
  margin-top: 6px;
}

.user-funding-all {
  padding: 90px 0 120px;
}

.user-funding-making {
  border: 2px dashed #005eb8;
  background: #f2f5f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 503px;
  text-align: center;
}

.user-funding-making.type-small {
  width: 384px;
}

.user-funding-making.type-medium {
  width: 792px;
}

.user-funding-making.type-large {
  width: 1200px;
  max-width: 100%;
}

.user-funding-making .inner-table {
  display: table;
  width: 100%;
  height: 100%;
}

.user-funding-making .user-funding-making-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 0 28px;
  color: #005eb8;
}

.user-funding-making .user-funding-making-cell .funding-build-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #3d3e3f;
}

.user-funding-making .user-funding-making-cell .funding-build-sub {
  font-size: 20px;
  font-weight: 700;
}

.user-funding-making .user-funding-making-cell span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #8d8d8d;
  margin-top: 16px;
}

.user-funding-making .user-funding-making-button {
  width: 320px;
  margin: 40px auto 0;
}

.funding-detail-title {
  margin-top: 60px;
}

.funding-detail-title h3 {
  color: #005eb8;
  font-size: 28px;
}

.funding-detail-title p {
  color: #8d8d8d;
  font-size: 22px;
}

.user-funding-detail-layout {
  margin-top: 48px;
}

.user-funding-detail-layout::after {
  content: '';
  display: table;
  clear: both;
}

.user-funding-detail-layout.type-over .user-funding-percent-box .percent-current {
  background: #d9e1e2;
}

.user-funding-detail-layout .user-funding-status {
  display: block;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  background: #d9e1e2;
  color: #8d8d8d;
  font-weight: 700;
  font-size: 16px;
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: -36px;
}

.user-funding-detail-layout .user-funding-detail-image {
  width: 776px;
  float: left;
  position: relative;
}

.user-funding-detail-layout .user-funding-detail-image .children-sns-share {
  right: 24px;
  top: 24px;
}

.user-funding-detail-layout .funding-bg {
  display: block;
  height: 512px;
  background-size: cover !important;
}

.user-funding-detail-layout .user-funding-detail-text {
  width: 384px;
  float: right;
  position: relative;
}

.user-funding-detail-layout .user-funding-current-box,
.user-funding-detail-layout .user-funding-price-box {
  font-size: 28px;
  color: #3d3e3f;
}

.user-funding-detail-layout .user-funding-percent-box {
  margin: 16px 0 24px;
}

.user-funding-detail-layout .user-funding-percent-box .percent-full {
  height: 12px;
}

.user-funding-detail-layout .user-funding-detail-status li {
  font-size: 16px;
}

.user-funding-detail-layout .user-funding-detail-status li strong {
  font-size: 24px;
}

.user-funding-detail-layout .user-funding-detail-status li + li {
  margin-top: 24px;
}

.user-funding-detail-layout .user-funding-detail-creater {
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  table-layout: fixed;
  padding: 0;
  margin-top: 24px;
}

.user-funding-detail-layout .user-funding-detail-creater .creater-profile {
  display: table-cell;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #ececec;
  background-image: url("../images/sub/img_no_profile.png");
  background-position: center center;
  background-size: cover;
}

.user-funding-detail-layout .user-funding-detail-creater .creater-profile img {
  max-width: 100%;
}

.user-funding-detail-layout .user-funding-detail-creater .creater-info {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding-left: 24px;
  font-size: 16px;
}

.user-funding-detail-layout .user-funding-detail-creater .creater-name {
  display: block;
}

.user-funding-detail-layout .user-funding-detail-direct {
  margin-top: 24px;
}

.user-funding-detail-layout .user-funding-detail-direct.type-highlight {
  border: 1px solid #005eb8;
  padding: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
}

.user-funding-detail-layout .user-funding-detail-direct .ui-input-block {
  width: 100%;
}

.user-funding-detail-layout .user-funding-detail-direct .direct-support-button {
  margin-top: 8px;
}

.user-funding-detail-layout.type-special-share {
  border-top: 2px solid #005eb8;
  padding-top: 24px;
  position: relative;
}

.user-funding-detail-layout.type-special-share .g-round-bullet-basic {
  margin-bottom: 24px;
}

.user-funding-detail-layout.type-special-share .user-funding-current {
  float: none;
}

.user-funding-detail-layout.type-special-share .special-share-date {
  font-size: 16px;
  margin-top: 8px;
}

.user-funding-detail-layout.type-special-share .user-funding-current-box {
  margin-bottom: 40px;
  position: relative;
}

.user-funding-detail-layout.type-special-share .user-funding-detail-text {
  padding-top: 40px;
}

.special-share-percentage-section {
  margin-top: 40px;
}

.special-share-percentage-status {
  padding: 150px 102px 32px;
  background: #fff;
  border: 2px solid #bbdde6;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.special-share-percentage-status .user-funding-current-box,
.special-share-percentage-status .user-funding-price-box {
  font-size: 22px;
}

.special-share-percentage-status .user-funding-percent-box {
  margin: 10px 0;
}

.user-funding-information {
  margin-top: 40px;
  padding-bottom: 120px;
}

.user-funding-detail-info-contents {
  margin-top: 60px;
}

.user-funding-detail-info-contents[data-tab=user-funding-info-tab-02] .user-funding-reply, .user-funding-detail-info-contents[data-tab=user-funding-info-tab-03] .user-funding-reply {
  margin-top: 0;
}

.user-funding-detail-info-contents .editor-area {
  white-space: pre-line !important;
}

.user-funding-detail-info-contents .editor-area * {
  white-space: pre-line !important;
}

.user-funding-detail-info-contents .editor-area img {
  max-width: 100%;
  height: auto !important;
}

.inner-youtube-box {
  width: 100%;
  height: 675px;
  position: relative;
  display: block;
  margin: 24px 0;
}

.inner-youtube-box iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.user-funding-controls {
  text-align: right;
  margin-top: 20px;
}

.user-funding-controls .button-modify {
  width: 48px;
  height: 48px;
  border: 1px solid #d9e1e2;
  border-radius: 3px;
  background: #fff url("../images/sub/ico_letter_modify_24x24.png") no-repeat center center;
  background-size: 24px;
}

.user-funding-recommend-child {
  margin-top: 60px;
}

.user-funding-recommend-child .member-children-section {
  border: 2px dashed #ffb500;
  background: #fefdf8;
  padding: 20px 92px;
}

.user-funding-recommend-child .member-children-section .children-image-box::before {
  display: none;
}

.user-funding-recommend-child .member-children-section .children-intro-box {
  float: left;
  margin-left: 126px;
}

.user-funding-recommend-child .member-children-section .children-recommend-message {
  font-size: 20px;
  margin-top: 48px;
}

.user-funding-recommend-child .member-children-section .children-recommend-message strong {
  color: #005eb8;
}

.user-funding-effect {
  margin-top: 80px;
}

.user-funding-effect .inner {
  padding-bottom: 40px;
  border-bottom: 2px solid #d9e1e2;
}

.user-funding-effect .ui-accordion-head {
  border-top: 2px solid #005EB8;
  border-bottom: 2px solid #005EB8;
  padding: 40px 0;
}

.user-funding-effect .user-funding-effect-title {
  font-weight: 700;
  color: #005eb8;
  font-size: 24px;
}

.user-funding-effect .user-funding-effect-sub {
  margin-top: 24px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 32px;
}

.user-funding-effect .ui-accordion-layer .user-funding-type-children {
  padding: 80px 0;
  border-bottom: 2px solid #d9e1e2;
}

.user-funding-effect .ui-accordion-layer .user-funding-type-children .title-basic {
  font-size: 28px;
}

.user-funding-effect .ui-accordion-layer .user-funding-type-children .image-box {
  text-align: center;
}

.user-funding-effect .ui-accordion-layer .user-funding-type-children .image-box img {
  width: 343px;
}

.user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell .image-box {
  height: 374px;
}

.user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell .text-box p {
  font-size: 24px;
  font-weight: 700;
  color: #0086bf;
  text-align: center;
}

.user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell .text-box span {
  margin-top: 16px;
  display: block;
  text-align: left;
  font-size: 20px;
}

.user-funding-notice {
  margin: 40px 0 0;
  background: #f8f8fb;
  border: 1px solid #d9e1e2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 36px 40px;
  font-size: 15px;
  line-height: 28px;
}

.user-funding-notice .user-funding-notice-title {
  font-weight: 700;
  margin-bottom: 12px;
}

.user-funding-notice ul li {
  padding-left: 16px;
  position: relative;
}

.user-funding-notice ul li::before {
  content: attr(data-number);
  position: absolute;
  left: 0;
}

.user-funding-detail-direct-support {
  margin: 40px 0 0;
  background: #005eb8;
  padding: 36px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  position: relative;
  font-weight: 700;
  font-size: 24px;
}

.user-funding-detail-direct-support .direct-input-box {
  position: absolute;
  right: 40px;
  top: 30px;
  font-size: 0;
}

.user-funding-detail-direct-support .ui-input-block {
  width: 280px;
  display: inline-block;
}

.user-funding-detail-direct-support .ui-input-block .ui-input {
  text-align: right;
}

.user-funding-detail-direct-support .g-button-basic {
  margin-left: 20px;
  width: 180px;
  min-width: auto;
}

.user-funding-reply {
  margin-top: 40px;
}

.user-funding-reply .title-basic {
  font-size: 28px;
  margin-bottom: 16px;
}

.ui-reply-layout.type-participation .ui-reply-list {
  border-top: 2px solid #425563;
}

.ui-reply-layout.type-participation .ui-reply-head {
  margin-bottom: 8px;
}

.total-reply {
  font-size: 20px;
  margin-bottom: 16px;
}

.total-reply strong {
  color: #005eb8;
}

.ui-input-reply-form {
  display: table;
  width: 100%;
  margin-bottom: 16px;
}

.ui-input-reply-form .ui-input-reply-flex {
  display: table-cell;
  vertical-align: top;
}

.ui-input-reply-form .ui-input-reply-flex.type-file .ui-file-block {
  margin-bottom: 8px;
}

.ui-input-reply-form .ui-input-reply-flex.type-file .ui-input.file-name {
  width: 792px;
}

.ui-input-reply-form .ui-input-reply-flex.type-file textarea {
  height: 104px;
}

.ui-input-reply-form .ui-input-reply-flex + .ui-input-reply-flex {
  padding-left: 24px;
}

.ui-input-reply-form .ui-input {
  width: 996px;
  height: 160px;
  resize: none;
}

.ui-input-reply-form .type-lightGray {
  width: 180px;
  height: 160px;
  min-width: auto;
}

.ui-reply-list::after {
  content: '';
  display: table;
  clear: both;
}

.ui-reply-list .ui-reply-contents {
  padding: 24px 0;
  font-size: 16px;
  border-bottom: 1px solid #d9e1e2;
  position: relative;
}

.ui-reply-list .ui-reply-contents::after {
  content: '';
  display: table;
  clear: both;
}

.ui-reply-list .ui-reply-head {
  position: relative;
  margin-bottom: 16px;
}

.ui-reply-list .ui-reply-head.type-image {
  width: 286px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 0 0 70px;
}

.ui-reply-list .ui-reply-body {
  position: relative;
}

.ui-reply-list .ui-reply-body img {
  max-width: 100%;
}

.ui-reply-list .ui-reply-body.type-image {
  width: 914px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 126px;
}

.ui-reply-list .ui-reply-body.type-image .ui-reply-date {
  display: block;
  margin: 16px 0 0;
}

.ui-reply-list .ui-reply-foot {
  margin-top: 16px;
}

.ui-reply-list .ui-reply-foot.type-image {
  margin-top: 0;
}

.ui-reply-list .ui-reply-foot.type-image .ui-reply-controls {
  top: 22px;
}

.ui-reply-list .ui-reply-foot .ui-reply-date {
  margin-left: 0;
}

.ui-reply-list .ui-reply-user-info {
  font-size: 0;
}

.ui-reply-list .ui-reply-user-info span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}

.ui-reply-list .ui-reply-profile {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 100px;
}

.ui-reply-list .ui-reply-profile img {
  max-width: 100%;
  vertical-align: top;
}

.ui-reply-list .ui-reply-name {
  font-weight: 700;
}

.ui-reply-list .ui-reply-name-02 {
  font-size: 16px;
}

.ui-reply-list .ui-reply-date {
  color: #8d8d8d;
  margin-left: 40px;
}

.ui-reply-list .ui-reply-controls {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
}

.ui-reply-list .ui-reply-controls button {
  color: #8d8d8d;
  background: transparent;
  position: relative;
  font-size: 16px;
}

.ui-reply-list .ui-reply-controls button + button {
  padding-left: 8px;
  margin-left: 8px;
}

.ui-reply-list .ui-reply-controls button + button::before {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  background: #8d8d8d;
}

.ui-reply-list .ui-reply-participation .blue {
  color: #005eb8;
}

.funding-create-step-layout {
  text-align: center;
  padding-bottom: 120px;
}

.funding-create-step-layout.type-line {
  background: url("../images/sub/bg_funding_create_line.png") no-repeat center top;
}

.funding-create-head {
  padding: 80px 0 120px;
}

.funding-create-head h4 {
  font-size: 32px;
}

.funding-create-head h4 span {
  color: #005eb8;
}

.funding-create-body {
  text-align: center;
  font-size: 0;
}

.funding-create-body .children-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid transparent;
  text-align: left;
}

.funding-create-body .children-list.is-active {
  border: 2px solid #0086bf;
  background: #f1f8fa;
}

.funding-create-body .children-list button {
  width: 100%;
}

.funding-create-body .children-list button::before {
  display: none;
}

.funding-create-body .children-list .personalized-answer-box {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 24px;
  top: 24px;
  margin: 0;
  z-index: 5;
}

.funding-create-body .children-list .personalized-answer-box .ui-answer-object {
  position: static;
  left: 0;
  top: 0;
}

.funding-create-body .children-list .children-name span {
  color: #005eb8;
}

.funding-create-body .personalized-answer-box {
  width: 588px;
  background: transparent;
  position: relative;
}

.funding-create-body .personalized-answer-box::before {
  content: '';
  display: block;
  width: 384px;
  height: 384px;
  position: absolute;
  opacity: 1;
  left: inherit;
  right: inherit;
}

.funding-create-body .funding-create-button-01::before {
  left: -52px;
  top: 52px;
  background: #FFE75C;
}

.funding-create-body .funding-create-button-02::before {
  right: -52px;
  top: -52px;
  background: #BBDDE6;
}

.funding-create-total {
  background: #EAF4F7;
  text-align: center;
  font-size: 28px;
  padding: 48px 0;
  margin: 80px 0 0;
}

.funding-create-total strong {
  color: #005eb8;
  font-size: 32px;
}

.funding-create-total + .inner .personalized-step-next {
  margin-top: 40px;
}

.funding-create-total + .inner .side-btn-wrap {
  width: 588px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1280px) {
  .special-share-product-list {
    padding: 194px 0 85px 0;
    margin: 0 -2% -2% 0;
    background-size: 380px, auto;
    background-position: right bottom, center top;
  }
  .special-share-product-list::after {
    bottom: -220px;
    z-index: -1;
  }
  .special-share-product-list .special-share-product {
    margin: 0 -2% -2% 0;
  }
  .special-share-product-list .special-share-product-box {
    width: 31.3%;
    margin: 0 2% 2% 0;
  }
  .special-share-product-list .special-share-product-box .image-box {
    height: auto;
  }
  .special-share-product-list .special-share-product-box .text-box {
    padding: 12% 24px;
    height: 330px;
  }
  .special-share-product-list .special-share-product-box .text-box h4 {
    font-size: 20px;
  }
  .special-share-product-list .special-share-product-box .text-box h4 .eng {
    font-size: 18px;
  }
  .special-share-product-list .special-share-product-box .text-box p {
    font-size: 16px;
  }
  .special-share-product-list .special-share-product-box .text-box .form-flex {
    padding: 0 24px;
  }
  .special-share-option-select .inner {
    padding: 0;
  }
  .share-title-area {
    padding: 0 4%;
  }
  .share-title-area h3 {
    margin-bottom: 24px;
  }
  .share-product-box-image {
    width: 100%;
    float: none;
  }
  .share-product-box-select {
    width: 92%;
    float: none;
    margin: 32px auto 0;
    height: auto;
    display: block;
    padding: 24px;
  }
  .share-product-box-select .share-product-cell {
    display: block;
  }
  .how-to-use-box:nth-child(odd) dd {
    width: 100%;
  }
  .special-share-layout #mainSection02 {
    height: auto;
  }
  .special-share-layout #mainSection02 .sponsorship-title-area {
    padding: 0;
  }
  .special-share-layout #mainSection02 .sponsorship-circle {
    left: inherit;
    right: 0;
  }
  .share-product-description::after {
    right: -150px;
  }
  .share-reasons-box {
    margin-top: 60px;
  }
  .share-reasons-box .form-flex {
    table-layout: fixed;
  }
  .share-reasons-box .form-flex-cell {
    text-align: center;
    padding-left: 0;
  }
  .share-reasons-box .form-flex-cell::before {
    position: static;
    left: 0;
    top: 0;
    margin: 0 auto;
  }
  .share-how-to-use {
    padding: 32px 0 0;
  }
  .how-to-use-box:nth-of-type(even) dd {
    width: auto;
  }
  .how-to-use-box:nth-of-type(odd) dd {
    width: auto;
  }
  .high-value-contents .high-value-text {
    padding: 0;
  }
  .share-support-story {
    margin: 60px 0 0;
    padding: 95px 0 0;
    background-size: auto 100%;
  }
  .user-funding-list .user-funding-carousel .user-funding-shadow {
    width: 384px;
  }
  .user-funding-list .user-funding-carousel .owl-dots {
    font-size: 0;
    text-align: center;
  }
  .user-funding-list .user-funding-carousel .owl-dots button {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #e0e0e0;
    margin-top: 16px;
  }
  .user-funding-list .user-funding-carousel .owl-dots button.active {
    background: #ffd100;
  }
  .user-funding-list .user-funding-carousel .owl-dots button + button {
    margin-left: 16px;
  }
  .user-funding-image-box .funding-bg {
    background-size: cover !important;
  }
  .user-funding-arrow .custom-prev {
    left: 2%;
  }
  .user-funding-arrow .custom-next {
    right: 2%;
  }
  .user-funding-making.type-medium {
    width: 384px;
  }
  .user-funding-making.type-large {
    width: 100%;
  }
  .user-funding-making .user-funding-making-cell {
    padding: 0 8px;
  }
  .user-funding-making .user-funding-making-cell .funding-build-title {
    font-size: 22px;
  }
  .user-funding-making .user-funding-making-cell .funding-build-sub {
    font-size: 18px;
  }
  .user-funding-making .user-funding-making-cell span {
    font-size: 14px;
  }
  .user-funding-all .user-funding-list .user-funding-shadow {
    width: 49%;
    margin: 0 0 2%;
  }
  .user-funding-all .user-funding-list .user-funding-shadow:nth-child(even) {
    float: left;
  }
  .user-funding-all .user-funding-list .user-funding-shadow:nth-child(odd) {
    float: right;
  }
  .user-funding-all .user-funding-list .user-funding-shadow:nth-child(3n+1) {
    margin-left: 0;
  }
  .user-funding-detail-layout .user-funding-status {
    width: 68px;
    height: 68px;
    line-height: 68px;
    font-size: 14px;
    top: -58px;
    right: 8px;
  }
  .user-funding-detail-layout .user-funding-detail-image {
    width: 100%;
    float: none;
  }
  .user-funding-detail-layout .user-funding-detail-text {
    width: 100%;
    float: none;
    margin-top: 24px;
  }
  .user-funding-detail-layout .user-funding-detail-status::after {
    content: '';
    display: table;
    clear: both;
  }
  .user-funding-detail-layout .user-funding-detail-status li + li {
    margin-top: 8px;
  }
  .user-funding-detail-layout .user-funding-detail-creater {
    width: 49%;
    float: left;
  }
  .user-funding-detail-layout .user-funding-detail-direct {
    width: 49%;
    float: right;
  }
  .user-funding-detail-layout.type-special-share .user-funding-detail-text {
    padding-top: 0;
  }
  .user-funding-detail-layout.type-special-share .user-funding-current-box {
    margin-bottom: 0;
  }
  .user-funding-detail-layout.type-special-share .user-funding-detail-status::after {
    content: '';
    display: table;
    clear: both;
  }
  .user-funding-detail-layout.type-special-share .user-funding-detail-status ul {
    float: left;
    width: 49%;
    margin-top: 12px;
  }
  .user-funding-detail-layout.type-special-share .user-funding-detail-status .user-funding-detail-direct {
    float: right;
    width: 49%;
    margin: 0;
  }
  .special-share-percentage-status {
    padding: 132px 4% 4%;
  }
  .special-share-report .inner {
    padding: 4% 0;
    width: 92%;
    margin: 0 auto;
  }
  .special-share-layout.type-detail {
    padding-top: 0;
  }
  .user-funding-recommend-child .member-children-section {
    padding: 24px;
  }
  .user-funding-recommend-child .member-children-section .children-intro-box {
    float: right;
    margin-left: 0;
  }
  .user-funding-recommend-child .member-children-section .children-intro-box h4 {
    font-size: 24px;
    line-height: 35px;
  }
  .user-funding-effect .inner,
  .user-funding-reply .inner {
    padding: 0;
  }
  .ui-input-reply-form .ui-input-reply-flex {
    width: 80%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ui-input-reply-form .ui-input-reply-flex .ui-input,
  .ui-input-reply-form .ui-input-reply-flex button {
    width: 100%;
  }
  .ui-input-reply-form .ui-input-reply-flex + .ui-input-reply-flex {
    width: 20%;
  }
  .ui-input-reply-form .ui-input-reply-flex.type-file .ui-input.file-name {
    width: 100%;
  }
  .funding-create-body .personalized-answer-box {
    width: 49%;
  }
  .funding-create-body .personalized-answer-box::before {
    width: 100%;
    height: 100%;
  }
  .funding-create-body .personalized-answer-box + .personalized-answer-box {
    margin-left: 2%;
  }
  .funding-create-body .funding-create-button-01::before {
    left: -4%;
    top: 4%;
  }
  .funding-create-body .funding-create-button-02::before {
    right: -4%;
    top: -4%;
  }
}

@media only screen and (max-width: 1024px) {
  .user-funding-list .user-funding-carousel .user-funding-shadow {
    width: 100%;
  }
  .user-funding-slider {
    padding: 4%;
  }
  .user-funding-slider .inner-table {
    table-layout: fixed;
  }
  .user-funding-slider .user-funding-text-box {
    width: 100%;
    padding-left: 24px;
  }
  .user-funding-slider .user-funding-title {
    padding-right: 20%;
  }
  .user-funding-slider .user-funding-image-box {
    width: 250px;
    vertical-align: top;
  }
  .user-funding-slider .user-funding-image-box .funding-bg {
    width: 100%;
    height: 271px;
  }
  .user-funding-title {
    font-size: 26px;
  }
  .user-funding-title span {
    font-size: 16px;
  }
  .user-funding-current-box,
  .user-funding-price-box {
    font-size: 18px;
  }
  .user-funding-percent-box {
    margin: 16px 0;
  }
  .user-funding-making .user-funding-making-cell {
    padding: 0 16px;
  }
  .user-funding-making .user-funding-making-cell .user-funding-making-cell {
    padding: 0 8px;
  }
  .user-funding-making .user-funding-making-cell .user-funding-making-cell .funding-build-title {
    font-size: 20px;
  }
  .user-funding-making .user-funding-making-cell .user-funding-making-cell .funding-build-sub {
    font-size: 16px;
  }
  .user-funding-making .user-funding-making-cell .user-funding-making-cell span {
    font-size: 13px;
  }
  .user-funding-making .user-funding-making-button {
    width: 100%;
  }
  .user-funding-total-round-percent {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
  }
  .funding-build-banner {
    padding: 4%;
    height: auto;
  }
  .funding-build-banner .funding-build-title-box {
    float: none;
    width: 100%;
  }
  .funding-build-banner .funding-build-button-box {
    float: none;
    margin-top: 24px;
  }
  .user-funding-detail-info-contents {
    margin-top: 24px;
  }
  .user-funding-detail-direct-support {
    font-size: 20px;
  }
  .user-funding-effect {
    margin-top: 32px;
  }
  .user-funding-effect .user-funding-effect-title {
    font-size: 20px;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children {
    padding: 40px 0;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .title-basic {
    font-size: 24px;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 16px;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell .text-box p {
    font-size: 18px;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell .text-box span {
    font-size: 14px;
  }
  .inner-youtube-box {
    width: 100%;
    height: 576px;
  }
  .user-funding-reply {
    margin-top: 32px;
  }
  .user-funding-reply .title-basic {
    font-size: 24px;
  }
  .ui-reply-list .ui-reply-user-info p,
  .ui-reply-list .ui-reply-user-info span {
    font-size: 14px;
  }
  .ui-reply-list .ui-reply-contents {
    font-size: 14px;
  }
  .ui-reply-list .ui-reply-head.type-image {
    width: 100%;
    float: none;
    padding: 8px 0 0 70px;
    height: 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ui-reply-list .ui-reply-body.type-image {
    width: 100%;
    float: none;
    padding: 0;
  }
  .ui-reply-list .ui-reply-body-info.type-image {
    position: relative;
  }
  .ui-reply-list .ui-reply-controls button {
    font-size: 14px;
  }
  .funding-create-total {
    font-size: 24px;
  }
  .funding-create-total strong {
    font-size: 28px;
  }
  .high-value-tooltip .product-summary-help .product-summary-help-layer {
    width: 280px;
    right: 0;
  }
  .high-value-tooltip .product-summary-help .product-summary-help-layer::after {
    left: 0%;
  }
  .high-value-tooltip .product-summary-help .product-summary-help-content {
    white-space: normal;
  }
  .special-idx-banner {
    width: 92%;
  }
  .special-idx-banner .slick-slide a {
    width: 100%;
    padding: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .special-idx-banner .slick-dots li {
    width: 8px;
    height: 8px;
  }
  .special-best-product {
    background-size: 160px 380px;
  }
  .special-share-product-list {
    padding: 110px 0 85px 0;
  }
  .special-share-product-list .special-share-product-title {
    font-size: 30px;
    margin-bottom: 50px;
  }
  .special-share-product-list .special-share-product-title strong {
    font-size: 26px;
  }
  .special-share-product-list .special-share-product-box {
    width: 48%;
    margin: 0 2% 2% 0;
  }
  .special-share-product-list .special-share-product-box .text-box {
    height: 276px;
    padding: 24px 20px;
  }
  .special-share-product-list .special-share-product-box .text-box .form-flex {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 800px) {
  .share-product-description-sub {
    font-size: 24px;
    background-size: 40px;
    padding-top: 36px;
  }
  .share-product-description-text {
    font-size: 16px;
  }
  .share-reasons-box .form-flex {
    display: block;
    height: auto;
  }
  .share-reasons-box .form-flex .form-flex-cell {
    display: block;
    font-size: 15px;
  }
  .share-reasons-box .form-flex .form-flex-cell::before {
    margin: 0 auto 12px;
  }
  .share-reasons-box .form-flex .form-flex-cell + .form-flex-cell {
    margin-top: 32px;
  }
  .share-how-to-use::before {
    display: none;
  }
  .share-how-to-use .inner {
    padding: 0;
  }
  .share-how-to-use .share-product-description-sub {
    background: #e8f2ff;
    padding: 32px 4%;
    margin-bottom: 0;
  }
  .how-to-use-box + .how-to-use-box {
    margin-top: 40px;
  }
  .how-to-use-box dt {
    font-size: 20px;
  }
  .how-to-use-box dt .eng {
    font-size: 16px;
  }
  .how-to-use-box dd {
    font-size: 15px;
  }
  .how-to-use-box:nth-of-type(even) .how-to-use-box-image {
    float: none;
    width: 100%;
  }
  .how-to-use-box:nth-of-type(even) .how-to-use-box-text {
    float: none;
    width: 100%;
    position: static;
    left: 0;
    height: auto;
    padding: 4%;
  }
  .how-to-use-box:nth-of-type(odd) .how-to-use-box-image {
    float: none;
    width: 100%;
  }
  .how-to-use-box:nth-of-type(odd) .how-to-use-box-text {
    float: none;
    width: 100%;
    position: static;
    left: 0;
    height: auto;
    padding: 4%;
  }
  .how-to-use-box.type-nth-04::before {
    top: -100px;
  }
  .high-value-contents {
    margin-top: 40px;
  }
  .high-value-contents .high-value-text {
    font-size: 18px;
  }
  .high-value-contents .high-value-sub-text {
    font-size: 14px;
    font-weight: 400;
  }
  .share-support-story {
    padding: 86px 0 140px 0;
    height: auto;
  }
  .share-support-story .title-basic {
    font-size: 24px;
  }
  .share-story-box {
    display: block;
  }
  .share-story-box .form-flex-cell {
    display: block;
    width: 100%;
  }
  .share-story-box .share-story-image {
    text-align: center;
  }
  .share-story-box .share-story-image::before {
    width: 260px;
    left: 50%;
    margin-left: -186px;
  }
  .share-story-box .share-story-image img {
    width: 260px;
  }
  .share-story-box .share-story-text {
    padding: 0;
    width: 100%;
  }
  .share-story-box .share-story-text p {
    font-size: 15px;
  }
  .share-story-box .share-story-text p::before {
    width: 40px;
    height: 29px;
    background-size: 100%;
  }
  .share-story-box .share-story-text .story-more-view {
    display: block;
    position: relative;
    text-align: right;
  }
  .user-funding-arrow {
    display: none;
  }
  .user-funding-slider .inner-table {
    display: block;
  }
  .user-funding-slider .user-funding-image-box {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .user-funding-slider .user-funding-text-box {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 8px;
    margin-top: 24px;
  }
  .user-funding-slider .user-funding-text-box .user-funding-title {
    padding-right: 0;
  }
  .user-funding-slider .user-funding-text-box .user-funding-creater {
    margin: 8px 0 24px;
    font-size: 16px;
  }
  .user-funding-slider .user-funding-text-box .user-funding-percent-box .percent-full {
    height: 12px;
  }
  .user-funding-current-box,
  .user-funding-price-box {
    font-size: 16px;
  }
  .user-funding-total-round-percent {
    top: -54px;
    right: 8px;
  }
  .user-funding-title {
    font-size: 20px;
  }
  .user-funding-list .user-funding-carousel .owl-stage-outer {
    overflow: hidden;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  }
  .user-funding-list .user-funding-carousel .user-funding-shadow {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .user-funding-making .user-funding-making-button {
    width: 50%;
  }
  .funding-detail-title {
    margin-top: 32px;
  }
  .funding-detail-title h3 {
    font-size: 20px;
  }
  .funding-detail-title p {
    font-size: 14px;
  }
  .user-funding-detail-layout {
    margin-top: 24px;
  }
  .user-funding-detail-layout .funding-bg {
    height: 240px;
  }
  .user-funding-detail-layout .user-funding-current-box,
  .user-funding-detail-layout .user-funding-price-box {
    font-size: 20px;
    font-weight: 700;
  }
  .user-funding-detail-layout .user-funding-detail-status li {
    font-size: 13px;
  }
  .user-funding-detail-layout .user-funding-detail-status li strong {
    font-size: 20px;
  }
  .user-funding-detail-layout .user-funding-detail-creater {
    width: 100%;
    float: none;
  }
  .user-funding-detail-layout .user-funding-detail-direct {
    width: 100%;
    float: none;
  }
  .inner-youtube-box {
    width: 100%;
    height: 450px;
  }
  .user-funding-recommend-child .member-children-section {
    padding: 16px 12px;
  }
  .user-funding-recommend-child .member-children-section .children-intro-box h4 {
    font-size: 18px;
    line-height: 30px;
  }
  .user-funding-recommend-child .member-children-section .children-recommend-message {
    font-size: 16px;
    margin-top: 24px;
  }
  .user-funding-effect .ui-accordion-head {
    padding: 24px 0;
  }
  .user-funding-effect .user-funding-effect-title {
    font-size: 15px;
  }
  .user-funding-effect .user-funding-effect-sub {
    font-size: 13px;
    margin-top: 16px;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .title-basic {
    font-size: 18px;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex {
    display: block;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell {
    display: block;
    width: 100%;
    padding: 0;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell .image-box {
    height: auto;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell .image-box img {
    width: 50%;
    max-width: 100%;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell .text-box p {
    font-size: 16px;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell .text-box span {
    font-size: 13px;
    margin-top: 8px;
    text-align: center;
  }
  .user-funding-notice {
    margin-top: 24px;
    padding: 16px;
    font-size: 12px;
    line-height: 24px;
  }
  .user-funding-detail-direct-support {
    text-align: center;
    font-size: 16px;
  }
  .user-funding-detail-direct-support .direct-input-box {
    position: static;
  }
  .user-funding-detail-direct-support .ui-input-block {
    width: 100%;
    display: block;
    margin-top: 24px;
  }
  .user-funding-detail-direct-support .ui-input-block .ui-input {
    text-align: left;
  }
  .user-funding-detail-direct-support .g-button-basic {
    width: 100%;
    margin: 16px 0 0;
  }
  .user-funding-reply .title-basic {
    font-size: 18px;
  }
  .total-reply {
    font-size: 14px;
    color: #8d8d8d;
  }
  .ui-input-reply-form {
    display: block;
  }
  .ui-input-reply-form .ui-input-reply-flex {
    display: block;
    width: 100%;
  }
  .ui-input-reply-form .ui-input-reply-flex + .ui-input-reply-flex {
    width: 100%;
    padding: 0;
    margin: 16px 0 0;
  }
  .ui-input-reply-form .type-lightGray {
    height: 48px;
  }
  .ui-reply-list .ui-reply-contents {
    padding: 16px 0;
  }
  .ui-reply-list .ui-reply-user-info .ui-reply-date {
    margin: 0;
    display: block;
    margin-top: 4px;
  }
  .funding-create-head {
    padding: 32px 0;
  }
  .funding-create-head h4 {
    font-size: 28px;
  }
  .personalized-step-next.type-funding .g-button-basic {
    width: 49%;
  }
  .personalized-step-next.type-funding button + button {
    margin-left: 2%;
  }
  .funding-create-total {
    font-size: 20px;
  }
  .funding-create-total strong {
    font-size: 24px;
  }
  .special-share-product-list .special-share-product-title {
    font-size: 26px;
  }
  .special-share-product-list .special-share-product-title strong {
    font-size: 20px;
  }
  .special-share-product-list .special-share-product-box .text-box p {
    font-size: 14px;
  }
  .user-funding-detail-layout.type-special-share .g-round-bullet-basic {
    margin-bottom: 16px;
    font-size: 12px;
  }
  .user-funding-detail-layout.type-special-share .user-funding-detail-status {
    margin-top: 24px;
  }
  .user-funding-detail-layout.type-special-share .user-funding-detail-status ul {
    float: none;
    margin: 0;
    width: 100%;
  }
  .user-funding-detail-layout.type-special-share .user-funding-detail-status .user-funding-detail-direct {
    float: none;
    width: 100%;
    margin-top: 24px;
  }
  .special-share-percentage-status {
    padding: 70px 4% 4%;
  }
  .special-share-percentage-status .user-funding-current-box,
  .special-share-percentage-status .user-funding-price-box {
    font-size: 18px;
  }
  .special-share-percentage-status .user-funding-percent-box {
    margin: 8px 0 16px 0;
  }
  .special-share-percentage-status .user-funding-percent-box .percent-full {
    height: 12px;
  }
  .current-balloon {
    width: 160px;
    height: 50px;
    background: url("../images/sub/bg_special_share_status_mobile.png") no-repeat center center;
    background-size: 100%;
    padding: 8px 0;
    top: -76px;
    margin-right: -80px;
  }
  .current-balloon span {
    font-size: 12px;
  }
  .current-balloon span strong {
    font-size: 16px;
  }
  .current-balloon p {
    display: none;
  }
  .user-funding-information.type-special-share {
    padding-bottom: 40px;
  }
  .special-share-report .title-basic {
    margin-bottom: 16px;
  }
  .special-share-report ul li .button-report-download {
    width: 100%;
    position: static;
  }
  .special-share-layout #mainSection02 {
    margin-top: 0;
  }
  .special-share-layout #mainSection02 .sponsorship-title-area .title-basic {
    font-size: 28px;
  }
}

@media only screen and (max-width: 640px) {
  .user-funding-slider .user-funding-image-box .funding-bg {
    height: 140px;
  }
  .user-funding-slider .user-funding-image-box .funding-bg[data-device=pc] {
    display: none;
  }
  .user-funding-slider .user-funding-image-box .funding-bg[data-device=mobile] {
    display: block;
  }
  .user-funding-all .user-funding-list .user-funding-shadow:nth-child(even), .user-funding-all .user-funding-list .user-funding-shadow:nth-child(odd) {
    float: none;
    margin: 0;
    width: 100%;
  }
  .user-funding-all .user-funding-list .user-funding-shadow + .user-funding-shadow {
    margin-top: 4%;
  }
  .user-funding-list .user-funding-image-box .funding-bg[data-device=pc] {
    display: none;
  }
  .user-funding-list .user-funding-image-box .funding-bg[data-device=mobile] {
    display: block;
  }
  .funding-build-banner .funding-build-title-box p {
    font-size: 17px;
  }
  .funding-build-banner .funding-build-title-box span {
    font-size: 13px;
  }
  .funding-build-banner .funding-build-button-box {
    width: 100%;
  }
  .funding-create-total {
    font-size: 18px;
  }
  .funding-create-total strong {
    font-size: 20px;
  }
  .inner-youtube-box {
    width: 100%;
    height: 360px;
  }
  .special-idx-layout .user-funding-list .user-funding-title {
    height: auto;
    margin-bottom: 56px;
  }
  .special-idx-layout .user-funding-list .user-funding-text-box {
    padding: 48px 24px;
  }
  .special-share-product-list {
    margin: 0;
  }
  .special-share-product-list .special-share-product-title {
    font-size: 18px;
    margin-bottom: 40px;
  }
  .special-share-product-list .special-share-product-title strong {
    font-size: 14px;
  }
  .special-share-product-list .special-share-product-title strong::before {
    width: 26px;
    height: 19px;
    top: -24px;
    left: -30px;
  }
  .special-share-product-list .special-share-product-box {
    width: 100%;
    margin: 0;
  }
  .special-share-product-list .special-share-product-box .text-box {
    height: auto;
  }
  .special-share-product-list .special-share-product-box .text-box h4 {
    font-size: 20px;
  }
  .special-share-product-list .special-share-product-box .text-box h4 .eng {
    font-size: 16px;
  }
  .special-share-product-list .special-share-product-box .text-box p {
    font-size: 15px;
  }
  .special-share-product-list .special-share-product-box .text-box .form-flex {
    position: static;
    margin-top: 48px;
    padding: 0;
  }
  .special-share-product-list .special-share-product-box + .special-share-product-box {
    margin-top: 4%;
  }
  .share-product-name {
    display: none;
  }
  .special-share-percentage-status .user-funding-current-box,
  .special-share-percentage-status .user-funding-price-box {
    font-size: 16px;
  }
  .special-share-report ul li {
    font-size: 14px;
  }
  .special-share-layout #mainSection02 .sponsorship-title-area .title-basic {
    font-size: 24px;
  }
  .share-product-description {
    background-position: 7% 120px;
    padding-bottom: 40px;
  }
  .share-product-description::after {
    width: 210px;
    height: 268px;
    right: -80px;
    bottom: inherit;
    top: 90px;
  }
  .share-how-to-use {
    padding-top: 0;
  }
}

@media only screen and (max-width: 520px) {
  .special-share-layout {
    padding-top: 32px;
  }
  .special-share-layout #mainSection02 .sponsorship-title-area .title-basic {
    margin-bottom: 0;
  }
  .special-share-layout #mainSection02 .sponsorship-title-area .sub-title-basic {
    margin-top: 16px;
  }
  .share-product-description-sub {
    font-size: 20px;
    word-break: keep-all;
  }
  .share-product-description-text {
    font-size: 13px;
  }
  .share-product-description-text br {
    display: none;
  }
  .share-title-area h3 {
    font-size: 20px;
  }
  .share-title-area h3 .eng {
    font-size: 14px;
  }
  .share-reasons-box {
    padding: 40px 20px;
  }
  .how-to-use-box dt .eng {
    font-size: 15px;
  }
  .how-to-use-box dd {
    font-size: 13px;
    word-break: keep-all;
  }
  .how-to-use-box.type-nth-04::before {
    width: 250px;
    top: -50px;
    left: -50px;
  }
  .high-value-contents .high-value-text {
    font-size: 16px;
  }
  .high-value-contents .high-value-sub-text {
    font-size: 13px;
  }
  .user-funding-effect .user-funding-effect-sub br {
    display: none;
  }
  .inner-youtube-box {
    height: 292px;
  }
  .funding-create-head h4 {
    font-size: 16px;
  }
  .funding-create-body .personalized-answer-box {
    width: 90%;
  }
  .funding-create-body .personalized-answer-box + .personalized-answer-box {
    margin: 16% 0 0;
  }
  .funding-create-body .funding-create-button-01::before {
    left: -8%;
    top: 11%;
  }
  .funding-create-body .funding-create-button-02::before {
    right: -8%;
    top: -11%;
  }
  .funding-create-total {
    font-size: 13px;
  }
  .funding-create-total strong {
    font-size: 17px;
  }
  .special-share-layout #mainSection02 .sponsorship-title-area .title-basic {
    font-size: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell .image-box img {
    width: 100%;
  }
  .user-funding-effect .ui-accordion-layer .user-funding-type-children .form-flex-cell + .form-flex-cell {
    margin-top: 16px;
  }
  .inner-youtube-box {
    height: 202px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 결제관련 css
 * 작성자 : gikim
 * 파일명 : _pay.scss
 */
.sponsor-accordion {
	width: 588px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-bottom: 12px
}
.sponsor-accordion .accordion-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 100%
}
.sponsor-accordion .accordion-header .js-accordion-trigger {
	min-width: 78px;
	height: 40px;
	margin-left: auto;
	line-height: 40px
}
.sponsor-accordion .accordion-item .accordion-panel[hidden] {
    display: none
}
.sponsor-accordion .accordion-item.is-open .accordion-panel {
    display: block;
    margin-top: 16px
}
.sponsor-login-form {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	min-width: 100%
}
.sponsor-login-form .ui-input-block {
	width: 100%;
	margin-right: 8px
}
.sponsor-login-form .type-password .type-password-masking {
	top: 50%;
	margin-top: -10px
}
.sponsor-login-form .g-button-basic {
	min-width: 78px
}


.type-sponsorship .sponsorship-child-info {
  margin: 64px auto;
}

.type-sponsorship .ui-input-text-wrap .ui-title {
  letter-spacing: -0.44px;
}

.form-section-wrap .tab-radius-wrap {
  padding: 16px 0 0;
}

.form-section-wrap.type-card {
  display: none;
}

.form-section-wrap.type-toss {
  display: none;
}

.form-section-wrap.type-kakao {
  display: none;
}

.form-section-wrap.type-naver {
  display: none;
}

.payment-card-wrap .inner {
  width: 588px;
  margin: 30px auto 120px;
}

.payment-card-wrap .payment-text-wrap {
  margin-bottom: 16px;
}

.payment-card .card-image-wrap {
  width: 100%;
  height: 160px;
  margin: 40px auto 16px;
}

.payment-card .card-image-wrap::after {
  display: block;
  content: '';
  width: 160px;
  height: 160px;
  background: url("../images/common/ico_payment.png") no-repeat center;
  margin: 0 auto;
}

.payment-card .card-info {
  text-align: center;
  margin-bottom: 40px;
}

.address-text-wrap dd,
.address-text-wrap dt {
  display: inline-block;
}

.address-text-wrap dd {
  padding-bottom: 8px;
  width: 81%;
}

.payment-notice {
  text-align: center;
  font-size: 16px;
  margin-bottom: 80px;
}

.payment-notice p + p {
  margin-top: 40px;
}

.sponsorship-store-wrap,
.sponsorship-text-area {
  width: 100%;
  margin-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.sponsorship-store-wrap::before,
.sponsorship-text-area::before {
  position: absolute;
  top: 0;
  right: 50%;
  display: block;
  content: '';
  width: 1152px;
  height: 100%;
  background: url("../images/sub/bg_object_skyblue_square_1152x480.png") no-repeat center;
  z-index: -1;
}

.sponsorship-store-wrap > .inner > p,
.sponsorship-text-area > .inner > p {
  padding: 52px 0;
  font-size: 24px;
  font-weight: bold;
  position: relative;
}

.sponsorship-store-wrap > .inner > p span,
.sponsorship-text-area > .inner > p span {
  color: #005eb8;
}

.sponsorship-store-wrap > .inner > p::after,
.sponsorship-text-area > .inner > p::after {
  position: absolute;
  bottom: 28px;
  display: block;
  content: '';
  width: 56px;
  height: 4px;
  background: #ffd100;
}

.sponsorship-text-area .type-kakao {
  text-align: right;
  margin-top: 40px;
}

.sponsorship-text-area .type-kakao div {
  display: inline-block;
  width: 180px;
}

.sponsorship-text-area .form-flex {
  width: 100%;
}

.sponsorship-text-area .form-flex-cell.type-button {
  padding-left: 24px;
  width: 180px;
  vertical-align: top;
}

.sponsorship-text-area .form-flex-cell.type-button > div {
  margin-bottom: 16px;
}

.sponsorship-moreinfo-wrap {
  margin: 80px 0 117px;
  position: relative;
}

.sponsorship-moreinfo-wrap .inner {
  position: relative;
  padding-top: 156px;
  padding-bottom: 12px;
}

.sponsorship-moreinfo-wrap .inner::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 894px;
  height: 560px;
  z-index: -1;
}

.sponsorship-moreinfo-wrap.type-user .inner::before {
  background: url("../images/sub/img_children_letter_01.png") no-repeat center top;
  background-size: 100%;
}

.sponsorship-moreinfo-wrap.type-nonuser .inner::before {
  background: url("../images/sub/img_children_letter_02.png") no-repeat center top;
  background-size: 100%;
}

.sponsorship-moreinfo-wrap.type-fail .inner::before {
  background: url("../images/sub/img_children_letter_03.png") no-repeat center top;
  background-size: 100%;
}

.sponsorship-moreinfo-wrap.type-fail .inner .moreinfo-text-title:first-child {
  position: relative;
  font-weight: normal;
  z-index: 0;
}

.sponsorship-moreinfo-wrap.type-fail .inner .moreinfo-text-title:first-child::before {
  position: absolute;
  top: 29px;
  left: 0;
  display: block;
  content: '';
  width: 162px;
  height: 4px;
  background-color: #ffd100;
  z-index: -1;
}

.sponsorship-moreinfo-wrap.type-funding .inner::before {
  background: url("../images/sub/img_funding_children.png") no-repeat center;
  background-size: cover;
}

.sponsorship-moreinfo-wrap .moreinfo-text-title b {
  color: #005eb8;
}

.moreinfo-text-wrap {
  width: 690px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  float: right;
  position: relative;
}

.moreinfo-text-wrap > div {
  padding: 40px 52px 40px 40px;
}

.moreinfo-text-wrap .moreinfo-text-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
  position: relative;
  min-height: 72px;
}

.moreinfo-text-wrap .moreinfo-text {
  font-size: 16px;
  padding-top: 24px;
  margin-bottom: 64px;
  width: 100%;
  position: relative;
}

.moreinfo-text-wrap .moreinfo-text::before {
  position: absolute;
  top: 0;
  display: block;
  content: '';
  width: 56px;
  height: 4px;
  background: #ffd100;
}

.moreinfo-text-wrap .payment-fail-text {
  font-size: 14px;
  margin-bottom: 53px;
}

.moreinfo-text-wrap .payment-fail-text > div {
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
}

.moreinfo-text-wrap .moreinfo-btn-wrap {
  width: 100%;
  max-width: 210px;
  table-layout: fixed;
}

.moreinfo-text-wrap .moreinfo-btn-wrap.form-flex {
  width: 416px;
}

.moreinfo-text-wrap .moreinfo-btn-wrap.form-flex .form-flex-cell:first-child {
  padding-right: 8px;
}

.moreinfo-text-wrap.type-fail {
  padding-top: 72px;
}

.moreinfo-text-wrap.type-fail > div {
  padding: 16px 40px 40px;
}

.moreinfo-text-wrap.type-fail > div::before {
  position: absolute;
  top: 48px;
  width: 24px;
  height: 24px;
  content: '';
  display: block;
  background: url("../images/sub/ico_warning_yellow_24x24.png") no-repeat center;
  background-size: 100%;
}

.moreinfo-text-wrap.type-fail .moreinfo-text-title {
  margin-bottom: 40px;
}

.moreinfo-text-wrap.type-fail .moreinfo-text-title + .moreinfo-text-title {
  margin-bottom: 24px;
  min-height: auto;
}

.moreinfo-text-wrap.type-fail .moreinfo-text-title::after {
  display: none;
}

.js-range-slider.type-icon.type-xMas .rs-container .rs-selected::before {
  width: 36px;
  margin-right: -18px;
  background: url("../images/sub/ico_xmas_tree.png") no-repeat center;
  background-size: 100%;
}

.js-range-slider.type-icon.type-CDay .rs-container .rs-selected::before {
  width: 40px;
  background: url("../images/sub/ico_present.png") no-repeat center;
  background-size: 100%;
}

.js-range-slider.type-icon .rs-container .rs-selected {
  position: relative;
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
}

.js-range-slider.type-icon .rs-container .rs-selected::before {
  content: '';
  display: block;
  position: absolute;
  top: -73px;
  right: 0;
  margin-right: -20px;
  width: 40px;
  height: 40px;
  background: url("../images/sub/ico_birthday_cake.png") no-repeat center;
  background-size: 100%;
}

.bank-select-wrap > div {
  width: 32%;
  display: inline-block;
  line-height: 48px;
}

.bank-select-wrap > div:last-child .ui-radio-text {
  margin-right: -20px;
}

.join-top-alert {
  padding: 26px 0 26px 26px;
  font-size: 16px;
  text-align: center;
  background-color: #eaf4f7;
}

.join-top-alert span {
  position: relative;
}

.join-top-alert span::after {
  position: absolute;
  top: 0;
  left: -37px;
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background: url("../images/sub/ico_warning_black_24x24.png") no-repeat center;
  background-size: 100%;
}

.sponsorship-choice-wrap.type-border-top {
  border-top: none;
  padding-top: 0;
}

.sponsorship-choice-wrap.type-border-top .sponsorship-choice-item:first-child {
  padding: 32px 4%;
  border-top: 1px solid #d9e1e2;
}

.sponsorship-choice-wrap .sponsorship-choice-item {
  width: 92%;
  padding: 0 4% 60px;
}

.sponsorship-choice-wrap .sponsorship-choice-item.type-depth {
  position: relative;
}

.sponsorship-choice-wrap .sponsorship-choice-item.type-depth::after {
  position: absolute;
  top: 0;
  left: 4%;
  display: block;
  content: '';
  width: 92%;
  height: 1px;
  background-color: #d9e1e2;
}

.sponsorship-choice-wrap .sponsorship-choice-item + .sponsorship-choice-item {
  padding: 60px 4%;
}

.sponsorship-choice-wrap .sponsorship-choice-item .form-flex {
  width: 100%;
}

.sponsorship-choice-wrap .sponsorship-select-box {
  width: 32%;
  margin-bottom: 30px;
  vertical-align: top;
}

.sponsorship-choice-wrap .sponsorship-select-box .ui-checkbox-text {
  font-size: 24px;
  font-weight: bold;
  width: 240px;
  padding-left: 30px;
  line-height: normal;
  word-break: keep-all;
}

  .sponsorship-choice-wrap .sponsorship-select-box .ui-checkbox-text .mobile_gift_money_info{
    display:none;
    font-size:14px;
    color:#8d8d8d;
    font-weight: normal;
  }

.sponsorship-choice-wrap .sponsorship-range-box {
  margin-top: 76px;
  padding-left: inherit;
}

.sponsorship-choice-wrap .sponsorship-range-box .rs-container {
  height: 26px;
}

.sponsorship-choice-wrap .sponsorship-range-box .rs-container .rs-pointer {
  top: -6px;
  width: 24px;
  height: 24px;
}

.sponsorship-choice-wrap .sponsorship-range-box .range-text {
  width: 100%;
  font-size: 0;
  color: #8d8d8d;
}

.sponsorship-choice-wrap .sponsorship-range-box .range-text div {
  float: right;
  display: inline-block;
  margin-right: -30px;
  font-size: 16px;
}

.sponsorship-choice-wrap .sponsorship-range-box .range-text div:first-child {
  float: left;
  margin-left: -24px;
}

.sponsorship-choice-price {
  font-size: 20px;
  text-align: right;
  font-weight: bold;
  margin-top: 24px;
}

.sponsorship-choice-price b {
  color: #005eb8;
}

.sponsorship-choice-price .input-cell {
    font-size: 20px;
    font-weight: bold;
    color: #005eb8;
    text-align: right;
}

.sponsorship-choice-price .pc_gift_money_info{
    font-size:14px;
    color: #8d8d8d;
    margin-top: 10px;
    font-weight: normal;
}

.sponsorship-total-price-wrap ul {
  border-top: 1px solid #768692;
}

.sponsorship-total-price-wrap li {
  padding: 40px 40px 4px;
}

.sponsorship-total-price-wrap li::after {
  content: '';
  display: table;
  clear: both;
}

.sponsorship-total-price-wrap li + li {
  padding: 4px 40px;
}

.sponsorship-total-price-wrap li span {
  float: right;
}

.sponsorship-total-price-wrap li span:first-child {
  float: left;
}

.sponsorship-total-price-wrap .total-price {
  padding: 40px;
  margin-top: 36px;
  font-size: 24px;
  border-top: 1px solid #768692;
}

.sponsorship-total-price-wrap .total-price span {
  font-weight: bold;
}

.sponsorship-total-price-wrap .total-price span b {
  color: #005eb8;
}

.sponsorship-btn-wrap > div {
  margin: 80px auto 120px;
  width: 588px;
}

.sponsorship-select-box + .sponsorship-extra-select {
  padding: 0;
}

.sponsorship-extra-select .form-flex {
  margin-bottom: 40px;
  table-layout: fixed;
}

.sponsorship-extra-select .form-flex .form-flex-cell {
  vertical-align: top;
}

.sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-block {
  display: block;
  width: 100%;
  height: 100%;
  margin-right: 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-block .ui-radio-label.checked {
  background: #71b2c9;
}

.sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-block .ui-radio-label.checked .ui-radio-text {
  color: #fff;
}

.sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-object {
  top: 25px;
  left: 50%;
  background: url("../images/sub/ico_mysupport_category13.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
  position: absolute;
}

.sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-label {
  color: #8d8d8d;
  width: 100%;
  height: 100%;
  padding-bottom: 8%;
  text-align: center;
  background: #f2f5f8;
}

.sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-label .ui-radio-text {
  margin: 69px auto 0;
  word-break: keep-all;
  line-height: normal;
  width: 90%;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=babyAndMom] .ui-radio-object {
  width: 20px;
  height: 39px;
  margin-left: -10px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=babyAndMom] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -41px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=emergencyDisaster] .ui-radio-object {
  width: 40px;
  height: 40px;
  margin-left: -22px;
  background: url("../images/sub/ico_mysupport_category2.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=emergencyDisaster] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -41px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=specialEducation] .ui-radio-object {
  width: 34px;
  height: 42px;
  margin-left: -17px;
  background: url("../images/sub/ico_mysupport_category3.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=specialEducation] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -40px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=sponsorChildren] .ui-radio-object {
  width: 34px;
  height: 39px;
  margin-left: -16px;
  background: url("../images/sub/ico_mysupport_category14.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=sponsorChildren] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -39px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=sickChild] .ui-radio-object {
  width: 34px;
  height: 40px;
  margin-left: -20px;
  background: url("../images/sub/ico_mysupport_category4.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=sickChild] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -40px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=childrenBible] .ui-radio-block {
  margin-right: 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=childrenBible] .ui-radio-object {
  width: 35px;
  height: 37px;
  margin-left: -17px;
  background: url("../images/sub/ico_mysupport_category15.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=childrenBible] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -36px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=sanitation] .ui-radio-block {
  margin-right: 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=sanitation] .ui-radio-object {
  width: 34px;
  height: 42px;
  margin-left: -17px;
  background: url("../images/sub/ico_mysupport_category7.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=sanitation] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -43px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=vulnerableChild] .ui-radio-block {
  margin-right: 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=vulnerableChild] .ui-radio-object {
  width: 34px;
  height: 34px;
  margin-left: -17px;
  background: url("../images/sub/ico_mysupport_category8.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=vulnerableChild] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -34px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=architecture] .ui-radio-block {
  margin-right: 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=architecture] .ui-radio-object {
  width: 34px;
  height: 34px;
  margin-left: -17px;
  background: url("../images/sub/ico_mysupport_category9.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=architecture] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -34px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=christmas] .ui-radio-block {
  margin-right: 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=christmas] .ui-radio-object {
  width: 34px;
  height: 34px;
  margin-left: -17px;
  background: url("../images/sub/ico_mysupport_category10.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=christmas] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -34px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=northKorChildren] .ui-radio-block {
  margin-right: 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=northKorChildren] .ui-radio-object {
  width: 34px;
  height: 35px;
  margin-left: -17px;
  background: url("../images/sub/ico_mysupport_category11.png") no-repeat;
  background-size: 100%;
  background-position: 0 2px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=northKorChildren] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -31px;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=AIDS] .ui-radio-block {
  margin-right: 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=AIDS] .ui-radio-object {
  width: 34px;
  height: 34px;
  margin-left: -17px;
  background: url("../images/sub/ico_mysupport_category12.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
}

.sponsorship-extra-select .form-flex .form-flex-cell[data-extraSpon-type=AIDS] .ui-radio-label.checked .ui-radio-object {
  background-position: 0 -34px;
}

.sponsorship-extra-select b {
  font-size: 18px;
  color: #71b2c9;
}

.sponsorship-extra-select p {
  margin-top: 16px;
  font-size: 16px;
}

.sponsorship-extra-text > div {
  display: none;
}

.sponsorship-extra-text .type-01 {
  display: block;
}

.type-event .join-top-notice {
  margin-bottom: 60px;
}

.type-event .join-top-notice > div {
  width: 400px;
}

.type-event .child-info-wrap b {
  display: block;
}

.type-event .payment-card-wrap {
  margin-top: 64px;
}

.type-event .sponsorship-total-price-wrap ul {
  border: none;
}

.type-event .sponsorship-total-price-wrap ul li {
  border-top: none;
  border-bottom: 1px solid #425563;
}

.type-event .form-notice-wrap {
  text-align: center;
  margin-bottom: 60px;
}

.type-event.type-complete {
  margin-bottom: 120px;
}

.type-event.type-complete .sponsorship-complete-info .form-flex {
  border-bottom: 1px solid #425563;
}

.type-event.type-complete .sponsorship-complete-info .sponsorship-total-pay-wrap {
  border-top: none;
}

.type-event.type-complete .sponsorship-complete-info .sponsorship-total-pay-wrap li {
  margin: 24px 0;
}

.type-event.type-complete .child-info-wrap b {
  display: inline-block;
}

.type-event.type-complete .child-info-wrap ul li span:first-child {
  font-weight: bold;
}

.sponsorship-payment-birthday {
  font-size: 16px;
  width: 1200px;
  margin: 40px auto;
}

.sponsorship-payment-birthday .inner {
  padding: 24px 40px;
  width: auto;
  border-top: 1px solid #768692;
  border-bottom: 1px solid #768692;
}

.sponsorship-payment-birthday .payment-birthday-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
}

.sponsorship-payment-birthday li {
  margin-bottom: 12px;
}

.sponsorship-payment-birthday li::after {
  content: '';
  display: table;
  clear: both;
}

.sponsorship-payment-birthday li span {
  float: right;
}

.sponsorship-payment-birthday li span:first-child {
  float: left;
}

.top-text-wrap {
  margin: 80px auto 40px;
  word-break: keep-all;
  text-align: center;
}

.top-text-wrap h4 {
  margin-bottom: 24px;
  font-weight: normal;
  font-size: 20px;
}

@media only screen and (max-width: 1280px) {
  .type-event.type-complete .child-info-wrap b {
    display: block;
  }
  .type-event.type-complete .child-info-wrap ul {
    margin-left: 0;
  }
  .type-event.type-complete .child-info-wrap ul li:first-child {
    margin-left: 0;
  }
  .type-event.type-complete .child-info-wrap ul li span:first-child {
    font-weight: bold;
  }
  .sponsorship-store-wrap {
    padding-bottom: 8vw;
  }
  .sponsorship-moreinfo-wrap {
    margin-top: 8vw;
  }
  .sponsorship-extra-select .form-flex .form-flex-cell .ui-radio-label .ui-radio-text {
    font-size: 11px;
  }
  .sponsorship-payment-birthday {
    width: auto;
    padding: 0 4%;
  }
  .sponsorship-payment-birthday .inner {
    padding: 24px 40px;
    width: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .sponsorship-choice-wrap .sponsorship-choice-item .form-flex .form-flex-cell {
    display: block;
  }
  .sponsorship-choice-wrap .sponsorship-choice-item .sponsorship-extra-select .form-flex {
    font-size: 0;
    display: block;
    margin: 0 -1% 16px 0;
  }
  .sponsorship-choice-wrap .sponsorship-choice-item .sponsorship-extra-select .form-flex .form-flex-cell {
    display: inline-block;
    width: 32.3%;
    margin: 0 1% 1% 0;
    padding: 0;
  }
  .sponsorship-choice-wrap .sponsorship-choice-item.type-depth .sponsorship-extra-select .form-flex .form-flex-cell {
    display: inline-block;
    width: 31%;
    padding-left: 2%;
    margin-bottom: 2%;
  }
  .sponsorship-choice-wrap .sponsorship-choice-item.type-depth .sponsorship-extra-select .form-flex .form-flex-cell:nth-of-type(1), .sponsorship-choice-wrap .sponsorship-choice-item.type-depth .sponsorship-extra-select .form-flex .form-flex-cell:nth-of-type(4) {
    padding-left: 0;
  }
  .sponsorship-choice-wrap .sponsorship-select-box {
    width: 100%;
  }
  .sponsorship-choice-wrap .sponsorship-select-box .ui-checkbox-text {
    width: auto;
  }
  .type-event .sponsorship-child-info.type-event .child-info-wrap ul li span:first-child {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .payment-card .card-image-wrap::after {
    width: 140px;
    height: 140px;
    background-size: 100%;
  }
  .type-event .join-top-notice {
    margin-bottom: 32px;
  }
  .type-event .join-top-notice > div {
    width: 60%;
  }
  .type-event .sponsorship-child-info {
    margin: 0;
  }
  .type-event .payment-card-wrap {
    margin-top: 32px;
  }
  .type-event .form-notice-wrap {
    margin-bottom: 40px;
  }
  .join-top-alert {
    text-align: left;
    font-size: 14px;
    padding: 26px 4% 26px 37px;
  }
  .type-sponsorship .sponsorship-child-info {
    margin: 40px auto;
  }

  .sponsor-accordion {
    box-sizing: border-box;
  	width: 100%;
    padding-right: 4%;
    padding-left: 4%;
  }
  .sponsor-accordion .accordion-header .description {
    margin-right: 6px;
    word-wrap: break-word;
    word-break: keep-all
  }
  .sponsor-accordion .accordion-header .js-accordion-trigger {
  	min-width: 86px;
  	font-size: 13px
  }
  .sponsor-accordion .accordion-item .accordion-panel[hidden] {
  	display: none
  }
  .sponsor-accordion .accordion-item.is-open .accordion-panel {
  	display: block;
  	margin-top: 16px
  }

  .sponsorship-choice-wrap .sponsorship-choice-item {
    width: 92%;
    padding: 0 4% 32px;
  }
  .sponsorship-choice-wrap .sponsorship-choice-item + .sponsorship-choice-item {
    padding: 32px 4%;
  }
  .sponsorship-choice-wrap .sponsorship-choice-item .form-flex .sponsorship-range-box .range-text {
    font-size: 13px;
  }
  .sponsorship-choice-wrap .sponsorship-choice-item .form-flex .sponsorship-extra-select b {
    font-size: 16px;
  }
  .sponsorship-choice-wrap .sponsorship-choice-item .form-flex .sponsorship-extra-select p {
    font-size: 13px;
  }
  .sponsorship-choice-wrap .sponsorship-select-box {
    margin-bottom: 0;
  }
  .sponsorship-choice-wrap .sponsorship-select-box + .sponsorship-extra-select {
    margin-top: 4%;
  }
  .sponsorship-choice-wrap .sponsorship-select-box .ui-checkbox-label.checked .ui-checkbox-object {
    background-position: 0 -36px;
  }
  .sponsorship-choice-wrap .sponsorship-select-box .ui-checkbox-label .ui-checkbox-object {
    width: 36px;
    height: 36px;
  }
  .sponsorship-choice-wrap .sponsorship-select-box .ui-checkbox-text {
    font-size: 16px;
    line-height: normal;
    padding: 10px 0 10px 20px;
  }

  .sponsorship-choice-wrap .sponsorship-select-box .ui-checkbox-text .mobile_gift_money_info{
    display:inline;
    font-size:12px;
    color:#8d8d8d;
    font-weight: normal;
  }
  .sponsorship-total-price-wrap li {
    padding: 24px 0 4px;
  }
  .sponsorship-total-price-wrap li + li {
    padding: 4px 0;
  }
  .sponsorship-total-price-wrap .total-price {
    font-size: 16px;
    padding: 24px 0;
    margin-top: 24px;
  }
  .sponsorship-btn-wrap > div {
    width: 100%;
    margin: 40px auto 120px;
  }
  .sponsorship-text-area {
    margin-top: 40px;
  }
  .type-event .join-top-notice .notice-title {
    text-align: center;
  }
  .type-event.type-complete .sponsorship-complete-info .sponsorship-total-pay-wrap li {
    margin: 8px 0;
  }
  .type-event.type-complete .child-info-wrap ul li span:first-child {
    display: none;
  }
  .sponsorship-choice-price {
    font-size: 16px;
  }

  .sponsorship-choice-price .pc_gift_money_info{
    display:none;
  }

  .sponsorship-payment-birthday .inner {
    padding: 16px 30px;
  }
  .sponsorship-payment-birthday .payment-birthday-title {
    font-size: 16px;
  }
  .sponsorship-payment-birthday li {
    font-size: 13px;
    margin-bottom: 8px;
  }
  .top-text-wrap {
    margin: 40px auto;
    padding: 0 4%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .top-text-wrap h4 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 640px) {
  .type-sponsorship.type-complete .join-top-notice .notice-title {
    text-align: center;
  }
  .tab-radius-wrap.type-flex li {
    text-align: center;
    width: 48%;
    padding: 0;
  }
  .tab-radius-wrap.type-flex li:first-child {
    margin-right: 2%;
  }
  .form-flex.type-double .ui-select-block {
    width: 100%;
  }
  .form-flex.type-double.type-long {
    display: block;
  }
  .form-flex.type-double.type-long .form-flex-cell {
    display: block;
    width: 100% !important;
  }
  .form-flex.type-double.type-long .form-flex-cell .ui-select-block {
    width: 100%;
  }
  .form-flex.type-double.type-long .form-flex-cell + .form-flex-cell {
    padding: 8px 0 0;
  }
  .payment-card-wrap .inner {
    width: 100%;
  }
  .payment-card-wrap .payment-text-wrap {
    margin-bottom: 24px;
  }
  .payment-card-wrap .payment-card .card-image-wrap {
    width: 86%;
    height: 100%;
  }
  .payment-card-wrap .payment-notice {
    font-size: 13px;
    margin-bottom: 40px;
  }
  .bank-select-wrap > div {
    width: 49%;
  }
  .bank-select-wrap div:last-child {
    width: 100%;
  }
  .sponsorship-moreinfo-wrap .inner {
    padding-top: 56%;
  }
  .sponsorship-moreinfo-wrap .inner::before {
    width: 100%;
  }
  .sponsorship-moreinfo-wrap .inner .moreinfo-text-wrap {
    width: 100%;
  }
  .sponsorship-moreinfo-wrap .inner .moreinfo-text-wrap > div {
    padding: 32px 24px 30px;
  }
  .sponsorship-moreinfo-wrap .inner .moreinfo-text-title {
    font-size: 16px;
    margin-bottom: 0;
  }
  .sponsorship-moreinfo-wrap .inner .moreinfo-text-title::after {
    bottom: -12px;
  }
  .sponsorship-moreinfo-wrap .inner .moreinfo-text {
    font-size: 13px;
    margin-bottom: 16px;
  }
  .sponsorship-moreinfo-wrap .inner .moreinfo-btn-wrap {
    width: 100%;
    max-width: 100%;
  }
  .sponsorship-moreinfo-wrap .inner .moreinfo-btn-wrap.form-flex .form-flex-cell {
    display: block;
    padding: 0;
  }
  .sponsorship-moreinfo-wrap .inner .moreinfo-btn-wrap.form-flex .form-flex-cell:first-child {
    margin-bottom: 16px;
  }
  .sponsorship-moreinfo-wrap.type-fail .inner .moreinfo-text-title:first-child::before {
    top: 18px;
  }
  .sponsorship-moreinfo-wrap.type-fail .inner .moreinfo-text-wrap > div {
    padding: 16px 24px 30px;
  }
  .sponsorship-store-wrap .inner p {
    font-size: 16px;
    width: 242px;
  }
  .sponsorship-text-area .inner > p {
    font-size: 16px;
    padding: 24px 0 52px;
  }
  .sponsorship-text-area .form-flex {
    width: 100%;
  }
  .sponsorship-text-area .form-flex-cell {
    display: block;
  }
  .sponsorship-text-area .form-flex-cell.type-button {
    padding-left: 0;
    width: 100%;
    padding-top: 16px;
    display: table;
    table-layout: fixed;
  }
  .sponsorship-text-area .form-flex-cell.type-button > div {
    display: table-cell;
    width: 50%;
    margin-bottom: 16px;
  }
  .sponsorship-text-area .form-flex-cell.type-button > div:first-child {
    padding-right: 16px;
  }
  .sponsorship-store-wrap::before,
  .sponsorship-text-area::before {
    height: 261px;
  }
  .sponsorship-store-wrap > .inner > p::after,
  .sponsorship-text-area > .inner > p::after {
    width: 24px;
  }

  .sponsor-login-form {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sponsor-login-form .ui-input-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right: 0;
    margin-bottom: 8px
  }
  .sponsor-login-form .g-button-basic {
    width: 100%
  }
}

@media screen and (max-width: 768px) {
  .mypage-gift-reservation .gift-reservation-range-wrap .rs-pointer,
  .sponsorship-choice-wrap .sponsorship-range-box .rs-container .rs-pointer {
    top: -8px;
    width: 16px;
    height: 30px;
  }

  .sponsorship-choice-wrap .sponsorship-range-box .range-text div {
    margin-right: 0;
  }

  .sponsorship-choice-wrap .sponsorship-range-box .range-text div:first-child {
    margin-left: 0;
  }

  .sponsorship-choice-price .input-cell {
    width: 35%;
    height: 40px;
    font-size: 16px;
  }
}


/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 상품 정리
 * 작성자 : gikim
 * 파일명 : _product.scss
 */
.store-product-wrap {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  width: 100%;
}

.store-product-wrap > div {
  padding: 24px 103px;
  display: table;
}

.store-product-wrap > div > div {
  display: table-cell;
  vertical-align: top;
}

.store-product-wrap .product-image {
  margin-right: 24px;
}

.store-product-wrap .product-image img {
  width: 180px;
  height: 180px;
}

.store-product-wrap .product-info-wrap {
  width: 82%;
  padding-left: 26px;
}

.store-product-wrap .product-title {
  height: 47px;
  font-size: 16px;
  margin-bottom: 76px;
}

.store-product-wrap .product-price {
  vertical-align: bottom;
}

.store-product-wrap .product-price span {
  font-size: 14px;
  color: #8d8d8d;
  text-decoration: line-through;
}

.store-product-wrap .product-price p {
  padding-top: 4px;
  font-size: 20px;
  font-weight: bold;
}

.store-product-wrap .product-btn-wrap {
  width: 100%;
  vertical-align: bottom;
}

.store-product-wrap .product-btn-wrap .form-flex-cell.type-btn {
  width: 40%;
  max-width: 320px;
  padding-left: 0;
}

@media only screen and (max-width: 1280px) {
  .store-product-wrap > div {
    padding: 2% 4%;
  }
}

@media only screen and (max-width: 640px) {
  .store-product-wrap > div {
    padding: 4%;
  }
  .store-product-wrap .product-image {
    height: auto;
  }
  .store-product-wrap .product-image img {
    width: 112px;
    height: 112px;
  }
  .store-product-wrap .product-info-wrap {
    width: auto;
  }
  .store-product-wrap .product-title {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .store-product-wrap .product-btn-wrap .form-flex-cell.type-btn {
    display: none;
  }
  .store-product-wrap .product-price span {
    opacity: 0;
  }
  .store-product-wrap .product-price p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 414px) {
  .store-product-wrap > div {
    padding: 16px;
  }
  .store-product-wrap .product-title {
    font-size: 13px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * fo 리스트 테이블 페이지네이션
 * 작성자 : hmpark
 * 파일명 : _pagination.scss
 */
.list-pagination {
  text-align: center;
  margin-top: 40px;
}

.list-pagination ul {
  font-size: 0;
}

.list-pagination li {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d9e1e2;
  vertical-align: top;
  background-color: #fff;
}

.list-pagination li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}

.list-pagination li + li {
  margin-left: 4px;
}

.list-pagination .list-pagination-arrow a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}

.list-pagination .type-active {
  border-color: #005eb8;
  color: #005eb8;
}

.list-pagination .type-active a {
  color: #005eb8;
}

.list-pagination .type-prev a {
  background: url("../images/common/ico_left_arrow_paging.png") no-repeat center center;
}

.list-pagination .type-next a {
  background: url("../images/common/ico_right_arrow_paging.png") no-repeat center center;
}

@media only screen and (max-width: 640px) {
  .list-pagination li a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}

/*
 * 怨듯넻 �뒪���씪 蹂��닔 �옉�뾽
 * �옉�꽦�옄 : gykim
 */
/*
 * �뼱由곗씠 愿��젴 而댄룷�꼳�듃 css
 * �옉�꽦�옄 : gikim
 * �뙆�씪紐� : _children.scss
 */
.btn-round-80 {
  display: inline-block;
  padding: 0 16px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #0086bf;
  border-radius: 14px;
}

.btn-round-80.type-yellow {
  color: #3d3e3f;
  background-color: #ffd100;
}

.btn-round-80.type-blue {
  color: #fff;
  background-color: #005eb8;
}

.btn-round-80.type-pink {
  color: #fff;
  background-color: #f9a597;
}

.btn-round-80.type-indigo {
  background: #003f77;
}

.btn-round-80.type-pointBlue {
  background: #71b2c9;
}

.sponsorship-child-info.type-event .sponsorship-info-wrap > div {
  min-height: 200px;
}

.sponsorship-child-info .child-image-wrap.type-child img {
  width: 100%;
  height: auto;
}

.sponsorship-child-info .form-flex {
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.sponsorship-child-info .form-flex .form-flex-cell {
  padding: 0;
}

.sponsorship-child-info .child-image {
  width: 384px;
  height: 282px;
  overflow: hidden;
  position: relative;
}

.sponsorship-child-info .child-image img {
  position: absolute;
  height: 100%;
  max-width: 384px;
}

.sponsorship-info-wrap {
  width: 100%;
}

.sponsorship-info-wrap > div {
  padding: 0 40px;
}

.sponsorship-info-wrap.type-group .btn-round-80 {
  background-color: #71b2c9;
}

.child-info-wrap {
  font-size: 24px;
  margin: 16px 0 47px;
}

.child-info-wrap b {
  vertical-align: middle;
}

.child-info-wrap ul {
  display: inline-block;
  margin-left: 8px;
}

.child-info-wrap ul li {
  display: inline-block;
  font-size: 14px;
  margin: 0 8px;
}

.child-info-wrap ul li + li {
  position: relative;
}

.child-info-wrap ul li + li::after {
  position: absolute;
  top: 2px;
  left: -11px;
  content: '|';
  font-size: 10px;
}

.sponsorship-pay-wrap {
  width: 100%;
  font-size: 16px;
}

.sponsorship-pay-wrap li{line-height:31px;}

.sponsorship-pay-wrap li + li {
  margin-top: 4px;
}

.sponsorship-pay-wrap li::after {
  content: '';
  display: table;
  clear: both;
}

.sponsorship-pay-wrap li span {
  float: right;
}

.sponsorship-pay-wrap li span:first-child {
  float: left;
}

.sponsorship-pay-wrap li span .total-price {
  font-size: 20px;
}

.sponsorship-complete-info.type-group .btn-round-80 {
  background-color: #71b2c9;
}

.sponsorship-complete-info.type-funding .child-image {
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
}

.sponsorship-complete-info .sponsorship-title {
  margin: 64px auto 24px;
  text-align: center;
  font-size: 20px;
}

.sponsorship-complete-info .form-flex {
  border-top: 1px solid #768692;
  padding: 16px 40px;
}

.sponsorship-complete-info > .sponsorship-total-pay-wrap {
  padding: 16px 40px;
  border-top: 1px solid #768692;
  border-bottom: 1px solid #768692;
}

.sponsorship-complete-info .child-image-wrap {
  vertical-align: top;
}

.sponsorship-complete-info .child-image-wrap .child-image {
  width: 202px;
  height: 149px;
  overflow: hidden;
}

.sponsorship-complete-info .child-image-wrap .child-image img {
  width: 100%;
}

.sponsorship-complete-info .sponsorship-info-wrap {
  padding-left: 64px;
}

.sponsorship-complete-info .sponsorship-info-wrap > div {
  padding: 8px;
}

.sponsorship-complete-info .child-info-wrap {
  margin: 8px 0 21px;
  font-size: 20px;
}

.sponsorship-complete-info .sponsorship-pay-wrap {
  font-size: 14px;
}

.sponsorship-complete-info .sponsorship-total-pay-wrap {
  font-size: 16px;
}

.sponsorship-complete-info .sponsorship-total-pay-wrap li {
  margin-bottom: 8px;
}

.sponsorship-complete-info .sponsorship-total-pay-wrap li::after {
  content: '';
  display: table;
  clear: both;
}

.sponsorship-complete-info .sponsorship-total-pay-wrap li span {
  float: right;
}

.sponsorship-complete-info .sponsorship-total-pay-wrap li span:first-child {
  float: left;
}

.sponsorship-complete-info .sponsorship-total-pay-wrap li.total-price {
  margin-top: 32px;
  font-size: 24px;
  font-weight: bold;
}

.sponsorship-complete-info .sponsorship-total-pay-wrap li.total-price b {
  color: #005eb8;
}

.children-frame {
  width: 282px;
  height: 449px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 24px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 2px 2px 24px 0 rgba(0, 0, 0, 0.12);
  padding: 16px 16px 60px;
  position: relative;
}

.children-frame .image-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.children-frame .image-wrap img {
  width: auto;
  height: 100%;
  position: relative;
  top: 0;
  left: -20px;
}

.children-frame.type-album::before {
  content: '';
  display: block;
  width: 87px;
  height: 96px;
  background: url("../images/common/ico_picture_tape_top.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  right: -22px;
  top: -22px;
  z-index: 1;
}

.children-frame.type-album::after {
  content: '';
  display: block;
  width: 90px;
  height: 88px;
  background: url("../images/common/ico_picture_tape_bottom.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: -36px;
  bottom: -36px;
}

.children-frame .children-info-wrap {
  padding: 16px 0;
  color: #8d8d8d;
  font-size: 14px;
}

.children-frame .children-info-wrap::after {
  content: '';
  display: table;
  clear: both;
}

.children-frame .children-info-wrap span {
  float: right;
}

.children-frame .children-info-wrap .children-name {
  font-size: 16px;
  font-weight: bold;
  color: #3d3e3f;
  float: left;
}

.child-info-wrap .child-info-text {
  font-size: 14px;
  margin: 8px 0 16px 0;
}

.mypage-sort-wrap {
  padding: 32px 0 24px;
}

.mypage-sort-wrap .ui-select-block.type-long {
  width: 282px;
}

.children-sponsorship-list-wrap {
  border-top: 2px solid #8f9596;
  vertical-align: middle;
}

.children-sponsorship-list-wrap .children-list-item {
  padding: 2%;
  display: table;
  width: 96%;
  border-bottom: 1px solid #d9e1e2;
}

.children-sponsorship-list-wrap .children-list-image-wrap {
  position: relative;
  display: table-cell;
  width: 240px;
  height: 240px;
}

.children-sponsorship-list-wrap .children-list-image-wrap img {
  width: 100%;
}

.children-sponsorship-list-wrap .children-list-image-wrap .children-image-bullet {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background: #c3141e;
  color: #fff;
  font-size: 12px;
  padding: 4px 16px;
}

.children-sponsorship-list-wrap .children-list-text-wrap {
  vertical-align: middle;
  display: table-cell;
  padding-left: 24px;
}

.children-list-title {
  font-size: 20px;
  margin-bottom: 18px;
  vertical-align: middle;
}

.children-list-title > div {
  display: inline-block;
  width: 19%;
  vertical-align: middle;
}

.children-list-title > div:first-child {
  width: 79%;
}

.children-list-title span {
  color: #8d8d8d;
  font-size: 14px;
  padding-left: 8px;
}

.children-list-title .chlidren-list-date {
  font-size: 16px;
  text-align: right;
}

.children-list-info-text {
  color: #005eb8;
  font-size: 16px;
  height: 100px;
}

.children-list-sponsorship-info span {
  display: inline-block;
  width: 49%;
  margin-bottom: 8px;
  font-size: 16px;
  text-align: right;
}

.children-list-sponsorship-info span:first-child {
  text-align: left;
}

.children-list-sponsorship-info b {
  font-weight: bold;
}

.children-square-wrap {
  display: table;
  width: 100%;
}

.children-square-wrap .children-image-box {
  display: table-cell;
  width: 241px;
  height: 241px;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  -webkit-box-shadow: 2px 8px 22px 0 rgba(0, 0, 0, 0.23);
          box-shadow: 2px 8px 22px 0 rgba(0, 0, 0, 0.23);
}

.children-square-wrap .children-image-box .children-image-relative {
  display: block;
  overflow: hidden;
  height: 100%;
}

.children-square-wrap .children-image-box img {
  position: absolute;
  top: -11px;
  width: 100%;
}

.children-square-wrap .children-intro-box {
  padding-left: 40px;
}

.children-square-wrap .children-intro-box h4 {
  font-size: 20px;
  margin-bottom: 16px;
}

.children-square-wrap .children-intro-box .point {
  color: #005eb8;
}

.children-square-wrap .children-intro-box li {
  padding-left: 91px;
}

@media only screen and (max-width: 1280px) {
  .sponsorship-child-info {
    padding: 0 4%;
  }
}

@media only screen and (max-width: 1024px) {
  .sponsorship-complete-info .sponsorship-info-wrap {
    padding-left: 4%;
  }
  .sponsorship-child-info .form-flex {
    width: 100%;
  }
  .sponsorship-child-info .form-flex .form-flex-cell {
    width: 50%;
  }
  .sponsorship-child-info .child-image {
    width: 100%;
  }
}

@media only screen and (max-width: 960px) {
  .child-info-wrap {
    font-size: 20px;
  }
  .sponsorship-pay-wrap li {
    font-size: 14px;
  }
  .sponsorship-pay-wrap li span .total-price {
    font-size: 14px;
  }
  .children-list-title span {
    padding-left: 0;
    display: block;
  }
}

@media only screen and (max-width: 800px) {
  .children-sponsorship-list-wrap .children-list-image-wrap {
    width: 30%;
    height: auto;
  }
  .children-sponsorship-list-wrap .children-list-text-wrap {
    vertical-align: top;
    padding-left: 2%;
  }
}

@media only screen and (max-width: 768px) {
  .sponsorship-complete-info .child-info-wrap {
    font-size: 16px;
  }
  .sponsorship-complete-info .sponsorship-info-wrap > div {
    padding: 0;
  }
  .sponsorship-complete-info .child-image-wrap .child-image {
    width: 100%;
    height: 128px;
  }
  .children-sponsorship-list-wrap .children-list-image-wrap {
    min-width: 88px;
    min-height: 88px;
  }
  .children-list-sponsorship-info li {
    display: inline;
  }
  .children-list-sponsorship-info li:first-child span {
    text-align: left;
  }
  .children-list-sponsorship-info span:first-child {
    display: none;
  }
  .children-list-title {
    margin-bottom: 8px;
  }
  .children-list-title > div {
    width: 30%;
  }
  .children-list-title > div:first-child {
    width: 68%;
  }
  .children-list-info-text {
    font-size: 14px;
  }
  .sponsorship-complete-info .child-image-wrap .child-image {
    width: 210px;
    height: 154px;
  }
  .sponsorship-complete-info .sponsorship-title {
    margin: 32px auto 16px;
    font-size: 16px;
  }
  .sponsorship-complete-info .form-flex {
    width: 100%;
    padding: 16px 0;
  }
  .sponsorship-complete-info .sponsorship-total-pay-wrap {
    padding: 16px 0;
    font-size: 13px;
  }
  .sponsorship-complete-info .sponsorship-total-pay-wrap li.total-price {
    font-size: 16px;
  }
  .child-info-wrap {
    font-size: 16px;
    margin: 10px 0 16px 0;
  }
  .child-info-wrap ul {
    margin-left: -6px;
    width: 100%;
  }
  .child-info-wrap ul li {
    font-size: 13px;
  }
  .sponsorship-info-wrap > div {
    padding: 16px 24px;
  }
  .sponsorship-pay-wrap li {
    font-size: 13px;
  }
  .sponsorship-pay-wrap li span .total-price {
    font-size: 13px;
    margin: 10px 0 16px;
  }
  .sponsorship-pay-wrap li span .total-price ul {
    margin-left: -6px;
    width: 100%;
  }
  .sponsorship-pay-wrap li span .total-price ul li {
    font-size: 13px;
  }
  .sponsorship-pay-wrap .sponsorship-info-wrap > div {
    padding: 16px 24px;
  }
  .sponsorship-pay-wrap .sponsorship-pay-wrap li {
    font-size: 12px;
  }
  .sponsorship-pay-wrap .sponsorship-pay-wrap li span .total-price {
    font-size: 13px;
  }
  .sponsorship-pay-wrap .sponsorship-child-info {
    margin: 32px auto 40px;
  }
  .sponsorship-pay-wrap .sponsorship-child-info .form-flex .form-flex-cell {
    display: block;
    width: 100%;
  }
  .sponsorship-pay-wrap .sponsorship-child-info .child-image img {
    width: 100%;
    height: auto;
  }
  .sponsorship-pay-wrap .sponsorship-child-info.type-event .sponsorship-info-wrap > div {
    min-height: 140px;
  }
  .sponsorship-pay-wrap .sponsorship-store-wrap {
    margin-top: 0;
  }
}

@media only screen and (max-width: 520px) {
  .mypage-sort-wrap {
    padding: 24px 0 0;
  }
  .children-sponsorship-list-wrap .children-list-item {
    padding: 24px 0;
    width: 100%;
    display: block;
  }
  .children-sponsorship-list-wrap .children-list-image-wrap {
    display: block;
    width: 100%;
    height: auto;
    min-width: auto;
    min-height: auto;
  }
  .children-sponsorship-list-wrap .children-list-text-wrap {
    display: block;
    width: 100%;
    padding: 16px 0 0;
  }
  .children-sponsorship-list-wrap .children-list-title {
    font-size: 16px;
  }
  .children-sponsorship-list-wrap .children-list-info-text {
    height: auto;
    margin: 16px 0;
  }
  .children-list-title {
    font-size: 13px;
    margin-bottom: 2px;
  }
  .children-list-title .chlidren-list-date {
    font-size: 12px;
  }
  .children-list-info-text {
    font-size: 12px;
    line-height: 16px;
  }
  .children-list-sponsorship-info span {
    font-size: 13px;
  }
  .children-list-info-text {
    height: 81px;
  }
  .sponsorship-child-info .child-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sponsorship-child-info .form-flex .form-flex-cell {
    width: 100%;
    display: block;
  }
  .sponsorship-child-info .type-child .child-image img {
    left: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .sponsorship-complete-info .child-image-wrap .child-image {
    width: 96px;
    height: 70px;
  }
  .sponsorship-complete-info + .center-btn-wrap {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 414px) {
  .children-list-info-text {
    height: 49px;
  }
}

@media only screen and (max-width: 360px) {
  .children-list-title > div:first-child {
    font-size: 12px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * mypage 상세페이지 영역 component
 * 작성자 : gikim
 * 파일명 : _mypageDetail.scss
 */
.sub-title-wrap {
  position: relative;
  padding: 23px 0 32px;
  border-bottom: 1px solid #d9e1e2;
}

.sub-title-wrap h2 {
  font-size: 24px;
}

.sub-title-wrap .breadcrumb {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin-left: 0;
}

.sub-title-wrap > .inner {
  width: 100%;
}

.auth-select-wrap {
  padding: 40px;
  background-color: #f8f8fb;
}

.auth-select {
  margin-top: 14px;
}

.auth-select .auth-select-list {
  margin-left: -46px;
}

.auth-select .auth-select-list::after {
  content: '';
  display: table;
  clear: both;
}

.auth-select .auth-select-list .auth-select-item {
  padding-left: 46px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  float: left;
}

.auth-select .auth-select-list .auth-select-item.type-phone .auth-select-link:before {
  background: url("../images/sub/ico_my_certificate_phone.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
}

.auth-select .auth-select-list .auth-select-item.type-ipin .auth-select-link:before {
  height: 39px;
  background: url("../images/sub/ico_my_certificate_ipin.png") no-repeat;
  background-size: 100%;
  background-position: 0 0;
  margin: 0 auto 31px;
}

.auth-select .auth-select-link {
  display: block;
  border: 1px solid #e1e1e1;
  background: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  padding: 54px 0;
}

.auth-select .auth-select-link::before {
  content: '';
  display: block;
  width: 27px;
  height: 46px;
  margin: 0 auto 24px;
}

.notice-section-wrap {
  padding: 32px;
  background: #f8f8fb;
}

.notice-section-head {
  font-weight: 700;
  margin-bottom: 24px;
}

.notice-section-head.type-notice-blue {
  position: relative;
  padding-left: 30px;
  margin-bottom: 16px;
  color: #005eb8;
}

.notice-section-head.type-notice-blue::after {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_warning_blue_24x24.png") no-repeat center;
  background-size: 100%;
}

.notice-section-head.type-notice-blue button {
  background: transparent;
  text-decoration: underline;
}

.notice-section-head.type-notice {
  position: relative;
  padding-left: 30px;
  margin-bottom: 16px;
}

.notice-section-head.type-notice::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background: url("../images/sub/ico_warning_black_24x24.png") no-repeat center;
  background-size: 100%;
}

.notice-contents-wrap ol li {
  list-style-type: decimal;
  margin-left: 14px;
}

.notice-contents-wrap ul {
  line-height: 30px;
}

.notice-contents-wrap .notice-sub-text {
  font-size: 14px;
}

.notice-contents-wrap .notice-dot-list li {
  position: relative;
  padding-left: 16px;
}

.notice-contents-wrap .notice-dot-list li::after {
  display: block;
  content: 'ㆍ';
  width: 4px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  color: #3d3e3f;
}

.notice-contents-wrap .notice-form-btn-wrap {
  display: table;
  margin-top: 24px;
}

.notice-contents-wrap .notice-form-btn-wrap .form-flex-cell {
  min-width: 136px;
}

.notice-contents-wrap .important-notice {
  color: #005eb8;
}

.notice-contents-wrap .compassion-info-text {
  margin-top: 24px;
}

.notice-contents-wrap .compassion-info-text span {
  display: block;
}

.notice-contents-wrap .compassion-info-text span.type-red {
  color: #005eb8;
  display: inline;
}

.bottom-notice-wrap {
  width: 100%;
  background-color: #f8f8fb;
  padding: 36px 0;
}

.bottom-notice-wrap .notice-text {
  color: #425563;
  font-weight: 700;
  line-height: 48px;
  float: left;
}

.bottom-notice-wrap .btn-member-withdraw {
  float: right;
  width: 180px;
}

.bottom-notice-wrap .inner {
  width: 894px;
  padding-left: 306px;
}

.border-notice-wrap {
  border: 1px solid #d9e1e2;
  padding: 116px 0;
  text-align: center;
  font-size: 16px;
  margin-top: 24px;
}

.notice-btn-wrap {
  width: 282px;
  margin: 24px auto 0;
}

.side-table-wrap .table-content-wrap {
  border-top: 1px solid #d9e1e2;
}

.side-table-wrap .table-item {
  width: 100%;
  height: 48px;
}

.side-table-wrap .table-item .form-flex {
  width: 100%;
}

.side-table-wrap .table-item .form-flex-cell {
  text-align: left;
  font-size: 13px;
  padding: 16px;
  border-bottom: 1px solid #d9e1e2;
}

.side-table-wrap .table-item .form-flex-cell:first-child {
  font-weight: bold;
  width: 88px;
  background-color: #f2f5f8;
}

.mypage-welcome-message {
  padding: 32px 0;
}

.mypage-welcome-message h3 {
  font-size: 20px;
  margin-bottom: 32px;
}

.mypage-welcome-message h3 .user-name {
  color: #005eb8;
}

.mypage-mychildren-list {
  border-top: 2px solid #8f9596;
}

.table-total-num + .table-wrap {
  margin-top: 8px;
}

.table-total-num .check-all-children {
  display: inline-block;
  margin-left: 16px;
}

.table-total-num .check-all-children .ui-checkbox-block {
  vertical-align: top;
}

.table-total-num .check-all-children .ui-checkbox-block .ui-checkbox-text {
  font-size: 16px;
}

.table-total-sort-box {
  margin-bottom: 16px;
  font-size: 16px;
  position: relative;
  height: 48px;
}

.table-total-sort-box .funding-sort-button {
  line-height: 48px;
}

.table-total-sort-box .funding-sort-button button {
  position: relative;
  background: transparent;
  font-weight: 700;
  font-size: 20px;
  color: #8d8d8d;
}

.table-total-sort-box .funding-sort-button button + button {
  padding-left: 16px;
  margin-left: 16px;
}

.table-total-sort-box .funding-sort-button button + button::before {
  content: '';
  display: block;
  width: 2px;
  height: 20px;
  background: #d8d8d8;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

.table-total-sort-box .funding-sort-button button.is-active {
  color: #005eb8;
}

.table-total-sort-box .table-total-num {
  padding-top: 24px;
}

.table-total-sort-box .table-sort-radio .tab-radius-wrap {
  padding: 0;
}

.table-total-sort-box .table-sort-select {
  font-size: 0;
  position: absolute;
  right: 0;
  bottom: 0;
}

.table-total-sort-box .table-sort-select.type-myLetter .ui-select-block + .ui-select-block {
  width: 282px;
}

.table-total-sort-box .ui-select-block {
  display: inline-block;
  font-size: 16px;
  width: 200px;
}

.table-total-sort-box .ui-select-block + .ui-select-block {
  margin-left: 8px;
}

.table-sort-select.type-myLetter {
  font-size: 0;
}

.table-sort-select.type-myLetter .ui-select-block, .table-sort-select.type-myLetter .ui-input-block {
  width: 32%;
  display: inline-block;
  vertical-align:top;
}

.table-sort-select.type-myLetter .ui-input-search .btn_search{
    width: 48px;
    height: 48px;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PGcgZmlsbD0iIzY2NjY2NiI+PHBhdGggZD0iTTc0LjUzMzMzLDE3LjJjLTMxLjU5NjQyLDAgLTU3LjMzMzMzLDI1LjczNjkyIC01Ny4zMzMzMyw1Ny4zMzMzM2MwLDMxLjU5NjQyIDI1LjczNjkyLDU3LjMzMzMzIDU3LjMzMzMzLDU3LjMzMzMzYzEzLjczOTk4LDAgMjYuMzU4MzQsLTQuODc5MTUgMzYuMjQ3NjYsLTEyLjk3ODM5bDM0LjIzMjAzLDM0LjIzMjAzYzEuNDM4MDIsMS40OTc3OCAzLjU3MzQsMi4xMDExMyA1LjU4MjYsMS41NzczNWMyLjAwOTIsLTAuNTIzNzggMy41NzgyNiwtMi4wOTI4NCA0LjEwMjA0LC00LjEwMjA0YzAuNTIzNzgsLTIuMDA5MiAtMC4wNzk1NywtNC4xNDQ1OCAtMS41NzczNSwtNS41ODI2bC0zNC4yMzIwMywtMzQuMjMyMDNjOC4wOTkyNCwtOS44ODkzMiAxMi45NzgzOSwtMjIuNTA3NjggMTIuOTc4MzksLTM2LjI0NzY2YzAsLTMxLjU5NjQyIC0yNS43MzY5MiwtNTcuMzMzMzMgLTU3LjMzMzMzLC01Ny4zMzMzM3pNNzQuNTMzMzMsMjguNjY2NjdjMjUuMzk5MzcsMCA0NS44NjY2NywyMC40NjczIDQ1Ljg2NjY3LDQ1Ljg2NjY3YzAsMjUuMzk5MzcgLTIwLjQ2NzI5LDQ1Ljg2NjY3IC00NS44NjY2Nyw0NS44NjY2N2MtMjUuMzk5MzcsMCAtNDUuODY2NjcsLTIwLjQ2NzI5IC00NS44NjY2NywtNDUuODY2NjdjMCwtMjUuMzk5MzcgMjAuNDY3MywtNDUuODY2NjcgNDUuODY2NjcsLTQ1Ljg2NjY3eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+) no-repeat center;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.table-sort-select.type-myLetter .ui-select-block + .ui-select-block {
  margin-left: 2%;
}

.table-sort-select.type-myLetter .ui-select-block + .ui-input-block {
  margin-left: 2%;
}

.table-wrap {
  margin-top: 16px;
  font-size: 16px;
}

.table-wrap > div {
  width: 100%;
}

.table-wrap .table-head {
  border-top: 1px solid #d9e1e2;
  border-bottom: 1px solid #d9e1e2;
  background-color: #f8f8fb;
  font-weight: bold;
  text-align: center;
  height: 56px;
}

.table-wrap .table-head div {
  border-left: 1px solid #d9e1e2;
}

.table-wrap .table-head div:first-child {
  width: 208px;
  border-left: none;
}

.table-wrap .table-head div + .form-flex-cell {
  padding-left: 0;
}

.table-wrap .table-item {
  height: 56px;
  width: 100%;
  border-bottom: 1px solid #d9e1e2;
}

.table-wrap .table-item div {
  padding: 16px;
  border-left: 1px solid #d9e1e2;
}

.table-wrap .table-item div:first-child {
  width: 208px;
  padding: 0;
  text-align: center;
  border-left: none;
}

.table-wrap .table-item div .form-flex-cell {
  width: 100%;
}

.table-wrap .table-item div p {
  margin-bottom: 8px;
}

.table-wrap .table-item div span {
  color: #8d8d8d;
  font-size: 14px;
  vertical-align: top;
}

.table-wrap.type-horizontal .table-content-wrap .table-item-td,
.table-wrap.type-horizontal .table-content-wrap .table-item-th {
  border-top: 1px solid #d9e1e2;
}

.table-wrap.type-horizontal .table-content-wrap .table-item-th {
  background: #f8f8fb;
  font-weight: 700;
}

.table-wrap.type-horizontal .table-content-wrap .table-item-th span {
  font-size: 16px;
}

.table-wrap.type-horizontal .table-content-wrap .table-item-td .ui-radio-block {
  vertical-align: middle;
}

.table-wrap.type-double .form-flex {
  table-layout: fixed;
}

.table-wrap.type-double .form-flex-cell {
  text-align: center;
}

.table-wrap.type-double .form-flex-cell.type-long {
  width: 45%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.date-sort-bar {
  padding: 24px;
  border: 1px solid #d9e1e2;
}

.date-sort-bar.type-select .form-flex {
  width: 100%;
}

.date-sort-bar.type-select .form-flex .form-flex {
  width: 212px;
  table-layout: fixed;
}

.date-sort-bar.type-default {
  border: none;
  padding: 0;
}

.date-sort-bar.type-default .date-sort-bar-inquiry .inquiry-block {
  width: 316px;
}

.date-sort-bar.type-trip > .form-flex {
  width: 100%;
  table-layout: fixed;
}

.date-sort-bar.type-trip > .form-flex > .form-flex-cell {
  width: auto;
  padding-right: 12px;
}

.date-sort-bar.type-trip > .form-flex > .form-flex-cell + .form-flex-cell {
  padding: 0 0 0 12px;
}

.date-sort-bar.type-trip .date-sort-bar-inquiry .inquiry-block {
  width: 100%;
}

.date-sort-bar.type-trip .date-sort-bar-inquiry .inquiry-block .form-flex {
  width: 100%;
}

.date-sort-bar-inquiry {
  width: 45%;
}

.date-sort-bar-inquiry .inquiry-block {
  width: 504px;
}

.date-sort-bar-inquiry .form-flex-cell + .form-flex-cell {
  padding-left: 0;
}

.date-sort-bar-inquiry .form-flex-cell + .date-sort-bar-submit {
  width: 120px;
  padding-left: 16px;
}

.date-sort-list .date-sort-list-item {
  display: inline-block;
}

.date-sort-bar-double .form-flex {
  width: 100%;
}

.date-sort-bar-double .form-flex .form-flex-cell {
  padding: 0 0 0 12px;
}

.date-sort-bar-double .form-flex .form-flex-cell:first-child {
  padding: 0 12px 0 0;
}

.date-sort-bar-double .ui-input-block-date input {
  border-radius: 3px;
}

.date-sort-bar-double .ui-dropdown, .date-sort-bar-double .ui-select-block {
  margin-top: 16px;
}

.date-sort-bar-single > div {
  width: 200px;
}

.date-sort-bar-single .ui-input-block-date input {
  border-radius: 3px;
}

.member-children-section.type-detail-page {
  border: none;
  border-bottom: 1px solid #d9e1e2;
}

.member-children-section.type-detail-page .children-information li {
  padding-left: 91px;
  min-height: 24px;
}

.member-children-section.type-detail-page .children-image-box {
  position: relative;
  text-align: center;
}

.member-children-section.type-detail-page .children-intro-box .children-support-button {
  margin-top: 24px;
  table-layout: fixed;
}

.member-children-section.type-detail-page .children-intro-box .children-support-button .g-button-basic {
  background-color: transparent;
}

.member-children-section.type-detail-page .children-intro-box .children-support-button .g-button-basic.type-delay {
  background: #ffd100;
  border-color: #ffd100;
  color: #fff;
}

.member-children-section.type-detail-page .children-intro-box .children-support-button .g-button-basic.type-graduated {
  background: #005eb8;
  color: #fff;
}

.member-children-section.type-detail-page .children-intro-box .children-support-button .form-flex-cell {
  width: 112px;
}

.member-children-section.type-detail-page .children-intro-box .children-name {
  margin: 8px 0 24px;
}

.children-image-bullet {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  padding: 0 6px;
}

.children-image-bullet.type-gift {
  background: #f07272;
}

.children-image-bullet.type-gift img {
  width: 14px;
  vertical-align: middle;
  margin-top: -2px;
}

.mychildren-bookmark {
  position: absolute;
  top: 0;
  right: 9px;
  width: 24px;
  height: 24px;
  background: url("../images/common/ico_bookmark_24x24.png") no-repeat left top;
  background-size: 24px;
}

.mychildren-bookmark.is-active {
  background-position: left bottom;
}

.member-children-section.type-delay,
.member-children-section.type-graduated {
  background-color: #f8f8fb;
}

.ico-graduated-children {
  position: absolute;
  top: 8px;
  left: 8px;
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/common/ico_children_graduation.png") no-repeat center center;
  background-size: 100%;
}

.ico-delay-children {
  position: absolute;
  top: 8px;
  left: 8px;
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/common/ico_children_delay.png") no-repeat center center;
  background-size: 100%;
}

.money-sponsor-notice {
  background: #f2f5f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px;
  text-align: center;
}

.money-sponsor-notice h4 {
  color: #005eb8;
  font-size: 16px;
}

.money-sponsor-notice p {
  font-size: 14px;
  margin-top: 8px;
}

.ui-input-layout .ui-radio-image {
  width: 434px;
  margin-bottom: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-input-layout .ui-radio-image img {
  max-width: 100%;
  vertical-align: top;
}

@media (max-width: 320px) {
    .ui-input-layout span {
        font-size: 13px;
        margin-right: 0;
    }
}
@media (min-width: 321px) {
    .ui-input-layout span {
        font-size: 14px;
        margin-right: 0;
    }
}

.ui-input-layout .ui-radio-block {
  min-width: 120px;
}

.ui-input-layout .ui-input-block + .ui-input-block,
.ui-input-layout .ui-radio-block + .ui-radio-block,
.ui-input-layout .ui-checkbox-block + .ui-checkbox-block {
  margin-left: 80px;
}

.ui-input-layout.type-letter-icon {
  font-size: 0;
  display: flex;
}

.ui-input-layout.type-letter-icon .ui-radio-block {
  vertical-align: top;
  flex: 1;
}

.ui-input-layout.type-letter-icon .ui-radio-block + .ui-radio-block {
  margin-left: 24px;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-label {
  width: 100%;
  height: 100%;
  padding: 24px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #e8eaec;
  font-weight: 700;
  text-align: center;
  font-size: 13px;
  min-height: 146px;
  cursor: pointer;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-label.checked {
  background: #0086bf;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-label.checked .ui-radio-text {
  color: #fff;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-label.checked .ui-radio-object.select-letter-type-02-01 {
  background-position: 0 -48px;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-label.checked .ui-radio-object.select-letter-type-02-02 {
  background-position: 0 -48px;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-label.checked .ui-radio-object.select-letter-type-02-03 {
  background-position: 0 -48px;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-text {
  display: block;
  color: #8d8d8d;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-text br {
  display: none;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-text span {
  font-weight: normal;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-object {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  display: block;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-object.select-letter-type-02-01 {
  background: url("../images/sub/bg_letter_template_icon_01.png") no-repeat 0 0;
  background-size: 100%;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-object.select-letter-type-02-02 {
  background: url("../images/sub/bg_letter_template_icon_02.png") no-repeat 0 0;
  background-size: 100%;
}

.ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-object.select-letter-type-02-03 {
  background: url("../images/sub/bg_letter_template_icon_03.png") no-repeat 0 0;
  background-size: 100%;
}

[data-tab=letter-type-card] .ui-input-layout {
  margin: 0 0 -60px -22px;
}

[data-tab=letter-type-card] .ui-input-layout .ui-input-block,
[data-tab=letter-type-card] .ui-input-layout .ui-radio-block,
[data-tab=letter-type-card] .ui-input-layout .ui-checkbox-block {
  margin: 0 0 60px 22px;
}

[data-tab=letter-type-card] .ui-input-layout .ui-radio-label .ui-radio-image {
  border: 1px solid #d9d1d2;
}

[data-tab=letter-type-card] .ui-input-layout .ui-radio-label.checked .ui-radio-image {
  border: 1px solid #005eb8;
}

.support-letter-type-cont[data-relative=support-letter-type-02] {
  display: none;
}

.support-letter-type-cont[data-relative=support-letter-type-02] .textarea-wrap textarea {
  height: 400px;
}

.button-template-pop-open {
  width: 282px;
}

.letter-template-text-area {
  display: none;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.letter-template-text-area.is-active, .letter-template-text-area.type-only {
  display: block;
}

.letter-template-text-area.type-nobg textarea {
  height: 400px;
}

.letter-template-text-area.type-nds .letter-template-bg {
  display: none;
}

.letter-template-text-area.type-nds .letter-template-text {
  position: static;
  width: 100%;
}

.letter-template-text-area.type-nds .letter-template-text textarea {
  width: 100%;
  height: 400px;
  padding: 12px;
  border: 1px solid #e0e0e0;
}

.letter-template-text-area .textarea-max-length {
  color: #8d8d8d;
}

.letter-template-text-area .letter-template-text {
  position: absolute;
  left: 43px;
  top: 25%;
  width: 90%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.letter-template-text-area .letter-template-text textarea {
  width: 811px;
  height: 542px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 50px;
  resize: none;
  border: none;
  background: transparent;
}

.letter-template-text-area .letter-template-text.type-template {
  white-space: pre-line;
  width: 811px;
  height: 618px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 50px;
  font-size: 16px;
  line-height: 1.6;
  overflow-y: scroll;
}

.letter-template-text-area .letter-template-text.type-template strong {
  color: #005eb8;
}

.letter-template-text-area .letter-template-text .template-tip {
  font-size: 14px;
  color: #8d8d8d;
}

.letter-template-text-area .letter-template-text .template-ui-input-box {
  white-space: initial;
}

.letter-template-text-area .letter-template-text .template-ui-input-box .ui-input-block {
  display: inline-block;
}

.letter-template-text-area .letter-template-text .template-ui-input-box p + p {
  margin-top: 16px;
}

.letter-template-bg img {
  vertical-align: top;
  width: 100%;
}

.letter-template-bg .letter-template-mobile {
  display: none;
}

.mypage-letter-intro-text-box {
  text-align: center;
  color: #005eb8;
  font-weight: 700;
  font-size: 20px;
  margin-top: 24px;
}

.mypage-letter-intro-text-box .inner {
  display: table;
  width: 100%;
  height: 157px;
  display: table;
}

.mypage-letter-intro-text-box p {
  display: table-cell;
  vertical-align: middle;
  background: #f2f5f8;
}

.mypage-letter-intro-text-box span.text-box-sub {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #3d3e3f;
  margin-top: 8px;
}

.mypage-letter-intro-text-box span.text-box-sub .blue {
  color: #005eb8;
  display: inline-block;
}

.mypage-letter-intro-text-box.type-complete {
  height: 200px;
}

.mypage-letter-intro-text-box.type-complete p {
  font-weight: 400;
  color: #161718;
}

.mypage-letter-intro-text-box.type-complete p .intro-text-box-sub {
  display: block;
  margin-top: 24px;
  font-size: 16px;
}

.mypage-letter-intro-text-box.type-complete p .intro-text-box-sub strong {
  color: #005eb8;
}

.letter-maxlength-tip {
  font-size: 14px;
}

.page-use-tip {
  background: #f8f8fb;
  padding: 24px;
  margin-top: 40px;
  font-size: 16px;
}

.page-use-tip .page-use-title {
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
}

.page-use-tip.type-cam {
  height: 448px;
  padding: 0;
  margin-top: 0;
  background: url("../images/sub/img_cam_guideline_01.png") no-repeat center center;
}

.page-use-tip .img-cam-guideline {
  display: none;
}

.page-use-tip + .page-use-tip {
  margin: 24px 0;
}

.exclamation-black {
  position: relative;
  padding-left: 30px;
  font-weight: 700;
}

.exclamation-black::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/sub/ico_letter_write_tip_24x24.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
}

.page-use-tip-list li {
  position: relative;
  padding-left: 24px;
}

.page-use-tip-list li::before {
  content: 'ㆍ';
  display: block;
  width: 24px;
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: 0;
}

.monthly-letter-subject {
  font-size: 16px;
}

.smartletter-banner {
  height: 136px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url("../images/sub/img_smartletter_banner.png") no-repeat 0 0;
}

.smartletter-banner p {
  color: #fff;
  padding: 36px 24px;
}

.letter-list-tab-list {
  margin: 40px 0 24px;
}

.letter-list-tab-list::after {
  content: '';
  display: table;
  clear: both;
}

.letter-list-tab-list .md-tab {
  width: 664px;
  float: left;
}

.letter-list-tab-list .letter-faq-video {
  float: right;
}

.letter-list-tab-list .letter-faq-video a {
  display: inline-block;
  color: #8d8d8d;
  font-size: 15px;
  line-height: 46px;
  position: relative;
  padding: 0 0 0 26px;
}

.letter-list-tab-list .letter-faq-video a + a {
  margin-left: 24px;
}

.letter-list-tab-list .letter-faq-video a::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
}

.letter-list-tab-list .letter-faq-video a.link-letter-faq::before {
  background: url("../images/sub/ico_letter_faq.png") no-repeat 0 0;
  background-size: 100%;
}

.letter-list-tab-list .letter-faq-video a.link-letter-video::before {
  background: url("../images/sub/ico_letter_video.png") no-repeat 0 0;
  background-size: 100%;
}

.children-type-letter {
  position: relative;
}

.children-type-letter .letter-child-info-slider {
  border-top: 2px solid #8f9596;
}

.letter-list-cont .notice-section-head.type-notice-blue button {
  font-weight: 700;
}

.letter-children-flex {
  display: table;
  width: 100%;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px 24px 24px 0;
  position: relative;
  border-bottom: 1px solid #d9e1e2;
}

.letter-children-flex.type-depature {
  background: #f8f8fb;
}

.letter-children-flex .letter-children-cell {
  display: table-cell;
  vertical-align: top;
}

.letter-children-flex .letter-children-image {
  text-align: center;
  font-size: 14px;
  width: 180px;
}

.letter-children-flex .ico-delay-children,
.letter-children-flex .ico-graduated-children {
  top: 24px;
  left: 24px;
  z-index: 2;
}

.letter-children-flex .letter-children-image-mask {
  margin: 0 auto 8px;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}

.letter-children-flex .letter-children-image-mask img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}

.letter-children-flex .letter-children-info {
  width: 100%;
}

.letter-children-flex .letter-children-name {
  font-size: 20px;
  margin-top: 8px;
  font-weight: 700;
}

.letter-children-flex .letter-send-status + .letter-send-status {
  margin-top: 8px;
}

.letter-children-flex .letter-send-status .g-round-bullet-basic {
  font-size: 14px;
}

.letter-children-flex .letter-children-detail.child-info-wrap {
  margin: 8px 0 0;
}

.letter-children-flex .letter-children-detail.child-info-wrap .num {
  color: #005eb8;
}

.letter-children-flex .letter-children-detail.child-info-wrap ul {
  margin-left: 0;
}

.letter-children-flex .letter-children-detail.child-info-wrap ul li {
  margin: 0;
  vertical-align: top;
}

.letter-children-flex .letter-children-detail.child-info-wrap ul li + li {
  margin: 0 8px;
}

.letter-children-flex .letter-children-detail.child-info-wrap ul li + li::after {
  top: 2px;
  left: -9px;
}

.letter-children-flex .letter-children-status {
  position: absolute;
  right: 24px;
  top: 24px;
}

.letter-children-flex .letter-children-status .date-status {
  display: inline-block;
  padding-left: 16px;
  font-size: 16px;
}

.letter-children-flex .letter-children-status .read-status {
  font-size: 13px;
  position: relative;
  padding-left: 26px;
}

.letter-children-flex .letter-children-status .read-status::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
}

.letter-children-flex .letter-children-status .read-status.type-read {
  color: #8d8d8d;
}

.letter-children-flex .letter-children-status .read-status.type-read::before {
  background: url("../images/sub/ico_letter_read.png") no-repeat 0 0;
  background-size: 100%;
}

.letter-children-flex .letter-children-status .read-status.type-unread {
  color: #005eb8;
}

.letter-children-flex .letter-children-status .read-status.type-unread::before {
  background: url("../images/sub/ico_letter_unread.png") no-repeat 0 0;
  background-size: 100%;
}

.letter-children-flex .letter-children-button {
  width: 104px;
  position: absolute;
  right: 24px;
  bottom: 24px;
}

.letter-children-flex .letter-children-button button {
  margin-top: 8px;
}

.letter-children-flex .letter-children-button .button-view-letter {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
}

.letter-children-flex .letter-children-button .button-write-reply {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #005eb8;
  color: #fff;
  background: #fff;
  border: 1px solid #005eb8;
  color: #005eb8;
}

.letter-children-flex .letter-children-button .letter-controls-button {
  font-size: 0;
  text-align: right;
}

.letter-children-flex .letter-children-button .letter-controls-button button {
  margin: 0;
}

.letter-children-flex .letter-children-button .letter-controls-button button + button {
  margin: 0 0 0 8px;
}

.letter-children-flex .letter-children-button .button-letter-modify {
  background: #fff url("../images/sub/ico_letter_modify_24x24.png") no-repeat center center;
  background-size: 24px;
}

.letter-children-flex .letter-children-button .button-letter-delete {
  background: #fff url("../images/sub/ico_letter_delete_24x24.png") no-repeat center center;
  background-size: 24px;
}

.letter-children-flex .letter-children-button .button-letter-delete,
.letter-children-flex .letter-children-button .button-letter-modify {
  width: 48px;
  height: 48px;
  border: 1px solid #d9e1e2;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.letter-children-flex.type-accordion {
  border: 1px solid #d9e1e2;
  margin-bottom: 24px;
}

.letter-children-flex.type-accordion .ui-accordion-opener::before {
  right: 24px;
}

.letter-children-flex.type-accordion + .ui-accordion-layer {
  margin-bottom: 40px;
}

.letter-detail-content {
  padding: 24px 0 0;
}

.letter-detail-content .children-list-info-text {
  height: auto;
  margin-bottom: 32px;
}

.letter-detail-controls {
  position: relative;
  margin-bottom: 24px;
  height: 48px;
}

.letter-detail-controls .button-letter-download {
  width: 128px;
}

.slide-count-number {
  text-align: right;
  margin: 4px 0 0 0;
  color: #8d8d8d;
}

.slide-count-number .current {
  color: #005eb8;
}

.button-letter-arrow {
  font-size: 0;
  width: 104px;
  position: absolute;
  right: 0;
  top: 0;
}

.button-letter-arrow .custom-arrow {
  width: 48px;
  height: 48px;
  display: inline-block;
}

.button-letter-arrow .custom-arrow.slick-hidden {
  display: none;
}

.button-letter-arrow .custom-arrow.custom-prev {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat 0 0;
}

.button-letter-arrow .custom-arrow.custom-next {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat 0 0;
  margin-left: 8px;
}

.letter-image-slider {
  border: 1px solid #d9e1e2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.letter-image-slider img {
  max-width: 100%;
  margin: 0 auto;
}

.letter-image-slider[data-type=openview] [data-slick-index="0"] img {
  margin-top: -150px;
}

.letter-text-translate {
  margin-top: 24px;
}

.letter-text-translate .letter-text-title {
  margin-bottom: 16px;
}

.letter-text-translate .confirm-btn-wrap {
  width: 282px;
}

.letter-text-note {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 400px;
  overflow-y: scroll;
  border: 1px solid #d9e1e2;
}

.letter-text-note .inner-text-origin {
  min-height: 352px;
  white-space: pre-line;
  padding: 24px;
}

.letter-text-note .inner-text-area {
  padding: 24px;
  background: #fdfdfd;
  white-space: pre-line;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 400px;
}

.children-letter-arrows .slick-arrow {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 2;
}

.children-letter-arrows .slick-prev {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat 0 0;
  background-size: 100%;
  left: 0;
}

.children-letter-arrows .slick-next {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat 0 0;
  background-size: 100%;
  right: 0;
}

.letter-image-preview {
  margin: 16px 0 0;
  max-height: 700px;
  overflow-y: scroll;
  border: 1px solid #d9e1e2;
}

.letter-image-preview img {
  width: 100%;
  height: auto;
}

.cad-recommend-section {
  margin-top: 40px;
}

.cad-recommend-section h3 {
  font-size: 20px;
}

.cad-recommend-section h3 span {
  color: #005eb8;
}

.cad-recommend-section p {
  font-size: 16px;
  margin-top: 32px;
}

.cad-recommend-section .compassionADay-intro-frame {
  margin-top: 56px;
}

.cad-recommend-section .compassionADay-intro-frame iframe {
  height: 503px;
}

.cad-recommend-section .compassionADay-intro-frame::after {
  display: none;
}

.type-mypage .sub-title-wrap {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1280px) {
  .children-image-box {
    width: 30%;
  }
  .children-image-box + .children-intro-box {
    width: 66%;
  }
  .bottom-notice-wrap {
    padding: 20px 0;
  }
  .bottom-notice-wrap .inner {
    width: 100%;
    padding: 0;
  }
  .bottom-notice-wrap .notice-text {
    float: none;
    text-align: center;
  }
  .bottom-notice-wrap .btn-member-withdraw {
    float: none;
    margin: 0 auto;
  }
  .table-total-sort-box {
    height: auto;
  }
  .table-total-sort-box .table-sort-select.type-myLetter {
    right: 4%;
  }
  .ui-input-layout br {
    display: none;
  }
  .ui-input-layout .ui-radio-block {
    min-width: auto;
    width: 33%;
  }
    .ui-input-layout .ui-radio-write-block {
        min-width: auto;
    }
  .ui-input-layout .ui-radio-block + .ui-radio-block {
    margin: 0;
  }
  .ui-input-layout.type-letter-icon .ui-radio-block {
    width: 32%;
  }
  .ui-input-layout.type-letter-icon .ui-radio-block + .ui-radio-block {
    margin-left: 2%;
  }
  .ui-input-layout.type-letter-icon .ui-radio-text {
    margin: 0;
  }
  .sponsor-type-select-box .mypage-flex-table + .mypage-flex-table {
    border: none;
  }
  .sponsor-type-select-box .side-btn-wrap {
    width: 92%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
  }
  .letter-template-text-area {
    height: auto;
  }
  .letter-template-text-area .letter-template-text {
    left: 6%;
    top: 23%;
    width: 88%;
    height: 60%;
    padding: 0 4%;
  }
  .letter-template-text-area .letter-template-text textarea {
    padding: 0;
    width: 100%;
    height: 100%;
  }
  .letter-template-text-area .letter-template-text.type-template {
    font-size: 14px;
    left: 6%;
    top: 20%;
    padding: 0;
    width: 88%;
    height: 63%;
    overflow-y: scroll;
    padding: 0 4%;
  }
  .letter-template-text-area .letter-template-text.type-template .ui-input-block {
    max-width: 100%;
    width: 130px;
  }
  .letter-detail-layout {
    margin-top: 24px;
  }
  .letter-detail-content .slick-slide img {
    max-width: 100%;
  }
  .smartletter-banner {
    background-size: cover;
    margin-top: 24px;
  }
  [data-tab=letter-type-card] .ui-input-layout {
    font-size: 0;
    margin: 0 0 -4% -2%;
  }
  [data-tab=letter-type-card] .ui-input-layout .ui-radio-image {
    width: 100%;
  }
  [data-tab=letter-type-card] .ui-input-layout img {
    max-width: 100%;
  }
  [data-tab=letter-type-card] .ui-input-layout .ui-radio-block,
  [data-tab=letter-type-card] .ui-input-layout .ui-checkbox-block,
  [data-tab=letter-type-card] .ui-input-layout .ui-input-block {
    width: 48%;
    margin: 0 0 4% 2%;
  }
}
@media only screen and (min-width: 1024px) {
    .table-total-sort-box .table-sort-select {
        display : flex;
    }
}
@media only screen and (max-width: 1024px) {
  .mypage-letter-intro-text-box {
    font-size: 18px;
  }
  .mypage-letter-intro-text-box .inner {
    height: auto;
    min-height: 100px;
  }
  .mypage-letter-intro-text-box .inner p {
    padding: 24px;
  }
  .mypage-letter-intro-text-box .inner p .intro-text-box-sub {
    font-size: 14px;
  }
  .mypage-letter-intro-text-box .inner p .text-box-sub {
    font-size: 14px;
  }
  .table-total-sort-box .table-total-num {
    font-size: 14px;
    padding-top: 0;
  }
  .table-total-sort-box .tab-radius-wrap.type-flex ul {
    display: table;
    width: 100%;
  }
  .table-total-sort-box .tab-radius-wrap.type-flex ul li {
    display: table-cell;
    text-align: center;
    padding: 0;
  }
  .table-total-sort-box .tab-radius-wrap.type-flex ul li + li {
    padding-left: 8px;
  }
  .table-total-sort-box .check-all-children {
    position: absolute;
    right: 0;
  }
  .table-total-sort-box .check-all-children .ui-checkbox-block .ui-checkbox-text {
    font-size: 14px;
  }
  .table-total-sort-box .table-sort-select {
    position: static;
    text-align: right;
    margin-top: 8px;
  }
  .table-total-sort-box .table-sort-select .ui-select-block {
    text-align: left;
  }
  .ui-input-layout.type-letter-icon .ui-radio-block {
    vertical-align: top;
  }
  .ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-text {
    line-height: 21px;
  }
  .ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-text br {
    display: block;
  }
  .monthly-letter-subject {
    font-size: 14px;
  }
  .letter-list-tab-list .md-tab {
    width: 100%;
    float: none;
  }
  .letter-list-tab-list .letter-faq-video {
    text-align: right;
    width: 100%;
    float: none;
  }
  .page-use-tip {
    font-size: 14px;
  }
  .page-use-tip.type-cam {
    width: 100%;
    height: 520px;
    background-size: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cad-recommend-section h3 {
    font-size: 18px;
  }
  .cad-recommend-section p {
    font-size: 14px;
    margin-top: 16px;
  }
  .cad-recommend-section .compassionADay-intro-frame {
    margin-top: 32px;
  }
  .cad-recommend-section .compassionADay-intro-frame iframe {
    height: 503px;
  }
}

@media only screen and (max-width: 800px) {
  .member-children-section.type-one-child {
    padding: 24px 0;
  }
  .table-wrap .table-head {
    display: none;
  }
  .table-wrap .table-item {
    display: block;
    padding: 16px;
    height: auto;
    width: auto;
    font-size: 13px;
  }
  .table-wrap .table-item div.form-flex-cell {
    padding: 0;
    text-align: left;
    display: block;
    width: 100%;
    border-left: none;
  }
  .table-wrap .table-item div.form-flex-cell p {
    margin: 4px 0;
    font-size: 13px;
  }
  .table-wrap .table-item div.form-flex-cell span {
    font-size: 12px;
  }
  .table-wrap .table-content-wrap {
    border-top: 1px solid #d9e1e2;
  }
  .table-wrap.type-double .table-content-wrap .type-firstline {
    display: inline-block;
    width: auto;
    font-size: 16px;
    margin-bottom: 16px;
  }
  .table-wrap.type-double .table-content-wrap .type-firstline:first-child {
    font-weight: bold;
  }
  .table-wrap.type-double .table-content-wrap .type-firstline.type-long {
    width: 70%;
  }
  .table-wrap.type-double .table-content-wrap .type-secondline {
    display: inline-block;
    width: 49%;
  }
  .sub-title-wrap {
    padding-bottom: 10px;
  }
  .sub-title-wrap h2 {
    font-weight: normal;
    text-align: center;
  }
  .border-notice-wrap {
    font-size: 13px;
  }
  .border-notice-wrap p {
    width: 160px;
    margin: 0 auto;
    word-break: keep-all;
  }
  .border-notice-wrap .notice-btn-wrap {
    margin: 16px auto 0;
    width: 208px;
  }
  .date-sort-bar {
    border: none;
    padding: 0;
  }
  .date-sort-bar > .form-flex {
    display: block;
    width: 100%;
  }
  .date-sort-bar > .form-flex .form-flex-cell {
    display: block;
    width: 100%;
    margin-bottom: 16px;
  }
  .date-sort-bar > .form-flex .form-flex-cell .date-sort-list-item {
    width: 32%;
  }
  .date-sort-bar > .form-flex .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
  .date-sort-bar.type-select > .form-flex > .form-flex-cell .form-flex-cell {
    display: table-cell;
    padding-right: 8px;
  }
  .date-sort-bar.type-select > .form-flex > .form-flex-cell .form-flex-cell + .form-flex-cell {
    padding: 0 0 0 8px;
  }
  .date-sort-bar.type-default > .form-flex > .form-flex-cell + .form-flex-cell .inquiry-block {
    width: 100%;
  }
  .date-sort-bar-inquiry .ui-radio-text {
    font-size: 13px;
  }
  .date-sort-bar-inquiry .inquiry-block {
    width: 100%;
  }
  .date-sort-bar-inquiry .inquiry-block .form-flex {
    width: 100%;
  }
  .date-sort-bar-inquiry .inquiry-block .form-flex .form-flex-cell {
    display: inline-block;
    width: 50%;
  }
  .date-sort-bar-inquiry .inquiry-block .form-flex .form-flex-cell + .date-sort-bar-submit {
    width: 100%;
    display: block;
  }
  .auth-select {
    margin-top: 0;
  }
  .auth-select .auth-select-link {
    font-size: 13px;
  }
  .table-total-sort-box .funding-sort-button button {
    font-size: 16px;
  }
  .date-sort-bar.type-trip > .form-flex > .form-flex-cell {
    margin-bottom: 0;
    padding: 0;
  }
  .date-sort-bar.type-trip > .form-flex > .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
  .money-sponsor-notice h4 {
    font-size: 14px;
  }
  .money-sponsor-notice p {
    font-size: 13px;
  }
  .letter-children-flex .letter-children-button .button-view-letter,
  .letter-children-flex .letter-children-button .button-write-reply {
    font-size: 14px;
  }
  .letter-image-slider[data-type=openview] [data-slick-index="0"] img {
    margin-top: -20%;
  }
  .letter-list-tab-list .md-tab li {
    height: 56px;
    line-height: normal;
    vertical-align: top;
  }
  .letter-list-tab-list .md-tab .num {
    display: block;
    margin: 0 auto;
  }
  .letter-children-flex {
    display: block;
    font-size: 0;
    padding: 24px 0;
  }
  .letter-children-flex .letter-children-name {
    font-size: 18px;
  }
  .letter-children-flex .letter-children-button {
    position: static;
    width: 100%;
    display: table;
    table-layout: fixed;
    margin-top: 20px;
  }
  .letter-children-flex .letter-children-button button {
    margin: 0;
  }
  .letter-children-flex .letter-children-button .button-flex {
    display: table-cell;
  }
  .letter-children-flex .letter-children-button .button-flex + .button-flex {
    padding-left: 8px;
  }
  .letter-children-flex .letter-children-button .letter-controls-button {
    display: table-cell;
    text-align: left;
    padding-bottom: 0;
  }
  .letter-children-flex .letter-children-image-mask {
    width: 80px;
    height: 80px;
  }
  .letter-children-flex .letter-children-image {
    width: 20%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 24px 0 0;
  }
  .letter-children-flex .letter-children-image img {
    max-width: 100%;
  }
  .letter-children-flex .letter-children-info {
    width: 80%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
  }
  .letter-children-flex .letter-children-cell {
    display: inline-block;
  }
  .letter-children-flex .ico-delay-children, .letter-children-flex .ico-graduated-children {
    left: 16px;
    top: 16px;
  }
  .letter-children-flex .letter-children-status {
    right: 0;
  }
  .letter-children-flex .letter-children-status .date-status {
    font-size: 14px;
  }
  .smartletter-banner {
    background: url("../images/sub/img_smartletter_banner_mobile.png") no-repeat center top;
    background-size: cover;
    height: auto;
  }
  .smartletter-banner p {
    padding: 10% 20% 10% 4%;
  }
  .page-use-tip.type-cam {
    height: 45vw;
  }
  .children-letter-arrows {
    text-align: right;
    font-size: 0;
  }
  .children-letter-arrows .slick-arrow {
    position: relative;
    top: 0;
    margin-top: 0;
    margin-bottom: 16px;
    display: inline-block !important;
  }
  .children-letter-arrows .slick-arrow + .slick-arrow {
    margin-left: 8px;
  }
  .children-letter-arrows .slick-prev {
    left: inherit;
  }
  .children-letter-arrows .slick-next {
    right: inherit;
  }
  .cad-recommend-section .compassionADay-intro-frame iframe {
    height: 51vw;
  }
}

@media only screen and (max-width: 768px) {
  .type-mypage .sub-title-wrap {
    margin-bottom: 0;
  }
  .type-mypage .top-menulist-wrap + .inner {
    margin-top: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .mypage-welcome-message h3 {
    font-size: 18px;
  }
  .table-total-sort-box {
    height: auto;
  }
  .table-total-sort-box .funding-sort-button {
    font-size: 14px;
  }
  .table-total-sort-box .funding-sort-button button + button::before {
    height: 16px;
  }
  .table-total-sort-box .table-sort-select {
    position: static;
  }
  .table-total-sort-box .table-sort-select .ui-select-block {
    margin: 0;
    width: 100%;
  }
  .table-total-sort-box .table-sort-select .ui-select-block + .ui-select-block {
    margin-top: 1%;
  }
  .table-total-sort-box .table-sort-select .ui-select-block.type-full {
    width: 100%;
    margin: 1% 0 0;
  }
  .table-total-sort-box .table-sort-select.type-myLetter .ui-select-block + .ui-select-block {
    width: 100%;
  }
  .notice-form-btn-wrap {
    width: 100%;
  }
  .notice-form-btn-wrap > .form-flex-cell {
    display: block;
  }
  .notice-form-btn-wrap > .form-flex-cell:first-child {
    margin-bottom: 16px;
  }
  .notice-form-btn-wrap > .form-flex-cell:first-child > .form-flex {
    width: 100%;
  }
  .notice-form-btn-wrap > .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
  .notice-form-btn-wrap.type-dual {
    width: 100%;
  }
  .notice-form-btn-wrap.type-dual .form-flex-cell {
    display: table-cell;
  }
  .notice-form-btn-wrap.type-dual .form-flex-cell + .form-flex-cell {
    padding-left: 8px;
  }
  .money-sponsor-notice h4 {
    font-size: 13px;
  }
  .money-sponsor-notice p {
    font-size: 12px;
  }
  .button-template-pop-open {
    width: 100%;
  }
  .mypage-letter-intro-text-box {
    font-size: 14px;
  }
  .mypage-letter-intro-text-box .inner {
    min-height: 80px;
  }
  .mypage-letter-intro-text-box .inner p .intro-text-box-sub {
    font-size: 13px;
  }
  .mypage-letter-intro-text-box .inner p .text-box-sub {
    font-size: 13px;
  }
  .mypage-letter-intro-text-box.type-complete {
    margin-top: 0;
    height: auto;
  }
  .mypage-letter-intro-text-box.type-complete .inner {
    padding: 0;
  }
  .ui-input-layout {
    font-size: 0;
  }
  .ui-input-layout .ui-radio-block {
    width: 50%;
    margin: 4px 0;
  }
    .ui-input-layout .ui-radio-write-block {
        margin: 4px 0;
    }
  .ui-input-layout .ui-radio-block + .ui-radio-block {
    margin: 4px 0;
  }
  .ui-input-layout .ui-radio-block .ui-radio-text {
    font-size: 14px;
  }
    .ui-input-layout .ui-radio-block .ui-radio-text span{
        font-size: 1.5vw;
    }
  .page-use-tip {
    font-size: 13px;
    padding: 16px;
    margin-top: 16px;
  }
  .page-use-tip li {
    padding-left: 16px;
  }
  .page-use-tip li::before {
    width: 4px;
  }
  .letter-children-flex .letter-children-button .button-view-letter,
  .letter-children-flex .letter-children-button .button-write-reply {
    font-size: 13px;
  }
  [data-tab=letter-type-card] .ui-input-layout {
    margin: 0;
  }
  [data-tab=letter-type-card] .ui-input-layout .ui-radio-image {
    margin-bottom: 8px;
  }
  [data-tab=letter-type-card] .ui-input-layout .ui-radio-block {
    width: 100%;
    margin: 0 0 32px 0;
  }
  .letter-template-bg img {
    display: none;
  }
  .letter-template-bg .letter-template-mobile {
    display: block;
    width: 100%;
  }
  .letter-template-text-area .letter-template-text.type-template {
    font-size: 13px;
  }
  .monthly-letter-subject {
    font-size: 13px;
  }
  .letter-children-flex .letter-children-image {
    width: 30%;
    font-size: 13px;
  }
  .letter-children-flex .letter-children-info {
    width: 70%;
  }
  .letter-children-flex .letter-children-name {
    font-size: 13px;
  }
  .letter-children-flex .letter-children-status .read-status {
    font-size: 0;
  }
  .letter-children-flex .letter-children-status .read-status::before {
    margin-top: -17px;
  }
  .letter-children-flex .letter-children-status .date-status {
    font-size: 13px;
    padding-left: 4px;
  }
  .letter-children-flex .ico-delay-children, .letter-children-flex .ico-graduated-children {
    left: 0;
    top: 8px;
  }
  .letter-children-flex .letter-send-status .g-round-bullet-basic {
    font-size: 12px;
  }
  .letter-children-flex.type-accordion {
    padding: 24px 8px 48px 16px;
  }
  .letter-children-flex.type-accordion .letter-children-image {
    padding-right: 16px;
  }
  .letter-children-flex.type-accordion .ui-accordion-opener::before {
    width: 100%;
    right: 0;
    top: auto;
    bottom: 20px;
    height: 20px;
    margin: 0;
    background-position: center top;
    background-size: 20px;
  }
  .js-accordion-opened .letter-children-flex.type-accordion .ui-accordion-opener::before {
    background-position: center bottom;
  }
  .smartletter-banner p br {
    display: none;
  }
  .page-use-tip.type-cam {
    height: auto;
    background: none;
  }
  .page-use-tip .img-cam-guideline {
    display: block;
    width: 100%;
  }
  .cad-recommend-section h3 {
    font-size: 16px;
  }
  .cad-recommend-section p {
    font-size: 13px;
  }
}

@media only screen and (max-width: 520px) {
  .sub-title-wrap h2 {
    font-size: 16px;
  }
  .auth-select {
    margin-top: 0;
  }
  .auth-select .auth-select-list {
    margin-left: -4%;
  }
  .auth-select .auth-select-list .auth-select-item {
    padding-left: 4%;
  }
  .auth-select .auth-select-link {
    font-size: 13px;
    padding: 20% 0;
  }
  .auth-select-wrap {
    padding: 5%;
  }
  .notice-section-wrap {
    padding: 5%;
  }
  .notice-section-wrap .notice-section-head {
    margin-bottom: 8px;
  }
  .notice-contents-wrap ul {
    font-size: 13px;
    line-height: 2;
  }
  .notice-contents-wrap .notice-sub-text {
    font-size: 13px;
  }
  .bottom-notice-wrap .btn-member-withdraw {
    width: 97px;
  }
  .bottom-notice-wrap .btn-member-withdraw button {
    height: 40px;
    line-height: 40px;
  }
  .notice-contents-wrap .notice-form-btn-wrap .form-flex-cell {
    min-width: 80px;
  }
  .ui-input-layout .ui-radio-block .ui-radio-label {
    margin: 0;
  }
  .ui-input-layout .ui-radio-block .ui-radio-text {
    font-size: 13px;
  }
  .ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-label {
    padding-left: 0;
    padding-right: 0;
  }
  .letter-children-flex .letter-children-detail.child-info-wrap ul li + li {
    margin: 0 4px 0 8px;
  }
  .letter-text-note .inner-text-area {
    font-size: 13px;
    line-height: 1.6;
  }
}

@media only screen and (max-width: 360px) {
  .table-total-sort-box .table-total-num {
    font-size: 13px;
  }
  .table-total-sort-box .check-all-children {
    margin: 0;
  }
  .table-total-sort-box .check-all-children .ui-checkbox-block .ui-checkbox-text {
    font-size: 13px;
  }
  .letter-children-flex.type-accordion .letter-children-image {
    width: 30%;
  }
  .letter-children-flex.type-accordion .letter-children-info {
    width: 70%;
  }
  .ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-label .ui-radio-text {
    font-size: 12px;
  }
  .ui-input-layout.type-letter-icon .ui-radio-block .ui-radio-label .ui-radio-text span {
    font-size: 12px;
  }
}

@media only screen and (max-width: 320px) {
  .table-total-sort-box .check-all-children {
    position: static;
  }
  .letter-children-flex .letter-children-image {
    width: 30%;
  }
  .letter-children-flex .letter-children-image-mask {
    width: 65px;
    height: 65px;
  }
  .letter-children-flex .letter-children-info {
    width: 70%;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * mCustomScrollbar
 * 작성자 : hmpark
 * 파일명 : _scrollbars.scss
 */
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 4px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal.mCS-light {
  width: auto;
  height: 4px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal.mCS-light .mCSB_dragger {
  height: 4px;
  min-width: auto !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal.mCS-light .mCSB_dragger .mCSB_dragger_bar {
  height: 4px;
  width: auto;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal.mCS-light .mCSB_draggerRail {
  width: 100%;
  height: 2px;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -15px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  background: #dfdfdf;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
  background: #aaa;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 팝업
 * 작성자 : hmpark
 * 파일명 : _popup.scss
 */
.layer-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 320px;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1000;
  opacity: 0;
  line-height: 0;
  white-space: nowrap;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0;
}

.layer-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

html.is-ie .layer-wrap {
  background-image: url("./");
}

.layer-container {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  font-size: inherit;
  line-height: 1.2;
  white-space: normal;
  margin: 20px;
  font-size: 14px;
}

.ui-layer {
  position: relative;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-layer::after::after, .ui-layer::before::after {
  content: '';
  display: table;
  clear: both;
}

.ui-layer-head {
  position: relative;
  padding: 24px 0 18px;
  background: #fff;
  border-bottom: 1px solid #d9e1e2;
}

.ui-layer-head::after {
  content: '';
  display: table;
  clear: both;
}

.ui-layer-body::after, .ui-layer-body::before {
  content: '';
  display: table;
  clear: both;
}

.ui-layer-body.type-scroll {
  max-height: 503px;
  overflow: auto;
  padding-right: 6px;
  margin-right: -22px;
}

.ui-layer-body .ui-btn-wrap {
  margin-top: 40px;
}

.ui-layer-foot {
  padding: 24px;
}

.ui-layer-foot .form-flex {
  width: 360px;
  margin: 0 auto;
  text-align: center;
}

.ui-layer-foot .form-flex-cell + .form-flex-cell {
  padding-left: 8px;
}

.ui-layer-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin: 0 24px;
}

.ui-layer-close {
  position: absolute;
  top: 50%;
  right: 26px;
  margin-top: -10px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/common/btn_top_ad_close_type_blue.png") no-repeat center center;
  background-size: 14px;
}

.ui-layer-buttons-list {
  margin: -16px 0 0 -18px;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.ui-layer-buttons-item {
  display: inline-block;
  vertical-align: top;
  padding: 16px 0 0 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}

.ui-layer-alert {
  width: 400px;
  padding-left: 31px;
  padding-right: 31px;
}

.ui-layer-alert-contents {
  padding-top: 39px;
}

.ui-layer-alert-text {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  word-break: keep-all;
  word-wrap: break-word;
}

.ui-layer-alert-sub-text {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  word-break: keep-all;
  word-wrap: break-word;
  color: #959595;
}

.ui-layer-alert .ui-layer-foot {
  margin-top: 24px;
  margin-bottom: 24px;
}

.ui-layer-alert-icon {
  display: block;
  margin: -9px auto 8px;
  width: 40px;
  height: 40px;
  background: no-repeat 50% 50%;
}

.ui-layer-alert-only-text .ui-layer-body {
  height: 198px;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}

.ui-layer-alert-only-text .ui-layer-body::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.ui-layer-alert-only-text .ui-layer-alert-contents {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  min-height: 0;
  padding-top: 0;
  white-space: normal;
}

.ui-layer.type-multi {
  width: auto;
  max-width: 600px;
}

.ui-layer-section {
  padding: 0 24px;
}

.ui-layer-section + .ui-layer-section {
  padding: 24px;
}

[data-type=inner-full] .ui-layer {
  width: 1200px;
  padding: 0;
}

[data-type=inner-full] .ui-layer .ui-layer-head {
  margin-top: 0;
  padding: 24px;
}

[data-type=inner-full] .ui-layer .ui-layer-title {
  font-size: 24px;
  margin-left: 0;
}

[data-type=inner-full] .ui-layer .ui-layer-section {
  padding: 0 102px;
}

[data-type=inner-full] .ui-layer .ui-layer-section + .ui-layer-section {
  padding: 80px 102px;
}

[data-type=inner-full] .ui-layer .ui-layer-content + .ui-layer-content {
  margin-top: 24px;
}

.children-intro-box h4 {
  font-size: 24px;
  line-height: 36px;
  word-break: keep-all;
}

/* �뼱由곗씠 �긽�꽭 �뙘�뾽 */
.layer-children-detail .title-basic {
  text-align: center;
  margin-bottom: 56px;
}

.layer-children-detail .ui-layer-contents {
  position: relative;
}

.layer-children-detail .ui-layer-contents .children-sns-share {
  right: 0;
  top: inherit;
  bottom: -96px;
}

.layer-children-detail .ui-layer-contents .member-children-section.type-non-child {
  margin-top: 48px;
}

.layer-children-detail .ui-layer-contents .member-children-section.type-non-child .children-intro-box {
  margin-top: 24px;
}

.layer-children-detail .ui-layer-contents .member-children-section.type-non-child .children-intro-box .children-short-message {
  color: #005eb8;
}

.layer-children-detail .ui-layer-contents .member-children-section.type-non-child .children-past-times {
  font-size: 14px;
}

.layer-children-detail .ui-layer-contents .children-support-more-view {
  display: none;
}

.layer-children-detail .ui-layer-contents .children-stay-information {
  background: url("../images/sub/bg_pop_children_country.png") no-repeat center top;
}

.layer-children-detail .ui-layer-contents .children-stay-information .title-basic {
  position: relative;
  margin-bottom: 24px;
}

.layer-children-detail .ui-layer-contents .children-stay-information .title-basic::after {
  content: '';
  display: block;
  width: 32px;
  height: 4px;
  background: #005eb8;
  margin: 24px auto 0;
}

.layer-children-detail .ui-layer-contents .children-stay-country-text {
  /* text-align: center; */
  text-align:left;
  margin-bottom: 56px;
  line-height: 1.4;
  font-size: 16px;
}

.children-support-things-wrap::after {
  content: '';
  display: table;
  clear: both;
}

.children-support-grid {
  float: left;
  width: 486px;
}

.children-support-grid + .children-support-grid {
  float: right;
}

.children-support-things + .children-support-things {
  margin-top: 24px;
}

.children-support-things .things-image img {
  width: 100%;
}

.children-support-things.type-one-info::after {
  content: '';
  display: table;
  clear: both;
}

.children-support-things.type-one-info .things-image {
  width: 588px;
}

.children-support-things.type-one-info .things-image img {
  width: 100%;
}

.children-support-things.type-one-info .center-info-text {
  font-size: 16px;
}

.children-support-things.type-one-info .center-info-text li div {
  display: inline;
}

.children-support-things.type-one-info > dl {
  width: 486px;
  float: right;
  margin-top: -156px;
}

.children-support-things > dl {
  width: 90%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  margin-top: -40px;
  position: relative;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.children-support-things > dl > dt {
  padding: 16px 24px;
  line-height: 60px;
  color: #005eb8;
  font-weight: 700;
  border-bottom: 1px solid #d9e1e2;
  position: relative;
  font-size: 20px;
}

.children-support-things > dl > dt::after {
  content: '';
  width: 84px;
  height: 4px;
  background: #d9e1e2;
  position: absolute;
  left: 0;
  bottom: -2px;
}

.children-support-things > dl > dt.things-icon::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  margin-right: 24px;
  width: 60px;
  height: 60px;
  background: url("../images/sub/ico_pop_children_support_list.png") no-repeat 0 0;
  background-size: 60px;
}

.children-support-things > dl > dt.things-icon-tab::before {
  content: '';
  display: inline-block;
  vertical-align: top;
  margin-right: 24px;
  width: 60px;
  height: 60px;
  background: url("../images/sub/ico_pop_children_info_tab.png") no-repeat 0 0;
  background-size: 60px;
}

.children-support-things .things-icon.things-icon-02::before {
  background-position: 0 -60px;
}

.children-support-things .things-icon.things-icon-03::before {
  background-position: 0 -120px;
}

.children-support-things .things-icon.things-icon-04::before {
  background-position: 0 -180px;
}

.children-support-things .things-icon.things-icon-05::before {
  background-position: 0 -240px;
}

.children-support-things .things-icon.things-icon-06::before {
  background-position: 0 -300px;
}

.children-support-things .things-icon.things-icon-07::before {
  background-position: 0 -360px;
}

.children-support-things .things-icon.things-icon-08::before {
  background-position: 0 -420px;
}

.children-support-things .things-icon-tab.things-icon-01::before {
  background-position: 0 0;
}

.children-support-things .things-icon-tab.things-icon-02::before {
  background-position: 0 -120px;
}

.children-support-things .things-icon-tab.things-icon-03::before {
  background-position: 0 -60px;
}

.children-support-things .things-icon-tab.things-icon-04::before {
  background-position: 0 -180px;
}

.children-support-things dd {
  padding: 16px 24px;
  font-size: 16px;
  line-height: 21px;
}

.children-stay-gdp {
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
  padding: 24px;
  margin-bottom: 24px;
  background: #fff;
  text-align: center;
}

.children-stay-gdp img {
  max-width: 100%;
}

.children-stay-detail::after {
  content: '';
  display: table;
  clear: both;
}

.children-stay-map {
  width: 49%;
  height: 256px;
  float: left;
  background: #fff;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
}

.children-stay-day {
  width: 49%;
  height: 256px;
  float: right;
  background: #0086bf;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px 40px;
  position: relative;
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
}

.children-stay-day .children-stay-clock {
  color: #fff;
  font-size: 20px;
  line-height: 32px;
}

.children-stay-day .children-stay-weather-image {
  position: absolute;
  right: 0;
  top: 0;
}

.children-stay-day .children-stay-weather-image img {
  width: 180px;
}

.children-stay-day .children-stay-weather {
  position: absolute;
  padding: 0 40px;
  left: 0;
  bottom: 27px;
  font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
  display: table;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.children-stay-day .children-stay-weather .weather-info {
  color: #ffd100;
  font-weight: 500;
  font-size: 20px;
  display: table-cell;
}

.children-stay-day .children-stay-weather .weather-temperature {
  color: #fff;
  font-weight: 700;
  font-size: 60px;
  display: table-cell;
  text-align: right;
}

.children-country-news .title-basic {
  position: relative;
}

.children-country-news .title-basic .g-button-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: normal;
}

.children-country-news .children-country-news-list {
  font-size: 0;
  text-align: center;
}

.children-country-news .children-country-news-list::after {
  content: '';
  display: table;
  clear: both;
}

.children-country-news .children-country-news-list .children-news-box {
  width: 49%;
  display: inline-block;
  position: relative;
}

.children-country-news .children-country-news-list .children-news-box a {
  display: block;
  position: relative;
  text-align: left;
}

.children-country-news .children-country-news-list .children-news-box a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/sub/bg_local_children_news.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.children-country-news .children-country-news-list .children-news-box img {
  max-width: 100%;
}

.children-country-news .children-country-news-list .children-news-box + .children-news-box {
  margin-left: 2%;
}

.children-country-news .children-country-news-list .children-news-box span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 24px;
  font-size: 20px;
  font-weight: 700;
}

.children-country-news .children-country-news-button {
  text-align: center;
  width: 248px;
  margin: 80px auto 0;
}

/* �뼱由곗씠 �긽�꽭 tab �젙蹂� �뙘�뾽 */
.layer-children-detail-tab .children-information li + li {
  margin-top: 8px;
}

.layer-children-detail-tab .ui-layer-body .children-tab-children .title-basic {
  text-align: center;
  margin-bottom: 56px;
}

.layer-children-detail-tab .ui-layer-body .children-tab-children .ui-layer-section.children-country-news {
  padding-bottom: 80px;
}

.layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-intro-box {
  padding-bottom: 64px;
  border-bottom: 1px solid #d9e1e2;
  white-space: pre-line;
}

.layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-support-things-wrap {
  padding-top: 0;
}

.layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-support-things-wrap + .ui-accordion-wrap {
  padding-top: 0;
}

.layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-support-things-wrap .children-support-things dd {
  padding: 32px 24px;
}

.layer-children-detail-tab .ui-layer-body .child-detail-image-wrap {
  width: 894px;
  margin: 48px auto 0;
}

.layer-children-detail-tab .ui-layer-body .child-detail-image-wrap + .ui-layer-section {
  padding: 64px 102px;
}

.layer-children-detail-tab .ui-layer-body .table-wrap.type-visionTrip .table-head div {
  width: 40%;
}

.layer-children-detail-tab .ui-layer-body .table-wrap.type-visionTrip .table-head div:last-child {
  width: 20%;
}

.layer-children-detail-tab .ui-layer-body .table-wrap.type-visionTrip .table-content-wrap {
  text-align: center;
}

.layer-children-detail-tab .ui-layer-body .table-wrap.type-visionTrip .table-content-wrap .form-flex-cell {
  width: 40%;
}

.layer-children-detail-tab .ui-layer-body .table-wrap.type-visionTrip .table-content-wrap .form-flex-cell p {
  margin-bottom: 0;
}

.layer-children-detail-tab .ui-layer-body .table-wrap.type-visionTrip .table-content-wrap .form-flex-cell:last-child {
  width: 20%;
}

.layer-children-detail-tab .ui-layer-body .table-wrap.type-visionTrip .table-content-wrap .form-flex-cell:last-child p button {
  height: 32px;
  line-height: 32px;
  min-width: 62px;
}

.layer-children-detail-tab .ui-layer-body .type-dot-list {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

.layer-children-detail-tab .ui-accordion-wrap .type-dot-list {
  width: 100%;
}

/* s: 二쇱냼寃��깋 �뙘�뾽 */
.layer-address .ui-layer {
  width: 792px;
  padding: 0;
}

.layer-address .ui-layer-head {
  margin-top: 0;
  padding: 24px;
}

.layer-address .ui-layer-body {
  padding: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0;
}

.layer-address .table-wrap {
  margin-top: 0;
}

.layer-address .table-wrap .table-content-wrap {
  min-height: 242px;
}

.layer-address .type-noresult {
  text-align: center;
  padding: 24px 0;
  height: auto;
}

.search-head {
  position: relative;
}

.search-head .search-bar {
  width: 100%;
}

.search-head .type-full {
  width: 100%;
}

.search-head .btn-search {
  position: relative;
  width: 72px;
  height: 48px;
  padding-top: 9px;
  padding-bottom: 9px;
  background-color: #005eb8;
  border-radius: 3px;
}

.search-head .btn-search::after {
  position: absolute;
  top: 12px;
  left: 26px;
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background: url("../images/common/ico_search.png") no-repeat center;
  background-size: 100%;
}

.layer-address .search-head-text {
  font-size: 13px;
  margin-top: 16px;
}

.layer-address .search-content .search-detail-head {
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: bold;
}

.layer-address .search-content .search-item .search-total-linenum {
  font-size: 16px;
}

.layer-address .search-content .search-item .search-total-linenum b {
  color: #005eb8;
  margin-left: 0;
}

.layer-address .search-content .search-item .type-scroll {
  margin-top: 16px;
  max-height: 235px;
  position: relative;
}

.layer-address .search-content .search-item .ui-input-block input {
  width: 320px;
}

.layer-address .search-button {
  width: 360px;
  margin: 80px auto 0;
}

.layer-address .search-address-detail {
  padding: 16px 0;
  border-top: 1px solid #d9e1e2;
  border-bottom: 1px solid #d9e1e2;
}

.layer-address .search-address-detail .form-flex + .form-flex {
  margin-top: 12px;
}

.more-btn-wrap {
  padding-top: 16px;
  width: 320px;
  margin: 0 auto;
}

/* 援먰쉶李얘린 */
.layer-church-search .ui-layer {
  width: 792px;
  padding: 0;
}

.layer-church-search .ui-layer-head {
  margin-top: 0;
  padding: 24px;
}

.layer-church-search .ui-layer-body {
  padding: 24px;
}

.layer-church-search .ui-layer-body .search-bar {
  margin: 16px 0 0;
}

.layer-church-search .ui-layer-body .search-bar > .form-flex-cell {
  width: 50%;
}

.layer-church-search .ui-layer-body .search-bar > .form-flex-cell:first-child > .form-flex {
  width: 100%;
}

.layer-church-search .ui-layer-body .search-bar > .form-flex-cell:first-child > .form-flex > .form-flex-cell:first-child {
  width: 40%;
}

.layer-church-search .ui-layer-body .search-bar .form-flex-cell.type-address {
  width: 75%;
}

.layer-church-search .ui-layer-body .search-bar .form-flex-cell + .form-flex-cell {
  padding-left: 16px;
}

.layer-church-search .ui-layer-body .search-bar .type-address,
.layer-church-search .ui-layer-body .search-bar .type-church {
  width: 50%;
}

.layer-church-search .ui-layer-body .search-text-wrap {
  padding-bottom: 8px;
}

.layer-church-search .ui-layer-body .search-text-wrap p {
  font-size: 14px;
  margin-bottom: 8px;
}

.layer-church-search .ui-layer-body .search-text-wrap p a {
  text-decoration: underline;
}

.layer-church-search .ui-layer-body .search-item .type-scroll {
  max-height: 225px;
}

.layer-church-search .ui-layer-body .search-item .search-address-result-head {
  border-top: 1px solid #d9e1e2;
  border-bottom: 1px solid #d9e1e2;
  background-color: #f8f8fb;
  height: 56px;
  font-size: 16px;
  font-weight: bold;
}

.layer-church-search .ui-layer-body .search-item .form-flex {
  width: 100%;
  text-align: center;
}

.layer-church-search .ui-layer-body .search-item .form-flex .form-flex-cell:first-child {
  width: 208px;
  border-right: 1px solid #d9e1e2;
}

.layer-church-search .ui-layer-body .search-item .search-address-item {
  width: 100%;
  border-bottom: 1px solid #d9e1e2;
  cursor: pointer;
}

.layer-church-search .ui-layer-body .search-item .search-address-item.type-noresult {
  text-align: center;
  padding: 24px 0;
  height: auto;
}

.layer-church-search .ui-layer-body .search-item .search-address-item.active {
  background-color: #EAF4F7;
  font-weight: bold;
  color: #005eb8;
}

.layer-church-search .ui-layer-body .search-item .search-address-item .form-flex-cell {
  padding: 16px 24px;
  text-align: left;
}

.layer-church-search .ui-layer-body .search-item .search-address-item .form-flex-cell:first-child {
  padding: 16px 0;
  text-align: center;
}

.layer-church-search .ui-layer-body .search-item .search-address-item .form-flex-cell p {
  display: inline;
}

.layer-event-info .ui-layer {
  width: 536px;
}

.layer-event-info .ui-layer-body {
  padding: 24px;
}

.layer-event-info .form-section-wrap + .form-section-wrap {
  margin-top: 16px;
}

.layer-event-info .ui-layer-foot .form-flex {
  width: 100%;
  table-layout: fixed;
}

.layer-event-info .ui-layer-foot .form-flex .form-flex-cell {
  padding: 0 8px 0 0;
}

.layer-event-info .ui-layer-foot .form-flex .form-flex-cell + .form-flex-cell {
  padding: 0 0 0 8px;
}

.layer-virtual-account .ui-layer {
  width: 720px;
}

.layer-virtual-account .ui-layer-body {
  padding: 24px;
}

.layer-virtual-account .notice-text {
  font-size: 16px;
  margin-bottom: 32px;
}

.layer-virtual-account .side-table-wrap .table-item .form-flex-cell {
  font-size: 16px;
}

.ui-layer-sub-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 24px;
}

.layer-file[data-type=inner-full] .ui-layer {
  width: 720px;
  margin: 0 auto;
}

.layer-file[data-type=inner-full] .ui-layer-body {
  padding: 24px;
}

.layer-children-album .ui-layer-body {
  padding: 24px;
}

.layer-children-album .child-album-information {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin: 44px 0 0;
}

.layer-children-album .child-album-information .child-album-name {
  color: #005eb8;
}

.layer-children-album .ui-layer-body {
  height: 976px;
  background: url("../images/common/bg_children_album.png") no-repeat center top;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.layer-children-album .button-section {
  padding: 32px 0 0;
}

.layer-children-album .button-section .form-flex {
  width: 588px;
  margin: 0 auto;
}

.layer-children-album .button-section .form-flex-cell {
  width: 282px;
}

.layer-children-album .button-section .form-flex-cell + .form-flex-cell {
  padding-left: 24px;
}

.layer-children-album img {
  max-width: 100%;
}

.layer-children-album .slider-container {
  width: 400px;
  margin: 0 auto;
}

.layer-children-album .slider-container .item {
  width: 314px;
  margin: 0 auto;
  padding: 32px 0 36px;
}

.layer-children-album .slider-container .item .children-frame {
  height: 405px;
}

.layer-children-album .slider-container .item .children-frame .image-wrap img {
  width: 100%;
  height: auto;
  max-height: 449px;
  left: 0;
}

.layer-children-album .slider-container .item .children-frame .children-info-wrap {
  padding: 20px 0;
}

.layer-children-album .thumbnail-slider-container {
  position: relative;
}

.layer-children-album .thumbnail-slider-container .item {
  width: 180px;
  height: 180px;
  overflow: hidden;
}

.layer-children-album .thumbnail-slider-container .item img {
  width: 180px;
  height: auto;
}

.layer-children-album .thumbnail-slider-container .owl-dots {
  display: none;
}

.layer-children-album .thumbnail-slider-container .thunbnail-slider-controls a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 47px;
  height: 47px;
  position: absolute;
  top: 50%;
  margin-top: -23px;
  z-index: 10;
}

.layer-children-album .thumbnail-slider-container .thunbnail-slider-controls .is-prev {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat center center;
  background-size: 100%;
  left: -23px;
}

.layer-children-album .thumbnail-slider-container .thunbnail-slider-controls .is-next {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat center center;
  background-size: 100%;
  right: -23px;
}

.depature-slider {
  padding-top: 80px;
}

.depature-process-bar {
  font-size: 0;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.depature-process-bar li {
  display: inline-block;
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 20px;
  color: #d9e1e2;
  background: url("../images/sub/ico_process_normal_56x56.png") no-repeat center center;
  background-size: 100%;
  position: relative;
  margin-left: 60px;
  cursor: pointer;
}

.depature-process-bar li:first-child {
  margin-left: 0;
}

.depature-process-bar li:first-child::before {
  display: none;
}

.depature-process-bar li::before {
  content: '';
  display: inline-block;
  width: 60px;
  height: 2px;
  background: #d9e1e2;
  position: absolute;
  left: -60px;
  top: 50%;
  margin-top: -1px;
}

.depature-process-bar li.slick-active {
  background: url("../images/sub/ico_process_active_56x56.png") no-repeat center center;
  background-size: 100%;
  font-weight: 700;
  color: #005eb8;
}

.depature-slider-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin: 48px 0 0;
  word-break: keep-all;
}

.depature-slider-title .point {
  color: #005eb8;
}

.depature-slider-title .type-small {
  display: block;
  font-size: 20px;
  margin-top: 4px;
  line-height: 1.6;
}

.depature-children-frame-section {
  font-size: 0;
  text-align: center;
  padding-top: 50px;
}

.depature-children-frame-section::after {
  content: '';
  display: table;
  clear: both;
}

.depature-children-frame-section .children-frame {
  display: inline-block;
  padding: 8px 8px 0;
  height: auto;
}

.depature-children-frame-section .children-frame .image-wrap {
  height: 404px;
  overflow: hidden;
}

.depature-children-frame-section .children-frame .image-wrap img {
  left: 0;
  width: 100%;
  height: auto;
}

.depature-children-frame-section.type-slide {
  padding: 0 30px;
  margin-top: 105px;
}

.depature-children-frame-section.type-slide .slick-track {
  padding: 18px 0;
}

.depature-children-frame-section.type-slide .children-frame {
  width: 196px;
  margin: 0 0 0 24px;
  float: none;
}

.depature-children-frame-section.type-slide .children-frame .image-wrap {
  height: auto;
}

.depature-children-frame-section.type-slide .slick-arrow {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
  background: url("../images/sub/btn_swipe_arrow_gray.png") no-repeat left top;
  background-size: 100%;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}

.depature-children-frame-section.type-slide .slick-arrow.slick-prev {
  left: 0;
}

.depature-children-frame-section.type-slide .slick-arrow.slick-next {
  right: 0;
  background-position: left bottom;
}

.depature-children-frame-text {
  text-align: center;
  font-size: 18px;
  padding-bottom: 40px;
}

.donation-pause-table {
  display: table;
  width: 100%;
  height: 581px;
  text-align: center;
}

.donation-pause-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.donation-pause-table .donation-pause-alert {
  background: url("../images/sub/ico_quotes.png") no-repeat center top;
  background-size: 24px;
  padding-top: 40px;
  font-size: 18px;
  font-weight: 700;
}

.donation-pause-table .donation-pause-notice {
  padding-top: 55px;
  font-weight: 700;
  font-size: 24px;
  line-height: 39px;
}

.donation-pause-table .donation-pause-notice .point {
  color: #0086bf;
}

.depature-graduate-change {
  height: 232px;
  background: url("../images/sub/img_depature_graduate_ex.png") no-repeat center top;
}

.depature-graduate-change img {
  display: none;
  max-width: 100%;
}

.children-recommend-wrap {
  margin-top: 40px;
}

.children-recommend-wrap .children-recommend-title {
  margin: 0 0 32px;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.children-recommend-wrap .children-recommend-title .point {
  color: #0086bf;
}

.children-recommend-wrap .children-square-wrap {
  padding-left: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.children-recommend-wrap .children-recommend-text {
  margin: 18px 0;
  font-weight: 700;
  padding: 0 128px;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}

.children-recommend-wrap .children-recommend-text .point {
  color: #0086bf;
}

.children-recommend-wrap .children-recommend-text .recommend-date {
  text-align: center;
  font-size: 14px;
  color: #8d8d8d;
  font-weight: 400;
}

.children-recommend-wrap .children-recommend-text .recommend-sub {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}

.children-recommend-wrap .children-recommend-button {
  width: 320px;
  margin: 0 auto;
}

.custom-arrow button {
  display: inline-block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  margin-top: -24px;
}

.custom-arrow button.slick-disabled {
  display: none !important;
}

.custom-arrow .custom-prev {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat center center;
  background-size: 100%;
  left: 25px;
}

.custom-arrow .custom-next {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat center center;
  background-size: 100%;
  right: 25px;
}

.depature-youtube-section {
  padding: 66px 45px;
}

.depature-reasons-wrap .depature-reasons {
  padding: 108px 48px 0;
}

.depature-reasons-wrap .depature-reasons h4 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 38px;
}

.depature-reasons-wrap .depature-reasons.depature-table-cell {
  padding-top: 55px;
  display: block;
}

.depature-reasons-wrap .depature-reasons.depature-table-cell h4 {
  background: url("../images/sub/ico_quotes.png") no-repeat center top;
  background-size: 24px;
  padding-top: 40px;
  font-size: 24px;
  font-weight: 700;
  color: #0086bf;
}

.depature-reasons-wrap .depature-reasons.depature-table-cell .depature-child-result .children-intro-box {
  padding-left: 120px;
}

.depature-reasons-wrap .depature-reasons-text {
  min-height: 156px;
  padding-left: 187px;
  font-size: 16px;
  line-height: normal;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.depature-reasons-wrap .depature-reasons-text .inner-cell {
  display: table-cell;
  vertical-align: middle;
}

.depature-reasons-wrap .depature-reasons-text .depature-reasons-title {
  font-weight: 700;
  color: #0086bf;
  margin-bottom: 16px;
}

.depature-reasons-wrap .depature-reasons-text.type-01 {
  background: url("../images/sub/ico_depature_reason_01.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-02 {
  background: url("../images/sub/ico_depature_reason_08.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-03 {
  background: url("../images/sub/ico_depature_reason_04.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-04 {
  background: url("../images/sub/ico_depature_reason_12.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-05 {
  background: url("../images/sub/ico_depature_reason_02.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-06 {
  background: url("../images/sub/ico_depature_reason_09.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-07 {
  background: url("../images/sub/ico_depature_reason_02.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-08 {
  background: url("../images/sub/ico_depature_reason_05.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-09 {
  background: url("../images/sub/ico_depature_reason_10.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-10 {
  background: url("../images/sub/ico_depature_reason_14.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-11 {
  background: url("../images/sub/ico_depature_reason_06.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-12 {
  background: url("../images/sub/ico_depature_reason_03.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-13 {
  background: url("../images/sub/ico_depature_reason_11.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-reasons-wrap .depature-reasons-text.type-14 {
  background: url("../images/sub/ico_depature_reason_07.png") no-repeat 0 0;
  background-size: 156px;
}

.depature-child-result {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid #d9e1e2;
  height: 190px;
}

.depature-child-result .depature-result-title {
  font-weight: 700;
  text-align: center;
  color: #0086bf;
  font-size: 24px;
  margin-bottom: 24px;
}

.depature-child-result .children-intro-box {
  padding-left: 120px;
}

.depature-child-result .children-intro-box .children-emoji {
  text-align: left;
  padding: 0;
  font-size: 16px;
  padding-left: 36%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.depature-child-result .children-intro-box .children-emoji::before {
  position: absolute;
  left: 0;
  vertical-align: middle;
}

.depature-child-result .children-intro-box .title {
  font-weight: 700;
  text-align: left;
  position: absolute;
  left: 32px;
  top: 0;
}

.layer-graduate-news .ui-layer-body.type-graduate {
  background: url("../images/sub/bg_depature_graduate.png") no-repeat center top;
  background-size: cover;
}

.layer-children-news .type-graduate-last {
  background: url("../images/sub/bg_depature_graduate.png") no-repeat center top;
  background-size: cover;
}

.layer-children-news .ui-layer,
.layer-graduate-news .ui-layer {
  background: #f2f5f8;
}

.layer-children-news .ui-layer-body,
.layer-graduate-news .ui-layer-body {
  padding: 80px 0 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.layer-children-news .ui-layer-section,
.layer-graduate-news .ui-layer-section {
  position: relative;
}

.layer-children-news .depature-slider-section.type-bg,
.layer-graduate-news .depature-slider-section.type-bg {
  width: 998px;
  height: 724px;
  margin: 0 auto;
  background: url("../images/sub/bg_children_news.png") no-repeat center center;
  background-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 67px 52px;
}

.layer-children-news .children-image-box,
.layer-graduate-news .children-image-box {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.layer-children-news .depature-table-wrap,
.layer-graduate-news .depature-table-wrap {
  display: table;
  width: 100%;
  height: 100%;
}

.layer-children-news .depature-table-cell,
.layer-graduate-news .depature-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.layer-children-news .depature-graduate-news-text,
.layer-graduate-news .depature-graduate-news-text {
  text-align: center;
  font-size: 18px;
  margin: 70px 0;
}

.layer-children-news .depature-type-only-children,
.layer-graduate-news .depature-type-only-children {
  padding-left: 160px;
}

.layer-children-news .depature-type-more-thumbnail,
.layer-graduate-news .depature-type-more-thumbnail {
  width: 112px;
  overflow: hidden;
  float: left;
  padding: 40px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
}

.layer-children-news .depature-type-more-thumbnail *,
.layer-graduate-news .depature-type-more-thumbnail * {
  max-width: 100%;
}

.layer-children-news .depature-type-more-thumbnail .slick-slide,
.layer-graduate-news .depature-type-more-thumbnail .slick-slide {
  margin-bottom: 14px;
  height: 112px;
  overflow: hidden;
}

.layer-children-news .depature-type-more-thumbnail .slick-current,
.layer-graduate-news .depature-type-more-thumbnail .slick-current {
  position: relative;
}

.layer-children-news .depature-type-more-thumbnail .slick-current::before,
.layer-graduate-news .depature-type-more-thumbnail .slick-current::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #0086bf;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.layer-children-news .depature-type-more-thumbnail .slick-arrow,
.layer-graduate-news .depature-type-more-thumbnail .slick-arrow {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  font-size: 0;
  line-height: 0;
  width: 48px;
  height: 48px;
  background: url("../images/sub/btn_slider_vertical_arrow.png") no-repeat left top;
  background-size: 100%;
  position: absolute;
  z-index: 5;
  left: 50%;
  margin-left: -24px;
}

.layer-children-news .ui-layer {
	position: relative;
}
.layer-children-news .depature-info-disagree {
	position: absolute;
	top:80px;
	right: 0px;
}

.layer-children-news .depature-type-more-thumbnail .slick-arrow.slick-prev,
.layer-graduate-news .depature-type-more-thumbnail .slick-arrow.slick-prev {
  top: 15px;
}

.layer-children-news .depature-type-more-thumbnail .slick-arrow.slick-next,
.layer-graduate-news .depature-type-more-thumbnail .slick-arrow.slick-next {
  background-position: left bottom;
  bottom: 15px;
}

.layer-children-news .depature-type-more-children,
.layer-graduate-news .depature-type-more-children {
  width: 660px;
  float: right;
  margin: 155px 36px 0 0;
}

.depature-info-disagree {
  text-align: right;
  padding: 10px 0;
  background: #f2f5f8;
}

.depature-info-disagree .ui-checkbox-block {
  vertical-align: top;
}

.depature-info-disagree .ui-checkbox-block .ui-checkbox-text {
  line-height: 20px;
}

.depature-info-disagree .ui-checkbox-block .ui-checkbox-object {
  top: 0;
}

.layer-sponsorship-pay-detail .children-number {
  text-align: right;
  display: block;
  color: #8d8d8d;
  font-size: 13px;
}

.layer-sponsorship-pay-detail .ui-layer {
  width: 792px;
}

.layer-sponsorship-pay-detail .ui-layer .ui-layer-section {
  padding: 0 24px;
}

.layer-sponsorship-pay-detail .ui-layer .ui-layer-section + .ui-layer-section {
  padding: 0 24px 24px;
}

.layer-sponsorship-pay-detail .ui-layer .ui-layer-section .ui-layer-head {
  padding-left: 0;
  padding-right: 0;
}

.layer-sponsorship-pay-detail .ui-layer .ui-layer-section .ui-layer-title {
  margin: 0;
  font-weight: 400;
}

.layer-sponsorship-pay-detail .member-children-section {
  border-bottom: none;
}

.table-data-sort {
  margin: 24px 0 8px;
  text-align: right;
}

.table-data-sort .ui-select-block {
  width: auto;
  display: inline-block;
  text-align: left;
}

.table-layout {
  overflow: hidden;
}

.table-layout.type-disabled tbody th, .table-layout.type-disabled tbody td {
  color: #e0e0e0;
}

.table-layout + .table-layout {
  margin-top: 16px;
}

.table-layout table {
  width: 100%;
  border-top: 1px solid #d9e1e2;
  margin-left: -1px;
}

.table-layout td,
.table-layout th {
  border-bottom: 1px solid #d9e1e2;
  border-left: 1px solid #d9e1e2;
  text-align: center;
  padding: 16px 10px;
  background: #fff;
}

.table-layout td .ui-checkbox-block,
.table-layout td .ui-radio-block,
.table-layout th .ui-checkbox-block,
.table-layout th .ui-radio-block {
  vertical-align: top;
}

.table-layout td .ui-checkbox-block input,
.table-layout td .ui-radio-block input,
.table-layout th .ui-checkbox-block input,
.table-layout th .ui-radio-block input {
  min-width: auto;
}

.table-layout th {
  background: #f8f8fb;
  font-weight: 700;
  font-size: 16px;
}

.table-layout td {
  font-size: 14px;
}

.table-layout thead th {
  background: #f8f8fb;
}

.table-layout .type-total td,
.table-layout .type-total th {
  font-size: 20px;
  font-weight: 700;
}

.table-layout .type-total td {
  color: #005eb8;
}

.table-layout.type-responsive table {
  table-layout: auto;
}

.table-layout.type-responsive .ui-checkbox-block,
.table-layout.type-responsive .ui-radio-block {
  margin: 0;
}

.table-layout.type-responsive .ui-checkbox-object,
.table-layout.type-responsive .ui-radio-object {
  position: relative;
  top: 0;
}

.table-layout.type-vertical table {
  table-layout: auto;
}

.table-layout.type-vertical th {
  background: #f8f8fb;
  font-weight: 700;
}

.table-layout.type-vertical td {
  background: #fff;
  text-align: left;
}

.table-layout.type-vertical td .ui-checkbox-text,
.table-layout.type-vertical td .ui-radio-text {
  font-size: 14px;
}

.table-layout.type-board table {
  table-layout: auto;
}

.table-layout .type-left {
  text-align: left !important;
}

.table-layout tr.type-disabled td {
  color: #e0e0e0;
}

.layer-group-sponsorship .ui-layer {
  width: 792px;
  background-color: #eaf4f7;
}

.layer-group-sponsorship .ui-layer-body {
  padding: 54px 0;
}

.layer-group-sponsorship .ui-layer-content {
  width: 540px;
  margin: 0 auto;
  text-align: center;
}

.layer-group-sponsorship p {
  font-size: 20px;
  font-weight: bold;
  word-break: keep-all;
}

.layer-group-sponsorship .group-sponsorship-date-wrap {
  background-color: #fff;
  margin: 32px 0;
  font-size: 24px;
  font-weight: bold;
  width: 100%;
  padding: 34px 0;
  border-radius: 14px;
}

.layer-group-sponsorship .group-sponsorship-date-wrap span {
  color: #005eb8;
}

.layer-group-sponsorship .group-sponsorship-image-wrap {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.layer-group-sponsorship .group-sponsorship-image-wrap .form-flex-cell + .form-flex-cell {
  padding-left: 0;
}

.layer-group-sponsorship .group-sponsorship-image-item {
  position: relative;
  padding-top: 187px;
}

.layer-group-sponsorship .group-sponsorship-image-item .sponsor-name {
  font-size: 20px;
  color: #005eb8;
  font-weight: bold;
  margin-bottom: 20px;
}

.layer-group-sponsorship .group-sponsorship-image-item .sponsor-no-date {
  font-size: 20px;
  color: #768692;
  font-weight: bold;
  margin-bottom: 20px;
}

.layer-group-sponsorship .group-sponsorship-image-item div {
  font-size: 14px;
}

.layer-group-sponsorship .group-sponsorship-image-item div span {
  display: block;
  color: #8d8d8d;
  padding-top: 4px;
}

.layer-group-sponsorship .group-sponsorship-image-item::after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -61px;
  display: block;
  content: '';
  width: 125px;
  height: 155px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.layer-group-sponsorship .group-sponsorship-image-item[data-layer-sponsorship=man01]::after {
  background-image: url("../images/sub/ico_group_sponsor_pop_01.png");
  background-position: 0 0;
}

.layer-group-sponsorship .group-sponsorship-image-item[data-layer-sponsorship=man01-active]::after {
  background-image: url("../images/sub/ico_group_sponsor_pop_01_active.png");
  background-position: 0 0;
}

.layer-group-sponsorship .group-sponsorship-image-item[data-layer-sponsorship=man02]::after {
  background-image: url("../images/sub/ico_group_sponsor_pop_02.png");
  background-position: 0 0;
}

.layer-group-sponsorship .group-sponsorship-image-item[data-layer-sponsorship=man02-active]::after {
  background-image: url("../images/sub/ico_group_sponsor_pop_02_active.png");
  background-position: 0 -0;
}

.layer-group-sponsorship .group-sponsorship-image-item[data-layer-sponsorship=man03]::after {
  background-image: url("../images/sub/ico_group_sponsor_pop_03.png");
  background-position: 0 0;
}

.layer-group-sponsorship .group-sponsorship-image-item[data-layer-sponsorship=man03-active]::after {
  background-image: url("../images/sub/ico_group_sponsor_pop_03_active.png");
  background-position: 0 0;
}

.layer-authorization .ui-layer {
  width: 792px;
  height: 357px;
}

.layer-authorization .auth-select {
  margin-top: 40px;
}

.layer-authorization .form-flex {
  width: 92%;
  padding: 0 4%;
}

.layer-waiting-application .ui-layer {
  width: 798px;
}

.layer-waiting-application .form-content-wrap {
  margin: 0 auto;
}

.layer-waiting-application .form-content-wrap .ui-notice-sub-title {
  margin-bottom: 16px;
}

.layer-waiting-application .table-layout + .ui-text-block {
  margin: 16px 0 8px 0;
}

.layer-waiting-application .ui-text-block {
  margin: 24px auto 40px;
}

.layer-sponsorship-type .ui-layer {
  width: 634px;
}

.layer-sponsorship-type .form-content-wrap {
  margin: 24px 0;
}

.layer-sponsorship-type .form-content-wrap .ui-text-block {
  font-size: 14px;
  margin: 0 0 24px;
}

.layer-sponsorship-type .tab-radius-wrap {
  padding: 0;
}

.layer-sponsorship-type .tab-radius-wrap .tab-radius {
  display: block;
}

.layer-sponsorship-type .tab-radius-wrap .tab-radius li {
  display: inline-block;
  padding: 0;
  width: 32%;
  padding: 0 1% 0 0;
  margin-bottom: 1%;
}

.layer-sponsorship-type .tab-radius-wrap .tab-radius li:nth-child(3n) {
  padding: 0;
}

.layer-sponsorship-type .spon-price-input {
  display: none;
}

.layer-event-application .ui-layer {
  width: 634px;
}

.layer-event-application .form-content-wrap {
  margin: 24px auto;
}

.layer-qna .ui-layer {
  width: 636px;
}

.layer-qna .form-content-wrap {
  margin: 24px auto;
}

.layer-letter-template .ui-layer-contents {
  margin-top: 24px;
}

.layer-letter-template .ui-layer-contents + .ui-layer-contents {
  margin: 30px 0;
}

.layer-letter-template #letterTemplateMaxlength {
  display: block;
  text-align: right;
}

.layer-letter-template .ui-input-layout {
  text-align: center;
}

.layer-letter-template .ui-input-layout .ui-radio-block {
  width: 320px;
}

.layer-letter-template .ui-input-layout .ui-radio-block + .ui-radio-block {
  margin-left: 24px;
}

.layer-letter-template .ui-input-layout label {
  cursor: pointer;
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #fff;
  border: 1px solid #768692;
  color: #768692;
}

.layer-letter-template .ui-input-layout label.checked {
  display: inline-block;
  min-width: 100%;
  height: 48px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  border-radius: 4px;
  vertical-align: top;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background ease 0.3s;
  transition: background ease 0.3s;
  background: #768692;
  color: #fff;
}

.layer-letter-template .ui-layer-foot .form-flex {
  table-layout: fixed;
  width: 588px;
}

.layer-letter-template .ui-layer-foot .form-flex .form-flex-cell:first-child {
  padding-right: 8px;
}

.letter-template-list-box {
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.letter-template-list-box.is-active {
  display: block;
}

.letter-template-list-box ul {
  position: relative;
}

.letter-template-list-box ul::after {
  content: '';
  display: table;
  clear: both;
}

.letter-template-list-box li {
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 49%;
  float: left;
  position: relative;
  margin-bottom: 16px;
  font-size: 0;
}

.letter-template-list-box li::after {
  content: '';
  display: table;
  clear: both;
}

.letter-template-list-box li:nth-child(even) {
  float: right;
}

.letter-template-list-box li button {
  background: transparent;
  text-align: left;
  display: inline-block;
  width: 100%;
  line-height: 24px;
  position: relative;
  padding-left: 60px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.letter-template-list-box li .letter-template-category {
  color: #005eb8;
  display: inline-block;
  margin-right: 4px;
}

.letter-template-list-box li .letter-template-lang {
  position: absolute;
  right: 0;
  width: 72px;
  height: 32px;
  background: #fff;
  border: 1px solid #768692;
  color: #768692;
  border-radius: 4px;
  text-align: center;
}

.letter-template-list-box li.is-used {
  color: #8d8d8d;
}

.letter-template-list-box li.is-used .letter-template-category {
  color: #8d8d8d;
}

.letter-template-list-box li.is-active button {
  font-weight: 700;
}

.letter-template-list-box li.is-active .letter-template-lang {
  background: #768692;
  color: #fff;
  font-weight: 400;
}

.letter-template-new {
  display: inline-block;
  width: 48px;
  height: 24px;
  line-height: 24px;
  background: #0086bf;
  color: #fff;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
}

.layer-provision .ui-layer {
  width: 792px;
}

.layer-provision .ui-layer-content {
  font-size: 16px;
  line-height: 1.7;
  word-break: keep-all;
}

.layer-provision .ui-layer-content p {
  margin: 16px 24px;
}

.layer-provision .ui-layer-content > div {
  margin: 24px 24px;
}

.layer-provision .ui-layer-content .title {
  font-weight: bold;
  margin-bottom: 16px;
  font-size:16px;
}

.layer-provision .ui-layer-content .sub-title {
  font-weight: bold;
  margin: 24px 24px 0 24px;
}

.layer-provision .ui-layer-content .sub-title + div {
  margin-top: 4px;
}

.layer-provision .ui-layer-content li {
  margin-bottom: 16px;
}

.layer-provision .ui-layer-content .section-title {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.layer-provision .ui-layer-content .confirm-btn-wrap {
  width: 92%;
  margin: 0;
  padding: 16px 4% 0 4%;
}

.layer-provision.layer-children-provision .section-title {
  margin-top: 40px;
}

.layer-provision.layer-children-provision .section-title + div {
  margin-bottom: 32px;
}

.layer-provision .sub-content-wrap ol {
  margin-bottom: 16px;
}

.layer-provision .sub-content-wrap li {
  margin: 0;
}

.layer-provision.layer-visiontrip-guide-provision .ui-layer-content p {
  margin: 16px 0;
}

.layer-user-funding-preview .ui-layer {
  width: 792px;
}

.layer-user-funding-preview .ui-layer-body {
  padding: 32px 0;
}

.layer-user-funding-preview img {
  max-width: 100%;
}

.layer-user-funding-preview .ui-layer-content {
  padding: 0 24px;
}

.layer-user-funding-preview .layer-user-funding-title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 16px;
}

.layer-user-funding-preview .user-funding-recommend-child {
  margin-top: 0;
}

.layer-user-funding-preview .user-funding-recommend-child .member-children-section {
  padding: 24px;
  display: table;
  width: 100%;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.layer-user-funding-preview .user-funding-recommend-child .member-children-section .children-image-box {
  width: 40%;
  height: auto;
  display: table-cell;
  float: none;
}

.layer-user-funding-preview .user-funding-recommend-child .member-children-section .children-intro-box {
  width: 60%;
  margin: 0;
  display: table-cell;
  float: none;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 24px;
}

.layer-user-funding-preview .user-funding-recommend-child .member-children-section .children-intro-box h4 {
  font-size: 22px;
  letter-spacing: -0.5px;
}

.layer-user-funding-preview .user-funding-recommend-child .member-children-section .children-intro-box .children-emoji + .children-emoji {
  margin: 16px 0 0 0;
}

.layer-user-funding-preview .layer-user-funding-contents .editor-area {
  font-size: 16px !important;
}

.layer-user-funding-preview .layer-user-funding-contents .editor-area * {
  font-size: 16px !important;
}

.layer-user-funding-preview .user-funding-video {
  height: 418px;
}

.layer-user-funding-preview .user-funding-video iframe {
  width: 100%;
  height: 100%;
}

.layer-newsletter-subscribe .ui-layer {
  width: 792px;
  background: #bbdde6;
}

.layer-newsletter-subscribe .ui-layer-body {
  padding: 29px;
}

.layer-newsletter-subscribe .ui-layer-content {
  padding: 48px 72px;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
}

.layer-newsletter-subscribe .ui-layer-content::after {
  width: 139px;
  height: 147px;
  content: '';
  display: block;
  background-image: url("../images/sub/bg_newsletter_side.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: absolute;
  bottom: -29px;
  right: -23px;
}

.layer-newsletter-subscribe .newsletter-head h3 {
  color: #005eb8;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 4px;
}

.layer-newsletter-subscribe .newsletter-head p {
  word-break: keep-all;
}

.layer-newsletter-subscribe .newsletter-top-content {
  margin: 48px auto;
  width: 80%;
  table-layout: fixed;
}

.layer-newsletter-subscribe .newsletter-top-content .form-flex-cell {
  text-align: center;
  vertical-align: top;
  word-break: keep-all;
  padding: 0 16px;
}

.layer-newsletter-subscribe .newsletter-top-content .form-flex-cell::before {
  width: 112px;
  height: 112px;
  display: inline-block;
  content: '';
  background-image: url("../images/common/ico_email.png");
  background-size: cover;
  margin-bottom: 24px;
}

.layer-newsletter-subscribe .newsletter-top-content .form-flex-cell:last-child::before {
  background-image: url("../images/common/ico_event.png");
}

.layer-newsletter-subscribe .newsletter-top-content .form-flex-cell p {
  width: 108px;
  margin: 0 auto;
}

.layer-newsletter-subscribe .ui-notice-sub-title {
  margin-bottom: 16px;
}

.layer-newsletter-subscribe .form-section-wrap + .form-section-wrap {
  margin-top: 24px;
}

.layer-newsletter-subscribe .center-btn-wrap {
  margin-top: 40px;
}

.layer-newsletter-subscribe .newsletter-complete {
  padding-top: 97px;
}

.layer-newsletter-subscribe .newsletter-complete .newsletter-head {
  text-align: center;
}

.layer-newsletter-subscribe .newsletter-complete .newsletter-head::before {
  width: 112px;
  height: 112px;
  content: '';
  display: inline-block;
  background-image: url("../images/common/ico_newsletter_close.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.layer-newsletter-subscribe .newsletter-complete .newsletter-head h3 {
  padding-top: 27px;
  color: #3d3e3f;
  margin-bottom: 16px;
}

.layer-newsletter-subscribe .newsletter-complete .center-btn-wrap {
  margin-bottom: 80px;
}

.layer-board-director-provision .ui-layer-content ul li {
  line-height: inherit;
  margin-bottom: 0;
}

.layer-overall-provision .ui-layer-content ul li {
  line-height: inherit;
  margin-bottom: 0;
}

.layer-risk-provision .ui-layer-content ul li {
  line-height: inherit;
  margin-bottom: 0;
}

.layer-report-provision .ui-layer-content ul li {
  line-height: inherit;
  margin-bottom: 0;
}

.layer-report-provision .ui-layer-content ul li ul {
  padding-left: 16px;
}

.layer-fund-raising-provision .ui-layer-content ul li {
  line-height: inherit;
  margin-bottom: 0;
}

.layer-preventing-conflict-provision .ui-layer-content ul li {
  line-height: inherit;
  margin-bottom: 0;
}

.layer-ethic-provision .ui-layer-content ul li {
  line-height: inherit;
  margin-bottom: 0;
}

.layer-cad-popup .ui-layer-body {
  background: url("../images/sub/bg_cad_stripes.png");
  padding: 24px;
}

.layer-cad-popup .ui-layer {
  width: 1056px;
}

.layer-cad-popup .ui-layer .ui-layer-head {
  padding: 0;
  border-bottom: none;
  position: initial;
}

.layer-cad-popup .ui-layer .ui-layer-close {
  top: 40px;
  right: 32px;
}

.layer-cad-popup .cad-top-title {
  font-size: 16px;
}

.layer-cad-popup .ui-layer-content {
  padding: 64px 32px;
  background-color: #fff;
}

.layer-cad-popup .member-children-section {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #f8f8fb;
}

.layer-cad-popup .member-children-section h3 {
  font-size: 24px;
  margin-bottom: 24px;
}

.layer-cad-popup .member-children-section > div {
  margin: 0 auto;
}

.layer-cad-popup .member-children-section > div::after {
  content: '';
  display: table;
  clear: both;
}

.layer-cad-popup .member-children-section .children-short-message {
  color: #005eb8;
}

.layer-cad-popup .center-btn-wrap + .ui-layer-cad-text {
  border-top: 1px solid #f8f8fb;
  padding-top: 16px;
  margin-top: 70px;
}

.layer-cad-popup .ui-layer-cad-text {
  text-align: center;
  padding-top: 137px;
  border-top: 1px solid #f8f8fb;
  margin-top: 24px;
}

.layer-cad-popup .ui-layer-cad-text .title {
  font-size: 20px;
  font-weight: bold;
}

.layer-cad-popup .ui-layer-cad-text .center-btn-wrap {
  margin-top: 40px;
}

.layer-cad-popup .ui-layer-cad-bottom {
  text-align: center;
  padding-top: 24px;
  margin-top: 16px;
  border-top: 1px solid #f8f8fb;
}

.layer-cad-popup .ui-layer-cad-bottom .title {
  font-weight: bold;
  font-size: 20px;
  word-break: keep-all;
}

.layer-cad-popup .ui-layer-cad-bottom .center-btn-wrap {
  margin-top: 24px;
}

.layer-cad-popup .Dday-bullet {
  font-size: 12px;
  font-weight: bold;
  background-color: #ffd100;
  display: inline-block;
  padding: 7px 0;
  width: 75px;
  text-align: center;
  border-radius: 14px;
  margin: 12px 0 24px 0;
}

.layer-cad-popup .Dday-bullet.type-disable {
  background-color: #f2f5f8;
  color: #8d8d8d;
}

.layer-cad-popup .cad-icon {
  margin-top: 106px;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #005eb8;
  position: relative;
  padding-top: 154px;
}

.layer-cad-popup .cad-icon::before {
  display: block;
  content: '';
  width: 203px;
  height: 106px;
  background-image: url("../images/sub/img_cad_mail.png");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -56px;
}

.layer-cad-popup .cad-front-text {
  text-align: center;
}

.layer-cad-popup .cad-front-text h3 {
  font-size: 24px;
  margin-top: 16px;
}

.layer-cad-popup .cad-front-text p {
  margin: 24px auto 40px auto;
  font-size: 16px;
}

.layer-cad-popup .cad-card {
  height: 540px;
}

.cad-card-inner {
  -webkit-perspective: 150rem;
  perspective: 150rem;
  position: relative;
  height: 540px;
}

.cad-card {
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.cad-content-slide-back {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.layer-cad-recommendation .type-scroll {
  max-height: 588px;
}

.layer-youtube-player .ui-layer {
  width: 980px;
}

.layer-youtube-player .ui-layer-content {
  padding: 0 10px;
}

.layer-youtube-player .ui-layer-content .inner-youtube-box {
  height: 540px;
  margin: 24px 0 40px 0;
}

.layer-password .ui-layer {
  max-width: 792px;
  margin: 0 auto;
}

.layer-password .ui-layer-content {
  width: 640px;
  padding: 96px 0 40px 0;
  margin: 0 auto;
  border-bottom: 1px solid #d9e1e2;
}

.layer-password .password-notice {
  text-align: center;
}

.layer-password .password-notice h4 {
  font-size: 24px;
  padding-top: 16px;
}

.layer-password .password-notice p {
  margin: 24px auto;
}

.layer-password .password-notice p span {
  color: #005eb8;
}

.layer-password .password-notice::before {
  width: 120px;
  height: 120px;
  display: block;
  content: '';
  background-image: url("../images/sub/ico_password.png");
  background-size: 100%;
  margin: 0 auto;
}

.layer-password .form-section-wrap {
  width: 480px;
  margin: 40px auto 0 auto;
}

.layer-password .form-section-wrap > div {
  margin-bottom: 24px;
}

.layer-password .ui-layer-foot .form-flex {
  width: 100%;
  max-width: 588px;
  table-layout: fixed;
}

.layer-password .ui-layer-foot .form-flex-cell {
  padding: 0 12px 0 0;
}

.layer-password .ui-layer-foot .form-flex-cell + .form-flex-cell {
  padding: 0 0 0 12px;
}

.layer-password .footer-text {
  font-size: 12px;
  margin: 24px 0 40px 0;
  text-align: center;
}

.layer-password .footer-text span::before {
  width: 10px;
  height: 100%;
  content: '・';
  font-size: 12px;
  display: inline-block;
}

.layer-invitation-arrived .ui-layer {
  width: 792px;
  padding-bottom: 120px;
}

.layer-invitation-arrived .ui-layer-close {
  top: 24px;
  margin-top: 0;
}

.layer-invitation-arrived .ui-layer-head {
  border: none;
  background: #bbdde6;
  height: 177px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.layer-invitation-arrived .ui-layer-body {
  background: url("../images/sub/bg_layer_invitation.png") no-repeat center 80px;
  background-size: 100%;
  margin-top: -80px;
  position: relative;
  z-index: 1;
}

.layer-invitation-arrived .ui-layer-content {
  position: relative;
  z-index: 1;
  text-align: center;
}

.layer-invitation-arrived .layer-invitation-contents h3 {
  position: relative;
  font-size: 24px;
}

.layer-invitation-arrived .layer-invitation-contents h3::before {
  content: '';
  display: block;
  width: 160px;
  height: 160px;
  background: url("../images/sub/ico_layer_invitation.png") no-repeat center center;
  background-size: 100%;
  margin: 0 auto 24px;
}

.layer-invitation-arrived .layer-invitation-contents p {
  margin: 24px 0 40px 0;
  font-size: 16px;
}

.layer-invitation-arrived .layer-invitation-contents .invitation-time {
  font-size: 16px;
  background: #f8f8fb;
  color: #005eb8;
  width: 480px;
  height: 64px;
  line-height: 64px;
  margin: 0 auto;
}

.layer-invitation-arrived .layer-invitation-contents .invitation-time strong {
  display: inline-block;
  margin-right: 24px;
}

.layer-invitation-arrived .center-btn-wrap {
  margin-top: 40px;
}

.layer-invitation-over .ui-layer {
  width: 792px;
  padding-bottom: 120px;
}

.layer-invitation-over .ui-layer-head {
  border: none;
  background: transparent;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.layer-invitation-over .ui-layer-content {
  text-align: center;
  padding-top: 72px;
}

.layer-invitation-over .ui-layer-content h3 {
  font-size: 24px;
}

.layer-invitation-over .ui-layer-content h3 img {
  width: 120px;
  display: block;
  margin: 0 auto 16px;
}

.layer-invitation-over .ui-layer-content p {
  margin-top: 24px;
}

.layer-invitation-over .ui-layer-content .center-btn-wrap {
  margin-top: 40px;
}

.layer-birthday .ui-layer {
  max-width: 792px;
  margin: 0 auto;
}

.layer-birthday .birthday-notice {
  text-align: center;
  margin-top: 75px;
}

.layer-birthday .birthday-notice h4 {
  font-size: 24px;
  padding-top: 16px;
}

.layer-birthday .birthday-notice div {
  margin: 24px auto 0 auto;
}

.layer-birthday .birthday-notice div p + p {
  margin-top: 24px;
}

.layer-birthday .birthday-notice::before {
  width: 120px;
  height: 120px;
  display: block;
  content: '';
  background-image: url("../images/sub/ico_cake.png");
  background-size: 100%;
  margin: 0 auto;
}

.layer-birthday .birthday-button-wrap {
  margin: 40px auto 100px auto;
  width: 92%;
}

.layer-birthday .birthday-button-wrap .form-flex {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 16px;
}

.layer-country-number {
  font-size: 13px;
}

.layer-country-number .ui-layer {
  width: 320px;
  height: 90vh;
}

.layer-country-number .type-scroll {
  position: relative;
  width: 94%;
}

.layer-country-number .country-item {
  height: 48px;
  line-height: 48px;
  padding: 0 0 0 20px;
}

.layer-country-number .country-item button {
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: left;
  vertical-align: top;
}

.layer-country-number .country-item .country-name {
  float: left;
}

.layer-country-number .country-item .country-num {
  float: right;
  font-weight: bold;
}

.layer-country-number .fixed-country {
  background-color: #f2f5f8;
}

.layer-country-number .fixed-country .country-item {
  padding: 0 20px;
}

.ui-layer-content .policy-contents-wrap {
  width: 92%;
  height: 400px;
  padding: 0;
  margin: 50px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-layer-content .policy-contents-wrap .inner {
  width: 100%;
}

.ui-layer-content .policy-contents-wrap .policy-contents-layout + .policy-contents-layout {
  margin-top: 32px;
}

.policy-contents-layout {
  font-size: 16px;
}

.policy-contents-layout h3 {
  font-size: 20px;
}

.policy-contents-layout p {
  margin: 16px 0;
}

.layer-main img {
  max-width: 100%;
}

.layer-visiontrip-join-agree .ui-layer,
.layer-personal-visit-agree .ui-layer {
  width: 792px;
}

.visiontrip-agree-text {
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
}

.layer-detail-view .ui-layer {
  width: 792px;
}

.layer-detail-view .image-detail-slider {
  padding-top: 80px;
}

.layer-detail-view .image-detail-box {
  text-align: center;
}

.layer-detail-view img {
  max-width: 100%;
}

.layer-detail-view .slick-slide img {
  margin: 0 auto;
}

.layer-detail-view .slick-arrow {
  width: 48px;
  height: 48px;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 16px;
}

.layer-detail-view .slick-arrow.slick-hidden {
  display: none;
}

.layer-detail-view .slick-arrow.slick-prev {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat 0 0;
  right: 80px;
}

.layer-detail-view .slick-arrow.slick-next {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat 0 0;
  right: 16px;
}

.layer-main-alert .ui-layer {
  width: 792px;
  margin: 0 auto;
}

.layer-main-alert .ui-layer-body {
  background: #f6f6f6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px;
  line-height: 1.6;
  word-break: keep-all;
}

.layer-main-alert .popup-alert-logo {
  width: 144px;
  margin: 0 auto 24px;
}

.layer-main-alert .popup-alert-logo img {
  max-width: 100%;
}

.layer-main-alert .popup-alert-title {
  padding: 16px;
}

.layer-main-alert .popup-alert-section {
  padding: 16px;
  background: #fff;
}

.layer-main-alert .popup-alert-list {
  margin: 16px 0;
}

.layer-main-alert .list-dot li {
  font-size: inherit;
}

.layer-login .layer-container {
    max-width: 360px;
    margin: auto;
}
.layer-login .ui-layer {
    padding: 24px;
    border-radius: 6px
}
.layer-login .ui-layer-head {
	margin: 12px 0 24px;
	padding: 0;
	background: transparent;
	border-bottom: 0 none
}
.layer-login .ui-layer-logo {
	max-width: 120px;
    height: 44px;
    margin: 0 auto;
    font-size: 0;
    background: url(../images/common/logo_type_blue_120x44.png) no-repeat center;
    background-size: 100%;
}
.layer-login .ui-layer-title {
    padding: 24px 0;
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
}
.layer-login .ui-layer-close {
	top: 0;
	right: 0;
	margin-top: 0;
}
.layer-login .ui-layer-body {
	position: relative;
	word-break: keep-all;
}
.layer-login .ui-layer-content {
	padding: 0
}
.layer-login .login-message {
	margin-bottom: 16px
}
.layer-login .login-layer-form .ui-input-block {
	width: 100%;
	margin-bottom: 12px
}
.layer-login .login-layer-form .ui-input:not(.ui-input-pw) {
	margin-bottom: 12px
}
.layer-login .login-layer-form .type-password .type-password-masking {
	top: 50%;
	right: 15px;
	margin-top: -10px
}
.layer-login .login-layer-form .login-button {
	margin-top: 12px;
}

@media only screen and (max-width: 1280px) {
  [data-type=inner-full] .layer-container {
    margin: 0;
    width: 100%;
    min-height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 4%;
  }
  [data-type=inner-full] .ui-layer {
    width: 100%;
    min-height: 100%;
  }
  [data-type=inner-full] .ui-layer .ui-layer-section {
    padding: 0 4%;
  }
  [data-type=inner-full] .ui-layer .ui-layer-section + .ui-layer-section {
    padding: 8% 4% 0;
  }
  [data-type=inner-full] .ui-layer .ui-layer-section.type-tab {
    padding: 4%;
  }
  .children-support-grid {
    width: 49%;
  }
  .children-support-grid img {
    max-width: 100%;
  }
  .layer-children-detail .ui-layer-contents .member-children-section.type-non-child .children-intro-box {
    margin-top: 5%;
    height: 500px;
  }
  .layer-children-detail .ui-layer-contents .children-sns-share {
    right: 4%;
    bottom: -6%;
    z-index: 10;
  }
  .layer-children-detail .ui-layer-contents .children-support-things.type-one-info .children-support-grid {
    width: 49%;
  }
  .layer-children-detail .ui-layer-contents .children-support-things.type-one-info .children-support-grid img {
    max-width: 100%;
  }
  .layer-children-detail .ui-layer-contents .children-country-news-list .children-news-box {
    width: 49%;
  }
  .layer-children-detail .ui-layer-contents .children-country-news-list .children-news-box img {
    width: 100%;
    max-width: 100%;
  }
  .layer-children-detail .ui-layer-contents .children-country-news-list .children-news-box .news-subject {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .layer-children-detail-tab .ui-layer-body .child-detail-image-wrap {
    width: auto;
    margin: 0 auto;
  }
  .layer-children-detail-tab .ui-layer-body .member-children-section.type-detail-page .children-image-box {
    width: 32%;
    text-align: right;
  }
  .layer-children-detail-tab .ui-layer-body .member-children-section.type-detail-page .children-image-box img {
    width: 218px;
  }
  .layer-children-detail-tab .ui-layer-body .member-children-section.type-detail-page .children-intro-box {
    width: 65%;
    margin: 2% 0;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-support-things-wrap {
    padding-top: 8%;
  }
  .layer-children-detail-tab .children-country-news-list .children-news-box {
    width: 49%;
  }
  .layer-children-detail-tab .children-country-news-list .children-news-box img {
    width: 100%;
    max-width: 100%;
  }
  .layer-children-detail-tab .children-country-news-list .children-news-box .news-subject {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .layer-waiting-application .form-content-wrap .inner {
    padding: 0 4%;
  }
  .layer-main-alert .ui-layer {
    width: 600px;
  }
}

@media only screen and (max-width: 1024px) {
  .ui-layer-contents .children-support-things .things-icon {
    font-size: 16px;
    line-height: 40px;
  }
  .ui-layer-contents .children-support-things .things-icon::before {
    width: 40px;
    height: 40px;
    background-size: 40px;
    margin-right: 12px;
  }
  .ui-layer-contents .children-support-things .things-icon-tab {
    font-size: 16px;
    line-height: 40px;
  }
  .ui-layer-contents .children-support-things .things-icon-tab::before {
    width: 40px;
    height: 40px;
    background-size: 40px;
    margin-right: 12px;
  }
  .ui-layer-contents .children-support-things .things-icon-tab.things-icon-01::before {
    background-position: 0 0;
  }
  .ui-layer-contents .children-support-things .things-icon-tab.things-icon-02::before {
    background-position: 0 -40px;
  }
  .ui-layer-contents .children-support-things .things-icon-tab.things-icon-03::before {
    background-position: 0 -80px;
  }
  .ui-layer-contents .children-support-things .things-icon-tab.things-icon-04::before {
    background-position: 0 -120px;
  }
  .ui-layer-contents .children-support-things .things-icon-02::before {
    background-position: 0 -40px;
  }
  .ui-layer-contents .children-support-things .things-icon-03::before {
    background-position: 0 -80px;
  }
  .ui-layer-contents .children-support-things .things-icon-04::before {
    background-position: 0 -120px;
  }
  .ui-layer-contents .children-support-things .things-icon-05::before {
    background-position: 0 -160px;
  }
  .ui-layer-contents .children-support-things .things-icon-06::before {
    background-position: 0 -200px;
  }
  .ui-layer-contents .children-support-things .things-icon-07::before {
    background-position: 0 -240px;
  }
  .ui-layer-contents .children-support-things .things-icon-08::before {
    background-position: 0 -280px;
  }
  .ui-layer-contents .children-stay-map {
    float: none;
    width: 100%;
  }
  .ui-layer-contents .children-stay-day {
    margin-top: 24px;
    float: none;
    width: 100%;
  }
  .ui-layer-contents .children-country-news .children-country-news-list .children-news-box .news-subject {
    font-size: 18px;
  }
  .layer-children-detail-tab .ui-layer-body .children-stay-map {
    float: none;
    width: 100%;
  }
  .layer-children-detail-tab .ui-layer-body .children-stay-day {
    margin-top: 24px;
    float: none;
    width: 100%;
  }
  .layer-children-detail-tab .ui-layer-body .children-country-news .children-country-news-list .children-news-box .news-subject {
    font-size: 18px;
  }
  .layer-children-album .thumbnail-slider-container .item {
    width: 100%;
    height: auto;
  }
  .layer-children-album .thumbnail-slider-container .item img {
    width: 94%;
    height: auto;
  }
  .depature-slider {
    padding-top: 36px;
  }
  .depature-info-disagree {
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px 0;
  }
  .layer-graduate-news .ui-layer-body.type-graduate {
    background-size: 100%;
    background-position: center center;
    background-color: #f2f5f8;
  }
  .layer-children-news .type-graduate-last {
    background-size: 100%;
    background-position: center center;
    background-color: #f2f5f8;
  }
  .layer-children-news .ui-layer-body,
  .layer-graduate-news .ui-layer-body {
    padding: 40px 0;
  }
  .layer-children-news .depature-slider-section.type-bg,
  .layer-graduate-news .depature-slider-section.type-bg {
    width: 100%;
    height: auto;
    padding: 0;
    background: none;
  }
  .layer-children-news .depature-type-more-children,
  .layer-graduate-news .depature-type-more-children {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 0;
  }
  .layer-children-news .children-square-wrap .children-image-box + .children-intro-box,
  .layer-graduate-news .children-square-wrap .children-image-box + .children-intro-box {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .layer-children-news .children-square-wrap .children-name,
  .layer-graduate-news .children-square-wrap .children-name {
    font-size: 18px;
  }
  .layer-children-news .children-square-wrap .children-information,
  .layer-graduate-news .children-square-wrap .children-information {
    font-size: 14px;
  }
  .layer-children-news .depature-type-more-thumbnail,
  .layer-graduate-news .depature-type-more-thumbnail {
    width: 100%;
    float: none;
    padding: 24px 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .layer-children-news .depature-type-more-thumbnail *,
  .layer-graduate-news .depature-type-more-thumbnail * {
    max-width: none;
  }
  .layer-children-news .depature-type-more-thumbnail .slick-slide,
  .layer-graduate-news .depature-type-more-thumbnail .slick-slide {
    margin: 0 8px 0 0;
    height: 120px;
  }
  .layer-children-news .depature-type-more-thumbnail .slick-slide img,
  .layer-graduate-news .depature-type-more-thumbnail .slick-slide img {
    max-width: 100%;
    width: 120px;
    margin: 0 auto;
  }
  .depature-slider-title {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 4%;
  }
  .depature-youtube-section iframe {
    width: 100%;
    height: 38vw;
  }
  .depature-children-frame-section {
    padding: 0;
  }
  .depature-children-frame-section .children-frame {
    width: 20%;
    height: auto;
  }
  .depature-children-frame-section .children-frame .image-wrap {
    height: auto;
  }
  .depature-children-frame-section.type-slide {
    margin-top: 0;
  }
  .depature-children-frame-text {
    font-size: 16px;
    padding: 24px 0;
  }
  .depature-youtube-section {
    padding: 0;
  }
  .depature-youtube-section iframe {
    width: 70%;
    height: 52vw;
    display: block;
    margin: 0 auto;
  }
  .depature-reasons-wrap {
    margin-top: 20px;
  }
  .depature-reasons-wrap .depature-reasons {
    padding: 0 24px;
  }
  .depature-reasons-wrap .depature-reasons-text {
    min-height: auto;
    padding-left: 100px;
    font-size: 14px;
  }
  .depature-reasons-wrap .depature-reasons-text.type-01, .depature-reasons-wrap .depature-reasons-text.type-02, .depature-reasons-wrap .depature-reasons-text.type-03, .depature-reasons-wrap .depature-reasons-text.type-04, .depature-reasons-wrap .depature-reasons-text.type-05, .depature-reasons-wrap .depature-reasons-text.type-06, .depature-reasons-wrap .depature-reasons-text.type-07, .depature-reasons-wrap .depature-reasons-text.type-08, .depature-reasons-wrap .depature-reasons-text.type-09, .depature-reasons-wrap .depature-reasons-text.type-10, .depature-reasons-wrap .depature-reasons-text.type-11, .depature-reasons-wrap .depature-reasons-text.type-12, .depature-reasons-wrap .depature-reasons-text.type-13, .depature-reasons-wrap .depature-reasons-text.type-14 {
    background-size: 80px;
    background-position: left center;
  }
  .depature-reasons-wrap .depature-reasons.depature-table-cell {
    padding-top: 140px;
  }
  .depature-child-result .children-intro-box {
    padding: 0;
  }
  .depature-child-result .children-intro-box .children-emoji {
    font-size: 14px;
    padding-left: 220px;
  }
  .depature-child-result .children-intro-box .children-emoji::before {
    position: absolute;
    left: 0;
    top: 0;
  }
  .depature-child-result .children-intro-box .title {
    position: absolute;
    min-width: auto;
    left: 30px;
  }
  .donation-pause-table {
    height: 300px;
  }
  .children-recommend-wrap {
    margin: 0;
  }
  .children-recommend-wrap .children-recommend-title {
    font-size: 20px;
  }
  .children-recommend-wrap .children-square-wrap {
    padding: 0 24px;
  }
  .children-recommend-wrap .children-recommend-text {
    padding: 20px 24px 0;
    margin: 0;
  }
  .children-recommend-wrap .children-recommend-text .recommend-date {
    font-size: 12px;
  }
  .children-recommend-wrap .children-recommend-text .recommend-sub {
    font-size: 14px;
  }
  .layer-sponsorship-pay-detail .member-children-section {
    padding: 4%;
  }
  .layer-youtube-player .ui-layer-content .inner-youtube-box {
    height: 50vw;
    margin: 0 0 24px 0;
  }
}

@media only screen and (max-width: 800px) {
  .layer-password .ui-layer-content {
    border-bottom: none;
    width: 100%;
    padding: 24px 0 40px 0;
  }
  .layer-newsletter-subscribe .ui-layer-content {
    padding: 32px 20px;
  }
  .layer-newsletter-subscribe .newsletter-head h3 {
    font-size: 20px;
  }
  .layer-sponsorship-type .form-content-wrap .inner {
    width: 92%;
  }
  .layer-file[data-type=inner-full] .ui-layer {
    width: 500px;
  }
  .layer-file[data-type=inner-full] .ui-layer .ui-btn-wrap {
    margin-top: 20px;
  }
  .layer-children-detail .title-basic {
    margin-bottom: 24px;
  }
  .layer-children-detail .ui-layer-contents .member-children-section.type-non-child .children-intro-box {
    height: auto;
    padding-bottom: 6%;
  }
  .layer-children-detail .ui-layer-contents .member-children-section.type-non-child .children-intro-box .children-sns-share {
    bottom: -4%;
  }
  .layer-children-detail .ui-layer-contents .member-children-section.type-non-child .children-intro-box .children-sns-share .sns-share-tooltip {
    display: none;
  }
  .layer-children-detail .ui-layer-contents .children-support-things .things-icon {
    padding: 8px 16px;
  }
  .layer-children-detail .ui-layer-contents .children-country-news .title-basic .g-button-arrow {
    display: none;
  }
  .layer-children-detail .ui-layer-contents .children-country-news .children-country-news-list .children-news-box .news-subject {
    font-size: 14px;
    padding: 4%;
  }
  .layer-children-detail .ui-layer-contents .children-country-news .children-country-news-button {
    margin-top: 40px;
  }
  .layer-address .ui-layer {
    width: 100%;
  }
  .layer-church-search .ui-layer {
    width: 100%;
  }
  .layer-children-detail-tab .ui-layer-body .children-country-news .title-basic .g-button-arrow {
    display: none;
  }
  .layer-children-detail-tab .ui-layer-body .children-country-news .children-country-news-list .children-news-box .news-subject {
    font-size: 14px;
    padding: 4%;
  }
  .layer-children-detail-tab .ui-layer-body .children-country-news .children-country-news-button {
    margin-top: 40px;
  }
  .layer-children-album .child-album-information {
    font-size: 22px;
    margin: 8px 0 0;
  }
  .layer-children-album .button-section .form-flex {
    width: 100%;
  }
  .layer-children-album .button-section .form-flex-cell {
    width: 49%;
  }
  .layer-children-album .button-section .form-flex-cell + .form-flex-cell {
    padding-left: 2%;
  }
  .depature-process-bar li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
  }
  .depature-slider-title {
    font-size: 20px;
    line-height: 32px;
    padding: 4% 0;
    margin: 0;
  }
  .depature-slider-title .type-small {
    font-size: 16px;
  }
  .depature-children-frame-text {
    font-size: 14px;
  }
  .depature-reasons-wrap .depature-reasons {
    padding: 8% 4%;
  }
  .depature-reasons-wrap .depature-reasons h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .depature-reasons-wrap .depature-reasons-text p {
    font-size: 13px;
  }
  .depature-reasons-wrap .depature-reasons.depature-table-cell h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .depature-reasons-wrap .depature-reasons.depature-table-cell .depature-child-result .children-intro-box {
    padding-left: 60px;
  }
  .depature-child-result {
    margin-top: 16px;
  }
  .donation-pause-table-cell {
    padding: 0 4%;
  }
  .donation-pause-table .donation-pause-alert {
    font-size: 16px;
  }
  .donation-pause-table .donation-pause-notice {
    font-size: 20px;
    line-height: 32px;
  }
  .children-recommend-wrap .children-recommend-button {
    margin: 4% 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 4%;
  }
  .layer-children-news .depature-graduate-news-text,
  .layer-graduate-news .depature-graduate-news-text {
    font-size: 16px;
    margin: 40px 0;
    line-height: 28px;
  }
  .layer-children-news .children-image-box,
  .layer-graduate-news .children-image-box {
    width: 160px;
    height: 160px;
  }
  .layer-children-news .children-intro-box,
  .layer-graduate-news .children-intro-box {
    padding-left: 20px;
  }
  .layer-children-news .depature-type-only-children,
  .layer-graduate-news .depature-type-only-children {
    padding-left: 0;
  }
  .layer-children-news .depature-type-more-children,
  .layer-graduate-news .depature-type-more-children {
    padding: 0 4%;
  }
  .layer-children-news .depature-type-more-thumbnail,
  .layer-graduate-news .depature-type-more-thumbnail {
    padding: 8% 4%;
  }
  .layer-children-news .depature-type-more-thumbnail .slick-slide,
  .layer-graduate-news .depature-type-more-thumbnail .slick-slide {
    height: 80px;
  }
  .layer-children-news .depature-type-more-thumbnail .slick-slide img,
  .layer-graduate-news .depature-type-more-thumbnail .slick-slide img {
    width: 80px;
  }
  .layer-sponsorship-pay-detail .ui-layer {
    width: 100%;
  }
  .table-layout.type-responsive colgroup {
    display: none;
  }
  .table-layout.type-responsive thead {
    display: none;
  }
  .table-layout.type-responsive tbody tr {
    display: block;
    padding: 8px 0;
  }
  .table-layout.type-responsive tbody tr + tr {
    border-top: 1px solid #d9e1e2;
  }
  .table-layout.type-responsive tbody td,
  .table-layout.type-responsive tbody th {
    font-size: 13px;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    border: none;
    padding: 4px 4px 4px 50%;
    position: relative;
  }
  .table-layout.type-responsive tbody td::before {
    content: attr(data-th-title);
    font-weight: 700;
    position: absolute;
    left: 2px;
    width: 27%;
  }
  .table-layout.type-responsive tbody .ui-checkbox-block .ui-checkbox-object {
    top: 0;
  }
  .table-layout.type-vertical table {
    border: none;
  }
  .table-layout.type-vertical tr {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .table-layout.type-vertical tbody th {
    display: none;
  }
  .table-layout.type-vertical tbody td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
  }
  .type-board table {
    border-bottom: 1px solid #d9e1e2;
  }
  .type-board thead {
    display: none;
  }
  .type-board tr {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    padding: 16px;
  }
  .type-board tr + tr {
    border-top: 1px solid #d9e1e2;
  }
  .type-board td,
  .type-board th {
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    text-align: left;
    font-size: 13px;
  }
  .type-board .type-board-category {
    font-weight: 700;
  }
  .type-board .type-board-category,
  .type-board .type-board-subject {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 16px;
  }
  .type-board .type-board-date {
    display: block;
    width: 100%;
  }
  .type-board .type-board-status {
    position: absolute;
    right: 16px;
    bottom: 16px;
  }
  .layer-letter-template .ui-input-layout {
    font-size: 0;
  }
  .layer-letter-template .ui-input-layout .ui-radio-block {
    width: 49%;
  }
  .layer-letter-template .ui-input-layout .ui-radio-block + .ui-radio-block {
    margin-left: 2%;
  }
  .layer-user-funding-preview .user-funding-recommend-child .member-children-section .children-image-box {
    width: 35%;
  }
  .layer-user-funding-preview .user-funding-recommend-child .member-children-section .children-intro-box {
    width: 65%;
  }
  .layer-user-funding-preview .user-funding-recommend-child .member-children-section .children-intro-box h4 {
    font-size: 18px;
  }
  .layer-user-funding-preview .user-funding-video {
    height: 350px;
  }
  .layer-cad-popup .member-children-section {
    padding-bottom: 24px;
  }
  .layer-cad-popup .member-children-section h3 {
    font-size: 20px;
  }
  .layer-cad-popup .ui-layer-cad-bottom .title {
    font-size: 16px;
  }
  .layer-cad-popup .center-btn-wrap {
    margin-top: 0;
  }
  .layer-cad-popup .center-btn-wrap + .ui-layer-cad-text {
    margin-top: 40px;
  }
  .layer-invitation-arrived .layer-invitation-contents h3 {
    font-size: 18px;
  }
  .layer-invitation-arrived .layer-invitation-contents p {
    font-size: 15px;
  }
  .layer-invitation-arrived .layer-invitation-contents .invitation-time {
    font-size: 15px;
  }
  .layer-invitation-over .layer-invitation-contents h3 {
    font-size: 18px;
  }
  .layer-invitation-over .layer-invitation-contents p {
    font-size: 15px;
  }
  .layer-policy-terms .ui-layer,
  .layer-event-provision .ui-layer {
    width: 100%;
  }
  .layer-detail-view .ui-layer {
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  [data-type=inner-full].layer-md .ui-layer {
    width: 500px
  }
}

@media only screen and (max-width: 768px) {
  .layer-provision p {
    width: 92%;
    margin: 16px 4%;
  }
  .layer-children-detail-tab .member-children-section.type-one-child .children-image-box {
    vertical-align: top;
    display: inline-block;
    width: 30%;
  }
  .layer-children-detail-tab .member-children-section.type-one-child .children-image-box + .children-intro-box {
    display: inline-block;
    width: 67%;
  }
  .ui-layer-contents .children-support-grid {
    width: 100%;
  }
  .ui-layer-contents .children-support-grid + .children-support-grid {
    margin-top: 24px;
  }
  .ui-layer-contents .children-support-things.type-one-info .things-image {
    width: 100%;
  }
  .ui-layer-contents .children-support-things.type-one-info > dl {
    width: 92%;
    margin: -40px 4% 0;
  }
  .layer-address .search-head-text {
    font-size: 12px;
    margin-top: 8px;
  }
  .layer-address .search-content {
    margin-top: 24px;
  }
  .layer-address .search-content .search-item .search-total-linenum {
    font-size: 14px;
  }
  .layer-address .search-content .search-detail-head {
    font-size: 14px;
  }
  .layer-address .search-content .search-address-detail {
    border-bottom: none;
  }
  .layer-address .search-content .search-address-detail .form-flex {
    padding: 8px 0;
    display: block;
    line-height: normal;
  }
  .layer-address .search-content .search-address-detail .form-flex .form-flex-cell {
    width: 100%;
    font-size: 12px;
    display: block;
  }
  .layer-address .search-content .search-address-detail .form-flex .form-flex-cell + .form-flex-cell {
    font-size: 13px;
    padding: 8px 0 0;
  }
  .layer-address .search-content .search-address-detail .form-flex .form-flex-cell .ui-input-block {
    margin-top: 4px;
  }
  .layer-address .layer-container .ui-layer .ui-layer-body .search-content .table-wrap .table-item {
    padding: 8px 16px;
    font-size: 13px;
  }
  .layer-address .layer-container .ui-layer .ui-layer-body .search-content .table-wrap .table-item .form-flex-cell {
    line-height: normal;
    text-align: left;
  }
  .layer-address .layer-container .ui-layer .ui-layer-body .search-content .table-wrap .table-item .form-flex-cell:first-child {
    font-size: 12px;
  }
  .layer-church-search .layer-container .ui-layer-body .search-bar {
    margin: 4px 0 24px;
  }
  .layer-church-search .layer-container .ui-layer-body .search-bar > .form-flex-cell {
    display: block;
    width: 100%;
  }
  .layer-church-search .layer-container .ui-layer-body .search-bar > .form-flex-cell + .form-flex-cell {
    margin-top: 8px;
    padding-left: 0;
  }
  .layer-church-search .layer-container .ui-layer-body .search-bar > .form-flex-cell:first-child .form-flex .form-flex-cell:first-child {
    width: 20%;
  }
  .layer-church-search .layer-container .ui-layer-body .search-bar > .form-flex-cell .form-flex .form-flex-cell.type-address {
    width: 90%;
  }
  .layer-church-search .ui-layer-body .search-text-wrap p {
    font-size: 13px;
    margin-bottom: 4px;
  }
  .layer-church-search .ui-layer-body .search-church-result {
    border-top: 1px solid #d9e1e2;
  }
  .layer-church-search .ui-layer-body .search-church-result .search-address-result-head {
    display: none;
  }
  .layer-church-search .ui-layer-body .search-church-result .form-flex {
    padding: 16px 0;
  }
  .layer-church-search .ui-layer-body .search-church-result .form-flex .form-flex-cell {
    display: block;
    padding: 0 16px;
  }
  .layer-church-search .ui-layer-body .search-church-result .form-flex .form-flex-cell:first-child {
    padding: 0 16px;
    margin-bottom: 8px;
    text-align: left;
    font-weight: bold;
    border-right: none;
  }
  .layer-wrap .layer-container .ui-layer-body .table-wrap .table-item::after {
    content: '';
    display: table;
    clear: both;
  }
  .layer-wrap .layer-container .ui-layer-body .table-wrap .table-item > div {
    border-left: none;
  }
  .layer-wrap .layer-container .ui-layer-body .table-wrap .table-item .form-flex-cell {
    font-size: 13px;
    display: block;
    float: left;
    line-height: 32px;
  }
  .layer-wrap .layer-container .ui-layer-body .table-wrap .table-item .form-flex-cell p {
    margin: 0;
  }
  .layer-wrap .layer-container .ui-layer-body .table-wrap .table-item .form-flex-cell:first-child {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    float: none;
  }
  .layer-wrap .layer-container .ui-layer-body .table-wrap .table-item .form-flex-cell:last-child {
    float: right;
    text-align: center;
  }
  .layer-virtual-account .ui-layer {
    width: 100%;
  }
  .table-layout td,
  .table-layout th {
    font-size: 14px;
  }
  .table-layout .type-total td,
  .table-layout .type-total th {
    font-size: 14px;
  }
}

@media only screen and (min-width: 641px) {
  [data-type=inner-full].layer-md .layer-container {
    margin: 0 auto;
    width: auto;
    min-height: 0;
  }
}

@media only screen and (max-width: 640px) {
  .layer-newsletter-subscribe .ui-layer {
    background: #fff;
  }
  .layer-newsletter-subscribe .ui-layer-body {
    padding: 0;
  }
  .layer-newsletter-subscribe .ui-layer-content {
    padding: 0 4%;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .layer-newsletter-subscribe .ui-layer-content::after {
    display: none;
  }
  .layer-newsletter-subscribe .newsletter-head h3 {
    font-size: 16px;
  }
  .layer-newsletter-subscribe .newsletter-top-content {
    margin: 32px auto;
  }
  .layer-newsletter-subscribe .newsletter-top-content .form-flex-cell {
    display: block;
  }
  .layer-newsletter-subscribe .newsletter-top-content .form-flex-cell::before {
    margin-bottom: 8px;
  }
  .layer-newsletter-subscribe .newsletter-top-content .form-flex-cell + .form-flex-cell {
    margin-top: 16px;
  }
  .layer-qna .form-content-wrap {
    margin: 0 auto;
  }
  .layer-event-application .form-content-wrap {
    margin: 0;
  }
  .layer-sponsorship-type .form-content-wrap {
    margin: 0 auto;
  }
  .layer-sponsorship-type .form-content-wrap .inner {
    padding: 0;
  }
  .layer-provision p {
    width: 92%;
    margin: 0 4% 16px;
  }
  [data-type=inner-full] .layer-container {
    padding: 0;
    height: 100%;
    background: #fff;
  }
  [data-type=inner-full] .ui-layer-head {
    position: fixed;
    z-index: 100;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
  }
  [data-type=inner-full] .ui-layer-body {
    padding-top: 101px;
  }
  [data-type=inner-full] .ui-layer-body .type-scroll {
    max-height: none !important;
  }
  .layer-virtual-account .ui-layer {
    width: 360px;
  }
  .layer-virtual-account .ui-layer-body {
    padding: 24px;
  }
  .layer-virtual-account .notice-text {
    font-size: 13px;
    margin-bottom: 16px;
  }
  .layer-virtual-account .side-table-wrap .table-item .form-flex-cell {
    font-size: 13px;
  }
  .layer-file[data-type=inner-full] .ui-layer {
    width: 100%;
  }
  .layer-file[data-type=inner-full] .ui-layer-body {
    padding: 101px 24px 24px;
  }
  .member-children-section.type-detail-page .children-intro-box .children-support-button {
    margin: 16px -3% -3% 0;
  }
  .member-children-section.type-detail-page .children-intro-box .children-support-button .form-flex-cell {
    width: 30%;
    margin: 0 3% 3% 0;
  }
  .member-children-section.type-detail-page .children-intro-box .children-support-button .form-flex-cell + .form-flex-cell {
    padding-left: 0;
  }
  .member-children-section.type-detail-page .children-intro-box .children-support-button .form-flex-cell .g-button-basic {
    padding: 0;
  }
  .children-support-grid {
    width: 100%;
  }
  .children-support-grid .children-support-things > dl > dt {
    padding: 12px 16px;
    font-size: 15px;
  }
  .children-support-grid .children-support-things > dl > dd {
    padding: 16px;
    font-size: 13px;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children .children-support-things.type-one-info dl > dt {
    padding: 12px 16px;
    font-size: 15px;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children .children-support-things.type-one-info dl > dd {
    padding: 16px;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children .children-support-things.type-one-info dl > dd ul {
    font-size: 13px;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children .children-support-things-wrap .children-support-grid {
    width: 100%;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children .children-support-things-wrap .children-support-grid .children-support-things > dl > dt {
    padding: 12px 16px;
    font-size: 15px;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children .children-support-things-wrap .children-support-grid .children-support-things > dl > dd {
    padding: 16px;
    font-size: 13px;
  }
  .layer-wrap .ui-layer-contents .children-country-news-list .children-news-box {
    width: 100%;
  }
  .layer-wrap .ui-layer-contents .children-country-news-list .children-news-box + .children-news-box {
    margin: 16px 0 0 0;
  }
  .layer-church-search .ui-layer-body .search-item .search-address-item.type-noresult {
    text-align: left;
    text-indent: 20px;
  }
  .layer-address .type-noresult {
    text-align: left;
  }
  .layer-children-news .custom-arrow {
    display: none;
  }
  .layer-children-news .depature-info-disagree {
  	top: 25px;
    right: 0;
  }
  .depature-slider {
    padding-top: 20px;
  }
  .depature-process-bar {
    padding: 0 4%;
  }
  .depature-process-bar li {
    margin-left: 30px;
  }
  .depature-process-bar li::before {
    width: 30px;
    left: -30px;
  }
  .depature-slider-title {
    font-size: 18px;
    line-height: 28px;
    padding: 4%;
  }
  .depature-slider-title br {
    display: none;
  }
  .depature-children-frame-section .children-frame {
    width: 92%;
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .depature-children-frame-section .children-frame + .children-frame {
    margin: 4% auto 0;
  }
  .depature-children-frame-section.type-slide .children-frame {
    width: 208px;
    float: left;
  }
  .depature-children-frame-section.type-slide .children-frame + .children-frame {
    margin: 0 0 0 16px;
  }
  .depature-children-frame-section.type-slide .children-frame .image-wrap {
    height: auto;
  }
  .depature-children-frame-section.type-slide .slick-dots {
    font-size: 0;
    text-align: center;
  }
  .depature-children-frame-section.type-slide .slick-dots li {
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #d9e1e2;
  }
  .depature-children-frame-section.type-slide .slick-dots li.slick-active {
    background: #005eb8;
  }
  .depature-children-frame-section.type-slide .slick-dots li + li {
    margin-left: 12px;
  }
  .depature-children-frame-text {
    line-height: 22px;
    padding: 4%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .depature-children-frame-text br {
    display: none;
  }
  .depature-graduate-change {
    height: auto;
    background-image: none;
  }
  .depature-graduate-change img {
    display: block;
  }
  .depature-reasons-wrap .depature-reasons {
    padding: 0 4%;
  }
  .depature-youtube-section iframe {
    width: 100%;
    padding: 0 4%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .depature-reasons-wrap .depature-reasons.depature-table-cell {
    padding-top: 0;
  }
  .depature-child-result .depature-result-title {
    font-size: 16px;
  }
  .depature-child-result .children-intro-box .children-emoji {
    padding-left: 30px;
    font-size: 13px;
  }
  .depature-child-result .children-intro-box .title {
    position: static;
    display: block;
    font-size: 16px;
  }
  .donation-pause-table .donation-pause-notice {
    font-size: 18px;
    line-height: normal;
  }
  .children-recommend-wrap .children-recommend-text {
    font-size: 14px;
    line-height: 23px;
  }
  .children-recommend-wrap .children-recommend-text .recommend-sub {
    font-size: 14px;
  }
  .layer-graduate-news .ui-layer-body.type-graduate {
    background-position: center top;
  }
  .layer-children-news .type-graduate-last {
    background-position: center top;
  }
  .layer-children-news .ui-layer .ui-layer-section,
  .layer-graduate-news .ui-layer .ui-layer-section {
    padding: 0;
  }
  .layer-children-news .depature-slider-section.type-bg,
  .layer-graduate-news .depature-slider-section.type-bg {
    background: #fff;
    padding: 4% 0;
    -webkit-box-shadow: 2px 2px 24px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 2px 2px 24px 0 rgba(0, 0, 0, 0.1);
  }
  .layer-children-news .depature-table-wrap,
  .layer-graduate-news .depature-table-wrap {
    padding: 0 4%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .layer-children-news .children-square-wrap,
  .layer-graduate-news .children-square-wrap {
    display: block;
  }
  .layer-children-news .children-square-wrap .children-image-box,
  .layer-graduate-news .children-square-wrap .children-image-box {
    display: block;
    width: 100%;
    height: 92vw;
  }
  .layer-children-news .children-square-wrap .children-image-box img,
  .layer-graduate-news .children-square-wrap .children-image-box img {
    position: static;
  }
  .layer-children-news .children-square-wrap .children-intro-box,
  .layer-graduate-news .children-square-wrap .children-intro-box {
    padding-top: 4%;
  }
  .layer-children-news .children-square-wrap .children-information,
  .layer-graduate-news .children-square-wrap .children-information {
    margin-top: 0;
  }
  .children-recommend-wrap .children-recommend-title {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .layer-sponsorship-pay-detail .ui-layer .ui-layer-section .ui-layer-head {
    position: static;
  }
  .layer-group-sponsorship .ui-layer-content {
    width: 92%;
  }
  .layer-group-sponsorship .group-sponsorship-date-wrap {
    margin: 32px 0 47px;
  }
  .layer-group-sponsorship .group-sponsorship-image-item {
    display: inline-block;
    width: 50%;
    margin-bottom: 24px;
  }
  .layer-group-sponsorship .group-sponsorship-image-item:last-child {
    width: 100%;
  }
  .layer-waiting-application .ui-text-block {
    margin-top: 0;
  }
  .layer-letter-template .ui-layer-contents {
    margin-top: 0;
  }
  .layer-letter-template .ui-layer-foot .form-flex {
    width: 100%;
  }
  .letter-template-list-box li {
    font-size: 13px;
    padding: 0;
    float: none;
    width: 100%;
  }
  .letter-template-list-box li:nth-child(even) {
    float: none;
  }
  .letter-template-list-box li button {
    font-size: 13px;
  }
  .letter-template-list-box li .letter-template-lang {
    position: static;
    width: 100%;
  }
  .layer-user-funding-preview .user-funding-recommend-child .member-children-section {
    display: block;
    padding: 16px 12px;
  }
  .layer-user-funding-preview .user-funding-recommend-child .member-children-section .children-image-box {
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  }
  .layer-user-funding-preview .user-funding-recommend-child .member-children-section .children-image-box img {
    width: 100%;
  }
  .layer-user-funding-preview .user-funding-recommend-child .member-children-section .children-intro-box {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 24px;
  }
  .layer-user-funding-preview .user-funding-recommend-child .member-children-section .children-intro-box h4 br {
    display: none;
  }
  .layer-user-funding-preview .layer-user-funding-title {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .layer-cad-popup .cad-card-inner {
    height: initial;
  }
  .layer-cad-popup .ui-layer-body {
    padding: 0;
  }
  .layer-cad-popup .cad-top-title {
    font-size: 13px;
  }
  .layer-cad-popup .cad-top-title span {
    display: block;
  }
  .layer-cad-popup .cad-front-text h3 {
    font-size: 18px;
    width: 156px;
    margin: 8px auto 16px auto;
  }
  .layer-cad-popup .cad-front-text p {
    font-size: 13px;
  }
  .layer-cad-popup .member-children-section {
    padding-top: 40px;
  }
  .layer-cad-popup .member-children-section h3 {
    font-size: 15px;
  }
  .layer-cad-popup .member-children-section .children-intro-box .children-short-message {
    margin-top: 40px;
  }
  .layer-cad-popup .ui-layer-cad-text {
    padding-top: 24px;
  }
  .layer-cad-popup .ui-layer-cad-text .title {
    display: block;
    font-size: 15px;
    float: left;
    line-height: 28px;
  }
  .layer-cad-popup .ui-layer-cad-text p {
    text-align: left;
    font-size: 13px;
  }
  .layer-cad-popup .ui-layer-cad-text .cad-text-head {
    margin-bottom: 16px;
  }
  .layer-cad-popup .ui-layer-cad-text .cad-text-head::after {
    content: '';
    display: table;
    clear: both;
  }
  .layer-cad-popup .ui-layer-cad-text .cad-text-head .Dday-bullet {
    float: right;
    margin: 0;
  }
  .layer-cad-popup .cad-icon {
    font-size: 16px;
    padding-top: 115px;
  }
  .layer-cad-popup .cad-icon::before {
    width: 164px;
    height: 89px;
    margin-left: -42px;
  }
  .layer-cad-popup .ui-layer-cad-bottom .title {
    text-align: left;
    font-size: 13px;
  }
  .layer-youtube-player .layer-container {
    height: auto;
    min-height: auto;
  }
  .layer-youtube-player .ui-layer {
    height: auto;
    min-height: auto;
  }
  .layer-invitation-arrived .ui-layer-head {
    background: #bbdde6;
    height: 120px;
    z-index: 0;
  }
  .layer-invitation-arrived .ui-layer-content {
    top: -50px;
  }
  .layer-invitation-arrived .ui-layer-body {
    background-position: center top;
    margin-top: 0;
    padding-top: 0 !important;
    top: 101px;
  }
  .layer-invitation-arrived .layer-invitation-contents h3 {
    font-size: 15px;
  }
  .layer-invitation-arrived .layer-invitation-contents h3::before {
    width: 100px;
    height: 100px;
  }
  .layer-invitation-arrived .layer-invitation-contents p {
    font-size: 13px;
  }
  .layer-invitation-arrived .layer-invitation-contents .invitation-time {
    width: 92%;
    font-size: 13px;
  }
  .layer-invitation-over .layer-invitation-contents h3 {
    font-size: 15px;
  }
  .layer-invitation-over .layer-invitation-contents h3 img {
    width: 100px;
  }
  .layer-invitation-over .layer-invitation-contents p {
    font-size: 13px;
  }
  .center-btn-wrap > div {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 4%;
  }
  .layer-main-alert .ui-layer {
    width: 100%;
  }
  .layer-main-alert .popup-alert-section {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 92%;
    margin: 0 auto 80px;
  }
}

@media only screen and (max-width: 520px) {
  .ui-layer-alert {
    width: 310px;
    padding: 0 16px;
  }
  .ui-layer-alert .ui-layer-foot {
    position: inherit;
    margin: 16px 0 0;
    padding: 4% 0 16px 0;
  }
  .ui-layer-alert-contents {
    padding-top: 24px;
  }
  .layer-password .password-notice {
    width: 92%;
    margin: 0 auto;
    word-break: keep-all;
  }
  .layer-password .password-notice h4 {
    font-size: 15px;
  }
  .layer-password .password-notice p {
    font-size: 13px;
    margin: 16px auto;
  }
  .layer-password .password-notice::before {
    width: 100px;
    height: 100px;
  }
  .layer-password .form-section-wrap {
    width: 92%;
  }
  .layer-password .ui-layer-foot .form-flex-cell {
    padding: 0 8px 0 0;
  }
  .layer-password .ui-layer-foot .form-flex-cell + .form-flex-cell {
    padding: 0 0 0 8px;
  }
  .layer-birthday .birthday-notice {
    margin-top: 40px;
  }
  .layer-birthday .birthday-notice h4 {
    font-size: 15px;
    padding-top: 8px;
  }
  .layer-birthday .birthday-notice div {
    font-size: 13px;
  }
  .layer-birthday .birthday-notice::before {
    width: 100px;
    height: 100px;
  }
  .layer-birthday .birthday-button-wrap {
    width: 100%;
  }
  .layer-birthday .birthday-button-wrap .g-button-basic {
    padding: 0;
  }
  .layer-cad-popup {
    background-color: #fff;
  }
  .layer-cad-popup[data-type=inner-full] .ui-layer .ui-layer-body {
    padding: 0;
  }
  .layer-cad-popup[data-type=inner-full] .ui-layer .ui-layer-head {
    padding: 0;
    height: 60px;
    position: fixed;
    background: #fff;
  }
  .layer-cad-popup[data-type=inner-full] .ui-layer .ui-layer-close {
    top: 32px;
  }
  .layer-cad-popup .member-children-section .children-intro-box {
    padding: 0;
  }
  .layer-cad-popup .cad-card {
    height: auto;
  }
  .layer-cad-popup .mCustomScrollBox {
    padding-bottom: 40px;
  }
  .layer-newsletter-subscribe .newsletter-complete {
    padding-top: 16px;
  }
  .layer-provision .ui-layer-content p {
    width: 100%;
    margin: 0 0 8px;
    font-size:14px;
  }
  .layer-provision .ui-layer-content > div {
    margin: 16px 0;
    font-size:14px;
  }
  .layer-provision .ui-layer-content .sub-title {
    margin: 16px 0 0;
  }
  .layer-provision .ui-layer-content .confirm-btn-wrap {
    width: 100%;
    padding: 16px 0 0;
  }
  /*#depPopup .ui-layer-body {
  	padding: 110px 4% 4%;
  }*/
  .layer-provision.layer-children-provision .ui-layer-content > div:first-child {
    margin-top: 0;
  }
  [data-type=inner-full] .ui-layer-body {
    padding: 71px 4% 4%;
  }
  [data-confirm=true] .ui-layer-body {
    padding: 71px 4% 110px;
  }
  .layer-authorization .auth-select {
    margin-top: 8px;
  }
  .ui-layer-foot {
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    background: #fff;
    padding: 4%;
    margin: 0;
  }
  .ui-layer-foot .form-flex {
    width: 100%;
  }
  .layer-children-detail-tab .ui-layer-body .member-children-section.type-one-child .children-image-box {
    width: 100%;
    margin-bottom: 32px;
  }
  .layer-children-detail-tab .ui-layer-body .member-children-section.type-one-child .children-image-box img {
    width: 100%;
  }
  .layer-children-detail-tab .ui-layer-body .member-children-section.type-one-child .children-image-box + .children-intro-box {
    margin-left: 0;
    width: 100%;
  }
  .layer-children-detail-tab .ui-layer-body .ui-layer-section.children-stay-information {
    padding: 0;
  }
  .ui-layer.layer-children-detail-tab .ui-accordion-wrap .ui-accordion-head {
    font-size: 13px;
    padding: 16px 0;
  }
  .ui-layer.layer-children-detail-tab .ui-accordion-wrap .ui-accordion-layer {
    font-size: 13px;
    padding: 16px;
  }
  .ui-layer.layer-children-detail-tab .member-children-section.type-detail-page {
    border-bottom: none;
  }
  .ui-layer.layer-children-detail-tab .child-detail-image-wrap.ui-layer-section + .ui-layer-section {
    padding: 16px 4% 24px;
  }
  .ui-layer.layer-children-detail-tab .children-tab-children.type-country .title-basic {
    font-size: 18px;
    margin-bottom: 24px;
    line-height: 26px;
  }
  .ui-layer.layer-children-detail-tab .children-tab-children.type-country .title-basic .br {
    display: block;
  }
  .ui-layer.layer-children-detail-tab .children-tab-children.type-country .children-intro-box {
    padding-bottom: 40px;
  }
  .ui-layer.layer-children-detail-tab .children-tab-children.type-country .ui-layer-section + .ui-layer-section {
    padding: 24px 0;
  }
  .ui-layer.layer-children-detail-tab .children-tab-children.type-country .ui-layer-section.ui-accordion-wrap {
    padding: 0 4% 40px;
  }
  .children-intro-box .children-emoji {
    font-size: 13px;
    padding-left: 32px;
  }
  .children-intro-box .children-emoji::before {
    width: 16px;
    height: 16px;
    top: 4px;
    background-size: 16px !important;
  }
  .children-intro-box .children-emoji + .children-short-message {
    display: none;
  }
  .layer-container .ui-layer-head {
    padding: 12px 4%;
  }
  .layer-container .ui-layer-title {
    font-size: 16px;
    margin: 0;
  }
  .layer-file[data-type=inner-full] .ui-layer .ui-layer-body {
    padding: 16px 4%;
  }
  .layer-virtual-account .ui-layer-body {
    padding: 16px 4%;
  }
  .ui-layer-close {
    right: 4%;
  }
  .ui-layer-content {
    padding: 0 4%;
  }
  [data-type=inner-full] .layer-container {
    margin: 0;
    width: 100%;
  }
  [data-type=inner-full] .ui-layer {
    width: 100%;
    min-height: 100%;
  }
  [data-type=inner-full] .ui-layer .ui-layer-head {
    padding: 12px 4%;
  }
  [data-type=inner-full] .ui-layer .ui-layer-title {
    font-size: 16px;
    line-height: 22px;
  }
  [data-type=inner-full] .ui-layer .ui-layer-section + .ui-layer-section {
    padding: 15% 4% 0;
  }
  [data-type=inner-full] .ui-layer .ui-layer-body {
    padding-left: 0;
    padding-right: 0;
    min-height: 100%;
  }
  .layer-children-detail .title-basic {
    margin-bottom: 24px;
    letter-spacing: -0.5px;
  }
  .layer-children-detail .ui-layer-contents .children-stay-information {
    background: url("../images/sub/bg_pop_children_country_mobile.png") no-repeat center top;
    background-size: cover;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .layer-children-detail .ui-layer-contents .member-children-section.type-non-child {
    margin-top: 16px;
  }
  .layer-children-detail .ui-layer-contents .member-children-section.type-non-child .children-intro-box {
    width: 100%;
    padding: 0;
  }
  .layer-children-detail .ui-layer-contents .member-children-section.type-non-child .children-intro-box h4 {
    font-size: 18px;
    line-height: 24px;
  }
  .layer-children-detail .ui-layer-contents .member-children-section.type-non-child .children-intro-box .children-sns-share {
    bottom: -40px;
    right: 0;
  }
  .layer-children-detail .ui-layer-contents .member-children-section.type-non-child .children-past-times {
    font-size: 12px;
  }
  .layer-children-detail .ui-layer-contents .children-support-things dd {
    padding: 8px 16px;
    line-height: normal;
  }
  .layer-children-detail .ui-layer-contents .children-support-grid {
    float: none;
    width: 100%;
  }
  .layer-children-detail .ui-layer-contents .children-support-grid + .children-support-grid {
    display: none;
    float: none;
    margin-top: 24px;
  }
  .layer-children-detail .ui-layer-contents .children-support-more-view {
    display: block;
    margin-top: 40px;
  }
  .layer-children-detail .ui-layer-contents .children-stay-gdp {
    margin-bottom: 0;
  }
  .layer-children-detail .ui-layer-contents .children-stay-country-text {
  	text-align:center;
    margin-bottom: 24px;
    padding: 0 4%;
    font-size: 13px;
    word-break: keep-all;
  }
  .layer-children-detail .ui-layer-contents .children-stay-country-text br {
    display: none;
  }
  .children-stay-day {
    margin-top: 0;
    padding: 4%;
    height: 180px;
  }
  .children-stay-day .children-stay-clock {
    font-size: 16px;
    line-height: 28px;
  }
  .children-stay-day .children-stay-weather {
    padding: 0 4%;
  }
  .children-stay-day .children-stay-weather .weather-info {
    font-weight: 700;
  }
  .children-stay-day .children-stay-weather .weather-temperature {
    font-size: 32px;
  }
  .children-stay-day .children-stay-weather-image img {
    width: 120px;
  }
  .layer-address .search-content .search-item .ui-input-block input {
    width: 100%;
  }
  .layer-address .search-button {
    width: 100%;
    margin: 24px 0 0;
  }
  .layer-children-detail-tab .ui-layer-body .table-wrap.type-visionTrip .table-content-wrap .form-flex-cell {
    width: 80%;
  }
  .layer-children-album .ui-layer-body {
    height: auto;
  }
  .layer-children-album .ui-layer-section {
    position: relative;
  }
  .layer-children-album .child-album-information {
    font-size: 20px;
  }
  .layer-children-album .child-album-information .child-album-date {
    display: block;
  }
  .layer-children-album #childCarousel::before {
    content: '';
    display: block;
    width: 87px;
    height: 96px;
    background: url("../images/common/ico_picture_tape_top.png") no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 17px;
    z-index: 1;
  }
  .layer-children-album #childCarousel::after {
    content: '';
    display: block;
    width: 90px;
    height: 88px;
    background: url("../images/common/ico_picture_tape_bottom.png") no-repeat center center;
    background-size: 100%;
    position: absolute;
    left: -38px;
    bottom: 20px;
  }
  .layer-children-album .slider-container {
    width: 100%;
  }
  .layer-children-album .slider-container .item {
    width: 100%;
    padding: 0;
    margin: 42px 0;
  }
  .layer-children-album .slider-container .item .children-frame {
    margin: 0 auto;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 0;
  }
  .layer-children-album .slider-container .item .children-frame .image-wrap img {
    max-height: none;
  }
  .layer-children-album .slider-container .item .children-frame::after, .layer-children-album .slider-container .item .children-frame::before {
    display: none;
  }
  .layer-children-album #childThumbnail {
    display: none;
  }
  .layer-children-album .thumbnail-slider-container {
    position: static;
  }
  .layer-children-album .thumbnail-slider-container .thunbnail-slider-controls .is-next {
    right: 0;
  }
  .layer-children-album .thumbnail-slider-container .thunbnail-slider-controls .is-prev {
    left: 0;
  }
  .layer-children-album .button-section {
    padding: 0 4%;
  }
  .depature-process-bar li {
    margin-left: 18px;
  }
  .depature-process-bar li::before {
    width: 18px;
    left: -18px;
  }
  .depature-child-result .children-intro-box {
    padding-left: 0;
  }
  .depature-child-result .children-intro-box .children-emoji::before {
    width: 24px;
    height: 24px;
    background-size: 24px !important;
  }
  .layer-children-news .depature-graduate-news-text,
  .layer-graduate-news .depature-graduate-news-text {
    font-size: 13px;
    line-height: 20px;
    margin: 30px 0;
    padding: 0 4%;
  }
  .layer-children-news .depature-graduate-news-text br,
  .layer-graduate-news .depature-graduate-news-text br {
    display: none;
  }
  .table-layout td,
  .table-layout th {
    font-size: 13px;
  }
  .table-layout .type-total td,
  .table-layout .type-total th {
    font-size: 13px;
  }
  .layer-group-sponsorship p {
    font-size: 20px;
  }
  .layer-group-sponsorship .group-sponsorship-date-wrap {
    font-size: 20px;
    padding: 38px 0;
  }
  .layer-group-sponsorship .group-sponsorship-image-item div {
    font-size: 13px;
  }
  .layer-group-sponsorship .group-sponsorship-image-item .sponsor-name,
  .layer-group-sponsorship .group-sponsorship-image-item .sponsor-no-date {
    font-size: 16px;
  }
  .layer-waiting-application .form-content-wrap .inner {
    padding: 0;
  }
  .layer-youtube-player .ui-layer-content .inner-youtube-box {
    margin: 0;
  }
  .layer-invitation-arrived .ui-layer-close {
    top: 16px;
  }
  .layer-invitation-over .ui-layer-head {
    height: 50px;
  }
  .layer-country-number.layer-wrap .ui-layer-body {
    padding: 0;
  }
  .layer-country-number.layer-wrap .ui-layer-content {
    padding: 0;
  }
  .layer-sponsorship-type .form-content-wrap .inner {
    width: 100%;
  }
  .layer-main .ui-layer-foot {
    position: static;
  }
  .layer-detail-view .image-detail-slider {
    padding-top: 64px;
  }
  .layer-detail-view .image-detail-box {
    padding: 4% 0;
  }
  .layer-detail-view .slick-arrow {
    top: 0;
  }
  .layer-detail-view .slick-arrow.slick-prev {
    right: 64px;
  }
  .layer-detail-view .slick-arrow.slick-next {
    right: 0;
  }

	.layer-login .ui-layer {
		padding: 24px;
		border-radius: 6px
	}
	.layer-login .ui-layer-head {
		padding: 0;
	}
	.layer-login .ui-layer-title {
		font-size: 24px;
		line-height: 24px;
	}
	.layer-login .ui-layer-body {
	   padding: 0
	}
}

@media only screen and (max-width: 414px) {
  .layer-file .ui-layer,
  .layer-virtual-account .ui-layer {
    width: 100%;
  }
  .depature-slider-title .type-small {
    font-size: 14px;
  }
  .donation-pause-table .donation-pause-notice br {
    display: none;
  }
  .depature-reasons-wrap .depature-reasons h4 {
    line-height: 26px;
  }
  .depature-reasons-wrap .depature-reasons.depature-table-cell .depature-child-result .children-intro-box {
    padding-left: 0;
  }
  .layer-sponsorship-type .tab-radius-wrap .tab-radius li {
    width: 31%;
  }
  .layer-cad-popup .center-btn-wrap > div {
    padding: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 360px) {
  .layer-country-number .layer-container {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .layer-country-number .ui-layer {
    width: 100%;
    height: 100%;
  }
  .more-btn-wrap {
    width: 100%;
  }
}

@media only screen and (max-width: 320px) {
  .ui-layer .ui-btn-wrap button {
    min-width: 250px !important;
  }
  .layer-children-detail .ui-layer-contents .children-support-things dl {
    width: 94%;
  }
  .layer-children-detail .ui-layer-contents .children-support-things .things-icon {
    padding: 8px;
    font-size: 14px;
  }
  .layer-children-detail .ui-layer-contents .children-support-things dd {
    font-size: inherit;
  }
  .layer-sponsorship-type .ui-radio-text {
    font-size: 11px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 기타 영역 css
 * 작성자 : gikim
 * 파일명 : _etc.scss
 */
.emphasis {
  color: #005eb8 !important;
}

.sub-header[data-visual-type=faq] {
  background: url("../images/sub/bg_faq_visual.jpg") no-repeat center 100%;
  background-size: cover;
  height: auto;
}

.sub-header[data-visual-type=faq] .visual-title {
  font-size: 40px;
  font-weight: normal;
}

.type-faq .contents-section {
  position: relative;
  background: none;
}

.type-faq .contents-section::after {
  position: absolute;
  top: -120px;
  display: block;
  content: '';
  z-index: -1;
  width: 100%;
  height: 2084px;
  background: url("../images/sub/bg_faq_content.png") no-repeat center;
}

.type-faq .contents-section .contents-title-area.type-complete {
  text-align: center;
  margin-bottom: 0;
}

.type-faq .contents-section .contents-title-area.type-complete h3 {
  font-size: 32px;
  margin-bottom: 24px;
}

.type-faq .contents-section .contents-title-area.type-complete h3 .blue {
  color: #005eb8;
}

.type-faq .contents-section.type-gray {
  background-color: #f4f7fb;
}

.type-faq .contents-section.type-gray .faq-bottom-content .form-flex-cell.type-service {
  padding: 0;
}

.type-faq textarea {
  height: 198px;
}

.faq-search-wrap {
  margin: 48px 0 78px;
  line-height: normal;
}

.faq-search-wrap div {
  position: relative;
  margin: 0 auto;
  width: 792px;
  height: 80px;
}
/*
.faq-search-wrap div:after {
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  content: '';
  width: 40px;
  height: 40px;
  background: url("../images/sub/btn_search_48x48.png") no-repeat center;
  background-size: 100%;
}
*/
.faq-search-wrap div .search_btn {
	position: absolute;
	top:20px;
	right: 20px;
	font-size: 0;
	width: 40px;
	height:40px;
	background: url("../images/sub/btn_search_48x48.png") no-repeat center;
	background-size: 100%;
}
.faq-search-wrap .ui-faq-search {
  width: 100%;
  height: 100%;
  line-height: 80px;
  border-color: #e2e2e2;
  padding-left: 40px;
}

.faq-search-wrap .ui-faq-search input {
  font-size: 20px;
}

.faq-search-wrap p {
  font-size: 16px;
  margin-top: 16px;
}

.type-faq .contents-section {
  margin-top: 108px;
}

.type-faq .tab-radius-wrap {
  margin: 0 auto 96px;
  padding: 8px 0 0;
}

.type-faq .tab-radius-wrap ul {
  display: block;
  font-size: 0;
}

.type-faq .tab-radius-wrap li {
  display: inline-block;
  width: 23%;
  margin-bottom: 24px;
  padding: 0 0 0 2%;
}

.type-faq .tab-radius-wrap li:nth-child(4n+1) {
  padding: 0;
}

.faq-bottom-section {
  margin-top: 120px;
  padding: 96px 0 128px;
  width: 100%;
  background-color: #f4f7fb;
}

.faq-bottom-head {
  font-size: 16px;
  color: #8d8d8d;
  margin-bottom: 48px;
}

.faq-bottom-head strong {
  font-size: 24px;
  color: #005eb8;
}

.faq-bottom-content {
  width: 100%;
}

.faq-bottom-content .form-flex-cell {
  width: 49%;
}

.faq-bottom-content .form-flex-cell div {
  font-size: 20px;
  padding: 32px;
  color: #fff;
  position: relative;
}

.faq-bottom-content .form-flex-cell div strong {
  font-size: 24px;
  padding-bottom: 8px;
  display: block;
}

.faq-bottom-content .form-flex-cell div::after {
  position: absolute;
  display: block;
  right: 32px;
  content: '';
}

.faq-bottom-content .form-flex-cell.type-qna div {
  background-color: #0086bf;
}

.faq-bottom-content .form-flex-cell.type-qna div::after {
  top: 32px;
  width: 74px;
  height: 67px;
  background: url("../images/sub/ico_faq_contact.png") no-repeat;
  background-size: 100%;
}

.faq-bottom-content .form-flex-cell.type-faq div {
  background-color: #0086bf;
}

.faq-bottom-content .form-flex-cell.type-faq div::after {
  top: 32px;
  width: 74px;
  height: 67px;
  background-size: 100%;
}

.faq-bottom-content .form-flex-cell.type-service {
  padding-left: 2%;
}

.faq-bottom-content .form-flex-cell.type-service div {
  background-color: #005eb8;
}

.faq-bottom-content .form-flex-cell.type-service div::after {
  top: 36px;
  width: 75px;
  height: 57px;
  background: url("../images/sub/ico_faq_customer.png") no-repeat;
  background-size: 100%;
}

.faq-bottom-content .form-flex-cell.type-service div p {
  color: #ffb500;
  font-weight: 700;
}

.editor-area {
  font-family: 'Noto Sans KR', sans-serif !important;
  margin: 0 !important;
  padding: 0;
}

.editor-area * {
  font-family: 'Noto Sans KR', sans-serif !important;
  margin: 0 !important;
  max-width: 100%;
}

.editor-area hr {
	display:block;
}

.editor-area blockquote {
    display: block;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 40px !important;
    margin-inline-end: 40px !important;
}

.editor-area table[align='center'] {margin: 0px auto !important;}

.editor-area img {
  max-width: 100%;
  height: auto !important;
}

.editor-area iframe {
  max-width: 100% !important;
}

 .editor-area ul, .editor-area ol{padding: 0px 0px 0px 10px;margin: 0px 0px 0px 10px !important;}
 .editor-area ul li{list-style:disc}
 .editor-area ol li{list-style:decimal}
 .editor-area em{font-style: italic;}

@media only screen and (max-width: 960px) {
  .faq-search-wrap div {
    width: 100%;
  }
}

@media only screen and (max-width: 800px) {
  .type-faq .title-blue-line {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .type-faq .sub-header.type-full .contents-sub-visual-inner {
    padding-top: 208px;
  }
  .type-faq .tab-radius-wrap {
    margin: 0 auto 32px;
  }
  .type-faq .contents-section::after {
    top: -300px;
  }
  .faq-search-wrap div {
    height: 48px;
  }
  .faq-search-wrap div .ui-faq-search {
    line-height: 48px;
    padding-left: 40px;
  }
  .faq-search-wrap div::after {
    width: 20px;
    height: 20px;
    top: 14px;
    left: 14px;
  }
  .faq-search-wrap p {
    display: none;
  }
  .ui-accordion-wrap .ui-accordion.type-faq .ui-accordion-item .ui-accordion-head {
    font-size: 16px;
  }
  .ui-accordion-wrap .ui-accordion.type-faq .g-round-basic {
    font-size: 13px;
  }
  .faq-bottom-section {
    margin-top: 80px;
    padding: 32px 0;
  }
  .faq-bottom-head {
    font-size: 14px;
    margin-bottom: 32px;
  }
  .faq-bottom-head strong {
    font-size: 16px;
  }
  .faq-bottom-content .form-flex-cell div {
    font-size: 14px;
  }
  .faq-bottom-content .form-flex-cell div strong {
    font-size: 16px;
  }
  .faq-bottom-content .form-flex-cell.type-qna div::after {
    width: 59px;
    height: 54px;
    top: 28px;
    right: 20px;
  }
  .faq-bottom-content .form-flex-cell.type-faq div::after {
    width: 59px;
    height: 54px;
    top: 28px;
    right: 20px;
  }
  .faq-bottom-content .form-flex-cell.type-service div::after {
    width: 59px;
    height: 44px;
    top: 32px;
    right: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .type-faq .ui-accordion-wrap .qna-head {
    width: 60%;
  }
  .type-faq .contents-section .contents-title-area.type-complete h3 {
    font-size: 26px;
  }
  .type-faq .contents-section.type-gray .inner {
    padding: 0;
  }
  .faq-bottom-section {
    padding: 32px 0 0;
  }
  .faq-bottom-section .inner {
    padding: 0;
  }
  .faq-bottom-section .faq-bottom-head {
    padding: 0 4%;
  }
  .faq-bottom-section .faq-bottom-content .form-flex-cell {
    display: block;
    width: 100%;
  }
  .faq-bottom-section .faq-bottom-content .form-flex-cell > div {
    padding: 24px 4%;
  }
  .faq-bottom-section .faq-bottom-content .form-flex-cell.type-service {
    padding-left: 0;
  }
  .faq-search-wrap div .search_btn {
	position: absolute;
	top:5px;
	right: 10px;
	font-size: 0;
	width: 40px;
	height:40px;
	background: url("../images/sub/btn_search_48x48.png") no-repeat center;
	background-size: 100%;
  }
}

@media only screen and (max-width: 640px) {
  .type-faq .sub-header[data-visual-type=faq] {
    background: url("../images/sub/bg_faq_visual_mobile.png") no-repeat center 50%;
    background-size: cover;
  }
  .type-faq .sub-header.type-full .contents-sub-visual-inner {
    height: 320px;
  }
  .type-faq .sub-header.type-full .contents-sub-visual-inner .visual-title {
    text-align: left;
    font-size: 24px;
  }
  .type-faq .title-blue-line {
    font-size: 16px;
  }
  .type-faq .contents-section {
    margin-top: 56px;
  }
  .type-faq .contents-section .contents-title-area.type-complete {
    text-align: left;
  }
  .type-faq .contents-section .contents-title-area.type-complete h3 {
    font-size: 20px;
    width: 200px;
    margin-bottom: 16px;
    word-break: keep-all;
  }
  .type-faq .tab-radius-wrap li {
    width: 32%;
  }
  .type-faq .tab-radius-wrap li:nth-child(4n+1) {
    padding: 0 0 0 2%;
  }
  .type-faq .tab-radius-wrap li:nth-child(3n+1) {
    padding: 0;
  }
  .faq-search-wrap {
    margin: 16px 0 -24px;
  }
  .editor-area {
    font-size: 13px;
    line-height: 1.5;
  }
  
  .vision-trip-faq-contents .editor-area {
	    font-size: 13px !important;
	}
  
  .vision-trip-faq-contents .editor-area * {
	  font-size: 13px !important;
	}
  /* .editor-area * {
    font-size: 13px;
    line-height: 1.5;
  } */
  
  .editor-area h2 {
  	font-size: 1.5em;
  }
  .editor-area iframe {
    height: 52vw !important;
  }
  .editor-area ul, .editor-area ol{padding: 0px 0px 0px 10px;margin: 0px 0px 0px 10px !important;}
  .editor-area ul li{list-style:disc}
  .editor-area ol li{list-style:decimal}
  .editor-area em{font-style: italic;}
/*   .editor-area table[align="center"] */
}

@media only screen and (max-width: 520px) {
  .type-faq .sub-header.type-full .contents-sub-visual-inner .visual-title {
    margin-top: 0;
  }
  .type-faq .tab-radius-wrap li {
    vertical-align: top;
  }
  .type-faq .tab-radius-wrap .ui-radio-label {
    font-size: 13px;
  }
  .type-faq .tab-radius-wrap .ui-radio-label span {
    display: block;
    line-height: normal;
  }
}

@media only screen and (max-width: 360px) {
  .type-faq .tab-radius-wrap .ui-radio-label {
    font-size: 12px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 비전트립
 * 작성자 : hmpark
 * 파일명 : _visiontrip.scss
 */
.vision-trip-video {
  background: transparent;
  margin-bottom: 140px;
}

.vision-trip-video-layout {
  width: 997px;
  height: 561px;
  margin: -68px auto 0;
  position: relative;
}

.vision-trip-video-layout iframe {
  width: 100%;
  height: 100%;
}

.vision-trip-intro {
  margin-bottom: 48px;
  background: url("../images/sub/bg_vision_trip_intro.png") no-repeat center top;
}

.vision-trip-intro .vision-trip-intro-image {
  width: 384px;
  position: absolute;
  right: 0;
  top: 24px;
}

.vision-trip-intro .vision-trip-intro-image img {
  max-width: 100%;
}

.vision-trip-intro .vision-trip-intro-contents {
  width: 997px;
  background: #fff;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  padding: 120px 102px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 98px;
  font-size: 16px;
}

.vision-trip-intro .vision-trip-intro-contents strong {
  display: block;
  margin-top: 32px;
}

.vision-trip-list-contents {
  padding-bottom: 120px;
}

.table-total-sort-box.type-vision-trip {
  margin-bottom: 48px;
}

.vision-trip-list-table {
  width: 100%;
  display: table;
  table-layout: fixed;
  background: #fff;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.vision-trip-list-table + .vision-trip-list-table {
  margin-top: 48px;
}

.vision-trip-list-table.type-over {
	opacity: .5;
}

.vision-trip-list-table.type-over .vision-trip-country::before {
  background-size: 100%;
}

.vision-trip-list-table.type-over .vision-trip-list-cell .vision-trip-request-date::before {
  background-size: 26px;
}

.vision-trip-list-table.type-over .vision-trip-list-cell .vision-trip-request-price::before {
  background-size: 26px;
}

.vision-trip-list-cell {
  display: table-cell;
  position: relative;
}

.vision-trip-list-cell.image-box {
  width: 384px;
}

.vision-trip-list-cell.image-box a {
  display: block;
}

.vision-trip-list-cell.image-box img {
  max-width: 100%;
}

.vision-trip-list-cell.text-box {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 205px 0 48px;
  vertical-align: middle;
}

.vision-trip-list-cell .vision-trip-list-head {
  border-bottom: 1px solid #d9e1e2;
  padding: 24px 0px;
}

.vision-trip-list-cell .vision-trip-country {
  position: relative;
  padding-left: 40px;
  font-size: 24px;
  color: #005eb8;
}

.vision-trip-list-cell .vision-trip-country::before {
  content: '';
  display: block;
  width: 32px;
  height: 20px;
  background: url("../images/sub/ico_airplane_32x20.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

.vision-trip-list-cell .vision-trip-date {
  font-size: 20px;
  margin-top: 8px;
}

.vision-trip-list-cell .vision-trip-list-body {
  margin: 24px 0;
}

.vision-trip-list-cell .vision-trip-list-body li {
  padding-left: 56px;
  position: relative;
  font-size: 16px;
  color: #8d8d8d;
}

.vision-trip-list-cell .vision-trip-list-body li .request-title {
  display: block;
  color: #3d3e3f;
}

.vision-trip-list-cell .vision-trip-list-body li + li {
  margin-top: 24px;
}

.vision-trip-list-cell .vision-trip-list-body li::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #768692;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
}

.vision-trip-list-cell .vision-trip-list-body li.vision-trip-request-date::before {
  background: url("../images/sub/ico_vision_trip_date_26x26.png") no-repeat 10px center;
  background-size: 26px;
}

.vision-trip-list-cell .vision-trip-list-body li.vision-trip-request-price::before {
  background: url("../images/sub/ico_vision_trip_price_26x26.png") no-repeat center center;
  background-size: 26px;
}

.vision-trip-list-cell .vision-trip-list-foot {
  position: absolute;
  right: 32px;
  bottom: 32px;
  font-size: 0;
}

.vision-trip-list-cell .vision-trip-list-foot .over-title {
  font-size: 16px;
  color: #3d3e3f;
}

.vision-trip-list-cell .vision-trip-list-foot .vision-trip-button-flex {
  min-width: auto;
  width: 132px;
  display: inline-block;
}

.vision-trip-list-cell .vision-trip-list-foot .vision-trip-button-flex + .vision-trip-button-flex {
  padding-left: 24px;
}

.vision-trip-list-cell .vision-trip-list-status {
  width: 145px;
  height: 145px;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  right: 32px;
  top: -24px;
}

.vision-trip-list-cell .vision-trip-process {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}

.vision-trip-list-cell .vision-trip-process .inner-cell {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
}

.vision-trip-list-cell .vision-trip-process .process-title {
  display: block;
  font-size: 20px;
  margin-bottom: 16px;
}

.vision-trip-list-cell .vision-trip-process .process-status span {
  font-size: 24px;
  color: #005eb8;
}

.vision-trip-list-cell .vision-trip-process.type-applying {
  background: #ffd100;
}

.vision-trip-list-cell .vision-trip-process.type-applying .process-title {
  color: #005eb8;
}

.vision-trip-list-cell .vision-trip-process.type-todo {
  background: #bbdde6;
}

.vision-trip-list-cell .vision-trip-process.type-end {
  background: #003f77;
  color: #fff;
}

.vision-trip-list-cell .vision-trip-process.type-end .process-title {
  margin-bottom: 0;
}

.vision-trip-list-cell .vision-trip-process.type-over {
  background: #d9e1e2;
  color: #8d8d8d;
}

.vision-trip-list-cell .vision-trip-process.type-over .process-title {
  margin-bottom: 0;
}

.vision-trip-sns-contents {
  margin-bottom: 120px;
}

.vision-trip-instgram-contents {
  margin: 24px 0 0;
  padding: 80px 0;
  background: #fde4df;
}

.vision-trip-instgram-contents ul {
  font-size: 0;
  text-align: left;
  margin: 0 -24px -24px 0;
}

.vision-trip-instgram-contents li {
  width: 282px;
  height: 282px;
  display: inline-block;
  margin: 0 24px 24px 0;
  vertical-align: top;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.vision-trip-instgram-contents li .form-flex {
  width: 100%;
  height: 100%;
  background: #fff;
  display: block;
}

.vision-trip-instgram-contents li .form-flex-cell {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
}

.vision-trip-instgram-contents li a {
  display: block;
}

.vision-trip-instgram-contents li img {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 160%;
}

.vision-trip-instgram-contents button {
    float: right;
    margin-top: 20px;
}

.vision-trip-faq-contents {
  margin-bottom: 120px;
}

.vision-trip-faq-contents .round-tab-list {
  font-size: 0;
}

.vision-trip-faq-contents .round-tab-list .g-button-tab-basic {
  font-size: 15px;
  font-weight: 400;
}

.vision-trip-faq-contents .round-tab-list button + button {
  margin-left: 24px;
}

.vision-trip-faq-contents .editor-area {
  font-size: 16px;
}

.vision-trip-faq-contents .editor-area * {
  font-size: 16px;
}

.vision-trip-faq-head {
  margin: 80px 0 60px 0;
  position: relative;
  min-height: 411px;
}

.vision-trip-faq-head h4 {
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 40px;
}

.vision-trip-faq-head h4 span {
  color: #005eb8;
}

.vision-trip-faq-head p {
  font-size: 16px;
  width: 384px;
}

.vision-trip-faq-head .vision-trip-faq-image {
  position: absolute;
  right: 0;
  top: -40px;
  width: 792px;
}

.vision-trip-faq-head .vision-trip-faq-image img {
  max-width: 100%;
}

.vision-trip-recommend-contents {
  margin-bottom: 120px;
}

.vision-trip-recommend-contents .personal-visit-banner {
  height: 560px;
  position: relative;
}

.vision-trip-recommend-contents .personal-visit-banner::before {
  content: '';
  display: block;
  width: 894px;
  height: 560px;
  background: url("../images/sub/img_vision_trip_personal_visit.png") no-repeat 0 0;
  position: absolute;
  left: 0;
  top: 0;
}

.vision-trip-recommend-contents .moreinfo-text-wrap {
  top: 159px;
}

.vision-trip-recommend-contents .moreinfo-text-wrap .moreinfo-text-title {
  font-weight: 400;
  padding-bottom: 0;
}

.vision-trip-recommend-contents .moreinfo-text-wrap .moreinfo-text-title::after {
  display: none;
}

.vision-trip-recommend-contents .moreinfo-btn-wrap {
  text-align: right;
  width: 100%;
  max-width: none;
}

.vision-trip-recommend-contents .moreinfo-btn-wrap .g-button-arrow {
  background-color: transparent;
}

#contents.type-vision-trip {
  margin-bottom: 120px;
}

.vision-trip-intro-tab {
  margin-bottom: 120px;
}

.vision-trip-intro-tab .tab-radius-wrap {
  padding: 0;
  margin-bottom: 80px;
}

.vision-trip-intro-tab .tab-radius li a {
  font-weight: 400;
  font-size: 15px;
}

.vision-trip-intro-title p {
  font-size: 16px;
  margin-top: 40px;
}

.personal-visit-contents {
  margin-bottom: 148px;
}

.personal-visit-list::after {
  content: '';
  display: table;
  clear: both;
}

.personal-visit-list .personal-visit-01,
.personal-visit-list .personal-visit-02 {
  width: 588px;
}

.personal-visit-list .personal-visit-01 img,
.personal-visit-list .personal-visit-02 img {
  max-width: 100%;
}

.personal-visit-list .personal-visit-01 {
  float: left;
}

.personal-visit-list .personal-visit-01 .personal-visit-title {
  background: #fff3bf;
}

.personal-visit-list .personal-visit-02 {
  float: right;
}

.personal-visit-list .personal-visit-02 .personal-visit-title {
  background: #eaf4f7;
}

.personal-visit-list .personal-visit-body {
  width: 540px;
  margin: -80px auto 0;
  position: relative;
}

.personal-visit-list .personal-visit-title {
  padding: 40px 32px;
  font-size: 32px;
}

.personal-visit-list .personal-visit-text {
  background: #fff;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  padding: 24px 40px 32px;
}

.personal-visit-list .personal-visit-text li {
  font-size: 16px;
}

.personal-visit-list .personal-visit-text li span.tt-blue {
  display: block;
  font-size: 20px;
  color: #005eb8;
  margin-bottom: 24px;
}

.personal-visit-list .personal-visit-text li + li {
  margin-top: 40px;
}

.personal-visit-ex {
  margin-bottom: 120px;
}

.personal-visit-ex .title-blue-line {
  margin-bottom: 80px;
}

.personal-visit-ex-step {
  width: 894px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.personal-visit-ex-step ul::after {
  content: '';
  display: table;
  clear: both;
}

.personal-visit-ex-step ul li {
  width: 33.33%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.personal-visit-ex-step ul li + li dt::after {
  content: '';
  display: block;
  width: 10px;
  height: 18px;
  background: url("../images/sub/ico_personal_visit_step_arrow.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left: -46px;
  bottom: -9px;
}

.personal-visit-ex-step ul dt {
  color: #005eb8;
  font-size: 20px;
  position: relative;
  padding-left: 68px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d9e1e2;
}

.personal-visit-ex-step ul dt::before {
  content: '';
  display: block;
  width: 52px;
  height: 52px;
  position: absolute;
  left: 0;
  top: 0;
}

.personal-visit-ex-step ul dd {
  margin-top: 40px;
  font-size: 16px;
}

.personal-visit-ex-step ul .ex-step-01 dt::before {
  background: url("../images/sub/ico_vision_trip_step_01.png") no-repeat center center;
  background-size: 100%;
}

.personal-visit-ex-step ul .ex-step-02 dt::before {
  background: url("../images/sub/ico_vision_trip_step_02.png") no-repeat center center;
  background-size: 100%;
}

.personal-visit-ex-step ul .ex-step-03 dt::before {
  background: url("../images/sub/ico_vision_trip_step_03.png") no-repeat center center;
  background-size: 100%;
}

.personal-visit-ex-step ul .step-number {
  display: block;
  color: #8d8d8d;
  font-size: 16px;
}

.personal-visit-banner {
  margin-bottom: 71px;
}

.personal-visit-banner .inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 225px;
  background: url("../images/sub/img_vision_trip_intro_banner.png") no-repeat center top;
  background-size: auto 100%;
  padding: 48px 204px;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
}

.personal-visit-banner p {
  margin-bottom: 40px;
}

.personal-visit-table .table-layout th, .personal-visit-table .table-layout td {
  font-size: 16px;
}

.document-components .document-list {
  font-size: 16px;
}

.document-components .document-list + .document-list {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #d9e1e2;
}

.document-components .document-title {
  font-weight: 700;
  font-size: 24px;
}

.document-components .document-contents {
  font-size: 16px;
  margin-top: 24px;
}

.document-components .document-inner-contents {
  padding: 24px;
}

.document-components .table-layout {
  border-bottom: 1px solid #768692;
}

.document-components .table-layout table {
  border-top: 1px solid #768692;
}

.document-components .table-layout th, .document-components .table-layout td {
  font-size: 16px;
}

.document-components .table-layout tbody td {
  text-align: left;
}

.button-personal-visit {
  width: 320px;
  margin: 80px auto 0;
}

.vision-trip-detail-info {
  position: relative;
}

.vision-trip-detail-info::before {
  content: '';
  display: block;
  width: 489px;
  height: 622px;
  background: url("../images/main/bg_main_circle_object_02.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  right: -88px;
  top: 220px;
}

.vision-trip-country-box {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  background: #eaf4f7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px 100px;
}

.vision-trip-country-box h4 {
  font-size: 24px;
  margin-bottom: 32px;
}

.vision-trip-country-box ul {
	display: flex;
	align-items: center;
	justify-content: space-around;
  font-size: 0;
  text-align: center;
}

.vision-trip-country-box li {
  display: block;
  vertical-align: top;
  width: 200px;
  padding-top: 120px;
  position: relative;
}

.vision-trip-country-box li + li {
  margin-left: 0;
}

.vision-trip-country-box li::before,
.vision-trip-country-box li a::before {
      content: '';
    display: block;
    width: 104px;
    height: 104px;
    margin: 0 auto 24px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -52px;
}

.vision-trip-country-box li p{
	height:100px;
}

.vision-trip-country-box li.country-channel-01::before {
  background: url("../images/sub/ico_vision_trip_detail_01.png") no-repeat center top;
  background-size: 100%;
}

.vision-trip-country-box li.country-channel-02::before {
  background: url("../images/sub/ico_vision_trip_detail_02.png") no-repeat center top;
  background-size: 100%;
}

.vision-trip-country-box li.country-channel-03::before {
  background: url("../images/sub/ico_vision_trip_detail_03.png") no-repeat center top;
  background-size: 100%;
}

.vision-trip-country-box li.country-channel-04::before {
  display: none;
}

.vision-trip-country-box li.country-channel-04 a::before {
  background: url("../images/sub/ico_vision_trip_detail_04.png") no-repeat center top;
  background-size: 100%;
}

.vision-trip-country-box a {
  display: block;
}

.vision-trip-country-box .channel-tt {
  display: block;
  font-size: 16px;
}

.vision-trip-country-box .channel-text {
  font-size: 20px;
  font-weight: 700;
  color: #0086bf;
  display: block;
  margin-top: 16px;
}

.vision-trip-accordion {
  margin-top: 32px;
  position: relative;
  background: transparent;
}

.vision-trip-accordion img {
  max-width: 100%;
}

.vision-trip-accordion .ui-accordion-wrap.type-bold .ui-accordion-head {
  padding: 32px;
  background: #fff;
}

.vision-trip-accordion .ui-accordion-wrap.type-bold .ui-accordion-head .ui-accordion-opener::before {
  right: 32px;
}

.vision-trip-accordion .ui-accordion-wrap.type-bold li {
  border: 1px solid #d9e1e2;
}

.vision-trip-accordion .ui-accordion-wrap.type-bold li + li {
  margin-top: 24px;
}

.vision-trip-accordion .ui-accordion-wrap.type-bold li .ui-accordion-layer {
  border-bottom: none;
}

.vision-trip-input-field {
  font-size: 16px;
}

.vision-trip-input-field dt {
  font-weight: 700;
}

.vision-trip-input-field dd + dt {
  margin-top: 24px;
}

.vision-trip-input-field dd + dd {
  margin-top: 24px;
}

.contents-section.vision-experience {
  background: #fff url("../images/sub/bg_vision_trip_experience_object.png") no-repeat 0 111px;
  background-size: 1152px;
  padding-bottom: 106px;
  margin-top: 80px;
  margin-bottom: 152px;
}

.vision-experience .title-basic {
  text-align: center;
  margin-bottom: 118px;
}

.vision-experience .vision-experience-box {
  position: relative;
}

.vision-experience .vision-experience-title {
  position: relative;
}

.vision-experience .vision-experience-title h4 {
  font-size: 48px;
  line-height: 72px;
  color: #005eb8;
  position: relative;
  z-index: 1;
}

.vision-experience .vision-experience-title p {
  margin-top: 48px;
  color: #005eb8;
  font-size: 20px;
  background: #ffe87f;
  padding: 10px 8px;
  position: relative;
  z-index: 1;
  display: inline-block;
}

.vision-experience .vision-experience-image {
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
}

.table-provision::after {
  content: '';
  display: table;
  clear: both;
}

.table-provision .slick-slide {
  width: 588px;
  margin-right: 20px;
}

.table-provision .slick-slide table th, .table-provision .slick-slide table td {
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
}

.table-provision .slick-slide table thead th, .table-provision .slick-slide table thead td {
  font-size: 20px;
  font-weight: 700;
  padding: 31px 10px;
}

.table-provision .slick-slide table thead th span, .table-provision .slick-slide table thead td span {
  font-weight: 400;
  display: block;
}

.table-provision .slick-slide table tbody th img {
  width: 48px;
  display: block;
  margin: 0 auto;
}

.table-provision .slick-slide table tbody th, .table-provision .slick-slide table tbody td {
  height: 48px;
  padding: 16px 10px;
  font-size: 16px;
}

.table-provision .slick-slide .type-blue {
  border: 1px solid #eaf4f7;
}

.table-provision .slick-slide .type-blue th, .table-provision .slick-slide .type-blue td {
  border-color: #eaf4f7;
}

.table-provision .slick-slide .type-blue thead tr {
  background: #eaf4f7;
}

.table-provision .slick-slide .type-red {
  border: 1px solid #fde4df;
}

.table-provision .slick-slide .type-red th, .table-provision .slick-slide .type-red td {
  border-color: #fde4df;
}

.table-provision .slick-slide .type-red thead tr {
  background: #fde4df;
}

.button-vision-provision {
  font-size: 0;
  text-align: center;
  margin-top: 40px;
}

.button-vision-provision .button-provision-flex {
  display: inline-block;
  width: 180px;
}

.button-vision-provision .button-provision-flex + .button-provision-flex {
  margin-left: 24px;
}

.vision-trip-review {
  margin: 120px 0;
  position: relative;
  background: transparent;
}

.vision-trip-review .title-basic {
  margin-bottom: 80px;
}

.vision-trip-review::before {
  content: '';
  display: block;
  width: 489px;
  height: 508px;
  background: url("../images/main/bg_half_circle_object_02.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left: 88px;
  top: -254px;
  z-index: -1;
}

.vision-trip-review-list {
  font-size: 0;
}

.vision-trip-review-list img {
  max-width: 100%;
}

.vision-trip-review-list .slick-slide {
  display: inline-block;
  vertical-align: top;
  width: 384px;
}

.vision-trip-review-list .slick-slide + .slick-slide {
  margin-left: 24px;
}

.vision-trip-review-list .slick-slide a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.vision-trip-review-list .slick-slide .review-subject {
  font-size: 24px;
  font-weight: 700;
  margin-top: 24px;
}

.vision-trip-review-list .slick-slide .review-info {
  font-size: 16px;
  margin-top: 16px;
  color: #8d8d8d;
}

.vision-trip-review-list .slick-slide .review-info span {
  display: inline-block;
  position: relative;
}

.vision-trip-review-list .slick-slide .review-info span + span {
  padding-left: 10px;
  margin-left: 10px;
}

.vision-trip-review-list .slick-slide .review-info span + span::before {
  content: '';
  display: block;
  width: 1px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  background: #8d8d8d;
}

.vision-trip-review-list .slick-slide .review-contents {
  font-size: 16px;
  margin-top: 24px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.type-vision-trip {
  position: relative;
}

.vision-trip-sticky-banner {
  width: 244px;
  height: 312px;
  position: absolute;
  right: 0;
  top: 160px;
  z-index: 20;
  background: url("../images/sub/bg_vision_trip_fixed_banner.png") no-repeat 0 0;
  background-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px;
}

.vision-trip-sticky-banner.is-fixed {
  position: fixed;
  top: 132px;
}

.vision-trip-sticky-banner .sticky-title {
  padding: 16px;
  position: relative;
  height: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vision-trip-sticky-banner .sticky-title h3 {
  padding-left: 30px;
}

.vision-trip-sticky-banner .sticky-title::before {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  background: url("../images/sub/ico_vision_trip_fixed_airplane.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: 16px;
  top: 16px;
}

.vision-trip-sticky-banner .sticky-contents {
  padding: 24px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vision-trip-sticky-banner .sticky-status {
  font-size: 16px;
}

.vision-trip-sticky-banner .sticky-status .blue {
  color: #005eb8;
}

.vision-trip-sticky-banner .sticky-status.is-over {
  color: #8d8d8d;
}

.vision-trip-sticky-banner .sticky-total {
  font-size: 0;
  margin-top: 16px;
}

.vision-trip-sticky-banner .sticky-total .total-bullet {
  display: inline-block;
  font-size: 14px;
  border: 1px solid #8d8d8d;
  border-radius: 12px;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  vertical-align: top;
}

.vision-trip-sticky-banner .sticky-total .total-text {
  display: inline-block;
  font-size: 16px;
  color: #ff5050;
  padding-left: 8px;
}

.vision-trip-sticky-banner .sticky-button {
  margin-top: 16px;
}

.notice-blue-border-wrap {
  border: 1px solid #005eb8;
  padding: 16px;
}

.notice-blue-border-wrap .ui-title + div {
  margin: 16px 0 8px 0;
}

.notice-blue-border-wrap .notice-contents-wrap {
  font-size: 14px;
}

.type-vision-trip .form-section-wrap + .confirm-btn-wrap {
  padding-top: 0;
  margin-bottom: 20px;
}

.type-vision-trip .side-btn-wrap {
  width: 588px;
  margin: 0 auto;
}

.vision-trip-complete-wrap .inner {
  width: 588px;
  margin: 64px auto 0 auto;
}

.vision-trip-complete-wrap .ui-notice-title {
  font-weight: bold;
  word-break: keep-all;
  margin-bottom: 24px;
  text-align: center;
}

.vision-trip-complete-wrap .ui-notice-title + .ui-notice-text {
  padding: 40px 0;
  text-align: center;
}

.vision-trip-complete-wrap .notice-blue-border-wrap {
  margin: 24px auto;
  padding: 32px 0;
  text-align: center;
}

.vision-trip-complete-wrap .notice-blue-border-wrap ul {
  display: inline-block;
  text-align: left;
}

.vision-trip-complete-wrap .notice-blue-border-wrap + div {
  text-align: center;
}

.vision-trip-complete-wrap .notice-blue-border-wrap + div ul {
  display: inline-block;
  text-align: left;
  margin: 0 auto 40px auto;
}

.personal-trip-type-select .type-require-test {
  display: none;
}

.vision-trip-notice {
  padding-top: 16px;
}

.vision-experience-title .forMobile{
	display:none;
}

@media only screen and (max-width: 1600px) {
  .vision-trip-sticky-banner {
    right: -20px;
  }
}

@media only screen and (max-width: 1280px) {
  .vision-trip-instgram-contents ul {
    margin: 0 -1.5% -1.5% 0;
  }
  .vision-trip-instgram-contents li {
    width: 23.5%;
    height: 22vw;
    margin: 0 1.5% 1.5% 0;
  }
  .vision-trip-faq-head p {
    width: 40%;
  }
  .vision-trip-faq-head .vision-trip-faq-image {
    width: 60%;
  }
  .vision-trip-faq-contents .round-tab-list .g-button-tab-basic {
    width: 15%;
    min-width: auto;
  }
  .vision-trip-faq-contents .round-tab-list button + button {
    margin-left: 2%;
  }
  .personal-visit-list .personal-visit-01,
  .personal-visit-list .personal-visit-02 {
    width: 49%;
  }
  .personal-visit-list .personal-visit-body {
    width: 92%;
  }
  .personal-visit-list .personal-visit-title {
    font-size: 26px;
  }
  .vision-trip-review .vision-trip-review-list .slick-slide {
    margin: 0;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .vision-trip-sticky-banner {
    position: static;
    background: #fff;
    width: 100%;
    height: auto;
    padding: 8px 4%;
  }
  .vision-trip-sticky-banner .sticky-title {
    display: none;
  }
  .vision-trip-sticky-banner .sticky-contents {
    font-size: 0;
    padding: 0;
    line-height: 48px;
  }
  .vision-trip-sticky-banner .sticky-contents::after {
    content: '';
    display: table;
    clear: both;
  }
  .vision-trip-sticky-banner .sticky-status {
    display: inline-block;
    vertical-align: top;
  }
  .vision-trip-sticky-banner .sticky-total {
    display: inline-block;
    margin: 0 0 0 16px;
  }
  .vision-trip-sticky-banner .sticky-total .total-text {
    vertical-align: top;
  }
  .vision-trip-sticky-banner .sticky-total .total-bullet {
    vertical-align: middle;
  }
  .vision-trip-sticky-banner .sticky-button {
    width: 96px;
    margin-top: 0;
    vertical-align: top;
    margin-left: 16px;
    float: right;
  }
  .vision-trip-sticky-banner{
  	right:0px;
  }
  .vision-trip-sticky-banner.is-fixed {
    /* position: static; */
    top: 60px;
    box-shadow: 0px 1px 3px #aaa;
  }
}

@media only screen and (max-width: 1024px) {
  .vision-trip-video-layout {
    width: 100%;
  }
  .vision-trip-intro .vision-trip-intro-contents {
    width: 92%;
    margin: 18% auto 0;
    padding: 4%;
  }
  .vision-trip-intro .vision-trip-intro-image {
    width: 255px;
  }
  .vision-trip-list-cell.image-box {
    width: 300px;
  }
  .vision-trip-list-cell.text-box {
    padding: 0 180px 0 24px;
  }
  .vision-trip-list-cell .vision-trip-list-head {
    padding-bottom: 16px;
  }
  .vision-trip-list-cell .vision-trip-list-body {
    margin-top: 16px;
  }
  .vision-trip-list-cell .vision-trip-list-body li {
    font-size: 14px;
  }
  .vision-trip-list-cell .vision-trip-list-foot {
    right: 24px;
    bottom: 24px;
  }
  .vision-trip-list-cell .vision-trip-list-foot .over-title {
    font-size: 14px;
  }
  .vision-trip-list-cell .vision-trip-country {
    font-size: 20px;
  }
  .vision-trip-list-cell .vision-trip-date {
    font-size: 16px;
  }
  .vision-trip-list-cell .vision-trip-list-status {
    width: 120px;
    height: 120px;
    right: 24px;
  }
  .vision-trip-list-cell .vision-trip-process .process-title {
    margin-bottom: 0;
    font-size: 16px;
  }
  .vision-trip-faq-head p {
    width: 100%;
  }
  .vision-trip-faq-contents .round-tab-list .g-button-tab-basic {
    width: 32%;
    margin: 0 1% 1% 0;
  }
  .vision-trip-faq-contents .round-tab-list .g-button-tab-basic:nth-child(4) {
    margin-left: 0;
  }
  .vision-trip-faq-contents .round-tab-list button + button {
    margin-left: 0;
  }
  .vision-trip-faq-head {
    margin: 40px 0;
    min-height: auto;
  }
  .vision-trip-faq-head .vision-trip-faq-image {
    position: static;
    right: 0;
    width: 100%;
    height: 450px;
    margin-top: 4%;
  }
  .vision-trip-faq-head .vision-trip-faq-image img {
    width: 100%;
  }
  .vision-trip-recommend-contents .personal-visit-banner {
    height: auto;
  }
  .vision-trip-recommend-contents .personal-visit-banner::before {
    position: static;
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center top;
  }
  .vision-trip-recommend-contents .moreinfo-text-wrap {
    float: none;
    width: 90%;
    margin: -40px auto 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .personal-visit-ex-step {
    width: 100%;
  }
  .vision-trip-country-box {
    padding: 32px 24px;
  }
  .vision-trip-country-box li {
    width: 25%;
  }
  .vision-trip-country-box li + li {
    margin: 0;
  }
  .contents-section.vision-experience {
    background: url("../images/sub/bg_vision_trip_experience_object_mobile.png") no-repeat 0 111px;
    background-size: 80%;
    margin-bottom: 120px;
    padding-bottom: 0;
  }
  .vision-experience .title-basic {
    margin-bottom: 24px;
  }
  .vision-experience .vision-experience-title h4 {
    font-size: 32px;
    line-height: 48px;
  }
  .vision-experience .vision-experience-title p {
    font-size: 16px;
  }
  .vision-experience .vision-experience-image img {
    width: 565px;
  }
  .table-provision .slick-dots,
  .vision-trip-review-list .slick-dots {
    margin-top: 24px;
    font-size: 0;
    text-align: center;
  }
  .table-provision .slick-dots li,
  .vision-trip-review-list .slick-dots li {
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #d9e1e2;
  }
  .table-provision .slick-dots li.slick-active,
  .vision-trip-review-list .slick-dots li.slick-active {
    background: #005eb8;
  }
  .table-provision .slick-dots li + li,
  .vision-trip-review-list .slick-dots li + li {
    margin-left: 12px;
  }
  .vision-trip-review .title-basic {
    margin-bottom: 24px;
  }
  .vision-trip-review-list .slick-slide .review-subject {
    font-size: 20px;
  }
}

@media only screen and (max-width: 800px) {
  .vision-trip-video {
    margin-bottom: 80px;
  }
  .vision-trip-video-layout {
    height: 360px;
  }
  .vision-trip-intro .vision-trip-intro-contents {
    margin-top: 24%;
  }
  .vision-trip-intro .vision-trip-intro-contents p br {
    display: none;
  }
  .vision-trip-list::after {
    content: '';
    display: table;
    clear: both;
  }
  .vision-trip-list-contents {
    padding-bottom: 80px;
  }
  .vision-trip-list-table {
    display: block;
    position: relative;
    width: 100%;
    float: none;
    margin: 0;
  }
  .vision-trip-list-table:nth-child(even) {
    float: right;
  }
  .vision-trip-list-table + .vision-trip-list-table {
    margin-top: 0;
  }
  .vision-trip-list-cell.image-box {
    display: block;
    width: 100%;
  }
  .vision-trip-list-cell.text-box {
    position: static;
    display: block;
    padding: 24px;
  }
  .vision-trip-list-cell .vision-trip-list-foot {
    position: static;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: table;
    table-layout: fixed;
    margin-top: 24px;
  }
  .vision-trip-list-cell .vision-trip-list-foot .over-title {
    display: block;
  }
  .vision-trip-list-cell .vision-trip-list-foot .vision-trip-button-flex {
    display: table-cell;
    width: 100%;
  }
  .vision-trip-list-cell .vision-trip-list-foot .vision-trip-button-flex + .vision-trip-button-flex {
    padding-left: 16px;
  }
  .vision-trip-list-cell .vision-trip-list-status {
    width: 96px;
    height: 96px;
  }
  .vision-trip-list-cell .vision-trip-process .process-status {
    font-size: 14px;
  }
  .vision-trip-list-cell .vision-trip-process .process-status span {
    font-size: 18px;
  }
  .vision-trip-sns-contents {
    margin-bottom: 80px;
  }
  .vision-trip-instgram-contents ul {
    margin: 0 -1% -1% 0;
  }
  .vision-trip-instgram-contents li {
    width: 32.3%;
    height: 30vw;
    margin: 0 1% 1% 0;
  }
  
  .vision-trip-faq-head .vision-trip-faq-image {
    height:auto;
  }
  
  .vision-trip-faq-contents {
    margin-bottom: 80px;
  }
  .vision-trip-intro-tab .tab-radius-wrap {
    margin-bottom: 40px;
  }
  .personal-visit-contents .inner {
    padding: 0;
  }
  .personal-visit-contents .title-blue-line {
    margin-left: 4%;
  }
  .personal-visit-list .personal-visit-title {
    padding: 24px 20px;
  }
  .personal-visit-list .personal-visit-01,
  .personal-visit-list .personal-visit-02 {
    width: 100%;
  }
  .personal-visit-list .personal-visit-02 {
    margin-top: 40px;
  }
  .personal-visit-list .personal-visit-body {
    margin: -62px auto 0;
  }
  .personal-visit-ex-step ul {
    padding-left: 20%;
  }
  .personal-visit-ex-step ul li {
    float: none;
    width: 100%;
  }
  .personal-visit-ex-step ul li + li {
    margin-top: 48px;
  }
  .personal-visit-ex-step ul li + li dt::after {
    display: none;
  }
  .personal-visit-ex-step ul dt {
    padding-bottom: 24px;
  }
  .personal-visit-ex-step ul dt::before {
    top: 0;
    margin-top: 0;
  }
  .personal-visit-ex-step ul dd {
    margin-top: 24px;
  }
  .personal-visit-banner .inner {
    padding: 46px 4%;
  }
  .vision-trip-country-box li::before {
    width: 72px;
    height: 72px;
    margin: 0 auto 8px;
    margin-left: -36px;
  }
  .vision-trip-country-box li a::before {
    width: 72px;
    height: 72px;
    margin: 0 auto 8px;
  }
  .vision-trip-country-box li .channel-text {
    font-size: 16px;
    margin-top: 0;
  }
  .button-personal-visit {
    margin: 40px auto 0;
  }
  .contents-section.vision-experience {
    background-size: 90%;
    background-position-y: 44px;
  }
  .vision-experience .vision-experience-title p {
    margin-top: 16px;
  }
  .vision-experience .vision-experience-image {
    position: static;
    text-align: left;
    margin-top: 10px;
  }
  .vision-experience .vision-experience-image img {
    width: 100%;
  }
  .vision-trip-review::before {
    left: -88px;
  }
  .vision-trip-complete-wrap .inner {
    width: 100%;
    margin: 32px auto 0 auto;
  }
  .button-vision-provision .button-provision-flex{width:auto;}
  .button-vision-provision .g-button-basic{min-width:auto;}
  .layer-trip-notice .ui-layer-buttons-item{width:100%}
  .layer-trip-notice .ui-layer-body .ui-layer-buttons.two-button .g-button-basic{min-width:auto !important;}
  .vision-trip-recommend-contents .moreinfo-text-wrap > div{padding:30px;}
  
  .vision-trip-faq-contents .ui-accordion-wrap.type-support-faq .ui-accordion-head .ui-accordion-question{
  	white-space:normal !important;
  }
  
}

@media only screen and (max-width: 640px) {
  .vision-trip-video .inner {
    padding: 0;
  }
  .vision-trip-video-layout {
    margin-top: 0;
    height: 56vw;
  }
  .vision-trip-intro .inner {
    padding: 0;
  }
  .vision-trip-intro .title-blue-line {
    margin-left: 4%;
  }
  .vision-trip-intro .title-basic {
    margin-left: 4%;
  }
  .vision-trip-intro .vision-trip-intro-image {
    width: 100%;
    position: static;
    text-align: right;
    padding-right: 4%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .vision-trip-intro .vision-trip-intro-image img {
    width: 153px;
  }
  .vision-trip-intro .vision-trip-intro-contents {
    width: 100%;
    margin-top: -2%;
    padding: 40px 24px;
  }
  .table-total-sort-box.type-vision-trip {
    height: 48px;
  }
  .table-total-sort-box.type-vision-trip .table-sort-select {
    text-align: right;
  }
  .table-total-sort-box.type-vision-trip .table-sort-select .ui-select-block {
    text-align: left;
    width: auto;
  }
  .vision-trip-list-table + .vision-trip-list-table {
    margin: 16% 0 0 0;
  }
  .vision-trip-list-table:nth-child(even) {
    float: none;
  }
  .vision-trip-instgram-contents ul {
    margin: 0 -4% -4% 0;
  }
  .vision-trip-instgram-contents li {
    width: 46%;
    height: 44vw;
    margin: 0 4% 4% 0;
  }
  .vision-trip-faq-contents .round-tab-list::after {
    content: '';
    display: table;
    clear: both;
  }
  .vision-trip-faq-contents .round-tab-list .g-button-tab-basic {
    width: 48%;
    float: left;
    margin: 0 0 16px 0;
    font-size: 13px;
  }
  .vision-trip-faq-contents .round-tab-list .g-button-tab-basic + .g-button-tab-basic {
    margin: 0 0 16px 0;
  }
  .vision-trip-faq-contents .round-tab-list .g-button-tab-basic:nth-child(even) {
    float: right;
  }
  .vision-trip-faq-head h4 {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .vision-trip-faq-head p {
    font-size: 13px;
  }
  .vision-trip-recommend-contents .personal-visit-banner::before {
    height: 240px;
  }
  .vision-trip-recommend-contents .moreinfo-text-wrap .moreinfo-text-title {
    font-size: 16px;
  }
  .vision-trip-intro-tab .tab-radius-wrap ul {
    display: block;
    font-size: 0;
  }
  .vision-trip-intro-tab .tab-radius-wrap li {
    display: inline-block;
    width: 48%;
    padding: 0;
    margin: 0 0 2% 0;
  }
  .vision-trip-intro-tab .tab-radius-wrap li:nth-child(even) {
    margin-left: 2%;
  }
  .vision-trip-intro-tab .tab-radius-wrap li a {
    font-size: 13px;
  }
  .vision-trip-intro-title p {
    margin-top: 0;
  }
  .personal-visit-list .personal-visit-title {
    font-size: 20px;
  }
  .personal-visit-list .personal-visit-text li {
    font-size: 13px;
  }
  .personal-visit-list .personal-visit-text li span.tt-blue {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .personal-visit-contents {
    margin-bottom: 80px;
  }
  .personal-visit-ex-step ul dt {
    font-size: 16px;
  }
  .personal-visit-ex-step ul .step-number {
    font-size: 13px;
    margin-bottom: 8px;
  }
  .personal-visit-ex-step ul dd {
    font-size: 13px;
  }
  .personal-visit-banner .inner {
    height: 225px;
    background: url("../images/sub/bg_vision_trip_banner_mobile.png") no-repeat center top;
    background-size: cover;
  }
  .document-components .document-list {
    font-size: 13px;
  }
  .document-components .document-list + .document-list {
    margin-top: 24px;
    padding-top: 24px;
  }
  .document-components .document-title {
    font-size: 18px;
  }
  .document-components .document-contents {
    font-size: 13px;
    margin-top: 16px;
  }
  .document-components .table-layout th, .document-components .table-layout td {
    font-size: 13px;
  }
  .button-personal-visit {
    width: 100%;
    margin-top: 40px;
  }
  .personal-visit-table .table-layout th, .personal-visit-table .table-layout td {
    font-size: 13px;
  }
  .vision-trip-detail-info::before {
    display: none;
  }
  .vision-trip-country-box h4 {
    font-size: 18px;
  }
  .vision-trip-country-box li {
    width: 50%;
    padding-top:100px;
  }
  .vision-trip-country-box li:nth-child(3), .vision-trip-country-box li:nth-child(4) {
    /* margin-top: 24px; */
  }
  .vision-trip-country-box li .channel-tt,
  .vision-trip-country-box li .channel-text {
    font-size: 13px;
  }
  .vision-trip-accordion .ui-accordion-wrap.type-bold .ui-accordion-head {
    padding: 20px 24px;
    font-size: 13px;
  }
  .vision-trip-accordion .ui-accordion-wrap.type-bold .ui-accordion-layer {
    font-size: 13px;
  }
  .vision-trip-accordion .ui-accordion-wrap.type-bold .ui-accordion-layer * {
    font-size: 13px;
  }
  .vision-experience .vision-experience-title h4 {
    font-size: 20px;
    line-height: 32px;
  }
  .vision-experience .vision-experience-title p {
    font-size: 13px;
  }
  .vision-experience .vision-experience-title p br {
    display: none;
  }
  .table-provision .slick-slide table thead th, .table-provision .slick-slide table thead td {
    font-size: 16px;
  }
  .table-provision .slick-slide table tbody th, .table-provision .slick-slide table tbody td {
    font-size: 13px;
  }
  .table-provision .slick-dots li,
  .vision-trip-review .slick-dots li {
    width: 8px;
    height: 8px;
  }
  .table-provision .slick-dots li + li,
  .vision-trip-review .slick-dots li + li {
    margin-left: 8px;
  }
  .vision-trip-review {
    margin: 80px 0 120px 0;
  }
  .vision-trip-review .title-basic {
    font-size: 18px;
  }
  .vision-trip-review::before {
    display: none;
  }
  .vision-trip-review-list .slick-slide .review-info {
    font-size: 13px;
  }
  .vision-trip-review-list .slick-slide .review-contents {
    font-size: 13px;
  }
  .vision-trip-sticky-banner .sticky-status,
  .vision-trip-sticky-banner .sticky-total .total-bullet,
  .vision-trip-sticky-banner .sticky-total .total-text {
    font-size: 13px;
  }
  
  .vision-experience-title .forPc{
		display:none;
	}
	
	.vision-experience-title .forMobile{
		display:block;
	}
}

@media only screen and (max-width: 520px) {
  .vision-trip-complete-wrap .ui-notice-title + .ui-notice-text {
    text-align: left;
    padding: 16px 0 24px 0;
  }
}

@media only screen and (max-width: 320px) {
  .vision-trip-sticky-banner .sticky-button {
    width: 74px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 비전트립
 * 작성자 : hmpark
 * 파일명 : _advodate.scss

 */
#contents.type-advocate {
  margin-bottom: 120px;
  position: relative;
}

.advocate-list-layout {
  margin: 80px 0 0 0;
}

.advocate-list-layout .title-blue-line {
  margin-bottom: 0;
}

.advocate-list-layout .js-ui-accordion-item + .js-ui-accordion-item {
  margin-top: 80px;
}

.advocate-list-layout .ui-accordion-wrap .ui-accordion-layer {
  padding: 80px 0;
}

.advocate-list-layout .ui-accordion-wrap .type-voc .ui-accordion-layer {
  background: #eaf4f7;
}

.advocate-list-layout .ui-accordion-wrap .type-band .ui-accordion-layer {
  background: #dbe8ff;
}

.advocate-list-layout .ui-accordion-wrap .type-foc .ui-accordion-layer {
  background: #fff3bf;
}

.advocate-list-layout .ui-accordion-wrap .type-cic .ui-accordion-layer {
  background: #bbdde6;
}

.advocate-list-layout .ui-accordion-wrap .type-yvoc .ui-accordion-layer {
  background: #fde4df;
}

.advodate-accordion-list {
  padding: 80px 0 0 0;
}

.advodate-accordion-list .js-ui-accordion-item {
  border-bottom: 1px solid #d9e1e2;
}

.advodate-accordion-list .ui-advocate-accordion-head {
  padding-bottom: 80px;
}

.advodate-accordion-list .form-flex {
  width: 100%;
  table-layout: fixed;
}

.advodate-accordion-list .image-box {
  width: 588px;
  position: relative;
}

.advodate-accordion-list .image-box .status-bullet {
  display: block;
  opacity: 0.85;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 100%;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  position: absolute;
  left: 8px;
  top: 8px;
}

.advodate-accordion-list .image-box .status-bullet.type-ongoing {
  background: #ffd100;
  color: #005eb8;
}

.advodate-accordion-list .image-box .status-bullet.type-always {
  background: #f9a597;
  color: #003f77;
}

.advodate-accordion-list .image-box img {
  max-width: 100%;
}

.advodate-accordion-list .text-box {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 24px;
}

.advodate-accordion-list .text-box .advocate-name {
  font-size: 32px;
  margin-bottom: 24px;
}

.advodate-accordion-list .text-box .advocate-name .eng {
  display: block;
  color: #8d8d8d;
  font-weight: 400;
  font-size: 20px;
}

.advodate-accordion-list .text-box .advocate-name::after {
  content: '';
  display: block;
  width: 20px;
  height: 4px;
  background: #005eb8;
  margin: 24px 0 0;
}

.advodate-accordion-list .text-box p {
  font-size: 20px;
  word-break: keep-all;
}

.advodate-accordion-list .button-flex-box {
  margin-top: 56px;
  font-size: 0;
}

.advodate-accordion-list .button-flex-box .button-flex-cell {
  width: 282px;
  display: inline-block;
}

.advodate-accordion-list .button-flex-box .button-flex-cell .arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/sub/ico_accordion_arrow_blue.png") no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
  margin-top: -3px;
}

.advodate-accordion-list .button-flex-box .button-flex-cell + .button-flex-cell {
  padding-left: 24px;
}

.advodate-accordion-list .js-accordion-opened .button-flex-cell .arrow {
  background-position: 0 bottom;
}

.advocate-contents-layout + .advocate-contents-layout {
  margin-top: 48px;
}

.advocate-contents-layout .ui-accordion-layer {
  font-size: 16px;
}

.advocate-contents-layout .type-flex::after {
  content: '';
  display: table;
  clear: both;
}

.advocate-contents-layout .type-flex .flex-contents {
  width: 588px;
  float: left;
  position: relative;
  word-break: keep-all;
}

.advocate-contents-layout .type-flex .flex-contents + .flex-contents {
  margin-left: 24px;
  float: right;
}

.advocate-contents-layout .type-flex .flex-contents iframe {
  width: 100%;
  height: 386px;
}

.advocate-contents-layout img {
  max-width: 100%;
}

.advocate-contents-layout .advocate-contents-title {
  font-size: 20px;
  font-weight: 700;
  color: #005eb8;
  margin-bottom: 16px;
}

.advocate-contents-layout .img-voc-advocate-activity-list {
  width: 556px;
}

.advocate-contents-layout .cic-means-box {
  padding: 32px 16px;
  margin-bottom: 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 189px;
  background: url("../images/sub/bg_text_paper.png") no-repeat right bottom;
  background-size: 100%;
  text-align: center;
}

.advocate-contents-layout .cic-means-box p {
  font-size: 24px;
}

.advocate-contents-layout .cic-means-box span {
  margin-top: 32px;
  font-size: 16px;
  display: block;
  text-align: center;
  color: #8d8d8d;
}

.round-dot-list li {
  padding-left: 8px;
  position: relative;
}

.round-dot-list li::before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background: #3d3e3f;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 12px;
}

.advocate-story {
  margin: 120px 0 80px 0;
}

.advocate-story-layout {
  margin: 0 -24px -24px 0;
}

.advocate-story-layout::after {
  content: '';
  display: table;
  clear: both;
}

.advocate-story-layout .advocate-story-list {
  float: left;
  width: 588px;
  margin: 0 24px 24px 0;
}

.advocate-story-layout .advocate-story-list img {
  max-width: 100%;
}

.advocate-story-layout .advocate-story-list span {
  display: block;
}

.advocate-story-layout .advocate-story-list .advocate-story-subject {
  font-weight: 700;
  font-size: 32px;
  margin-top: 40px;
}

.advocate-story-layout .advocate-story-list .advocate-story-subject .type-small {
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.advocate-story-layout .advocate-story-list .advocate-short-text {
  font-size: 20px;
  color: #005eb8;
  margin-top: 24px;
}

.advocate-story-layout .advocate-story-list .advocate-story-contents {
  margin-top: 16px;
  font-size: 16px;
  height: 112px;
  word-break: keep-all;
}

.advodate-sns-link {
  position: absolute;
  right: 0;
  top: -56px;
  font-size: 0;
  text-align: right;
}

.advodate-sns-link a {
  display: inline-block;
  width: 48px;
  height: 48px;
}

.advodate-sns-link a + a {
  margin-left: 16px;
}

.advodate-sns-link .button-link-naver-cafe {
  background: url("../images/sub/ico_naver_cafe_48x48.png") no-repeat 0 0;
  background-size: 100%;
}

.advodate-sns-link .button-link-instagram {
  background: url("../images/sub/ico_instagram_48x48.png") no-repeat 0 0;
  background-size: 100%;
}

.advodate-sns-link .button-link-youtube {
  background: url("../images/sub/ico_youtube_48x48.png") no-repeat 0 0;
  background-size: 100%;
}

.type-advocate .ui-notice-title {
  font-size: 32px;
  font-weight: bold;
}

.type-advocate .ui-notice-text {
  font-size: 24px;
  color: #005eb8;
  margin: 24px auto 48px auto;
}

.type-advocate .ui-sub-text {
  font-size: 20px;
}

.advocate-complete-wrap {
  margin: 64px auto 0 auto;
  text-align: center;
}

.advocate-complete-wrap .join-btn-wrap {
  margin-top: 48px;
}

.advocate-complete-wrap .ui-notice-title {
  font-size: 20px;
}

.advocate-complete-wrap .ui-notice-text {
  font-size: 16px;
  margin: 24px 0 0 0;
}

.advocate-complete-wrap .ui-sub-text {
  font-size: 16px;
}

.advocate-title-wrap {
  text-align: center;
}

.type-provision .table-layout.type-provision.type-responsive {
  border-bottom: none;
}

.type-provision .table-layout.type-provision.type-responsive table {
  padding: 4% 0;
  border-right: 1px solid #d9e1e2;
  border-left: 1px solid #d9e1e2;
  margin-left: 0;
}

.type-provision .table-layout.type-provision.type-responsive th {
  font-size: 13px;
  padding: 14px 0;
  word-break: keep-all;
}

.type-provision .table-layout.type-provision.type-responsive tbody td {
  padding: 12px;
  font-size: 13px;
  text-align: left;
}

.type-provision .table-layout.type-provision.type-responsive tbody td::before {
  top: 0;
}

.type-provision .table-layout.type-provision.type-responsive tbody tr {
  padding-top: 4%;
}

.type-provision .ui-text-block {
  font-size: 13px;
}

.advocate-detail-layout {
  padding-top: 60px;
}

.advocate-detail-layout .detail-subject {
  position: relative;
  padding-bottom: 40px;
  border-bottom: 1px solid #425563;
}

.advocate-detail-layout .detail-subject h4 {
  font-size: 40px;
  line-height: 56px;
}

.advocate-detail-layout .detail-subject .detail-date {
  font-size: 20px;
  color: #005eb8;
  margin-top: 40px;
}

.advocate-detail-layout .detail-subject .category-bullet-list {
  font-size: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.advocate-detail-layout .detail-subject .category-bullet-list div {
  display: inline-block;
  width: auto;
  min-width: 77px;
}

.advocate-detail-layout .detail-subject .category-bullet-list div + div {
  padding-left: 24px;
}

.advocate-detail-layout .detail-subject .category-bullet-list div .g-button-basic:hover {
  background: #005eb8;
}

.advocate-detail-layout .detail-subject .category-bullet-list div .g-button-basic.type-line:hover {
  background: #fff;
  border-color: #005eb8;
}

.advocate-detail-layout .detail-contents {
  padding: 40px 0;
}

.advocate-detail-layout .detail-button-area {
  padding: 40px 0 0 0;
  text-align: center;
  font-size: 0;
}

.advocate-detail-layout .detail-button-area div {
  width: 320px;
  display: inline-block;
}

.advocate-detail-layout .side-btn-wrap {
  width: 100%;
  padding-top: 40px;
  border-top: 1px solid #425563;
}

.compassion-band-detail + .compassion-band-detail {
  margin-top: 60px;
}

.compassion-band-detail.type-songs {
  background: #eaf4f7;
  padding: 40px;
}

.compassion-band-detail p {
  font-size: 16px;
}

.band-detail-title {
  font-weight: 700;
  color: #005eb8;
  font-size: 20px;
  margin-bottom: 16px;
}

.list-dot li {
  position: relative;
  padding-left: 12px;
  font-size: 16px;
}

.list-dot li + li {
  margin-top: 4px;
}

.list-dot li::before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100px;
  background: #161616;
  position: absolute;
  left: 0;
  top: 11px;
}

.band-apply-process::after {
  content: '';
  display: table;
  clear: both;
}

.band-apply-process-list {
  width: 33.33%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  padding-left: 73px;
  padding-right: 53px;
  position: relative;
}

.band-apply-process-list::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/common/btn_right_arrow_24x24.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 98px;
}

.band-apply-process-list:first-child {
  padding-left: 0;
}

.band-apply-process-list:first-child::before {
  display: none;
}

.band-apply-process .band-apply-step h4 {
  font-size: 32px;
  font-weight: 400;
  color: #71b2c9;
  margin-bottom: 20px;
}

.band-apply-process .band-apply-step .type-darkGray {
  margin-top: 24px;
}

@media only screen and (max-width: 1280px) {
  .advodate-accordion-list .text-box p {
    font-size: 18px;
  }
  .advodate-accordion-list .button-flex-box {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .advodate-accordion-list .button-flex-box .button-flex-cell {
    width: 49%;
    display: table-cell;
  }
  .advodate-accordion-list .button-flex-box .button-flex-cell + .button-flex-cell {
    padding-left: 2%;
  }
  .advocate-contents-layout .type-flex .flex-contents {
    width: 49%;
  }
  .advocate-contents-layout .type-flex .flex-contents + .flex-contents {
    margin-left: 2%;
  }
  .advocate-contents-layout .cic-means-box p {
    font-size: 20px;
  }
  .advocate-story-layout {
    margin: 0 -2% -2% 0;
  }
  .advocate-story-layout .advocate-story-list {
    width: 48%;
    margin: 0 2% 2% 0;
  }
  .advocate-story-layout .advocate-story-list .advocate-story-subject {
    font-size: 28px;
  }
}

@media only screen and (max-width: 1024px) {
  .advodate-accordion-list .ui-advocate-accordion-head {
    padding-bottom: 24px;
  }
  .advodate-accordion-list .form-flex {
    display: block;
  }
  .advodate-accordion-list .form-flex-cell {
    display: block;
    width: 100%;
  }
  .advodate-accordion-list .text-box {
    padding: 24px 0;
  }
  .advocate-list-layout .ui-accordion-wrap .ui-accordion-layer {
    padding: 64px 0;
  }
  .advocate-list-layout .js-ui-accordion-item + .js-ui-accordion-item {
    margin-top: 64px;
  }
  .advocate-contents-layout .type-flex.is-text .flex-contents {
    float: none;
    width: 100%;
  }
  .advocate-contents-layout .type-flex.is-text .flex-contents + .flex-contents {
    margin: 48px 0 0 0;
    float: none;
  }
  .advocate-contents-layout .round-dot-list li br {
    display: none;
  }
  .advocate-story-layout .advocate-story-list .advocate-story-subject {
    font-size: 24px;
    margin-top: 24px;
  }
  .advocate-story-layout .advocate-story-list .advocate-story-subject .type-small {
    display: block;
  }
  .advocate-story-layout .advocate-story-list .advocate-short-text {
    font-size: 18px;
    margin-top: 16px;
  }
  .advocate-story-layout .advocate-story-list .advocate-story-contents {
    font-size: 14px;
    margin-top: 8px;
  }
  .advodate-sns-link {
    right: 4%;
    top: -24px;
  }
  .advodate-sns-link a {
    display: inline-block;
    width: 48px;
    height: 48px;
  }
  .advodate-sns-link a + a {
    margin-left: 16px;
  }
  .advocate-detail-layout .detail-subject h4 {
    font-size: 30px;
  }
  .compassion-band-detail p {
    font-size: 14px;
  }
  .list-dot li {
    font-size: 14px;
  }
  .list-dot li::before {
    top: 9px;
  }
  .band-apply-process-list {
    padding-left: 40px;
    padding-right: 16px;
  }
}

@media only screen and (max-width: 800px) {
  .type-provision .table-layout.type-provision.type-responsive table {
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #d9e1e2;
  }
  .type-provision .table-layout.type-provision.type-responsive tbody td {
    padding: 0 0 12px 30%;
  }
  .type-provision .table-layout.type-provision.type-responsive tbody tr {
    padding: 16px 0 4px 0;
  }
  .advocate-list-layout .ui-accordion-wrap .ui-accordion-layer {
    font-size: 14px;
  }
  .advodate-accordion-list {
    padding-top: 24px;
  }
  .advodate-accordion-list .image-box .status-bullet {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 15px;
  }
  .advodate-accordion-list .text-box .advocate-name {
    font-size: 24px;
  }
  .advodate-accordion-list .text-box .advocate-name .eng {
    font-size: 16px;
  }
  .advodate-accordion-list .text-box p {
    font-size: inherit;
  }
  .round-dot-list li {
    font-size: 14px;
  }
  .round-dot-list li + li {
    margin-top: 4px;
  }
  .advocate-contents-layout .advocate-contents-title {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .advocate-contents-layout .type-flex .flex-contents iframe {
    height: 225px;
  }
  .advocate-contents-layout .cic-means-box {
    height: auto;
    background-position: right bottom;
  }
  .advocate-contents-layout .cic-means-box p {
    font-size: 15px;
  }
  .advocate-story-layout {
    margin: 0;
  }
  .advocate-story-layout .advocate-story-list {
    width: 100%;
    margin: 0;
  }
  .advocate-story-layout .advocate-story-list + .advocate-story-list {
    margin: 40px 0 0 0;
  }
  .advocate-detail-layout {
    padding-top: 40px;
  }
  .advocate-detail-layout .detail-subject {
    padding-bottom: 24px;
  }
  .advocate-detail-layout .detail-subject h4 {
    font-size: 24px;
    line-height: normal;
  }
  .advocate-detail-layout .detail-subject .detail-date {
    margin-top: 16px;
    font-size: 16px;
  }
  .advocate-detail-layout .detail-subject .category-bullet-list {
    margin-top: 40px;
    text-align: right;
    position: static;
  }
  .advocate-detail-layout .detail-contents {
    padding: 32px 0;
  }
  .advocate-detail-layout .detail-button-area div {
    width: 100%;
  }
  .advocate-detail-layout .detail-button-area div + div {
    margin-top: 16px;
  }
  .compassion-band-detail.type-songs {
    padding: 24px 20px;
  }
  .band-detail-title {
    font-size: 15px;
  }
  .band-apply-process-list {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0;
  }
  .band-apply-process-list::before {
    display: none;
  }
  .band-apply-process-list + .band-apply-process-list {
    margin-top: 57px;
  }
  .band-apply-process .band-apply-step h4 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 640px) {
  .advocate-list-layout .ui-accordion-wrap .ui-accordion-layer {
    font-size: 13px;
    padding: 40px 0;
  }
  .advocate-contents-layout .advocate-contents-title {
    font-size: 16px;
  }
  .advocate-contents-layout .cic-means-box {
    background-size: 100% 100%;
  }
  .advocate-contents-layout .cic-means-box p {
    font-size: 13px;
    line-height: 24px;
  }
  .advocate-contents-layout .cic-means-box p br {
    display: none;
  }
  .advocate-contents-layout .cic-means-box span {
    font-size: 16px;
  }
  .advocate-contents-layout .type-flex .flex-contents {
    width: 100%;
    float: none;
  }
  .advocate-contents-layout .type-flex .flex-contents iframe {
    height: 203px;
  }
  .advocate-contents-layout .type-flex .flex-contents + .flex-contents {
    margin-top: 16px;
  }
  .advocate-story-layout .advocate-story-list .advocate-story-subject {
    font-size: 20px;
  }
  .advocate-story-layout .advocate-story-list .advocate-short-text {
    font-size: 16px;
  }
  .advocate-story-layout .advocate-story-list .advocate-story-contents {
    font-size: 13px;
    height: auto;
  }
  .round-dot-list li {
    font-size: 13px;
  }
  .type-advocate .ui-notice-title {
    font-size: 20px;
  }
  .type-advocate .ui-notice-text {
    font-size: 15px;
    margin: 16px auto;
  }
  .type-advocate .ui-sub-text {
    font-size: 13px;
  }
  .advocate-complete-wrap {
    margin: 48px auto 0 auto;
  }
  .advocate-complete-wrap .join-btn-wrap {
    margin-top: 80px;
  }
  .advocate-complete-wrap .ui-notice-title {
    font-size: 20px;
  }
  .advocate-complete-wrap .ui-notice-text {
    font-size: 13px;
  }
  .advocate-complete-wrap .ui-sub-text {
    font-size: 13px;
  }
  .compassion-band-detail p {
    font-size: 13px;
  }
  .list-dot li {
    font-size: 13px;
  }
  .band-apply-process .band-apply-step h4 {
    margin-bottom: 16px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 비전트립
 * 작성자 : hmpark
 * 파일명 : _advodate.scss

 */
.campaign-event-slider {
  position: relative;
  margin: -48px 0 0 0;
  background: transparent;
}

.campaign-banner-slider {
  width: 974px;
  margin: 0 auto;
  position: relative;
}

.campaign-banner-slider img {
  max-width: 100%;
}

.campaign-banner-slider.slick-slider {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.campaign-banner-slider .slick-slide a {
  display: block;
  background: #fff;
  padding: 16px;
}

.campaign-banner-slider .slick-arrow {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 2;
}

.campaign-banner-slider .slick-prev {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat 0 0;
  background-size: 100%;
  left: -80px;
}

.campaign-banner-slider .slick-next {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat 0 0;
  background-size: 100%;
  right: -80px;
}

.campaign-banner-slider .slick-dots {
  position: absolute;
  left: 0;
  bottom: -32px;
  z-index: 20;
  width: 100%;
  font-size: 0;
  text-align: center;
}

.campaign-banner-slider .slick-dots button {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  font-size: 0;
  line-height: 0;
  background: #e0e0e0;
}

.campaign-banner-slider .slick-dots li {
  display: inline-block;
}

.campaign-banner-slider .slick-dots li + li {
  margin-left: 16px;
}

.campaign-banner-slider .slick-dots li.slick-active button {
  border-color: #005eb8;
  background: #005eb8;
}

.campaign-list-layout {
  margin: 120px 0;
}

.campaign-list-layout .tab-radius-wrap {
  text-align: left;
  margin-bottom: 67px;
}

.campaign-list-layout .tab-radius-wrap ul {
  display: block;
}

.campaign-list-layout .tab-radius-wrap li {
  width: 136px;
  display: inline-block;
}

.campaign-list-layout .tab-radius-wrap li button {
  font-size: 15px;
  font-weight: 400;
}

.campaign-list-layout .campaign-list {
  margin-top: 43px;
}

.cam-ev-bullet {
  display: inline-block;
  padding: 0 30px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  border-radius: 14px;
}

.cam-ev-bullet.type-event {
  background: #0086bf;
}

.cam-ev-bullet.type-campaign {
  background: #003f77;
}

.cam-ev-bullet.type-ongoing {
  background: #ffd100;
  color: #3d3e3f;
}

.cam-ev-bullet.type-over {
  background: #d9e1e2;
  color: #768692;
}

.campaign-list-table {
  width: 100%;
  display: table;
  table-layout: fixed;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.campaign-list-table + .campaign-list-table {
  margin-top: 52px;
}

.campaign-list-table a {
  display: block;
}

.campaign-list-table .campaign-list-image-box {
  display: table-cell;
  vertical-align: middle;
  width: 410px;
  padding: 20px;
  position: relative;
}

.campaign-list-table .campaign-list-image-box[data-device=mobile] {
  display: none;
}

.campaign-list-table .campaign-list-image-box a {
  height: 170px;
  overflow: hidden;
  position: relative;
}

.campaign-list-table .campaign-list-image-box img {
  max-width: 100%;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.campaign-list-table .campaign-subject {
  font-weight: 700;
  font-size: 24px;
  line-height: 45px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.campaign-list-table .campaign-text-sub {
  font-size: 16px;
  height: 90px;
  border-bottom: 1px solid #d9e1e2;
}

.campaign-list-table .campaign-date {
  color: #8d8d8d;
  font-size: 16px;
  margin-top: 16px;
}

.campaign-list-table .campaign-list-text-box {
  display: table-cell;
  padding: 40px 205px 40px 40px;
  vertical-align: middle;
  position: relative;
}

.campaign-list-table .campaign-process {
  width: 145px;
  height: 145px;
  display: table;
  border-radius: 100%;
  position: absolute;
  right: 32px;
  top: -24px;
}

.campaign-list-table .campaign-process .inner-cell {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.campaign-list-table .campaign-process.type-ongoing {
  background: #ffd100;
}

.campaign-list-table .campaign-process.type-over {
  background: #d9e1e2;
  color: #768692;
}

.campaign-list-table .campaign-subject {
  font-size: 20px;
}

.campaign-list-table .campaign-text-sub {
  height: 70px;
}

.campaign-list-table .campaign-date {
  font-size: 14px;
}

.campaign-detail {
  margin: 64px 0 120px 0;
}

.campaign-detail .campaign-detail-head {
  position: relative;
  padding: 0 0 32px 0;
  border-bottom: 2px solid #768692;
}

.campaign-detail .campaign-detail-head .children-sns-share {
  position: absolute;
  right: 0;
  bottom: 32px;
  top: inherit;
}

.campaign-detail .campaign-subject {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 16px;
}

.campaign-detail .campaign-text-sub {
  font-size: 16px;
}

.campaign-detail .campaign-detail-date {
  margin-top: 40px;
}

.campaign-detail .campaign-detail-date li {
  font-size: 16px;
}

.campaign-detail .campaign-detail-date li + li {
  margin-top: 8px;
}

.campaign-detail .campaign-detail-date li strong {
  display: inline-block;
  width: 90px;
}

.campaign-detail .campaign-detail-body {
  padding-bottom: 80px;
  border-bottom: 2px solid #768692;
}

.campaign-detail .campaign-detail-body .campaign-detail-contents {
  text-align: center;
  padding: 32px 0;
}

.campaign-detail .campaign-detail-body .campaign-detail-contents img {
  max-width: 100%;
  height: auto !important;
}

.campaign-detail .campaign-detail-body .campaign-detail-button {
  width: 320px;
  margin: 40px auto 0;
}

.campaign-detail .campaign-children-recommend {
  padding: 0 102px;
  margin: 80px 0 0 0;
}

.campaign-detail .campaign-children-recommend h4 {
  font-size: 40px;
  line-height: 1.2;
}

.campaign-detail .campaign-children-recommend p {
  font-size: 16px;
  line-height: 26px;
  margin-top: 24px;
}

.campaign-detail .campaign-detail-foot .side-btn-wrap {
  border-top: none;
}

.campaign-detail-bullet {
  font-size: 0;
  margin-bottom: 24px;
}

.campaign-detail-bullet span + span {
  margin-left: 8px;
}

.sponsorship-child-info.type-event .child-image-wrap.type-child img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.option-select-application {
  font-size: 0;
}

.option-select-application .option-select-title {
  font-size: 13px;
  vertical-align: top;
  display: inline-block;
  width: 25%;
  line-height: 48px;
}

.option-select-application .ui-dropdown {
  display: inline-block;
  width: 25%;
}

.option-select-application + .option-select-application {
  margin-top: 4px;
}

.board-detail-contents {
  display: none;
}

.board-detail-contents[data-device=pc] {
  display: block;
}

@media only screen and (max-width: 1280px) {
  .campaign-detail-share .share-product-box-select {
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .campaign-event-slider {
    margin: 28px 0 0 0;
  }
  .campaign-event-slider .inner {
    padding: 0;
  }
  .campaign-banner-slider {
    width: 92%;
    margin: 0 auto;
  }
  /*
  R0003206 commit 진행시 오류 수정 필요 확인
*/
  .campaign-banner-slider .slick-slider {
    -webkit-box-sizing: none;
            box-sizing: none;
  }
  .campaign-banner-slider .slick-slide a {
    padding: 8px;
  }
  .campaign-list-table .campaign-list-image-box {
    width: 320px;
  }
  .campaign-list-table .campaign-list-text-box {
    padding: 24px 180px 24px 24px;
  }
  .campaign-list-table .campaign-process {
    width: 120px;
    height: 120px;
    right: 24px;
  }
  .campaign-list-table .campaign-process .inner-cell {
    font-size: 16px;
  }
  .campaign-detail .campaign-children-recommend {
    padding: 0;
  }
}

@media only screen and (max-width: 800px) {
  .campaign-list-layout {
    margin: 40px 0 120px 0;
  }
  .campaign-list::after {
    content: '';
    display: table;
    clear: both;
  }
  .campaign-list-table {
    position: relative;
    display: block;
    float: left;
    width: 49%;
    margin-bottom: 8%;
  }
  .campaign-list-table:nth-child(even) {
    float: right;
  }
  .campaign-list-table + .campaign-list-table {
    margin: 0 0 16% 0;
  }
  .campaign-list-table .campaign-list-image-box {
    display: none;
    width: 100%;
    padding: 0;
  }
  .campaign-list-table .campaign-list-image-box[data-device=mobile] {
    display: block;
  }
  .campaign-list-table .campaign-list-text-box {
    position: static;
    display: block;
    width: 100%;
    padding: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .campaign-list-table .campaign-process {
    width: 96px;
    height: 96px;
  }
  .campaign-detail {
    margin-top: 32px;
  }
  .campaign-detail .campaign-subject {
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 640px) {
  .campaign-list-layout .tab-radius-wrap {
    margin-bottom: 48px;
  }
  .campaign-list-layout .tab-radius-wrap ul {
    display: table;
  }
  .campaign-list-layout .tab-radius-wrap li {
    width: 33.33%;
    display: table-cell;
  }
  .campaign-list-table {
    width: 100%;
    float: none;
  }
  .campaign-list-table:nth-child(even) {
    float: none;
  }
  .campaign-list-table .campaign-subject {
    font-size: 18px;
  }
  .campaign-list-table .campaign-text-sub {
    font-size: 13px;
    height: 88px;
  }
  .campaign-list-table .campaign-date {
    font-size: 16px;
    margin-top: 8px;
  }
  .campaign-detail .campaign-detail-head {
    padding-bottom: 16px;
  }
  .campaign-detail .campaign-detail-head .children-sns-share {
    margin-top: 16px;
    position: relative;
    text-align: right;
    bottom: 0;
  }
  .campaign-detail .campaign-subject {
    font-size: 15px;
  }
  .campaign-detail .campaign-text-sub {
    font-size: 13px;
  }
  .campaign-detail .campaign-detail-date {
    margin-top: 16px;
  }
  .campaign-detail .campaign-detail-date li {
    font-size: 13px;
  }
  .campaign-detail .campaign-detail-date li strong {
    width: 80px;
  }
  .campaign-detail .campaign-children-recommend .member-children-section.type-non-child .children-intro-box h4 {
    font-size: 24px;
    line-height: 1.5;
  }
  .campaign-detail .campaign-children-recommend p {
    font-size: 13px;
    line-height: 1.6;
  }
  .campaign-detail .campaign-children-recommend .children-intro-box {
    padding: 0;
  }
  .campaign-detail .campaign-detail-body .campaign-detail-button {
    width: 100%;
  }
  .campaign-detail-bullet {
    margin-bottom: 8px;
  }
  .campaign-detail-share .share-product-name {
    display: block;
    margin-bottom: 16px;
  }
  .board-detail-contents[data-device=pc] {
    display: none;
  }
  .board-detail-contents[data-device=mobile] {
    display: block;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 생애나눔 - 첫생일 첫나눔 / 결혼 첫 나눔 / 믿음의 유산
 * 작성자 : hmpark
 * 파일명 : _anniversary.scss
 */
#contents.type-anniversary {
  margin-bottom: 120px;
}

.anniversary-contents {
  margin: 155px 0 94px;
  background: url("../images/sub/bg_anniversary_line.png") no-repeat center top;
}

.anniversary-index-list::after {
  content: '';
  display: table;
  clear: both;
}

.anniversary-index-list .high-value-tooltip {
  right: 0;
  top: 20px;
  bottom: inherit;
  left: inherit;
}

.anniversary-index-list .image-box {
  width: 588px;
  height: 386px;
  float: left;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.anniversary-index-list .image-box img {
  max-height: 100%;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.anniversary-index-list .text-box {
  width: 612px;
  height: 354px;
  float: left;
  display: table;
  margin-top: 16px;
  padding: 56px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  position: relative;
}

.anniversary-index-list .text-box .inner-cell {
  display: table-cell;
  vertical-align: middle;
}

.anniversary-index-list .text-box h4 {
  font-size: 24px;
}

.anniversary-index-list .text-box h4 .eng {
  display: block;
  font-size: 18px;
  font-weight: 400;
}

.anniversary-index-list .text-box p {
  font-size: 16px;
  margin-top: 24px;
}

.anniversary-index-list .text-box .button-anniversary {
  width: 218px;
  margin-top: 38px;
}

.anniversary-index-list .text-box .form-flex.button-flex {
  margin-top: 38px;
  padding: 0 28px;
}

.anniversary-index-list .text-box .form-flex.button-flex .form-flex-cell + .form-flex-cell {
  padding-left: 40px;
}

.anniversary-index-list .text-box .form-flex.button-flex .g-button-basic.type-line {
  background: transparent;
}

.anniversary-index-list.type-birth .text-box {
  background: #092a48;
  color: #fff;
}

.anniversary-index-list.type-birth .text-box h4 .eng {
  color: #e0e0e0;
}

.anniversary-index-list.type-wedding .image-box {
  float: right;
}

.anniversary-index-list.type-wedding .text-box {
  float: left;
  background: #f8f3ea;
}

.anniversary-index-list.type-wedding .text-box h4 .eng {
  color: #8d8d8d;
}

.anniversary-index-list.type-trust .text-box {
  background: #71b2c9;
  color: #fff;
}

.anniversary-index-list + .anniversary-index-list {
  margin-top: 54px;
}

.anniversary-story-slider {
  margin-top: 80px;
}

.anniversary-story-slider .slick-dots {
  margin-top: 24px;
  font-size: 0;
  text-align: center;
}

.anniversary-story-slider .slick-dots li {
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #d9e1e2;
}

.anniversary-story-slider .slick-dots li.slick-active {
  background: #005eb8;
}

.anniversary-story-slider .slick-dots li + li {
  margin-left: 12px;
}

.anniversary-story-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 588px;
  margin: 0 24px 0 0;
}

.anniversary-story-slide .profile-box {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.anniversary-story-slide .profile-box img {
  max-width: 100%;
}

.anniversary-story-slide .text-box {
  background: #f2f5f8;
  padding: 200px 80px 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin-top: -140px;
}

.anniversary-story-slide .text-box .story-slide-title {
  font-weight: 700;
  color: #0086bf;
  margin-bottom: 40px;
  font-size: 20px;
  min-height: auto;
}

.anniversary-story-slide .text-box .story-slide-title::before, .anniversary-story-slide .text-box .story-slide-title::after {
  display: none;
}

.anniversary-story-slide .text-box p {
  position: relative;
  font-size: 18px;
  min-height: 108px;
}

.anniversary-story-slide .text-box p::after, .anniversary-story-slide .text-box p::before {
  content: '';
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
}

.anniversary-story-slide .text-box p::before {
  background: url("../images/sub/ico_quotes_type_left.png") no-repeat center center;
  background-size: 100%;
  left: -35px;
  top: -24px;
}

.anniversary-story-slide .text-box p::after {
  background: url("../images/sub/ico_quotes_type_right.png") no-repeat center center;
  background-size: 100%;
  right: -35px;
  bottom: -12px;
}

.anniversary-story-slide .text-box .story-name {
  display: block;
  color: #8d8d8d;
  margin-top: 24px;
  font-size: 16px;
}

.anniversary-visual {
  width: 100%;
}

.anniversary-visual .children-sns-share {
  position: absolute;
  right: 0;
  top: 32px;
}

.anniversary-visual .inner {
  display: table;
  height: 400px;
}

.anniversary-visual .inner-cell {
  display: table-cell;
  vertical-align: middle;
}

.anniversary-visual .visual-title {
  font-size: 24px;
  color: #fff;
  line-height: 32px;
}

.anniversary-visual .visual-dots-list {
  margin-top: 24px;
  color: #ffd100;
  font-size: 18px;
}

.type-birth-section .anniversary-visual {
  background: url("../images/sub/bg_anniversary_birth_visual.png") no-repeat center top;
  background-size: auto 100%;
}

.type-wedding-section .anniversary-visual {
  background: url("../images/sub/bg_anniversary_wedding_visual.png") no-repeat center top;
  background-size: auto 100%;
}

.type-wedding-section .anniversary-support-section.type-square-bg-01::before {
  background: #ffdbdb;
}

.type-wedding-section .anniversary-support-section.type-square-bg-02::before {
  background: #ffeded;
}

.anniversary-support-section {
  margin-top: 120px;
  padding-bottom: 80px;
  position: relative;
}

.anniversary-support-section .title-blue-line br {
  display: none;
}

.anniversary-support-section::before {
  content: '';
  display: block;
  width: 1496px;
  height: 343px;
  position: absolute;
  top: 152px;
}

.anniversary-support-section.type-square-bg-01::before {
  background: #d3ecf6;
  left: 0;
}

.anniversary-support-section.type-square-bg-02::before {
  background: #e6f5f9;
  right: 0;
}

.anniversary-support-section img {
  max-width: 100%;
}

.anniversary-support-section .special-share-option-select .share-product-name {
  margin-bottom: 16px;
}

.anniversary-support-section .special-share-option-select .share-product-name .light {
  display: block;
  font-weight: 400;
}

.anniversary-support-section .special-share-option-select .share-product-tip {
  font-size: 12px;
  color: #8d8d8d;
  margin-bottom: 16px;
}

.anniversary-support-section .special-share-option-select.type-reverse .share-product-box-image {
  float: right;
  margin-left: 24px;
}

.anniversary-support-section .special-share-option-select.type-reverse .share-product-box-text {
  float: left;
}

.matching-children-list {
  padding: 104px 0 0 0;
  width: 792px;
  margin: 0 auto;
}

.matching-children-list.type-event {
  padding: 24px 0 0 0;
}

.matching-children-list .children-list.is-active {
  outline: 2px solid #0086bf;
  background: #f1f8fa;
}

.matching-children-list .ui-radio-block {
  position: absolute;
  right: 0;
  top: 16px;
}

.matching-children-list .ui-radio-block .ui-radio-object {
  width: 48px;
  height: 48px;
  background: url("../images/common/ico_circle_check_24x24.png") no-repeat left top;
  background-size: 48px;
  position: static;
}

.matching-children-list .ui-radio-block .checked .ui-radio-object {
  background-position: left bottom;
}

.anniversary-gift {
  margin-top: 120px;
  position: relative;
}

.anniversary-gift .anniversary-special-text {
  font-size: 16px;
  margin-bottom: 40px;
}

.type-metaphor::before {
  content: '';
  display: block;
  width: 489px;
  height: 508px;
  background: url("../images/main/bg_half_circle_object_02.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left: 45px;
  top: 186px;
}

.anniversary-gift-list {
  font-size: 0;
  width: 980px;
  margin: 0 auto 40px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.anniversary-gift-list img {
  display: inline-block;
  width: 100%;
}

.anniversary-gift-list .form-flex {
  width: 100%;
}

.anniversary-gift-list .form-flex .form-flex-cell + .form-flex-cell {
  padding: 0;
}

#anniversary-gift-list-item2{
  width: 104.68%;
}

.anniversary-gift-list-layout {
  font-size: 0;
  margin: 0 -24px -24px 0;
}

.anniversary-gift-list-layout .anniversary-gift-box {
  display: inline-block;
  vertical-align: top;
  margin: 0 24px 24px 0;
  width: 588px;
  height: 202px;
  border: 8px solid #bbdde6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 35px 56px;
}

.anniversary-gift-list-layout .anniversary-gift-box .gift-list-title {
  font-weight: 700;
  color: #0086bf;
  font-size: 24px;
  margin-bottom: 8px;
}

.anniversary-gift-list-layout .anniversary-gift-box .gift-list-sub-text {
  font-size: 16px;
  word-break: keep-all;
}

.anniversary-gift-list-layout .anniversary-gift-box .gray-tip {
  display: block;
  color: #8d8d8d;
  font-size: 12px;
}

.type-wedding-section .anniversary-gift-list-layout .anniversary-gift-box {
  border-color: #ffeded;
}

.anniversary-with-story {
  background: #e6f5f9;
  padding: 80px 0;
  margin-top: 120px;
}

.anniversary-with-story.type-index {
  background: #fff;
  padding: 0;
}

.anniversary-with-story.type-index .anniversary-story-slider .anniversary-story-slide {
  width: 556px;
}

.anniversary-with-story.type-index .anniversary-story-slider .anniversary-story-slide .text-box {
  height: 361px;
  padding-top: 115px;
}

.anniversary-with-story .anniversary-story-slider {
  font-size: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.anniversary-with-story .anniversary-story-slider .anniversary-story-slide {
  display: table-cell;
  margin: 0;
  width: 100%;
}

.anniversary-with-story .anniversary-story-slider .anniversary-story-slide + .anniversary-story-slide {
  padding-left: 24px;
}

.anniversary-with-story .anniversary-story-slider .anniversary-story-slide.type-wedding .text-box {
  border-color: #ffdbdb;
}

.anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box {
  background: transparent;
  border: 7px solid #c6e4f1;
  margin-top: -100px;
  padding-top: 145px;
}

.anniversary-with-story .anniversary-story-slider .slick-arrow {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 2;
}

.anniversary-with-story .anniversary-story-slider .slick-prev {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat 0 0;
  background-size: 100%;
  left: -24px;
}

.anniversary-with-story .anniversary-story-slider .slick-next {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat 0 0;
  background-size: 100%;
  right: 0;
}

.type-wedding-section .anniversary-with-story {
  background: #ffeded;
}

.type-wedding-section .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box {
  padding: 200px 36px 70px;
  border-color: #ffdbdb;
}

.type-wedding-section .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box .story-slide-title {
  height: auto;
}

.type-wedding-section .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box p {
  height: 72px;
}

.anniversary-event {
  height: 572px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 70px 0;
  background: #005ebe url("../images/sub/bg_anniversary_birth_event.png") no-repeat center top;
}

.anniversary-event .yellow {
  color: #ffd100;
}

.anniversary-event .title-basic {
  text-align: center;
  color: #fff;
  font-size: 28px;
}

.anniversary-event .title-basic br {
  display: none;
}

.anniversary-event .event-title-sub {
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin-top: 16px;
}

.anniversary-event .event-contents-box {
  background: url("../images/sub/img_anniversary_birth_event.png") no-repeat 0 0;
  width: 1152px;
  height: 240px;
  border-radius: 20px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  margin: 32px 0;
}

.anniversary-event .event-contents-box .event-mobile-image {
  display: none;
}

.type-wedding-section .anniversary-event {
  background: #bbdde6 url("../images/sub/img_anniversary_wedding_event.png") no-repeat center top;
}

.type-wedding-section .anniversary-event .event-contents-box {
  background: none;
  width: 0;
  height: 0;
}

.anniversary-review {
  margin-top: 120px;
  position: relative;
}

.anniversary-review::before {
  content: '';
  display: block;
  width: 489px;
  height: 622px;
  background: url(../images/main/bg_main_circle_object_02.png) no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  right: -88px;
  top: 180px;
}

.anniversary-review-box {
  position: relative;
}

.anniversary-review-box + .anniversary-review-box {
  margin-top: 80px;
}

.anniversary-review-box .image-box {
  width: 894px;
}

.anniversary-review-box .image-box img {
  max-width: 100%;
}

.anniversary-review-box .text-box {
  width: 690px;
  height: 300px;
  position: absolute;
  right: 0;
  top: 198px;
  padding: 40px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
}

.anniversary-review-box .text-box p {
  font-weight: 700;
  font-size: 20px;
}

.anniversary-review-box .text-box span {
  display: block;
  font-size: 16px;
  margin-top: 8px;
}

.anniversary-review-box .text-box .arrow-button-box {
  position: absolute;
  right: 40px;
  bottom: 40px;
}

.type-funding .form-section-wrap p + .tab-radius-wrap {
  padding: 16px 0 0 0;
}

.type-funding .form-section-wrap .tab-radius-wrap {
  padding: 0;
}

.type-heritage-section .anniversary-visual {
  background: url("../images/sub/bg_support_trust_visual.png") no-repeat center top;
  background-size: auto 100%;
}

.type-heritage-section .visual-button-box {
  width: 320px;
  margin-top: 24px;
}

.type-heritage-section .contents-section + .contents-section {
  margin-top: 120px;
}

.heritage-intro p {
  font-size: 20px;
}

.heritage-kind .title-basic {
  text-align: center;
}

.heritage-kind .heritage-list-icon-type {
  margin-top: 56px;
}

.heritage-kind .heritage-list-icon-type ul {
  font-size: 0;
  text-align: center;
}

.heritage-kind .heritage-list-icon-type li {
  display: inline-block;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
}

.heritage-kind .heritage-list-icon-type li + li {
  margin-left: 24px;
}

.heritage-kind .heritage-list-icon-type li span {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 120px;
  height: 120px;
  padding: 30px;
  background: #f2f5f8;
  border-radius: 100%;
  margin-bottom: 8px;
}

.heritage-kind .heritage-list-icon-type li span img {
  width: 62px;
}

.heritage-kind .heritage-list-box-type {
  color: #fff;
  margin-top: 56px;
}

.heritage-kind .heritage-list-box-type ul {
  font-size: 0;
}

.heritage-kind .heritage-list-box-type li {
  display: inline-block;
  vertical-align: top;
  width: 354px;
  height: 364px;
  padding: 48px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.heritage-kind .heritage-list-box-type li.heritage-list-type-01 {
  background: #003f77;
}

.heritage-kind .heritage-list-box-type li.heritage-list-type-02 {
  background: #0086bf;
}

.heritage-kind .heritage-list-box-type li.heritage-list-type-03 {
  background: #005eb8;
}

.heritage-kind .heritage-list-box-type li + li {
  margin-left: 24px;
}

.heritage-kind .heritage-list-box-type h4 {
  font-weight: 400;
  font-size: 32px;
  margin-bottom: 40px;
}

.heritage-kind .heritage-list-box-type h4 strong {
  font-weight: 700;
}

.heritage-kind .heritage-list-box-type p {
  font-size: 16px;
}

.heritage-kind .heritage-list-box-type p + p {
  margin-top: 24px;
}

.heritage-kind .heritage-tip {
  margin-top: 40px;
  text-align: center;
  font-size: 16px;
}

.heritage-process {
  background: url("../images/sub/bg_support_trust_process.png") no-repeat center top;
  padding: 190px 0 320px 0;
}

.heritage-process .title-blue-line {
  margin-bottom: 100px;
}

.heritage-process .heritage-process-list ul {
  font-size: 0;
  text-align: center;
}

.heritage-process .heritage-process-list li {
  display: inline-block;
  width: 33.33%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  text-align: left;
  position: relative;
  padding-right: 54px;
}

.heritage-process .heritage-process-list li + li {
  padding: 0 54px;
}

.heritage-process .heritage-process-list li + li::after {
  content: '';
  display: block;
  width: 54px;
  height: 248px;
  background: url("../images/sub/ico_support_trust_process_arrow.png") no-repeat 0 0;
  background-size: 100%;
  position: absolute;
  left: -54px;
  top: 50%;
  margin-top: -124px;
}

.heritage-process .heritage-process-list li::before {
  content: '';
  display: block;
  width: 120px;
  height: 120px;
}

.heritage-process .heritage-process-list li.heritage-process-01::before {
  background: url("../images/sub/ico_support_trust_process_01.png") no-repeat 0 0;
  background-size: 100%;
}

.heritage-process .heritage-process-list li.heritage-process-02::before {
  background: url("../images/sub/ico_support_trust_process_02.png") no-repeat 0 0;
  background-size: 100%;
}

.heritage-process .heritage-process-list li.heritage-process-03::before {
  background: url("../images/sub/ico_support_trust_process_03.png") no-repeat 0 0;
  background-size: 100%;
}

.heritage-process .heritage-process-list h4 {
  color: #ffd100;
  font-size: 32px;
  margin-bottom: 16px;
}

.heritage-process .heritage-process-list p {
  color: #fff;
  font-size: 16px;
}

.heritage-process .heritage-process-list .block {
  display: block;
}

.heritage-process .heritage-process-list .process-tip {
  font-size: 12px;
  margin-top: 8px;
}

.share-how-to-use.type-heritage .share-product-tip {
  font-size: 16px;
  margin-bottom: 90px;
}

.share-how-to-use.type-heritage img {
  max-width: 100%;
}

.share-how-to-use.type-heritage::before {
  display: none;
}

.share-how-to-use.type-heritage .type-nth-04::before {
  display: none;
}

.share-how-to-use .how-to-use-box dt span {
  display: block;
}

.heritage-program-list {
  margin-top: 32px;
}

.heritage-program-list ul {
  font-size: 0;
  text-align: left;
}

.heritage-program-list li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 14px;
}

.heritage-program-list li::before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
}

.heritage-program-list li + li {
  margin-left: 32px;
}

.heritage-program-list li.heritage-program-icon-01::before {
  background: url("../images/sub/ico_support_trust_cate_01.png") no-repeat center top;
  background-size: 100%;
}

.heritage-program-list li.heritage-program-icon-02::before {
  background: url("../images/sub/ico_support_trust_cate_02.png") no-repeat center top;
  background-size: 100%;
}

.heritage-program-list li.heritage-program-icon-03::before {
  background: url("../images/sub/ico_support_trust_cate_03.png") no-repeat center top;
  background-size: 100%;
}

.heritage-program-list li.heritage-program-icon-04::before {
  background: url("../images/sub/ico_support_trust_cate_04.png") no-repeat center top;
  background-size: 100%;
}

.heritage-program-list li.heritage-program-icon-05::before {
  background: url("../images/sub/ico_support_trust_cate_05.png") no-repeat center top;
  background-size: 100%;
}

.heritage-benefit {
  position: relative;
}

.heritage-benefit.type-metaphor::before {
  top: -236px;
}

.heritage-benefit .heritage-benefit-list {
  font-size: 0;
  margin: 0 -24px -40px 0;
}

.heritage-benefit .heritage-benefit-box {
  width: 384px;
  display: inline-block;
  vertical-align: top;
  margin: 0 24px 40px 0;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.heritage-benefit .heritage-benefit-box img {
  max-width: 100%;
}

.heritage-benefit .heritage-benefit-box .text-box {
  height: 258px;
  padding: 48px 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
}

.heritage-benefit .heritage-benefit-box h4 {
  font-size: 28px;
  color: #005eb8;
  margin-bottom: 24px;
}

.heritage-benefit .heritage-benefit-box p {
  font-size: 16px;
}

.heritage-message {
  background: #005eb8;
  padding: 70px 0;
  color: #fff;
}

.heritage-message .inner-table {
  width: 100%;
  display: table;
}

.heritage-message p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}

@media only screen and (max-width: 1280px) {
  .anniversary-contents {
    margin: 80px 0;
    background-size: 100%;
  }
  .anniversary-index-list .image-box {
    width: 50%;
  }
  .anniversary-index-list .text-box {
    width: 50%;
  }
  .anniversary-visual .children-sns-share {
    right: 4%;
  }
  .type-wedding-section .anniversary-support-section.type-square-bg-01 .share-product-box {
    background: #ffdbdb;
  }
  .type-wedding-section .anniversary-support-section.type-square-bg-02 .share-product-box {
    background: #ffeded;
  }
  .anniversary-support-section {
    padding-bottom: 0;
    margin-top: 80px;
  }
  .anniversary-support-section::before {
    display: none;
  }
  .anniversary-support-section .share-product-box {
    padding-bottom: 4%;
  }
  .anniversary-support-section.type-square-bg-01 .share-product-box {
    background: #d3ecf6;
  }
  .anniversary-support-section.type-square-bg-02 .share-product-box {
    background: #e6f5f9;
  }
  .anniversary-support-section .inner {
    padding: 0;
  }
  .anniversary-support-section .inner .title-blue-line {
    margin-left: 4%;
    background: #fff;
  }
  .anniversary-support-section .special-share-option-select.type-reverse .share-product-box-image {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .matching-children-list {
    padding: 104px 4% 120px 4%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
  }
  .matching-children-list .children-list-type.type-gallery .children-list {
    width: 49%;
  }
  .matching-children-list.type-event {
    padding: 24px 4% 0;
  }
  .anniversary-gift {
    margin-top: 80px;
  }
  .type-metaphor::before {
    display: none;
  }
  .anniversary-gift-list-layout {
    margin: 0 -2% -2% 0;
  }
  .anniversary-gift-list-layout .anniversary-gift-box {
    width: 48%;
    margin: 0 2% 2% 0;
  }
  .anniversary-gift-list {
    width: 100%;
  }
  .anniversary-with-story {
    margin-top: 80px;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide {
    width: 49%;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide + .anniversary-story-slide {
    margin-left: 2%;
  }
  .anniversary-with-story.type-index .anniversary-story-slider .anniversary-story-slide + .anniversary-story-slide {
    margin-left: 24px;
  }
  .anniversary-event {
    height: auto;
  }
  .anniversary-event .event-contents-box {
    width: 100%;
    background-size: 100% auto;
    background-position: center center;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .type-wedding-section .anniversary-event {
    height: 572px;
  }
  .anniversary-review {
    margin-top: 80px;
  }
  .heritage-intro p br {
    display: none;
  }
  .heritage-kind .heritage-list-box-type li {
    padding: 40px 24px;
    width: 32%;
  }
  .heritage-kind .heritage-list-box-type li + li {
    margin-left: 1.3%;
  }
  .heritage-kind .heritage-list-box-type h4 {
    font-size: 28px;
    margin-bottom: 24px;
  }
  .heritage-benefit .heritage-benefit-list {
    margin: 0 -1% -4% 0;
  }
  .heritage-benefit .heritage-benefit-box {
    width: 32%;
    margin: 0 1% 4% 0;
  }
  .heritage-benefit .heritage-benefit-box .text-box {
    padding: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .anniversary-index-list {
    position: relative;
  }
  .anniversary-index-list .image-box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 360px;
    float: none;
    position: relative;
    overflow: hidden;
  }
  .anniversary-index-list .image-box img {
    width: 100%;
    height: auto;
    max-height: none;
  }
  .anniversary-index-list .text-box {
    width: 100%;
    height: auto;
    float: none;
    margin: 0;
    padding: 36px 24px;
    position: static;
  }
  .anniversary-story-slider {
    margin-top: 32px;
  }
  .anniversary-story-slide .text-box p {
    font-size: 14px;
  }
  .anniversary-story-slide .text-box p br {
    display: none;
  }
  .anniversary-with-story.type-index .anniversary-story-slider .anniversary-story-slide + .anniversary-story-slide .text-box {
    height: 267px;
  }
  .anniversary-gift-list-layout .anniversary-gift-box {
    height: 200px;
    padding: 24px;
  }
  .anniversary-gift-list-layout .anniversary-gift-box .gift-list-sub-text {
    font-size: 14px;
  }
  .anniversary-event .event-title-sub {
    font-size: 14px;
  }
  .anniversary-gift .anniversary-special-text {
    font-size: 14px;
  }
  .anniversary-with-story .anniversary-story-slider {
    display: block;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide {
    display: block;
    width: 100%;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide + .anniversary-story-slide {
    margin: 36px 0 0 0;
    padding: 0;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box .story-slide-title {
    display: block;
    margin-bottom: 8px;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box p {
    display: inline-block;
    height: auto;
    min-height: auto;
    font-size: 14px;
  }
  .type-wedding-section .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box {
    padding: 140px 40px 40px;
  }
  .anniversary-review-box .image-box {
    width: 100%;
  }
  .anniversary-review-box .text-box {
    width: 550px;
    height: 200px;
    top: inherit;
    bottom: 24px;
  }
  .anniversary-review-box .text-box p {
    font-size: 20px;
  }
  .anniversary-review-box .text-box span {
    font-size: 14px;
  }
  .anniversary-review-box .text-box span br {
    display: none;
  }
  .type-heritage-section .contents-section + .contents-section {
    margin-top: 80px;
  }
  .heritage-process .heritage-process-list li::before {
    width: 80px;
    height: 80px;
  }
  .heritage-process .heritage-process-list li + li {
    padding: 0 40px 0 24px;
  }
  .heritage-process .heritage-process-list li + li::after {
    top: 0;
    margin-top: 0;
    height: 100px;
    background-position: 0 center;
  }
  .heritage-process .heritage-process-list h4 {
    font-size: 24px;
  }
  .heritage-process .heritage-process-list p {
    font-size: 16px;
  }
  .heritage-process .heritage-process-list p br {
    display: none;
  }
  .heritage-benefit .heritage-benefit-box .text-box {
    height: 232px;
  }
  .heritage-benefit .heritage-benefit-box h4 {
    font-size: 24px;
  }
  .heritage-benefit .heritage-benefit-box p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 800px) {
  .anniversary-index-list .image-box {
    height: auto;
  }
  .anniversary-index-list .image-box img {
    position: static;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .anniversary-story-slide .text-box p {
    font-size: 16px;
  }
  .anniversary-story-slide .text-box p br {
    display: block;
  }
  .anniversary-with-story.type-index .anniversary-story-slider .anniversary-story-slide + .anniversary-story-slide .text-box {
    height: auto;
  }
  .anniversary-visual {
    background-size: cover;
  }
  .anniversary-visual .inner {
    height: 300px;
  }
  .anniversary-visual .visual-title {
    font-size: 20px;
  }
  .anniversary-gift-list-layout {
    margin: 0;
  }
  .anniversary-gift-list-layout .anniversary-gift-box {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
  }
  .anniversary-gift-list-layout .anniversary-gift-box + .anniversary-gift-box {
    margin-top: 16px;
  }
  .anniversary-gift-list-layout .anniversary-gift-box .gift-list-title {
    font-size: 18px;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide {
    width: 100%;
    margin: 0;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide + .anniversary-story-slide {
    margin-top: 40px;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box {
    padding: 140px 40px 40px;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box .story-slide-title {
    font-size: 18px;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box p br {
    display: none;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box p::before, .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box p::after {
    background-size: 70%;
  }
  .anniversary-event .title-basic {
    font-size: 20px;
  }
  .anniversary-event .event-contents-box {
    background: none;
    height: auto;
  }
  .anniversary-event .event-contents-box .event-mobile-image {
    width: 60%;
    display: block;
    margin: 0 auto;
  }
  .type-wedding-section .anniversary-event {
    height: auto;
    background-image: none;
    padding: 0;
  }
  .type-wedding-section .anniversary-event .event-contents-box {
    width: 100%;
    height: auto;
  }
  .anniversary-review-box + .anniversary-review-box {
    margin-top: 32px;
  }
  .anniversary-review-box .text-box {
    padding: 32px;
    position: relative;
    top: -20px;
    width: 92%;
    height: auto;
    margin: 0 auto;
    bottom: inherit;
    right: inherit;
  }
  .anniversary-review-box .text-box p {
    font-size: 18px;
  }
  .anniversary-review-box .text-box .arrow-button-box {
    position: static;
    text-align: right;
    margin-top: 64px;
  }
  .heritage-intro p {
    font-size: 16px;
  }
  .heritage-kind .heritage-list-icon-type li {
    font-size: 16px;
    width: 33.33%;
  }
  .heritage-kind .heritage-list-icon-type li span {
    margin: 0 auto 8px;
  }
  .heritage-kind .heritage-list-icon-type li + li {
    margin: 0 0 24px 0;
  }
  .heritage-kind .heritage-list-box-type li {
    width: 100%;
    height: auto;
  }
  .heritage-kind .heritage-list-box-type li + li {
    margin: 16px 0 0 0;
  }
  .heritage-kind .heritage-list-box-type h4 {
    font-size: 24px;
  }
  .heritage-kind .heritage-list-box-type p {
    font-size: 16px;
  }
  .heritage-kind .heritage-list-box-type p br {
    display: none;
  }
  .heritage-kind .heritage-list-box-type p + p {
    margin: 16px 0 0 0;
  }
  .heritage-kind .heritage-tip {
    font-size: 14px;
  }
  .heritage-benefit .heritage-benefit-list {
    margin: 0 -2% -4% 0;
  }
  .heritage-benefit .heritage-benefit-box {
    width: 48%;
    margin: 0 2% 4% 0;
  }
  .heritage-process {
    padding: 90px 0 220px 0;
    background-size: auto 100%;
  }
  .heritage-process .title-blue-line {
    margin-bottom: 55px;
  }
  .heritage-process .heritage-process-list li {
    width: 100%;
    position: relative;
    padding-left: 110px;
  }
  .heritage-process .heritage-process-list li + li {
    padding: 0 0 0 110px;
    margin: 90px 0 0 0;
  }
  .heritage-process .heritage-process-list li + li::after {
    width: 100%;
    height: 52px;
    background: url("../images/sub/ico_support_trust_arrow_mobile.png") no-repeat center center;
    background-size: auto 100%;
    position: absolute;
    left: 0;
    top: -58px;
  }
  .heritage-process .heritage-process-list li::before {
    position: absolute;
    left: 0;
    top: 0;
  }
  .share-how-to-use.type-heritage .share-product-description-sub {
    background: none;
    padding: 0 4%;
  }
  .share-how-to-use.type-heritage .share-product-tip {
    margin: 16px 0 32px 0;
    padding: 0 4%;
  }
  .heritage-message p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 640px) {
  .anniversary-index-list .text-box h4 {
    font-size: 20px;
  }
  .anniversary-index-list .text-box p {
    font-size: 13px;
    margin-top: 16px;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box {
    padding: 114px 34px 50px;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box p {
    font-size: 13px;
    word-break: keep-all;
  }
  .anniversary-with-story .anniversary-story-slider .anniversary-story-slide .text-box .story-slide-title {
    font-size: 16px;
  }
  .anniversary-with-story.type-index .anniversary-story-slider .anniversary-story-slide .textbox {
    padding: 88px 24px 40px;
  }
  .anniversary-story-slider .slick-dots li {
    width: 8px;
    height: 8px;
  }
  .anniversary-story-slider .slick-dots li + li {
    margin-left: 8px;
  }
  .anniversary-story-slider .anniversary-story-slide {
    margin: 0;
  }
  .anniversary-story-slider .anniversary-story-slide .profile-box {
    width: 160px;
    height: 160px;
  }
  .anniversary-story-slider .anniversary-story-slide .text-box {
    margin-top: -60px;
    padding: 88px 24px 40px;
  }
  .anniversary-story-slider .anniversary-story-slide .text-box p {
    font-size: 13px;
  }
  .anniversary-story-slider .anniversary-story-slide .text-box .story-name {
    font-size: 13px;
    margin-top: 16px;
  }
  .anniversary-visual .visual-title {
    font-size: 18px;
    line-height: 28px;
  }
  .anniversary-visual .visual-dots-list {
    font-size: 12px;
  }
  .anniversary-support-section .title-blue-line br {
    display: block;
  }
  .anniversary-support-section .special-share-option-select .share-product-name {
    font-size: 18px;
  }
  .anniversary-support-section .special-share-option-select .share-product-name br {
    display: none;
  }
  .anniversary-gift-list .form-flex {
    display: block;
  }
  .anniversary-gift-list .form-flex .form-flex-cell {
    display: block;
  }
  #anniversary-gift-list-item2{
    width: 100%;
  }
  .anniversary-gift-list-layout .anniversary-gift-box .gift-list-title {
    font-size: 15px;
  }
  .anniversary-gift-list-layout .anniversary-gift-box .gift-list-sub-text {
    font-size: 13px;
  }
  .anniversary-gift .anniversary-special-text {
    font-size: 13px;
  }
  .anniversary-event {
    padding: 60px 0;
  }
  .anniversary-event .title-basic {
    margin-bottom: 0;
  }
  .anniversary-event .title-basic br {
    display: block;
  }
  .anniversary-event .event-title-sub {
    font-size: 13px;
  }
  .anniversary-event .event-contents-box .event-mobile-image {
    width: 100%;
  }
  .anniversary-review-box .text-box p {
    font-size: 15px;
    word-break: keep-all;
  }
  .anniversary-review-box .text-box span {
    font-size: 13px;
    word-break: keep-all;
  }
  .heritage-intro p {
    font-size: 15px;
  }
  .heritage-kind .heritage-list-icon-type li {
    font-weight: 700;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .heritage-kind .heritage-list-icon-type li span {
    width: 96px;
    height: 96px;
    padding: 16px;
  }
  .heritage-kind .heritage-list-box-type li {
    display: table;
    width: 100%;
    height: 329px;
  }
  .heritage-kind .heritage-list-box-type li .inner-cell {
    display: table-cell;
    vertical-align: middle;
  }
  .heritage-kind .heritage-list-box-type h4 {
    font-size: 20px;
  }
  .heritage-kind .heritage-list-box-type p {
    font-size: 13px;
  }
  .heritage-program-list li {
    font-size: 13px;
  }
  .heritage-program-list li + li {
    margin-left: 8px;
  }
  .heritage-process {
    background-size: cover;
  }
  .heritage-process .heritage-process-list h4 {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .heritage-process .heritage-process-list p {
    font-size: 13px;
  }
  .share-how-to-use.type-heritage {
    margin-top: 0 !important;
  }
  .heritage-benefit .heritage-benefit-list {
    margin: 0;
  }
  .heritage-benefit .heritage-benefit-box {
    width: 100%;
    margin: 0;
  }
  .heritage-benefit .heritage-benefit-box + .heritage-benefit-box {
    margin-top: 4%;
  }
  .heritage-benefit .heritage-benefit-box .text-box {
    padding: 32px 20px;
    height: auto;
  }
  .heritage-benefit .heritage-benefit-box h4 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .heritage-benefit .heritage-benefit-box p {
    font-size: 13px;
  }
  .heritage-message {
    padding: 24px 0;
  }
  .heritage-message p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 520px) {
  .anniversary-index-list .text-box {
    padding: 32px 20px;
  }
  .anniversary-index-list .text-box .button-anniversary {
    width: 100%;
  }
  .anniversary-index-list .text-box .form-flex.button-flex {
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .anniversary-index-list .text-box .form-flex.button-flex .button-anniversary {
    width: 50%;
    padding: 0 2%;
  }
  .anniversary-index-list .text-box .form-flex.button-flex .button-anniversary + .button-anniversary {
    padding: 0 2%;
  }
  .type-birth-section .anniversary-visual {
    background: url("../images/sub/bg_anniversary_birth_visual_mobile.png") no-repeat center center;
    background-size: cover;
  }
  .type-heritage-section .anniversary-visual {
    background: url("../images/sub/bg_support_trust_visual_mobile.png") no-repeat center center;
    background-size: cover;
  }
  .anniversary-visual .inner {
    height: 360px;
  }
  .anniversary-visual .visual-title {
    font-size: 15px;
    line-height: 23px;
    word-break: keep-all;
  }
  .heritage-process {
    padding-top: 110px;
    margin-bottom: 120px;
    background: url("../images/sub/bg_support_trust_mobile.png") no-repeat center top;
    background-size: 100% 100%;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .heritage-process .heritage-process-list li + li {
    padding-top: 90px;
  }
  .heritage-process .heritage-process-list li + li::before {
    top: 90px;
  }
  .heritage-process .heritage-process-list li + li::after {
    top: -29px;
  }
  .matching-children-list {
    padding: 4%;
  }
  .matching-children-list .children-list-type.type-gallery .children-list {
    width: 100%;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 장바구니 레이어, 페이지
 * 작성자 : gikim
 * 파일명 : _children.scss
 */
.children-cart-item {
  border-bottom: 1px solid #d9e1e2;
  padding: 16px 0;
  background: #fff;
}

.children-cart-image {
  vertical-align: top;
  display: inline-block;
  width: 92px;
  height: 68px;
  overflow: hidden;
  margin-right: 20px;
}

.children-cart-image img {
  width: 100%;
}

.children-cart-item .children-cart-info .children-cart-delete {
  position: absolute;
  top: 0;
  right: 0;
}

.children-cart-item .children-cart-info .children-cart-delete button {
  width: 20px;
  height: 20px;
  padding: 0;
}

.children-cart-info {
  display: inline-block;
  width: 204px;
  position: relative;
}

.children-cart-info .g-round-bullet-basic {
  line-height: 24px;
  height: 24px;
  padding: 0 16px;
  text-align: center;
  margin-top: 8px;
}

.children-cart-info .form-flex {
  width: 100%;
}

.children-cart-info .form-flex .form-flex-cell {
  display: block;
}

.children-cart-info .form-flex .layer-children-cart-price {
  text-align: right;
}

.children-cart-info .layer-children-cart-title {
  font-size: 13px;
}

.btn-cart-wrap {
  position: absolute;
  top: 111px;
  right: 0;
  background: #fff;
  width: 384px;
  height: 100%;
  border: 1px solid #d9e1e2;
  display: none;
}

.btn-cart-wrap .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.cart-content {
  height: 100%;
}

.cart-content > div {
  height: 100%;
}

.cart-children-wrap {
  margin-top: 8px;
  padding: 0 32px;
  margin-bottom: 340px;
}

.cart-children-wrap .cart-children-list + .cart-children-list {
  margin-top: 40px;
}

.cart-children-wrap .cart-children-head {
  line-height: 40px;
  font-size: 16px;
  width: 100%;
  border-bottom: 1px solid #3d3e3f;
}

.cart-children-wrap .cart-children-head .form-flex-cell:last-child {
  text-align: right;
}

.cart-children-wrap .children-cart-delete button {
  cursor: pointer;
  position: relative;
  background: transparent;
  padding-left: 24px;
}

.cart-children-wrap .children-cart-delete button::after {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  display: block;
  content: '';
  background: url("../images/common/ico_del_blue_20.png") no-repeat center;
  width: 20px;
  height: 20px;
  background-size: 100%;
}

.cart-user-wrap {
  padding: 32px;
}

.cart-user-wrap h3 span {
  font-size: 24px;
}

.cart-user-wrap h3 p {
  padding: 24px 0 16px 0;
  font-weight: normal;
}
.cart-children-foot {
  -webkit-box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 1px 0 20px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 16px 0;
  background: #fff;
}

.cart-children-foot > div {
  padding: 0 32px;
}

.cart-children-foot .confirm-btn-wrap {
  margin-top: 40px;
  width: 84%;
}

.type-cart .ui-accordion-item + .ui-accordion-item {
  margin-top: 115px;
}

.type-cart .cart-select-wrap .ui-checkbox-block .ui-checkbox-text {
  font-size: 14px;
}

.type-cart .cart-content-wrap {
  margin: 0;
  padding: 97px 0;
  background-color: #f2f5f8;
}

.type-cart .ui-accordion-head {
  padding: 0;
}

.type-cart .cart-select-wrap {
  margin-bottom: 8px;
  padding-left: 2%;
}

.type-cart .cart-select-wrap > div {
  font-size: 14px;
  display: inline-block;
}

.type-cart .cart-select-wrap .children-cart-select-all .ui-checkbox-block {
  vertical-align: middle;
}

.type-cart .cart-children-head {
  background-color: #fff;
  line-height: 68px;
  height: 68px;
  font-size: 24px;
  text-align: center;
}

.type-cart .ui-accordion-opener::before {
  right: 19px;
}

.type-cart .children-cart-item {
  border-bottom: none;
  border-top: 1px solid #d9e1e2;
}

.type-cart .children-cart-item:first-child {
  border-top: none;
}

.type-cart .children-cart-item .ui-checkbox-block {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 2%;
  margin: 0;
}

.type-cart .children-cart-item .ui-checkbox-text {
  width: 98%;
}

.type-cart .ui-accordion-layer {
  width: 100%;
  border-bottom: 2px solid #71b2c9;
}

.type-cart .cart-children-content {
  background-color: #fff;
}

.type-cart .cart-children-content .children-cart-image {
  width: 170px;
  height: 126px;
  margin-right: 80px;
}

.type-cart .cart-children-content .children-cart-info {
  width: 77%;
}

.type-cart .cart-children-content .children-cart-info .form-flex {
  table-layout: fixed;
}

.type-cart .cart-children-content .children-cart-info .form-flex-cell {
  display: table-cell;
}

.type-cart .cart-children-content .children-cart-info .form-flex-cell.children-cart-price {
  text-align: right;
}

.type-cart .children-cart-title {
  font-size: 20px;
  font-weight: bold;
}

.type-cart .children-cart-title > * {
  vertical-align: middle;
}

.type-cart .children-cart-title ul {
  padding-left: 16px;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
}

.type-cart .children-cart-title ul li {
  display: inline-block;
  padding-left: 16px;
  position: relative;
}

.type-cart .children-cart-title ul li::before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 12px;
  background: #8d8d8d;
  top: 7px;
  left: 6px;
}

.type-cart .children-cart-title ul li:first-child {
  padding: 0;
}

.type-cart .children-cart-title ul li:first-child::before {
  display: none;
}

.type-cart .children-cart-price b {
  font-size: 16px;
}

.type-cart .children-cart-price + .cart-btn-wrap {
  padding: 0 2% 0 72px;
  width: 180px;
}

.type-cart .cart-sub-title {
  color: #005eb8;
  width: 62%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.type-cart .cart-payment-list {
  border-top: 1px dashed #d9e1e2;
  padding: 40px 24px 0 24px;
}

.type-cart .cart-payment-list ul li {
  display: block;
  float: none;
  width: 100%;
  padding: 0 0 8px 0;
}

.type-cart .cart-payment-list ul li::after {
  content: '';
  display: table;
  clear: both;
}

.type-cart .cart-payment-list ul li span {
  float: right;
}

.type-cart .cart-payment-list ul li span:first-child {
  float: left;
}

.type-cart .cart-payment-list ul li span b {
  color: #005eb8;
}

.type-cart .cart-payment-list .total-price {
  padding: 24px 0 0 0;
  font-size: 24px;
  font-weight: bold;
}

.type-cart .cart-footer {
  margin-top: 24px;
  font-size: 16px;
}
/*
R0003206 commit 진행시 오류 수정 확인 필요
*/
.type-cart .cart-footer .cart-payment-list {
  border-bottom: 2px solid #71b2c9;
  background-color: #fff;
  padding: 46px 0;
  line-height: auto;
  border-top: none;
}

.type-cart .cart-footer ul {
  padding: 0 48px;
}

.type-cart .cart-footer ul li {
  padding: 0;
}

.type-cart .cart-footer ul li + li {
  padding-top: 8px;
}

.type-cart .cart-footer span:last-child b {
  color: #005eb8;
}

.type-cart .cart-footer .confirm-btn-wrap {
  width: 588px;
  margin: 0 auto;
  margin-top: 62px;
}

.type-cart .cart-footer .confirm-btn-wrap .type-line {
  background: transparent;
}

@media only screen and (max-width: 1280px) {
  .type-cart .inner {
    padding: 0;
  }
  .type-cart .ui-accordion-head {
    padding: 0 4%;
    background: #fff;
  }
  .type-cart .ui-accordion-layer {
    padding: 0 4%;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .type-cart .cart-children-content .children-cart-image {
    width: 18%;
    margin-right: 4%;
  }
  .type-cart .children-cart-title ul {
    display: block;
    padding: 0;
  }
  .type-cart .children-cart-price + .cart-btn-wrap {
    padding: 0 0 0 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .type-cart .cart-children-content .children-cart-info .form-flex-cell.children-cart-price {
    display: block;
    width: 100%;
    padding: 0;
  }
  .type-cart .cart-children-content .children-cart-info .form-flex-cell.cart-btn-wrap {
    padding: 0;
    display: block;
    float: right;
  }
}

@media only screen and (max-width: 800px) {
  .type-cart .ui-accordion-layer {
    border-width: 1px;
  }
  .type-cart .cart-content-wrap {
    padding: 32px 0 60px 0;
  }
  .type-cart .cart-children-content .children-cart-info {
    position: relative;
    width: 77%;
    padding-bottom: 24px;
  }
  .type-cart .cart-children-content .children-cart-info .g-round-bullet-basic {
    margin: 0 0 8px 0;
  }
  .type-cart .cart-children-content .children-cart-info .form-flex-cell {
    display: block;
  }
  .type-cart .cart-children-content .children-cart-info .form-flex-cell.cart-btn-wrap {
    display: none;
  }
  .type-cart .cart-children-content .children-cart-info .form-flex-cell.children-cart-price {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .type-cart .children-cart-title ul {
    display: block;
    padding: 0;
    font-size: 12px;
  }
  .type-cart .cart-sub-title {
    width: 100%;
  }
  .type-cart .cart-payment-list {
    padding: 40px 0 0 0;
  }
  .type-cart .cart-footer .cart-payment-list {
    padding: 24px 0;
    border-width: 1px;
  }
  .type-cart .cart-footer ul {
    padding: 0 24px;
  }
  .type-cart .children-cart-item .ui-checkbox-object {
    left: 2%;
    top: 0;
  }
  .type-cart .children-cart-item .ui-checkbox-text {
    margin: 0;
    width: 100%;
  }
  .type-cart .ui-accordion-item + .ui-accordion-item {
    margin-top: 40px;
  }
  .type-cart .cart-footer .confirm-btn-wrap {
    width: 92%;
    margin-top: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .btn-cart-wrap {
    display: none !important;
  }
}

@media only screen and (max-width: 520px) {
  .type-cart .cart-children-head {
    font-size: 16px;
    line-height: 56px;
    height: 56px;
  }
  .type-cart .children-cart-item .ui-checkbox-block {
    width: 100%;
    padding: 0;
  }
  .type-cart .children-cart-item .ui-checkbox-text {
    display: table;
    table-layout: fixed;
  }
  .type-cart .cart-children-content .children-cart-image {
    width: 92px;
    height: 68px;
    margin-right: 4%;
  }
  .type-cart .cart-children-content .children-cart-info {
    width: 72%;
    display: table-cell;
    padding-left: 4%;
  }
  .type-cart .cart-children-content .children-cart-info .children-cart-title {
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .type-cart .cart-payment-list {
    padding: 16px 0 0 0;
    font-size: 12px;
  }
  .type-cart .cart-payment-list .total-price {
    padding: 16px 0 0 0;
  }
  .type-cart .cart-payment-list .total-price span {
    font-size: 16px;
  }
  .type-cart .ui-accordion-opener::before {
    right: 5%;
  }
  .type-cart .cart-footer span {
    font-size: 12px;
  }
  .type-cart .cart-footer .confirm-btn-wrap .form-flex-cell {
    display: block;
    width: 100%;
  }
  .type-cart .cart-footer .confirm-btn-wrap .form-flex-cell + .form-flex-cell {
    padding-left: 0;
    padding-top: 16px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * news css
 * 작성자 : gikim
 * 파일명 : _news.scss
 */
.sub-header[data-visual-type=news] {
  background-image: url("../images/sub/bg_introduction_banner.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.news-section {
  margin: 80px auto 120px auto;
}

.news-section + .news-section {
  margin: 120px auto;
}

.news-section.type-gray-background {
  position: relative;
}

.news-section.type-gray-background::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f1f4f6;
  width: 100%;
  height: 400px;
  z-index: -1;
}

.news-section.type-gray-background + .news-section .list-pagination {
  border-bottom: 1px solid #d9e1e2;
  padding-bottom: 80px;
}

.news-section-head {
  margin-bottom: 40px;
}

.news-section-head.form-flex {
  width: 100%;
}

.news-section-head h4 {
  font-size: 32px;
}

.news-section-head .ui-dropdown {
  width: 130px;
}

.news-section-head .form-flex-cell:last-child {
  width: 130px;
}

.news-contents-wrap.type-thumbnail {
  width: 100%;
  table-layout: fixed;
}

.news-contents-wrap .news-img {
  width: 100%;
  height: 384px;
  background-image: url("../images/common/placeholder_board.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
}

.news-contents-wrap .news-img[data-device=mobile] {
  display: none;
}

.news-contents-wrap .news-contents-item {
  padding: 0 8px;
}

.news-contents-wrap .news-contents-item:first-child {
  padding-right: 16px;
}

.news-contents-wrap .news-contents-item:last-child {
  padding-left: 16px;
}

.news-contents-wrap .news-contents-item .news-text .title {
  font-size: 24px;
  font-weight: bold;
  margin: 24px 0 16px 0;
  line-height: 32px;
  word-break: keep-all;
}

.news-contents-wrap .news-contents-item .news-text .news-info {
  margin-bottom: 24px;
}

.news-contents-wrap .news-contents-item .news-text .news-info li {
  display: inline-block;
  position: relative;
  color: #8d8d8d;
}

.news-contents-wrap .news-contents-item .news-text .news-info li + li {
  padding-left: 16px;
}

.news-contents-wrap .news-contents-item .news-text .news-info li + li::after {
  display: block;
  content: '|';
  font-size: 10px;
  position: absolute;
  top: 2px;
  left: 5px;
}

.news-contents-wrap .news-contents-item .news-text p {
  font-size: 16px;
  padding-bottom: 40px;
}

.news-contents-wrap .form-flex-cell {
  vertical-align: top;
}

.news-contents-wrap.type-gallery .news-contents-item {
  padding: 0;
  margin-bottom: 24px;
}

.news-contents-wrap.type-gallery .news-contents-item::after {
  content: '';
  display: table;
  clear: both;
}

.news-contents-wrap.type-gallery .news-img {
  width: 282px;
  height: 200px;
  display: block;
  float: left;
}

.news-contents-wrap.type-gallery .news-img[data-device=mobile] {
  display: none;
}

.news-contents-wrap.type-gallery .form-flex-cell {
  display: block;
}

.news-contents-wrap.type-gallery .news-text {
  padding-left: 314px;
}

.news-content-wrap {
  width: 995px;
}

.news-content-wrap .side-btn-wrap {
  width: 100%;
}

.news-posting-header {
  padding-bottom: 32px;
}

.news-posting-content {
  padding: 40px 0 24px;
  margin-bottom: 40px;
  border-bottom: 1px solid #768692;
}

.news-posting-content img {
  max-width: 100% !important;
}

.ui-file-block.type-download {
  padding-right: 0;
}

.ui-file-block.type-download .file-name {
  color: #3d3e3f;
  border: transparent;
  height: auto;
  padding: 0;
}

.ui-file-block.type-download .btn-file {
  border: transparent;
}

.news-section .inner {
  position: relative;
}

.news-banr-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  height: 540px;
}

.news-banr-wrap .news-banr-title {
  height: 372px;
  position: relative;
}

.news-banr-wrap .news-banr-title > div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
}

.news-banr-wrap .news-banr-title span {
  color: #ffd100;
  font-weight: bold;
  font-size: 18px;
}

.news-banr-wrap .news-banr-title p {
  margin-top: 12px;
  line-height: 22px;
}

.news-banr-wrap .banr-sponsorship-input {
  width: 132px;
  height: 120px;
  background-color: #005eb8;
  padding: 24px;
}

.news-banr-wrap .banr-sponsorship-input button {
  margin-top: 24px;
}

.news-banr-wrap[data-type=medical-support] .news-banr-title {
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.news-comment-wrap .news-comment-header {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 16px;
}

.news-comment-wrap .new-comment {
  width: 100%;
}

.news-comment-wrap .new-comment .form-flex-cell {
  vertical-align: top;
}

.news-comment-wrap .new-comment .form-flex-cell + .form-flex-cell {
  padding-left: 24px;
}

.news-comment-wrap .new-comment textarea {
  height: 160px;
}

.news-comment-wrap .new-comment .type-button {
  width: 180px;
  height: 160px;
}

.news-comment-wrap .new-comment .type-button button {
  background-color: #d7e1e2;
  color: #3d3e3f;
  height: 160px;
}

.news-comment-wrap .list-pagination {
  margin-bottom: 120px;
}

.comment-list .comment-info-wrap {
  width: 100%;
  margin: 24px 0 16px 0;
}

.comment-list .comment-info-wrap > .form-flex-cell > div {
  display: inline-block;
}

.comment-list .comment-info-wrap .user-id {
  font-weight: bold;
  margin-right: 40px;
}

.comment-list .comment-info-wrap .comment-date {
  color: #8d8d8d;
}

.comment-list .comment-info-wrap .comment-date .time {
  padding-left: 8px;
}

.comment-list .comment-list-item {
  padding-bottom: 24px;
  border-bottom: 1px solid #d9e1e2;
}

.comment-list .comment-list-item p {
  font-size: 16px;
}

.comment-list .comment-options {
  text-align: right;
}

.comment-list .comment-options button {
  background-color: transparent;
  color: #8d8d8d;
}

.comment-list .comment-options li {
  display: inline-block;
}

.comment-list .comment-options li + li {
  padding-left: 16px;
  position: relative;
}

.comment-list .comment-options li + li::after {
  display: block;
  content: '|';
  font-size: 10px;
  position: absolute;
  top: 4px;
  left: 6px;
}

@media only screen and (max-width: 1280px) {
  .news-banr-wrap {
    display: none;
  }
  .news-content-wrap {
    width: 100%;
  }
  .news-contents-slider .slick-dots {
    padding-bottom: 40px;
    font-size: 0;
    text-align: center;
  }
  .news-contents-slider .slick-dots li {
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #d9e1e2;
  }
  .news-contents-slider .slick-dots li.slick-active {
    background: #005eb8;
  }
  .news-contents-slider .slick-dots li + li {
    margin-left: 12px;
  }
}

@media only screen and (max-width: 800px) {
  .news-contents-wrap.type-gallery .news-img {
    float: none;
    width: 100%;
  }
  .news-contents-wrap.type-gallery .news-text {
    padding: 0;
  }
  .news-contents-wrap.news-contents-slider .news-contents-item {
    padding: 0;
  }
  .news-contents-wrap .news-contents-item .news-text .title {
    font-size: 20px;
    margin: 16px 0 8px 0;
  }
  .news-contents-wrap .news-contents-item .news-text .news-info {
    margin-bottom: 16px;
  }
  .news-contents-wrap .news-contents-item .news-text p {
    padding-bottom: 16px;
  }
  .news-section {
    margin: 40px auto;
  }
  .news-section + .news-section {
    margin: 40px auto;
  }
  .news-section.type-gray-background + .news-section .list-pagination {
    padding-bottom: 40px;
  }
  .news-section.type-gray-background .slick-dots {
    border-bottom: 1px solid #d9e1e2;
  }
  .news-section.type-gray-background::after {
    display: none;
  }
  .news-posting-header h4 {
    font-size: 16px;
  }
  .news-section-head {
    margin-bottom: 24px;
  }
  .news-section-head h4 {
    font-size: 24px;
  }
  .news-comment-wrap .news-comment-header {
    font-size: 16px;
  }
  .news-comment-wrap .new-comment .form-flex-cell {
    display: block;
  }
  .news-comment-wrap .new-comment .form-flex-cell + .form-flex-cell {
    padding: 0;
    width: 100%;
    height: 48px;
  }
  .news-comment-wrap .new-comment .form-flex-cell + .form-flex-cell button {
    width: 100%;
    height: 48px;
  }
  .news-comment-wrap .new-comment .form-flex-cell + .form-flex-cell.type-btn {
    padding-top: 16px;
  }
}

@media only screen and (max-width: 520px) {
  .sub-header[data-visual-type=news] {
    background-image: url("../images/sub/bg_introduction_banner_mobile.png");
  }
  .news-section-head h4 {
    font-size: 20px;
  }
  .news-contents-wrap.type-gallery .news-img[data-device=pc] {
    display: none;
  }
  .news-contents-wrap.type-gallery .news-img[data-device=mobile] {
    display: block;
  }
  .news-contents-wrap .news-img {
    height: 320px;
  }
  .news-contents-wrap .news-img[data-device=pc] {
    display: none;
  }
  .news-contents-wrap .news-img[data-device=mobile] {
    display: block;
  }
  .news-contents-wrap .news-contents-item .news-text .title {
    font-size: 18px;
    line-height: 27px;
  }
  .news-contents-wrap .news-contents-item .news-text p {
    font-size: 13px;
  }
  .news-content-wrap {
    margin: 40px 0;
    padding-top: 11px;
  }
  .news-content-wrap .new-comment .textarea-wrap {
    margin-bottom: 40px;
  }
  .news-content-wrap .new-comment textarea {
    height: 96px;
  }
  .news-content-wrap .list-pagination {
    margin-bottom: 40px;
  }
  .news-posting-content {
    margin-bottom: 24px;
    padding: 24px 0;
  }
  .comment-list .comment-info-wrap .form-flex-cell .user-id {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
  }
  .comment-list .comment-info-wrap .form-flex-cell + .form-flex-cell {
    vertical-align: top;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 소개 스타일
 * 작성자 : gikim
 * 파일명 : _introduction.scss
 */
.sub-header {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.sub-header[data-visual-type=introduction] {
  background-image: url("../images/sub/bg_management_banner.png");
}

.sub-header[data-visual-type=press] {
  background-image: url("../images/sub/bg_news_banner.png");
}

.sub-header[data-visual-type=notice] {
  background-image: url("../images/sub/bg_notice_banner.png");
}

.sub-header[data-visual-type=map] {
  background-image: url("../images/sub/bg_map_banner.png");
}

.sub-header[data-visual-type=compassion-nation] {
  background-image: url("../images/sub/bg_compassion_nation_banner.jpg");
}

.sub-header[data-visual-type=parenting] {
  background-image: url("../images/sub/bg_parenting_banner.png");
}

.sub-header[data-visual-type=overall-compassion] {
  background-image: url("../images/sub/bg_overall_compassion_banner.png");
}

.sub-header[data-visual-type=overall-compassion-abs] {
  background-image: url("../images/sub/bg_overall_compassion_banner_01.png");
}

.introduction-management-wrap .tab-radius-wrap {
  padding: 80px 0;
}

.introduction-section {
  border-bottom: 1px solid #768692;
  padding-bottom: 80px;
}

.introduction-section + .introduction-section {
  padding: 60px 0;
}

.introduction-head {
  margin-bottom: 40px;
}

.introduction-head h4 {
  font-size: 32px;
}

.introduction-text-wrap {
  margin-bottom: 24px;
}

.introduction-sub-title {
  font-size: 24px;
  font-weight: bold;
}

.introduction-sub-title.type-emphasis {
  color: #005eb8;
}

.introduction-sub-title + div {
  margin-top: 40px;
}

.introduction-text {
  font-size: 16px;
  margin-top: 16px;
}

.introduction-org {
  text-align: center;
  margin: 40px 0;
}

.introduction-org img {
  max-width: 100%;
}

.introduction-principle .principle-title {
  margin: 24px 0 16px 0;
  color: #0086bf;
  font-size: 48px;
  font-weight: bold;
  font-family: Montserrat;
}

.introduction-principle .principle-title span {
  font-size: 32px;
}

.introduction-principle ul {
  margin: 24px 0;
}

.introduction-principle ul li {
  position: relative;
  padding-left: 8px;
}

.introduction-principle ul li::before {
  display: inline-block;
  content: '•';
  width: 4px;
  height: 10px;
  position: absolute;
  left: 0;
}

.introduction-principle-wrap {
  padding-top: 16px;
  padding-left: 510px;
  position: relative;
}

.introduction-principle-wrap::after {
  display: block;
  content: '';
  width: 430px;
  height: 430px;
  background-image: url("../images/sub/img_sponsorship_percent_sub.png");
  background-size: 100%;
  position: absolute;
  top: 61px;
  left: 0;
}

.introduction-content-wrap .ui-accordion {
  margin-top: 40px;
  border: 1px solid #d9e1e2;
}

.introduction-content-wrap .ui-accordion .ui-accordion-title {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 29px;
}

.introduction-content-wrap .ui-accordion .ui-accordion-opener::before {
  right: 20px;
}

.introduction-content-wrap .ui-accordion .ui-accordion-layer {
  border-top: 1px solid #d9e1e2;
  padding: 0 29px 50px 29px;
}

.introduction-content-wrap .ui-accordion .report-item {
  width: 100%;
  padding: 30px 0;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #d9e1e2;
  color: #005eb8;
}

.introduction-content-wrap .ui-accordion .report-item .type-btn {
  float: right;
}

.introduction-content-wrap .ui-accordion .report-item .type-btn div {
  width: 180px;
}

.audit-list-wrap {
  text-align: center;
  margin-bottom: 60px;
}

.audit-list-wrap .audit-list-line {
  display: inline-block;
}

.audit-list-wrap .audit-item {
  display: inline-block;
  width: 140px;
  height: 140px;
}

.audit-list-wrap .audit-item img {
  width: 100%;
}

.audit-text-wrap {
  padding-bottom: 80px;
  width: 100%;
  table-layout: fixed;
}

.audit-text-wrap .title {
  color: #005eb8;
  margin-bottom: 16px;
  font-weight: bold;
}

.audit-text-wrap .form-flex-cell {
  vertical-align: top;
  padding: 0 8px;
}

.audit-text-wrap .form-flex-cell:first-child {
  padding: 0 16px 0 0;
}

.audit-text-wrap .form-flex-cell:last-child {
  padding: 0 0 0 16px;
}

.audit-brand-list {
  margin-top: 24px;
  width: 100%;
  border: 1px solid #005eb8;
}

.audit-brand-list > div {
  height: 124px;
  background-color: #f2f7fb;
  color: #005eb8;
  font-weight: bold;
  display: table;
  width: 100%;
}

.audit-brand-list > div:first-child {
  border-bottom: 1px solid #005eb8;
}

.audit-brand-list > div > div {
  padding-right: 20px;
  padding-left: 343px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.audit-brand-list > div > div::before {
  display: block;
  content: '';
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
}

.audit-brand-list > div.kpmg div::before {
  width: 152px;
  height: 63px;
  top: 30px;
  left: 10%;
  background-image: url("../images/sub/ico_kpmg.png");
}

.audit-brand-list > div.cnbc div::before {
  width: 243px;
  height: 38px;
  top: 42px;
  left: 5%;
  background-image: url("../images/sub/ico_cnbc.png");
}

.ethical-law .introduction-head {
  margin-bottom: 24px;
}

.ethical-law .introduction-head h4 {
  color: #005eb8;
  position: relative;
  padding-left: 60px;
  font-size: 24px;
}

.ethical-law .introduction-head h4::before {
  width: 48px;
  height: 48px;
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -24px;
  left: 0;
  background-image: url("../images/sub/ico_management_02.png");
  background-size: 100%;
}

.ethical-law .introduction-text-wrap {
  margin-bottom: 60px;
}

.ethical-law p + p {
  margin-top: 24px;
}

.ethical-law:first-child h4::before {
  background-image: url("../images/sub/ico_management_01.png");
}

.ethical-law:last-child .introduction-text-wrap {
  margin-bottom: 0;
}

.ethical-law:last-child h4::before {
  background-image: url("../images/sub/ico_management_03.png");
}

.ethical-law .introduction-sub-title {
  font-size: 20px;
}

.practice-pledge-top {
  width: 100%;
  position: relative;
  padding-bottom: 80px;
}

.practice-pledge-top::before {
  width: 90%;
  height: 85%;
  display: block;
  z-index: -1;
  background-color: #f2f5f8;
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
}

.practice-pledge-top .practice-pledge-image {
  width: 56%;
  background-image: url("../images/sub/img_introduction_children.png");
  background-size: cover;
  background-position: center;
  height: 460px;
}

.practice-pledge-top .practice-pledge-text {
  padding-top: 156px;
  width: 30%;
  min-width: 470px;
  padding-left: 24px;
}

.practice-pledge-top .practice-pledge-text .introduction-sub-title {
  font-size: 20px;
  font-weight: normal;
  line-height: 26px;
  color: #0086bf;
  padding-bottom: 24px;
  position: relative;
  word-break: keep-all;
}

.practice-pledge-top .practice-pledge-text .introduction-sub-title::after {
  width: 40px;
  height: 2px;
  background-color: #0086bf;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
}

.practice-pledge-top .practice-pledge-text .introduction-text {
  width: 90%;
  word-break: keep-all;
}

.practice-pledge-list-wrap {
  margin-top: 80px;
}

.practice-pledge-list-wrap .introduction-sub-title {
  margin-bottom: 60px;
  color: #005eb8;
}

.practice-pledge-list-wrap .practice-pledge-item {
  background-color: #d6ebf0;
  padding: 48px 30px 30px;
  margin-bottom: 60px;
  position: relative;
  font-size: 16px;
  word-break: keep-all;
}

.practice-pledge-list-wrap .practice-pledge-item::before {
  display: block;
  position: absolute;
  top: -54px;
  left: 30px;
  font-family: Montserrat;
  font-size: 60px;
  font-weight: bold;
  color: #005eb8;
}

.practice-pledge-list-wrap .practice-pledge-item:nth-child(1)::before {
  content: '01';
}

.practice-pledge-list-wrap .practice-pledge-item:nth-child(2)::before {
  content: '02';
}

.practice-pledge-list-wrap .practice-pledge-item:nth-child(3)::before {
  content: '03';
}

.practice-pledge-list-wrap .practice-pledge-item:nth-child(4)::before {
  content: '04';
}

.practice-pledge-list-wrap .practice-title {
  font-weight: bold;
  margin-bottom: 8px;
}

.practice-pledge-list-wrap .practice-pledge-list-text span {
  font-weight: bold;
  display: block;
  margin-top: 24px;
}

.introduction-sub-head {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}

.introduction-sub-head + .introduction-text {
  margin-top: 0;
}

.organization-wrap .organization-image-wrap {
  margin: 24px 0;
}

.organization-wrap .organization-image-wrap img {
  width: 100%;
}

.organization-wrap .type-black {
  font-weight: bold;
}

.organization-list-wrap {
  margin-top: 40px;
  border: 1px solid #d9e1e2;
  padding: 32px;
  background-color: #f2f5f8;
}

.organization-list-wrap .introduction-sub-head {
  margin-bottom: 24px;
}

.organization-list-wrap .link {
  margin-top: 24px;
}

.organization-list-wrap .link-text {
  margin-top: 24px;
}

.organization-list-wrap ul li {
  position: relative;
  padding-left: 14px;
}

.organization-list-wrap ul li::before {
  display: block;
  width: 2px;
  height: 100%;
  content: '・';
  position: absolute;
  top: 0;
  left: 0;
}

.organization-list-wrap + .introduction-sub-head {
  margin-top: 40px;
}

.articles-wrap .introduction-text-wrap {
  border-bottom: 1px solid #d9e1e2;
  padding-bottom: 40px;
}

.articles-wrap .introduction-text-wrap:last-child {
  border-bottom: none;
}

.articles-wrap .articles-list {
  text-align: center;
  border-bottom: 1px solid #d9e1e2;
}

.articles-wrap .articles-list li {
  display: inline-block;
  width: 19%;
  margin-bottom: 24px;
}

.articles-wrap .articles-list li img {
  width: 100%;
}

.articles-wrap ol {
  margin-top: 24px;
}

.introduction-press-wrap {
  margin: 64px auto 120px auto;
}

.introduction-press-list {
  border-top: 2px solid #768692;
  border-bottom: 2px solid #768692;
}

.introduction-press-list .introduction-press-head {
  margin: 16px 0;
  font-weight: bold;
  font-size: 24px;
}

.introduction-press-list .introduction-press-head span {
  padding-right: 4px;
}

.introduction-press-list .introduction-press-content {
  width: 78%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.introduction-press-list .introduction-press-content[data-device=mobile] {
  display: none;
}

.introduction-press-list .introduction-press-content br {
  display: none;
}

.introduction-press-list .introduction-press-content * {
  font-family: 'Noto Sans KR' !important;
  font-size: inherit !important;
}

.introduction-press-list .introduction-press-content iframe {
  display: none;
}

.introduction-press-list .introduction-press-info {
  width: 100%;
  min-height: 48px;
  margin: 0 0 24px 0;
}

.introduction-press-list .introduction-press-info .type-date {
  vertical-align: bottom;
}

.introduction-press-list .introduction-press-info .type-btn {
  width: 180px;
}

.introduction-press-item + .introduction-press-item {
  border-top: 1px solid #768692;
}

.introduction-detail-wrap {
  margin-top: 64px;
  margin-bottom: 120px;
}

.introduction-detail-wrap .detail-head {
  border-bottom: 1px solid #768692;
  padding-bottom: 32px;
}

.introduction-detail-wrap .detail-head .detail-type {
  color: #005eb8;
}

.introduction-detail-wrap .detail-head .detail-type + .detail-title {
  margin-top: 8px;
}

.introduction-detail-wrap .detail-head .detail-title {
  font-size: 24px;
}

.introduction-detail-wrap .detail-head .detail-writer {
  margin-top: 8px;
  line-height: 24px;
}

.introduction-detail-wrap .detail-head .detail-info {
  margin-top: 40px;
}

.introduction-detail-wrap .detail-head .detail-info .title {
  font-weight: bold;
  padding-right: 16px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70px;
}

.introduction-detail-wrap .detail-head .detail-info li + li {
  margin-top: 8px;
}

.introduction-detail-wrap .detail-content {
  padding: 32px 0;
}

.introduction-detail-wrap .detail-content .detail-download-wrap {
  margin-top: 40px;
}

/* R0002647 수정 */
.introduction-detail-wrap .detail-content .detail-download-wrap .ui-file-block .input-file {
  z-index: -1;
}

.introduction-detail-wrap .detail-content .editor-area {
  line-height: 1.5 !important;
  text-indent: 0 !important;
}

.introduction-detail-wrap .side-btn-wrap {
  width: 100%;
  border-top: 1px solid #768692;
}

.introduction-map-wrap {
  margin: 72px auto 120px auto;
}

.detail-sns-wrap {
  position: relative;
  height: 48px;
  margin: 24px 0;
}

.detail-sns-wrap .children-sns-share {
  top: 0;
  right: 0;
}

.introduction-map-section {
  padding-bottom: 64px;
}

.introduction-map-section + .introduction-map-section .map-top .inner {
  padding-top: 64px;
  border-top: 1px solid #d9e1e2;
}

.introduction-map-section + .introduction-map-section .map-top dl dt.address::after {
  background-image: url("../images/common/ico_map_maker_lightBlue.png");
}

.introduction-map-section + .introduction-map-section .map-top dl dt.number::after {
  background-image: url("../images/common/ico_phone_lightBlue.png");
}

.introduction-map-section + .introduction-map-section .map-top dl dt.fax::after {
  background-image: url("../images/common/ico_fax_lightBlue.png");
}

.introduction-map-section + .introduction-map-section .map-top dl dt.email::after {
  background-image: url("../images/common/ico_email_lightBlue.png");
}

.introduction-map-section .map-info-text {
  border: 1px solid #71b2c9;
  padding: 32px;
  width: 900px;
  background: #f2f5f8;
}

.introduction-map-section .map-info-head {
  font-size: 32px;
  margin-bottom: 32px;
  color: #0086bf;
}

.introduction-map-section .map-top {
  position: relative;
  padding-bottom: 120px;
}

.introduction-map-section .map-top::after {
  width: 100%;
  background: #71b2c9;
  height: 358px;
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  z-index: -1;
}

.introduction-map-section .map-top.type-main-hall::after {
  background: #005eb8;
}

.introduction-map-section .map-top.type-main-hall .map-info-text {
  border: 1px solid #005eb8;
}

.introduction-map-section .map-top.type-main-hall .map-info-head {
  color: #005eb8;
}

.introduction-map-section .map-top dl > * {
  margin-left: 40px;
  padding-bottom: 8px;
}

.introduction-map-section .map-top dl dt {
  position: relative;
  font-weight: bold;
}

.introduction-map-section .map-top dl dt::after {
  width: 24px;
  height: 24px;
  display: block;
  content: '';
  position: absolute;
  top: -1px;
  left: -40px;
  background-size: 100%;
}

.introduction-map-section .map-top dl dt.address::after {
  background-image: url("../images/common/ico_map_maker_blue.png");
}

.introduction-map-section .map-top dl dt.number::after {
  background-image: url("../images/common/ico_phone_blue.png");
}

.introduction-map-section .map-top dl dt.fax::after {
  background-image: url("../images/common/ico_fax_blue.png");
}

.introduction-map-section .map-top dl dt.email::after {
  background-image: url("../images/common/ico_email_blue.png");
}

.introduction-map-section .map-top dl dd {
  padding-bottom: 12px;
}

.introduction-map-section .map-transport-wrap {
  margin-top: 40px;
}

.introduction-map-section .transport-item {
  background: #f9fbfc;
  padding: 32px;
}

.introduction-map-section .transport-item + .transport-item {
  margin-top: 20px;
}

.introduction-map-section .transport-item h5 {
  font-size: 24px;
  margin-bottom: 24px;
}

.introduction-map-section .transport-item .form-flex {
  width: 92%;
  table-layout: fixed;
  padding: 0 4%;
}

.introduction-map-section .transport-item .form-flex .form-flex-cell {
  word-break: keep-all;
  vertical-align: top;
  padding-right: 8px;
}

.introduction-map-section .transport-item .form-flex .form-flex-cell + .form-flex-cell {
  padding-left: 42px;
  padding-right: 0;
}

.introduction-map-section .transport-item .form-flex .form-flex-cell + .form-flex-cell::before {
  left: 8px;
}

.introduction-map-section .transport-item .form-flex + .form-flex {
  margin-top: 48px;
}

.introduction-map-section .transport-item.type-bus .form-flex {
  min-height: 40px;
}

.introduction-map-section .transport-item.type-bus .form-flex-cell {
  vertical-align: middle;
  position: relative;
  padding-left: 80px;
}

.introduction-map-section .transport-item.type-bus .form-flex-cell + .form-flex-cell {
  padding-left: 88px;
}

.introduction-map-section .transport-item.type-bus .form-flex-cell::before {
  width: 68px;
  height: 28px;
  border-radius: 3px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: 0;
  line-height: 28px;
  text-align: center;
  color: #fff;
}

.introduction-map-section .transport-item.type-bus .form-flex-cell.type-red::before {
  content: 'ê´‘ì—­';
  background: #dc1219;
}

.introduction-map-section .transport-item.type-bus .form-flex-cell.type-blue::before {
  content: 'ê°„ì„ ';
  background: #3a5cb3;
}

.introduction-map-section .transport-item.type-bus .form-flex-cell.type-yellow::before {
  content: '순환';
  background: #f8b106;
}

.introduction-map-section .transport-item.type-bus .form-flex-cell.type-green::before {
  content: '지선';
  background: #7bb865;
}

.introduction-map-section .transport-item.type-bus .form-flex-cell.type-skyblue::before {
  content: '공항';
  background: #70b0e0;
}

.type-subway {
  position: relative;
  padding-left: 36px;
}

.type-subway::before {
  width: 24px;
  height: 24px;
  display: block;
  content: '6';
  border-radius: 50%;
  background: #b5500b;
  font-size: 13px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

.google-map-wrap {
  width: 689px;
  height: 345px;
  position: absolute;
  right: 0;
  bottom: -40px;
}

.introduction-nation-wrap {
  margin: 80px auto 120px auto;
}

.introduction-nation-wrap.type-index .nation-text-wrap .nation-text {
  margin: 0 auto 66px auto;
  word-break: keep-all;
}

.introduction-nation-wrap.type-index .google-map-wrap {
  width: 1000px;
  height: 540px;
  position: inherit;
  margin: 0 auto;
}

/* s: 컴패션이 돕는 나라 메인 */
.compassion-nation-list-wrap {
  margin-top: 80px;
}

.compassion-nation-list-wrap h4 {
  text-align: center;
  font-size: 24px;
  color: #005eb8;
  font-weight: bold;
  margin: 80px auto 40px auto;
}

.compassion-nation-list-wrap .nation-list {
  width: 100%;
}

.compassion-nation-list-wrap .nation-list::after {
  content: '';
  display: table;
  clear: both;
}

.compassion-nation-list-wrap .nation-list + .nation-list {
  margin-top: 2%;
}

.compassion-nation-list-wrap .nation-item {
  display: inline-block;
  width: 32%;
  height: 240px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-left: 2%;
}

.compassion-nation-list-wrap .nation-item > div {
  width: 100%;
  height: 100%;
  position: relative;
}

.compassion-nation-list-wrap .nation-item a {
  display: block;
  height: 100%;
}

.compassion-nation-list-wrap .nation-item span {
  color: #fff;
  display: block;
  position: absolute;
  left: 40px;
  bottom: 32px;
}

.compassion-nation-list-wrap .nation-item span::before {
  width: 52px;
  height: 40px;
  display: inline-block;
  margin-right: 16px;
  content: '';
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
}

.compassion-nation-list-wrap .nation-item:first-child {
  margin-left: 0;
  float: left;
}

.compassion-nation-list-wrap .nation-item:nth-of-type(3) {
  margin-left: 0;
  float: right;
}

.compassion-nation-list-wrap .nation-item.BD {
  background-image: url("../images/sub/img_nation_BD.png");
}

.compassion-nation-list-wrap .nation-item.BD span::before {
  background-image: url("../images/common/ico_nation_BD.png");
}

.compassion-nation-list-wrap .nation-item.IO {
  background-image: url("../images/sub/img_nation_IO.png");
}

.compassion-nation-list-wrap .nation-item.IO span::before {
  background-image: url("../images/common/ico_nation_IO.png");
}

.compassion-nation-list-wrap .nation-item.PH {
  background-image: url("../images/sub/img_nation_PH.png");
}

.compassion-nation-list-wrap .nation-item.PH span::before {
  background-image: url("../images/common/ico_nation_PH.png");
}

.compassion-nation-list-wrap .nation-item.LK {
  background-image: url("../images/sub/img_nation_LK.png");
}

.compassion-nation-list-wrap .nation-item.LK span::before {
  background-image: url("../images/common/ico_nation_LK.png");
}

.compassion-nation-list-wrap .nation-item.TH {
  background-image: url("../images/sub/img_nation_TH.png");
}

.compassion-nation-list-wrap .nation-item.TH span::before {
  background-image: url("../images/common/ico_nation_TH.png");
}

.compassion-nation-list-wrap .nation-item.BF {
  background-image: url("../images/sub/img_nation_BF.png");
}

.compassion-nation-list-wrap .nation-item.BF span::before {
  background-image: url("../images/common/ico_nation_BF.png");
}

.compassion-nation-list-wrap .nation-item.ET {
  background-image: url("../images/sub/img_nation_ET.png");
}

.compassion-nation-list-wrap .nation-item.ET span::before {
  background-image: url("../images/common/ico_nation_ET.png");
}

.compassion-nation-list-wrap .nation-item.GH {
  background-image: url("../images/sub/img_nation_GH.png");
}

.compassion-nation-list-wrap .nation-item.GH span::before {
  background-image: url("../images/common/ico_nation_GH.png");
}

.compassion-nation-list-wrap .nation-item.KE {
  background-image: url("../images/sub/img_nation_KE.png");
}

.compassion-nation-list-wrap .nation-item.KE span::before {
  background-image: url("../images/common/ico_nation_KE.png");
}

.compassion-nation-list-wrap .nation-item.RW {
  background-image: url("../images/sub/img_nation_RW.png");
}

.compassion-nation-list-wrap .nation-item.RW span::before {
  background-image: url("../images/common/ico_nation_RW.png");
}

.compassion-nation-list-wrap .nation-item.TZ {
  background-image: url("../images/sub/img_nation_TZ.png");
}

.compassion-nation-list-wrap .nation-item.TZ span::before {
  background-image: url("../images/common/ico_nation_TZ.png");
}

.compassion-nation-list-wrap .nation-item.TG {
  background-image: url("../images/sub/img_nation_TG.png");
}

.compassion-nation-list-wrap .nation-item.TG span::before {
  background-image: url("../images/common/ico_nation_TG.png");
}

.compassion-nation-list-wrap .nation-item.UG {
  background-image: url("../images/sub/img_nation_UG.png");
}

.compassion-nation-list-wrap .nation-item.UG span::before {
  background-image: url("../images/common/ico_nation_UG.png");
}

.compassion-nation-list-wrap .nation-item.DR {
  background-image: url("../images/sub/img_nation_DR.png");
}

.compassion-nation-list-wrap .nation-item.DR span::before {
  background-image: url("../images/common/ico_nation_DR.png");
}

.compassion-nation-list-wrap .nation-item.ES {
  background-image: url("../images/sub/img_nation_SV.png");
}

.compassion-nation-list-wrap .nation-item.ES span::before {
  background-image: url("../images/common/ico_nation_SV.png");
}

.compassion-nation-list-wrap .nation-item.GU {
  background-image: url("../images/sub/img_nation_GU.png");
}

.compassion-nation-list-wrap .nation-item.GU span::before {
  background-image: url("../images/common/ico_nation_GU.png");
}

.compassion-nation-list-wrap .nation-item.HA {
  background-image: url("../images/sub/img_nation_HA.png");
}

.compassion-nation-list-wrap .nation-item.HA span::before {
  background-image: url("../images/common/ico_nation_HA.png");
}

.compassion-nation-list-wrap .nation-item.HO {
  background-image: url("../images/sub/img_nation_HN.png");
}

.compassion-nation-list-wrap .nation-item.HO span::before {
  background-image: url("../images/common/ico_nation_HN.png");
}

.compassion-nation-list-wrap .nation-item.ME {
  background-image: url("../images/sub/img_nation_MX.png");
}

.compassion-nation-list-wrap .nation-item.ME span::before {
  background-image: url("../images/common/ico_nation_ME.png");
}

.compassion-nation-list-wrap .nation-item.NI {
  background-image: url("../images/sub/img_nation_NI.png");
}

.compassion-nation-list-wrap .nation-item.NI span::before {
  background-image: url("../images/common/ico_nation_NI.png");
}

.compassion-nation-list-wrap .nation-item.CO {
  background-image: url("../images/sub/img_nation_CO.png");
}

.compassion-nation-list-wrap .nation-item.CO span::before {
  background-image: url("../images/common/ico_nation_CO.png");
}

.compassion-nation-list-wrap .nation-item.BR {
  background-image: url("../images/sub/img_nation_BR.png");
}

.compassion-nation-list-wrap .nation-item.BR span::before {
  background-image: url("../images/common/ico_nation_BR.png");
}

.compassion-nation-list-wrap .nation-item.EC {
  background-image: url("../images/sub/img_nation_EC.png");
}

.compassion-nation-list-wrap .nation-item.EC span::before {
  background-image: url("../images/common/ico_nation_EC.png");
}

.compassion-nation-list-wrap .nation-item.PE {
  background-image: url("../images/sub/img_nation_PE.png");
}

.compassion-nation-list-wrap .nation-item.PE span::before {
  background-image: url("../images/common/ico_nation_PE.png");
}

.compassion-nation-list-wrap .nation-item.BO {
  background-image: url("../images/sub/img_nation_BO.png");
}

.compassion-nation-list-wrap .nation-item.BO span::before {
  background-image: url("../images/common/ico_nation_BO.png");
}
.compassion-nation-list-wrap .nation-item.MM {
  background-image: url("../images/sub/img_nation_MM.png");
}

.compassion-nation-list-wrap .nation-item.MM span::before {
  background-image: url("../images/common/ico_nation_MM.png");
}

.compassion-nation-list-wrap .nation-item.MW {
  background-image: url("../images/sub/img_nation_MW.png");
}

.compassion-nation-list-wrap .nation-item.MW span::before {
  background-image: url("../images/common/ico_nation_MW.png");
}

.compassion-nation-list-wrap .nation-item.KH {
    background-image: url("../images/sub/img_nation_KH.png");
}

.compassion-nation-list-wrap .nation-item.KH span::before {
    background-image: url("../images/common/ico_nation_KH.png");
}

.compassion-nation-list-wrap .nation-item.ZM {
    background-image: url("../images/sub/img_nation_ZM.png");
}

.compassion-nation-list-wrap .nation-item.ZM span::before {
    background-image: url("../images/common/ico_nation_ZM.png");
}

/* e: 컴패션이 돕는 나라 메인 */
/* s: 컴패션이 돕는 나라 상세 */
.compassion-nation-top {
  padding: 56px 0 50px 0;
  width: 100%;
  background-color: #005eb8;
  color: #fff;
}

.compassion-nation-top .inner > div {
  width: 48%;
  display: inline-block;
}

.compassion-nation-top .inner::after {
  width: 486px;
  height: 486px;
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  float: right;
  margin-top: 16px;
}

.compassion-nation-top .compassion-nation-title {
  font-size: 48px;
}

.compassion-nation-top .compassion-nation-title span {
  font-size: 32px;
  display: block;
  font-weight: normal;
}

.compassion-nation-top .compassion-nation-title::before {
  content: '';
  display: block;
  width: 78px;
  height: 60px;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 16px;
}

.compassion-nation-top .compassion-nation-title::after {
  width: 56px;
  height: 8px;
  display: block;
  content: '';
  background-color: #ffd100;
  margin: 32px 0;
}

.compassion-nation-top p {
  min-height: 150px;
  word-break: keep-all;
}

.compassion-nation-top.GH .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_GH.png");
}

.compassion-nation-top.GH .inner::after {
  background-image: url("../images/sub/img_GH_main.png");
}

.compassion-nation-top.BD .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_BD.png");
}

.compassion-nation-top.BD .inner::after {
  background-image: url("../images/sub/img_BD_main.png");
}

.compassion-nation-top.ET .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_ET.png");
}

.compassion-nation-top.ET .inner::after {
  background-image: url("../images/sub/img_ET_main.png");
}

.compassion-nation-top.GU .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_GU.png");
}

.compassion-nation-top.GU .inner::after {
  background-image: url("../images/sub/img_GU_main.png");
}

.compassion-nation-top.LK .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_LK.png");
}

.compassion-nation-top.LK .inner::after {
  background-image: url("../images/sub/img_LK_main.png");
}

.compassion-nation-top.PH .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_PH.png");
}

.compassion-nation-top.PH .inner::after {
  background-image: url("../images/sub/img_PH_main.png");
}

.compassion-nation-top.IO .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_IO.png");
}

.compassion-nation-top.IO .inner::after {
  background-image: url("../images/sub/img_IO_main.png");
}

.compassion-nation-top.NI .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_NI.png");
}

.compassion-nation-top.NI .inner::after {
  background-image: url("../images/sub/img_NI_main.png");
}

.compassion-nation-top.BO .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_BO.png");
}

.compassion-nation-top.BO .inner::after {
  background-image: url("../images/sub/img_BO_main.png");
}

.compassion-nation-top.BR .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_BR.png");
}

.compassion-nation-top.BR .inner::after {
  background-image: url("../images/sub/img_BR_main.png");
}

.compassion-nation-top.ME .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_ME.png");
}

.compassion-nation-top.ME .inner::after {
  background-image: url("../images/sub/img_ME_main.png");
}

.compassion-nation-top.DR .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_DR.png");
}

.compassion-nation-top.DR .inner::after {
  background-image: url("../images/sub/img_DR_main.png");
}

.compassion-nation-top.RW .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_RW.png");
}

.compassion-nation-top.RW .inner::after {
  background-image: url("../images/sub/img_RW_main.png");
}

.compassion-nation-top.EC .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_EC.png");
}

.compassion-nation-top.EC .inner::after {
  background-image: url("../images/sub/img_EC_main.png");
}

.compassion-nation-top.HO .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_HN.png");
}

.compassion-nation-top.HO .inner::after {
  background-image: url("../images/sub/img_HN_main.png");
}

.compassion-nation-top.ES .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_SV.png");
}

.compassion-nation-top.ES .inner::after {
  background-image: url("../images/sub/img_SV_main.png");
}

.compassion-nation-top.PE .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_PE.png");
}

.compassion-nation-top.PE .inner::after {
  background-image: url("../images/sub/img_PE_main.png");
}

.compassion-nation-top.HA .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_HA.png");
}

.compassion-nation-top.HA .inner::after {
  background-image: url("../images/sub/img_HA_main.png");
}

.compassion-nation-top.UG .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_UG.png");
}

.compassion-nation-top.UG .inner::after {
  background-image: url("../images/sub/img_UG_main.png");
}

.compassion-nation-top.TZ .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_TZ.png");
}

.compassion-nation-top.TZ .inner::after {
  background-image: url("../images/sub/img_TZ_main.png");
}

.compassion-nation-top.CO .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_CO.png");
}

.compassion-nation-top.CO .inner::after {
  background-image: url("../images/sub/img_CO_main.png");
}

.compassion-nation-top.TG .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_TG.png");
}

.compassion-nation-top.TG .inner::after {
  background-image: url("../images/sub/img_TG_main.png");
}

.compassion-nation-top.TH .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_TH.png");
}

.compassion-nation-top.TH .inner::after {
  background-image: url("../images/sub/img_TH_main.png");
}

.compassion-nation-top.BF .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_BF.png");
}

.compassion-nation-top.BF .inner::after {
  background-image: url("../images/sub/img_BF_main.png");
}

.compassion-nation-top.KE .compassion-nation-title::before {
  background-image: url("../images/common/ico_nation_KE.png");
}

.compassion-nation-top.KE .inner::after {
  background-image: url("../images/sub/img_KE_main.png");
}

.compassion-nation-top.MM .compassion-nation-title::before {
    background-image: url("../images/common/ico_nation_MM.png");
}

.compassion-nation-top.MM .inner::after {
  background-image: url("../images/sub/img_MM_main.png");
}

.compassion-nation-top.MW .compassion-nation-title::before {
    background-image: url("../images/common/ico_nation_MW.png");
}

.compassion-nation-top.MW .inner::after {
  background-image: url("../images/sub/img_MW_main.png");
}

.compassion-nation-top.KH .compassion-nation-title::before {
    background-image: url("../images/common/ico_nation_KH.png");
}

.compassion-nation-top.KH .inner::after {
    background-image: url("../images/sub/img_KH_main.png");
}

.compassion-nation-top.ZM .compassion-nation-title::before {
    background-image: url("../images/common/ico_nation_ZM.png");
}

.compassion-nation-top.ZM .inner::after {
    background-image: url("../images/sub/img_ZM_main.png");
}

.nation-info-wrap {
  margin: 56px 0 80px 0;
}

.nation-story {
    margin: 56px 0 80px 0;
}

.nation-info-wrap ul li {
  position: relative;
  display: inline-block;
  width: 33%;
  margin: 12px 0;
  vertical-align: top;
}

.nation-info-wrap ul li > div {
  display: inline-block;
  width: 65%;
  vertical-align: middle;
  word-break: keep-all;
}

.nation-info-wrap ul li span {
  display: block;
  font-weight: bold;
}

.nation-info-wrap ul li::before {
  content: '';
  display: inline-block;
  width: 72px;
  height: 72px;
  margin-right: 30px;
  vertical-align: middle;
  background-size: 100%;
}

.nation-info-wrap ul li[data-type=capital]::before {
  background-image: url("../images/sub/ico_location.png");
}

.nation-info-wrap ul li[data-type=population]::before {
  background-image: url("../images/sub/ico_population.png");
}

.nation-info-wrap ul li[data-type=water-supply]::before {
  background-image: url("../images/sub/ico_water_supply.png");
}

.nation-info-wrap ul li[data-type=infant-death]::before {
  background-image: url("../images/sub/ico_infant_death.png");
}

.nation-info-wrap ul li[data-type=underweight]::before {
  background-image: url("../images/sub/ico_infant_weight.png");
}

.nation-info-wrap ul li[data-type=literacy]::before {
  background-image: url("../images/sub/ico_literacy.png");
}

.nation-info-wrap ul li[data-type=dollar]::before {
  background-image: url("../images/sub/ico_dollar.png");
}

.nation-info-wrap ul li[data-type=labor]::before {
  background-image: url("../images/sub/ico_labor.png");
}

.nation-info-wrap ul li[data-type=sanitation-supply]::before {
  background-image: url("../images/sub/ico_washing_hands.png");
}

.nation-info-wrap ul li[data-type=religion]::before {
  background-image: url("../images/sub/ico_religion.png");
}

.nation-info-wrap ul li[data-type=language]::before {
  background-image: url("../images/sub/ico_lang.png");
}

.nation-info-wrap ul li[data-type=lifespan]::before {
  background-image: url("../images/sub/ico_lifespan.png");
}

.nation-info-wrap ul li[data-type=gdp]::before {
  background-image: url("../images/sub/ico_gdp.png");
}
.nation-info-wrap ul li[data-type=hiv]::before {
  background-image: url("../images/sub/ico_hiv.png");
}

.nation-map-wrap #map {
  position: absolute;
  top: 0;
  left: 0;
}

.nation-map-wrap .children-stay-map {
  position: relative;
  width: 690px;
  height: 392px;
}

.nation-map-wrap .nation-info-text {
  width: 588px;
  background-color: #0086bf;
  float: right;
  margin-top: 40px;
  color: #fff;
}

.nation-map-wrap .nation-info-text.visibility-hidden{
	visibility: hidden;
}

.nation-map-wrap .nation-info-text ul {
  margin-left: 118px;
  padding: 24px 0 56px 0;
}

.nation-map-wrap .nation-info-text ul li {
  vertical-align: top;
  font-size: 24px;
  font-weight: bold;
  margin-top: 44px;
  position: relative;
}

.nation-map-wrap .nation-info-text ul li::before {
  width: 72px;
  height: 72px;
  content: '';
  display: inline-block;
  margin-right: 24px;
  vertical-align: middle;
  background-size: 100%;
}

.nation-map-wrap .nation-info-text ul li:last-child div {
  width: 63%;
  word-break: keep-all;
}

.nation-map-wrap .nation-info-text ul li > div {
  display: inline-block;
  vertical-align: middle;
}

.nation-map-wrap .nation-info-text ul span {
  display: block;
  font-size: 16px;
  font-weight: normal;
}

.nation-map-wrap .nation-info-text ul .years::before {
  background-image: url("../images/sub/ico_compassion_year.png");
}

.nation-map-wrap .nation-info-text ul .children::before {
  background-image: url("../images/sub/ico_compassion_children.png");
}

.nation-map-wrap .nation-info-text ul .center::before {
  background-image: url("../images/sub/ico_compassion_center.png");
}

.nation-map-text {
  position: relative;
  margin-top: -77px;
  z-index: -1;
  word-break: keep-all;
}
.nation-map-text.no-info-text {
	margin-bottom: 110px
}

.nation-map-text .inner {
  background-color: #fff1b2;
  padding: 120px 0;
}

.nation-map-text .inner p {
  margin: 0 102px;
  font-size: 16px;
}

.nation-map-text::before {
  width: 50%;
  height: 100%;
  display: block;
  content: '';
  background-color: #fff1b2;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.nation-pray-list-wrap {
  margin-top: 160px;
}

.nation-pray-list-wrap ul {
  background-color: #d6ebf0;
  padding: 40px 102px;
}

.nation-pray-list-wrap li {
  position: relative;
  display: table;
  width: 100%;
}

.nation-pray-list-wrap li span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 24px;
}

.nation-pray-list-wrap li::before {
  display: table-cell;
  width: 40px;
  height: 40px;
  content: '';
  background-image: url("../images/sub/ico_pray.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.nation-pray-list-wrap li + li {
  margin-top: 32px;
}

.nation-pray-list-wrap .nation-pray-list {
  position: relative;
}

.nation-pray-list-wrap .nation-pray-list:after {
  width: 50%;
  height: 100%;
  display: block;
  content: '';
  background-color: #d6ebf0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.nation-sponsorship-children {
  margin: 120px 0 160px 0;
}

.nation-sponsorship-children .inner {
  position: relative;
}

.nation-sponsorship-children .inner::before {
  width: 489px;
  height: 508px;
  display: block;
  content: '';
  background-image: url("../images/main/bg_half_circle_object.png");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: -300px;
  z-index: -1;
}

.nation-sponsorship-children .matching-children-list {
  width: 100%;
  padding: 0;
}

.nation-sponsorship-children .matching-children-list .children-intro-box .children-name span {
  color: #005eb8;
}

.nation-story .inner {
  position: relative;
}

.nation-story .inner::before {
  width: 352px;
  height: 290px;
  display: block;
  content: '';
  background-image: url("../images/main/bg_main_circle_object_03.png");
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: -255px;
}

.nation-story .introduction-head {
  margin-bottom: 16px;
}

.nation-story .form-flex {
  width: 100%;
  table-layout: fixed;
}

.nation-story .form-flex-cell {
  padding: 0 6px;
  text-align: center;
}

.nation-story .form-flex-cell span {
  margin-top: 16px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  display: block;
}

.nation-story .form-flex-cell img {
  width: 100%;
}

.nation-story .form-flex-cell a {
  display: inline-block;
  max-width: 588px;
}

.introduction-nation-btn {
  margin: 167px auto 104px auto;
}

/* e: 컴패션이 돕는 나라 상세 */
.nation-text-wrap h4 {
  font-size: 32px;
  text-align: center;
}

.nation-text-wrap .nation-text {
  margin: 40px auto 80px auto;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

.nation-text-wrap .nation-text .sub-text {
  margin-top: 24px;
  display: block;
  font-weight: normal;
  font-size: 16px;
}

.nation-tab-wrap .ui-accordion-wrap {
  border: 1px solid #f2f5f8;
  padding: 20px 32px;
}

.nation-tab-wrap .ui-accordion-wrap .ui-accordion-opener {
  width: 60px;
  left: auto;
  right: 0;
}

.nation-tab-wrap .ui-accordion-wrap .g-button-tab-basic {
  min-width: 40px;
  padding: 0 24px;
  height: 48px;
  font-size: 16px;
  line-height: 47px;
}

.nation-tab-wrap .ui-accordion-wrap .g-button-tab-basic + .g-button-tab-basic {
  margin-left: 24px;
}

.nation-tab-wrap .ui-accordion-content .button-flex + .button-flex {
  margin-top: 12px;
}

.nation-tab-content {
  margin-top: 80px;
}

.nation-tab-content h5 {
  font-size: 32px;
}

.nation-tab-content .nation-introdunction-text {
  width: 35%;
  padding-right: 2%;
  padding-left: 3%;
  float: right;
}

.nation-tab-content .nation-introdunction-wrap {
  margin-top: 40px;
}

.nation-tab-content .nation-introdunction-wrap::after {
  content: '';
  display: table;
  clear: both;
}

.nation-tab-content .nation-introdunction-wrap::before {
  width: 60%;
  height: 460px;
  display: inline-block;
  content: '';
  background: url("../images/sub/img_compassion_nation_children.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.nation-tab-content .nation-introdunction-wrap .nation-head {
  font-size: 20px;
  padding-bottom: 24px;
  font-weight: bold;
  color: #005eb8;
  position: relative;
}

.nation-tab-content .nation-introdunction-wrap .nation-head::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  background: #005eb8;
}

.nation-tab-content .nation-introdunction-wrap .nation-text {
  margin-top: 24px;
  line-height: 26px;
}

.nation-tab-content .nation-children-wrap {
  margin-top: 80px;
}

.nation-pray-wrap {
  text-align: center;
}

.nation-pray-wrap .inner {
  width: 92%;
}

.nation-pray-wrap .nation-head {
  padding-top: 40px;
  border-top: 1px solid #f2f5f8;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 24px;
}

.nation-pray-wrap .nation-text p {
  margin-bottom: 24px;
}

.nation-pray-wrap .center-btn-wrap {
  margin-top: 0;
}

.introduction-parenting-wrap {
  margin-top: 64px;
}

.introduction-parenting-wrap .introduction-section {
  border: none;
}

.introduction-parenting-wrap .introduction-section + .introduction-section {
  border: none;
}

.introduction-parenting-wrap .introduction-section:last-child {
  padding-bottom: 0;
}

.introduction-parenting-wrap .parenting-head {
  font-size: 32px;
}

.introduction-parenting-wrap .parenting-text {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}

.introduction-parenting-wrap .parenting-text .sub-text {
  color: #8d8d8d;
  padding-top: 16px;
  font-size: 16px;
  font-weight: normal;
  display: block;
}

.introduction-parenting-wrap .ui-accordion-wrap {
  border: 1px solid #d9e1e2;
}

.introduction-parenting-wrap .ui-accordion-wrap .ui-accordion-head {
  padding: 30px 24px;
  font-weight: bold;
}

.introduction-parenting-wrap .ui-accordion-wrap .ui-accordion-opener::before {
  right: 30px;
}

.introduction-parenting-wrap .ui-accordion-wrap .ui-accordion-layer {
  background-color: #f2f5f8;
  padding: 30px 24px;
}

.introduction-parenting-wrap .ui-accordion-wrap .ui-accordion-layer p strong {
  display: block;
}

.introduction-parenting-wrap .ui-accordion-wrap .ui-accordion-layer p + p {
  margin-top: 24px;
}

.protection-top-wrap .parenting-text {
  margin: 64px auto 80px auto;
  word-break: keep-all;
}

.protection-top-wrap .parenting-principle-wrap {
  position: relative;
}

.protection-top-wrap .parenting-principle-wrap::before {
  width: 75%;
  height: 495px;
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url("../images/sub/img_pray_girl.png");
  background-repeat: no-repeat;
  background-position: center;
}

.protection-top-wrap .parenting-principle-wrap .parenting-introdunction-text {
  float: right;
  width: 714px;
  height: 440px;
  background-color: #fff;
  margin-top: 176px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.protection-top-wrap .parenting-principle-wrap .parenting-head {
  padding: 64px 48px 40px 48px;
  font-size: 24px;
  font-weight: bold;
}

.protection-top-wrap .parenting-principle-wrap .parenting-head span {
  display: block;
  word-break: keep-all;
}

.protection-top-wrap .parenting-principle-wrap .parenting-text {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  padding: 0 48px 40px 48px;
  margin: 0;
}

.protection-terms-wrap {
  margin: 80px 0 120px 0;
  background-color: #005eb8;
  width: 100%;
  padding: 80px 0;
  font-size: 18px;
}

.protection-terms-wrap .protection-terms {
  text-align: center;
}

.protection-terms-wrap .protection-terms-head {
  font-size: 20px;
  margin-bottom: 32px;
  color: #fff;
}

.protection-terms-wrap .protection-terms-item {
  background-image: url("../images/sub/bg_circle.png");
  background-size: 100%;
  width: 288px;
  height: 288px;
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
  position: relative;
}

.protection-terms-wrap .protection-terms-item p {
  padding-top: 152px;
}

.protection-terms-wrap .protection-terms-item::before {
  width: 64px;
  height: 64px;
  content: '';
  position: absolute;
  left: 50%;
  top: 54px;
  margin-left: -32px;
  display: block;
  background-image: url("../images/common/ico_bible.png");
  background-size: 100%;
}

.protection-terms-wrap .protection-terms-item:nth-of-type(2)::before {
  background-image: url("../images/common/ico_pray.png");
}

.protection-terms-wrap .protection-terms-item:last-child::before {
  background-image: url("../images/common/ico_crossmark.png");
}

.parenting-top-wrap .parenting-text {
  margin: 64px auto 80px auto;
}

.parenting-top-wrap .parenting-text span {
  display: block;
}

.parenting-period-wrap .type-scroll {
  width: 100%;
  overflow: auto;
  position: relative;
}

.parenting-period-wrap .type-scroll .mCSB_container {
  padding: 16px 0;
  white-space: nowrap;
  position: relative;
  background-image: url("../images/sub/img_children_phase.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 8px 104px;
}

.parenting-period-wrap .type-scroll .mCSB_container::after {
  width: 27px;
  height: 32px;
  display: block;
  content: '';
  background-image: url("../images/common/ico_protect.png");
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 585px;
}

.parenting-period-wrap .type-scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -16px;
}

.parenting-period-wrap .period-list {
  border-bottom: 1px dashed #8d8d8d;
  display: inline-block;
  vertical-align: top;
  padding-top: 29px;
  text-align: center;
  position: relative;
}

.parenting-period-wrap .period-list .period-title {
  font-size: 20px;
}

.parenting-period-wrap .period-list .period-title span {
  font-weight: bold;
}

.parenting-period-wrap .period-list > .period-title {
  position: relative;
}

.parenting-period-wrap .period-list > .period-title::before {
  width: 10px;
  height: 16px;
  background-image: url("../images/sub/ico_introduction_arrow_left.png");
  background-size: 100%;
  display: block;
  content: '';
  position: absolute;
  top: -38px;
  left: -1px;
}

.parenting-period-wrap .period-list > .period-title::after {
  width: 10px;
  height: 16px;
  background-image: url("../images/sub/ico_introduction_arrow_right.png");
  background-size: 100%;
  display: block;
  content: '';
  position: absolute;
  top: -38px;
  right: -1px;
}

.parenting-period-wrap .period-list .period-content .period-item .period-title {
  color: #3d3e3f;
}

.parenting-period-wrap .period-list::before {
  width: 32px;
  height: 32px;
  display: block;
  content: '';
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -16px;
  background-image: url("../images/common/ico_teen.png");
  background-size: 100%;
}

.parenting-period-wrap .period-list:first-child {
  border-top: 1px dashed #0086bf;
  width: 222px;
}

.parenting-period-wrap .period-list:first-child::before {
  background-image: url("../images/common/ico_mom_baby.png");
}

.parenting-period-wrap .period-list:first-child .period-title {
  color: #0086bf;
}

.parenting-period-wrap .period-list:last-child {
  border-top: 1px dashed #005eb8;
  width: 974px;
}

.parenting-period-wrap .period-list:last-child > .period-title {
  color: #005eb8;
  position: relative;
}

.parenting-period-wrap .period-list:last-child > .period-title::before {
  width: 10px;
  height: 16px;
  background-image: url("../images/sub/ico_introduction_arrow_left_blue.png");
  background-size: 100%;
  display: block;
  content: '';
  position: absolute;
  top: -38px;
  left: -1px;
}

.parenting-period-wrap .period-list:last-child > .period-title::after {
  width: 10px;
  height: 16px;
  background-image: url("../images/sub/ico_introduction_arrow_right_blue.png");
  background-size: 100%;
  display: block;
  content: '';
  position: absolute;
  top: -38px;
  right: -1px;
}

.parenting-period-wrap .period-list:last-child .period-content .period-item .period-title {
  position: relative;
}

.parenting-period-wrap .period-list:last-child .period-content .period-item .period-title::before {
  display: block;
  content: '|';
  position: absolute;
  left: 0;
  top: 0;
}

.parenting-period-wrap .period-content {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 270px 0 40px 0;
}

.parenting-period-wrap .period-content .period-item {
  display: table-cell;
}

.parenting-period-wrap .period-bottom-text {
  text-align: center;
}

.parenting-period-wrap .period-bottom-text ul {
  font-size: 20px;
  padding: 40px 0;
}

.parenting-period-wrap .period-bottom-text ul li {
  padding-bottom: 8px;
}

.parenting-goal-wrap::before {
  width: 1723px;
  height: 968px;
  content: '';
  display: inline-block;
  background-image: url("../images/sub/bg_parenting.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  padding-bottom: 80px;
}

.parenting-goal-wrap .parenting-goal {
  width: 100%;
  margin-top: 24px;
  border-top: 1px solid #768692;
}

.parenting-goal-wrap .parenting-goal .sub-text {
  color: #161718;
  margin-bottom: 120px;
}

.parenting-goal-wrap .form-flex {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 90px;
}

.parenting-goal-wrap .form-flex .form-flex-cell {
  vertical-align: top;
  border-bottom: 1px solid #768692;
}

.parenting-goal-wrap .form-flex .form-flex-cell + .form-flex-cell {
  border-left: 1px solid #d9e1e2;
  padding: 0;
}

.parenting-goal-wrap .form-flex .form-flex-cell .title {
  position: relative;
}

.parenting-goal-wrap .form-flex .form-flex-cell .title::before {
  width: 64px;
  height: 64px;
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100%;
}

.parenting-goal-wrap .form-flex .form-flex-cell:first-child .title::before {
  background-image: url("../images/common/ico_book.png");
}

.parenting-goal-wrap .form-flex .form-flex-cell:nth-child(2) .title::before {
  background-image: url("../images/common/ico_children.png");
}

.parenting-goal-wrap .form-flex .form-flex-cell:nth-child(3) .title::before {
  background-image: url("../images/common/ico_infant.png");
}

.parenting-goal-wrap .form-flex .form-flex-cell:last-child .title::before {
  background-image: url("../images/common/ico_bible.png");
}

.parenting-goal-wrap .parenting-goal-head {
  padding: 16px 55px;
}

.parenting-goal-wrap .parenting-goal-head .title {
  font-size: 24px;
  color: #005eb8;
  padding-bottom: 8px;
  font-weight: bold;
  padding-top: 67px;
  display: block;
}

.parenting-goal-wrap .parenting-goal-head p {
  font-weight: bold;
}

.parenting-goal-wrap .parenting-goal-content {
  border-top: 1px solid #d9e1e2;
  padding: 24px 48px;
}

.parenting-goal-wrap .parenting-goal-content ul li {
  position: relative;
  padding-left: 8px;
}

.parenting-goal-wrap .parenting-goal-content ul li::before {
  content: '-';
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.parenting-curriculum-accordion .curriculum-head {
  margin-bottom: 40px;
}

.parenting-curriculum-accordion .curriculum-head::after {
  content: '';
  display: table;
  clear: both;
}

.parenting-curriculum-accordion .curriculum-head .curriculum-title {
  font-size: 20px;
  display: inline-block;
}

.parenting-curriculum-accordion .curriculum-head .sub-text {
  float: right;
}

.parenting-curriculum-accordion .curriculum-title {
  font-weight: bold;
}

.parenting-curriculum-accordion .curriculum-section + .curriculum-section {
  margin-top: 40px;
}

.parenting-curriculum-accordion .curriculum-section .curriculum-head {
  margin-bottom: 0;
}

.parenting-curriculum-accordion .curriculum-section .curriculum-title {
  font-size: 16px;
  color: #005eb8;
}

.parenting-curriculum-accordion .curriculum-section .sub-text {
  float: none;
}

.parenting-curriculum-accordion .curriculum-section li span {
  font-weight: bold;
}

.parenting-curriculum-accordion .my-banner-random {
  margin: 24px 0;
  text-align: center;
}

.parenting-bottom-wrap {
  width: 100%;
  background: #005eb8;
  padding: 70px 0;
  color: #fff;
}

.parenting-bottom-wrap .parenting-head {
  font-weight: bold;
}

.parenting-bottom-wrap .parenting-content {
  width: 100%;
  margin: 48px auto 70px auto;
}

.parenting-bottom-wrap .parenting-img {
  width: 320px;
  height: 320px;
  margin: 0 auto 24px auto;
  border-radius: 50%;
  background-position: center;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  background-size: 100%;
}

.parenting-bottom-wrap .info-wrap {
  text-align: center;
}

.parenting-bottom-wrap .info-wrap .name {
  font-size: 20px;
  padding-bottom: 8px;
}

.parenting-bottom-wrap .info-wrap p {
  color: #bbdde6;
}

.parenting-bottom-wrap .center-btn-wrap {
  margin-top: 24px;
}

.introdunction-overall-compassion {
  margin: 0 auto 180px auto;
}

.introdunction-overall-compassion .introduction-head {
  font-size: 32px;
}

.compassion-introduction-banner .inner .bnr-main-text {
  display: flex;
  justify-content: center;
}

.compassion-introduction-banner .btn-view-detail-wrap{
  display: flex;
  justify-content: center;
  padding: 0px 210px 0px 0px;
}

.compassion-question-wrap {
  width: 100%;
  background-color: #eaf4f7;
  padding: 64px 0 80px 0;
}

.compassion-question-wrap .introduction-head {
  margin-bottom: 40px;
}

.compassion-question-wrap .compassion-question-content {
  position: relative;
}

.compassion-question-wrap .compassion-question-line + .compassion-question-line {
  margin-top: 21px;
}

.compassion-question-wrap .compassion-question-line:first-child .compassion-question-item:first-child .compassion-question-head::after {
  background-image: url("../images/sub/bg_compassion_question_item_01.png");
}

.compassion-question-wrap .compassion-question-line:first-child .compassion-question-item:first-child .compassion-question-popup {
  background-image: url("../images/sub/bg_compassion_question_content_01.png");
}

.compassion-question-wrap .compassion-question-line:first-child .compassion-question-item:last-child .compassion-question-head::after {
  background-image: url("../images/sub/bg_compassion_question_item_02.png");
}

.compassion-question-wrap .compassion-question-line:first-child .compassion-question-item:last-child .compassion-question-popup {
  background-image: url("../images/sub/bg_compassion_question_content_02.png");
}

.compassion-question-wrap .compassion-question-line:first-child .compassion-question-item:last-child .compassion-question-popup p {
  position: relative;
}

.compassion-question-wrap .compassion-question-line:first-child .compassion-question-item:last-child .compassion-question-popup p::before {
  position: absolute;
  top: 180px;
  left: 0;
  width: 470px;
  height: 253px;
  display: block;
  content: '';
  background-image: url("../images/sub/img_compassion_question_02.png");
  background-size: 100%;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(2) .compassion-question-item:first-child .compassion-question-head::after {
  background-image: url("../images/sub/bg_compassion_question_item_03.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(2) .compassion-question-item:first-child .compassion-question-popup {
  background-image: url("../images/sub/bg_compassion_question_content_03.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(2) .compassion-question-item:first-child .compassion-question-popup p {
  position: relative;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(2) .compassion-question-item:first-child .compassion-question-popup p::before {
  position: absolute;
  top: 180px;
  left: 0;
  width: 448px;
  height: 296px;
  display: block;
  content: '';
  background-image: url("../images/sub/img_compassion_question_03.png");
  background-size: 100%;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(2) .compassion-question-item:last-child .compassion-question-head::after {
  background-image: url("../images/sub/bg_compassion_question_item_04.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(2) .compassion-question-item:last-child .compassion-question-popup {
  background-image: url("../images/sub/bg_compassion_question_content_04.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:first-child .compassion-question-head::after {
  background-image: url("../images/sub/bg_compassion_question_item_05.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:first-child .compassion-question-popup {
  background-image: url("../images/sub/bg_compassion_question_content_05.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:first-child .compassion-question-popup p {
  position: relative;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:first-child .compassion-question-popup p::before {
  position: absolute;
  bottom: -217px;
  left: 0;
  width: 744px;
  height: 217px;
  display: block;
  content: '';
  background-image: url("../images/sub/img_compassion_question_05.png");
  background-size: 100%;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:last-child .compassion-question-head::after {
  background-image: url("../images/sub/bg_compassion_question_item_06.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:last-child .compassion-question-popup {
  background-image: url("../images/sub/bg_compassion_question_content_06.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:last-child .compassion-question-popup .question-sub-image li {
  margin-right: 32px;
  font-size: 16px;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:last-child .compassion-question-popup .question-sub-image li:first-child:before {
  background-image: url("../images/sub/ico_cross.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:last-child .compassion-question-popup .question-sub-image li:before {
  background-image: url("../images/sub/ico_palm.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:last-child .compassion-question-popup .question-sub-image li:last-child:before {
  background-image: url("../images/sub/ico_church_circle.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:first-child .compassion-question-head::after {
  background-image: url("../images/sub/bg_compassion_question_item_07.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:first-child .compassion-question-popup {
  background-image: url("../images/sub/bg_compassion_question_content_07.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:first-child .compassion-question-popup .question-sub-image li {
  margin-right: 32px;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:first-child .compassion-question-popup .question-sub-image li:first-child:before {
  background-image: url("../images/sub/ico_graduate.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:first-child .compassion-question-popup .question-sub-image li:before {
  background-image: url("../images/sub/ico_handshake.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:first-child .compassion-question-popup .question-sub-image li:last-child:before {
  background-image: url("../images/sub/ico_cross.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:last-child .compassion-question-head::after {
  background-image: url("../images/sub/bg_compassion_question_item_08.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:last-child .compassion-question-popup {
  background-image: url("../images/sub/bg_compassion_question_content_08.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:last-child .compassion-question-popup p {
  position: relative;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:last-child .compassion-question-popup p::before {
  position: absolute;
  bottom: -310px;
  left: 0;
  width: 270px;
  height: 270px;
  display: block;
  content: '';
  background-image: url("../images/sub/img_compassion_question_08.png");
  background-size: 100%;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:first-child .compassion-question-head::after {
  background-image: url("../images/sub/bg_compassion_question_item_09.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:first-child .compassion-question-popup {
  background-image: url("../images/sub/bg_compassion_question_content_09.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:first-child .compassion-question-popup p {
  position: relative;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:first-child .compassion-question-popup p::before {
  position: absolute;
  bottom: -290px;
  left: 0;
  width: 204px;
  height: 204px;
  display: block;
  content: '';
  background-image: url("../images/sub/img_compassion_question_09.png");
  background-size: 100%;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:first-child .compassion-question-popup p::after {
  position: absolute;
  bottom: -290px;
  left: 228px;
  width: 204px;
  height: 206px;
  display: block;
  content: '';
  background-image: url("../images/sub/img_compassion_question_09_02.png");
  background-size: 100%;
}

.compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:last-child .compassion-question-head::after {
  background-image: url("../images/sub/bg_compassion_question_item_10.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:last-child .compassion-question-popup {
  background-image: url("../images/sub/bg_compassion_question_content_10.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:last-child .compassion-question-popup .question-sub-image::after {
  background-image: url("../images/sub/img_compassion_question_04.png");
}

.compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:last-child .compassion-question-popup .question-sub-image li:before {
  background-image: url("../images/sub/ico_group_people.png");
}

.compassion-question-wrap .compassion-question-item {
  vertical-align: top;
  display: inline-block;
  width: 49%;
  background-color: #fff;
}

.compassion-question-wrap .compassion-question-item + .compassion-question-item {
  float: right;
}

.compassion-question-wrap .compassion-question-item .compassion-question-head {
  padding: 32px 32px 32px 102px;
  font-size: 20px;
  position: relative;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.compassion-question-wrap .compassion-question-item .compassion-question-head > div {
  display: table-cell;
  height: 58px;
  vertical-align: middle;
}

.compassion-question-wrap .compassion-question-item .compassion-question-head span {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  font-size: 40px;
  left: 32px;
  color: #005eb8;
}

.compassion-question-wrap .compassion-question-item .compassion-question-head::after {
  width: 154px;
  height: 100%;
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.compassion-question-wrap .compassion-question-popup {
  display: none;
  background-color: #005eb8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 697px;
  z-index: 99;
  color: #fff;
  background-repeat: no-repeat;
  background-position: top right;
}

.compassion-question-wrap .compassion-question-popup > div {
  padding: 73px 0 73px 203px;
}

.compassion-question-wrap .compassion-question-popup .question-popup-title {
  font-size: 32px;
  margin-bottom: 40px;
  position: relative;
}

.compassion-question-wrap .compassion-question-popup .question-popup-title span {
  position: absolute;
  top: 0;
  left: -100px;
  color: #e0e0e0;
}

.compassion-question-wrap .compassion-question-popup .question-popup-sub-title {
  margin-top: 72px;
  font-weight: bold;
  font-size: 20px;
  position: relative;
}

.compassion-question-wrap .compassion-question-popup .question-popup-sub-title::after {
  display: block;
  content: '';
  width: 458px;
  height: 248px;
  position: absolute;
  top: 32px;
  left: 0;
  background-image: url("../images/sub/img_compassion_question_04.png");
  background-size: 100%;
}

.compassion-question-wrap .compassion-question-popup p {
  width: 61%;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.1px;
  word-break: keep-all;
}

.compassion-question-wrap .compassion-question-popup p a {
  font-size: 16px;
  margin-top: 16px;
  display: block;
  color: #d6ebf0;
  text-decoration: underline;
}

.compassion-question-wrap .compassion-question-popup .question-sub-image {
  margin-top: 72px;
}

.compassion-question-wrap .compassion-question-popup .question-sub-image li {
  display: inline-block;
  width: 152px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.compassion-question-wrap .compassion-question-popup .question-sub-image li:before {
  display: block;
  content: '';
  width: 152px;
  height: 152px;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 16px;
}

.compassion-question-wrap .compassion-question-popup .question-sub-image li span {
  display: block;
  font-weight: normal;
}

.compassion-question-wrap .compassion-question-popup .question-close-btn {
  padding: 0;
  position: absolute;
  top: 28px;
  right: 28px;
}

.compassion-question-wrap .compassion-question-popup .question-close-btn button {
  width: 40px;
  height: 40px;
  background-image: url("../images/common/ico_close_gray.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: transparent;
}

.compassion-pamphlet-wrap {
  margin: 40px auto 40px auto;
}

.compassion-pamphlet-wrap .phrase-wrap {
  margin: 80px 0;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  font-weight: bold;
  color: #005eb8;
}

.compassion-pamphlet-wrap .phrase-wrap p {
  position: relative;
  display: inline-block;
}

.compassion-pamphlet-wrap .phrase-wrap p::before {
  width: 45px;
  height: 45px;
  display: block;
  content: '';
  background: url("../images/sub/ico_quotes_type_left.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: -40px;
}

.compassion-pamphlet-wrap .phrase-wrap p::after {
  width: 45px;
  height: 45px;
  display: block;
  content: '';
  background: url("../images/sub/ico_quotes_type_right.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: -40px;
}

.pamphlet-list {
  margin-top: 40px;
  width: 100%;
  table-layout: fixed;
}

.pamphlet-list a {
  display: block;
  width: 100%;
  position: relative;
}

.pamphlet-list a img {
  width: 100%;
}

.pamphlet-list a span {
  width: 112px;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #fff;
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -56px;
  bottom: 70px;
  text-align: center;
  border-radius: 3px;
}

.pamphlet-list p {
  margin-top: 24px;
  text-align: center;
  font-size: 20px;
}

.pamphlet-list .form-flex-cell {
  padding: 0 18px 0 0;
}

.pamphlet-list .form-flex-cell + .form-flex-cell {
  padding: 0 9px;
}

.pamphlet-list .form-flex-cell:last-child {
  padding: 0 0 0 18px;
}

.compassion-ambassador-wrap .ambassador-head {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 24px;
}

.compassion-ambassador-wrap .ambassador-section {
  background-color: #d6ebf0;
  padding: 40px 0;
}

.compassion-ambassador-wrap .ambassador-section:nth-of-type(2n) {
  background-color: #f2f5f8;
}

.compassion-ambassador-wrap .ambassador-section .form-flex + .form-flex {
  margin-top: 80px;
}

.compassion-ambassador-wrap .ambassador-image-flex .ambassador-image {
  width: 50%;
  vertical-align: top;
  padding: 0 0 0 1%;
}

.compassion-ambassador-wrap .ambassador-image-flex .ambassador-image + .ambassador-image {
  padding-left: 1%;
}

.compassion-ambassador-wrap .ambassador-image {
  width: 691px;
  position: relative;
}

.compassion-ambassador-wrap .ambassador-image img {
  max-width: 100%;
}

.compassion-ambassador-wrap .ambassador-image .ambassador-image-title {
  font-size: 1.8rem;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 35px;
  margin-top: -16%;
  padding-top: 20px;
}

.compassion-ambassador-wrap .ambassador-image .ambassador-image-title::before {
  width: 35px;
  height: 4px;
  content: '';
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.compassion-ambassador-wrap .ambassador-image .ambassador-image-title span {
  font-size: 1rem;
  padding-top: 24px;
  display: block;
  font-weight: normal;
}

.compassion-ambassador-wrap .ambassador-image + .ambassador-text {
  padding: 0 0 0 24px;
}

.compassion-ambassador-wrap .ambassador-text {
  padding: 0 24px 0 0;
  word-break: keep-all;
}

.compassion-ambassador-wrap .ambassador-text .ambassador-title {
  color: #005eb8;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 24px;
}

.compassion-ambassador-wrap .ambassador-text p {
  letter-spacing: -0.2px;
  font-size: 16px;
}

.compassion-ambassador-wrap .form-flex.type-iframe + .form-flex .ambassador-image {
  width: 100%;
}

.compassion-introduction-banner {
  width: 100%;
  margin: 80px 0;
}

.compassion-introduction-banner-abs {
  width: 100%;
  margin: 80px 0;
}

.compassion-introduction-banner .inner {
  height: 225px;
  background-position: center;
  background-image: url("../images/sub/bg_introduction_compassion_banner_01.png");
}

.compassion-introduction-banner-abs .inner {
  height: 225px;
  background-position: center;
  background-image: url("../images/sub/bg_introduction_compassion_banner_01.png");
}

.compassion-introduction-banner a {
  width: 92%;
  height: 100%;
  display: block;
  padding: 0 4%;
}

.compassion-introduction-banner .bnr-main-text {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  padding: 48px 0 40px 0;
}

.compassion-introduction-banner-abs a {
  width: 92%;
  height: 100%;
  display: block;
  padding: 0 4%;
}

.compassion-introduction-banner-abs .bnr-main-text {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  padding: 48px 0 40px 0;
}

.compassion-history-wrap {
  margin: 40px auto;
}

/*
 20230208 메뉴 추가로 인한 margin 추가
 */
.compassion-ambassador-wrap {
  margin: 0px auto;
}

.compassion-history-tab .js-ui-tab-panel {
  position: relative;
}

.compassion-history-tab .md-tab {
  height: auto;
}

.compassion-history-tab .md-tab::after {
  content: '';
  display: table;
  clear: both;
}

.compassion-history-tab .md-tab-slide ul li {
  width: 144px;
  margin-right: 16px;
  margin-bottom: 16px;
}

.compassion-history-tab .md-tab-slide ul li button {
  border-radius: 24px;
  background: #fff;
  border-color: #005eb8;
  color: #005eb8;
}

.compassion-history-tab .md-tab-slide ul li button.js-tabpanel-active {
  background: #005eb8;
  color: #fff;
}

.compassion-history-tab .btn-history-next {
  text-align: right;
  padding-top: 40px;
}

.compassion-history-tab .compassion-history-tab-contents-wrap {
  position: relative;
}

.compassion-history-tab .compassion-history-tab-contents {
  margin-top: 80px;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  background-color: #fff;
}

.compassion-history-tab .compassion-history-tab-contents[data-tab-year="1950"] {
  display: block;
}

.compassion-history-tab .history-slide-inner {
  padding: 0 4%;
  text-align: center;
}

.compassion-history-tab .slide-item {
  word-break: keep-all;
}

.compassion-history-tab .slide-item[data-history-year] .year {
  display: block;
  height: 44px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.compassion-history-tab .slide-item[data-history-year] .title {
  margin: 16px 0 24px 0;
}

.compassion-history-tab .slide-item[data-history-year] .content {
  font-size: 20px;
}

.compassion-history-tab .slide-item[data-history-year="1952"] .year {
  width: 136px;
  background-image: url("../images/sub/1952.png");
}

.compassion-history-tab .slide-item[data-history-year="1954"] .year {
  width: 142px;
  height: 48px;
  background-image: url("../images/sub/1954.png");
}

.compassion-history-tab .slide-item[data-history-year="1958"] .year {
  width: 140px;
  height: 54px;
  background-image: url("../images/sub/1958.png");
}

.compassion-history-tab .slide-item[data-history-year="1960"] .year {
  width: 144px;
  height: 54px;
  background-image: url("../images/sub/1960.png");
}

.compassion-history-tab .slide-item[data-history-year="1963"] .year {
  width: 144px;
  height: 56px;
  background-image: url("../images/sub/1963.png");
}

.compassion-history-tab .slide-item[data-history-year="1964"] .year {
  width: 142px;
  height: 58px;
  background-image: url("../images/sub/1964.png");
}

.compassion-history-tab .slide-item[data-history-year="1965"] .year {
  width: 138px;
  height: 54px;
  background-image: url("../images/sub/1965.png");
}

.compassion-history-tab .slide-item[data-history-year="1968"] .year {
  width: 143px;
  height: 54px;
  background-image: url("../images/sub/1968.png");
}

.compassion-history-tab .slide-item[data-history-year="1974"] .year {
  width: 137px;
  background-image: url("../images/sub/1974.png");
}

.compassion-history-tab .slide-item[data-history-year="1977"] .year {
  width: 133px;
  background-image: url("../images/sub/1977.png");
}

.compassion-history-tab .slide-item[data-history-year="1993"] .year {
  width: 140px;
  background-image: url("../images/sub/1993.png");
}

.compassion-history-tab .slide-item[data-history-year="2003"] .year {
  width: 154px;
  background-image: url("../images/sub/2003.png");
}

.compassion-history-tab .slide-item[data-history-year="2006"] .year {
  width: 156px;
  background-image: url("../images/sub/2006.png");
}

.compassion-history-tab .slide-item[data-history-year="2009"] .year {
  width: 156px;
  background-image: url("../images/sub/2009.png");
}

.compassion-history-tab .slide-item[data-history-year="2013"] .year {
  width: 142px;
  background-image: url("../images/sub/2013.png");
}

.compassion-history-tab .slide-item[data-history-year="2020"] .year {
  width: 155px;
  height: 34px;
  background-image: url("../images/sub/2020.png");
}

.compassion-history-tab .slide-item .history-image {
  margin-top: 24px;
}

.compassion-history-tab .slide-item .history-image img {
  margin: 0 auto;
  width: auto;
  max-width: 100%;
}

.compassion-history-tab .title {
  font-size: 32px;
  font-weight: bold;
  text-align: left;
}

.compassion-history-tab .content {
  text-align: left;
}

.compassion-history-tab .compassion-history-slide {
  position: relative;
}

.compassion-history-tab .slick-arrow {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 2;
}

.compassion-history-tab .slick-arrow.slick-disabled {
  display: none !important;
}

.compassion-history-tab .slick-prev {
  background: url("../images/main/btn_swipe_left_arrow.png") no-repeat 0 0;
  background-size: 100%;
  left: 0;
}

.compassion-history-tab .slick-next {
  background: url("../images/main/btn_swipe_right_arrow.png") no-repeat 0 0;
  background-size: 100%;
  right: 0;
}

.compassion-history-tab .history-intro-text .history-image-wrap {
  display: inline-block;
  width: 60%;
  vertical-align: middle;
}

.compassion-history-tab .history-intro-text .history-image-wrap img {
  width: 100%;
}

.compassion-history-tab .history-intro-text .history-text-wrap {
  display: inline-block;
  vertical-align: middle;
  background-color: #005eb8;
  color: #fff;
  padding: 40px 24px 140px 24px;
  width: 328px;
  margin-left: -72px;
}

.compassion-history-tab .history-intro-text .history-text-wrap .title {
  margin-bottom: 32px;
}

.compassion-history-tab .history-intro-text .history-text-wrap .content {
  font-size: 20px;
}

.history-iframe {
  text-align: center;
  width: 996px;
  height: 560px;
  position: relative;
  margin: 0 auto;
}

.history-iframe iframe {
  width: 100%;
  height: 100%;
}

.board-detail-button {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}

@media only screen and (max-width: 1280px) {
  .compassion-question-wrap .compassion-question-line + .compassion-question-line {
    margin-top: 0;
  }
  .compassion-question-wrap .compassion-question-line:first-child .compassion-question-item:first-child .compassion-question-popup {
    background-image: url("../images/sub/bg_compassion_question_item_01_active.png");
  }
  .compassion-question-wrap .compassion-question-line:first-child .compassion-question-item:last-child .compassion-question-popup {
    background-image: url("../images/sub/bg_compassion_question_item_02_active.png");
  }
  .compassion-question-wrap .compassion-question-line:first-child .compassion-question-item:last-child .compassion-question-popup p::before {
    background-image: url("../images/sub/img_compassion_question_02_mob.png");
    width: 284px;
    height: 258px;
    bottom: auto;
    top: 130%;
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(2) .compassion-question-item:first-child .compassion-question-popup {
    background-image: url("../images/sub/bg_compassion_question_item_03_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(2) .compassion-question-item:first-child .compassion-question-popup p::before {
    background-image: url("../images/sub/img_compassion_question_03_mob.png");
    width: 312px;
    height: 216px;
    bottom: auto;
    top: 130%;
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(2) .compassion-question-item:last-child .compassion-question-popup {
    background-image: url("../images/sub/bg_compassion_question_item_04_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:first-child .compassion-question-popup {
    background-image: url("../images/sub/bg_compassion_question_item_05_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:first-child .compassion-question-popup p::before {
    background-image: url("../images/sub/img_compassion_question_05_mob.png");
    width: 286px;
    height: 286px;
    bottom: auto;
    top: 100%;
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:last-child .compassion-question-popup {
    background-image: url("../images/sub/bg_compassion_question_item_06_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:last-child .compassion-question-popup .question-sub-image li {
    margin-right: 16px;
    font-size: 12px;
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(3) .compassion-question-item:last-child .compassion-question-popup .question-sub-image li span {
    display: block;
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:first-child .compassion-question-popup {
    background-image: url("../images/sub/bg_compassion_question_item_07_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:first-child .compassion-question-popup .question-sub-image li {
    margin-right: 16px;
    font-size: 12px;
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:last-child .compassion-question-popup {
    background-image: url("../images/sub/bg_compassion_question_item_08_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(4) .compassion-question-item:last-child .compassion-question-popup p::before {
    background-image: url("../images/sub/img_compassion_question_08.png");
    width: 226px;
    height: 226px;
    bottom: auto;
    top: 130%;
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:first-child .compassion-question-popup {
    background-image: url("../images/sub/bg_compassion_question_item_09_active.png");
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:first-child .compassion-question-popup p::before {
    bottom: -250px;
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:first-child .compassion-question-popup p::after {
    bottom: -250px;
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:last-child .compassion-question-popup {
    background-image: url("../images/sub/bg_compassion_question_item_10_active.png");
  }
  .compassion-question-wrap .compassion-question-item {
    width: 100%;
    margin-bottom: 16px;
    position: relative;
  }
  .compassion-question-wrap .compassion-question-item + .compassion-question-item {
    float: none;
  }
  .compassion-question-wrap .compassion-question-popup {
    background-position: bottom right;
    background-size: 285px 146px;
  }
  .compassion-question-wrap .compassion-question-popup > div {
    padding: 88px 40px 0 40px;
  }
  .compassion-question-wrap .compassion-question-popup p {
    width: 100%;
    font-size: 15px;
    line-height: normal;
  }
  .compassion-question-wrap .compassion-question-popup .question-popup-title {
    margin-bottom: 24px;
    font-size: 28px;
  }
  .compassion-question-wrap .compassion-question-popup .question-popup-title span {
    left: 0;
    top: -56px;
    font-size: 40px;
  }
  .compassion-question-wrap .compassion-question-popup .question-sub-image li {
    width: 80px;
    margin-right: 16px;
    font-size: 16px;
  }
  .compassion-question-wrap .compassion-question-popup .question-sub-image li::before {
    width: 80px;
    height: 80px;
  }
  .compassion-question-wrap .compassion-question-popup .question-sub-image li span {
    font-size: 12px;
  }
  .introduction-map-section .map-info-text {
    width: 90%;
    padding: 32px 5%;
    margin: 0 auto;
  }
  .introduction-map-section .google-map-wrap {
    bottom: -85%;
    width: 100%;
  }
  .introduction-map-section .google-map-wrap iframe {
    width: 100%;
  }
  .introduction-map-section .map-transport-wrap {
    margin-top: 281px;
  }
  .introduction-map-section .map-transport-wrap .inner {
    padding: 0;
  }
  .introduction-map-section .type-main-hall .google-map-wrap {
    bottom: -100%;
  }
  .parenting-goal-wrap::before {
    width: 100%;
    height: 719px;
  }
  .parenting-goal-wrap .form-flex .form-flex-cell {
    display: block;
  }
  .parenting-goal-wrap .form-flex .form-flex-cell + .form-flex-cell {
    border-left: none;
  }
  .parenting-bottom-wrap {
    table-layout: fixed;
  }
  .parenting-bottom-wrap .center-btn-wrap > div {
    width: 100%;
  }
  .parenting-period-wrap {
    padding: 0 4%;
  }
  .parenting-period-wrap .inner {
    padding: 0;
  }
  .parenting-period-wrap .period-list-wrap::before {
    left: 4%;
  }
  .parenting-period-wrap .period-bottom-text {
    text-align: left;
  }
  .parenting-period-wrap .period-bottom-text p {
    text-align: center;
  }
  .history-iframe iframe {
    width: 100%;
    height: 52vw;
  }
  .nation-map-wrap #map {
    position: initial;
  }
  .nation-map-wrap iframe {
    width: 100%;
  }
  .nation-map-wrap .inner {
    padding: 0;
  }
  .nation-map-wrap .nation-info-text {
    width: 100%;
    margin-top: -8px;
  }
  .nation-map-wrap .nation-info-text.visibility-hidden{
	display: none;
  }

  .nation-map-wrap .nation-info-text ul {
    margin-left: 0;
    padding: 24px 4% 56px 4%;
  }
  .nation-map-wrap .nation-info-text ul li {
    display: inline-block;
    min-width: 125px;
    padding-right: 0;
    width: 49%;
  }

  .nation-map-text {
    margin-top: 0;
  }
  .nation-map-text.no-info-text {
  	margin-bottom: 10px;
  }
  .nation-map-text .inner {
    padding: 40px 4%;
  }
  .nation-map-text .inner p {
    margin: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .compassion-nation-top {
    padding-bottom: 216px;
  }
  .compassion-nation-top .inner > div {
    width: 100%;
  }
  .compassion-nation-top .inner::after {
    width: 240px;
    height: 240px;
  }
  .nation-info-wrap ul li {
    width: 49%;
  }
  .nation-pray-list .inner {
    padding: 0;
  }
  .nation-pray-list ul {
    padding: 24px 4%;
  }
  .nation-sponsorship-children .inner::before {
    display: none;
  }
  .nation-story .inner::before {
    display: none;
  }
  .practice-pledge-top::before {
    left: -5%;
    right: auto;
    width: 105%;
  }
  .practice-pledge-top .form-flex-cell {
    display: block;
    width: 100%;
  }
  .practice-pledge-top .practice-pledge-text {
    padding-left: 0;
    padding-top: 24px;
    min-width: 200px;
  }
  .parenting-goal-wrap::before {
    height: 617px;
  }
  .introduction-parenting-wrap .parenting-principle-wrap::before {
    height: 380px;
    left: -5%;
  }
  .parenting-bottom-wrap .parenting-img {
    width: 208px;
    height: 208px;
  }
  .ambassador-iframe iframe {
    width: 565px;
    height: 376px;
  }
  .introduction-nation-wrap.type-index .google-map-wrap {
    width: 100%;
    height: 400px;
  }
  .introduction-nation-wrap.type-index .google-map-wrap iframe {
    width: 100%;
    height: 400px;
  }
  .compassion-ambassador-wrap .ambassador-image {
    width: 60%;
  }
  .history-iframe {
    width: 100%;
  }
}

@media only screen and (max-width: 960px) {
  .ambassador-iframe iframe {
    width: 529px;
    height: 352px;
  }
  .parenting-goal-wrap::before {
    height: 540px;
  }
  .protection-terms-wrap .protection-terms-item {
    width: 172px;
    height: 172px;
  }
  .protection-terms-wrap .protection-terms-item::before {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    top: 29px;
  }
  .protection-terms-wrap .protection-terms-item p {
    padding-top: 77px;
    font-size: 13px;
  }
  .compassion-history-tab .history-intro-text .history-image-wrap {
    width: 50%;
  }
  .compassion-history-tab .history-intro-text .history-text-wrap {
    width: 50%;
    padding: 16px 16px 40px 16px;
    vertical-align: top;
    margin-top: 24px;
  }
  .compassion-history-tab .history-intro-text .history-text-wrap .title {
    font-size: 20px;
  }
  .compassion-history-tab .history-intro-text .history-text-wrap .content {
    font-size: 13px;
  }
}

@media only screen and (max-width: 800px) {
  .introdunction-overall-compassion .introduction-head {
    margin-bottom: 24px;
  }
  .compassion-question-wrap .compassion-question-popup .question-popup-sub-title {
    font-size: 13px;
    margin-top: 40px;
  }
  .compassion-question-wrap .compassion-question-popup .question-popup-sub-title::after {
    width: 258px;
    height: 140px;
  }
  .compassion-pamphlet-wrap .phrase-wrap {
    margin: 48px auto;
  }
  .compassion-pamphlet-wrap .phrase-wrap p {
    font-size: 18px;
    line-height: 28px;
  }
  .compassion-pamphlet-wrap .phrase-wrap p::before {
    width: 30px;
    height: 30px;
    left: 0;
    top: -10px;
  }
  .compassion-pamphlet-wrap .phrase-wrap p::after {
    width: 30px;
    height: 30px;
    right: 0;
    top: -10px;
  }
  .pamphlet-list .form-flex-cell {
    display: inline-block;
    width: 49%;
    padding: 0;
    margin-bottom: 32px;
  }
  .pamphlet-list .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
  .pamphlet-list .form-flex-cell:nth-child(2n) {
    float: right;
  }
  .compassion-ambassador-wrap .ambassador-head {
    font-size: 20px;
  }
  .compassion-ambassador-wrap .ambassador-section .form-flex + .form-flex {
    margin-top: 40px;
  }
  .compassion-ambassador-wrap .form-flex-cell {
    display: block;
  }
  .compassion-ambassador-wrap .ambassador-image-flex .ambassador-image {
    display: table-cell;
  }
  .compassion-ambassador-wrap .ambassador-image {
    width: 100%;
  }
  .compassion-ambassador-wrap .ambassador-image .ambassador-image-title {
    margin-top: -20%;
    font-size: 16px;
  }
  .compassion-ambassador-wrap .ambassador-image + .ambassador-text {
    padding: 20px 0 0 0;
  }
  .compassion-ambassador-wrap .ambassador-text {
    padding: 0 0 20px 0;
  }
  .compassion-ambassador-wrap .ambassador-text p {
    font-size: 14px;
  }
  .ambassador-iframe {
    padding-left: 0 !important;
    text-align: center;
  }
  .ambassador-iframe iframe {
    width: 100%;
    height: 48vw;
  }
  .ambassador-section .form-flex.type-iframe {
    position: relative;
    width: 100%;
  }
  .ambassador-section .form-flex.type-iframe .ambassador-iframe {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .ambassador-section .form-flex.type-iframe .ambassador-text {
    padding-top: 50vw;
  }
  .compassion-history-tab .md-tab-slide ul li {
    width: 20%;
    margin: 0 5% 2% 0;
  }
  .compassion-history-tab .title {
    font-size: 20px;
  }
  .compassion-history-tab .history-slide-inner {
    padding: 0 8px;
  }
  .compassion-history-tab .slide-item[data-history-year] .year {
    font-size: 24px;
  }
  .compassion-history-tab .slide-item[data-history-year] .title {
    margin: 8px auto 16px auto;
  }
  .compassion-history-tab .slide-item[data-history-year] .content {
    font-size: 13px;
  }
  .compassion-history-tab .btn-history-next {
    padding-top: 45px;
  }
  .compassion-history-tab .slick-arrow {
    top: auto;
    bottom: -60px;
  }
  .compassion-history-tab .slick-prev {
    left: auto;
    right: 47px;
  }
  .parenting-bottom-wrap .parenting-content .form-flex-cell {
    display: block;
  }
  .parenting-bottom-wrap .parenting-content .form-flex-cell + .form-flex-cell {
    margin-top: 40px;
  }
  .parenting-bottom-wrap .center-btn-wrap > div {
    width: 320px;
  }
  .introduction-parenting-wrap {
    margin-top: 34px;
  }
  .introduction-parenting-wrap .introduction-section {
    padding-bottom: 40px;
  }
  .introduction-parenting-wrap .introduction-section + .introduction-section {
    padding: 40px 0;
  }
  .introduction-parenting-wrap .introduction-section:last-child {
    padding-bottom: 0;
  }
  .introduction-parenting-wrap .parenting-head {
    font-size: 26px;
  }
  .introduction-parenting-wrap .protection-top-wrap .parenting-principle-wrap::before {
    height: 258px;
    background-size: 100%;
  }
  .introduction-parenting-wrap .protection-top-wrap .parenting-principle-wrap .parenting-head {
    padding: 32px 20px 24px 20px;
    font-size: 15px;
  }
  .introduction-parenting-wrap .protection-top-wrap .parenting-principle-wrap .parenting-text {
    margin: 0;
    padding: 0 20px 24px 20px;
    font-size: 13px;
  }
  .introduction-parenting-wrap .protection-top-wrap .parenting-introdunction-text {
    width: 100%;
    height: auto;
    margin-top: 150px;
  }
  .introduction-parenting-wrap .protection-top-wrap .parenting-text {
    font-size: 16px;
    margin: 40px auto;
  }
  .introduction-parenting-wrap .protection-top-wrap .parenting-text .sub-text {
    font-size: 13px;
  }
  .introduction-parenting-wrap .ui-accordion-wrap .ui-accordion-head {
    padding: 16px 24px;
    font-size: 13px;
  }
  .introduction-parenting-wrap .ui-accordion-wrap .ui-accordion-layer {
    font-size: 13px;
  }
  .introduction-parenting-wrap .ui-accordion-wrap .ui-accordion-layer p strong {
    font-size: 15px;
  }
  .parenting-period-wrap .period-bottom-text ul {
    font-size: 16px;
    padding: 24px 0 16px 0;
  }
  .parenting-period-wrap .period-bottom-text p {
    font-size: 16px;
  }
  .parenting-period-wrap .period-list .period-title {
    font-size: 15px;
  }
  .parenting-goal-wrap::before {
    height: 405px;
    background-position: top right;
    background-size: 90%;
    padding-bottom: 40px;
  }
  .parenting-goal-wrap .form-flex {
    margin-bottom: 16px;
  }
  .parenting-goal-wrap .parenting-goal .sub-text {
    margin-bottom: 80px;
  }
  .parenting-goal-wrap .parenting-goal-head .title {
    font-size: 18px;
  }
  .parenting-curriculum-accordion .ui-accordion-wrap .ui-accordion-layer {
    padding: 0;
  }
  .parenting-curriculum-accordion .ui-accordion-content {
    padding: 24px 0 0 0;
  }
  .parenting-curriculum-accordion .ui-accordion-content > * {
    margin-bottom: 24px;
    padding: 0 24px;
  }
  .parenting-curriculum-accordion .curriculum-head .curriculum-title {
    font-size: 15px;
  }
  .parenting-top-wrap .parenting-text {
    font-size: 16px;
    margin: 40px auto;
  }
  .parenting-top-wrap .parenting-text .sub-text {
    font-size: 13px;
  }
  .parenting-top-wrap .parenting-text span {
    display: inline;
  }
  .protection-terms-wrap {
    margin: 40px 0 80px 0;
    padding: 24px 0;
  }
  .protection-terms-wrap .protection-terms-item {
    display: block;
    margin: 0 auto;
  }
  .protection-terms-wrap .protection-terms-item + .protection-terms-item {
    margin-top: 24px;
  }
  .parenting-bottom-wrap {
    padding: 40px 0;
  }
  .parenting-bottom-wrap .parenting-content {
    margin: 40px auto 32px auto;
  }
  .audit-list-wrap {
    margin-bottom: 0;
  }
  .audit-list-wrap .audit-list-line {
    display: block;
  }
  .audit-list-wrap .audit-item {
    width: 80px;
    height: 80px;
  }
  .introduction-management-wrap .tab-radius-wrap {
    padding: 40px 0;
  }
  .introduction-head h4 {
    font-size: 28px;
    margin-bottom: 32px;
  }
  .introduction-sub-title {
    font-size: 20px;
  }
  .introduction-text {
    font-size: 16px;
    margin-top: 8px;
  }
  .introduction-content-wrap .ui-accordion .ui-accordion-title {
    font-size: 16px;
  }
  .introduction-content-wrap .ui-accordion .report-item {
    font-size: 16px;
  }
  .introduction-principle-wrap {
    padding-left: 0;
    padding-top: 324px;
  }
  .introduction-principle-wrap::after {
    width: 259px;
    height: 259px;
    top: 40px;
    left: 50%;
    margin-left: -130px;
  }
  .audit-text-wrap {
    display: block;
  }
  .audit-text-wrap .form-flex-cell {
    display: block;
    padding: 24px 0 0;
  }
  .audit-text-wrap .form-flex-cell:first-child {
    padding: 24px 0 0;
  }
  .audit-text-wrap .form-flex-cell:last-child {
    padding: 24px 0 0;
  }
  .audit-brand-list > div > div {
    display: block;
    padding: 112px 20px 20px;
  }
  .audit-brand-list > div.kpmg div::before {
    left: 50%;
    margin-left: -76px;
  }
  .audit-brand-list > div.cnbc div::before {
    left: 50%;
    margin-left: -122px;
  }
  .introduction-press-list .introduction-press-content {
    width: 100%;
  }
  .introduction-press-list .introduction-press-info {
    margin-top: 16px;
  }
  .introduction-press-list .introduction-press-info > * {
    display: block;
  }
  .introduction-press-list .introduction-press-info .type-btn {
    width: 100%;
    padding-left: 0;
    margin-top: 24px;
  }
  .introduction-map-wrap {
    margin: 40px auto 80px auto;
  }
  .introduction-map-wrap .map-info-head {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .introduction-map-wrap .transport-item h5 {
    font-size: 16px;
  }
  .introduction-map-wrap .transport-item .form-flex {
    width: 100%;
    padding: 0;
  }
  .nation-text-wrap h4 {
    font-size: 24px;
  }
  .nation-text-wrap .nation-text {
    margin-top: 24px;
    font-size: 16px;
  }
  .nation-text-wrap .nation-text .sub-text {
    font-size: 13px;
    margin-top: 16px;
  }
  .nation-tab-content {
    margin-top: 40px;
  }
  .nation-tab-content h5 {
    font-size: 24px;
  }
  .nation-tab-content .nation-introdunction-wrap {
    margin-top: 24px;
  }
  .nation-tab-content .nation-introdunction-wrap::before {
    width: 100%;
    height: 214px;
  }
  .nation-tab-content .nation-introdunction-wrap .nation-head {
    font-size: 16px;
    padding-bottom: 16px;
  }
  .nation-tab-content .nation-introdunction-wrap .nation-text {
    margin-top: 16px;
    font-size: 13px;
    line-height: normal;
  }
  .nation-tab-content .nation-introdunction-text {
    width: 100%;
    margin-top: 20px;
    padding: 0;
    float: none;
  }
  .nation-children-wrap .mypage-recommend-children {
    margin-bottom: 0;
  }
  .nation-pray-wrap .nation-head {
    font-size: 16px;
  }
  .articles-wrap .articles-list li {
    width: 49%;
  }
  .introduction-nation-wrap.type-index .google-map-wrap {
    width: 100%;
    height: 300px;
  }
  .introduction-nation-wrap.type-index .google-map-wrap iframe {
    width: 100%;
    height: 300px;
  }
  .compassion-nation-list-wrap h4 {
    font-size: 20px;
  }
  .compassion-nation-list-wrap .nation-list + .nation-list {
    margin-top: 24px;
  }
  .compassion-nation-list-wrap .nation-item {
    width: 100%;
    margin-left: 0;
    float: inherit !important;
    font-size: 15px;
  }
  .compassion-nation-list-wrap .nation-item + .nation-item {
    margin-top: 24px;
  }
  .compassion-nation-list-wrap .nation-item span {
    left: 32px;
    bottom: 24px;
  }
  .compassion-nation-list-wrap .nation-item span::before {
    width: 32px;
    height: 24px;
    margin-right: 8px;
  }
  .compassion-nation-top .compassion-nation-title {
    font-size: 32px;
  }
  .compassion-nation-top .compassion-nation-title span {
    font-size: 18px;
  }
  .compassion-nation-top .compassion-nation-title::before {
    width: 48px;
    height: 36px;
    padding-bottom: 8px;
  }
  .compassion-nation-top .compassion-nation-title::after {
    width: 24px;
    height: 4px;
    margin: 16px 0;
  }
  .nation-info-wrap ul li::before {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    vertical-align: top;
  }
  .nation-map-wrap iframe {
    height: 300px;
  }
  .nation-map-wrap #map {
    width: 100%;
    height: 300px;
  }
  .nation-map-wrap .nation-info-text ul {
    padding: 8px 4% 24px 4%;
  }
  .nation-map-wrap .nation-info-text ul li {
    margin-top: 16px;
    font-size: 15px;
  }
  .nation-map-wrap .nation-info-text ul li::before {
    width: 40px;
    height: 40px;
  }
  .nation-map-wrap .nation-info-text ul span {
    font-size: 13px;
  }
  .nation-map-text .inner p {
    font-size: 13px;
  }
  .nation-pray-list-wrap {
    margin-top: 80px;
  }
  .nation-pray-list-wrap .introduction-head h4 {
    margin-bottom: 0;
  }
  .nation-sponsorship-children {
    margin: 80px 0;
  }
  .nation-story .story-item span {
    font-size: 15px;
  }
  .parenting-curriculum-accordion .curriculum-banner {
    padding: 0;
    width: 92%;
    margin: 0 auto;
  }
  .parenting-curriculum-accordion .curriculum-banner.type-infant {
    background-size: 100%;
    background-position: center center;
  }
}

@media only screen and (max-width: 640px) {
  .parenting-goal-wrap::before {
    height: 324px;
  }
}

@media only screen and (max-width: 520px) {
  .sub-header[data-visual-type=introduction] {
    background-image: url("../images/sub/bg_management_banner_mob.png");
  }
  .sub-header[data-visual-type=map] {
    background-image: url("../images/sub/bg_map_banner_mob.png");
  }
  .sub-header[data-visual-type=press] {
    background-image: url("../images/sub/bg_news_banner_mobile.png");
  }
  .sub-header[data-visual-type=notice] {
    background-image: url("../images/sub/bg_notice_banner_mobile.png");
  }
  .sub-header[data-visual-type=compassion-nation] {
    background-image: url("../images/sub/bg_compassion_nation_banner_mob.jpg");
  }
  .sub-header[data-visual-type=parenting] {
    background-image: url("../images/sub/bg_parenting_banner_mob.png");
  }
  .sub-header[data-visual-type=overall-compassion] {
    background-image: url("../images/sub/bg_overall_compassion_banner_mob.png");
  }
  .sub-header[data-visual-type=overall-compassion-abs] {
    background-image: url("../images/sub/bg_overall_compassion_banner_01_mob.png");
  }
  .ethical-law .introduction-sub-title {
    font-size: 16px;
  }
  .ethical-law .introduction-sub-title + div {
    margin-top: 8px;
  }
  .compassion-question-wrap .compassion-question-item .compassion-question-head {
    padding: 14px 16px 14px 55px;
  }
  .compassion-question-wrap .compassion-question-item .compassion-question-head > div {
    font-size: 13px;
    height: 38px;
  }
  .compassion-question-wrap .compassion-question-item .compassion-question-head span {
    font-size: 20px;
    margin-top: -15px;
    left: 16px;
  }
  .compassion-question-wrap .compassion-question-item .compassion-question-head::after {
    width: 84px;
  }
  .compassion-question-wrap .compassion-question-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    min-height: 100%;
    overflow-y: scroll;
    z-index: 999;
    background-image: none !important;
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:first-child .compassion-question-popup p::before {
    width: 40%;
    min-height: 190px;
    background-repeat: no-repeat;
  }
  .compassion-question-wrap .compassion-question-line:nth-of-type(5) .compassion-question-item:first-child .compassion-question-popup p::after {
    left: 60%;
    width: 40%;
    min-height: 190px;
    background-repeat: no-repeat;
  }
  .compassion-question-wrap .compassion-question-popup > div {
    padding: 88px 24px 0 24px;
  }
  .compassion-question-wrap .compassion-question-popup .question-popup-title {
    font-size: 24px;
    margin-bottom: 60px;
  }
  .compassion-ambassador-wrap .ambassador-text .ambassador-title {
    font-size: 16px;
  }
  .compassion-ambassador-wrap .ambassador-text p {
    font-size: 13px;
  }
  .compassion-ambassador-wrap .ambassador-image .ambassador-image-title {
    left: 16px;
  }
  .compassion-introduction-banner .inner {
    background-image: url("../images/sub/bg_introduction_compassion_banner_01_mob.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .compassion-introduction-banner-abs .inner {
    background-image: url("../images/sub/bg_introduction_compassion_banner_01_mob.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .compassion-introduction-banner .bnr-main-text {
    font-size: 16px;
    padding: 103px 0 16px 0;
  }
  .compassion-introduction-banner-abs .bnr-main-text {
    font-size: 16px;
    padding: 103px 0 16px 0;
  }
  .compassion-introduction-banner .inner .bnr-main-text {
    display: flex;
    justify-content: inherit;
  }
  .compassion-history-tab .history-intro-text .history-text-wrap .title {
    font-size: 15px;
  }
  .introduction-parenting-wrap .parenting-head {
    font-size: 20px;
  }
  .introduction-parenting-wrap .protection-top-wrap .parenting-text {
    font-size: 13px;
  }
  .introduction-parenting-wrap .protection-top-wrap .parenting-principle-wrap::before {
    height: 178px;
    width: 284px;
  }
  .introduction-parenting-wrap .protection-top-wrap .parenting-principle-wrap .parenting-head span {
    display: inline;
  }
  .protection-terms-wrap .protection-terms-head {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .parenting-goal-wrap::before {
    height: 263px;
  }
  .practice-pledge-top {
    padding-bottom: 40px;
  }
  .practice-pledge-top .practice-pledge-image {
    height: 213px;
  }
  .practice-pledge-list-wrap .practice-pledge-item {
    padding: 24px 12px;
  }
  .practice-pledge-list-wrap .practice-pledge-item::before {
    left: 12px;
    top: -40px;
    font-size: 48px;
  }
  .practice-pledge-list-wrap .practice-pledge-item:last-child {
    margin-bottom: 32px;
  }
  .practice-pledge-list-wrap .practice-pledge-item p {
    font-size: 13px;
  }
  .organization-wrap .introduction-sub-title {
    font-size: 20px;
  }
  .organization-wrap .introduction-sub-head {
    font-size: 16px;
  }
  .organization-wrap .organization-list-wrap {
    padding: 16px;
    margin-top: 24px;
  }
  .organization-wrap .organization-list-wrap .introduction-sub-head {
    font-size: 15px;
    margin-bottom: 16px;
  }
  .organization-wrap .organization-image-wrap {
    width: 100%;
    text-align: center;
  }
  .organization-wrap .organization-image-wrap::before {
    display: inline-block;
    content: '';
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
  }
  .organization-wrap .organization-image-wrap img {
    display: none;
  }
  .organization-wrap .organization-image-wrap.type-01 {
    border: 1px solid #d9e1e2;
  }
  .organization-wrap .organization-image-wrap.type-01::before {
    height: 224px;
    width: 94%;
    background-size: 94%;
    padding: 0 3%;
    background-image: url("../images/sub/img_introduction_infographic_01_mob.png");
  }
  .organization-wrap .organization-image-wrap.type-02 {
    position: relative;
    padding-top: 32px;
  }
  .organization-wrap .organization-image-wrap.type-02::before {
    height: 672px;
    width: 320px;
    background-image: url("../images/sub/img_introduction_infographic_03_mob.png");
  }
  .organization-wrap .organization-image-wrap.type-02::after {
    display: block;
    content: '한국 컴패션 리스트 관리 체계';
    font-size: 14px;
    position: absolute;
    font-weight: bold;
    top: 0;
    left: 0;
  }
  .organization-wrap .organization-image-wrap.type-03 {
    position: relative;
    padding-top: 32px;
  }
  .organization-wrap .organization-image-wrap.type-03::before {
    height: 180px;
    width: 320px;
    background-image: url("../images/sub/img_introduction_infographic_02_mob.png");
  }
  .organization-wrap .organization-image-wrap.type-03::after {
    display: block;
    content: '한국 컴패션 위기대응 프로세스';
    font-size: 14px;
    position: absolute;
    font-weight: bold;
    top: 0;
    left: 0;
  }
  .articles-wrap .introduction-sub-title {
    font-size: 20px;
  }
  .articles-wrap .organization-list-wrap {
    padding: 16px;
  }
  .articles-wrap .organization-list-wrap .introduction-sub-head {
    font-size: 15px;
    margin-bottom: 16px;
  }
  .introduction-head {
    margin-bottom: 24px;
  }
  .introduction-head h4 {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .introduction-sub-title {
    font-size: 16px;
  }
  .introduction-sub-title + div {
    margin-top: 24px;
  }
  .introduction-text {
    font-size: 13px;
  }
  .introduction-content-wrap .ui-accordion {
    margin-top: 0;
  }
  .introduction-content-wrap .ui-accordion .ui-accordion-head {
    padding: 0;
  }
  .introduction-content-wrap .ui-accordion .ui-accordion-title {
    font-size: 13px;
    padding: 20px 10px;
  }
  .introduction-content-wrap .ui-accordion .report-item {
    font-size: 13px;
  }
  .introduction-content-wrap .ui-accordion .report-item .type-btn {
    min-width: 72px;
  }
  .introduction-content-wrap .ui-accordion .report-item .type-btn div {
    width: 90px;
  }
  .introduction-content-wrap .ui-accordion .report-item .type-btn div button {
    line-height: 32px;
    height: 32px;
  }
  .introduction-content-wrap .ui-accordion .ui-accordion-layer {
    padding: 0 10px 24px 10px;
  }
  .introduction-content-wrap .list-pagination {
    margin-top: 24px;
  }
  .introduction-section {
    padding-bottom: 32px;
  }
  .introduction-section + .introduction-section {
    padding: 40px 0 32px 0;
  }
  .audit-text-wrap {
    padding-bottom: 40px;
  }
  .audit-brand-list {
    margin-bottom: 40px;
  }
  .introduction-detail-wrap {
    margin-top: 40px;
  }
  .introduction-detail-wrap .detail-head {
    padding-bottom: 24px;
  }
  .introduction-detail-wrap .detail-head .detail-title {
    font-size: 20px;
  }
  .introduction-detail-wrap .detail-head .detail-info {
    margin-top: 24px;
  }
  .introduction-detail-wrap .detail-content {
    padding: 24px 0 40px 0;
  }
  .detail-sns-wrap {
    height: 32px;
  }
  .introduction-press-wrap {
    margin-top: 40px;
  }
  .introduction-press-list .introduction-press-head {
    font-size: 20px;
    margin: 24px 0 16px 0;
  }
  .introduction-press-list .introduction-press-content[data-device=pc] {
    display: none;
  }
  .introduction-press-list .introduction-press-content[data-device=mobile] {
    display: block;
  }
  .introduction-press-list .introduction-press-info {
    min-height: auto;
    margin-bottom: 24px;
  }
  .introduction-map-section {
    padding-bottom: 40px;
  }
  .introduction-map-section + .introduction-map-section .map-top .inner {
    padding-top: 40px;
  }
  .introduction-map-section .map-info-text {
    padding: 20px 5%;
  }
  .introduction-map-section .google-map-wrap {
    bottom: -56%;
    height: 183px;
  }
  .introduction-map-section .google-map-wrap iframe {
    height: 183px;
  }
  .introduction-map-section .map-top::after {
    height: 200px;
  }
  .introduction-map-section .type-main-hall .google-map-wrap {
    bottom: -60%;
  }
  .introduction-map-section .map-transport-wrap {
    margin-top: 110px;
  }
  .introduction-map-section .transport-item {
    padding: 20px;
  }
  .introduction-map-section .transport-item .form-flex {
    display: block;
  }
  .introduction-map-section .transport-item .form-flex + .form-flex {
    margin-top: 32px;
  }
  .introduction-map-section .transport-item .form-flex .form-flex-cell {
    display: block;
    padding-right: 0;
  }
  .introduction-map-section .transport-item .form-flex .form-flex-cell + .form-flex-cell {
    margin-top: 24px;
    padding-left: 36px;
  }
  .introduction-map-section .transport-item .form-flex .form-flex-cell + .form-flex-cell::before {
    left: 0;
  }
  .introduction-map-section .transport-item.type-bus .form-flex-cell::before {
    width: 64px;
    height: 24px;
    line-height: 24px;
    margin-top: 0;
    top: 0;
  }
  .introduction-map-section .transport-item.type-bus .form-flex-cell + .form-flex-cell {
    padding-left: 80px;
  }
  .nation-text-wrap h4 {
    font-size: 20px;
  }
  .nation-text-wrap .nation-text {
    margin-top: 16px;
  }
  .nation-tab-content h5 {
    font-size: 20px;
  }
  .nation-tab-content .nation-children-wrap {
    margin-top: 40px;
  }
  .nation-tab-content .nation-children-wrap .inner {
    padding: 0;
    width: 100%;
  }
  .nation-tab-content .nation-children-wrap .mypage-recommend-children {
    background: none;
    padding-bottom: 0;
  }
  .introduction-nation-wrap.type-index .nation-text-wrap .nation-text {
    margin-bottom: 24px;
  }
  .compassion-nation-list-wrap {
    margin-top: 0;
  }
  .compassion-nation-list-wrap h4 {
    margin: 40px auto 24px auto;
    font-size: 15px;
  }
  .compassion-nation-list-wrap .nation-item {
    height: 200px;
  }
  .compassion-nation-top p {
    font-size: 13px;
  }
  .nation-story .form-flex-cell {
    display: block;
    width: 100%;
    padding: 0;
  }
  .nation-story .form-flex-cell + .form-flex-cell {
    padding: 24px 0 0 0;
  }
  .introduction-nation-btn {
    margin: 40px auto;
  }
  .nation-map-wrap iframe {
    height: 205px;
  }
  .nation-map-wrap .nation-info-text ul li::before {
    margin-right: 12px;
  }
  .parenting-curriculum-accordion .curriculum-banner {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 24px;
    margin: 24px auto;
  }
  .parenting-curriculum-accordion .curriculum-banner img {
    display: block;
    width: 100%;
  }
  .parenting-curriculum-accordion .curriculum-banner.type-infant {
    background-image: none;
  }
}

@media only screen and (max-width: 414px) {
  .parenting-goal-wrap::before {
    height: 209px;
  }
}

@media only screen and (max-width: 360px) {
  .organization-wrap .organization-image-wrap.type-02::before {
    width: 292px;
    height: 614px;
  }
  .organization-wrap .organization-image-wrap.type-03::before {
    height: 168px;
    width: 292px;
  }
  .parenting-bottom-wrap .center-btn-wrap > div {
    width: 92%;
  }
  .introduction-parenting-wrap .ui-accordion-wrap .ui-accordion-head {
    font-size: 12px;
  }
  .nation-map-wrap .nation-info-text ul li span {
    font-size: 11px;
  }
}

@media only screen and (max-width: 320px) {
  .parenting-goal-wrap::before {
    height: 162px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * compassion a day
 * 작성자 : gikim
 * 파일명 : _cad.scss
*/
.sub-header[data-visual-type=CAD] {
  background-image: url("../images/sub/bg_cad_banner.png");
}

.compassionADay-step-slider .slick-dots {
  font-size: 0;
  text-align: center;
}

.compassionADay-step-slider .slick-dots li {
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #d9e1e2;
}

.compassionADay-step-slider .slick-dots li.slick-active {
  background: #005eb8;
}

.compassionADay-step-slider .slick-dots li + li {
  margin-left: 12px;
}

.compassionADay-intro-text {
  margin-top: 80px;
}

.compassionADay-intro-text .title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 32px;
}

.compassionADay-intro-frame {
  margin-top: 80px;
  margin-bottom: 10%;
  position: relative;
}

.compassionADay-intro-frame::after {
  width: 100%;
  height: 90%;
  background-color: #eaf4f7;
  display: block;
  content: '';
  z-index: -1;
  position: absolute;
  top: 30%;
  right: 0;
}

.compassionADay-step-wrap {
  margin: 0 auto 120px;
}

.compassionADay-step-wrap .title {
  color: #005eb8;
  font-weight: bold;
  font-family: 'Montserrat';
  font-size: 24px;
}

.compassionADay-step-wrap .title span {
  margin: 11px 0 32px 0;
  display: block;
  font-size: 32px;
  font-family: 'Noto Sans KR';
}

.compassionADay-step-wrap p {
  padding-bottom: 80px;
}

.compassionADay-step-wrap .step-section + .step-section {
  margin-top: 80px;
}

.compassionADay-step-wrap .step-section.type-01::after {
  background-image: url("../images/sub/img_cad_process_01.png");
}

.compassionADay-step-wrap .step-section.type-02::after {
  background-image: url("../images/sub/img_cad_process_02.png");
}

.compassionADay-step-wrap .step-section.type-03::after {
  background-image: url("../images/sub/img_cad_process_03.png");
}

.compassionADay-step-wrap .step-section::after {
  display: block;
  content: '';
  height: 648px;
  width: 704px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.compassionADay-bottom-text {
  background-color: #f8f8fb;
  padding: 24px 0;
}

.compassionADay-bottom-text li::before {
  width: 2px;
  height: 100%;
  content: '∙';
  display: inline-block;
  padding-right: 8px;
}

.compassionADay-button-wrap {
  margin: 80px auto 132px auto;
}

.compassionADay-button-wrap .form-flex {
  width: 810px;
  margin: 0 auto;
  table-layout: fixed;
}

.compassionADay-button-wrap .form-flex.cad-children-list {
  width: 588px;
}

.compassionADay-button-wrap .form-flex.cad-children-list button span::before {
  width: 38px;
  height: 53px;
  background-image: url("../images/sub/img_girl.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.compassionADay-button-wrap .form-flex.cad-children-list button.active span::before {
  background-image: url("../images/sub/img_girl_active.png");
}

.compassionADay-button-wrap .form-flex.cad-children-list .form-flex-cell:first-child button span::before {
  background-image: url("../images/sub/img_boy.png");
}

.compassionADay-button-wrap .form-flex.cad-children-list .form-flex-cell:first-child button.active {
  background-color: #005eb8;
  color: #fff;
}

.compassionADay-button-wrap .form-flex.cad-children-list .form-flex-cell:first-child button.active span::before {
  background-image: url("../images/sub/img_boy_active.png");
}

.compassionADay-button-wrap .form-flex.cad-children-list .form-flex-cell:last-child button span::before {
  background-image: url("../images/sub/img_human.png");
}

.compassionADay-button-wrap .form-flex.cad-children-list .form-flex-cell:last-child button.active {
  background-color: #005eb8;
  color: #fff;
}

.compassionADay-button-wrap .form-flex.cad-children-list .form-flex-cell:last-child button.active span::before {
  background-image: url("../images/sub/img_human_active.png");
}

.compassionADay-button-wrap .form-flex-cell {
  padding: 0 9px;
}

.compassionADay-button-wrap .form-flex-cell button {
  width: 100%;
  height: 180px;
  border: 1px solid #005eb8;
  color: #005eb8;
  font-size: 15px;
  border-radius: 4px;
  background-color: transparent;
}

.compassionADay-button-wrap .form-flex-cell button span {
  padding-top: 62px;
}

.compassionADay-button-wrap .form-flex-cell button span::before {
  width: 80px;
  height: 54px;
  display: block;
  background-image: url("../images/sub/img_latin_america.png");
  background-size: 100%;
  margin: 0 auto 8px auto;
  content: '';
}

.compassionADay-button-wrap .form-flex-cell button.active {
  background-color: #005eb8;
  color: #fff;
}

.compassionADay-button-wrap .form-flex-cell button.active span::before {
  background-image: url("../images/sub/img_latin_america_active.png");
}

.compassionADay-button-wrap .form-flex-cell:first-child button span::before {
  background-image: url("../images/sub/img_asia.png");
}

.compassionADay-button-wrap .form-flex-cell:first-child button.active {
  background-color: #005eb8;
  color: #fff;
}

.compassionADay-button-wrap .form-flex-cell:first-child button.active span::before {
  background-image: url("../images/sub/img_asia_active.png");
}

.compassionADay-button-wrap .form-flex-cell:nth-of-type(3) button span::before {
  background-image: url("../images/sub/img_africa.png");
}

.compassionADay-button-wrap .form-flex-cell:nth-of-type(3) button.active {
  background-color: #005eb8;
  color: #fff;
}

.compassionADay-button-wrap .form-flex-cell:nth-of-type(3) button.active span::before {
  background-image: url("../images/sub/img_africa_active.png");
}

.compassionADay-button-wrap .form-flex-cell:last-child button span::before {
  background-image: url("../images/sub/img_world.png");
}

.compassionADay-button-wrap .form-flex-cell:last-child button.active {
  background-color: #005eb8;
  color: #fff;
}

.compassionADay-button-wrap .form-flex-cell:last-child button.active span::before {
  background-image: url("../images/sub/img_world_active.png");
}

.compassionADay-recommendation h3 {
  font-size: 24px;
  margin-bottom: 40px;
}

.compassionADay-recommendation .children-image-relative {
  position: relative;
  overflow: inherit;
}

.compassionADay-recommendation .children-image-relative::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #f4f7fb;
  position: absolute;
  left: 40px;
  top: 40px;
}

.compassionADay-recommendation .member-children-section.type-non-child {
  width: 1000px;
  margin: 80px auto;
}

.compassionADay-recommendation .member-children-section.type-non-child .children-intro-box {
  width: 455px;
}

.compassionADay-recommendation .children-intro-box .children-short-message {
  color: #005eb8;
  margin-top: 64px;
}

.compassionADay-recommendation .center-btn-wrap .type-require-test-message {
  margin: 8px auto 0  auto;
  width: 454px;
}

.compassionADay-recommendation .retry-btn-wrap {
  margin: 44px 0 -60px 0;
  text-align: right;
}

.compassionADay-recommendation .inner {
  margin-bottom: 180px;
}

.compassionADay-text-wrap {
  margin: 80px auto;
  text-align: center;
}

.compassionADay-text-button {
  margin: 24px 0 40px 0;
}

.compassionADay-text-button button {
  padding: 12px 24px 12px 54px;
  background-color: #fff;
  border: 1px solid #005eb8;
  border-radius: 24px;
  color: #005eb8;
  margin: 0 8px;
}

.compassionADay-text-button button span {
  font-weight: bold;
  position: relative;
}

.compassionADay-text-button button span::before {
  width: 24px;
  height: 24px;
  display: inline-block;
  content: '';
  background-image: url("../images/sub/ico_message.png");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: -4px;
  left: -32px;
}

.compassionADay-text-button button.active {
  background-color: #005eb8;
  color: #fff;
}

.compassionADay-text-button button.active span::before {
  background-position: 0 -24px;
}

.compassionADay-text-button .form-flex-cell {
  padding: 0 16px 0 0;
}

.compassionADay-text-button .form-flex-cell + .form-flex-cell {
  padding: 0 8px;
}

.compassionADay-text-button .form-flex-cell:last-child {
  padding: 0 0 0 16px;
}

.compassionADay-text.type-form {
  width: 588px;
  margin: 0 auto;
}

.compassionADay-sns-wrap {
  width: 588px;
  margin: 67px auto 0;
  border-top: 1px solid #f8f8fb;
}

.compassionADay-sns-wrap .form-flex {
  width: 100%;
}

.compassionADay-sns-wrap h3 {
  padding: 40px 0 24px 0;
}

.compassionADay-complete-wrap {
  margin: 40px 0 120px 0;
}

.compassionADay-complete-wrap .form-flex {
  width: 100%;
}

.compassionADay-complete-wrap .form-flex .form-flex-cell:first-child {
  width: 400px;
  height: 280px;
  background-color: #f8f8fb;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #005eb8;
}

.compassionADay-complete-wrap .form-flex .form-flex-cell:first-child span {
  padding-top: 68px;
}

.compassionADay-complete-wrap .form-flex .form-flex-cell:first-child span::before {
  width: 124px;
  height: 78px;
  display: block;
  content: '';
  background-image: url("../images/sub/ico_mailTo.png");
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 auto 30px auto;
}

.compassionADay-complete-wrap .form-flex .form-flex-cell:last-child {
  padding-left: 24px;
}

.compassionADay-complete-wrap .form-flex .form-flex-cell:last-child .title {
  font-size: 24px;
  margin-bottom: 16px;
  font-weight: bold;
}

.compassionADay-complete-wrap .form-flex .form-flex-cell:last-child li::before {
  width: 4px;
  height: 100%;
  content: '∙';
}

.compassionADay-complete-wrap .form-flex .form-flex-cell:last-child li + li {
  margin-top: 16px;
}

@media only screen and (max-width: 1024px) {
  .compassionADay-iframe iframe {
    height: 530px;
  }
  .compassionADay-recommendation .member-children-section.type-non-child {
    width: 100%;
  }
  .compassionADay-recommendation .member-children-section.type-non-child .children-image-box {
    text-align: center;
    width: 100%;
    float: none;
  }
  .compassionADay-recommendation .member-children-section.type-non-child .children-image-box::before {
    display: none;
  }
  .compassionADay-recommendation .member-children-section.type-non-child .children-intro-box {
    width: 384px;
    float: none;
    padding: 0;
    margin: 12% auto 0 auto;
  }
  .compassionADay-recommendation .member-children-section.type-non-child .children-intro-box .children-emoji + .children-short-message {
    display: block;
    margin-top: 42px;
  }
}

@media only screen and (max-width: 960px) {
  .compassionADay-iframe iframe {
    height: 497px;
  }
  .compassionADay-button-wrap .form-flex {
    width: 100%;
  }
  .compassionADay-button-wrap .form-flex.cad-children-list {
    width: 588px;
  }
  .compassionADay-button-wrap .form-flex-cell button {
    height: 152px;
  }
  .compassionADay-text-button {
    margin: 24px 0 12px -8px;
  }
  .compassionADay-text-button .form-flex-cell {
    display: inline-block;
    margin-bottom: 16px;
    padding: 0 8px !important;
  }
  .compassionADay-complete-wrap .form-flex .form-flex-cell:first-child {
    width: 320px;
  }
}

@media only screen and (max-width: 800px) {
  .compassionADay-intro-text .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .compassionADay-intro-text .center-btn-wrap {
    margin-top: 40px;
  }
  .compassionADay-step-wrap .title {
    font-size: 18px;
  }
  .compassionADay-step-wrap .title span {
    font-size: 18px;
    margin: 4px auto 16px auto;
  }
  .compassionADay-step-wrap .step-section::after {
    width: 80%;
    height: 544px;
  }
  .compassionADay-iframe iframe {
    height: 414px;
  }
  .compassionADay-text-button button {
    margin: 4px;
  }
  .compassionADay-text.type-form {
    width: 100%;
  }
  .compassionADay-sns-wrap {
    width: 100%;
  }
}

@media only screen and (max-width: 640px) {
  .compassionADay-step-wrap .step-section::after {
    height: 438px;
  }
  .compassionADay-iframe iframe {
    height: 332px;
  }
  .compassionADay-button-wrap .form-flex.cad-children-list {
    width: 100%;
  }
  .compassionADay-complete-wrap {
    margin: 40px 0;
  }
  .compassionADay-complete-wrap .form-flex .form-flex-cell {
    display: block;
  }
  .compassionADay-complete-wrap .form-flex .form-flex-cell:first-child {
    width: 100%;
  }
  .compassionADay-complete-wrap .form-flex .form-flex-cell:first-child span {
    display: block;
  }
  .compassionADay-complete-wrap .form-flex .form-flex-cell:last-child {
    padding-left: 0;
    margin-top: 40px;
  }
  .compassionADay-complete-wrap .form-flex .form-flex-cell:last-child .title {
    font-size: 15px;
  }
  .compassionADay-complete-wrap .center-btn-wrap {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 520px) {
  .compassionADay-intro-text {
    margin-top: 40px;
  }
  .compassionADay-intro-text .title {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .compassionADay-step-wrap {
    margin: 80px auto 120px auto;
  }
  .compassionADay-step-wrap p {
    padding-bottom: 24px;
  }
  .compassionADay-step-wrap .step-section::after {
    height: 530px;
    background-image: url("../images/sub/img_cad_process_02_mob.png");
  }
  .compassionADay-step-wrap .step-section:first-child::after {
    background-image: url("../images/sub/img_cad_process_01_mob.png");
  }
  .compassionADay-step-wrap .step-section:last-child::after {
    background-image: url("../images/sub/img_cad_process_03_mob.png");
  }
  .compassionADay-intro-frame {
    margin: 24px 0 0 0;
  }
  .compassionADay-intro-frame::after {
    display: none;
  }
  .compassionADay-iframe iframe {
    height: 269px;
  }
  .compassionADay-button-wrap {
    margin: 40px auto;
  }
  .compassionADay-button-wrap .form-flex {
    width: 100%;
    display: block;
  }
  .compassionADay-button-wrap .form-flex-cell {
    display: inline-block;
    width: 49%;
    padding: 0;
    margin-bottom: 2%;
  }
  .compassionADay-button-wrap .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
  .compassionADay-button-wrap .form-flex-cell:nth-of-type(2n) {
    float: right;
  }
  .compassionADay-button-wrap .center-btn-wrap {
    margin-top: 32px;
  }
  .compassionADay-bottom-text {
    font-size: 12px;
  }
  .compassionADay-recommendation .inner {
    margin-bottom: 60px;
  }
  .compassionADay-recommendation .member-children-section.type-non-child {
    margin: 40px auto 0 auto;
  }
  .compassionADay-recommendation .member-children-section.type-non-child .children-intro-box {
    width: 100%;
  }
  .compassionADay-recommendation h3 {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .compassionADay-recommendation .center-btn-wrap {
    margin-top: 0;
  }
  .compassionADay-recommendation .center-btn-wrap .type-require-test-message {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .compassionADay-recommendation .retry-btn-wrap {
    margin-bottom: -30px;
  }
  .compassionADay-text-wrap {
    margin: 40px auto;
  }
  .compassionADay-text-wrap .compassionADay-text-button {
    width: 100%;
  }
  .compassionADay-text-wrap .form-flex-cell {
    width: 100%;
    display: block;
  }
  .compassionADay-text-wrap .form-flex-cell button {
    width: 100%;
  }
  .compassionADay-sns-wrap h3 {
    padding: 24px 0 16px 0;
  }
  .compassionADay-sns-wrap .form-flex {
    width: 100%;
  }
  .compassionADay-sns-wrap .form-flex-cell {
    float: left;
    width: 50%;
    margin-bottom: 16px;
  }
  .compassionADay-sns-wrap .form-flex-cell + .form-flex-cell {
    padding: 0;
  }
  .compassionADay-sns-wrap .form-flex-cell:nth-of-type(2n) {
    float: right;
  }
  .compassionADay-sns-wrap + .center-btn-wrap {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 414px) {
  .compassionADay-step-wrap .step-section::after {
    height: 418px;
  }
  .compassionADay-iframe iframe {
    height: 214px;
  }
}

@media only screen and (max-width: 360px) {
  .compassionADay-step-wrap .step-section::after {
    height: 364px;
  }
  .compassionADay-iframe iframe {
    height: 186px;
  }
  .compassionADay-wrap .center-btn-wrap > div {
    width: 100%;
    padding: 0;
  }
  .compassionADay-wrap .center-btn-wrap .type-auto {
    padding-left: 24px;
  }
}

@media only screen and (max-width: 320px) {
  .compassionADay-step-wrap .step-section::after {
    height: 325px;
  }
  .compassionADay-iframe iframe {
    height: 166px;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 약관 페이지
 * 작성자 : hmpark
 * 파일명 : _policy.scss
 */
.policy-contents-wrap {
  padding: 50px 0 120px 0;
}

.policy-contents-layout + .policy-contents-layout {
  margin-top: 60px;
}

.policy-contents-layout h3 {
  font-size: 24px;
}

.policy-contents-layout p {
  font-size: 16px;
  line-height: 1.6;
  white-space: pre-line;
}

.policy-contents-layout a {
  text-decoration: underline;
  font-weight: 700;
}

.policy-contents-layout .indent-dep-1 {
  padding-left: 16px;
  display: block;
}

@media only screen and (max-width: 640px) {
  .policy-contents-wrap {
    padding: 0 0 120px 0;
  }
  .policy-contents-layout + .policy-contents-layout {
    margin-top: 24px;
  }
  .policy-contents-layout h3 {
    font-size: 16px;
  }
  .policy-contents-layout p {
    font-size: 12px;
  }
  .policy-contents-layout .table-layout th, .policy-contents-layout .table-layout td {
    font-size: 12px;
    padding: 8px 4px;
    word-break: keep-all;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 시스템 오류
 * 작성자 : hmpark
 * 파일명 : _error.scss
 */
.error-wrap {
  min-height: 100%;
  padding-top: 110px;
}

.page-error-layout {
  width: 588px;
  margin: 0 auto;
  min-height: 100%;
  text-align: center;
}

.page-error-layout img {
  max-width: 100%;
}

.page-error-layout h1 {
  width: 160px;
  margin: 0 auto;
}

.page-error-layout .error-description-text {
  margin-top: 70px;
}

.page-error-layout .error-description-text h2 {
  margin-top: 16px;
}

.page-error-layout .error-description-text p {
  margin-top: 24px;
  font-size: 16px;
}

.page-error-layout .error-icon {
  display: block;
  text-align: center;
}

.page-error-layout .error-icon img {
  width: 140px;
}

.page-error-layout .error-button-flex {
  margin-top: 120px;
  display: table;
  width: 100%;
}

.page-error-layout .error-button-flex .button-flex {
  width: 320px;
  display: table-cell;
}

.page-error-layout .error-button-flex .button-flex + .button-flex {
  padding-left: 24px;
}

.page-error-layout .error-setting-date {
  background: #f8f8fb;
  font-size: 16px;
  padding: 24px;
  margin-top: 48px;
  position: relative;
}

.page-error-layout .error-setting-date strong {
  position: absolute;
  left: 140px;
  top: 24px;
}

.page-error-layout .error-setting-date p {
  text-align: right;
  width: 228px;
  margin: 0 auto;
  position: relative;
  left: 32px;
}

.page-error-layout .error-noti {
  margin-top: 16px;
  font-size: 12px;
}

.page-error-layout .error-copyright {
  font-size: 16px;
  margin: 200px 0 100px 0;
}

@media only screen and (max-width: 640px) {
  .error-wrap {
    padding: 4% 0 0 0;
  }
  .page-error-layout {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 4%;
  }
  .page-error-layout h1 {
    display: none;
  }
  .page-error-layout .error-icon img {
    width: 100px;
  }
  .page-error-layout .error-description-text h2 {
    font-size: 15px;
    margin-top: 8px;
  }
  .page-error-layout .error-description-text p {
    font-size: 13px;
    margin-top: 16px;
  }
  .page-error-layout .error-button-flex {
    margin-top: 24px;
    display: block;
  }
  .page-error-layout .error-button-flex .button-flex {
    display: block;
    width: 100%;
  }
  .page-error-layout .error-button-flex .button-flex + .button-flex {
    padding: 0;
    margin-top: 8px;
  }
  .page-error-layout .error-setting-date {
    font-size: 13px;
    text-align: center;
  }
  .page-error-layout .error-setting-date strong {
    position: static;
    display: block;
  }
  .page-error-layout .error-setting-date p {
    margin: 8px 0 0 0;
    position: static;
    width: 100%;
    text-align: center;
  }
  .page-error-layout .error-copyright {
    display: none;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 서브페이지 띠배너 관련 스타일
 * 작성자 : hmpark
 * 파일명 : _banner.scss
 */
.my-banner-random {
  text-align: center;
}

.myBannerTarget img {
  max-width: 100%;
}

.mypage-ad-banner img {
  max-width: 100%;
}

.myBannerRandomMobile,
.my-banner-mob {
  display: none;
}

@media only screen and (max-width: 640px) {
  .myBannerRandom {
    display: none;
  }
  .myBannerRandomMobile,
  .my-banner-mob {
    display: block;
  }
  .my-banner-pc {
    display: none;
  }
}

/*
 * 공통 스타일 변수 작업
 * 작성자 : gykim
 */
/*
 * 앱(임시)
 * 작성자 : hmpark
 * 파일명 : _app.scss
 */
.comback {
  position: relative;
}

.comback img {
  max-width: 100%;
  width: 100%;
  vertical-align: top;
}

.comback .link-to-web {
  position: absolute;
  width: 50%;
  height: 30px;
  right: 4%;
  bottom: 7.5%;
}
/*
 * 재무감사 보고서 CSS 수정
 * 작성자: heonseop.shim
 * 2022.05.23
 *
 */
.report-item.flex {
	justify-content: space-between;
	align-items: center;
}
.flex {
	display: flex;
}
.report-item-wrap .report-item .flex .type-btn {
	float: none !important;
}
.flex.btn-wrap{
	width: 370px;
	justify-content: space-around;
}
@media screen and (max-width: 660px) {
	.mo-col {flex-direction: column;}
	.flex.btn-wrap{
		width: auto;
	}
	.introduction-content-wrap .ui-accordion .report-item.flex .type-btn {
		min-width: 170px;
	}
	.introduction-content-wrap .ui-accordion .report-item.flex .type-btn div {
		width: 170px;
	}
	.introduction-content-wrap .ui-accordion .report-item.flex .type-btn + .type-btn {
		margin-top: 10px;
	}
}

/*
 * 더블컨 레이어 UI 수정
 * 작성자: heonseop
 * 2022.07.20
 *
 */

#doubleContactLayer .ui-layer-buttons-item {
	display: block;
	width: 100%;
	padding: 10px 0 0 0;
}
#doubleContactLayer .type-line {
	color: #aaa;
	border: 0;
	text-decoration: underline;
}

@media only screen and (max-width: 520px) {
	.doubleContactLayer .ui-layer-buttons-list {
		margin: -16px 0 0 0;
	}
	.doubleContactLayer .ui-layer-alert-text {
		font-size: 14px;
	}
	.doubleContactLayer .g-button-basic {
		height: 40px;
		line-height: 40px;
		font-size: 15px;	
	}
	.doubleContactLayer .g-button-basic.type-line {
		height: 40px;
		line-height: 40px;
		font-size: 15px;
	}
}

/*
 * 우리들의 펀딩 개설 유의사항 안내팝업
 * 작성자: heonseop
 * 2022.07.26
 */

#fundingAlertPopup .ui-layer {
	width: 400px;
	padding: 40px 20px 0;
	word-break: keep-all;
}
@media only screen and (max-width: 520px) {
	#fundingAlertPopup .ui-layer {
		width: 100%;
		padding: 40px 20px 20px;
		word-break: keep-all;
	}
	#fundingAlertPopup .ui-layer .ui-layer-foot {
		position: relative;
	}
}

/*
 * 드래그 방지
 */
* {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


input, textarea {
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
}


.letter-text-note .inner-text-area, .letter-text-note .inner-text-origin {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.children-past-times-show{display:block !important;}

/*
 * 비전트립 테스트
 */
.vision-trip-list {
	margin-bottom: 40px;
}
/*
R0003206 commit 진행시 오류 수정
*/
.vision-trip-list:nth-last-child(1) {
	margin-bottom: 0px;	
}

.layer-trip-notice .ui-layer-body .ui-layer-buttons-list {
	text-align: right;
	margin-top: 0px;
}

.layer-trip-notice .ui-layer-body .g-button-basic {
    min-width: 200px;
}

.layer-trip-notice .ui-layer-body .ui-layer-buttons.two-button .g-button-basic {
    min-width: 150px;
    margin-left: 15px;
}

.layer-trip-notice .ui-layer-body .ui-layer-buttons.two-button .ui-layer-buttons-item {
    width: 100%;
}

.layer-trip-agreement .form-content-wrap {
	margin: 20px 0;
}
.layer-trip-agreement .inner {
	margin: 0 0 20px 0;
    box-sizing: border-box;
	padding: 0 20px;
	width: 100%;
}

.layer-trip-agreement .form-flex.type-date-from-to .form-flex-cell .date {
	width: 180px;
	border-right-color:#e0e0e0; 
	border-radius: 3px;
	
}

.ui-file-block .btn-file-del {
	z-index: 10;
}

.ui-file-block .btn-file-del2 {
  z-index: 10;
}

.ui-file-add-block .btn-file-delete {
  position: relative;
  font-size: 15px;
  color: #3d3e3f;
  padding-left: 16px;
  letter-spacing: -0.58px;
  background-color: transparent;
}
.ui-file-add-block .btn-file-delete::after {
	position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '-';
    font-weight: bold;
    color: #005eb8;
}

.ui-file-add-block .btn-file-delete2 {
  position: relative;
  font-size: 15px;
  color: #3d3e3f;
  padding-left: 16px;
  letter-spacing: -0.58px;
  background-color: transparent;
}
.ui-file-add-block .btn-file-delete2::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '-';
  font-weight: bold;
  color: #005eb8;
}
#file-area .ui-file-block {
	margin-bottom: 14px;
}

#file-area2 .ui-file-block {
  margin-bottom: 14px;
}

.vision-trip-timer-sticky-banner {
	position: fixed;
	top: 130px;
	right: 50px;
	width: 150px;
	height: 80px;
	border-radius: 0.75rem;
	box-shadow: 1px 1px 11px 2px #00000030;
	background-color: #fff;
	z-index: 20;
    padding: 15px;
    text-align: center;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vision-trip-timer-sticky-banner .sticky-contents {
    width: 100%;
}

.vision-trip-timer-sticky-banner .sticky-contents .sticky-title-wrap {
    height: 25px;
    line-height: 25px;
}

.vision-trip-timer-sticky-banner .sticky-time-wrap {
    font-weight: 600;
    font-size: 1.6rem;
    background-color: #f8f8fb;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 1.6rem;
}

.vision-trip-timer-sticky-banner .sticky-time-wrap .sticky-time {
    line-height: 50px;
}

@media only screen and (max-width: 768px) {
    .vision-trip-timer-sticky-banner {
    	right: 0px;
    	width: 100px;
    	height: 50px;
        padding: 10px;
        font-size: 0.9rem;
    }
    
    .vision-trip-timer-sticky-banner .sticky-contents .sticky-title-wrap {
        height: 20px;
        line-height: 20px;
    }
    
    .vision-trip-timer-sticky-banner .sticky-time-wrap {
        font-size: 1.4rem;
        height: 35px;
        line-height: 35px;
        font-size: 1.4rem;
    }
    
    .vision-trip-timer-sticky-banner .sticky-time-wrap .sticky-time {
        line-height: 35px;
    }
}

.layer-trip-account .form-content-wrap {
    margin: unset;
    margin-top: 32px;
}

.layer-trip-account .inner {
    padding: 0px 20px;
}

.layer-trip-files .exist-wrap input.file-name {
    cursor: pointer;
    color: #3d3e3f;
    text-decoration: underline;   
}

.layer-trip-files .exist-wrap input.input-file {
    width: 0px;
    min-width: 0px;
}

.layer-trip-files .ui-layer-content {
    padding: unset;
}

.layer-trip-files .form-content-wrap .inner {
    padding: 0 15px;
}

@media only screen and (min-width: 640px) {
    .layer-trip-apply .form-content-wrap,
    .layer-personal-trip-apply .form-content-wrap {
        margin: 0px 15px
    }
}

.layer-trip-apply #contents.type-vision-trip,
.layer-personal-trip-apply #contents.type-vision-trip {
    margin-top: 15px;
    margin-bottom: unset;
}

.layer-personal-trip-apply #childMeetErrorArea,
.layer-personal-trip-apply #visitCountry {
    margin-top: 8px;
}


/* 230120 애뉴얼, 어린이정보 */
@media only screen and (min-width: 641px){
  .mypage-mychildren-list .member-children-section.type-detail-page .children-intro-box .children-support-button .form-flex-cell{
    width: 95px;
  }
  .mypage-mychildren-list .children-support-button .form-flex-cell + .form-flex-cell{
    padding-left: 4px;
  }
  .mypage-mychildren-list .member-children-section.type-one-child .children-intro-box .children-support-button .g-button-basic{
    font-size: 13px;
    letter-spacing: -0.05em;
    padding: 0;
  }
  .layer-container .member-children-section.type-one-child .children-intro-box .children-support-button .g-button-basic{
    padding: 0;
    letter-spacing: -0.05em;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-intro-listtype{
    padding: 15px 20px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    margin-top: -20px;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-intro-listtype .type-hyphen-list{
    font-size: 16px;
    line-height: 1.7;
    color: #005eb8;
    letter-spacing: -0.03em;
    font-weight: 400;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-intro-listtype .type-hyphen-list li{
    display: flex;
    word-break: keep-all;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-intro-listtype .type-hyphen-list .title{
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0;
    display: inline-block;
    width: 155px;
    flex-shrink: 0;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-intro-listtype .type-hyphen-list .title::before{
    content: '-';
    margin-right: 10px;
  }

  /* 연간어린이정보 팝업 */
  .ui-layer .btn-annual-select{
    display: none;
  }
  .ui-layer .area-annual-select{
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .area-annual-select .wrap-select{
    position: relative;
    display: inline-block;
  }
  .area-annual-select .wrap-select .select-title{
    display: none;
  }
  .ui-layer .area-annual-select select{
    margin-left: 10px;
    border: 1px solid #e2e4e8;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    min-width: 200px;
    height: 46px;
    padding-left: 13px;
    padding-right: 33px;
    box-sizing: border-box;
    font-size: 14px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    position: relative;
    z-index: 1;
    background-color: transparent;
  }
  .area-annual-select .wrap-select::after{
    content: '';
    display: block;
    position: absolute;
    right: 13px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid #aaa;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }

  .ui-annual-content{
    background: url("../images/sub/annual_bg_pc.png") no-repeat;
    background-size: cover;
  }
  .ui-annual-content .swiper-grid-column > .swiper-wrapper{
    flex-direction: row;
    min-height: 100%;
  }
  .ui-annual-content .swiper-slide{
    padding: 30px;
    width: 50%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: auto !important;
  }
  .ui-annual-content .swiper-slide > div{
    background-color: #fff;
    padding: 35px 45px;
    height: calc(100% - 70px);
  }
  .ui-annual-content .swiper-slide:nth-child(odd){
    padding-right: 0;
  }
  .ui-annual-content .swiper-slide:nth-child(even){
    padding-left: 0;
  }
  .ui-annual-content .swiper-slide:nth-child(3), .ui-annual-content .swiper-slide:nth-child(4){
    background-color: rgba(185, 219, 229, 0.55);
  }
  .ui-annual-content .swiper-slide:nth-child(5), .ui-annual-content .swiper-slide:nth-child(6){
    background-color: rgba(253, 228, 223, 0.55);
  }
  .ui-annual-content .swiper-slide:nth-child(7), .ui-annual-content .swiper-slide:nth-child(8){
    background-color: rgba(255, 232, 124, 0.55);
  }
  /*2023.03.06 annual packet css 추가*/
  .ui-annual-content .swiper-slide:nth-child(3){
    display: block;
  }
  .ui-annual-content .swiper-slide img{
    width: 100%;
  }
  .ui-annual-content .swiper-slide.annual-age-cover > div{
    padding: 0 60px 0 20px;
    height: auto;
    background-color: transparent;
  }
  .ui-annual-content .swiper-slide.annual-child-img{
    position: relative;
  }
  .ui-annual-content .swiper-slide.annual-child-img > div{
    padding: 30px 40px 30px 0;
    background-color: transparent;
    position: relative;
    width: 100%;
  }
  .ui-annual-content .swiper-slide.annual-child-img img{
    height: 100%;
    object-fit: cover;
  }
  .ui-annual-content .swiper-slide.annual-child-img .comment{
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 40px);
    padding: 0 13px;
    box-sizing: border-box;
    background-color: #ffc709;
    line-height: 3;
    font-size: 0.78vw;
    color: #fff;
    display: flex;
    justify-content: space-between;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  }
  .ui-annual-content .swiper-slide.annual-child-info .title{
    border-top: 2px solid #ffc709;
    color: #005eb8;
    font-size: 0.78vw;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 1;
    padding: 10px 0 55px;
  }
  .ui-annual-content .swiper-slide.annual-child-info .annual-info-row{
    display: flex;
    column-gap: 25px;
  }
  .ui-annual-content .swiper-slide.annual-child-info dl{
    width: 50%;
  }
  .ui-annual-content .swiper-slide.annual-child-info dt{
    border-top: 1px solid #ffc709;
    color: #005eb8;
    font-size: 0.91vw;
    font-weight: 700;
    line-height: 1;
    padding: 20px 0;
  }
  .ui-annual-content .swiper-slide.annual-child-info dd{
    color: #005eb8;
    font-size: 0.91vw;
    line-height: 1.4;
    font-weight: 400;
    padding-bottom: 20px;
    word-break: keep-all;
  }
  .swiper-button-next, .swiper-button-prev, .swiper-pagination{
    display: none;
  }
  .ui-annual-content .annaul-child-cdpr > div{
    position: relative;
  }
  .ui-annual-content .annaul-child-cdpr .cdpr-graph{
    position: absolute;
    left: 0;
    top: 25%;
    width: 100%;
    padding: 0 45px;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 640px){
  .layer-container .member-children-section.type-one-child .children-intro-box .children-support-button .g-button-basic{
    padding: 0;
    letter-spacing: -0.05em;
  }
  .layer-container .member-children-section.type-one-child .children-intro-box .children-support-button .form-flex-cell{
    width: 32%;
    margin-right: 2%;
  }
  .layer-container .member-children-section.type-one-child .children-intro-box .children-support-button .form-flex-cell:last-child{
    margin-right: 0;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-intro-listtype{
    padding: 12px 16px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-intro-listtype .type-hyphen-list{
    font-size: 13px;
    line-height: 1.7;
    color: #005eb8;
    letter-spacing: -0.03em;
    font-weight: 400;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-intro-listtype .type-hyphen-list li{
    display: flex;
    word-break: keep-all;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-intro-listtype .type-hyphen-list .title{
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0;
    display: inline-block;
    width: 40%;
    flex-shrink: 0;
  }
  .layer-children-detail-tab .ui-layer-body .children-tab-children.type-country .children-intro-listtype .type-hyphen-list .title::before{
    content: '-';
    margin-right: 10px;
  }

  /* 연간어린이정보 팝업 */
  .ui-layer .btn-annual-select{
    position: absolute;
    top: 50%;
    right: 12%;
    padding: 0 8.63vw 0 2.77vw;
    height: 8.05vw;
    font-size: 3.47vw;
    line-height: 1;
    font-weight: 700;
    color: #005eb8;
    border: 1px solid #005eb8;
    background-color: #fff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
  .ui-layer .btn-annual-select::after{
    content: '';
    display: block;
    width: 1.80vw;
    height: 1.80vw;
    position: absolute;
    right: 4.08vw;
    top: 40%;
    border-right: 1px solid #005eb8;
    border-bottom: 1px solid #005eb8;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
  .ui-layer .btn-annual-select.open::after{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
}
  .ui-layer .area-annual-select{
    width: 100%;
    max-height: 0;
    padding: 0 3.88vw 0;
    overflow: hidden;
    background-color: rgba(21, 20, 26, 0.3);
    position: absolute;
    left: 0;
    top: 46px;
    z-index: 1;
    box-sizing: border-box;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    display: flex;
    column-gap: 2.08vw;
}
  .ui-layer .area-annual-select.open{
    max-height: 500px;
    padding: 1.8vw 3.88vw;
  }
  .ui-layer .area-annual-select .wrap-select{
    width: 50%;
    height: 11.11vw;
    position: relative;
  }
  .ui-layer .area-annual-select .wrap-select .select-title{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 10.83vw;
    font-weight: 400;
    color: #fff;
    font-size: 3.33vw;
    box-sizing: border-box;
    border: 1px solid #005eb8;
    background-color: #005eb8;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    z-index: 1;
  }

  .ui-layer .area-annual-select select{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 3.33vw;
    color: #555;
    position: relative;
    box-sizing: border-box;
    z-index: 2;
    opacity: 0;
  }

  .ui-annual-content{
    position: fixed;
    left: 0;
    top: 46px;
    width: 100%;
    height: calc(100% - 46px);
  }
  .ui-annual-content .annual-swiper{
    height: 100%;
  }
  .ui-annual-content .swiper-wrapper{
    height: 100%;
  }
  .ui-annual-content .swiper-slide {
    height: 100%;
  }
  .ui-annual-content .swiper-slide > div{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 8.33vw 4.16vw 12.5vw;
    position: relative;
    background-color: #fff;
    overflow-y: scroll;
  }
  .ui-annual-content .swiper-slide img{
    width: 100%;
  }
  .ui-annual-content .annual-swiper .annual-age-cover{
    background-color: #f2f2f2;
  }
  .ui-annual-content .annual-swiper .annual-age-cover > div{
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
  }
  .ui-annual-content .annual-swiper .annual-age-cover img{
    height: 100%;
    object-fit: contain;
  }
  .ui-annual-content .annual-swiper .annual-child-img > div{
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ui-annual-content .annual-swiper .annual-child-img img{
    height: 100%;
    object-fit: cover;
  }
  .ui-annual-content .annual-swiper .annual-child-img .comment{
    position: absolute;
    left: 0;
    bottom: 12.48vw;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 1.85vw;
    box-sizing: border-box;
    background-color: #ffc709;
    line-height: 3;
    font-size: 2.91vw;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  }
  .ui-annual-content .swiper-pagination.swiper-pagination-fraction{
    font-size: 3.05vw;
    font-weight: 300;
    line-height: 6.94vw;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.43);
    display: inline-block;
    padding-left: 2.77vw;
    padding-right: 6.94vw;
    width: auto;
    bottom: 2.77vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .ui-annual-content .swiper-pagination.swiper-pagination-fraction::after{
    content: '';
    position: absolute;
    right: 2.77vw;
    top: 50%;
    width: 1.38vw;
    height: 1.38vw;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
  }
  .ui-annual-content .swiper-button-next:after{
    font-size: 6.25vw;
    color: #cbcbcb;
    text-shadow: 2px 0px 0px #fff;
  }
  .ui-annual-content .swiper-button-prev:after{
    font-size: 6.25vw;
    color: #cbcbcb;
    text-shadow: -2px 0px 0px #fff;
  }
  .ui-annual-content .swiper-button-next{
    right: 0;
  }
  .ui-annual-content .swiper-button-prev{
    left: 0;
  }
  .ui-annual-content .swiper-slide.annual-child-info .title{
    border-top: 2px solid #ffc709;
    padding: 2.08vw 0 10.41vw;
  }
  .ui-annual-content .swiper-slide.annual-child-info .title p{
    color: #005eb8;
    font-size: 2.77vw;
    font-weight: 700;
    letter-spacing: -0.01em;
    font-weight: 700;
    line-height: 1;
  }
  .ui-annual-content .swiper-slide.annual-child-info .annual-info-row{
    display: flex;
    column-gap: 3.47vw;
  }
  .ui-annual-content .swiper-slide.annual-child-info dl{
    width: 50%;
  }
  .ui-annual-content .swiper-slide.annual-child-info dt{
    border-top: 1px solid #ffc709;
    color: #005eb8;
    font-size: 3.331vw;
    font-weight: 700;
    line-height: 1;
    padding: 3.47vw 0;
  }
  .ui-annual-content .swiper-slide.annual-child-info dd{
    color: #005eb8;
    font-size: 3.331vw;
    line-height: 1.4;
    font-weight: 400;
    padding-bottom: 4.86vw;
    word-break: keep-all;
  }
  .ui-annual-content .swiper-slide.annaul-child-cdpr{
    position: relative;
  }
  .ui-annual-content .swiper-slide.annaul-child-cdpr .cdpr-graph{
    position: absolute;
    left: 0;
    top: 57.33vw;
    width: 100%;
    padding: 0 4.16vw;
    box-sizing: border-box;
  }
}

/* 230210 선물금 금액 선택 추가 */
@media only screen and (min-width: 641px){
  .gift-reservation-radio-wrap{
    margin-bottom: 30px;
  }
  .gift-sort-amount-select{
    display: flex;
  }
  .gift-sort-amount-select div{
    width: 20%;
  }
  .gift-sort-amount-text{
    display: flex;
    align-items: center;
    margin-top: 15px;
  }
  .gift-sort-amount-text .sponsorship-choice-price{
    margin-top: 0;
    text-align: left;
  }
  .gift-reservation-radio-wrap .gift-reservation-note{
    font-size: 14px;
    color: #e0e0e0;
    word-break: keep-all;
    margin-top: 15px;
    padding-left: 20px;
    position: relative;
  }
  .gift-reservation-radio-wrap .gift-reservation-note::before{
    position: absolute;
    content: '※';
    left: 0;
  }
  .children-gift-item.is-checked .gift-reservation-radio-wrap .gift-reservation-note{
    color: #3d3e3f;
  }

  /* 선물금배너 */
  .gift-reservation-banner{
    margin-top: 35px;
    margin-bottom: -40px;
    height: 243px;
    background-color: #d9e5f1;
    overflow: hidden;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 640px){
  .gift-reservation-radio-wrap{
    margin-bottom: 30px;
  }
  .gift-sort-amount-select{
    display: flex;
    flex-wrap: wrap;
  }
  .gift-sort-amount-select div{
    width: 33.333%;
  }
  .gift-sort-amount-text{
    display: flex;
    align-items: center;
    margin-top: 5px;
  }
  .gift-sort-amount-text .gift-amount-direct{
    flex-shrink: 0;
  }
  .gift-sort-amount-text .sponsorship-choice-price{
    margin-top: 0;
    text-align: left;
  }
  .gift-sort-amount-text .sponsorship-choice-price .input-cell{
    width: 70%;
  }
  .gift-reservation-radio-wrap .gift-reservation-note{
    font-size: 14px;
    color: #e0e0e0;
    word-break: keep-all;
    margin-top: 15px;
    padding-left: 20px;
    position: relative;
  }
  .gift-reservation-radio-wrap .gift-reservation-note::before{
    position: absolute;
    content: '※';
    left: 0;
  }
  .children-gift-item.is-checked .gift-reservation-radio-wrap .gift-reservation-note{
    color: #3d3e3f;
  }

   /* 선물금배너 */
  .gift-reservation-banner{
    margin-top: 40px;
    height: 180px;
    overflow: hidden;
    display: flex;
    justify-content: center;
  }
  .gift-reservation-banner img{
    width: auto;
    height: 100%;
  }
}
/* 230321 팝업사이즈 조정 */
@media only screen and (max-width: 640px) {
  .layer-container.popup-downsize{
    width: 90%;
    padding: 25px 0;
    background-color: transparent;
  }
  .layer-container.popup-downsize .ui-layer{
    height: calc(100vh - 50px);
    overflow: hidden;
  }
  .layer-container.popup-downsize .ui-layer-head{
    position: relative;
    background-color: #005eb8;
  }
  .layer-container.popup-downsize .ui-layer .ui-layer-title{
    color: #fff;
  }
  .layer-container.popup-downsize .ui-layer .ui-layer-close::before{
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }
  .layer-container.popup-downsize .ui-layer .ui-layer-close::after{
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  .layer-container.popup-downsize .ui-layer-body{
    padding-top: 0;
    height: calc(100vh - 46px - 50px);
    overflow: hidden;
    overflow-y: scroll;
    min-height: auto;
  }
  .layer-container.popup-downsize .layer-children-detail .ui-layer-contents .children-stay-information .title-basic{
    word-break: keep-all;
  }
  .layer-container.popup-downsize .ui-layer.layer-children-detail-tab .children-tab-children.type-country .title-basic{
    word-break: keep-all;
  }

  /* 성장앨범 */
  .layer-children-album .layer-container.popup-downsize .child-album-information{
    padding-top: 24px;
  }


  /* 애뉴얼패킷 */
  .layer-container.popup-downsize .ui-annual-content{
    width: 90%;
    left: 5%;
    top: 71px;
    height: calc(100vh - 71px - 25px);
  }
  .layer-container.popup-downsize .ui-annual-content .swiper-slide.annaul-child-cdpr .cdpr-graph{
    top: 52.33vw;
  }
  .layer-container.popup-downsize .ui-annual-content .annual-swiper .annual-child-img .comment{
    padding: 5px 10px;
    align-items: center;
    line-height: 1.3;
    word-break: keep-all;
  }
}

.annual-tooltip .annual-tooltip-opener{
  opacity: 0.3;
  pointer-events: none;
}
.annual-tooltip .annual-tooltip-layer{
  display: none;
  min-width: 138px;
  width: 252px;
  position: relative;
  margin-top: -5px;
}
.annual-tooltip .annual-tooltip-content{
  padding: 16px 16px;
  border: 1px solid #005eb8;
  background: #fff;
  word-break: keep-all;
  word-wrap: break-word;
  font-size: 13px;
  border-radius: 0 4px 4px 4px;
}

/* 230309 DEP 온라인패킷 */
@media only screen and (min-width: 641px){

  .m-dep-only{
    display: none;
  }

  /* 어린이찾기 pool */
  .search-children-body{
    border-bottom: 1px solid #d9e1e2;
    padding-bottom: 28px;
  }

  /* dep 졸업 */
  .input-neversee{
    display: inline-block;
    position: absolute;
    right: 60px;
    top: 18px;
    z-index: 2;
    padding-left: 35px;
  }
  .input-neversee input{
    min-width: auto;
    width: 1px;
    height: 1px;
    position: absolute;
    left: 0;
    opacity: 0;
  }
  .input-neversee span{
    font-size: 20px;
    font-weight: 400;
    color: #a6a6a6;
    letter-spacing: -0.03em;
    vertical-align: middle;
  }
  .input-neversee span::before{
    content: '';
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .input-neversee span::after{
    content: '';
    display: block;
    width: 6px;
    height: 12px;
    border-right: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    position: absolute;
    left: 7px;
    top: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  .input-neversee input:checked + span::before{
    border-color: #0054a4;
  }
  .input-neversee input:checked + span::after{
    border-right: 3px solid #0054a4;
    border-bottom: 3px solid #0054a4;
  }
  .ui-dep-content{
    position: relative;
  }
  .ui-dep-content::after{
    content: '';
    display: block;
    width: 100%;
    height: 3%;
    background: url(../images/sub/dep_shadow_bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;

  }
  .ui-dep-content .swiper-button-next.out, .ui-dep-content .swiper-button-prev.out{
     display: flex;
     mix-blend-mode: multiply;
  }
  .ui-dep-content .swiper-button-next.out{
    right: 18px;
  }
  .ui-dep-content .swiper-button-prev.out{
    left: 18px;
  }
  .ui-dep-content .swiper-button-next.out:after, .ui-dep-content .swiper-button-prev.out:after{
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 42px;
  }
  .ui-dep-content .swiper-button-next.out:after{
    background-image: url(../images/sub/dep_btn_next.png);
    margin-right: -10px;

  }
  .ui-dep-content .swiper-button-prev.out:after{
    background-image: url(../images/sub/dep_btn_prev.png);
    margin-left: -10px;
  }
  .ui-dep-content .swiper-pagination.out{
    display: block;
    top: 19px;
    right: 230px;
    left: auto;
    bottom: auto;
    width: auto;
  }
  .ui-dep-content .swiper-pagination.out .swiper-pagination-bullet{
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 1px solid #005eb8;
    background-color: #fff;
    opacity: 1;
    vertical-align: top;
  }
  .ui-dep-content .swiper-pagination.out .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #005eb8;
    border-color: #fff;
    border-color: #cfd6dd;
  }
  .ui-dep-content .swiper-slide{
    padding: 60px 6.66%;
    height: auto;
    box-sizing: border-box;
  }
  .ui-dep-content .dep-childinfo{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #0054a4;
  }
  .dep-childinfo .dep-childinfo-img{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 52%;
    height: 0;
    padding-bottom: 93.215%;
    position: relative;
  }
  .dep-childinfo .dep-childinfo-img::before{
    content: '';
    display: block;
    background: url(../images/sub/dep_photo_bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 97%;
    height: 97%;
  }
  .dep-childinfo .dep-childinfo-img .title{
    letter-spacing: -0.03em;
    color: #005eb8;
    font-weight: 400;
    text-align: center;
    width: 100%;
    padding-top: 17%;
    font-size: 26px;
  }
  .dep-childinfo .dep-childinfo-img .title .strong{
    font-weight: 700;
  }
  .dep-childinfo .dep-childinfo-img .title .name{
    margin-top: 1.04vw;
    font-weight: 500;
    white-space: nowrap;
    font-size: 50px;
  }
  .dep-childinfo .dep-childinfo-img .img{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 21%;
  }
  .dep-childinfo .dep-childinfo-img .img::after{
    content: '';
    display: block;
    background: url(../images/sub/dep_cap_blue.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 30%;
    height: 25%;
    top: -14%;
  }
  .dep-childinfo .dep-childinfo-img .img div{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    width: 89%;
    height: 0;
    padding-bottom: 89%;
  }
  .dep-childinfo .dep-childinfo-img .img img{
    width: 100%;
  }
  .dep-childinfo .dep-childinfo-img .sub-text{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 15%;
    position: absolute;
    bottom: 3%;
  }
  .dep-childinfo .dep-childinfo-img .sub-text div{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .dep-childinfo .dep-childinfo-img .sub-text p{
    font-weight: 300;
    color: #005eb8;
    line-height: 1.5;
    text-align: center;
    word-break: keep-all;
    font-size: 24px;
    width: 90%;
  }
  .dep-childinfo .dep-childinfo-img .sub-text p .strong{
    font-weight: 500;
  }

  .dep-childinfo .dep-childinfo-text{
    width: 41.68%;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text{
    padding-left: 60px;
    position: relative;
    margin-bottom: 0.78vw;
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #fff;
    word-break: keep-all;
    padding-bottom: 8%;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text:last-child{
    margin-bottom: 0;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text .img{
    position: absolute;
    left: 0;
    top: 0;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text .title{
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text .text{
    line-height: 1.75;
  }

  .ui-dep-content .dep-thanks{
    background: url(../images/sub/dep_bg_thanks.png) no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
  }
  .ui-dep-content .dep-thanks .dep-thanks-cont{
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 2.86vw 0;
    width: 100%;
    height: 100%;
  }
  .ui-dep-content .dep-thanks .dep-thanks-cont > div{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ui-dep-content .dep-thanks .title{
    text-align: center;
    margin-bottom: 1.88vw;
  }
  .ui-dep-content .dep-thanks .title p{
    display: inline-block;
    font-size: 34px;
    color: #000;
    font-weight: 400;
    padding-bottom: 18px;
    border-bottom: 3px solid #005eb8;
    letter-spacing: -0.03em;
  }
  .ui-dep-content .dep-thanks .title .strong{
    font-weight: 600;
    color: #005eb8;
  }
  .ui-dep-content .dep-thanks .area-youtube{
    margin-bottom: 3.02vw;
    width: 80%;
    height: 0;
    padding-bottom: 46.968%;
    box-sizing: border-box;
    border: 2px solid #d6d6d6;
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  .ui-dep-content .dep-thanks .area-youtube iframe{
    width: 95%;
    height: 92%;
    position: absolute;
    left: 2.5%;
    top: 4%;
  }
  .ui-dep-content .dep-thanks .message{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ui-dep-content .dep-thanks .message .title{
    font-size: 35px;
    color: #000;
    font-weight: 500;
    padding-bottom: 20px;
    border-bottom: 5px solid #a0bfef;
    position: relative;
  }
  .ui-dep-content .dep-thanks .message .title::before{
    content: '';
    display: block;
    width: 38px;
    height: 34px;
    background: url(../images/sub/dep_quotation_1.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -55px;
    top: -18px;
  }
  .ui-dep-content .dep-thanks .message .title .strong{
    font-weight: 600;
    color: #005eb8;
  }
  .ui-dep-content .dep-thanks .message .text{
    color: #000;
    font-size: 24px;
    line-height: 1.46;
    font-weight: 300;
    text-align: center;
    word-break: keep-all;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ui-dep-content .dep-thanks .message .text span{
    display: block;
  }
  .ui-dep-content .dep-thanks .message .text span:first-child{
    width: 60%;
  }
  .ui-dep-content .dep-thanks .message .text span:nth-child(2){
    width: 80%;
  }
  .ui-dep-content .dep-thanks .message .text span:last-child{
    width: 60%;
    position: relative;
  }
  .ui-dep-content .dep-thanks .message .text span:last-child::after{
    content: '';
    display: inline-block;
    width: 38px;
    height: 34px;
    background: url(../images/sub/dep_quotation_2.png) no-repeat;
    background-size: contain;
    position: absolute;
    margin-left: 19px;
    margin-top: 8px;
  }

  .ui-dep-content .dep-album{
    background: url(../images/sub/dep_bg_album.png) no-repeat;
    background-position: center bottom;
    background-size: cover;
    display: flex;
    align-items: center;
  }
  .ui-dep-content .slide-title{
    color: #005eb8;
    font-size: 24px;
    font-weight: 600;
    line-height: 60px;
    border-bottom: 1px solid #005eb8;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    padding-left: 6.66%;
  }
  .dep-innner-album{
    padding-bottom: 80px;
    margin-bottom: -80px;
  }
  .dep-innner-album .swiper-slide{
    width: 496px;
    height: 753px;
    padding: 10px;
  }
  .dep-innner-album .swiper-pagination{
    display: block;
    color: #005eb8;
    font-size: 24px;
    font-weight: 300;
    bottom: 11px;
  }
  .dep-innner-album .swiper-pagination .swiper-pagination-current{
    font-weight: 600;
  }
  .dep-innner-album .swiper-button-next, .dep-innner-album .swiper-button-prev{
    display: block;
    top: auto;
    bottom: 6px;
    z-index: 11;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
  }
  .dep-innner-album .swiper-button-next{
    right: 40%;
  }
  .dep-innner-album .swiper-button-prev{
    left: 40%;
  }
  .dep-innner-album .swiper-button-next::after, .dep-innner-album .swiper-button-prev::after{
    display: block;
    border: 1px solid #3b89cd;
    font-size: 17px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .dep-innner-album .swiper-slide > div{
    width: 100%;
    height: 100%;
    background-color: #f7f5f3;
    box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    padding: 50px;
    position: relative;
  }
  .dep-innner-album .swiper-slide img{
    width: 100%;
  }
  .dep-innner-album .swiper-slide .date{
    width: 115px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    background-color: #ffd108;
    position: absolute;
    bottom: 42px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .ui-dep-content .dep-fruition{
    background: url(../images/sub/dep_bg_album.png) no-repeat;
    background-size: cover;
    background-position: center bottom;
    display: flex;
    align-items: center;
  }
  .ui-dep-content .dep-fruition .dep-fruition-cont{
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 3px rgb(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 2.86vw 40px;
    position: relative;
  }
  .dep-fruition .dep-fruition-cont .title{
    margin-bottom: 40px;
    font-size: 28px;
    color: #005eb8;
    font-weight: 600;
    letter-spacing: -0.03em;
  }
  .dep-fruition .group-fruition-text{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .dep-fruition .group-fruition-text dl{
    width: 47%;
  }
  .dep-fruition .group-fruition-text dt{
    height: 48px;
    font-size: 26px;
    font-weight: 600;
    color: #005eb8;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #005eb8;
    padding-bottom: 15px;
    line-height: 1;
    display: flex;
    align-items: flex-end;
    white-space: nowrap;
  }
  .dep-fruition .group-fruition-text dt img{
    margin-right: 12px;
  }
  .dep-fruition .group-fruition-text dd{
    height: 165px;
    box-sizing: border-box;
    padding: 20px 0;
    overflow: hidden;
  }
  .dep-fruition .group-fruition-text .list-hyphen li{
    padding-left: 10px;
    color: #231f20;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: -0.03em;
    word-break: keep-all;
    position: relative;
  }
  .dep-fruition .group-fruition-text .list-hyphen li::before{
    content: '-';
    position: absolute;
    left: 0;
  }
  .dep-fruition .fruition-message{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
  }
  .dep-fruition .fruition-message::before{
    content: '';
    width: 277px;
    height: 277px;
    background: url(../images/sub/dep_icon_pray.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: -200px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: -1;
  }
  .dep-fruition .fruition-message .title{
    font-size: 32px;
    color: #000;
    letter-spacing: -0.04em;
    line-height: 1.56;
    text-align: center;
    width: 50%;
    word-break: keep-all;
  }
  .dep-fruition .fruition-message .title span{
    background-image: linear-gradient(transparent 86%, #bee2ff 14%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .dep-fruition .fruition-message .text span{
    display: block;
    font-size: 22px;
    color: #000;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.45;
    text-align: center;
  }
  .ui-dep-content .dep-support{
    background: url(../images/sub/dep_bg_support.png) no-repeat;
    background-size: cover;
    background-position: center bottom;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ui-dep-content .dep-support > div{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .ui-dep-content .dep-support .title{
    font-weight: 400;
    font-size: 32px;
    letter-spacing: -0.03em;
    line-height: 1.56;
    position: relative;
    margin-bottom: 60px;
    padding-top: 250px;
  }
  .ui-dep-content .dep-support .title::before{
    content: '';
    width: 296px;
    height: 250px;
    background: url(../images/sub/dep_bg_support_icon.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    mix-blend-mode: multiply;
  }
  .ui-dep-content .dep-support .title span{
    display: block;
    text-align: center;
  }
  .ui-dep-content .dep-support .btn-blue-link{
    display: inline-block;
    width: 400px;
    line-height: 66px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.04em;
    background-color: #005eb8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }
  .ui-dep-content .dep-support .text{
    margin-top: 55px;
    font-weight: 400;
    color: #000;
    font-size: 26px;
    letter-spacing: -0.03em;
    line-height: 1.54;
  }
  .ui-dep-content .dep-support .text span{
    display: block;
  }
  .ui-dep-content .dep-support .support-question{
    position: absolute;
    left: 40px;
    bottom: 30px;
    color: #000;
    font-weight: 300;
    font-size: 22px;
    letter-spacing: -0.03em;
  }
  .ui-dep-content .dep-support .support-question .strong{
    margin-right: 10px;
    font-weight: 600;
  }

  .ui-dep-content .dep-introduce{
    background: url(../images/sub/dep_bg_album.png) no-repeat;
    background-size: cover;
    background-position: center bottom;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ui-dep-content .dep-introduce .dep-introduce-cont > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .ui-dep-content .dep-introduce .title{
    margin-bottom: 42px;
    text-align: center;
  }
  .ui-dep-content .dep-introduce .title p{
    font-weight: 600;
    font-size: 32px;
    color: #000;
    letter-spacing: -0.03em;
    display: inline-block;
    background-color: rgba(194, 226, 247, 0.5);
    padding: 10px;
  }
  .ui-dep-content .dep-introduce .title .strong{
    color: #005eb8;
  }
  .ui-dep-content .dep-introduce .title.no-bg{
    margin-bottom: 30px;
  }
  .ui-dep-content .dep-introduce .title.no-bg p{
    background-color: transparent;
  }
  .ui-dep-content .dep-introduce .title .sub{
    font-size: 30px;
    margin-bottom: 0;
    padding: 0;
  }
  .ui-dep-content .dep-introduce .intro-child-card{
    margin-bottom: 40px;
    background-color: #f7f5f3;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    width: 875px;
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ui-dep-content .dep-introduce .intro-child-card .img{
    width: 365px;
  }
  .ui-dep-content .dep-introduce .intro-child-card .img img{
    width: 100%;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info{
    width: 395px;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info .name{
    font-weight: 600;
    font-size: 38px;
    letter-spacing: -0.03em;
    margin-bottom: 40px;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info .name span{
    display: block;
    font-weight: 400;
    font-size: 30px;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info .info-text{
    font-size: 26px;
    font-weight: 400;
    color: #000;
    line-height: 34px;
    position: relative;
    padding-left: 50px;
    margin-bottom: 25px;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info .info-text:last-child{
    margin-bottom: 0;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info .info-text img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .ui-dep-content .dep-introduce .intro-child-card .info .info-text .strong{
    font-weight: 600;
    margin-right: 20px;
  }
  .ui-dep-content .dep-introduce .text{
    font-weight: 500;
    font-size: 26px;
    color: #000;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
    text-align: center;
  }
  .ui-dep-content .dep-introduce .text .strong{
    color: #005eb8;
    font-weight: 600;
  }
  .ui-dep-content .dep-introduce .sub-title{
    text-align: center;
    color: #000;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: -0.03em;
    line-height: 1.6;
    margin-bottom: 25px;
  }
  .ui-dep-content .dep-introduce .sub-title span{
    display: block;
  }
  .ui-dep-content .dep-introduce .sub-title .strong{
    display: inline-block;
    color: #005eb8;
  }

  .ui-dep-content .dep-introduce .group-link{
    display: flex;
    justify-content: center;
    column-gap: 20px;
  }
  .ui-dep-content .dep-introduce .btn-blue-link{
    display: inline-block;
    width: 400px;
    line-height: 64px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.04em;
    background-color: #005eb8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #005eb8;
    box-sizing: border-box;
  }
  .ui-dep-content .dep-introduce .btn-white-link{
    display: inline-block;
    width: 400px;
    line-height: 64px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #005eb8;
    letter-spacing: -0.04em;
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #005eb8;
    box-sizing: border-box;
  }
  .ui-dep-content .dep-introduce .support-question{
    position: absolute;
    left: 40px;
    bottom: 30px;
    color: #000;
    font-weight: 300;
    font-size: 22px;
    letter-spacing: -0.03em;
  }
  .ui-dep-content .dep-introduce .support-question .strong{
    margin-right: 10px;
    font-weight: 600;
  }

  /* dep 일반 */
  .ui-dep-content .dep-childinfo.dep-common{
    background: url(../images/sub/dep_bg_common_info.png) no-repeat;
    background-size: cover;
    background-position: center bottom;
    display: block;
  }
  .dep-childinfo.dep-common .wrap-childinfo-title .title{
    color: #005eb8;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -0.03em;
    line-height: 1.43;
    text-align: center;
    padding-top: 40px;
    margin-bottom: 75px;
  }
  .dep-childinfo.dep-common .wrap-childinfo-title .title span{
    display: block;
  }
  .dep-childinfo.dep-common .wrap-childinfo-title .title span.strong{
    display: inline-block;
    font-weight: 600;
  }
  .dep-childinfo.dep-common .wrap-dep-childinfo{
    display: flex;
    column-gap: 75px;
  }
  .dep-childinfo.dep-common .dep-childinfo-img{
    display: block;
    width: 524px;
    height: 768px;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;

  }
  .dep-childinfo.dep-common .dep-childinfo-img::before{
    display: none;
  }
  .dep-childinfo.dep-common .dep-childinfo-img .img{
    display: block;
    margin-top: 0;
  }
  .dep-childinfo.dep-common .dep-childinfo-img .img::after{
    display: none;
  }
  .dep-childinfo.dep-common .dep-childinfo-img .img div{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  .dep-childinfo.dep-common .dep-childinfo-text{
    width: auto;
    position: relative;
    padding-top: 70px;
  }
  .dep-childinfo.dep-common .dep-childinfo-text::before{
    content: '';
    display: block;
    width: 81px;
    height: 4px;
    background-color: #005eb8;
    position: absolute;
    left: 0;
    top: 0;
  }
  .dep-childinfo.dep-common .dep-childinfo-text .box-childinfo-text{
    margin-bottom: 50px;
    color: #005eb8;
    border-bottom: none;
    padding-bottom: 0;
  }
  .dep-childinfo.dep-common .dep-childinfo-text .box-childinfo-text .text{
    line-height: 1.5;
  }
  .dep-childinfo.dep-common .dep-childinfo-text .box-childinfo-text .text span{
    display: block;
  }

  .ui-dep-content .dep-thanks.dep-common{
    background-image: url(../images/sub/dep_bg_common_thanks.png);
  }
  .ui-dep-content .dep-thanks.dep-common .message .title::before{
    display: none;
  }
  .ui-dep-content .dep-thanks.dep-common .dep-thanks-cont{
    position: relative;
    z-index: 1;
  }
  .ui-dep-content .dep-thanks.dep-common .dep-thanks-cont::before{
    z-index: -1;
    content: '';
    display: block;
    background: url(../images/sub/dep_bg_common_thanks2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 97%;
    height: 97%;
  }
  .ui-dep-content .dep-thanks.dep-common .title{
    padding-top: 20px;
  }
  .ui-dep-content .dep-thanks.dep-common .message .text span:last-child::after{
    display: none;
  }
  .ui-dep-content .dep-thanks.dep-common .message .text span{
    width: 100% !important;
  }
  .ui-dep-content .dep-album.dep-common{
    background-image: url(../images/sub/dep_bg_common_info.png);
  }
  .dep-album.dep-common .dep-innner-album .swiper-slide .date{
    background-color: transparent;
  }

  .ui-dep-content .dep-fruition.dep-common{
    background-image: url(../images/sub/dep_bg_common_info.png);
  }
  .dep-fruition.dep-common .dep-fruition-cont .title{
    margin-bottom: 65px;
  }
  .dep-fruition.dep-common .wrap-fruition-text{
    display: flex;
    justify-content: space-between;
  }
  .dep-fruition.dep-common .group-fruition-text{
    flex-direction: column;
    width: 52%;
  }
  .dep-fruition.dep-common .group-fruition-text dl{
    width: 100%;
  }
  .dep-fruition.dep-common .fruition-message{
    position: relative;
    bottom: auto;
    width: 50%;
    padding-top: 200px;
  }
  .dep-fruition.dep-common .fruition-message::before{
    top: 0;
    background-image: url(../images/sub/dep_icon_pray_common.png);
  }
  .dep-fruition.dep-common .fruition-message .title{
    width: 100%;
    margin-bottom: 0;
  }
  .dep-fruition.dep-common .fruition-message .title span{
    background-image: linear-gradient(transparent 86%, #fbdce4 14%);
  }
  .dep-fruition.dep-common .fruition-message .title .strong{
    color: #005eb8;
  }
  .dep-fruition.dep-common .fruition-message .text{
    margin-top: 65px;
    margin-bottom: 35px;
  }
  .dep-fruition.dep-common .fruition-message .text span.strong{
    display: inline-block;
    font-weight: 600;
    color: #005eb8;
  }
  .dep-fruition.dep-common .fruition-message .text-bold{
    font-weight: 600;
    font-size: 22px;
    line-height: 1.45;
    text-align: center;
  }
  .dep-fruition.dep-common .fruition-message .text-bold span{
    display: block;
  }
  .ui-dep-content .dep-support.dep-common{
    background-image: url(../images/sub/dep_bg_support_common.png);
  }
  .ui-dep-content .dep-support.dep-common .title::before{
    background-image: url(../images/sub/dep_bg_support_icon_common.png);
  }
  .ui-dep-content .dep-introduce.dep-common{
    background-image: url(../images/sub/dep_bg_common_introduce.png);
  }
  .ui-dep-content .dep-introduce.dep-common .title p{
    background-color: rgba(255, 255, 255, 0.35);
  }
  .ui-dep-content .dep-introduce.dep-common .title.no-bg{
    margin-bottom: 30px;
  }
  .ui-dep-content .dep-introduce.dep-common .title.no-bg p {
    background-color: transparent;
  }

  /* 다수일 때 */
  .dep-title-first{
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #000;
    letter-spacing: -0.03em;
    line-height: 1.6;
    font-weight: 600;
    z-index: 11;
  }
  .dep-title-first span{
    display: block;
  }
  .dep-title-first span.strong{
    display: inline-block;
    color: #005eb8;
  }
  .ui-dep-content .wrap-many-swiper-v{
    background-image: url(../images/sub/dep_bg_many.png);
    background-size: cover;
    background-position: center bottom;
    padding: 220px 0;
  }
  .ui-dep-content .wrap-many-swiper-h{
    padding: 0 6.66%;
    background-color: #fff;
    box-shadow: 0 7px 0 rgba(0, 0, 0, 0.05);
  }
  .ui-dep-content .dep-many-swiper .swiper-slide{
    padding: 40px 4px;
  }
  .ui-dep-content .dep-many-swiper .swiper-slide .img{
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 35px;
  }
  .ui-dep-content .dep-many-swiper .swiper-slide .img img{
    width: 100%;
  }
  .ui-dep-content .dep-many-swiper .text{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ui-dep-content .dep-many-swiper .text .type{
    display: inline-block;
    width: 200px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.03em;
    background-color: #005eb8;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin-bottom: 15px;
  }
  .ui-dep-content .dep-many-swiper .text .type.together{
    background-color: #ff81a2;
  }
  .ui-dep-content .dep-many-swiper .text .name{
    color: #005eb8;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin-bottom: 10px;
    font-size: 26px;
  }
  .ui-dep-content .dep-many-swiper .text .status{
    color: #000;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.03em;
  }
  .ui-dep-content .wrap-many-swiper-h .swiper-pagination{
    display: block;
    color: #005eb8;
    font-size: 24px;
    font-weight: 300;
    bottom: 140px;
  }
  .ui-dep-content .wrap-many-swiper-h .swiper-pagination .swiper-pagination-current{
    font-weight: 600;
  }
  .ui-dep-content .wrap-many-swiper-h .swiper-button-next,
  .ui-dep-content .wrap-many-swiper-h .swiper-button-prev{
    display: block;
    top: auto;
    bottom: 135px;
    z-index: 11;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
  }
  .ui-dep-content .wrap-many-swiper-h .swiper-button-next::after,
  .ui-dep-content .wrap-many-swiper-h .swiper-button-prev::after{
    display: block;
    border: 1px solid #3b89cd;
    font-size: 17px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .ui-dep-content .wrap-many-swiper-h .swiper-button-next{
    right: 40%;
  }
  .ui-dep-content .wrap-many-swiper-h .swiper-button-prev{
    left: 40%;
  }
}
@media only screen and (max-width: 640px){
  .ui-layer-head.dep-head{
    height: 40px;
    box-sizing: border-box;
  }
  .ui-layer-body.dep-body{
    padding-top: 40px;
    padding-bottom: 0;
  }

  .input-neversee{
    display: inline-block;
    z-index: 2;
    position: absolute;
    padding-left: 25px;
    right: 10%;
    top: 50px;
  }
  .input-neversee input{
    min-width: auto;
    width: 1px;
    height: 1px;
    position: absolute;
    left: 0;
    opacity: 0;
  }
  .input-neversee span{
    font-size: 15px;
    font-weight: 400;
    color: #a6a6a6;
    letter-spacing: -0.03em;
    vertical-align: middle;
  }
  .input-neversee span::before{
    content: '';
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  .input-neversee span::after{
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    border-right: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    position: absolute;
    left: 5px;
    top: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  .input-neversee input:checked + span::before{
    border-color: #0054a4;
  }
  .input-neversee input:checked + span::after{
    border-right: 3px solid #0054a4;
    border-bottom: 3px solid #0054a4;
  }

  .ui-dep-content .swiper-button-next.out, .ui-dep-content .swiper-button-prev.out{
    display: flex;
    mix-blend-mode: multiply;
    position: fixed;
    top: 50vh;
  }
 .ui-dep-content .swiper-button-next.out{
   right: 0;
  }
 .ui-dep-content .swiper-button-prev.out{
   left: 0;
  }
 .ui-dep-content .swiper-button-next.out:after, .ui-dep-content .swiper-button-prev.out:after{
   content: '';
   background-repeat: no-repeat;
   background-size: contain;
   width: 13px;
   height: 21px;
  }
 .ui-dep-content .swiper-button-next.out:after{
   background-image: url(../images/sub/dep_btn_next.png);
   margin-right: -5px;
  }
 .ui-dep-content .swiper-button-prev.out:after{
   background-image: url(../images/sub/dep_btn_prev.png);
   margin-left: -5px;
  }
  .ui-dep-content .swiper-pagination.out{
    display: block;
    top: 12px;
    right: auto;
    left: 15px;
    bottom: auto;
    width: auto;
  }
  .ui-dep-content .swiper-pagination.out .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    border: 1px solid #005eb8;
    background-color: #fff;
    opacity: 1;
    vertical-align: top;
  }
  .ui-dep-content .swiper-pagination.out .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #005eb8;
    border-color: #fff;
    border-color: #cfd6dd;
  }
  .ui-dep-content .swiper-slide{
    padding: 40px 30px;
    min-height: calc(100vh - 40px);
    box-sizing: border-box;
  }

  .ui-dep-content .dep-thanks{
    background: url(../images/sub/dep_bg_thanks_m.png) no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ui-dep-content .dep-thanks .dep-thanks-cont{
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 10.42vw 0;
    flex: 1;
    width: 100%;
  }
  .ui-dep-content .dep-thanks .title{
    text-align: center;
    margin-bottom: 5.56vw;
    padding-top: 3.47vw;
  }
  .ui-dep-content .dep-thanks .title p{
    display: inline-block;
    font-size: 5vw;
    color: #000;
    font-weight: 400;
    padding-bottom: 2.22vw;
    border-bottom: 2px solid #005eb8;
    letter-spacing: -0.03em;
    min-width: 57%;
  }
  .ui-dep-content .dep-thanks .title .strong{
    font-weight: 600;
    color: #005eb8;
  }
  .ui-dep-content .dep-thanks .area-youtube{
    margin: 0 auto 7.78vw;
    width: 87%;
    height: 0;
    padding-bottom: 48.72%;
    box-sizing: border-box;
    border: 2px solid #d6d6d6;
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  .ui-dep-content .dep-thanks .area-youtube iframe{
    width: 95%;
    height: 92%;
    position: absolute;
    left: 2.5%;
    top: 4%;
  }
  .ui-dep-content .dep-thanks .message{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ui-dep-content .dep-thanks .message .title{
    font-size: 5.28vw;
    color: #000;
    font-weight: 500;
    padding-bottom: 2.22vw;
    border-bottom: 4px solid #a0bfef;
    position: relative;
  }
  .ui-dep-content .dep-thanks .message .title::before{
    content: '';
    display: block;
    width: 5.28vw;
    height: 4.72vw;
    background: url(../images/sub/dep_quotation_1.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -5.40vw;
    top: -2.64vw;
  }
  .ui-dep-content .dep-thanks .message .text{
    color: #000;
    font-size: 3.61vw;
    line-height: 1.55;
    font-weight: 300;
    text-align: center;
    word-break: keep-all;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .ui-dep-content .dep-thanks .message .text span{
    display: inline-block;
  }
  .ui-dep-content .dep-thanks .message .text span:last-child{
    position: relative;
  }
  .ui-dep-content .dep-thanks .message .text span:last-child::after{
    content: '';
    display: inline-block;
    width: 5.28vw;
    height: 4.72vw;
    background: url(../images/sub/dep_quotation_2.png) no-repeat;
    background-size: contain;
    position: absolute;
    margin-left: 1.94vw;
    bottom: -0.69vw;
  }

  .ui-dep-content .dep-album{
    background: url(../images/sub/dep_bg_album_m.png) no-repeat;
    background-position: center bottom;
    background-size: cover;
    display: flex;
    align-items: center;
  }
  .ui-dep-content .slide-title{
    color: #005eb8;
    font-size: 3.89vw;
    font-weight: 600;
    line-height: 9.72vw;
    border-bottom: 1px solid #005eb8;
    position: absolute;
    left: 0;
    top: 10.83vw;
    width: 100%;
    box-sizing: border-box;
    padding-left: 6.66%;
  }
  .dep-innner-album{
    padding-top: 15.97vw;
    padding-bottom: 13.89vw;
  }
  .dep-innner-album .swiper-pagination{
    display: block;
    color: #005eb8;
    font-size: 3.33vw;
    font-weight: 300;
    bottom: 7px;
  }
  .dep-innner-album .swiper-pagination .swiper-pagination-current{
    font-weight: 600;
  }
  .dep-innner-album .swiper-button-next,
  .dep-innner-album .swiper-button-prev{
    display: block;
    top: auto;
    bottom: 3px;
    z-index: 11;
    width: 6.67vw;
    height: 6.67vw;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
  }
  .dep-innner-album .swiper-button-next{
    right: 26%;
  }
  .dep-innner-album .swiper-button-prev{
    left: 34%;
  }
  .dep-innner-album .swiper-button-next::after,
  .dep-innner-album .swiper-button-prev::after{
    display: block;
    border: 1px solid #3b89cd;
    font-size: 2.50vw;
    width: 6.67vw;
    height: 6.67vw;
    line-height: 6.67vw;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .dep-innner-album .swiper-slide{
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 1.39vw;

  }
  .dep-innner-album .swiper-slide > div{
    width: 100%;
    height: 100%;
    background-color: #f7f5f3;
    box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    padding: 8.33vw 8.33vw 18.06vw;
    position: relative;
  }
  .dep-innner-album .swiper-slide img{
    width: 100%;
  }
  .dep-innner-album .swiper-slide .date{
    text-align: center;
    width: 22.36vw;
    line-height: 4.72vw;
    color: #000;
    font-weight: 400;
    font-size: 2.50vw;
    text-align: center;
    letter-spacing: 0.02em;
    background-color: #ffd108;
    position: absolute;
    bottom: 6.94vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  .ui-dep-content .dep-support{
    background: url(../images/sub/dep_bg_support_m.png) no-repeat;
    background-size: cover;
    background-position: center bottom;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ui-dep-content .dep-support > div{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .ui-dep-content .dep-support .title{
    font-weight: 400;
    font-size: 4.72vw;
    letter-spacing: -0.03em;
    line-height: 1.56;
    position: relative;
    margin-bottom: 6.94vw;
    padding-top: 34.72vw;
  }
  .ui-dep-content .dep-support .title::before{
    content: '';
    width: 41.11vw;
    height: 34.72vw;
    background: url(../images/sub/dep_bg_support_icon.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    mix-blend-mode: multiply;
  }
  .ui-dep-content .dep-support .title span{
    display: block;
    text-align: center;
  }
  .ui-dep-content .dep-support .btn-blue-link{
    display: inline-block;
    width: 62.50vw;
    line-height: 10vw;
    text-align: center;
    font-size: 3.89vw;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.04em;
    background-color: #005eb8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }
  .ui-dep-content .dep-support .text{
    margin-top: 10vw;
    font-weight: 400;
    color: #000;
    font-size: 3.47vw;
    letter-spacing: -0.03em;
    line-height: 1.54;
  }
  .ui-dep-content .dep-support .text span{
    display: block;
  }
  .ui-dep-content .dep-support .support-question{
    position: absolute;
    left: 0;
    bottom: 6.25vw;
    color: #000;
    font-weight: 300;
    font-size: 3.33vw;
    letter-spacing: -0.03em;
    width: 100%;
    text-align: center;
  }
  .ui-dep-content .dep-support .support-question .strong{
    display: block;
    font-weight: 600;
    margin-bottom: 2.50vw;
  }
  .ui-dep-content .dep-introduce{
    background: url(../images/sub/dep_bg_introduce_m.png) no-repeat;
    background-size: cover;
    background-position: center bottom;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ui-dep-content .dep-introduce .dep-introduce-cont > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .ui-dep-content .dep-introduce .title{
    margin-bottom: 5.56vw;
    text-align: center;
  }
  .ui-dep-content .dep-introduce .title p{
    font-weight: 600;
    font-size: 5.56vw;
    color: #000;
    letter-spacing: -0.03em;
    display: inline-block;
    padding: 10px;
  }
  .ui-dep-content .dep-introduce .title span{
    line-height: 1.45;
    background-image: linear-gradient(transparent 10%, rgb(106, 185, 235, 0.2) 16%);
  }
  .ui-dep-content .dep-introduce .title .strong{
    color: #005eb8;
    background-image: none;
  }
  .ui-dep-content .dep-introduce .title.no-bg{
    margin-bottom: 5.56vw;
  }
  .ui-dep-content .dep-introduce .title.no-bg p{
    background-color: transparent;
    font-size: 4.2vw;
    padding: 10px 0;
  }
  .ui-dep-content .dep-introduce .title.no-bg .sub{
    font-size: 5.56vw;
    line-height: 1.45;
  }
  .ui-dep-content .dep-introduce .title .sub{
    font-size: 5.56vw;
    margin-bottom: 0;
    padding: 0;
  }
  .ui-dep-content .dep-introduce .intro-child-card{
    margin-bottom: 8.33vw;
    background-color: #f7f5f3;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    width: 100%;
    box-sizing: border-box;
    padding: 4.17vw;
  }
  .ui-dep-content .dep-introduce .intro-child-card .img{
    width: 100%;
    margin-bottom: 8.33vw;
  }
  .ui-dep-content .dep-introduce .intro-child-card .img img{
    width: 100%;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info{
    padding: 0 4.17vw;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info .name{
    font-weight: 600;
    font-size: 5.56vw;
    letter-spacing: -0.03em;
    margin-bottom: 5.56vw;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info .name span{
    display: block;
    font-weight: 400;
    font-size: 4.17vw;
    margin-top: 1.39vw;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info .info-text{
    font-size: 3.89vw;
    font-weight: 400;
    color: #000;
    line-height: 1;
    position: relative;
    padding-left: 6.94vw;
    margin-bottom: 3.47vw;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info .info-text img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 5.28vw;
  }
  .ui-dep-content .dep-introduce .intro-child-card .info .info-text .strong{
    font-weight: 600;
    margin-right: 2.22vw;
  }
  .ui-dep-content .dep-introduce .text{
    font-weight: 500;
    font-size: 4.17vw;
    color: #000;
    letter-spacing: -0.03em;
    margin-bottom: 2.78vw;
    text-align: center;
  }
  .ui-dep-content .dep-introduce .text .strong{
    color: #005eb8;
    font-weight: 600;
  }
  .ui-dep-content .dep-introduce .sub-title{
    text-align: center;
    color: #000;
    font-weight: 600;
    font-size: 4.77vw;
    letter-spacing: -0.03em;
    line-height: 1.39;
    margin-bottom: 6.694vw;
  }
  .ui-dep-content .dep-introduce .sub-title span{
    display: block;
  }
  .ui-dep-content .dep-introduce .sub-title .strong{
    display: inline-block;
    color: #005eb8;
  }
  .ui-dep-content .dep-introduce .group-link{
    display: flex;
    flex-direction: column;
    margin-bottom: 21.53vw;
  }
  .ui-dep-content .dep-introduce.ver2 .group-link{
    margin-bottom: 0;
  }
  .ui-dep-content .dep-introduce .btn-blue-link{
    display: inline-block;
    width: 62.50vw;
    line-height: 10vw;
    text-align: center;
    font-size: 3.89vw;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.04em;
    background-color: #005eb8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #005eb8;
    box-sizing: border-box;
    margin-bottom: 2.78vw;
  }
  .ui-dep-content .dep-introduce .btn-white-link{
    display: inline-block;
    width: 62.50vw;
    line-height: 10vw;
    text-align: center;
    font-size: 3.89vw;
    font-weight: 500;
    color: #005eb8;
    letter-spacing: -0.04em;
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid #005eb8;
    box-sizing: border-box;
  }
  .ui-dep-content .dep-introduce .support-question{
    position: absolute;
    left: 0;
    bottom: 6.25vw;
    color: #000;
    font-weight: 300;
    font-size: 3.33vw;
    letter-spacing: -0.03em;
    width: 100%;
    text-align: center;
  }
  .ui-dep-content .dep-introduce .support-question .strong{
    display: block;
    font-weight: 600;
    margin-bottom: 2.50vw;
  }

  /* dep 일반 */
  .ui-dep-content .dep-thanks.dep-common{
    background-image: url(../images/sub/dep_bg_common_thanks_m.png);
  }
  .ui-dep-content .dep-thanks.dep-common .dep-thanks-cont{
    position: relative;
    z-index: 1;
  }
  .ui-dep-content .dep-thanks.dep-common .dep-thanks-cont::before{
    z-index: -1;
    content: '';
    display: block;
    background: url(../images/sub/dep_bg_common_thanks2_m.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 97%;
    height: 97%;
  }
  .ui-dep-content .dep-thanks.dep-common .title{
    padding-top: 3.47vw;
    font-weight: 400;
  }
  .ui-dep-content .dep-thanks.dep-common .title p{
    width: 86%;
  }
  .ui-dep-content .dep-thanks.dep-common .title .strong{
    font-weight: 400;
  }
  .ui-dep-content .dep-thanks.dep-common .message .text{
    width: 83%;
  }
  .ui-dep-content .dep-album.dep-common{
    background-image: url(../images/sub/dep_bg_common_album_m.png);
  }
  .ui-dep-content .dep-support.dep-common{
    background-image: url(../images/sub/dep_bg_common_support_m.png);
  }
  .ui-dep-content .dep-support.dep-common .title::before{
    background-image: url(../images/sub/dep_bg_support_icon_common.png);
  }
  .ui-dep-content .dep-introduce.dep-common{
    background-image: url(../images/sub/dep_bg_common_introduce_m.png);
  }
  .ui-dep-content .dep-introduce .title span{
    line-height: 1.45;
    background-image: linear-gradient(transparent 10%, rgb(255, 255, 255, 0.4) 16%);
  }

  /* 다수일 때 */
  .dep-title-first{
    position: absolute;
    left: 0;
    top: 23.61vw;
    width: 100%;
    text-align: center;
    font-size: 5.56vw;
    color: #000;
    letter-spacing: -0.03em;
    line-height: 1.6;
    font-weight: 600;
    z-index: 11;
  }
  .dep-title-first span{
    display: block;
  }
  .dep-title-first span.strong{
    display: inline-block;
    color: #005eb8;
  }
  .ui-dep-content .wrap-many-swiper-v{
    background-image: url(../images/sub/dep_bg_many_m.png);
    background-size: cover;
    background-position: center bottom;
    padding: 36.81vw 0;
  }
  .ui-dep-content .wrap-many-swiper-h{
    padding: 0 8.75vw;
    background-color: #fff;
    box-shadow: 0 7px 0 rgba(0, 0, 0, 0.05);
  }
  .ui-dep-content .dep-many-swiper .swiper-slide{
    padding: 9.72vw 4px;
  }
  .ui-dep-content .dep-many-swiper .swiper-slide .img{
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 6.94vw;
  }
  .ui-dep-content .dep-many-swiper .swiper-slide .img img{
    width: 100%;
  }
  .ui-dep-content .dep-many-swiper .text{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ui-dep-content .dep-many-swiper .text .type{
    display: inline-block;
    width: 48.89vw;
    line-height: 12.36vw;
    color: #fff;
    font-size: 5vw;
    font-weight: 600;
    letter-spacing: -0.03em;
    background-color: #005eb8;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin-bottom: 2.78vw;
  }
  .ui-dep-content .dep-many-swiper .text .type.together{
    background-color: #ff81a2;
  }
  .ui-dep-content .dep-many-swiper .text .name{
    color: #005eb8;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin-bottom: 2.78vw;
    font-size: 6.39vw;
  }
  .ui-dep-content .dep-many-swiper .text .status{
    color: #000;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.03em;
  }
  .ui-dep-content .wrap-many-swiper-h .swiper-pagination{
    display: block;
    color: #005eb8;
    font-size: 3.33vw;
    font-weight: 300;
    bottom: 84px;
    line-height: 6.67vw;
    bottom: 19.64vw;
  }
  .ui-dep-content .wrap-many-swiper-h .swiper-pagination .swiper-pagination-current{
    font-weight: 600;
  }
  .ui-dep-content .wrap-many-swiper-h .swiper-button-next,
  .ui-dep-content .wrap-many-swiper-h .swiper-button-prev{
    display: block;
    top: auto;
    z-index: 11;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    width: 6.67vw;
    height: 6.67vw;
    bottom: 19.64vw;

  }
  .ui-dep-content .wrap-many-swiper-h .swiper-button-next::after,
  .ui-dep-content .wrap-many-swiper-h .swiper-button-prev::after{
    display: block;
    border: 1px solid #3b89cd;
    font-size: 2.5vw;
    width: 6.67vw;
    height: 6.67vw;
    line-height: 6.67vw;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .ui-dep-content .wrap-many-swiper-h .swiper-button-next{
    right: 31%;
  }
  .ui-dep-content .wrap-many-swiper-h .swiper-button-prev{
    left: 38%;
  }
  .ui-dep-content .wrap-many-swiper-h  .swiper-slide{
    min-height: auto;
  }

  .ui-dep-content .dep-childinfo{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
  }
  .dep-childinfo .dep-childinfo-img{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 100%;
    padding-top: 9.44vw;
  }
  .dep-childinfo .dep-childinfo-img::before{
    content: '';
    display: block;
    background: url(../images/sub/dep_photo_bg_m.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    width: 97%;
    height: 97%;
    top: 40px;
    width: calc(100% - 25px);
    height: calc(100% - 40px - 3.47vw);
}
  .dep-childinfo .dep-childinfo-img .title{
    letter-spacing: -0.03em;
    color: #005eb8;
    font-weight: 400;
    text-align: center;
    width: 100%;
    padding-top: 9.17vw;
    font-size: 4.72vw;
  }
  .dep-childinfo .dep-childinfo-img .title .strong{
    font-weight: 700;
  }
  .dep-childinfo .dep-childinfo-img .title .name{
    margin-top: 1.04vw;
    font-weight: 500;
    white-space: nowrap;
    font-size: 7.64vw;
  }
  .dep-childinfo .dep-childinfo-img .img{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 11.94vw;
  }
  .dep-childinfo .dep-childinfo-img .img::after{
    content: '';
    display: block;
    background: url(../images/sub/dep_cap_blue.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 23.89vw;
    height: 13.33vw;
    top: -9.72vw;
  }
  .dep-childinfo .dep-childinfo-img .img div{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    width: 63.06vw;
    height: 63.06vw;
  }
  .dep-childinfo .dep-childinfo-img .img img{
    width: 100%;
  }
  .dep-childinfo .dep-childinfo-img .sub-text{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4.17vw;
    padding-bottom: 15.28vw;
    width: 100%;
  }
  .dep-childinfo .dep-childinfo-img .sub-text div{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .dep-childinfo .dep-childinfo-img .sub-text p{
    font-weight: 300;
    color: #005eb8;
    line-height: 1.5;
    text-align: center;
    word-break: keep-all;
    font-size: 4.17vw;
    width: 90%;
  }
  .dep-childinfo .dep-childinfo-img .sub-text p .strong{
    font-weight: 500;
  }
  .dep-childinfo .dep-childinfo-text{
    padding: 9.03vw 2.78vw 5.56vw;
    background-color: #0054a4;
  }
  .dep-childinfo .dep-childinfo-text .dep-childinfo-cont{
    display: flex;
    flex-wrap: wrap;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text{
    font-size: 3.89vw;
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.03em;
    word-break: keep-all;
    width: 50%;
    box-sizing: border-box;
    /* padding: 5.28vw 2.78vw 5.28vw; */
    padding: 0 2.78vw 5.28vw;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text:first-child{
    width: 100%;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text .img{
    margin-bottom: 2.08vw;
    width: 7.78vw;
    height: 6.39vw;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text .img img{
    width: 100%;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text .title{
    font-weight: 600;
    margin-bottom: 0.69vw;
    line-height: 1;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text .text{
    line-height: 1.75;
    border-bottom: 1px solid #fff;
    padding-bottom: 5.28vw;
  }
  .dep-childinfo .dep-childinfo-text .box-childinfo-text:nth-of-type(6) .text,
  .dep-childinfo .dep-childinfo-text .box-childinfo-text:nth-of-type(7) .text
  {
    border-bottom: none;
    padding-bottom: 0;
  }

  .ui-dep-content .dep-childinfo.dep-common{
    background-image: url(../images/sub/dep_bg_common_info_m.png);
    background-position: center bottom;
    background-size: cover;
  }
  .ui-dep-content .dep-childinfo.dep-common .wrap-childinfo-title{
    padding-top: 12.5vw;
    margin-bottom: 4.17vw;
  }
  .ui-dep-content .dep-childinfo.dep-common .wrap-childinfo-title p{
    color: #005eb8;
    font-size: 4.72vw;
    line-height: 1.18;
    font-weight: 400;
    letter-spacing: -0.03em;
    width: 85%;
    margin: 0 auto;
    text-align: center;
    word-break: keep-all;
  }
  .ui-dep-content .dep-childinfo.dep-common .wrap-childinfo-title p span{
    display: block;
  }
  .ui-dep-content .dep-childinfo.dep-common .wrap-childinfo-title p .strong{
    display: inline-block;
    font-weight: 600;
  }
  .dep-childinfo.dep-common .dep-childinfo-img{
    padding-top: 0;
    width: 66.25vw;
    margin: 0 auto;
  }
  .dep-childinfo.dep-common .dep-childinfo-img::before{
    display: none;
  }
  .dep-childinfo.dep-common .dep-childinfo-img .img{
    margin-top: 0;

  }
  .dep-childinfo.dep-common .dep-childinfo-img .img::after{
    display: none;
  }
  .dep-childinfo.dep-common .dep-childinfo-img .img div{
    width: 100%;
    height: auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-sizing: border-box;
    padding: 2.78vw;
  }
  .dep-childinfo.dep-common .dep-childinfo-text{
    background-color: transparent;
  }
  .dep-childinfo.dep-common .dep-childinfo-text .box-childinfo-text{
    color: #005eb8;
  }
  .dep-childinfo.dep-common .dep-childinfo-text .box-childinfo-text .text{
    border-bottom-color: #005eb8;
  }
  .ui-dep-content .dep-fruition{
    background-image: url(../images/sub/dep_bg_introduce_m.png);
    background-size: cover;
    background-position: center bottom;
  }
  .dep-fruition .dep-fruition-cont{
    background-color: #fff;
    padding: 9.17vw 6.94vw;
  }
  .dep-fruition .dep-fruition-cont .title{
    color: #005eb8;
    font-size: 4.44vw;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 7.64vw;
  }
  .dep-fruition .group-fruition-text dt{
    height: 7.22vw;
    font-size: 4.17vw;
    font-weight: 600;
    color: #005eb8;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #005eb8;
    padding-bottom: 2.78vw;
    line-height: 1;
    display: flex;
    align-items: flex-end;
    white-space: nowrap;
  }
  .dep-fruition .group-fruition-text dt img{
    margin-right: 2.08vw;
    width: 6.67vw;
    height: auto;
  }
  .dep-fruition .group-fruition-text dd{
    box-sizing: border-box;
    padding: 2.78vw 0 6.25vw;
  }
  .dep-fruition .group-fruition-text .list-hyphen li{
    padding-left: 10px;
    color: #231f20;
    font-size: 3.61vw;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: -0.03em;
    word-break: keep-all;
    position: relative;
  }
  .dep-fruition .group-fruition-text .list-hyphen li::before{
    content: '-';
    position: absolute;
    left: 0;
  }
  .dep-fruition .fruition-message{
    position: relative;
    padding-top: 27.78vw;
    z-index: 1;
    margin: 0 -6.94vw;
  }
  .dep-fruition .fruition-message::before{
    content: '';
    width: 38.47vw;
    height: 38.47vw;
    background: url(../images/sub/dep_icon_pray.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: -1;
  }
  .dep-fruition .fruition-message .title{
    font-size: 4.72vw;
    color: #000;
    letter-spacing: -0.04em;
    line-height: 1.7;
    text-align: center;
    width: 90%;
    word-break: keep-all;
    margin: 0 auto 5.56vw;
  }
  .dep-fruition .fruition-message .title span{
    background-image: linear-gradient(transparent 86%, #bee2ff 14%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .dep-fruition .fruition-message .text span{
    display: block;
    font-size: 3.61vw;
    color: #000;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.5;
    text-align: center;
  }
  .dep-fruition .fruition-message .text span.strong{
    display: inline-block;
    font-weight: 600;
    color: #005eb8;
  }
  .ui-dep-content .dep-fruition.dep-common{
    background-image: url(../images/sub/dep_bg_common_introduce_m.png);
  }
  .dep-fruition.dep-common .group-fruition-text{
    margin: 0 -1.39vw;
  }
  .dep-fruition.dep-common .fruition-message::before{
    background-image: url(../images/sub/dep_icon_pray_common.png);
  }
  .dep-fruition.dep-common .fruition-message .title{
    margin-bottom: 0;
  }
  .dep-fruition.dep-common .fruition-message .title span{
    background-image: linear-gradient(transparent 86%, #fbdce4 14%);
  }
  .dep-fruition.dep-common .fruition-message .title span.strong{
    color: #005eb8;
  }
  .dep-fruition.dep-common .fruition-message .text{
    margin-top: 4.86vw;
    margin-bottom: 4.86vw;
  }
  .dep-fruition.dep-common .fruition-message .text-bold{
    text-align: center;
    font-weight: 600;
    font-size: 3.61vw;
    line-height: 1.3;
  }
  .dep-fruition.dep-common .fruition-message .text-bold span{
    display: block;
  }
}

/* 230321 팝업사이즈 조정 */
@media only screen and (max-width: 640px) {
    .layer-container.popup-downsize{
        width: 90%;
        padding: 25px 0;
        background-color: transparent;
    }
    .layer-container.popup-downsize .ui-layer{
        height: calc(100vh - 50px);
        overflow: hidden;
    }
    .layer-container.popup-downsize .ui-layer-head{
        position: relative;
        background-color: #005eb8;
    }
    .layer-container.popup-downsize .ui-layer .ui-layer-title{
        color: #fff;
    }
    .layer-container.popup-downsize .ui-layer .ui-layer-close::before{
        content: '';
        display: block;
        width: 20px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 50%;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
    .layer-container.popup-downsize .ui-layer .ui-layer-close::after{
        content: '';
        display: block;
        width: 20px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 50%;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .layer-container.popup-downsize .ui-layer-body{
        padding-top: 0;
        height: calc(100vh - 46px - 50px);
        overflow: hidden;
        overflow-y: scroll;
        min-height: auto;
    }
    .layer-container.popup-downsize .layer-children-detail .ui-layer-contents .children-stay-information .title-basic{
        word-break: keep-all;
    }
    .layer-container.popup-downsize .ui-layer.layer-children-detail-tab .children-tab-children.type-country .title-basic{
        word-break: keep-all;
    }

    /* 성장앨범 */
    .layer-children-album .layer-container.popup-downsize .child-album-information{
        padding-top: 24px;
    }

    /* 애뉴얼패킷 */
    .layer-container.popup-downsize .ui-annual-content{
        width: 90%;
        left: 5%;
        top: 71px;
        height: calc(100vh - 71px - 25px);
    }
    .layer-container.popup-downsize .ui-annual-content .swiper-slide.annaul-child-cdpr .cdpr-graph{
        top: 52.33vw;
    }
    .layer-container.popup-downsize .ui-annual-content .annual-swiper .annual-child-img .comment{
        padding: 5px 10px;
        align-items: center;
        line-height: 1.3;
        word-break: keep-all;
    }
}

/* 230406 DEP 팝업 수정 */
@media only screen and (min-width: 641px){
    .ui-dep-content .swiper-button-next.out.swiper-button-disabled, .ui-dep-content .swiper-button-prev.out.swiper-button-disabled{
        opacity: 0;
    }
    .dep-innner-album{
        padding-bottom: 80px !important;
    }
    .ui-dep-content .dep-thanks .message{
        width: 100%;
    }

    .dep-childinfo .dep-childinfo-img{
        padding-bottom: 66.2%;
    }
    .dep-childinfo .dep-childinfo-img .title{
        padding-top: 10%;
        font-size: 24px;
    }
    .dep-childinfo .dep-childinfo-img .title .name{
        font-size: 42px;
    }
    .dep-childinfo .dep-childinfo-img .img{
        margin-top: 9%;
    }
    .dep-childinfo .dep-childinfo-img .img::after{
        width: 19%;
        height: 16%;
        top: -11.5%;
    }
    .dep-childinfo .dep-childinfo-img .img div{
        width: 65%;
        padding-bottom: 65%;
    }
    .dep-childinfo .dep-childinfo-img .sub-text{
        bottom: 5%;
    }
    .dep-childinfo .dep-childinfo-img .sub-text p{
        font-size: 20px;
    }
    .dep-childinfo .dep-childinfo-text{
        height: 100%;
    }
    .dep-childinfo .dep-childinfo-text .dep-childinfo-cont{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .dep-childinfo .dep-childinfo-text .box-childinfo-text{
        padding-bottom: 3.8%;
        margin-bottom: 0;
    }
    .dep-childinfo .dep-childinfo-text .box-childinfo-text .img{
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    .dep-childinfo .dep-childinfo-text .box-childinfo-text .text{
        line-height: 1.4;
    }

    .ui-dep-content .dep-thanks .dep-thanks-cont{
        padding: 2.5vw 0;
    }
    .ui-dep-content .dep-thanks .title p{
        font-size: 25px;
    }
    .ui-dep-content .dep-thanks .area-youtube{
        width: 52%;
        padding-bottom: 30.2%;
        margin-bottom: 2.5vw;
    }
    .ui-dep-content .dep-thanks .message .title{
        font-size: 24px;
        padding-bottom: 13px;
        margin-bottom: 1vw;
    }
    .ui-dep-content .dep-thanks .message .text{
        font-size: 16px;
    }
    .ui-dep-content .dep-thanks .message .text span:first-child{
        width: 45%;
    }
    .ui-dep-content .dep-thanks .message .text span:nth-child(2){
        width: 60%;
    }
    .ui-dep-content .dep-thanks .message .text span:last-child {
        width: 47%;
    }
    .ui-dep-content .dep-thanks .message .title::before{
        width: 26px;
        height: 23px;
        left: -36px;
        top: -9px;
    }
    .ui-dep-content .dep-thanks .message .text span:last-child::after{
        width: 26px;
        height: 23px;
        margin-top: 12px;
    }

    .dep-innner-album{
        width: 875px;
    }
    .dep-innner-album .swiper-slide{
        height: 578px;
    }
    .dep-innner-album .swiper-slide > div{
        padding: 40px 40px 85px;
    }

    .dep-fruition .dep-fruition-cont .title{
        font-size: 24px;
    }
    .dep-fruition .group-fruition-text dt{
        font-size: 20px;
    }
    .dep-fruition .group-fruition-text dt img{
        transform: scale(0.87) translateY(5px);
        -webkit-transform: scale(0.87) translateY(5px);
        -moz-transform: scale(0.87) translateY(5px);
        -ms-transform: scale(0.87) translateY(5px);
        -o-transform: scale(0.87) translateY(5px);
    }
    .dep-fruition .group-fruition-text dd{
        padding: 10px 0;
        height: auto;
    }
    .dep-fruition .group-fruition-text .list-hyphen li{
        font-size: 16px;
    }
    .dep-fruition .fruition-message::before{
        width: 173px;
        height: 173px;
        top: -126px;
    }
    .dep-fruition .dep-fruition-cont .fruition-message .title{
        font-size: 22px;
        width: 35%;
    }
    .dep-fruition .fruition-message .text{
        text-align: center;
    }
    .dep-fruition .fruition-message .text span{
        font-size: 16px;
        display: inline-block;
    }

    .ui-dep-content .dep-support .title{
        padding-top: 217px;
    }
    .ui-dep-content .dep-support .title::before{
        width: 256px;
        height: 217px;
    }
    .ui-dep-content .dep-support .title{
        font-size: 28px;
    }
    .ui-dep-content .dep-support .btn-blue-link{
        width: 346px;
        line-height: 58px;
        font-size: 22px;
    }
    .ui-dep-content .dep-support .text{
        font-size: 22px;
    }

    .ui-dep-content .dep-introduce{
        background-image: url(../images/sub/dep_bg_many.png);
    }
    .ui-dep-content .dep-introduce .title{
        margin-bottom: 22px;
    }
    .ui-dep-content .dep-introduce .title p{
        font-size: 24px;
    }
    .ui-dep-content .dep-introduce .intro-child-card{
        width: 569px;
        padding: 20px;
        padding-right: 0;
        margin-bottom: 25px;
    }
    .ui-dep-content .dep-introduce .intro-child-card .img{
        width: 237px;
        flex-shrink: 0;
        margin-right: 20px;
    }
    .ui-dep-content .dep-introduce .intro-child-card .info .name{
        font-size: 26px;
    }
    .ui-dep-content .dep-introduce .intro-child-card .info .name span{
        font-size: 20px;
    }
    .ui-dep-content .dep-introduce .intro-child-card .info .info-text{
        font-size: 17px;
        margin-bottom: 5px;
        padding-left: 40px;
    }
    .ui-dep-content .dep-introduce .intro-child-card .info .info-text img{
        transform: translateY(-50%) scale(0.6);
        -webkit-transform: translateY(-50%) scale(0.6);
        -moz-transform: translateY(-50%) scale(0.6);
        -ms-transform: translateY(-50%) scale(0.6);
        -o-transform: translateY(-50%) scale(0.6);
    }
    .ui-dep-content .dep-introduce .intro-child-card .info .info-text .strong{
        margin-right: 15px;
    }
    .ui-dep-content .dep-introduce .text{
        font-size: 18px;
    }
    .ui-dep-content .dep-introduce .sub-title{
        font-size: 20px;
    }
    .ui-dep-content .dep-introduce .btn-blue-link{
        width: 346px;
        line-height: 57px;
        font-size: 22px;
    }
    .ui-dep-content .dep-introduce .btn-white-link{
        width: 346px;
        line-height: 57px;
        font-size: 22px;
    }

    .ui-dep-content .dep-introduce .title.no-bg{
        margin-bottom: 17px;
    }
    .ui-dep-content .dep-introduce .title .sub{
        display: block;
        font-size: 20px;
    }

    .dep-childinfo.dep-common .wrap-childinfo-title .title{
        font-size: 22px;
        margin-bottom: 35px;
    }
    .dep-childinfo.dep-common .dep-childinfo-img{
        width: 398px;
        height: 584px;
        padding: 16px;
    }
    .dep-childinfo.dep-common .dep-childinfo-text{
        padding-top: 30px;
        height: auto;
    }
    .dep-childinfo .dep-childinfo-text .box-childinfo-text{
        font-size: 18px;
    }
    .dep-childinfo.dep-common .dep-childinfo-text .box-childinfo-text{
        margin-bottom: 0;
    }
    .dep-childinfo.dep-common .dep-childinfo-text .box-childinfo-text .img{
        transform:scale(0.8);
        -webkit-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -ms-transform:scale(0.8);
        -o-transform:scale(0.8);
    }
    .ui-dep-content .dep-thanks.dep-common .message .title{
        margin-bottom: 1.5vw;
    }
    .ui-dep-content .dep-thanks.dep-common .message .text{
        width: 90%;
        padding: 0 2%;
        height: 120px;
        overflow-y: auto;
        font-size: 16px;
    }
    .ui-dep-content .dep-thanks.dep-common .area-youtube{
        margin-bottom: 1vw;
    }
    .dep-fruition.dep-common .fruition-message{
        padding-top: 153px;
    }
    .dep-fruition.dep-common .dep-fruition-cont .fruition-message .title{
        width: 80%;
    }
    .dep-fruition.dep-common .fruition-message .text{
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 0 2vw;
    }
    .dep-fruition.dep-common .fruition-message .text-bold{
        font-size: 18px;
    }
    .dep-title-first{
        font-size: 24px;
    }
    .ui-dep-content .wrap-many-swiper-v{
        padding: 170px 0 130px;
    }
    .ui-dep-content .wrap-many-swiper-h{
        padding: 0 7.66%;
    }
    .ui-dep-content .dep-many-swiper .swiper-slide{
        padding: 30px 4px;
    }
    .ui-dep-content .dep-many-swiper .text .type{
        width: 147px;
        line-height: 38px;
        font-size: 15px;
    }
    .ui-dep-content .dep-many-swiper .swiper-slide .img{
        margin-bottom: 20px;
    }
    .ui-dep-content .dep-many-swiper .text .name{
        font-size: 18px;
    }
    .ui-dep-content .dep-many-swiper .text .status{
        font-size: 15px;
    }
    .ui-dep-content .wrap-many-swiper-h .swiper-button-next, .ui-dep-content .wrap-many-swiper-h .swiper-button-prev{
        bottom: 60px;
    }
    .ui-dep-content .wrap-many-swiper-h .swiper-pagination{
        bottom: 65px;
    }
}
@media only screen and (max-width: 640px){
    .ui-dep-content .swiper-button-next.out.swiper-button-disabled, .ui-dep-content .swiper-button-prev.out.swiper-button-disabled{
        opacity: 0;
    }
    .dep-innner-album {
        padding-top: 15.97vw !important;
        padding-bottom: 13.89vw !important;
    }
    .ui-dep-content .dep-support > div{
        width: 100%;
    }
    .ui-dep-content .dep-support > div > div{
        width: 100%;
    }
    .ui-dep-content .dep-support .text{
        margin: 10vw -30px 0;
    }
}

/* 230411 추가 */
@media only screen and (min-width: 641px){
    /* 일반_첫페이지 */
    .dep-childinfo.dep-common .wrap-dep-childinfo{
        justify-content: center;
    }
    /* ë°°ê²½ */
    .ui-dep-content .dep-fruition{
        background-image: url(../images/sub/dep_bg_fruition.png);
    }
    .ui-dep-content .dep-introduce{
        background-image: url(../images/sub/dep_bg_introduce.png);
    }
}

.onlyMobile{display:none;}

/* 230522 주제별양육 CPF 관련 CSS 추가 */

.cpf-section{
  text-align: left;
    font-size: 12px;
}

.cpf-badge-section{
    text-align: center;
}

.cpf-section .high-value-text{
    font-size : 20px;
}

.high-value-section-detail1, .high-value-section-detail2{
    margin-bottom:10px;
}

.children-list-info-text.npn-letter {
    color : #000000
}