/* script style */
html {
    outline: 0 solid rgba(0, 0, 0, 0);
}

@import url(/css/SpoqaHanSans-kr.css);


.is-scroll-blocking,
.is-scroll-blocking body,
.is-scroll-blocking #wrap {
    overflow: hidden;
}

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

.js-ui-dropdown__layer,
.js-ui-dropdown-hover__layer {
    display: none;
}

[data-clipboard-target] {
    display: none;
}

[data-clipboard-dummy] {
    position: fixed;
    top: 0;
    left: -999999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.js-clipboard-layer {
    position: fixed;
    z-index: 999999;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.2);
    background: #2bd3c6;
}

.js-clipboard-layer__text {
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    color: #fff;
}

.js-clipboard-layer__title {
    vertical-align: top;
}

[data-checkbox-tab-panel] {
    display: none;
}

[data-count-animate]:empty:before {
    content: '0';
}

[data-tab] {
    display: none;
}

[data-tab].js-tabpanel-opened {
    display: block;
}

/* reset style */
.ui-button,
.swiper-button-next,
.swiper-button-prev,
.swiper-button-play,
.swiper-button-pause {
    border-radius: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    overflow: visible;
}

.ui-button[type='submit'],
.swiper-button-next[type='submit'],
.swiper-button-prev[type='submit'],
.swiper-button-play[type='submit'],
.swiper-button-pause[type='submit'] {
    filter: chroma(color=#000000);
}

.ui-button::-moz-focus-inner,
.swiper-button-next::-moz-focus-inner,
.swiper-button-prev::-moz-focus-inner,
.swiper-button-play::-moz-focus-inner,
.swiper-button-pause::-moz-focus-inner {
    padding: 0;
    border: none;
}

.ui-button[disabled],
.swiper-button-next[disabled],
.swiper-button-prev[disabled],
.swiper-button-play[disabled],
.swiper-button-pause[disabled] {
    cursor: default;
}

@-moz-document url-prefix() {
    select {
        text-indent: -2px;
    }
}

.ui-radio,
.ui-checkbox {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 13px;
    height: 13px;
}

.ui-fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

/* hidden text style */
.for-a11y {
    display: block;
    margin: 0;
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    border: none;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter: alpha(opacity=0);
    background: none;
}

caption.for-a11y {
    display: table-caption;
    margin: 0 0 -1px;
    position: static;
}

/* font-noto */
.font-noto {
    font-family: 'Noto Sans Korean', 'Malgun Gothic',  Dotum, 'Apple Gothic', sans-serif;
}

/* inline-block */
.inline-block {
    display: inline-block;
    vertical-align: top;
}

/* is-mobile-only */
.is-mobile-only {
    display: none;
}

/* basic-link */
.basic-link {
    color: inherit;
    text-decoration: none;
}

/* tel-link */
.tel-link {
    color: inherit;
    text-decoration: none;
}

/* arrow-link */
.arrow-link {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 27px;
    padding-right: 32px;
    color: inherit;
    text-decoration: none;
    background: url('../icon/arrow-01.svg') no-repeat 100% 50%;
}

.arrow-link--small {
    font-size: 14px;
    line-height: 20px;
    padding-right: 24px;
    color: #6a7373;
    background-size: 16px 16px;
}

/* clamp-arrow-link */
.clamp-arrow-link {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b;
    text-decoration: none;
    padding-right: 15px;
    background: url('../icon/arrow-04.svg') no-repeat 100% 0;
}

/* mobile-text-block */
.mobile-text-block {
    display: inline-block;
    vertical-align: top;
}

/* color */
.color-red {
    color: #ee7674;
}

.color-blue {
    color: #0061ff;
}

.color-gray {
    color: #aeaeae;
}

.color-carbon-gray {
    color: #707070;
}

.color-mint {
    color: #0ac3bc;
}

/* align-left */
.align-left.align-left {
    text-align: left;
}

.align-right.align-right {
    text-align: right;
}

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

/* input */
.ui-input {
    margin: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    box-sizing: border-box;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #cfcfcf;
    width: 100%;
    height: 48px;
    font-size: 15px;
    line-height: 22px;
    padding: 12px 15px;
}

textarea.ui-input {
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
    resize: none;
}

.ui-input[type='number']::-webkit-outer-spin-button,
.ui-input[type='number']::-webkit-inner-spin-button,
.ui-input[type='date']::-webkit-outer-spin-button,
.ui-input[type='date']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.ui-input[type='number'],
.ui-input[type='date'] {
    -moz-appearance: textfield;
}

.ui-input::-ms-clear,
.ui-input::-ms-reveal {
    display: none;
}

.ui-input::-webkit-search-decoration,
.ui-input::-webkit-search-cancel-button,
.ui-input::-webkit-search-results-button,
.ui-input::-webkit-search-results-decoration {
    display: none;
}

.ui-input::-webkit-input-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.ui-input::-moz-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.ui-input:-ms-input-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.ui-input:-moz-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.ui-input:focus {
    border-color: #0f0f0f;
}

.ui-input[readonly] {
    color: #707070;
    border-color: #cfcfcf;
    background-color: #f4f4f4;
}

.ui-input-block--disabled .ui-input,
.ui-input[disabled] {
    color: #aeaeae;
    border-color: #cfcfcf;
    background-color: #f4f4f4;
}

/* ui-input-block--date */
.ui-input-block--date {
    position: relative;
    z-index: 0;
    border-radius: 3px;
    background: #fff;
}

.ui-input-block--date:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 13px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url('../icon/icon-calendar.svg') no-repeat 50% 50%;
}

.ui-input-block--date .ui-input {
    padding-right: 39px;
    background-color: transparent;
}

/* textarea-form */
.textarea-form {
    border-radius: 3px;
    border: 1px solid #cfcfcf;
    background: #fff;
}

.textarea-form.is-focus {
    border-color: #0f0f0f;
}

.textarea-form .ui-input {
    border: none;
    padding-bottom: 0;
    height: 255px;
}

.textarea-form__bottom {
    padding: 12px 15px 13px;
}

.textarea-form__count {
    text-align: right;
    font-size: 14px;
    line-height: 18px;
    color: #6a7373;
}

.textarea-form--readonly {
    border-color: #cfcfcf;
    background-color: #f4f4f4;
}

.textarea-form--readonly .textarea-form__count {
    opacity: 0.6;
}

.textarea-form--disabled {
    border-color: #cfcfcf;
    background-color: #f4f4f4;
}

.textarea-form--disabled .textarea-form__count {
    opacity: 0.3;
}

/* select */
.ui-select-block {
    position: relative;
    z-index: 0;
    background: #fff;
    border-radius: 3px;
}

.ui-select-block:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 8px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url('../icon/select-arrow.svg') no-repeat 50% 50%;
}

.ui-select {
    display: block;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border-radius: 3px;
    border: 1px solid #cfcfcf;
    width: 100%;
    height: 48px;
    font-size: 15px;
    line-height: 22px;
    padding: 12px 35px 12px 15px;
}

.ui-select::-ms-expand {
    display: none;
}

.ui-select:focus {
    border-color: #0f0f0f;
}

.ui-select-block--disabled .ui-select,
.ui-select[disabled] {
    color: #aeaeae;
    border-color: #cfcfcf;
}

.ui-select-block--disabled,
.ui-select-block.is-disabled {
    background-color: #f4f4f4;
}

.ui-select-block--disabled:before,
.ui-select-block.is-disabled:before {
    background-image: url('../icon/select-arrow-disabeld.svg');
}

.ie-9 .ui-select-block:before {
    display: none;
}

.ie-9 .ui-select {
    padding-right: 15px;
}

/* is-input-only */
.ui-input-block.is-input-only,
.ui-select-block.is-input-only {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* ui-radio-block, ui-checkbox-block */
.ui-radio-block,
.ui-checkbox-block,
.ui-switch-block {
    position: relative;
    z-index: 0;
    font-size: 0;
    line-height: 0;
}

.ui-radio-block .ui-radio,
.ui-checkbox-block .ui-checkbox,
.ui-switch-block .ui-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.ui-radio-block .ui-label,
.ui-checkbox-block .ui-label,
.ui-switch-block .ui-label {
    font-size: 16px;
    line-height: normal;
}

.ui-checkbox-object,
.ui-radio-object {
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
    border-radius: 3px;
    background: no-repeat 50% 50% #fff;
}

.ui-radio-object {
    border-radius: 100%;
}

.ui-checkbox:checked+.ui-label .ui-checkbox-object,
.ui-radio:checked+.ui-label .ui-radio-object {
    border-color: #2bd3c6;
}

.ui-checkbox[disabled]+.ui-label .ui-checkbox-object,
.ui-radio[disabled]+.ui-label .ui-radio-object {
    border-color: #cfcfcf;
    background-color: #e9e9e9;
}

.ui-checkbox:checked+.ui-label .ui-checkbox-object {
    background-image: url('../icon/icon-check-01.svg');
}

.ui-radio-object:before {
    content: '';
    display: none;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #0f0f0f;
}

.ui-radio:checked+.ui-label .ui-radio-object::before {
    display: block;
}

.ui-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
}

.ui-label__text {
    display: block;
    font-size: 16px;
    line-height: 24px;
}

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

/* ui-checkbox-block--none-box */
.ui-checkbox-block--none-box .ui-checkbox-object {
    border: none;
    background: url('../icon/icon-check-02.svg') no-repeat 50% 50%;
}

.ui-checkbox-block--none-box .ui-checkbox:checked+.ui-label .ui-checkbox-object {
    background-image: url('../icon/icon-check-02-active.svg');
}

.ui-checkbox[disabled]+.ui-label .ui-checkbox-object,
.ui-radio[disabled]+.ui-label .ui-radio-object {
    background-color: transparent;
    opacity: 0.3;
}

/* ui-switch-block */
.ui-switch-object {
    display: block;
    width: 34px;
    height: 10px;
    margin: 5px 0;
    border-radius: 5px;
    background: #e9e9e9;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.ui-switch-object:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin: -5px 0;
    border-radius: 100%;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
    background: #fbfbfb;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.ui-checkbox:checked+.ui-label .ui-switch-object {
    background-color: #2bd3c6;
}

.ui-checkbox:checked+.ui-label .ui-switch-object:before {
    -webkit-transform: translateX(14px);
    transform: translateX(14px);
}

.ui-checkbox[disabled]+.ui-label .ui-switch-object {
    opacity: 0.3;
}

/* ui-basic-button */
.ui-basic-button {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 30px;
    padding: 18px;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: 1px solid #2bd3c6;
    background: #2bd3c6;
}

.ui-basic-button:hover {
    border-color: #1cbfb3;
    background-color: #1cbfb3;
}

.ui-basic-button--secondary {
    color: #2bd3c6;
    background-color: #fff;
}

.ui-basic-button--secondary:hover {
    color: #41b9b2;
    border-color: #41b9b2;
    background-color: #e7f5f5;
}

.ui-basic-button--tertiary {
    color: inherit;
    border-color: #e9e9e9;
    background-color: #e9e9e9;
}

.ui-basic-button--tertiary:hover {
    border-color: #ddd;
    background-color: #ddd;
}

.ui-basic-button--quaternary {
    color: inherit;
    border-color: #d1d1d1;
    background-color: #fff;
}

.ui-basic-button--quaternary:hover {
    color: #2bd3c6;
    border-color: #2bd3c6;
    background-color: #fff;
}

.ui-basic-button[disabled],
.ui-basic-button--disabled,
.ui-basic-button[disabled]:hover,
.ui-basic-button--disabled:hover {
    color: #fff;
    border-color: #d9d9d9;
    background-color: #d9d9d9;
}

/* ui-radio-block + ui-basic-button / ui-checkbox-block + ui-basic-button */
.ui-radio-block .ui-basic-button,
.ui-radio-block .ui-basic-button:hover,
.ui-checkbox-block .ui-basic-button,
.ui-checkbox-block .ui-basic-button:hover {
    color: inherit;
    border-color: #d1d1d1;
    background-color: #fff;
}

.ui-radio-block .ui-radio:checked+.ui-basic-button,
.ui-radio-block .ui-radio:checked+.ui-basic-button:hover,
.ui-checkbox-block .ui-checkbox:checked+.ui-basic-button,
.ui-checkbox-block .ui-checkbox:checked+.ui-basic-button:hover {
    color: #2bd3c6;
    border-color: #2bd3c6;
    background-color: #fff;
}

.ui-radio-block .ui-radio[disabled]+.ui-basic-button,
.ui-radio-block .ui-radio[disabled]+.ui-basic-button:hover,
.ui-checkbox-block .ui-checkbox[disabled]+.ui-basic-button,
.ui-checkbox-block .ui-checkbox[disabled]+.ui-basic-button:hover {
    opacity: 0.3;
}

/* ui-medium-button */
.ui-medium-button {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 3px;
    padding: 7px 11px;
    font-size: 14px;
    line-height: 20px;
    color: inherit;
    text-align: center;
    text-decoration: none;
    border: 1px solid #e9e9e9;
    background: #e9e9e9;
}

.ui-medium-button:hover {
    border-color: #ddd;
    background-color: #ddd;
}

.ui-medium-button[disabled],
.ui-medium-button--disabled,
.ui-medium-button[disabled]:hover,
.ui-medium-button--disabled:hover {
    color: #fff;
    border-color: #d9d9d9;
    background-color: #d9d9d9;
}

/* ui-medium-button--icon */
.ui-medium-button--icon:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 20px;
    margin-right: 4px;
    background: no-repeat 50% 50%;
}

.ui-medium-button--filter:before {
    background-image: url('../icon/icon-filter.svg');
}

.ui-medium-button--download:before {
    background-image: url('../icon/icon-download.svg');
}

/* ui-medium-button--form */
.ui-medium-button--form {
    padding: 12px 15px;
    font-size: 15px;
    line-height: 22px;
}

.ui-medium-button--form.ui-medium-button--icon:before {
    height: 22px;
}

/* ui-buttons */
.ui-buttons {
    margin-top: 80px;
}

.ui-buttons__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ui-buttons__item+.ui-buttons__item {
    margin-left: 20px;
}

.ui-buttons__item .ui-basic-button {
    width: 300px;
}

.ui-buttons--left .ui-buttons__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ui-buttons--right .ui-buttons__list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/* form-flex */
.form-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-flex__cell {
    font-size: 14px;
    line-height: 20px;
}

.form-flex__cell+.form-flex__cell {
    margin-left: 8px;
}

.form-flex__cell--flexible {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

/* check-tab */
.check-tab__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.check-tab__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.check-tab__button .ui-checkbox,
.check-tab__button .ui-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.check-tab__button-label {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    display: block;
    font-size: 15px;
    line-height: 22px;
    color: #aeaeae;
    padding: 12px 35px 12px 15px;
    border: 1px solid #d1d1d1;
    background: #fff;
}

.check-tab__button-label:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 11px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background: url('../icon/icon-check-02.svg') no-repeat 50% 50%;
}

.check-tab__item:first-child .check-tab__button-label {
    border-radius: 3px 0 0 3px;
}

.check-tab__item:last-child .check-tab__button-label {
    border-radius: 0 3px 3px 0;
}

.check-tab__item+.check-tab__item .check-tab__button-label {
    margin-left: -1px;
}

.ui-checkbox:checked+.check-tab__button-label,
.ui-radio:checked+.check-tab__button-label {
    z-index: 10;
    border-color: #2bd3c6;
    color: #2bd3c6;
}

.ui-checkbox:checked+.check-tab__button-label:before,
.ui-radio:checked+.check-tab__button-label:before {
    background-image: url('../icon/icon-check-02-active.svg');
}

/* check-tab--text-only */
.check-tab--text-only .check-tab__button-label {
    padding-right: 15px;
    text-align: center;
}

.check-tab--text-only .check-tab__button-label:before {
    display: none;
}

/* check-tab--select-sex */
.check-tab--select-sex .check-tab__item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.check-tab--select-sex .check-tab__button-label {
    width: 170px;
}

/* check-tab--wrap */
.check-tab--wrap .check-tab__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* check-tab--twin */
.check-tab--twin .check-tab__item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
}

.check-tab--twin .check-tab__item .check-tab__button-label {
    border-radius: 0;
}

.check-tab--twin .check-tab__item:nth-child(2n-1) .check-tab__button-label {
    margin-left: 0;
}

.check-tab--twin .check-tab__item:nth-child(2)~.check-tab__item .check-tab__button-label {
    margin-top: -1px;
}

.check-tab--twin .check-tab__item:nth-child(1) .check-tab__button-label {
    border-top-left-radius: 3px;
}

.check-tab--twin .check-tab__item:nth-child(2) .check-tab__button-label {
    border-top-right-radius: 3px;
}

.check-tab--twin .check-tab__item:nth-last-of-type(2) .check-tab__button-label {
    border-bottom-left-radius: 3px;
}

.check-tab--twin .check-tab__item:last-child .check-tab__button-label {
    border-bottom-right-radius: 3px;
}

/* ui-scroller */
.ui-scroller>.simplebar-track {
    background: none;
}

.ui-scroller>.simplebar-track .simplebar-scrollbar::before {
    top: 10px;
    bottom: 10px;
    left: 6px;
    right: 6px;
    border-radius: 2px;
    background: #e9e9e9;
}

.ui-scroller>.simplebar-track .simplebar-scrollbar.simplebar-visible::before {
    opacity: 1;
}

.ui-scroller>.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {
    left: 10px;
    right: 10px;
    top: 6px;
    bottom: 6px;
    height: auto;
}

.ui-scroller>.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0;
    height: 100%;
}

.ui-scroller>.simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
    top: 10px;
    bottom: 10px;
}

.ui-scroller>.simplebar-track.simplebar-horizontal {
    height: 17px;
}

.ui-scroller>.simplebar-track.simplebar-vertical {
    width: 17px;
}

/* ui-scroller--mint */
.ui-scroller--mint>.simplebar-track:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background-color: #f4f4f4;
}

.ui-scroller--mint>.simplebar-track .simplebar-scrollbar:before {
    background-color: #2bd3c6;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}

.ui-scroller--mint>.simplebar-track.simplebar-vertical {
    width: 12px;
}

.ui-scroller--mint>.simplebar-track.simplebar-vertical:before {
    top: 20px;
    bottom: 20px;
}

.ui-scroller--mint>.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 20px;
    left: 5px;
    right: 5px;
    bottom: 20px;
}

.ui-scroller--mint>.simplebar-track.simplebar-horizontal {
    height: 12px;
}

.ui-scroller--mint>.simplebar-track.simplebar-horizontal:before {
    left: 20px;
    right: 20px;
}

.ui-scroller--mint>.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    top: 5px;
    left: 20px;
    right: 20px;
    bottom: 5px;
}

/* ui-dropdown-menu */
.ui-dropdown-menu__head {
    position: relative;
    padding: 12px 35px 12px 15px;
    border-radius: 3px;
    border: 1px solid #cfcfcf;
}

.ui-dropdown-menu__text {
    display: block;
    font-size: 15px;
    line-height: 22px;
    overflow: hidden;
}

.ui-dropdown-menu__opener {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.ui-dropdown-menu__opener:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 8px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url('../icon/select-arrow.svg') no-repeat 50% 50%;
}

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

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

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

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

.ui-dropdown-menu__contents {
    border-radius: 3px;
    border: 1px solid #cfcfcf;
    background: #fff;
    max-height: 230px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.ui-dropdown-menu.js-dropdown-bottom .ui-dropdown-menu__head {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-dropdown-menu.js-dropdown-bottom .ui-dropdown-menu__contents {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0;
}

.ui-dropdown-menu.js-dropdown-top .ui-dropdown-menu__head {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ui-dropdown-menu.js-dropdown-top .ui-dropdown-menu__contents {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-width: 0;
}

.ui-dropdown-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-dropdown-menu__link {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 12px 15px;
    font-size: 15px;
    line-height: 22px;
}

.ui-dropdown-menu__link:hover {
    color: #2bd3c6;
}

/* layer */
.layer-wrap {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.layer-wrap::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.layer-container {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: normal;
    white-space: normal;
    text-align: left;
}

/* ui-layer */
.ui-layer {
    margin: 20px;
    position: relative;
    width: 600px;
    box-sizing: border-box;
    border-radius: 3px;
    background: #fff;
}

.ui-layer__head .ui-layer-header {
    background: none;
}

.ui-layer__body {
    max-height: 520px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.ui-layer__body-inner {
    box-sizing: border-box;
    padding: 0 30px;
}

.ui-layer__body-inner::before,
.ui-layer__body-inner::after {
    content: '';
    display: table;
}

.ui-layer__body:last-child>.ui-layer__body-inner {
    padding-bottom: 30px;
    border-radius: 0 0 3px 3px;
}

.ui-layer__body-inner--gray {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f4f4f4;
}

.ui-layer__foot .ui-buttons {
    margin: 0;
    padding: 40px 30px 30px;
}

.ui-layer__foot .ui-buttons__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ui-layer__foot .ui-buttons__item+.ui-buttons__item {
    margin-left: 10px;
}

.ui-layer__foot .ui-buttons .ui-basic-button {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
}

/* ui-layer--large */
.ui-layer--large {
    width: 1000px;
}

/* ui-layer--small */
.ui-layer--small,
.ui-layer--small-full {
    width: 400px;
}

/* ui-layer-header */
.ui-layer-header {
    padding: 20px 30px;
    background: #fff;
}

.ui-layer-header:after,
.ui-layer-header__left:after,
.ui-layer-header___right:after {
    content: '';
    display: table;
    clear: both;
}

.ui-layer-header__left {
    float: left;
}

.ui-layer-header__right {
    float: right;
}

.ui-layer-header__btn {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    background: no-repeat 50% 50%;
}

.ui-layer-header__btn:first-child {
    margin-left: -10px;
}

.ui-layer-header__btn:last-child {
    margin-right: -10px;
}

.ui-layer-header__btn--close {
    background-image: url('../icon/icon-close-02.svg');
}

/* ui-layer--alert */
.ui-layer--alert {
    width: 400px;
}

.ui-layer--alert--large {
    width: 500px;
}

/* layer-contents-title */
.layer-contents-title {
    margin: 0 0 20px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
}

.layer-contents-title__with {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin: 13px 0 3px;
}

.layer-contents-title__with--carrot {
    color: #f05018;
}

.layer-contents-title__logo {
    display: inline-block;
    vertical-align: top;
    height: 36px;
    background: no-repeat 50% 50%;
}

.layer-contents-title__logo--carrot {
    width: 71px;
    background-image: url('../images/common/carrot-logo.svg');
    background-position: 50% 45%;
    background-size: 71px 20px;
}

/* layer-contents-title--light */
.layer-contents-title--light {
    font-weight: 300;
}

.layer-contents-title--light strong {
    font-weight: 500;
}

/* layer-contents-message */
.layer-contents-message {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    word-break: keep-all;
    word-wrap: break-word;
}

.layer-contents-message span {
    display: block;
    margin-top: 12px;
    font-size: 14px;
}


/* layer-contents-head */
.layer-contents-head {
    margin-bottom: 30px;
}

.layer-contents-head .layer-contents-title {
    margin-bottom: 0;
}

.layer-contents-head .layer-contents-message {
    margin-top: 10px;
    color: #707070;
}

.layer-contents-head__icon {
    width: 68px;
    height: 68px;
    background: no-repeat 50% 50%;
    background-size: 100% 100%;
    margin-bottom: 20px;
}

.layer-contents-head__icon--notice {
    background-image: url('../icon/icon-notice.svg');
}

.layer-contents-head__icon--check {
    background-image: url('../icon/icon-check-04.svg');
}

/* ui-dropdown */
.ui-dropdown__head {
    position: relative;
    padding-right: 14px;
}

.ui-dropdown__text {
    display: block;
    font-size: 15px;
    line-height: 22px;
}

.ui-dropdown__opener {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-dropdown__opener:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2px;
    border: 0 solid transparent;
    border-width: 5px 4px;
    border-top-color: #0f0f0f;
}

.ui-dropdown__opener .close-text {
    display: none;
}

.ui-dropdown.js-dropdown-opened .ui-dropdown__opener:before {
    margin-top: -7px;
    border-top-color: transparent;
    border-bottom-color: #0f0f0f;
}

.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__contents {
    box-sizing: border-box;
    width: 140px;
    max-height: 206px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 2px;
    border: 1px solid #0f0f0f;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
}

.ui-dropdown__list {
    list-style: none;
    margin: 0;
    padding: 11px 0;
}

.ui-dropdown__link {
    display: block;
    padding: 8px 19px;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    text-decoration: none;
}

.ui-dropdown__link:hover {
    color: #0ac3bc;
    font-weight: 500;
}

/* ui-range */
.ui-range {
    height: 6px;
    border-radius: 3px;
    background: #e9e9e9;
}

.ui-range .ui-slider-range {
    background: #2bd3c6;
}

.ui-range .ui-slider-handle {
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border-radius: 100%;
    top: 50%;
    margin-top: -8px;
    margin-left: -8px;
    border: 2px solid #0ac3bc;
    background: #fff;
}

.ui-range .ui-slider-handle:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    padding: 10px;
    margin: -10px;
    background: rgba(0, 0, 0, 0);
}

/* loading-wrap */
.loading-wrap {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
}

.loading-wrap__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    padding: 10px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.8);
}

/* loading */
.loading {
    position: relative;
    width: 80px;
    height: 80px;
}

.loading div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #2bd3c6;
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loading div:nth-child(1) {
    left: 10px;
    -webkit-animation: loading-animate1 0.6s infinite;
    animation: loading-animate1 0.6s infinite;
}

.loading div:nth-child(2) {
    left: 10px;
    -webkit-animation: loading-animate2 0.6s infinite;
    animation: loading-animate2 0.6s infinite;
}

.loading div:nth-child(3) {
    left: 34px;
    -webkit-animation: loading-animate2 0.6s infinite;
    animation: loading-animate2 0.6s infinite;
}

.loading div:nth-child(4) {
    left: 58px;
    -webkit-animation: loading-animate3 0.6s infinite;
    animation: loading-animate3 0.6s infinite;
}

@-webkit-keyframes loading-animate1 {
    0% {
        -webkit-transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes loading-animate1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes loading-animate2 {
    0% {
        -webkit-transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(24px, 0);
    }
}

@keyframes loading-animate2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

@-webkit-keyframes loading-animate3 {
    0% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0);
    }
}

@keyframes loading-animate3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

/* date time picker */
/*
.bootstrap-datetimepicker-widget .glyphicon-chevron-left:before {
  content: '<';
}
.bootstrap-datetimepicker-widget .glyphicon-chevron-right:before {
  content: '>';
}
*/
.bootstrap-datetimepicker-widget table td .glyphicon-chevron-up,
.bootstrap-datetimepicker-widget table td .glyphicon-chevron-down,
.bootstrap-datetimepicker-widget table td .glyphicon-screenshot,
.bootstrap-datetimepicker-widget table td .glyphicon-time,
.bootstrap-datetimepicker-widget table td .glyphicon-trash,
.bootstrap-datetimepicker-widget table td .glyphicon-remove,
.bootstrap-datetimepicker-widget table td .glyphicon-chevron-up:empty,
.bootstrap-datetimepicker-widget table td .glyphicon-chevron-down:empty,
.bootstrap-datetimepicker-widget table td .glyphicon-screenshot:empty,
.bootstrap-datetimepicker-widget table td .glyphicon-time:empty,
.bootstrap-datetimepicker-widget table td .glyphicon-trash:empty,
.bootstrap-datetimepicker-widget table td .glyphicon-remove:empty {
    display: block;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-up:before {
    content: '��';
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-down:before {
    content: '��';
}

.bootstrap-datetimepicker-widget .glyphicon-screenshot:before {
    content: '��';
}

.bootstrap-datetimepicker-widget .glyphicon-time:before {
    content: '�븩';
}

.bootstrap-datetimepicker-widget .glyphicon-calendar:before {
    content: '��';
}

.bootstrap-datetimepicker-widget .glyphicon-trash:before {
    content: '�뿊';
}

.bootstrap-datetimepicker-widget .glyphicon-remove:before {
    content: '��';
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    box-sizing: border-box;
    width: 300px;
    margin: 10px 0;
    padding: 30px 20px;
    border-radius: 2px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: 1px solid #cfcfcf;
    background-color: #fff;
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    display: none;
}

.bootstrap-datetimepicker-widget .datepicker {
    position: relative;
    z-index: 0;
}

.bootstrap-datetimepicker-widget table {
    table-layout: fixed;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
}

.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td {
    padding: 0;
    width: auto;
    height: auto;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: auto;
    border-radius: 12px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-left,
.bootstrap-datetimepicker-widget .glyphicon-chevron-right {
    display: block;
    width: 24px;
    height: 24px;
    background: no-repeat 50% 50%;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-right {
    margin-left: auto;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-left {
    background-image: url('../icon/datetimepicker-prev.svg');
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-right {
    background-image: url('../icon/datetimepicker-next.svg');
}

.bootstrap-datetimepicker-widget th.prev.disabled .glyphicon-chevron-left {
    background-image: url('../icon/datetimepicker-prev-disabled.svg');
}

.bootstrap-datetimepicker-widget th.next.disabled .glyphicon-chevron-right {
    background-image: url('../icon/datetimepicker-next-disabled.svg');
}

.bootstrap-datetimepicker-widget table thead tr:first-child th.prev:hover,
.bootstrap-datetimepicker-widget table thead tr:first-child th.next:hover {
    background: none;
}

.bootstrap-datetimepicker-widget table thead th.dow,
.bootstrap-datetimepicker-widget table tbody td[colspan='7'] {
    padding-top: 24px;
}

.bootstrap-datetimepicker-widget table thead th.dow {
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #707070;
}

.bootstrap-datetimepicker-widget table td.day {
    width: auto;
    height: auto;
    padding: 8px 0;
    font-size: 16px;
    line-height: 24px;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: none;
}

.bootstrap-datetimepicker-widget table td.day:hover:before,
.bootstrap-datetimepicker-widget table td.hour:hover:before,
.bootstrap-datetimepicker-widget table td.minute:hover:before,
.bootstrap-datetimepicker-widget table td.second:hover:before,
.bootstrap-datetimepicker-widget table td.day.today:before,
.bootstrap-datetimepicker-widget table td.active:before {
    content: '';
    display: block;
    box-sizing: border-box;
    position: absolute;
    margin: -4px 2px 0;
    z-index: -1;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #e9e9e9;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    text-shadow: none;
    background: none;
}

.bootstrap-datetimepicker-widget table td.active:before,
.bootstrap-datetimepicker-widget table td.active:hover:before {
    background-color: #2bd3c6;
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #dfdfdf;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    color: #f4f4f4;
}

.bootstrap-datetimepicker-widget table td.disabled:before,
.bootstrap-datetimepicker-widget table td.disabled:hover:before {
    display: none;
}

.bootstrap-datetimepicker-widget table td.day.today:before {
    border: 1px solid #1cbfb3;
    bottom: auto;
    right: auto;
    background-color: transparent;
}

.bootstrap-datetimepicker-widget table td.day.today:hover:before {
    background-color: #e9e9e9;
}

.bootstrap-datetimepicker-widget table td.day.today.active:before {
    background-color: #2bd3c6;
}

.bootstrap-datetimepicker-widget table tbody td[colspan='7']:after {
    content: '';
    display: table;
    clear: both;
}

.bootstrap-datetimepicker-widget table td span.month,
.bootstrap-datetimepicker-widget table td span.year,
.bootstrap-datetimepicker-widget table td span.decade {
    display: block;
    float: left;
    width: 25%;
    height: auto;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    padding: 20px 0;
    box-sizing: border-box;
}

.bootstrap-datetimepicker-widget table td span.month:hover,
.bootstrap-datetimepicker-widget table td span.year:hover,
.bootstrap-datetimepicker-widget table td span.decade:hover {
    background: none;
}

.bootstrap-datetimepicker-widget table td span.month:hover:before,
.bootstrap-datetimepicker-widget table td span.month.active:before,
.bootstrap-datetimepicker-widget table td span.year:hover:before,
.bootstrap-datetimepicker-widget table td span.year.active:before,
.bootstrap-datetimepicker-widget table td span.decade:hover:before,
.bootstrap-datetimepicker-widget table td span.decade.active:before {
    content: '';
    display: block;
    position: absolute;
    margin: -15px 5px 0;
    z-index: -1;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    background: #e9e9e9;
}

.bootstrap-datetimepicker-widget table td span.month.active,
.bootstrap-datetimepicker-widget table td span.year.active,
.bootstrap-datetimepicker-widget table td span.decade.active {
    text-shadow: none;
    background: none;
}

.bootstrap-datetimepicker-widget table td span.month.active:before,
.bootstrap-datetimepicker-widget table td span.month.active:hover:before,
.bootstrap-datetimepicker-widget table td span.year.active:before,
.bootstrap-datetimepicker-widget table td span.year.active:hover:before,
.bootstrap-datetimepicker-widget table td span.decade.active:before,
.bootstrap-datetimepicker-widget table td span.decade.active:hover:before {
    background-color: #2bd3c6;
}

.bootstrap-datetimepicker-widget table td span.month.disabled,
.bootstrap-datetimepicker-widget table td span.month.disabled:hover,
.bootstrap-datetimepicker-widget table td span.year.disabled,
.bootstrap-datetimepicker-widget table td span.year.disabled:hover,
.bootstrap-datetimepicker-widget table td span.decade.disabled,
.bootstrap-datetimepicker-widget table td span.decade.disabled:hover {
    color: #f4f4f4;
}

.bootstrap-datetimepicker-widget table td span.month.disabled:before,
.bootstrap-datetimepicker-widget table td span.month.disabled:hover:before,
.bootstrap-datetimepicker-widget table td span.year.disabled:before,
.bootstrap-datetimepicker-widget table td span.year.disabled:hover:before,
.bootstrap-datetimepicker-widget table td span.decade.disabled:before,
.bootstrap-datetimepicker-widget table td span.decade.disabled:hover:before {
    display: none;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 24px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.bootstrap-datetimepicker-widget table td span.decade {
    width: 33.333333%;
}

.bootstrap-datetimepicker-widget table td span.decade:hover:before,
.bootstrap-datetimepicker-widget table td span.decade.active:before {
    margin: -13px 0 0 -4px;
    width: 74px;
    height: 74px;
}

.bootstrap-datetimepicker-widget table td span:empty {
    display: none;
}

/* layout */
html {
    overflow-x: auto;
    overflow-y: scroll;
}

html,
body,
#wrap {
    height: 100%;
    margin: 0;
}

.layout-wrap {
    min-width: 1320px;
    height: 100%;
}

/* mobile-header */
.mobile-header {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    padding: 16px 20px;
    box-sizing: border-box;
    background: #fff;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.mobile-header.is-hide {
    -webkit-transform: translateY(-100%) translateZ(0);
    transform: translateY(-100%) translateZ(0);
}

.is-scroll-blocking.is-scrollbars-width .mobile-header {
    right: 17px;
}

.mobile-header:after,
.mobile-header__left:after,
.mobile-header__right:after {
    content: '';
    display: table;
    clear: both;
}

.mobile-header__left {
    float: left;
}

.mobile-header__right {
    float: right;
}

.mobile-header__logo {
    float: left;
    margin: -10px 0;
}

.mobile-header__logo__link {
    display: block;
    width: 110px;
    height: 28px;
    box-sizing: content-box;
    padding: 1px 10px;
    font-family: 'Fugaz One', cursive;
    /* background: url('../images/common/logo.svg') no-repeat 50% 50%;
    background-size: 110px auto; */
}

.mobile-header__btn {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    box-sizing: content-box;
    padding: 10px;
    margin: -10px 0;
    background: no-repeat 50% 50%;
    background-size: 24px 24px;
}

.mobile-header__logo:first-child,
.mobile-header__btn:first-child {
    margin-left: -10px;
}

.mobile-header__logo:last-child,
.mobile-header__btn:last-child {
    margin-right: -10px;
}

.mobile-header__btn--notification {
    background-image: url('../icon/icon-bell.svg');
}

.mobile-header__btn--menu {
    background-image: url('../icon/icon-menu.svg');
}

.mobile-header__btn--back {
    background-image: url('../icon/icon-back.svg');
}

/* mobile-bottom-bar */
.mobile-bottom-bar {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    height: 60px;
    background: #fff;
    border-top: 2px solid #f4f4f4;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.mobile-bottom-bar.is-hide {
    -webkit-transform: translateY(200%) translateZ(0);
    transform: translateY(200%) translateZ(0);
}

.is-scroll-blocking.is-scrollbars-width .mobile-bottom-bar {
    right: 17px;
}

.mobile-bottom-bar:before {
    right: 50%;
    margin-right: 60px;
}

.mobile-bottom-bar:after {
    left: 50%;
    margin-left: 60px;
}

.mobile-bottom-bar__list {
    list-style: none;
    margin: 0;
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mobile-bottom-bar__item {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.mobile-bottom-bar__link {
    display: block;
    padding: 37px 0 10px;
    font-size: 9px;
    line-height: 13px;
    color: inherit;
    text-decoration: none;
    text-align: center;
    background: no-repeat 50% 10px;
}

.mobile-bottom-bar__item--home .mobile-bottom-bar__link {
    background-image: url('../icon/icon-home.svg');
}

.mobile-bottom-bar__item--home.is-active .mobile-bottom-bar__link {
    background-image: url('../icon/icon-home-fill.svg');
}

.mobile-bottom-bar__item--atm-find .mobile-bottom-bar__link {
    background-image: url('../icon/icon-map.svg');
}

.mobile-bottom-bar__item--atm-find.is-active .mobile-bottom-bar__link {
    background-image: url('../icon/icon-map-fill.svg');
}

.mobile-bottom-bar__item--market-price .mobile-bottom-bar__link {
    background-image: url('../icon/icon-market-price.svg');
}

.mobile-bottom-bar__item--market-price.is-active .mobile-bottom-bar__link {
    background-image: url('../icon/icon-market-price-fill.svg');
}

.mobile-bottom-bar__item--my-phone .mobile-bottom-bar__link {
    background-image: url('../icon/icon-phone.svg');
}

.mobile-bottom-bar__item--my-phone.is-active .mobile-bottom-bar__link {
    background-image: url('../icon/icon-phone-fill.svg');
}

.mobile-bottom-bar__item--buy .mobile-bottom-bar__link {
    background-image: url('../icon/icon-buy.svg');
}

.mobile-bottom-bar__item--buy.is-active .mobile-bottom-bar__link {
    background-image: url('../icon/icon-buy-fill.svg');
}

/* gnb */
.gnb {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #e3e3e3;
    background: #fff;
}

.gnb__inner {
    position: relative;
    height: 100%;
    min-height: 400px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gnb__head {
    padding: 60px 0 40px;
}

.gnb__head__logo {
    margin: 0;
    font-family: 'Fugaz One', cursive;
    text-align: center;
  
}

.gnb__head__logo__link {
    display: block;
    height: 38px;
    background: url('../images/common/logo.svg') no-repeat 50% 50%;
    background-size: contain;
}

.gnb__close {
    display: none;
    position: absolute;
    top: 6px;
    right: 8px;
    width: 44px;
    height: 44px;
    background: url('../icon/icon-close.svg') no-repeat 50% 50%;
    background-size: 24px 24px;
}

.gnb__scroller {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
}

.gnb__scroller .simplebar-content-wrapper {
    height: 100% !important;
}

.gnb__scroller .simplebar-content {
    height: 100%;
    overflow: auto;
  
    scrollbar-width: thin;
}
.simplebar-content::-webkit-scrollbar {
    width: 2px;
    scrollbar-color: #6969dd #e0e0e0;

  }


.gnb__scroller__doc {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gnb .sns-menu {
    display: none;
}

/* gnb-my-card */
.gnb-my-card {
    display: none;
    padding: 66px 20px 30px;
}

.gnb-my-card__inner {
    position: relative;
}

.gnb-my-card__hello {
    margin: 0;
    padding: 0 80px 0 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #333;
}

.gnb-my-card__hello strong {
    font-weight: 500;
}

.gnb-my-card__top-btn {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px;
    box-sizing: border-box;
    width: 80px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: inherit;
    text-decoration: none;
    padding: 5px;
    background: #e9e9e9;
}

.gnb-my-card__top-btn--login {
    color: #fff;
    background-color: #2bd3c6;
}

/* user-menu */
.user-menu {
    padding-bottom: 37px;
}

.user-menu:before {
    content: '';
    display: table;
}

.user-menu__list {
    list-style: none;
    margin: -10px 0 0 -5px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.user-menu__item {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    margin: 10px 0 0 5px;
    font-size: 16px;
    line-height: normal;
}

.user-menu__link {
    padding: 3px 0;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: inherit;
    text-decoration: none;
}

.user-menu__link:before {
    content: '';
    display: block;
    margin: 0 auto 6px;
    width: 50px;
    height: 50px;
    border-radius: 20px;
    background: no-repeat 50% 50% #f4f4f4;
    background-size: 24px 24px;
}

.user-menu__item--mypage .user-menu__link:before {
    background-image: url('../icon/icon-mypage.svg');
}

.user-menu__item--trade .user-menu__link:before {
    background-image: url('../icon/icon-trade.svg');
}

.user-menu__item--point .user-menu__link:before {
    background-image: url('../icon/icon-point.svg');
}
.user-menu__item--lotto .user-menu__link:before {
    background-image: url('../icon/mypage-lotto2.svg');
}

.user-menu__item--inquiry .user-menu__link:before {
    background-image: url('../icon/icon-inquiry.svg');
}

.user-menu__item--selling .user-menu__link:before {
    background-image: url('../icon/icon-selling.svg');
}

/* gnb-nav */
.gnb-nav {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 0;
}

.gnb-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:700;
}

.gnb-nav__head {
    position: relative;
}

.gnb-nav__link {
    display: block;
    padding: 17px 60px 16px 40px;
    font-size: 18px;
    line-height: 27px;
    color: inherit;
    text-decoration: none;
}

.gnb-nav__opener {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gnb-nav__opener:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 40px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url('../icon/icon-plus.svg') no-repeat 50% 50%;
}

.gnb-nav__opener .close-text {
    display: none;
}

.gnb-nav__item.js-accordion-opened .gnb-nav__opener:before {
    background-image: url('../icon/icon-minus.svg');
}

.gnb-nav__item.js-accordion-opened .gnb-nav__opener .open-text {
    display: none;
}

.gnb-nav__item.js-accordion-opened .gnb-nav__opener .close-text {
    display: inline;
}

.gnb-nav__sub {
    display: none;
    height: 0;
    overflow: hidden;
}

.gnb-nav__sub__list {
    list-style: none;
    margin: 0;
    padding: 0 40px 10px 40px;
}

.gnb-nav__sub__link {
    display: block;
    padding: 10px 20px 10px 22px;
    font-size: 18px;
    line-height: 27px;
    color: #707070;
    text-decoration: none;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:500;
}

.gnb-nav__item:hover .gnb-nav__link,
.gnb-nav__item.is-active .gnb-nav__link,
.gnb-nav__sub__link:hover,
.gnb-nav__sub__item.is-active .gnb-nav__sub__link {
    color: #0ac3bc;
}

.gnb-nav__event {
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 3px 10px;
    width: 58px;
    height: 20px;
    background: url('../icon/gnb-event.svg') no-repeat 50% 50%;
}

/* gnb-etc-menu */
.gnb-etc-menu {
    padding: 60px 0;
}

.gnb-etc-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.gnb-etc-menu__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    text-align: left;
}

.gnb-etc-menu__item+.gnb-etc-menu__item {
    position: relative;
    padding-left: 21px;
}

.gnb-etc-menu__item+.gnb-etc-menu__item:before {
    content: '';
    display: block;
    height: 14px;
    border-left: 1px solid #cfcfcf;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -7px;
}

.gnb-etc-menu__link {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    text-decoration: none;
}

/* sns-menu */
.sns-menu:before {
    content: '';
    display: table;
}

.sns-menu__list {
    list-style: none;
    margin: -12px 0 0 -12px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.sns-menu__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    margin: 12px 0 0 12px;
}

.sns-menu__link {
    display: block;
    width: 36px;
    height: 36px;
    background: no-repeat 50% 50%;
}

.sns-menu__item--facebook .sns-menu__link {
    background-image: url('../icon/sns-facebook.svg');
}

.sns-menu__item--instagram .sns-menu__link {
    background-image: url('../icon/sns-instagram.svg');
}

.sns-menu__item--youtube .sns-menu__link {
    background-image: url('../icon/sns-youtube.svg');
    background-color: #c1c1c1;
    border-radius: 50%;
}

/* contents-wrap */
.contents-wrap {
    padding-left: 300px;
    height: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.contents-wrap__head {
    padding: 0 60px;
}

.contents-wrap__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 0;
    box-sizing: border-box;
    padding: 0 60px;
    font-family: 'Spoqa Han Sans', "Roboto", "sans-serif";
}

/* contents-head */
.contents-head {
    border-bottom: 1px solid #e3e3e3;
    padding: 30px 0 10px;
}

.contents-head:after,
.contents-head__left:after,
.contents-head__right:after,
.contents-head__location:after,
.contents-head__buttons:after {
    content: '';
    display: table;
    clear: both;
}

.contents-head__left {
    float: left;
}

.contents-head__right {
    float: right;
}

.contents-head__location {
    margin: 0;
    float: left;
}

.contents-head__location__item {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #9b9b9b;
}

.contents-head__location__item.is-current {
    color: inherit;
}

.contents-head__location__arrow {
    display: block;
    float: left;
    width: 7px;
    height: 7px;
    border: 0 solid #9e9e9e;
    border-width: 1px 1px 0 0;
    margin: 6px 10px 6px 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.contents-head__hello {
    margin: 0;
    float: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.contents-head__hello strong {
    font-weight: 500;
}

.contents-head__buttons {
    float: left;
    margin-left: 30px;
}

.contents-head__btn {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin-top: -4px;
    background: no-repeat 50% 50%;
}

.contents-head__btn+.contents-head__btn {
    margin-left: 30px;
}

.contents-head__btn--notification {
    background-image: url('../icon/icon-bell.svg');
}

.contents-head__btn--member {
    background-image: url('../icon/icon-mypage.svg');
}
.contents-head__btn--rating {
    background-image: url('../icon/rating-s.svg');
}
/* contents */
.contents {
    width: 880px;
    margin: 0 auto;
    padding: 100px 0;
    box-sizing: border-box;
}

.contents--large {
    width: 1200px;
}

.contents--full {
    width: auto;
}

.contents-wrap__body .contents--full {
    margin-left: -60px;
    margin-right: -60px;
}

.contents--contents-only {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}

/* inner-contents */
.inner-contents {
    width: 880px;
    margin: 0 auto;
}

.inner-contents--medium {
    width: 1020px;
}

.inner-contents--large {
    width: 1020px;
}

/* footer */
.footer {
    background: #fafafa;
}

.footer__top {
    padding: 22px 60px;
    border-bottom: 1px solid #e3e3e3;
}

.footer__top:after,
.footer__nav__list:after,
.footer__top__right:after {
    content: '';
    display: table;
    clear: both;
}

.footer__top__left {
    float: left;
}

.footer__top__right {
    float: right;
}

.footer__nav__list {
    list-style: none;
    margin: 0;
    padding: 8px 0;
}

.footer__nav__item {
    float: left;
}

.footer__nav__item+.footer__nav__item {
    margin-left: 20px;
}

.footer__nav__link {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #707070;
    text-decoration: none;
}

.footer__box-link {
    float: left;
    display: block;
    padding: 7px 19px;
    border: 1px solid #0f0f0f;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: inherit;
    text-decoration: none;
    border-radius: 2px;
}

.footer__top .sns-menu {
    float: left;
    margin-left: 30px;
}

.footer__contents {
    padding: 50px 0;
    text-align: center;
    color: #9b9b9b;
}

.footer__customer-center {
    margin: 0;
    font-size: 0;
    line-height: 0;
}

.footer__customer-center__title,
.footer__customer-center__tel,
.footer__customer-center__time {
    display: inline-block;
    vertical-align: top;
}

.footer__customer-center__title {
    font-size: 14px;
    line-height: 20px;
}

.footer__customer-center__tel {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #707070;
    margin-left: 10px;
}

.footer__customer-center__time {
    font-size: 12px;
    line-height: 20px;
    margin-left: 6px;
}

.footer__info {
    margin-top: 10px;
    margin-left: -8px;
    font-size: 0;
    line-height: 0;
}

.footer__info__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 8px;
    font-size: 12px;
    line-height: 18px;
}

.footer__info__item+.footer__info__item {
    margin-left: 17px;
}

.footer__info__item+.footer__info__item:before {
    content: '';
    display: block;
    height: 11px;
    position: absolute;
    top: 50%;
    left: -9px;
    margin-top: -6px;
    border-left: 1px solid #cfcfcf;
}

.footer__logo {
    margin: 10px 0 100px;
    height: 33px;
    /* background: url('../images/common/footer-logo.svg') no-repeat 50% 0; */
}

.footer__copyright {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae;
}

/* quick-menu */
.quick-menu {
    position: fixed;
    z-index: 1000;
    right: 10px;
    bottom: 100px;
}

.quick-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.quick-menu__item+.quick-menu__item {
    margin-top: 10px;
}

.quick-menu__link {
    display: block;
    border-radius: 10%;
    width: 55px;
    height: 55px;
    text-decoration: none;
    color: inherit;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    
    background: no-repeat 50% 50% rgba(255, 255, 255, 0.8);
    background-size: 50% 50%;
    /* background-position: 13px 22px; */
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
}

.quick-menu__item--call .quick-menu__link {
    /* background-image: url('../icon/quick_call_re.svg'); */
    background-image: url('../icon/call-7.svg');
    -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
    filter: invert(100%);
    background-position: 32px 10px;
    background-color: rgb(70, 236, 134);
}
.quick-menu__item--call2 .quick-menu__link {
    background-image: url('../icon/transmitter.svg');

    background-position: 32px 10px;
    background-color: rgb(126, 255, 195);
}

.quick-menu__item--kakao-channel .quick-menu__link {
    background-image: url('../icon/quick_kakao.svg');
    background-position: 32px 10px;
    background-color: rgba(246, 207, 8, 0.8);
}

.quick-menu__item.quick-menu__item--top {

   
    margin-top: 0;
    height: 0;
    -webkit-transition: height 0.4s;
    transition: height 0.4s;
}
.js-top-button{
    background-size: 50% 50%;
    background-image: url('../icon/back-top.svg');
}

.quick-menu__item.quick-menu__item--top:before,
.quick-menu__item.quick-menu__item--top:after {
    content: '';
    display: table;
}

.quick-menu__item.quick-menu__item--top.is-show {
    height: 65px;
}

.quick-menu__item--top .quick-menu__link {
    margin-top: 10px;
    line-height: 55px;
    transform-origin: 50% 0;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transform: scaleY(0) translateY(-10px);
    transform: scaleY(0) translateY(-10px);
    opacity: 0;
}

.quick-menu__item--top.is-show .quick-menu__link {
    -webkit-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    opacity: 1;
}

/* error-page */
.error-page {
    padding-top: 170px;
    text-align: center;
    background: url('../images/illustration/page-error.svg') no-repeat 50% 0;
}

.error-page__title {
    margin: 0;
    font-size: 36px;
    line-height: 54px;
    font-weight: 500;
}

.error-page__text {
    margin: 10px 0 0;
    font-size: 18px;
    line-height: 27px;
    color: #707070;
}

/* page-header */
.page-header {
    position: relative;
    margin-bottom: 50px;
}

.page-header__title {
    margin: 0;
    font-size: 26px;
    line-height: 38px;
    color: #545e5e;
    font-weight: 400;
}

.page-header__title-with {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    margin: 9px 0 2px;
}

.page-header__title-with--carrot {
    color: #f05018;
}

.page-header__title-with--samsungfire {
    color: #0f218b;
}

.page-header__title-logo {
    display: inline-block;
    vertical-align: top;
    height: 38px;
    background: no-repeat 50% 50%;
}

.page-header__title-logo--carrot {
    width: 78px;
    background-image: url('../images/common/carrot-logo.svg');
    background-position: 50% 45%;
}

.page-header__title-logo--samsungfire {
    width: 69px;
    background-image: url('../images/common/samsungfire-logo.svg');
    background-size: 69px 21px;
}

.page-header__big-text {
    margin: 10px 0 0;
    font-size: 36px;
    line-height: 54px;
    font-weight: 300;
}

.page-header__big-text strong {
    font-weight: 500;
}

.page-header__mobile-block {
    vertical-align: top;
}

.page-header__etc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

.page-header__etc>*+* {
    margin-left: 20px;
}

.page-header__small-text {
    margin: 0;
    font-size: 18px;
    line-height: 27px;
    color: #707070;
}

.page-header__icon {
    width: 80px;
    height: 80px;
    background: no-repeat 50% 50%;
    margin-bottom: 20px;
}

.page-header__icon--notice {
    background-image: url('../icon/icon-notice.svg');
}

.page-header__icon--check {
    background-image: url('../icon/icon-check-04.svg');
}

.page-header__icon--order-ing {
    width: 126px;
    background-image: url('../icon/icon-order-ing.svg');
}

.page-header .flow-step {
    position: absolute;
    top: 0;
    right: 0;
}

/* page-header--center */
.page-header--center {
    text-align: center;
}

.page-header--center .page-header__etc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-header--center .page-header__icon {
    margin-left: auto;
    margin-right: auto;
}

/* flow-step */
.flow-step__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flow-step__item {
    overflow: hidden;
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #0f0f0f;
}

.flow-step__item+.flow-step__item {
    margin-left: 20px;
}

.flow-step__item+.flow-step__item--current,
.flow-step__item--current+.flow-step__item {
    margin-left: 13px;
}

.flow-step__item--current~.flow-step__item {
    background-color: #dfdfdf;
}

.flow-step__num {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    opacity: 0;
}

.flow-step__item--current {
    width: 30px;
    height: 30px;
}

.flow-step__item--current .flow-step__num {
    opacity: 1;
}

/* empty-contents */
.empty-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.empty-contents__inner {
    padding: 60px 0;
    text-align: center;
}

.empty-contents__inner:before {
    content: '';
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 4px;
    background: url('../icon/empty.svg') no-repeat 50% 50%;
}

.empty-contents__text {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #aeaeae;
}

/* empty-contents--medium */
.empty-contents--medium .empty-contents__inner {
    padding: 150px 0;
}

.empty-contents--medium .empty-contents__inner:before {
    width: 100px;
    height: 100px;
    margin-bottom: 0;
    background-size: 100px 100px;
}

.empty-contents--medium .empty-contents__text {
    font-size: 18px;
    line-height: 27px;
}

/* market-price-select */
.market-price-select {
    padding: 0 45px;
}

.market-price-select:before {
    content: '';
    display: table;
}

.market-price-select__list {
    list-style: none;
    margin: -20px 0 0 -20px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.market-price-select__item {
    display: inline-block;
    vertical-align: top;
    width: 33.333333%;
    box-sizing: border-box;
    padding: 20px 0 0 20px;
    font-size: 16px;
    line-height: normal;
}

/* contents--market-price-select */
.contents--market-price-select {
    position: relative;
}

.contents--market-price-select:before {
    content: '';
    display: block;
    position: absolute;
    top: 32px;
    left: 630px;
    right: 0;
    height: 280px;
    background: url('../images/illustration/chart.svg') no-repeat 0 0;
}

.contents--market-price-select .market-price-select {
    margin-top: 80px;
}

/* rating-price */
.rating-price__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rating-price__item {
    position: relative;
}

.rating-price__item:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 116px;
    right: 154px;
    border-top: 1px dashed #cfcfcf;
}

.rating-price__item:after {
    content: '';
    display: table;
    clear: both;
}

.rating-price__item+.rating-price__item {
    margin-top: 26px;
}

.rating-price__name {
    float: left;
    padding-left: 30px;
    font-size: 18px;
    line-height: 27px;
    color: #707070;
    background: no-repeat 0 0;
}

.rating-price__name .question-button {
    margin-top: 3px;
    margin-bottom: 3px;
}

.rating-price__price {
    float: right;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    padding: 4px 0 1px;
}

.rating-price__price strong {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
    margin: -5px 0 -2px;
}

.rating-price__item--s .rating-price__name {
    background-image: url('../icon/rating-s.svg');
}

.rating-price__item--a .rating-price__name {
    background-image: url('../icon/rating-a.svg');
}

.rating-price__item--b .rating-price__name {
    background-image: url('../icon/rating-b.svg');
}

.rating-price__item--c .rating-price__name {
    background-image: url('../icon/rating-c.svg');
}

.rating-price__item--d .rating-price__name {
    background-image: url('../icon/rating-d.svg');
}

/* rating-price--week */
.rating-price--week .rating-price__name {
    padding-left: 0;
}

.rating-price--week .rating-price__item:before {
    left: 94px;
}

/* rating-price--inspection */
.rating-price--inspection .rating-price__item+.rating-price__item {
    margin-top: 20px;
}

.rating-price--inspection .rating-price__name {
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    padding: 2px 0;
}

.rating-price--inspection .rating-price__price {
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 2px 0;
}

.rating-price--inspection .rating-price__price .status-text {
    margin: -2px 0;
}

.rating-price--inspection .rating-price__item:before {
    left: 90px;
    right: 90px;
}

/* rating-price--standards */
.rating-price--standards .rating-price__item+.rating-price__item {
    margin-top: 20px;
}

.rating-price--standards .rating-price__name {
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    padding: 2px 0;
}

.rating-price--standards .rating-price__price {
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 2px 0;
}

.rating-price--standards .rating-price__price .status-text {
    width: auto;
    margin: -2px 0;
}

.rating-price--standards .rating-price__item:before {
    display: none;
}

/* status-text */
.status-text {
    display: block;
    box-sizing: border-box;
    width: 70px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 16px;
    text-align: center;
    background: #efefef;
}

.status-text--green {
    color: #2bd3c6;
    background-color: #e9fbf9;
}

.status-text--red {
    color: #ee7674;
    background-color: #fef1f1;
}

/* box-link */
.box-link {
    position: relative;
    display: block;
    padding: 20px 60px 20px 25px;
    font-size: 18px;
    line-height: 27px;
    color: inherit;
    text-decoration: none;
    background: #f5f9ff;
}

.box-link:before {
    content: '';
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    top: 50%;
    right: 24px;
    margin-top: -13px;
    background: url('../icon/arrow-02.svg') no-repeat 0 0;
}

.box-link__title {
    font-weight: 500;
}

.box-link__text {
    margin-top: 1px;
    font-weight: 300;
    color: #707070;
}

.box-link--img {
    padding-left: 92px;
    background-repeat: no-repeat;
    background-position: 22px 50%;
}

.box-link--find {
    background-image: url('../images/illustration/small-find.svg');
}

.box-link--add-phone {
    background-image: url('../images/illustration/add-phone.svg');
}

/* ui-pie-chart */
.ui-pie-chart {
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* market-price-final */
.market-price-final {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.market-price-final__left {
    position: relative;
    width: 560px;
    height: 560px;
}

.market-price-final__right {
    width: 540px;
}

.market-price-final__chart {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.market-price-final__price-area {
    position: relative;
    height: 100%;
    z-index: 10;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.market-price-final__price-area:before {
    content: '';
    display: block;
    width: 88px;
    height: 88px;
    margin-bottom: 20px;
    background: url('../images/illustration/phone-price.svg') no-repeat 50% 50%;
    background-size: 100% 100%;
}

.market-price-final__price {
    margin: 0;
    font-size: 30px;
    line-height: 45px;
    font-weight: 700;
    padding: 17px 0 5px;
}

.market-price-final__price-num {
    display: inline-block;
    vertical-align: top;
    font-size: 55px;
    line-height: 67px;
    margin: -17px 0 -5px;
    font-weight: 600;
}

.market-price-final__price-text {
    margin: 4px 0 0;
    font-size: 22px;
    line-height: 33px;
    color: #707070;
}

.market-price-final__brand {
    margin: 0;
    font-size: 18px;
    line-height: 27px;
    color: #707070;
}

.market-price-final__name {
    margin: 0;
    font-size: 28px;
    line-height: 41px;
    font-weight: 500;
}

.market-price-final__user {
    margin: 0;
    font-size: 36px;
    line-height: 54px;
    font-weight: 300;
}

.market-price-final__check-link {
    margin-top: 16px;
}

.market-price-final .chart-area {
    margin-top: 40px;
}

.market-price-final .rating-price {
    margin-top: 40px;
    margin-bottom: 60px;
}

.market-price-final .ui-buttons {
    margin-top: 0;
}

.market-price-final .ui-buttons__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.market-price-final .ui-buttons__item .ui-basic-button {
    width: auto;
}

.market-price-final .box-link {
    margin-top: 40px;
}

.market-price-final__bottom-link {
    margin-top: 20px;
    text-align: right;
    font-size: 18px;
    line-height: 27px;
    color: #6a7373;
}

.market-price-final__bottom-link .basic-link {
    vertical-align: top;
}

/* market-price-final--home */
.market-price-final--home {
    width: 960px;
    margin: 0 auto;
    padding: 80px 0;
}

.market-price-final--home .market-price-final__left {
    width: 380px;
    height: 380px;
}

.market-price-final--home .market-price-final__price-area:before {
    width: 77px;
    height: 77px;
    margin-bottom: 6px;
}

.market-price-final--home .market-price-final__price {
    font-size: 20px;
    line-height: 29px;
    padding: 15px 0 5px;
}

.market-price-final--home .market-price-final__price-num {
    font-size: 40px;
    line-height: 49px;
    margin: -15px 0 -5px;
}

.market-price-final--home .market-price-final__price-text {
    font-size: 18px;
    line-height: 27px;
    margin-top: 4px;
}

.market-price-final--home .market-price-final__right {
    width: 490px;
}

.market-price-final--home .market-price-final__brand {
    font-size: 26px;
    line-height: 38px;
}

.market-price-final--home .market-price-final__name {
    font-size: 36px;
    line-height: 54px;
}

.market-price-final--home .launch-price-info {
    margin-top: 30px;
}

.market-price-final--home .ui-buttons {
    margin-top: 60px;
}

.market-price-final--home .ui-buttons__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.market-price-final--home .ui-buttons__item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 300px;
}

/* contents--map */
.is-map-page .contents-head {
    border-bottom: none;
}

.contents--map {
    position: relative;
    width: auto;
    height: 100%;
    min-height: 740px;
    padding: 0;
}

.is-map-page .contents-wrap__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.contents-wrap__body .contents--map {
    margin: 0 -60px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* map-area */
.map-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

/* map-list-opener */
.map-list-opener {
    display: none;
    position: absolute;
    top: 24px;
    left: 20px;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
    background: url('../icon/icon-list.svg') no-repeat 50% 50% #fff;
}

/* map-side-bar */
.map-side-bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: 30px;
    width: 440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.map-side-bar .atm-find {
    margin-top: 20px;
}

/* map-buttons */
.map-buttons {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.map-btn+.map-btn {
    margin-top: 10px;
}

.map-btn {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
    background: no-repeat 50% 50% rgba(15, 15, 15, 0.8);
}

.map-btn--current {
    background-image: url('../icon/icon-gps.svg');
}

/* atm-info */
.atm-info {
    position: relative;
    padding: 30px;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
    background: #fff;
}

.atm-info__name {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-right: 70px;
}

.atm-info__sts {
    background: #ffccd2;
    color: #f64c4c;
    font-size: 12px;
    padding: 0px 10px;
    border-radius: 100px;
    margin-left: 8px;
}

.atm-info__address {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    font-style: normal;
    padding-right: 70px;
}

.atm-info__navigation {
    position: absolute;
    top: 37px;
    right: 30px;
    width: auto;
}

.atm-info__box {
    margin-top: 20px;
    padding: 20px;
    background: #f4f4f4;
}

.atm-info__detail {
    margin: 0;
    padding: 0 0 0 80px;
}

.atm-info__detail:after {
    content: '';
    display: table;
    clear: both;
}

.atm-info__detail-key {
    margin: 0;
    float: left;
    width: 70px;
    margin-left: -80px;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
}

.atm-info__detail-val {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.atm-info__detail-val+.atm-info__detail-key,
.atm-info__detail-val+.atm-info__detail-key+.atm-info__detail-val {
    margin-top: 9px;
}

/* atm-find */
.atm-find {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
    background: #fff;
}

.atm-find__scroller {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    border-top: 1px solid #0f0f0f;
}

.atm-find__scroller>.ui-scroller,
.atm-find__scroller>.ui-scroller .simplebar-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.atm-find__form {
    position: relative;
    padding: 30px;
}

.atm-find__select+.atm-find__select {
    margin-top: 8px;
}

.atm-find__form .check-tab {
    margin-top: 20px;
}

.atm-find__list {
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 1px 0 #e9e9e9;
}

.atm-find__item+.atm-find__item {
    border-top: 1px solid #e9e9e9;
}

.atm-find__link {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 20px 20px 80px;
    text-align: left;
}

.atm-find__link:before {
    content: '';
    display: block;
    position: absolute;
    top: 25px;
    left: 20px;
    width: 40px;
    height: 40px;
    background: url('../icon/list-marker-mintit.svg') no-repeat 50% 50%;
    background-size: contain;
}

.atm-find__item--sk .atm-find__link:before {
    background-image: url('../icon/list-marker-sk.svg');
}

.atm-find__item--emart .atm-find__link:before {
    background-image: url('../icon/list-marker-emart.svg');
}

.atm-find__item--homeplus .atm-find__link:before {
    background-image: url('../icon/list-marker-homeplus.svg');
}

.atm-find__item--samsung .atm-find__link:before {
    background-image: url('../icon/list-marker-samsung.svg');
}

.atm-find__item--lottemart .atm-find__link:before {
    background-image: url('../icon/list-marker-lottemart.svg');
}

.atm-find__item--post .atm-find__link:before {
    background-image: url('../icon/list-marker-post.svg');
}

.atm-find__item--himart .atm-find__link:before {
    background-image: url('../icon/list-marker-himart.svg');
}

.atm-find__item--eland .atm-find__link:before {
    background-image: url('../icon/list-marker-eland.svg');
}

.atm-find__item--lgu .atm-find__link:before {
    background-image: url('../icon/list-marker-lgu.svg');
}

.atm-find__item--kt .atm-find__link:before {
    background-image: url('../icon/list-marker-kt.svg');
}

.atm-find__item--wash .atm-find__link:before {
    background-image: url('../icon/list-marker-wash.svg');
}

.atm-find__item--lgshop .atm-find__link:before {
    background-image: url('../icon/list-marker-lgshop.svg');
}

.atm-find__item--sk--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-sk.svg');
}

.atm-find__item--emart--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-emart-sts.svg');
}

.atm-find__item--homeplus--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-homeplus-sts.svg');
}

.atm-find__item--samsung--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-samsung-sts.svg');
}

.atm-find__item--lottemart--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-lottemart-sts.svg');
}

.atm-find__item--post--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-post-sts.svg');
}

.atm-find__item--himart--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-himart-sts.svg');
}

.atm-find__item--eland--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-eland-sts.svg');
}

.atm-find__item--lgu--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-lgu-sts.svg');
}

.atm-find__item--kt--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-kt-sts.svg');
}

.atm-find__item--etc--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-mintit-sts.svg');
}

.atm-find__item--wash--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-wash-sts.svg');
}

.atm-find__item--lgshop--sts .atm-find__link:before {
    background-image: url('../icon/list-marker-lgshop-sts.svg');
}

.atm-find__name {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.atm-find__address {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    color: #707070;
}

.atm-find .store-check {
    margin-top: 20px;
    padding-right: 60px;
}

.atm-find__reset {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    color: #6a7373;
}

/* board-search-form */
.board-search-form {
    border: 2px solid #0f0f0f;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
}

.board-search-form__input {
    margin: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    background: transparent;
    border: none;
    width: auto;
    height: 56px;
    font-size: 18px;
    line-height: 27px;
    padding: 14px 0 15px 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.board-search-form__input::-ms-clear,
.board-search-form__input::-ms-reveal {
    display: none;
}

.board-search-form__input::-webkit-search-decoration,
.board-search-form__input::-webkit-search-cancel-button,
.board-search-form__input::-webkit-search-results-button,
.board-search-form__input::-webkit-search-results-decoration {
    display: none;
}

.board-search-form__input::-webkit-input-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.board-search-form__input::-moz-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.board-search-form__input:-ms-input-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.board-search-form__input:-moz-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.board-search-form__submit {
    display: block;
    width: 60px;
    height: 56px;
    background: url('../icon/icon-search.svg') no-repeat 50% 50%;
}

/* board-search-form--atm-find */
.board-search-form--atm-find {
    border-width: 1px;
}

.board-search-form--atm-find .board-search-form__input {
    padding: 15px 0 16px 15px;
    height: 58px;
}

.board-search-form--atm-find .board-search-form__submit {
    height: 58px;
}

/* line-tab */
.line-tab {
    border-bottom: 1px solid #0f0f0f;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
}

.line-tab .ui-scroller {
    margin-bottom: -1px;
}

.line-tab .simplebar-track {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.line-tab:hover .simplebar-track {
    opacity: 1;
}

.line-tab__inner {
    padding-bottom: 1px;
}

.line-tab__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.line-tab__item {
    display: inline-block;
    vertical-align: top;
}

.line-tab__item+.line-tab__item {
    margin-left: 40px;
}

.line-tab__link {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: #9b9b9b;
    text-align: center;
    white-space: nowrap;
    padding: 18px 0 17px;
}

.line-tab__link.is-active,
.line-tab__link.js-tabpanel-active {
    font-weight: 500;
    color: inherit;
}

.line-tab__link.is-active:before,
.line-tab__link.js-tabpanel-active:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    border-bottom: 3px solid #2bd3c6;
}

/* line-tab--justify */
.line-tab--justify .line-tab__list {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.line-tab--justify .line-tab__item {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.line-tab--justify .line-tab__item+.line-tab__item {
    margin-left: 0;
}

/* ui-accordion */
.ui-accordion {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #0f0f0f;
}

.ui-accordion__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-accordion__item {
    border-bottom: 1px solid #e9e9e9;
}

.ui-accordion__head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ui-accordion__item.js-ui-accordion__item .ui-accordion__head {
    padding-right: 64px;
}

.ui-accordion__category {
    margin: 0;
    padding: 25px 0;
    text-align: center;
    width: 130px;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
}

.ui-accordion__title {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 23px 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.ui-accordion__new {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 24px;
    margin-left: 8px;
    background: url('../icon/icon-new.svg') no-repeat 50% 50%;
}

.ui-accordion__date {
    margin: 0;
    padding: 25px 0;
    text-align: center;
    width: 120px;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
}

.ui-accordion__head>.ui-checkbox-block {
    padding: 30px 0;
}

.ui-accordion__head>.ui-checkbox-block+.ui-accordion__opener {
    width: 64px;
}

.ui-accordion__opener {
    display: block;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
}

.ui-accordion__opener:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 64px;
    height: 100%;
    background: url('../icon/icon-plus-02.svg') no-repeat 50% 50%;
}

.ui-accordion__opener .close-text {
    display: none;
}

.ui-accordion__contents {
    padding: 30px;
    font-size: 14px;
    line-height: 22px;
    color: #707070;
    background: #f4f4f4;
}

.ui-accordion__contents--transparent {
    padding-left: 0;
    padding-right: 0;
    background: none;
    border-top: 1px solid #e9e9e9;
    color: inherit;
}

.ui-accordion__contents pre {
    white-space: pre-wrap;
}

.ui-accordion__contents img {
    max-width: 100%;
}

.ui-accordion__layer.js-ui-accordion__layer {
    height: 0;
    display: none;
}

.ui-accordion__item.js-accordion-opened>.ui-accordion__head .ui-accordion__opener:before {
    background-image: url('../icon/icon-minus-02.svg');
}

.ui-accordion__item.js-accordion-opened>.ui-accordion__head .ui-accordion__opener .open-text {
    display: none;
}

.ui-accordion__item.js-accordion-opened>.ui-accordion__head .ui-accordion__opener .close-text {
    display: inline;
}

/* ui-accordion--agree */
.ui-accordion--agree .ui-accordion__item {
    border-bottom: none;
}

.ui-accordion--agree .terms-contents:first-child {
    margin-top: -30px;
}

/* ui-accordion--agree-inner */
.ui-accordion--agree-inner {
    border-top-width: 0;
}

.ui-accordion--agree-inner .ui-accordion__head>.ui-checkbox-block {
    padding-top: 0;
    padding-bottom: 0;
}

.ui-accordion--agree-inner .ui-accordion__item {
    border-bottom: none;
}

.ui-accordion--agree-inner .ui-accordion__item+.ui-accordion__item {
    margin-top: 36px;
}

.ui-accordion--agree-inner .ui-accordion__contents--transparent {
    border-top-width: 0;
    padding-bottom: 0;
    padding-top: 24px;
}

.ui-accordion--agree-inner .ui-accordion__contents--transparent .agree-row+.agree-row {
    margin-top: 24px;
}

/* ui-more-button */
.ui-more-button {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    margin-top: 30px;
}

.ui-more-button:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 27px;
    margin-left: 8px;
    background: url('../icon/more-arrow.svg') no-repeat 50% 50%;
}

/* contents--faq */
.contents--faq .board-search-form {
    margin-bottom: 30px;
}

.contents--faq .ui-accordion {
    border-top: none;
}

/* form-row */
.form-row+.form-row {
    margin-top: 8px;
}

/* input-size */
.input-size-small {
    width: 150px;
}

.input-size-regular {
    width: 250px;
}

.input-size-medium {
    width: 300px;
}

.input-size-large {
    width: 370px;
}

.input-size-wide {
    width: 600px;
}

/* phone-form */
.phone-form__first,
.phone-form__middle,
.phone-form__last {
    width: 107px;
}

/* phone-form--popup */
.phone-form--popup .phone-form__first,
.phone-form--popup .phone-form__middle,
.phone-form--popup .phone-form__last {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

/* zip-code-form */
.zip-code-form__input {
    width: 200px;
}

/* zip-code-form--popup */
.zip-code-form--popup .zip-code-form__input {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

/* date-select-form */
.date-select-form__year {
    width: 130px;
}

.date-select-form__month,
.date-select-form__day {
    width: 100px;
}

/* account-form */
.account-form__bank {
    width: 200px;
}

.account-form__input {
    width: 370px;
}

/* date-form */
.date-form__input {
    width: 200px;
}

/* add-contents */
.add-contents {
    display: block;
    border: 1px solid #dfdfdf;
    padding: 121px 0;
    border-radius: 3px;
    text-decoration: none;
    color: inherit;
}

.add-contents__text {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}

.add-contents__text:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    background: url('../icon/add-contents.svg') no-repeat 50% 50%;
}

/* rate-of-change */
.rate-of-change {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
}

.rate-of-change:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 3px;
    margin: 13px 4px 13px 0;
    background: #0f0f0f;
}

.rate-of-change__num {
    display: inline-block;
    vertical-align: top;
}

.rate-of-change--up:before,
.rate-of-change--down:before {
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-width: 7px 5px;
    background: none;
}

.rate-of-change--up {
    color: #3a76ec;
}

.rate-of-change--up:before {
    margin-top: 4px;
    margin-bottom: 11px;
    border-bottom-color: #3a76ec;
}

.rate-of-change--down {
    color: #ee7674;
}

.rate-of-change--down:before {
    margin-top: 11px;
    margin-bottom: 4px;
    border-top-color: #ee7674;
}

/* my-phone-head */
.my-phone-head {
    position: relative;
    border: 1px solid #dfdfdf;
    padding: 29px 60px 29px 29px;
    border-radius: 3px;
    margin-bottom: 40px;
}

.my-phone-head__brand {
    margin: 0;
    font-size: 18px;
    line-height: 27px;
    color: #707070;
}

.my-phone-head__title {
    margin: 0;
    font-size: 28px;
    line-height: 41px;
    font-weight: 500;
}

.my-phone-head__link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}

.my-phone-head__link:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 23px;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    background: url('../icon/arrow-02.svg') no-repeat 50% 50%;
}

/* text-tab__list */
.text-tab {
    margin-bottom: 50px;
}

.text-tab__list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.text-tab__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
}

.text-tab__item+.text-tab__item {
    margin-left: 29px;
}

.text-tab__item+.text-tab__item:before {
    content: '';
    display: block;
    height: 20px;
    border-left: 1px solid #dfdfdf;
    position: absolute;
    top: 9px;
    left: -15px;
}

.text-tab__link {
    display: block;
    font-size: 24px;
    line-height: 36px;
    color: #9b9b9b;
    text-decoration: none;
}

.text-tab__link.is-active,
.text-tab__link.js-tabpanel-active {
    color: #2bd3c6;
    font-weight: 500;
}

/* text-tab--small */
.text-tab--small {
    margin-bottom: 30px;
}

.text-tab--small .text-tab__item+.text-tab__item {
    margin-left: 17px;
}

.text-tab--small .text-tab__item+.text-tab__item:before {
    height: 12px;
    top: 4px;
    left: -9px;
}

.text-tab--small .text-tab__link {
    font-size: 14px;
    line-height: 20px;
}

/* launch-price-info */
.launch-price-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.launch-price-info__cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    text-align: center;
    padding: 31px 0;
    background: #f7f7f7;
}

.launch-price-info__cell+.launch-price-info__cell {
    margin-left: 10px;
}

.launch-price-info__price {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 4px 0 1px;
}

.launch-price-info__price-num {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
    margin: -4px 0 -1px;
}

.launch-price-info__text {
    margin: 5px 0 0;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}

/* my-phone-select */
.my-phone-select {
    margin: 0 -30px;
}

.my-phone-select__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.my-phone-select__link {
    display: block;
    font-size: 18px;
    line-height: 27px;
    color: inherit;
    text-decoration: none;
    padding: 17px 30px 16px;
}

.my-phone-select__link:hover {
    color: #2bd3c6;
}

/* products */
.products:before {
    content: '';
    display: table;
}

.products__list {
    list-style: none;
    padding: 0;
    margin: -95px 0 0 -20px;
    font-size: 0;
    line-height: 0;
}

.products__item {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 95px 0 0 20px;
    width: 25%;
    font-size: 16px;
    line-height: normal;
}

/* products--tripartition */
.products--tripartition .products__list {
    margin-left: -15px;
}

.products--tripartition .products__item {
    width: 33.333333%;
    padding-left: 15px;
}

.products--tripartition .product__thumb:empty,
.products--tripartition .product__thumb.is-error {
    background-image: url('../images/common/no-image-medium.svg') !important;
}

/* product */
.product__link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.product__thumb {
    position: relative;
    padding-top: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.product__thumb-img {
    display: block;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.product__thumb:empty,
.product__thumb.is-error {
    background-image: url('../images/common/no-image.svg') !important;
    background-color: #f4f4f4;
    background-size: auto;
    box-shadow: 0 0 0 1px #e9e9e9 inset;
}

.product__thumb.is-error .product__thumb-img {
    display: none;
}

.product__info {
    padding-top: 20px;
}

.product__rating {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #707070;
    padding-left: 22px;
    background: no-repeat 0 50%;
    background-size: 18px 18px;
}

.product__rating--display {
    background-image: url('../icon/rating-display.svg');
}

.product__rating--s {
    background-image: url('../icon/rating-s.svg');
}

.product__rating--a {
    background-image: url('../icon/rating-a.svg');
}

.product__rating--b {
    background-image: url('../icon/rating-b.svg');
}

.product__rating--c {
    background-image: url('../icon/rating-c.svg');
}

.product__rating--d {
    background-image: url('../icon/rating-d.svg');
}

.product__name {
    margin: 0;
    font-size: 16px;

    font-weight: 400;
}

.product__etc {
    margin-top: 5px;
    margin-left: -5px;
}

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

.product__etc__item {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
    margin-left: 5px;
}

.product__etc__item+.product__etc__item {
    margin-left: 11px;
}

.product__etc__item+.product__etc__item:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -6px;
    height: 11px;
    margin-top: -6px;
    border-left: 1px solid #dfdfdf;
}

.product__price {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 7px 0 2px;
}

.product__price-num {
    display: inline-block;
    vertical-align: top;
    margin: -7px 0 -2px;
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
}

.product__mintit-care {
    margin-top: 8px;
    padding-left: 18px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #2bd3c6;
    background: url('../icon/product-mintit-care.svg') no-repeat 0 3px;
}

/* product--order-view */
.product--order-view {
    border: 1px solid #dfdfdf;
    padding: 30px 30px 30px 210px;
    position: relative;
    min-height: 150px;
}

.product--order-view .product__thumb {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 150px;
    height: 150px;
    padding: 0;
}

.product--order-view .product__thumb:empty,
.product--order-view .product__thumb.is-error {
    background-image: url('../images/common/no-image-regular.svg') !important;
}

.product--order-view .product__info {
    padding: 0;
}

.product--order-view .product__rating {
    font-size: 16px;
    line-height: 24px;
    padding-left: 30px;
    background-size: 24px 24px;
    margin-bottom: 6px;
}

.product--order-view .product__name {
    font-size: 22px;
    line-height: 33px;
}

.product--order-view .product__etc {
    margin-top: 6px;
    margin-left: -8px;
}

.product--order-view .product__etc__item {
    margin-left: 8px;
}

.product--order-view .product__etc__item+.product__etc__item {
    margin-left: 17px;
}

.product--order-view .product__etc__item+.product__etc__item:before {
    height: 12px;
    left: -9px;
}

.product--order-view .product__etc__item {
    font-size: 16px;
    line-height: 24px;
}

.product--order-view .product__price {
    margin-top: 23px;
    font-size: 16px;
    line-height: 24px;
    padding-top: 8px;
    padding-bottom: 2px;
}

.product--order-view .product__price-num {
    font-size: 28px;
    line-height: 34px;
    margin-top: -8px;
    margin-bottom: -2px;
}

/* product--product-detail */
.product--product-detail .product__info {
    position: relative;
    padding: 0;
}

.product--product-detail .product__rating {
    font-size: 16px;
    line-height: 24px;
    padding-left: 30px;
    background-size: 24px 24px;
}

.product--product-detail .product__name {
    font-size: 22px;
    line-height: 33px;
}

.product--product-detail .product__etc {
    margin-top: 6px;
    margin-left: -8px;
}

.product--product-detail .product__etc__item {
    font-size: 16px;
    line-height: 24px;
    margin-left: 8px;
}

.product--product-detail .product__etc__item+.product__etc__item {
    margin-left: 17px;
}

.product--product-detail .product__etc__item+.product__etc__item:before {
    height: 12px;
    left: -9px;
}

.product--product-detail .product__price {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
    padding-top: 8px;
    padding-bottom: 2px;
}

.product--product-detail .product__price-num {
    font-size: 28px;
    line-height: 34px;
    margin-top: -8px;
    margin-bottom: -2px;
}

.product--product-detail .viewer {
    margin-top: 20px;
}

.product--product-detail .product__info .share-dropdown {
    position: absolute !important;
    top: 0;
    right: 0;
}

.product--product-detail .share-dropdown__layer.js-ui-dropdown__layer {
    left: auto !important;
    right: -30px;
}

/* viewer */
.viewer:before {
    content: '';
    display: table;
}

.viewer__inner {
    margin: -10px 0 0 -14px;
    font-size: 0;
    line-height: 0;
}

.viewer__item {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0 0 14px;
    padding: 2px 0 2px 28px;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
    background: no-repeat 0 50%;
}

.viewer__item--count {
    background-image: url('../icon/icon-viewer-count.svg');
}

.viewer__item--time {
    background-image: url('../icon/icon-viewer-time.svg');
}

/* share-dropdown */
.share-dropdown__opener {
    display: block;
    width: 30px;
    height: 30px;
    background: url('../icon/icon-share.svg') no-repeat 50% 50%;
}

.share-dropdown__opener .close-text {
    display: none;
}

.share-dropdown.js-dropdown-opened .share-dropdown__opener .open-text {
    display: none;
}

.share-dropdown.js-dropdown-opened .share-dropdown__opener .close-text {
    display: inline;
}

.share-dropdown__layer {
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
}

.share-dropdown__contents {
    display: inline-block;
    vertical-align: top;
    padding: 24px 29px;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: 1px solid #0f0f0f;
    background-color: #fff;
}

.share-dropdown__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.share-dropdown__item {
    display: inline-block;
    vertical-align: top;
}

.share-dropdown__item+.share-dropdown__item {
    margin-left: 24px;
}

.share-dropdown__link {
    display: block;
    width: 40px;
    height: 40px;
    background: no-repeat 50% 50%;
}

.share-dropdown__item--facebook .share-dropdown__link {
    background-image: url('../icon/share-facebook.svg');
}

.share-dropdown__item--kakaotalk .share-dropdown__link {
    background-image: url('../icon/share-kakaotalk.svg');
}

.share-dropdown__item--url .share-dropdown__link {
    background-image: url('../icon/share-url.svg');
}

.share-dropdown__closer {
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 28px;
    margin: 6px 0 6px 24px;
    background: url('../icon/icon-close-03.svg') no-repeat 50% 50%;
}

.share-dropdown__layer.js-ui-dropdown__layer .share-dropdown__contents {
    margin-top: -60px;
}

.share-dropdown.js-dropdown-top .share-dropdown__layer.js-ui-dropdown__layer .share-dropdown__contents {
    margin-top: 0;
    margin-bottom: -60px;
}

/* pagenation */
.pagenation {
    margin-top: 100px;
}

.pagenation__inner {
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.pagenation__link {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 10px;
    border-radius: 3px;
    min-width: 30px;
    min-height: 30px;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
    background: no-repeat 50% 50%;
}

.pagenation__link.is-active {
    color: #fff;
    background-color: #2bd3c6;
}

.pagenation__link:hover {
    color: #fff;
    background-color: #1cbfb3;
}

.pagenation__link--arrow:hover {
    background-color: transparent;
}

.pagenation__link+.pagenation__link {
    margin-left: 5px;
}

.pagenation__link--prev+.pagenation__link,
.pagenation__link+.pagenation__link--next {
    margin-left: 10px;
}

.pagenation__link--prev {
    background-image: url('../icon/pagenation-prev.svg');
}

.pagenation__link--next {
    background-image: url('../icon/pagenation-next.svg');
}

/* fraction-indicator */
.fraction-indicator {
    margin-top: 30px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.fraction-indicator__prev,
.fraction-indicator__next,
.fraction-indicator__number {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
}

.fraction-indicator__prev,
.fraction-indicator__next {
    width: 30px;
    height: 30px;
    background: no-repeat 50% 50%;
}

.fraction-indicator__prev {
    background-image: url('../icon/icon-arrow-prev.svg');
}

.fraction-indicator__next {
    background-image: url('../icon/icon-arrow-next.svg');
}

.fraction-indicator__number {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #6a7373;
    margin: 0 6px;
}

/* sns-login */
.sns-login:before {
    content: '';
    display: table;
}

.sns-login__list {
    list-style: none;
    margin: -20px 0 0 -20px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.sns-login__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    padding: 20px 0 0 20px;
}

.sns-login__link {
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    background: no-repeat 50% 50% #2bd3c6;
}

.sns-login__item--kakao .sns-login__link {
    background-image: url('../icon/sns-login-kakao.svg');
    background-color: #fae100;
}

.sns-login__item--facebook .sns-login__link {
    background-image: url('../icon/sns-login-facebook.svg');
    background-color: #3d5a96;
}

.sns-login__item--naver .sns-login__link {
    background-image: url('../icon/sns-login-naver.svg');
    background-color: #00c63b;
}

.sns-login__item--google .sns-login__link {
    background-image: url('../icon/sns-login-google.svg');
    background-color: #da483f;
}

.sns-login__item--apple .sns-login__link {
    background-image: url('../icon/sns-login-apple.svg');
    background-color: #000;
}

/* or */
.or {
    position: relative;
    font-size: 15px;
    line-height: 22px;
    color: #6a7373;
    text-align: center;
    margin: 40px 0;
}

.or:before,
.or:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #dfdfdf;
}

.or:before {
    right: 50%;
    margin-right: 34px;
}

.or:after {
    left: 50%;
    margin-left: 34px;
}

/* login-form */
.login-form {
    width: 360px;
    margin: 0 auto;
}

.login-form__input+.login-form__input {
    margin-top: 8px;
}

.login-form__submit {
    margin-top: 40px;
}

/* etc-links */
.etc-links__list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.etc-links__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
}

.etc-links__item+.etc-links__item {
    margin-left: 17px;
}

.etc-links__item+.etc-links__item:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -9px;
    height: 11px;
    margin-top: -5px;
    border-left: 1px solid #dfdfdf;
}

.etc-links__link {
    display: block;
    color: #707070;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
}

/* contents--login */
.contents--login .or {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.contents--login .sns-login {
    margin: 50px 0;
}

.contents--login .etc-links {
    margin-top: 30px;
}

/* find-account-box */
.find-account-box {
    border: 1px solid #dfdfdf;
}

.find-account-box__row {
    margin: 0;
    padding: 58px 0 59px;
    text-align: center;
}

.find-account-box__key {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}

.find-account-box__val {
    margin: 0;
    font-size: 22px;
    line-height: 27px;
}

/* form-guide-text */
.form-guide-text {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
    padding: 0 10px;
}

/* form-list */
.form-list {
    border-top: 1px solid #0f0f0f;
    padding-top: 30px;
}

.form-list__row__content-center .form-list__key {
    position: relative;
    top: 12px;
}

.form-list__row {
    margin: 0;
    padding: 0 0 0 160px;
}

.form-list__row:after {
    content: '';
    display: table;
    clear: both;
}

.form-list__row+.form-list__row {
    margin-top: 20px;
}

.form-list__key {
    margin: 0 0 0 -160px;
    width: 160px;
    box-sizing: border-box;
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
    padding: 12px 10px 12px 0;
}

.form-list__val {
    margin: 0;
}

.form-list__text {
    font-size: 16px;
    line-height: 24px;
    padding: 12px 0;
}

/* form-list__row--text-only */
.form-list__row--text-only .form-list__key,
.form-list__row--text-only .form-list__text {
    padding-top: 0;
    padding-bottom: 0;
}

.form-list__row--text-only .form-list__text .ui-medium-button {
    margin-top: -6px;
    margin-bottom: -6px;
}

/* form-list__row--marketing */
.form-list__row--marketing .ui-switch-block {
    padding-top: 2px;
    padding-bottom: 2px;
}

/* form-list__row--dot */
.form-list__row--dot .form-list__key {
    position: relative;
    padding-left: 11px;
}

.form-list__row--dot .form-list__key:before {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #6a7373;
}

/* require-mark */
.require-mark {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #ee7674;
}

/* question-button */
.question-button {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    margin-top: 3px;
    background: url('../icon/icon-question.svg') no-repeat 50% 50%;
}

/* ui-require-check */
.ui-require-check__message {
    display: none;
    margin: 8px 0 0;
    padding: 0 10px;
    font-size: 14px;
    line-height: 20px;
    color: #ee7674;
}

.ui-require-check.is-error .ui-require-check__message {
    display: block;
}

.ui-require-check.is-error .ui-input,
.ui-require-check.is-error .ui-select {
    border-color: #ee7674;
}

/* contents--order-ing */
.contents--order-ing {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contents--order-ing .page-header {
    margin-bottom: 0;
    width: 100%;
}

/* form-section */
.form-section+.form-section {
    margin-top: 50px;
}

.form-section__head {
    padding-bottom: 12px;
    border-bottom: 1px solid #0f0f0f;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form-section__head__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.form-section__head .ui-medium-button {
    width: auto;
    margin: -5px 0 -4px;
}

.form-section__head .ui-medium-button+.ui-medium-button {
    margin-left: 8px;
}

.form-section__title {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin: 0;
}

.form-section__head+.form-list,
.form-section__head+.ui-accordion,
.form-section__head+.order-price,
.form-section__head+.number-list {
    margin-top: -31px;
}

.form-section__contents-text {
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
}

/* form-section--no-line */
.form-section--no-line .form-section__head {
    border-bottom-width: 0;
    margin-bottom: 0;
}

/* form-section--popup */
.form-section--popup+.form-section--popup {
    margin-top: 40px;
}

.form-section--popup .form-section__title {
    font-size: 16px;
    line-height: 24px;
}

.form-section--popup .form-section__head .ui-medium-button {
    margin-top: -3px;
    margin-bottom: -3px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
    line-height: 18px;
}

/* form-section--popup-no-line */
.form-section--popup-no-line+.form-section--popup-no-line {
    margin-top: 30px;
}

.form-section--popup-no-line .form-section__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.form-section--popup-no-line .form-section__head {
    margin-bottom: 20px;
    border-bottom-width: 0;
    padding-bottom: 0;
}

/* guide-box */
.guide-box {
    padding: 20px;
    background: #f4f4f4;
}

/* order-price */
.order-price {
    font-size: 0;
    line-height: 0;
}

.order-price__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    position: relative;
    width: 33.333333%;
    margin: 0;
    box-sizing: border-box;
    padding: 32px 0 33px;
    text-align: center;
}

.order-price__key {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
}

.order-price__val {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    padding: 4px 0 1px;
}

.order-price__val__num {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    margin: -4px 0 -1px;
}

.order-price__item--discount:before,
.order-price__item--result:before {
    content: '-';
    display: block;
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -15px;
    width: 20px;
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    text-align: center;
}

.order-price__item--result:before {
    content: '=';
}

.order-price__item--result .order-price__val {
    color: #0ac3bc;
    font-weight: 500;
}

.order-price__item--result .order-price__val__num {
    font-weight: 600;
}

/* agree-row */
.agree-row {
    padding: 0 50px 0 10px;
    position: relative;
}

.agree-row+.agree-row {
    margin-top: 30px;
}

.agree-row1 {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    background: url('../icon/arrow-01.svg') no-repeat 50% 50%;

}

.agree-row .terms-contents {
    margin-top: 10px;
    margin-right: -40px;
}

/* order-bar */
.order-bar {
    margin: 0 -60px;
}

.order-bar__inner {
    position: fixed;
    z-index: 1000;
    left: 300px;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 60px;
    background: #e6e6e6;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.order-bar__inner:after,
.order-bar__right:after {
    content: '';
    display: table;
    clear: both;
}

.order-bar__left {
    float: left;
    width: 50%;
}

.order-bar__right {
    float: right;
}

.order-bar__name {
    margin: 0;
    font-size: 22px;
    line-height: 33px;
    padding: 14px 0 13px;
}

.order-bar__price {
    float: left;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding: 8px 0 2px;
    margin: 13px 30px 13px 0;
}

.order-bar__price-num {
    display: inline-block;
    vertical-align: top;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    margin: -8px 0 -2px;
}

.order-bar__submit {
    float: left;
    width: 300px;
}

/* contents--order-write */
.contents--order-write .product--order-view {
    margin-bottom: 50px;
}

.contents--order-write .form-section__head+.ui-buttons {
    margin-top: 0;
}

.contents--order-write .guide-box {
    margin-top: 30px;
}

/* product-detail-photo */
.product-detail-photo__big-list,
.product-detail-photo__small-list {
    display: none;
}

.product-detail-photo__big-list.swiper-wrapper,
.product-detail-photo__small-list.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-detail-photo__img {
    padding-top: 100%;
    position: relative;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.product-detail-photo__img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.product-detail-photo__img:empty,
.product-detail-photo__img.is-error {
    background-image: url('../images/common/no-image-large.svg') !important;
    background-color: #f4f4f4;
    background-size: auto;
    box-shadow: 0 0 0 1px #e9e9e9 inset;
}

.product-detail-photo__img.is-error img {
    display: none;
}

.product-detail-photo__big .swiper-scrollbar {
    display: none;
    margin: 10px 20px 0;
    height: 2px;
    border-radius: 0;
    background: #f4f4f4;
}

.product-detail-photo__big .swiper-scrollbar-drag {
    border-radius: 0;
    background: #2bd3c6;
}

.product-detail-photo__small {
    position: relative;
    margin-top: 20px;
    padding: 0 46px;
}

.product-detail-photo__small .product-detail-photo__img:empty,
.product-detail-photo__small .product-detail-photo__img.is-error {
    background-size: 40px 40px;
}

.product-detail-photo__small .swiper-button-next,
.product-detail-photo__small .swiper-button-prev {
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    overflow: hidden;
    background: no-repeat 50% 50%;
}

.product-detail-photo__small .swiper-button-next:after,
.product-detail-photo__small .swiper-button-prev:after {
    display: none;
}

.product-detail-photo__small .swiper-button-next {
    right: 0;
    background-image: url('../icon/icon-arrow-next.svg');
}

.product-detail-photo__small .swiper-button-prev {
    left: 0;
    background-image: url('../icon/icon-arrow-prev.svg');
}

.product-detail-photo__small .swiper-button-next-text,
.product-detail-photo__small .swiper-button-prev-text {
    opacity: 0;
}

.product-detail-photo__small-item.swiper-slide-thumb-active .product-detail-photo__img:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #0f0f0f;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

/* product-detail */
.product-detail {
    padding-left: 600px;
}

.product-detail:after {
    content: '';
    display: table;
    clear: both;
}

.product-detail__left {
    float: left;
    width: 540px;
    margin-left: -600px;
}

.product-detail__right {
    float: left;
    width: 100%;
}

.product-detail .product--product-detail {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 40px;
}

.product-detail .product--product-detail .product__info {
    padding-bottom: 40px;
}

.product-detail .product--product-detail .product-detail-promotion:last-child {
    border-bottom-width: 0;
}

.product-detail .mintit-guarantee {
    margin-top: 40px;
}

/* product-detail-section */
.product-detail-section+.product-detail-section {
    margin-top: 40px;
}

.product-detail-section__head {
    margin-bottom: 20px;
}

.product-detail-section__title {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

/* product-detail-description */
.product-detail-description {
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
}

/* product-detail-promotion */
.product-detail-promotion {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 24px 0;
}

.product-detail-promotion+.product-detail-promotion {
    border-top-width: 0;
}

.product-detail-promotion__head {
    margin-bottom: 4px;
}

.product-detail-promotion__title {
    margin: 0;
    padding-left: 22px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #6a7373;
    background: no-repeat 0 2px;
}

.product-detail-promotion__body {
    padding-left: 22px;
}

.product-detail-promotion__text {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b;
}

.product-detail-promotion__text em {
    font-style: normal;
    font-weight: 500;
}

/* product-detail-promotion--mintit-care */
.product-detail-promotion--mintit-care .product-detail-promotion__title {
    background-image: url('../icon/icon-promotion-mintit-care.svg');
}

/* reply-form */
.reply-form__box {
    border-radius: 3px;
    border: solid 1px #cfcfcf;
    background-color: #fff;
}

.reply-form__head {
    padding: 13px 15px 8px;
}

.reply-form__name {
    font-size: 16px;
    line-height: 24px;
}

.reply-form__foot {
    padding: 10px 15px;
    border-top: 1px solid #e9e9e9;
}

.reply-form__foot:after {
    content: '';
    display: table;
    clear: both;
}

.reply-form__foot__left {
    float: left;
}

.reply-form__foot__right {
    float: right;
}

.reply-form__secret {
    padding: 7px 0;
}

.reply-form__secret .ui-label__text {
    font-size: 14px;
    line-height: 20px;
}

.reply-form__count {
    text-align: right;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
    padding: 8px 15px 15px;
}

.reply-form__textarea .ui-input {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    height: 44px;
}

/* reply__list */
.reply__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.reply__item {
    border-bottom: 1px solid #e6e6e6;
}

.reply__block {
    padding: 20px 0;
}

.reply__head {
    margin-bottom: 6px;
}

.reply__head:after,
.reply__buttons:after,
.reply__bottom:after {
    content: '';
    display: table;
    clear: both;
}

.reply__name {
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
}

.reply__date {
    margin-left: 8px;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b;
    padding: 2px 0;
}

.reply__buttons {
    float: right;
}

.reply__button {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    background: no-repeat 50% 50%;
}

.reply__button--delete {
    background-image: url('../icon/icon-delete.svg');
}

.reply__contents__text {
    font-size: 16px;
    line-height: 24px;
}

.reply__contents__notice {
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae;
}

.reply__contents__notice:only-child {
    padding-top: 2px;
    padding-bottom: 2px;
}

.reply__contents__text+.reply__contents__notice {
    margin-top: 10px;
}

.reply__contents--secret {
    padding-left: 30px;
    background: url('../icon/icon-lock.svg') no-repeat 0 0;
}

.reply__bottom {
    margin-top: 16px;
}

.reply__rereply-opener {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #9b9b9b;
}

.reply__rereply {
    margin-bottom: -1px;
    padding: 0 20px 20px;
    background: #f4f4f4;
}

.reply__rereply .reply__item,
.reply__rereply .reply-form {
    position: relative;
    padding-left: 20px;
}

.reply__rereply .reply__item:before,
.reply__rereply .reply-form:before {
    content: '';
    display: block;
    position: absolute;
    top: 24px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 0 solid #cfcfcf;
    border-width: 0 0 1px 1px;
}

.reply__rereply .reply-form {
    padding-top: 20px;
}

.reply__rereply .reply-form:before {
    top: 24px;
}

/* reply-wrap */
.reply-wrap>.empty-contents .empty-contents__inner {
    padding-bottom: 100px;
}

/* contents--product-detail */
.contents--product-detail .product-detail {
    margin-bottom: 60px;
}

/* contents--join-type */
.contents--join-type .sns-login {
    margin-top: 50px;
    margin-bottom: 50px;
}

.contents--join-type .or,
.contents--join-type .ui-basic-button {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
}

/* contents--join-agree */
.contents--join-agree .ui-accordion__contents {
    padding-bottom: 0;
}

/* sort-bar */
.sort-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sort-bar__left,
.sort-bar__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sort-bar .ui-medium-button--filter {
    width: auto;
}

.sort-bar .view-type {
    margin-right: 10px;
}

/* sort */
.sort__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

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

.sort__item {
    position: relative;
    float: left;
}

.sort__item+.sort__item {
    margin-left: 17px;
}

.sort__item+.sort__item:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -9px;
    height: 13px;
    margin-top: -7px;
    border-left: 1px solid #dfdfdf;
}

.sort__link {
    display: block;
    color: #aeaeae;
    text-decoration: none;
    font-size: 15px;
    line-height: 22px;
}

.sort__item.is-active .sort__link {
    color: #0f0f0f;
    font-weight: 500;
}

/* view-type */
.view-type {
    display: none;
}

.view-type:after {
    content: '';
    display: table;
    clear: both;
}

.view-type__button {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    box-sizing: content-box;
    padding: 10px 0;
    margin: -10px 0;
    background: no-repeat 50% 50%;
}

.view-type__button+.view-type__button {
    margin-left: 6px;
}

.view-type__button--list {
    background-image: url('../icon/view-type-list.svg');
}

.view-type__button--tile {
    background-image: url('../icon/view-type-tile.svg');
}

.view-type__button--list.is-active {
    background-image: url('../icon/view-type-list-active.svg');
}

.view-type__button--tile.is-active {
    background-image: url('../icon/view-type-tile-active.svg');
}

/* tags */
.tags {
    margin: 10px 0 30px;
}

.tags:before {
    content: '';
    display: table;
}

.tags__list {
    list-style: none;
    margin: -4px 0 0 -4px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.tags__item {
    display: inline-block;
    vertical-align: top;
    padding: 4px 0 0 4px;
    font-size: 16px;
    line-height: normal;
}

.tags__block {
    position: relative;
    border-radius: 18px;
    padding: 7px 33px 7px 13px;
    border: 1px solid #e9e9e9;
    background: #fff;
}

.tags__text {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
}

.tags__delete {
    display: block;
    position: absolute;
    top: 50%;
    right: 13px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url('../icon/icon-close-04.svg') no-repeat 50% 50%;
}

/* layer-terms-contents */
.layer-terms-contents {
    word-break: keep-all;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
}

.layer-terms-contents .clause-title {
    font-size: 18px;
    line-height: 27px;
}

.layer-terms-contents .clause-section__title {
    font-size: 16px;
    line-height: 24px;
}

.layer-terms-contents .clause-section--child>.clause-section__title {
    font-size: 14px;
    line-height: 20px;
}

.layer-terms-contents .clause-list__symbol {
    min-width: 12px;
}

.layer-terms-contents .clause-list.clause-list--hyphen>.clause-list__item>.clause-list__symbol {
    min-width: 0;
}

/* my-point */
.my-point {
    margin: 0;
    padding: 0;
    text-align: right;
}

.my-point__key {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 27px;
    color: #707070;
}

.my-point__val {
    margin: 0;
}

/* point */
.point {
    display: block;
    font-size: 45px;
    line-height: 55px;
    font-weight: 600;
    color: #0ac3bc;
}

.point:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    margin: 19px 0 10px 8px;
    background: url('../icon/icon-point-fill.svg') no-repeat 50% 50%;
    background-size: 100% 100%;
}

.point--plus {
    color: inherit;
}

.point--minus {
    color: #ee7674;
}

/* point--total */
.point--total {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #aeaeae;
}

.point--total:after {
    width: 14px;
    height: 14px;
    margin: 3px 0 3px 3px;
    background-image: url('../icon/icon-point-gray-fill.svg');
}

/* point--contents */
.point--contents {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.point--contents:after {
    width: 16px;
    height: 16px;
    margin: 4px 0 4px 4px;
}

/* my-point--my-page-main */
.my-point--my-page-main:after {
    content: '';
    display: table;
    clear: both;
}

.my-point--my-page-main .my-point__key {
    float: left;
    margin: 0 20px 0 0;
    padding: 8px 0;
    font-size: 16px;
    line-height: 24px;
    color: inherit;
}

.my-point--my-page-main .my-point__val {
    float: left;
}

.my-point--my-page-main .point {
    font-size: 33px;
    line-height: 40px;
}

.my-point--my-page-main .point:after {
    width: 18px;
    height: 18px;
    margin: 19px 0 3px 6px;
}

/* my-card */
.my-card {
    border: 1px solid #dfdfdf;
    padding: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.my-card__title {
    margin: 0;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
}

.my-card__title strong {
    font-weight: 500;
}

.my-card__text {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 22px;
    color: #707070;
}

/* my-point-card */
.my-point-card {
    border: 1px solid #dfdfdf;
    padding: 39px 29px;
    background: url('../images/illustration/point.svg') no-repeat 39px 39px;
    background-size: 90px 90px;
}

.my-point-card--call-center {
    background-image: url('../images/illustration/call-center.svg');
}

.my-point-card--call-center .my-point__val {
    font-size: 45px;
    line-height: 55px;
    font-weight: 600;
    color: #0ac3bc;
}

/* mypage-menu */
.mypage-menu:before {
    content: '';
    display: table;
}

.mypage-menu__list {
    list-style: none;
    margin: -60px 0 0 -100px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.mypage-menu__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    margin: 60px 0 0 100px;
    text-align: left;
}

.mypage-menu__link {
    display: block;
    text-align: center;
    text-decoration: none;
    color: inherit;
}

.mypage-menu__link:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 20px;
    background: no-repeat 50% 50% #f4f4f4;
}

.mypage-menu__text {
    display: block;
    margin: 8px -20px 0;
    font-size: 15px;
    line-height: 22px;
}

.mypage-menu__item--selling .mypage-menu__link:before {
    background-image: url('../icon/mypage-selling.svg');
}

.mypage-menu__item--order .mypage-menu__link:before {
    background-image: url('../icon/mypage-order.svg');
}

.mypage-menu__item--profile .mypage-menu__link:before {
    background-image: url('../icon/mypage-profile.svg');
}

.mypage-menu__item--point .mypage-menu__link:before {
    background-image: url('../icon/mypage-point.svg');
}
.mypage-menu__item--lotto .mypage-menu__link:before {
    background-image: url('../icon/mypage-lotto2.svg');
    background-size: 50%;
}
.mypage-menu__item--inquiry .mypage-menu__link:before {
    background-image: url('../icon/mypage-inquiry.svg');
}

.mypage-menu__item--mintit-care .mypage-menu__link:before {
    background-image: url('../icon/mypage-mintit-care.svg');
}

.mypage-menu__item--market-selling-register .mypage-menu__link:before {
    background-image: url('../icon/mypage-market-selling-register.svg');
}

.mypage-menu__item--market-selling .mypage-menu__link:before {
    background-image: url('../icon/mypage-market-selling.svg');
}

.mypage-menu--seller {
    margin-left: 100px;
    margin-right: 100px;
}

/* contents--mypage-main */
.contents--mypage-main .mypage-menu {
    margin-top: 60px;
}

/* type-select */
.type-select:before {
    content: '';
    display: table;
}

.type-select__list {
    list-style: none;
    margin: -10px 0 0 -10px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.type-select__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    padding: 10px 0 0 10px;
    width: 50%;
    box-sizing: border-box;
}

.type-select__link {
    display: block;
    text-align: center;
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    line-height: 24px;
    padding: 50px 0;
    border: 1px solid #dfdfdf;
}

.type-select__link:before {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto 8px;
    background: no-repeat 50% 50%;
}

.type-select__item--market-selling-register-single .type-select__link:before {
    background-image: url('../icon/add-single.svg');
}

.type-select__item--market-selling-register-multiple .type-select__link:before {
    background-image: url('../icon/add-multiple.svg');
}

/* image-upload */
.image-upload:before {
    content: '';
    display: table;
}

.image-upload__list {
    list-style: none;
    margin: -12px 0 0 -12px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.image-upload__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    padding: 12px 0 0 12px;
    width: 16.666666%;
    box-sizing: border-box;
}

.image-upload__block {
    position: relative;
}

.image-upload__input-block {
    position: relative;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    background: #fff;
}

.image-upload__input-block:before {
    content: '';
    display: block;
    padding-top: 100%;
    background: url('../icon/icon-cam.svg') no-repeat 50% 50%;
}

.image-upload__input {
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.image-upload__thumb {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
}

.image-upload__thumb__image {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.image-upload__thumb__image img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.image-upload__input-block:after,
.image-upload__delete {
    display: block;
    position: absolute;
    z-index: 5;
    right: -1px;
    bottom: -1px;
    border-radius: 0 0 3px 0;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    background: no-repeat 50% 50% rgba(15, 15, 15, 0.8);
}

.image-upload__input-block:after {
    content: '';
    background-image: url('../icon/upload-add.svg');
}

.image-upload__delete {
    background-image: url('../icon/upload-delete.svg');
}

/* image-upload--trisection */
.image-upload--trisection .image-upload__list {
    margin: -5px 0 0 -5px;
}

.image-upload--trisection .image-upload__item {
    padding: 5px 0 0 5px;
    width: 33.333333%;
}

/* images */
.images:before {
    content: '';
    display: table;
}

.images__list {
    list-style: none;
    margin: -12px 0 0 -12px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.images__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    padding: 12px 0 0 12px;
    width: 16.666666%;
    box-sizing: border-box;
}

.images__thumb {
    position: relative;
    padding-top: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.images__thumb img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

/* excel-upload */
.excel-upload {
    position: relative;
}

.excel-upload__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.excel-upload__label {
    display: block;
    padding: 83px 19px 89px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    background: #fff;
}

.excel-upload__label:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url('../images/illustration/excel-gray.svg') no-repeat 50% 50%;
}

.excel-upload__text {
    display: block;
    font-size: 16px;
    line-height: 23px;
    color: #aeaeae;
}

.excel-upload__file-name {
    display: none;
    font-size: 16px;
    line-height: 23px;
    word-break: break-all;
}

.excel-upload__modify-text {
    display: none;
    font-size: 18px;
    line-height: 27px;
    color: #6a7373;
    text-decoration: underline;
    margin: 6px 0 -10px;
}

.excel-upload__input.is-inputed+.excel-upload__label:before {
    background-image: url('../images/illustration/excel.svg');
}

.excel-upload__input.is-inputed+.excel-upload__label .excel-upload__text {
    display: none;
}

.excel-upload__input.is-inputed+.excel-upload__label .excel-upload__file-name,
.excel-upload__input.is-inputed+.excel-upload__label .excel-upload__modify-text {
    display: block;
}

/* excel-upload-bottom */
.excel-upload-bottom {
    margin-top: 8px;
}

.excel-upload-bottom:after {
    content: '';
    display: table;
    clear: both;
}

.excel-upload-bottom__left {
    float: left;
}

.excel-upload-bottom__right {
    float: right;
}

.excel-upload-bottom .form-guide-text {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* data-table */
.data-table>table {
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
}

.data-table>table>thead>tr>th {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 8px 14px;
    background: #6a7373;
    border-bottom: 1px solid #f4f4f4;
}

.data-table>table>tbody>tr>td {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 14px;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
}

.data-table>table>thead>tr>th+th,
.data-table>table>tbody>tr>td+td {
    border-left: 1px solid #f4f4f4;
}

.data-table .image-upload__list,
.data-table .images__list {
    margin: -8px 0 0 -8px;
}

.data-table .image-upload__item,
.data-table .images__item {
    padding: 8px 0 0 8px;
}

.data-table .image-upload__input-block:before {
    background-size: 40px 40px;
}

/* table-scroller */
.table-scroller>.ui-scroller {
    width: 100%;
    height: auto;
    max-height: 582px;
}

/* contents--mypage-market-selling-list */
.contents--mypage-market-selling-list .sort-bar {
    margin-top: 40px;
    margin-bottom: 10px;
}

/* orders */
.orders {
    border-top: 1px solid #0f0f0f;
}

.orders__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.orders__item {
    border-bottom: 1px solid #e9e9e9;
}

/* order-card */
.order-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order-card__cell {
    padding: 20px;
    box-sizing: border-box;
}

.order-card__cell--middle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.order-card__thumb {
    width: 100px;
    height: 100px;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.order-card__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.order-card__thumb:empty,
.order-card__thumb.is-error {
    background-image: url('../images/common/no-image-small.svg') !important;
    background-color: #f4f4f4;
    background-size: auto;
    box-shadow: 0 0 0 1px #e9e9e9 inset;
}

.order-card__thumb.is-error img {
    display: none;
}

.order-card__cell--first {
    width: 200px;
    text-align: center;
}

.order-card__cell--status {
    width: 140px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.order-card__date {
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae;
}

.order-card__number {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
    text-decoration: none;
}

.order-card__number:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin: 2px 0 2px 8px;
    width: 16px;
    height: 16px;
    background: url('../icon/arrow-01.svg') no-repeat 50% 50%;
    background-size: 100% 100%;
}

.order-card__name {
    font-size: 16px;
    line-height: 24px;
}

.order-card__etc {
    margin-top: 8px;
}

.order-card__etc:after {
    content: '';
    display: table;
    clear: both;
}

.order-card__etc__item {
    float: left;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
}

.order-card__etc__item+.order-card__etc__item {
    margin-left: 13px;
}

.order-card__etc__item+.order-card__etc__item:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -7px;
    height: 11px;
    margin-top: -6px;
    border-left: 1px solid #dfdfdf;
}

.order-card__price {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 6px 0 1px;
}

.order-card__price-num {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    line-height: 27px;
    font-weight: 600;
    margin: -6px 0 -1px;
}

.order-card__status {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #0ac3bc;
}

.order-card__status--error {
    color: #ee7674;
}

.order-card__label {
    margin-bottom: 6px;
    font-size: 0;
    line-height: 0;
}

.order-card__label-text {
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    padding: 3px 8px 2px;
    background: #0f0f0f;
}

.order-card__rating {
    padding-left: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #707070;
    background: no-repeat 0 0;
    background-size: 18px 18px;
}

.order-card__rating--s {
    background-image: url('../icon/rating-s.svg');
}

.order-card__rating--a {
    background-image: url('../icon/rating-a.svg');
}

.order-card__rating--b {
    background-image: url('../icon/rating-b.svg');
}

.order-card__rating--c {
    background-image: url('../icon/rating-c.svg');
}

.order-card__rating--d {
    background-image: url('../icon/rating-d.svg');
}

.order-card__price-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
}

.order-card__price-area .order-card__rating {
    margin-right: 10px;
}

.order-card__price-area .order-card__price {
    margin-top: 0;
}

.order-card__place {
    margin-top: 6px;
    padding-left: 17px;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
    background: url('../icon/marker.svg') no-repeat 0 2px;
}

/* order-card--detail-page */
.order-card--detail-page .order-card__cell {
    padding: 0;
}

.order-card--detail-page .order-card__cell+.order-card__cell {
    margin-left: 20px;
}

.order-card--detail-page .order-card__thumb {
    width: 80px;
    height: 80px;
}

/* contents--mypage-market-selling-detail */
.contents--mypage-market-selling-detail .images {
    margin-bottom: 20px;
}

/* order-head */
.order-head {
    border: 1px solid #dfdfdf;
    padding: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.order-head__left,
.order-head__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order-head__date {
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae;
}

.order-head__number {
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
}

.order-head .ui-medium-button {
    width: auto;
    margin: -9px 0;
}

.order-head .ui-medium-button+.ui-medium-button {
    margin-left: 8px;
}

.order-head__number+.ui-medium-button {
    margin-left: 20px;
}

.order-head__big-text {
    font-size: 30px;
    line-height: 45px;
    font-weight: 500;
    color: #0ac3bc;
}

.order-head__middle-text {
    font-size: 20px;
    line-height: 29px;
}

/* order-head--select */
.order-head--select {
    padding: 39px;
}

.order-head--select .order-head__middle-text {
    margin-top: 10px;
}

.order-head--select .order-head__left,
.order-head--select .order-head__right {
    display: block;
}

/* order-head--mypage-leave */
.order-head--mypage-leave {
    position: relative;
    padding: 49px;
}

.order-head--mypage-leave:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    right: 49px;
    margin-top: -40px;
    background: url('../images/illustration/error.svg') no-repeat 50% 50%;
}

.order-head--mypage-leave .order-head__middle-text {
    margin-top: 10px;
}

.order-head--mypage-leave .order-head__left {
    display: block;
}

/* steps */
.steps {
    position: relative;
    z-index: 0;
    margin: 95px 0 55px;
}

.steps__bar {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 14px;
    margin: 0 16px;
    padding-right: 28px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #e9e9e9;
}

.steps__bar-active {
    height: 100%;
    border-radius: 7px;
    padding-right: 28px;
    box-sizing: content-box;
    background: -moz-linear-gradient(0deg, #2bd3c6 0%, #00b2ab 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2bd3c6), color-stop(100%, #00b2ab));
    background: -webkit-linear-gradient(0deg, #2bd3c6 0%, #00b2ab 100%);
    background: -o-linear-gradient(0deg, #2bd3c6 0%, #00b2ab 100%);
    background: -ms-linear-gradient(0deg, #2bd3c6 0%, #00b2ab 100%);
    background: linear-gradient(90deg, #2bd3c6 0%, #00b2ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2bd3c6', endColorstr='#00b2ab', GradientType=1);
}

.steps__list {
    list-style: none;
    margin: 0 16px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.steps__item {
    width: 28px;
    padding-top: 3px;
}

.steps__item:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 auto 13px;
    border-radius: 100%;
    background: #fff;
}

.steps__item:after {
    content: '';
    display: none;
    position: absolute;
    z-index: -2;
    top: -60px;
    width: 60px;
    height: 60px;
    margin-left: -16px;
    background: url('../images/illustration/steps-default.svg') no-repeat 50% 50%;
}

.steps__item.is-active:after {
    display: block;
}

.steps__item--receive:after {
    background-image: url('../images/illustration/steps-01.svg');
}

.steps__item--in-center:after {
    background-image: url('../images/illustration/steps-02.svg');
}

.steps__item--inspection-complete:after {
    background-image: url('../images/illustration/steps-03.svg');
}

.steps__item--selling-complete:after,
.steps__item--deal-complete:after,
.steps__item--shipping:after {
    background-image: url('../images/illustration/steps-04.svg');
}

.steps__item--donation-complete:after {
    background-image: url('../images/illustration/steps-05.svg');
}

.steps__item--cancel:after {
    background-image: url('../images/illustration/steps-06.svg');
}

.steps__item--payment-complete:after {
    background-image: url('../images/illustration/steps-07.svg');
}

.steps__item--order-complete:after {
    background-image: url('../images/illustration/steps-08.svg');
}

.steps__item--inspection-ing:after {
    background-image: url('../images/illustration/steps-09.svg');
}

.steps__text {
    display: block;
    margin: 0 -20px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
}

.steps__item.is-active .steps__text {
    font-weight: 500;
    color: #0ac3bc;
}

.steps__item.is-active~.steps__item:before {
    background-color: #cfcfcf;
}

/* steps--error */
.steps--error .steps__bar-active {
    background: -moz-linear-gradient(0deg, #e2a3a2 0%, #e45a58 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e2a3a2), color-stop(100%, #e45a58));
    background: -webkit-linear-gradient(0deg, #e2a3a2 0%, #e45a58 100%);
    background: -o-linear-gradient(0deg, #e2a3a2 0%, #e45a58 100%);
    background: -ms-linear-gradient(0deg, #e2a3a2 0%, #e45a58 100%);
    background: linear-gradient(90deg, #e2a3a2 0%, #e45a58 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2a3a2', endColorstr='#e45a58', GradientType=1);
}

.steps--error .steps__item.is-active .steps__text {
    color: #ee7674;
}

/* layer-form-list */
.layer-form-list {
    border-top: 1px solid #dfdfdf;
    padding-top: 30px;
}

.layer-form-list__row {
    margin: 0;
    padding: 0;
}

.layer-form-list__row+.layer-form-list__row {
    margin-top: 30px;
}

.layer-form-list__key {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
}

.layer-form-list__val {
    margin: 0;
}

/* layer-info-list */
.layer-info-list {
    border: 1px solid #dfdfdf;
    padding: 19px;
}

.layer-info-list__row {
    margin: 0;
    padding: 0 0 0 90px;
}

.layer-info-list__row:after {
    content: '';
    display: table;
    clear: both;
}

.layer-info-list__row+.layer-info-list__row {
    margin-top: 10px;
}

.layer-info-list__key {
    float: left;
    margin: 0 0 0 -90px;
    box-sizing: border-box;
    width: 90px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
}

.layer-info-list__val {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

/* guide-object */
.guide-object {
    margin-bottom: 30px;
    height: 340px;
    background: no-repeat 50% 50%;
}

.guide-object--notice-talk {
    background-image: url('../images/illustration/notice-talk.svg');
}

.guide-object--app-code {
    background-image: url('../images/illustration/app-code.svg');
}

.guide-object--home-donation {
    height: 320px;
    background-image: url('../images/illustration/home-donation.svg');
}

.guide-object--serial-number {
    background-image: url('../images/illustration/serial-number.svg');
}

.guide-object--imei {
    background-image: url('../images/illustration/imei.svg');
}

/* guide-img */
.guide-img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* contents--order-find-detail */
.contents--order-find-detail .steps {
    margin-top: 95px;
    margin-bottom: 50px;
}

/* info-card */
.info-card {
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.info-card__cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 29px;
    box-sizing: border-box;
}

.info-card__cell+.info-card__cell {
    border-left: 1px dashed #dfdfdf;
}

/* info-card--popup */
.info-card--popup {
    border-radius: 2px;
}

/* info-list */
.info-list__row {
    margin: 0;
    padding: 0 0 0 95px;
}

.info-list__row:after {
    content: '';
    display: table;
    clear: both;
}

.info-list__row+.info-list__row {
    margin-top: 20px;
}

.info-list__key {
    float: left;
    margin: 0 0 0 -95px;
    width: 95px;
    padding-right: 10px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
}

.info-list__val {
    margin: 0;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
}

/* log-list */
.log-list {
    position: relative;
    padding-left: 26px;
    z-index: 0;
}

.log-list:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 12px;
    left: 6px;
    bottom: 12px;
    border-left: 1px solid #e9e9e9;
}

.log-list__row {
    position: relative;
    margin: 0;
    padding: 0 0 0 140px;
}

.log-list__row:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -26px;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    margin: -5px 0 0 1px;
    border-radius: 100%;
    border: 2px solid #cfcfcf;
    background: #fff;
}

.log-list__row+.log-list__row {
    margin-top: 18px;
}

.log-list__row:after {
    content: '';
    display: table;
    clear: both;
}

.log-list__key {
    float: left;
    margin: 0 0 0 -140px;
    padding-right: 10px;
    width: 140px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    color: #aeaeae;
}

.log-list__val {
    margin: 0;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}

.log-list__row:first-child:before {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 0;
    border: none;
    background-color: #2bd3c6;
}

.log-list__row:first-child .log-list__key,
.log-list__row:first-child .log-list__val {
    color: #2bd3c6;
}

/* account-name */
.account-name {
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    padding: 21px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #0ac3bc;
    text-align: center;
}

/* layer-pick-up-sell-account-check */
.layer-pick-up-sell-account-check .account-name {
    margin-bottom: 20px;
}

/* layer-pick-up-sell-agree */
.layer-pick-up-sell-agree .ui-checkbox-block {
    margin-top: 20px;
}

/* notice-list */
.notice-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.notice-list__item {
    padding-left: 24px;
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae;
    background: url('../icon/icon-small-notice.svg') no-repeat 0 2px;
}

.notice-list__item+.notice-list__item {
    margin-top: 8px;
}

.notice-list__item__link {
    font-size: 18px;
    margin-bottom: 12px;
}

.notice-list__item__link a {
    border-bottom: 1px solid;
    color: #111;
    text-decoration: none;

}

.notice-list__item.notice-list__item__red {
    background: url('../icon/icon-small-notice-red.svg') no-repeat 0 2px;
    color: red;
}

.notice-list__item em {
    font-style: normal;
    font-weight: 500;
}

.notice-list__sub-text {
    margin-top: 4px;
}

/* notice-list--medium */
.notice-list--medium .notice-list__item {
    padding-left: 30px;
    font-size: 16px;
    line-height: 24px;
    background-size: 22px 22px;
    background-position: 0 1px;
}

/* number-list */
.number-list {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: number-list;
    border-top: 1px solid #0f0f0f;
    padding-top: 30px;
}

.number-list+.number-list {
    border-top-width: 0;
    padding-top: 20px;
}

.number-list__item {
    position: relative;
    padding-left: 22px;
    font-size: 16px;
    line-height: 24px;
}

.number-list__item:before {
    counter-increment: number-list;
    content: counter(number-list) '.';
    position: absolute;
    top: 0;
    left: 0;
    color: #aeaeae;
    font-weight: 500;
}

.number-list__item+.number-list__item {
    margin-top: 20px;
}

.number-list__sub-text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae;
}

.number-list .guide-img {
    margin-top: 12px;
}

.number-list .guide-box {
    margin-top: 8px;
}

/* number-list--notice */
.number-list--notice {
    border-top: none;
    padding-top: 0;
}

.number-list--notice .number-list__item {
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    padding-left: 20px;
}

.number-list--notice .number-list__item+.number-list__item {
    margin-top: 10px;
}

/* number-list--way */
.number-list--way .number-list__item {
    padding-left: 54px;
}

.number-list--way .number-list__item:before {
    content: '諛⑸쾿 'counter(number-list) '.';
}

/* number-list--plus */
.number-list--plus .number-list__item:before {
    content: '+';
}

/* number-list--no-line */
.number-list--no-line {
    border-top: none;
    padding-top: 0;
}

/* dashed-list */
.dashed-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dashed-list__item {
    position: relative;
    padding-left: 13px;
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae;
}

.dashed-list__item:before {
    content: '-';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.dashed-list__item+.dashed-list__item {
    margin-top: 6px;
}

/* dashed-list--medium */
.dashed-list--medium .dashed-list__item {
    font-size: 16px;
    line-height: 24px;
}

/* icon-gt */
.icon-gt {
    display: inline-block;
    vertical-align: top;
    width: 6px;
    height: 24px;
    position: relative;
}

.icon-gt:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -6px;
    width: 6px;
    height: 6px;
    border: 0 solid #9e9e9e;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* round-text */
.round-text {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 2px 10px;
    border-radius: 12px;
    border: 1px solid #0074d4;
    background: #0074d4;
}

.round-text--gray {
    color: inherit;
    border-color: #e4e4e4;
    background-color: #e4e4e4;
}

/* square-text */
.square-text {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 10px;
    border: 1px solid #dadadd;
    background: #fff;
}

.square-text--red {
    color: #ff3b30;
}

.square-text--blue {
    color: #0061ff;
}

.square-text--fill-gray {
    background-color: #f9f9f9;
}

/* layer-pick-up-sell-reset-guide */
.layer-pick-up-sell-reset-guide .notice-list {
    margin-top: 40px;
}

/* donation-guide */
.donation-guide {
    text-align: center;
    margin: 0 -30px 30px;
    padding-bottom: 40px;
    background: #f4f4f4;
}

.donation-guide__top-img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

.donation-guide__logo {
    font-size: 0;
    line-height: 0;
}

.donation-guide__logo__img {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    width: auto;
    height: 15px;
}

.donation-guide__logo__and {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    margin: -2px 8px -1px;
}

.donation-guide__top-text {
    margin: 17px 0 30px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.donation-guide__count {
    margin: 0 30px;
}

.donation-guide__count__inner {
    position: relative;
    padding-top: 100%;
    border-radius: 100%;
    background: #fff;
}

.donation-guide__count__text {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    padding-top: 164px;
    background: url('../images/illustration/social-value-donation.svg') no-repeat 50% 0;
    background-size: 100px 100px;
}

.donation-guide__count__text-block {
    display: block;
    font-size: 18px;
    line-height: 27px;
}

.donation-guide__count__date {
    margin-top: 2px;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
}

.donation-guide__count__num {
    display: block;
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    font-size: 21px;
    line-height: 35px;
    font-weight: 500;
    padding: 9px 0 0;
}

.donation-guide__count__num em {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    color: #0ac3bc;
    font-size: 36px;
    line-height: 44px;
    margin: -9px 0 0;
}

.donation-guide__middle-text {
    margin: 30px 0 20px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    color: #0ac3bc;
}

.donation-guide__bottom-text {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}

/* select-links */
.select-links:before {
    content: '';
    display: table;
}

.select-links__list {
    list-style: none;
    margin: -20px 0 0 -20px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.select-links__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    padding: 20px 0 0 20px;
    box-sizing: border-box;
    width: 33.333333%;
}

.select-links__link {
    display: block;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    padding: 83px 29px 29px;
    color: inherit;
    text-decoration: none;
    background: no-repeat 19px 19px;
}

.select-links__link:hover {
    border-color: #0ac3bc;
    color: #0ac3bc;
}

.select-links__link:hover .select-links__text {
    color: #0ac3bc;
}

.select-links__item--account .select-links__link {
    background-image: url('../icon/icon-account.svg');
}

.select-links__item--point .select-links__link {
    background-image: url('../icon/icon-points.svg');
}

.select-links__item--donation .select-links__link {
    background-image: url('../icon/icon-donation.svg');
}

.select-links__item--insurance-check .select-links__link {
    background-image: url('../icon/icon-insurance-check.svg');
}

.select-links__item--insurance-claim .select-links__link {
    background-image: url('../icon/icon-insurance-claim.svg');
}

.select-links__item--insurance-display .select-links__link {
    background-image: url('../icon/icon-insurance-display.svg');
}

.select-links__item--insurance-damaged .select-links__link {
    background-image: url('../icon/icon-insurance-damaged.svg');
}

.select-links__item--callcenter .select-links__link {
    background-image: url('../icon/icon-callcenter.svg');
}

.select-links__item--chat-bot .select-links__link {
    background-image: url('../icon/icon-chat-bot.svg');
}

.select-links__item--faq .select-links__link {
    background-image: url('../icon/icon-faq.svg');
}

.select-links__item--account .select-links__link:hover {
    background-image: url('../icon/icon-account-active.svg');
}

.select-links__item--point .select-links__link:hover {
    background-image: url('../icon/icon-points-active.svg');
}

.select-links__item--donation .select-links__link:hover {
    background-image: url('../icon/icon-donation-active.svg');
}

.select-links__item--insurance-check .select-links__link:hover {
    background-image: url('../icon/icon-insurance-check-active.svg');
}

.select-links__item--insurance-claim .select-links__link:hover {
    background-image: url('../icon/icon-insurance-claim-active.svg');
}

.select-links__item--insurance-display .select-links__link:hover {
    background-image: url('../icon/icon-insurance-display-active.svg');
}

.select-links__item--insurance-damaged .select-links__link:hover {
    background-image: url('../icon/icon-insurance-damaged-active.svg');
}

.select-links__item--callcenter .select-links__link:hover {
    background-image: url('../icon/icon-callcenter-active.svg');
}

.select-links__item--chat-bot .select-links__link:hover {
    background-image: url('../icon/icon-chat-bot-active.svg');
}

.select-links__item--faq .select-links__link:hover {
    background-image: url('../icon/icon-faq-active.svg');
}

.select-links__title {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.select-links__text {
    margin-top: 2px;
    font-size: 18px;
    line-height: 27px;
    color: #aeaeae;
}

.select-links__with {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    margin: 8px 0 1px;
}

.select-links__with--carrot {
    color: #f05018;
}

.select-links__with--samsungfire {
    color: #0f218b;
}

.select-links__link:hover .select-links__with {
    color: #0ac3bc;
}

.select-links__logo {
    display: inline-block;
    vertical-align: top;
    height: 27px;
    background: no-repeat 50% 61%;
}

.select-links__logo--carrot {
    width: 46px;
    background-image: url('../images/common/carrot-logo.svg');
    background-size: 46px 13px;
}

.select-links__link:hover .select-links__logo--carrot {
    background-image: url('../images/common/carrot-logo-mint.svg');
}

.select-links__logo--samsungfire {
    width: 43px;
    background-image: url('../images/common/samsungfire-logo.svg');
    background-size: 43px 13px;
}

.select-links__link:hover .select-links__logo--samsungfire {
    background-image: url('../images/common/samsungfire-logo-mint.svg');
}

/* select-links--twin */
.select-links--twin .select-links__item {
    width: 50%;
}

/* select-links--horizontal */
.select-links--horizontal .select-links__link {
    padding-top: 36px;
    padding-left: 90px;
    padding-bottom: 35px;
}

/* pick-up-sell-payment-type__link */
.pick-up-sell-payment-type__link {
    margin-top: 20px;
    text-align: right;
}

/* check-list */
.check-list:before {
    content: '';
    display: table;
}

.check-list__list {
    list-style: none;
    margin: -20px 0 0 -20px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.check-list__item {
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 0 0 20px;
    width: 33.333333%;
    font-size: 16px;
    line-height: normal;
}

/* notice-box */
.notice-box {
    padding: 30px;
    background: #f4f4f4;
}

.notice-box__section {
    padding-left: 26px;
}

.notice-box__head {
    margin-bottom: 14px;
}

.notice-box__title {
    margin: 0 0 0 -26px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding-left: 26px;
    background: url('../icon/icon-triangle-notice.svg') no-repeat 0 4px;
}

.notice-box .dashed-list {
    margin-top: 8px;
}

/* contents--pick-up-sell-address */
.contents--pick-up-sell-address .order-head {
    margin-bottom: 20px;
}

.contents--pick-up-sell-address .notice-list {
    margin-bottom: 50px;
}

.contents--pick-up-sell-address .notice-box {
    margin-top: 40px;
}

/* step-guide */
.step-guide {
    padding: 30px 35px 0;
}

.step-guide__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.step-guide__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    width: 120px;
    height: 120px;
    background: #f4f4f4;
    text-align: center;
}

.step-guide__sub-text {
    display: block;
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
}

.step-guide__text {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
}

.step-guide__arrow {
    width: 24px;
    height: 30px;
    background: url('../icon/step-guide-arrow.svg') no-repeat 50% 50%;
}

/* contents--pick-up-sell-complete */
.contents--pick-up-sell-complete .notice-list {
    margin-top: 20px;
}

/* layer-inspection-sell-result */
.layer-inspection-sell-result .line-tab {
    margin-top: -18px;
    margin-bottom: 30px;
}

/* layer-inspection-sell-imei-guide */
.layer-inspection-sell-imei-guide .notice-list {
    margin-top: 20px;
}

/* flow-guide */
.flow-guide--wrapper {
    padding: 0;
    list-style: none;
    margin-top: 60px;
}

.flow-guide--wrapper>li h4 {
    font-weight: 500;
    margin-bottom: 0px;
}

.flow-guide--wrapper>li h4>span {
    margin-right: 5px;
}

.flow-guide--wrapper>li:not(:last-child) {
    margin-bottom: 60px;
}

.galaxy-clup-catalog--product .flow-guide--wrapper .flow-guide {
    margin-top: 30px;
}

.flow-guide__list {
    list-style: none;
    margin: 0 -20px;
    padding: 0;
}

.flow-guide__list:after {
    content: '';
    display: table;
    clear: both;
}

.flow-guide__item {
    position: relative;
    float: left;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
}

.flow-guide__item:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: no-repeat 50% 50%;
}

.flow-guide__item+.flow-guide__item:after {
    content: '';
    display: block;
    position: absolute;
    top: 38px;
    left: -14px;
    width: 28px;
    height: 4px;
    background: url('../images/illustration/ellipsis.svg') no-repeat 0 0;
}

.flow-guide__item--phone-check:before {
    background-image: url('../images/illustration/flow-guide-01.svg');
}

.flow-guide__item--atm-select-donation:before {
    background-image: url('../images/illustration/flow-guide-02.svg');
}

.flow-guide__item--donation-market-price:before {
    background-image: url('../images/illustration/flow-guide-03.svg');
}

.flow-guide__item--price-donation:before {
    background-image: url('../images/illustration/flow-guide-04.svg');
}

.flow-guide__item--market-price:before {
    background-image: url('../images/illustration/flow-guide-05.svg');
}

.flow-guide__item--web-select-donation:before {
    background-image: url('../images/illustration/flow-guide-06.svg');
}

.flow-guide__item--pick-up-engineer:before {
    background-image: url('../images/illustration/flow-guide-07.svg');
}

.flow-guide__item--sell-apply:before {
    background-image: url('../images/illustration/flow-guide-08.svg');
}

.flow-guide__item--visit-atm:before {
    background-image: url('../images/illustration/flow-guide-09.svg');
}

.flow-guide__item--deposit:before {
    background-image: url('../images/illustration/flow-guide-10.svg');
}

.flow-guide__item--mart:before {
    background-image: url('../images/illustration/flow-guide-11.svg');
}

.flow-guide__item--check-plan:before {
    background-image: url('../images/illustration/flow-guide-12.svg');
}

.flow-guide__item--check-plan-laptop:before {
    background-image: url('../images/illustration/flow-guide-12-laptop.svg');
}

.flow-guide__item--insurance-apply:before {
    background-image: url('../images/illustration/flow-guide-13.svg');
}

.flow-guide__item--kakaotalk-push:before {
    background-image: url('../images/illustration/flow-guide-14.svg');
}

.flow-guide__item--samsung:before {
    background-image: url('../images/illustration/flow-guide-15.svg');
}

.flow-guide__item--buy-model:before {
    background-image: url('../images/illustration/flow-guide-16.svg');
}

.flow-guide__item--buy-model-laptop:before {
    background-image: url('../images/illustration/flow-guide-16-laptop.svg');
}

.flow-guide__item--write-payment-info:before {
    background-image: url('../images/illustration/flow-guide-17.svg');
}

.flow-guide__item--check-info:before {
    background-image: url('../images/illustration/flow-guide-18.svg');
}

.flow-guide__item--calendar:before {
    background-image: url('../images/illustration/flow-guide-19.svg');
}

.flow-guide__item--return:before {
    background-image: url('../images/illustration/flow-guide-20.svg');
}

.flow-guide__item--dotcom:before {
    background-image: url('../images/illustration/flow-guide-21.svg');
}

.flow-guide__item--imei:before {
    background-image: url('../images/illustration/flow-guide-22.svg');
}

.flow-guide__num {
    font-size: 18px;
    line-height: 27px;
    color: #aeaeae;
    margin-bottom: 10px;
}

.flow-guide__title {
    font-size: 16px;
    line-height: 27px;
}

.flow-guide__text {
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
    margin-top: 10px;
}

/* flow-guide--five-way */
.flow-guide--five-way .flow-guide__item {
    width: 20%;
}

/* contents--inspection-sell-intro */
.contents--inspection-sell-intro .page-header {
    margin-bottom: 80px;
}

/* inspection-sell-app-guide__check-link */
.inspection-sell-app-guide__check-link {
    text-align: center;
    margin-top: 20px;
}

/* app-guide */
.app-guide {
    border: 1px solid #dfdfdf;
    padding: 50px 0;
}

.app-guide__title {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    color: #0ac3bc;
    text-align: center;
    margin-bottom: 20px;
}

.app-guide__list {
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.app-guide__item {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    font-size: 16px;
    line-height: normal;
}

.app-guide__item+.app-guide__item {
    margin-left: 50px;
}

.app-guide__qr-code {
    display: block;
    width: 120px;
    margin: 0 auto;
}

.app-guide__button {
    display: block;
    height: 70px;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #0f0f0f;
    background: no-repeat 50% 50% #fff;
}

.app-guide__item--play-store .app-guide__button {
    background-image: url('../images/common/play-store.svg');
}

.app-guide__item--app-store .app-guide__button {
    background-image: url('../images/common/app-store.svg');
}

.app-guide__notice {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* terms-contents */
.terms-contents {
    background: #f4f4f4;
}

.terms-contents .ui-scroller {
    max-height: 150px;
}

.terms-contents__inner {
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
}

/* inspection-sell-check__check-link */
.inspection-sell-check__check-link {
    margin-top: 20px;
    text-align: right;
}

/* market-price-section */
.market-price-section {
    padding: 50px 0;
    border: 1px solid #dfdfdf;
}

.market-price-section__title {
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    text-align: center;
}

.market-price-section .rating-price {
    margin: 0 170px;
}

/* contents--inspection-sell-check */
.contents--inspection-sell-check .market-price-section {
    margin-top: 50px;
}

/* mypage-profile__check-link */
.mypage-profile__check-link {
    text-align: right;
    margin-top: 40px;
}

/* contents--mypage-leave */
.contents--mypage-leave .number-list {
    border-top: none;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

/* dot-list */
.dot-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dot-list__item {
    position: relative;
    padding-left: 13px;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
}

.dot-list__item+.dot-list__item {
    margin-top: 10px;
}

.dot-list__item:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #707070;
}

/* dot-list--light */
.dot-list--light .dot-list__item {
    color: #aeaeae;
}

.dot-list--light .dot-list__item:before {
    background-color: #aeaeae;
}

/* dot-list--small */
.dot-list--small .dot-list__item {
    padding-left: 10px;
    font-size: 12px;
    line-height: 18px;
}

/* dot-list--medium */
.dot-list--medium .dot-list__item {
    font-size: 16px;
    line-height: 24px;
}

.dot-list--medium .dot-list__item:before {
    top: 11px;
}

/* dot-list--primary-color */
.dot-list--primary-color .dot-list__item {
    color: inherit;
}

.dot-list--primary-color .dot-list__item:before {
    background-color: #0f0f0f;
}

/* dot-list__item--red */
.dot-list__item.dot-list__item--red {
    color: #ee7674;
}

.dot-list__item.dot-list__item--red:before {
    background-color: #ee7674;
}

/* symbol-list */
.symbol-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.symbol-list__item {
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.symbol-list__item+.symbol-list__item {
    margin-top: 6px;
}

.symbol-list__symbol {
    display: block;
    margin-right: 6px;
}

.symbol-list__text {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

/* symbol-list--medium */
.symbol-list--medium .symbol-list__item {
    font-size: 16px;
    line-height: 24px;
}

.symbol-list--medium .symbol-list__item+.symbol-list__item {
    margin-top: 10px;
}

/* symbol-list--primary-color */
.symbol-list--primary-color .symbol-list__item {
    color: inherit;
}

/* contents--mypage-selling-list */
.contents--mypage-selling-list .sort-bar {
    margin-bottom: 10px;
}

/* mypage-selling-detail__log-link */
/* mypage-order-detail__log-link */
/* mypage-market-selling-detail__log-link */
.mypage-selling-detail__log-link,
.mypage-order-detail__log-link,
.mypage-market-selling-detail__log-link {
    text-align: right;
    margin-bottom: 14px;
}

/* contents--mypage-order-detail */
.contents--mypage-order-detail .images {
    margin-bottom: 20px;
}

/* simple-search */
.simple-search {
    margin-bottom: 20px;
}

/* board */
.board {
    border-top: 1px solid #0f0f0f;
}

.board__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.board__item {
    border-bottom: 1px solid #e9e9e9;
}

.board__block {
    text-decoration: none;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    padding: 22px 0;
}

.board__etc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    text-align: center;
}

.board__etc__item {
    width: 130px;
}

.board__etc__item--date {
    width: 110px;
    color: #aeaeae;
}

.board__etc__item--order-num {
    width: 170px;
}

.board__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.board__status {
    width: 120px;
    font-weight: 500;
    color: #0ac3bc;
    text-align: center;
}

.board__point {
    padding: 0 20px;
    text-align: right;
}

.board__point__total {
    margin-bottom: 5px;
}

/* nontitle-section */
.nontitle-section+.nontitle-section {
    margin-top: 100px;
}

/* contents--mypage-point */
.contents--mypage-point .form-list {
    border-top: 0;
    padding-top: 50px;
}

/* board-detail */
.board-detail {
    border-top: 1px solid #0f0f0f;
}

.board-detail__head {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
}

.board-detail__head__left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.board-detail__status {
    width: 120px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #0ac3bc;
    text-align: center;
}

.board-detail__etc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.board-detail__etc__item {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
}

.board-detail__etc__item+.board-detail__etc__item {
    margin-left: 13px;
}

.board-detail__etc__item+.board-detail__etc__item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -7px;
    height: 14px;
    margin-top: -7px;
    border-left: 1px solid #dfdfdf;
}

.board-detail__etc__item--date {
    color: #aeaeae;
}

.board-detail__title {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.board-detail__contents {
    font-size: 16px;
    line-height: 24px;
    padding: 24px 20px 0;
}

.board-detail__reply {
    margin-top: 30px;
}

.board-detail__reply__contents {
    padding: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    background: #f4f4f4;
}

/* portal-search */
.portal-search {
    position: relative;
    width: 500px;
    margin: 0 auto 50px;
    z-index: 950;
}

.portal-search__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-bottom: 20px;
    border-bottom: 2px solid #0f0f0f;
}

.portal-search__input-block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.portal-search__input {
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    background: transparent;
    border: none;
    width: auto;
    height: 36px;
    font-size: 24px;
    line-height: 36px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.portal-search__input::-ms-clear,
.portal-search__input::-ms-reveal {
    display: none;
}

.portal-search__input::-webkit-search-decoration,
.portal-search__input::-webkit-search-cancel-button,
.portal-search__input::-webkit-search-results-button,
.portal-search__input::-webkit-search-results-decoration {
    display: none;
}

.portal-search__input::-webkit-input-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.portal-search__input::-moz-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.portal-search__input:-ms-input-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.portal-search__input:-moz-placeholder {
    opacity: 1;
    color: #aeaeae;
}

.portal-search__back {
    display: none;
    width: 24px;
    box-sizing: content-box;
    padding: 0 10px;
    margin: 0 10px;
    background: url('../icon/icon-back.svg') no-repeat 50% 50%;
    background-size: 24px 24px;
}

.portal-search__val-delete {
    display: none;
    margin-left: 10px;
    width: 30px;
    background: url('../icon/icon-input-delete.svg') no-repeat 50% 50%;
}

.portal-search__submit {
    display: block;
    margin-left: 10px;
    width: 30px;
    background: url('../icon/icon-search.svg') no-repeat 50% 50%;
}

.portal-search__layer {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 20px;
    width: 100%;
    padding: 40px 0;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: 1px solid #0f0f0f;
    background-color: #fff;
}

.portal-search__layer-bottom {
    padding: 30px 40px 0;
}

.portal-search__layer-bottom:after {
    content: '';
    display: table;
    clear: both;
}

.portal-search__layer-close {
    display: block;
    float: right;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    padding-right: 22px;
    background: url('../icon/icon-close-05.svg') no-repeat 100% 50%;
}

.portal-search__layer-contnets {
    overflow: hidden;
}

.portal-search__layer-contnets>.ui-scroller {
    max-height: 264px;
}

.portal-search__layer-contnets__inner {
    padding: 0 40px;
}

.portal-search__quick {
    display: block;
}

.portal-search__quick-title {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.portal-search__quick-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.portal-search__quick-item:after {
    content: '';
    display: table;
    clear: both;
}

.portal-search__quick-item+.portal-search__quick-item {
    margin-top: 10px;
}

.portal-search__quick-tag {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
    text-decoration: none;
    padding: 8px 14px;
    border-radius: 18px;
    background: #f5f9ff;
}

.portal-search__keywords {
    display: none;
}

.portal-search__keywords-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.portal-search__keywords-item+.portal-search__keywords-item {
    margin-top: 20px;
}

.portal-search__keywords-link {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    text-decoration: none;
    padding-right: 30px;
    background: url('../icon/arrow-01.svg') no-repeat 100% 50%;
    background-size: 24px 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-search__keywords-link mark {
    color: #2bd3c6;
    background: none;
}

.portal-search.is-portal-search-inputed .portal-search__input-block.is-focus .portal-search__val-delete {
    display: block;
}

.portal-search.is-portal-search-inputed .portal-search__input-block.is-focus+.portal-search__submit {
    display: none;
}

.portal-search.is-portal-search-opened .portal-search__layer {
    display: block;
}

.portal-search.is-portal-search-inputed .portal-search__quick {
    display: none;
}

.portal-search.is-portal-search-inputed .portal-search__keywords {
    display: block;
}

/* filter-layer */
.filter-layer {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 100%;
    width: 400px;
    height: 100%;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0);
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: -webkit-transform 0.5s, box-shadow 0.5s;
    transition: transform 0.5s, box-shadow 0.5s;
}

.filter-layer.is-opened {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16);
}

.filter-layer__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
}

.filter-layer__body>.ui-scroller {
    height: 100%;
}

.filter-layer__contents {
    padding: 10px 30px 30px;
}

.filter-layer__contents .layer-form-list {
    border-top: none;
    padding-top: 0;
}

.filter-layer__contents .ui-layer__foot {
    margin-top: 60px;
}

.filter-layer__contents .ui-layer__foot .ui-buttons {
    padding: 0;
}

.filter-layer__contents .ui-range {
    margin-top: 25px;
    margin-bottom: 26px;
}

/* rating-check */
.rating-check:before {
    content: '';
    display: table;
}

.rating-check__list {
    list-style: none;
    margin: -20px 0 0 -46px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.rating-check__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    margin: 20px 0 0 46px;
}

.rating-check__button {
    position: relative;
    z-index: 0;
}

.rating-check__button .ui-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.rating-check__button-label {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae;
    text-align: center;
}

.rating-check__button-label:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 8px;
    border-radius: 100%;
    box-sizing: border-box;
    background: no-repeat 50% 50% #f4f4f4;
    background-size: 24px 24px;
}

.ui-checkbox:checked+.rating-check__button-label {
    color: #2bd3c6;
}

.ui-checkbox:checked+.rating-check__button-label:before {
    border: 1px solid #2bd3c6;
    background-color: #fff;
}

.rating-check__button--display .rating-check__button-label:before {
    background-image: url('../icon/rating-display.svg');
}

.rating-check__button--s .rating-check__button-label:before {
    background-image: url('../icon/rating-s.svg');
}

.rating-check__button--a .rating-check__button-label:before {
    background-image: url('../icon/rating-a.svg');
}

.rating-check__button--b .rating-check__button-label:before {
    background-image: url('../icon/rating-b.svg');
}

.rating-check__button--c .rating-check__button-label:before {
    background-image: url('../icon/rating-c.svg');
}

.rating-check__button--d .rating-check__button-label:before {
    background-image: url('../icon/rating-d.svg');
}

/* push-talk */
.push-talk {
    display: none;
    position: fixed;
    z-index: 2000;
    top: 30px;
    right: 30px;
    bottom: 30px;
    width: 500px;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #f4f4f4;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.push-talk.is-opened {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.push-talk .ui-layer-header {
    background: none;
}

.push-talk__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
}

.push-talk__body .ui-scroller {
    height: 100%;
}

.push-talk__tab {
    margin: -44px 100px 20px 30px;
}

.push-talk__tab-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

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

.push-talk__tab-item {
    position: relative;
    float: left;
}

.push-talk__tab-item+.push-talk__tab-item {
    margin-left: 17px;
}

.push-talk__tab-item+.push-talk__tab-item:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: -9px;
    height: 13px;
    margin-top: -7px;
    border-left: 1px solid #dfdfdf;
}

.push-talk__tab-link {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #aeaeae;
    text-decoration: none;
}

.push-talk__tab-item.is-active .push-talk__tab-link {
    font-weight: 500;
    color: inherit;
}

.push-talk__contents {
    padding: 6px 30px 30px;
}

.push-talk__item+.push-talk__item {
    margin-top: 30px;
}

.push-talk__item-title {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #707070;
}

.push-talk__item-contents {
    position: relative;
    margin-left: 50px;
    font-size: 14px;
    line-height: 20px;
    padding: 16px;
    border-radius: 10px;
    background: #fff;
}

.push-talk__item-contents:before {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: url('../icon/push-talk.svg') no-repeat 50% 50% #fff;
}

.push-talk__item--selling .push-talk__item-contents:before {
    background-image: url('../icon/push-talk-01.svg');
}

.push-talk__item--order .push-talk__item-contents:before {
    background-image: url('../icon/push-talk-02.svg');
}

.push-talk__item--benefit .push-talk__item-contents:before {
    background-image: url('../icon/push-talk-03.svg');
}

/* home-big-banner */
.home-big-banner__list {
    display: none;
}

.home-big-banner__block {
    display: block;
    position: relative;
    overflow: hidden;
    height: 600px;
}

.home-big-banner__img-pc {
    display: block;
    border: none;
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.home-big-banner__img-mobile {
    display: none;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-big-banner__video {
    position: absolute;
    top: 96px;
    left: 50%;
    margin-left: -147px;
    width: 727px;
}

.home-big-banner__video-inner {
    position: relative;
    padding-top: 56.25%;
}

.home-big-banner__video-inner iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-big-banner .swiper-object {
    position: relative;
}

.home-big-banner__list.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-big-banner .swiper-pagination-fraction {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 10;
    margin-left: 500px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: auto;
    padding: 8px 43px 8px 20px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    white-space: nowrap;
}

.home-big-banner .swiper-pagination-current,
.home-big-banner .swiper-pagination-total {
    vertical-align: top;
}

.home-big-banner .swiper-pagination-current {
    color: #fff;
}

.home-big-banner .swiper-button-play,
.home-big-banner .swiper-button-pause {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 25;
    opacity: 1;
    margin-left: 459px;
    width: 40px;
    height: 40px;
    background: no-repeat 50% 50%;
    overflow: hidden;
}

.home-big-banner .swiper-button-play.active,
.home-big-banner .swiper-button-pause.active {
    z-index: 20;
    opacity: 0;
}

.home-big-banner .swiper-button-play {
    background-image: url('../icon/icon-play.svg');
}

.home-big-banner .swiper-button-pause {
    background-image: url('../icon/icon-pause.svg');
}

.home-big-banner .swiper-button-play-text,
.home-big-banner .swiper-button-pause-text {
    opacity: 0;
}

/* home-section */
.home-section {
    padding: 80px 0;
}

.home-section--fill-gray {
    background-color: #f4f4f4;
}

.home-section__head {
    position: relative;
    margin-bottom: 50px;
}

.home-section__head__right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.home-section__title {
    margin: 0;
    font-size: 36px;
    line-height: 54px;
    font-weight: 300;
    text-align: center;
}

.home-section__title strong {
    font-weight: 500;
}

.home-section__sub-title {
    margin: 10px 0 30px;
    font-size: 18px;
    line-height: 27px;
    color: #707070;
    text-align: center;
}

/* home-cards */
.home-cards__inner {
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
}

.home-cards__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.home-cards__item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    box-sizing: border-box;
    width: 48.5%;
}

/* home-card */
.home-card {
    border-radius: 10px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

.home-card__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}

.home-card__info {
    padding: 30px 30px 37px;
}

.home-card__title {
    margin: 0;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
}

.home-card__text {
    margin: 10px 0 0;
    font-size: 17px;
    line-height: 25px;
    color: #707070;
}

.home-card__bottom {
    margin-top: 20px;
}

.home-card__bottom:after {
    content: '';
    display: table;
    clear: both;
}

.home-card__link {
    position: relative;
    display: block;
    float: left;
    border: 1px solid #6a7373;
    padding: 7px 36px 7px 15px;
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
    text-decoration: none;
    border-radius: 2px;
}

.home-card__link:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -10px;
    background: url('../icon/arrow-03.svg') no-repeat 50% 50%;
}

/* home-my-phone-empty */
.home-my-phone-empty {
    padding: 120px 0;
}

.home-my-phone-empty__title {
    margin: 0;
    font-size: 36px;
    line-height: 54px;
    font-weight: 300;
    text-align: center;
}

.home-my-phone-empty__title strong {
    font-weight: 500;
}

.home-my-phone-empty .ui-buttons {
    margin-top: 40px;
}

/* contents--home */
.contents--home {
    width: auto;
    padding: 0;
    margin: 0 -60px;
}

.contents--home .guide-object--home-donation {
    margin: 0;
}

.contents--home .guide-object--home-donation+.ui-buttons {
    margin-top: 60px;
}

.is-home-page .contents-head {
    border-bottom: none;
}

.is-home-page .contents-head__left {
    display: none;
}

/* contents--product-list */
.contents--product-list .sort-bar,
.contents--product-list .tags {
    position: relative;
    z-index: 10;
}

.contents--product-list .products {
    margin-top: 30px;
}

/* bubble-text */
.bubble-text {
    display: block;
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 12px;
    padding: 8px 12px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background: #0f0f0f;
}

.bubble-text:before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 10px;
    border: 0 solid transparent;
    border-width: 3px 4px;
    border-left-color: #0f0f0f;
    border-top-color: #0f0f0f;
}

/* contents--market-price-final */
.contents--market-price-final .market-price-final .rating-price {
    margin-bottom: 80px;
}

.contents--market-price-final .ui-buttons__item {
    position: relative;
}

.contents--market-price-final .bubble-text {
    right: 10px;
}

.contents--market-price-final .bubble-text:before {
    left: 132px;
}

/* donation-logo */
.donation-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.donation-logo__img {
    display: block;
    width: auto;
    height: 30px;
}

.donation-logo__and {
    margin: 0 20px;
    font-size: 26px;
    line-height: 30px;
}

/* bg-area */
.bg-area {
    height: 350px;
    background: no-repeat 50% 50%;
}

.bg-area--about {
    background-image: url('../img/intro.png');
}

.bg-area--atm-introduce {
    background-image: url('../images/background/atm-introduce.jpg');
}

.bg-area--mini-atm-introduce {
    background-image: url('../images/background/mini-atm-introduce.jpg');
}

.bg-area--social-value {
    background-image: url('../images/background/social-value.jpg');
}

.bg-area--donation {
    background-image: url('../images/background/donation.jpg');
}

/* about-section */
.about-section {
    padding: 80px 0;
}

.about-section--fill-gray {
    background-color: #f4f4f4;
}

.about-section__head {
    margin-bottom: 30px;
}

.about-section__title {
    margin: 0;
    font-size: 36px;
    line-height: 54px;
    font-weight: 300;
}

.about-section__title strong {
    font-weight: 500;
}

.about-section__description {
    margin: 0;
    font-size: 20px;
    line-height: 29px;
    color: #707070;
}

.about-section__text {
    margin: 0;
    font-size: 20px;
    line-height: 29px;
}

.about-section__text--sub {
    font-size: 18px;
    line-height: 27px;
}

.about-section__text+.about-section__text,
.about-section__text+.about-section__description,
.about-section__description+.about-section__text,
.about-section__description+.about-section__description {
    margin-top: 20px;
}

/* about-section--center */
.about-section--center {
    text-align: center;
}

/* about-section--mintit */
.about-section--mintit .inner-contents {
    position: relative;
}

.about-section--mintit .inner-contents:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 498px;
    height: 443px;
    margin-top: -222px;
    background: url('../images/illustration/about.svg') no-repeat 50% 50%;
}

/* about-values */
.about-values {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-align: center;
    white-space: nowrap;
}

.about-values__item {
    display: inline-block;
    vertical-align: top;
    width: 370px;
    height: 370px;
    border-radius: 100%;
    box-sizing: border-box;
    padding-top: 160px;
    font-size: 16px;
    line-height: normal;
    background: no-repeat 50% 94px #fff;
}

.about-values__item+.about-values__item {
    margin-left: -45px;
}

.about-values__title {
    display: block;
    font-size: 20px;
    line-height: 29px;
    font-weight: 500;
    margin-bottom: 6px;
}

.about-values__text {
    display: block;
    font-size: 18px;
    line-height: 27px;
    color: #707070;
}

.about-values__item--type-01 {
    background-image: url('../icon/about-value-01.svg');
}

.about-values__item--type-02 {
    background-color: rgba(223, 223, 223, 0.5);
    background-image: url('../icon/about-value-02.svg');
}

.about-values__item--type-03 {
    background-color: rgba(49, 59, 59, 0.5);
    background-image: url('../icon/about-value-03.svg');
}

.about-values__item--type-03,
.about-values__item--type-03 .about-values__text {
    color: #fff;
}

/* minti-about */
.minti-about {
    position: relative;
}

.minti-about__name {
    margin: 0;
    width: 600px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cfcfcf;
}

.minti-about__name:after {
    content: '';
    display: table;
    clear: both;
}

.minti-about__name-big {
    display: block;
    float: left;
    font-size: 30px;
    line-height: 45px;
    font-weight: 500;
    color: #0ac3bc;
}

.minti-about__name-sub {
    display: block;
    float: left;
    font-size: 24px;
    line-height: 35px;
    font-weight: 500;
    margin: 9px 0 1px 8px;
}

.minti-about__name__info {
    margin: 30px 0 0;
    font-size: 20px;
    line-height: 29px;
    color: #707070;
}

.minti-about__name__info mark {
    background: none;
    font-weight: 500;
    color: #0ac3bc;
}

.minti-about__minti {
    display: block;
    position: absolute;
    top: -119px;
    right: 0;
    width: 240px;
    height: auto;
}

.minti-about__other-title {
    margin: 52px 0 8px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.minti-about__other-title:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 1px;
    margin: 18px 0 0 4px;
    background: #0f0f0f;
}

.minti-about__others {
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.minti-about__others img {
    display: inline-block;
    vertical-align: top;
    width: 175px;
    height: 239px;
    font-size: 16px;
    line-height: normal;
}

.minti-about__others img+img {
    margin-left: 36px;
}

/* awards-history */
.awards-history,
.awards-history__month-list,
.awards-history__content-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.awards-history__item:after,
.awards-history__month-item:after {
    content: '';
    display: table;
    clear: both;
}

.awards-history__item {
    padding-left: 90px;
}

.awards-history__item+.awards-history__item {
    margin-top: 30px;
}

.awards-history__year {
    display: block;
    float: left;
    margin-left: -90px;
    width: 90px;
    font-size: 24px;
    line-height: 35px;
    font-weight: 500;
}

.awards-history__month-list {
    padding: 4px 0;
}

.awards-history__month-item {
    padding-left: 36px;
}

.awards-history__month-item+.awards-history__month-item,
.awards-history__content-item+.awards-history__content-item {
    margin-top: 20px;
}

.awards-history__month {
    display: block;
    float: left;
    margin-left: -36px;
    width: 36px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.awards-history__content-item {
    font-size: 18px;
    line-height: 27px;
    color: #707070;
    word-break: keep-all;
    word-wrap: break-word;
}

.awards-history__content-link {
    text-decoration: none;
    color: inherit;
}

.awards-history__content-link:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 27px;
    margin-left: 6px;
    background: url('../icon/new-window.svg') no-repeat 50% 50%;
}

/* about-section--social-value-amount */
.about-section--social-value-amount {
    text-align: center;
    background-color: #fbfbfb;
}

.about-section--social-value-amount .about-section__title {
    font-size: 28px;
    line-height: 41px;
}

.about-section--social-value-amount .about-section__head {
    margin-bottom: 20px;
}

/* social-value-amount */
.social-value-amount__row {
    margin: 0;
    font-size: 36px;
    line-height: 54px;
}

.social-value-amount__row strong {
    font-weight: 500;
}

.social-value-amount__total {
    margin: 33px 0 0;
}

.social-value-amount__total__title {
    display: block;
    margin-bottom: 8px;
    font-size: 32px;
    line-height: 47px;
}

.social-value-amount__total__price {
    display: block;
    font-size: 30px;
    line-height: 45px;
    font-weight: 500;
    padding: 18px 0 4px;
}

.social-value-amount__total__price span {
    display: inline-block;
    vertical-align: top;
    font-size: 55px;
    line-height: 67px;
    color: #0ac3bc;
    margin: -18px 0 -4px;
}

.social-value-amount__date {
    margin: 20px 0 0;
    font-size: 18px;
    line-height: 27px;
    color: #6a7373;
}

/* social-value-donation */
.social-value-donation {
    text-align: center;
}

.social-value-donation__phone {
    margin: 0 auto;
    width: 540px;
    height: 540px;
    padding-top: 260px;
    box-sizing: border-box;
    border-radius: 100%;
    background: url('../images/illustration/social-value-donation.svg') no-repeat 50% 140px #fff;
    background-size: 100px 100px;
}

.social-value-donation__phone-count {
    display: block;
    font-size: 30px;
    line-height: 45px;
    font-weight: 500;
    padding: 18px 0 4px;
}

.social-value-donation__phone-count span {
    display: inline-block;
    vertical-align: top;
    font-size: 55px;
    line-height: 67px;
    font-weight: 600;
    color: #0ac3bc;
    margin: -18px 0 -4px;
}

.social-value-donation__phone-title {
    margin-top: 4px;
    font-size: 22px;
    line-height: 33px;
}

.social-value-donation__phone-date {
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
}

.social-value-donation__text {
    margin: 40px 0 0;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    color: #0ac3bc;
}

.social-value-donation__link {
    margin: 30px 0 0;
    font-size: 0;
    line-height: 0;
}

/* about-section--social-value-history */
.about-section--social-value-history .about-section__title {
    text-align: center;
}

/* social-value-history */
.social-value-history {
    position: relative;
    padding-left: 42px;
}

.social-value-history:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    top: 18px;
    left: 6px;
    bottom: 18px;
    border-left: 1px solid #e9e9e9;
}

.social-value-history__list,
.social-value-history__month-list,
.social-value-history__content-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.social-value-history__item:after,
.social-value-history__month-item:after {
    content: '';
    display: table;
    clear: both;
}

.social-value-history__item {
    padding-left: 90px;
}

.social-value-history__item+.social-value-history__item {
    margin-top: 30px;
}

.social-value-history__year {
    display: block;
    float: left;
    margin-left: -90px;
    width: 90px;
    font-size: 24px;
    line-height: 35px;
    font-weight: 500;
}

.social-value-history__month-list {
    padding: 4px 0;
}

.social-value-history__month-item {
    position: relative;
    padding-left: 36px;
}

.social-value-history__month-item:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    left: -132px;
    width: 12px;
    height: 12px;
    margin-top: 8px;
    border-radius: 100%;
    background: #aeaeae;
}

.social-value-history__item:last-child .social-value-history__month-item:last-child .social-value-history__month:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 5;
    top: 14px;
    left: -132px;
    bottom: 0;
    width: 12px;
    background: #fff;
}

.social-value-history__month-item+.social-value-history__month-item,
.social-value-history__content-item+.social-value-history__content-item {
    margin-top: 20px;
}

.social-value-history__month {
    display: block;
    float: left;
    margin-left: -36px;
    width: 36px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.social-value-history__content-item {
    font-size: 18px;
    line-height: 27px;
    color: #707070;
    word-break: keep-all;
    word-wrap: break-word;
}

.social-value-history__content-item img {
    display: block;
    margin-top: 10px;
    width: 280px;
    height: auto;
}

/* about-section--donation-social-value */
.about-section--donation-social-value {
    text-align: center;
}

.about-section--donation-social-value .donation-logo {
    margin-bottom: 40px;
}

.about-section--donation-social-value .social-value-donation {
    margin-bottom: 20px;
}

/* simple-tab */
.simple-tab {
    margin-bottom: 50px;
}

.simple-tab__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.simple-tab__item+.simple-tab__item {
    margin-left: 40px;
}

.simple-tab__link {
    position: relative;
    display: block;
    text-decoration: none;
    color: inherit;
    font-size: 20px;
    line-height: 29px;
}

.simple-tab__link.is-active,
.simple-tab__link.js-tabpanel-active {
    color: #0ac3bc;
}

.simple-tab__link.is-active:before,
.simple-tab__link.js-tabpanel-active:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #0ac3bc;
}

/* about-section--donation-flow */
.about-section--donation-flow .about-section__title {
    text-align: center;
}

/* atm-slide */
.atm-slide {
    width: 365px;
    height: 580px;
    background: url('../images/illustration/atm.svg') no-repeat 50% 0;
}

.atm-slide:before {
    content: '';
    display: table;
}

.atm-slide__view {
    width: 228px;
    margin: 56px auto;
}

.atm-slide__list {
    display: none;
}

.atm-slide__list.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.atm-slide__item {
    overflow: hidden;
}

.atm-slide__item img {
    display: block;
    width: 100%;
    height: auto;
}

.atm-slide__item.swiper-slide img {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
}

.atm-slide__item.swiper-slide-prev img,
.atm-slide__item.swiper-slide-active img {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

/* atm-slide--mini */
.atm-slide--mini {
    width: 400px;
    height: 470px;
    background-image: url('../images/illustration/mini-atm.svg');
}

.atm-slide--mini .atm-slide__view {
    margin-top: 64px;
    width: 192px;
}

/* atm-introduce-review */
.atm-introduce-review {
    box-sizing: border-box;
    border-radius: 10px;
    background: #f4f4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 40px;
}

.atm-introduce-review__profile {
    width: 200px;
    text-align: center;
}

.atm-introduce-review__photo {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 6px;
}

.atm-introduce-review__name {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

.atm-introduce-review__info {
    margin: 2px 0 0;
    font-size: 0;
    line-height: 0;
}

.atm-introduce-review__info__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae;
}

.atm-introduce-review__info__item+.atm-introduce-review__info__item {
    margin-left: 14px;
}

.atm-introduce-review__info__item+.atm-introduce-review__info__item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: -1px;
    width: 2px;
    height: 2px;
    background: #aeaeae;
}

.atm-introduce-review__quote {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 0;
    padding-top: 28px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    background: url('../icon/quote.svg') no-repeat 50% 0;
}

.about-section--fill-gray .atm-introduce-review {
    background-color: #fff;
}

/* about-section--atm-introduce */
.about-section--atm-introduce .inner-contents {
    position: relative;
    box-sizing: border-box;
    padding-right: 390px;
    min-height: 568px;
}

.about-section--atm-introduce .ui-buttons {
    margin-top: 40px;
}

.about-section--atm-introduce .ui-buttons__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.about-section--atm-introduce .ui-buttons__item .ui-basic-button {
    width: 260px;
}

.about-section--atm-introduce .atm-introduce-review {
    margin-top: 50px;
}

.about-section--atm-introduce .atm-slide {
    position: absolute;
    top: -13px;
    right: -40px;
}

.about-section--atm-introduce .atm-slide--mini {
    top: -30px;
    right: -25px;
}

.about-section--atm-introduce-right .inner-contents {
    padding-left: 390px;
    padding-right: 0;
}

.about-section--atm-introduce-right .atm-slide {
    left: -40px;
    right: auto;
}

.about-section--atm-introduce-right .atm-slide--mini {
    left: -25px;
    right: auto;
}

/* about-section--mini-atm-introduce */
.about-section--mini-atm-introduce .inner-contents {
    padding-right: 420px;
    min-height: 440px;
}

.about-section--mini-atm-introduce.about-section--atm-introduce-right .inner-contents {
    padding-left: 420px;
    padding-right: 0;
}

/* how-to-use-step */
.how-to-use-step {
    margin: 0 0 14px;
    font-size: 0;
    line-height: 0;
}

.how-to-use-step__text {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 6px 18px;
    border-radius: 16px;
    background: #0f0f0f;
}

/* how-to-use-video */
.how-to-use-video {
    width: 590px;
    margin-right: 40px;
    overflow: hidden;
}

.how-to-use-video video {
    display: block;
    margin: 0 auto;
}

.how-to-use-video>div {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 60%;
}

.how-to-use-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* how-to-use-video--atm */
.how-to-use-video--atm {
    height: 711px;
    margin: -50px 0 -90px;
    background: url('../images/guide/how-to-use-atm.png') no-repeat 50% 0;
}

.how-to-use-video--atm video {
    margin: 95px 189px;
}

/* how-to-use-video--visit-atm */
.how-to-use-video--visit-atm {
    position: relative;
    width: 720px;
    height: 139px;
    padding-top: 280px;
    margin-left: -130px;
    background: url('../images/guide/how-to-use-visit-atm.png') no-repeat 0 100%;
}

.how-to-use-video--visit-atm div:nth-child(1),
.how-to-use-video--visit-atm div:nth-child(2),
.how-to-use-video--visit-atm div:nth-child(3) {
    position: absolute;
    left: 0;
    width: 100%;
    height: 23px;
    background: no-repeat 0 0;
}

.how-to-use-video--visit-atm div:nth-child(1) {
    top: 95px;
    background-image: url('../images/guide/how-to-use-visit-atm-cloud-01.png');
    -webkit-animation: how-to-use-video--visit-atm__cloud-01 15s infinite linear;
    animation: how-to-use-video--visit-atm__cloud-01 15s infinite linear;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
}

.how-to-use-video--visit-atm div:nth-child(2) {
    top: 150px;
    height: 14px;
    background-image: url('../images/guide/how-to-use-visit-atm-cloud-02.png');
    -webkit-animation: how-to-use-video--visit-atm__cloud-02 15s infinite linear;
    animation: how-to-use-video--visit-atm__cloud-02 15s infinite linear;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
}

.how-to-use-video--visit-atm div:nth-child(3) {
    top: 198px;
    background-position: 100% 0;
    background-image: url('../images/guide/how-to-use-visit-atm-cloud-03.png');
    -webkit-animation: how-to-use-video--visit-atm__cloud-03 15s infinite linear;
    animation: how-to-use-video--visit-atm__cloud-03 15s infinite linear;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
}

@-webkit-keyframes how-to-use-video--visit-atm__cloud-01 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
    }

    15% {
        -webkit-transform: translateX(-10%);
    }

    30%,
    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}

@keyframes how-to-use-video--visit-atm__cloud-01 {
    0% {
        opacity: 0;
        transform: translateX(-10%);
    }

    15% {
        transform: translateX(-10%);
    }

    30%,
    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

@-webkit-keyframes how-to-use-video--visit-atm__cloud-02 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
    }

    30%,
    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}

@keyframes how-to-use-video--visit-atm__cloud-02 {
    0% {
        opacity: 0;
        transform: translateX(-10%);
    }

    30%,
    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

@-webkit-keyframes how-to-use-video--visit-atm__cloud-03 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
    }

    30%,
    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
}

@keyframes how-to-use-video--visit-atm__cloud-03 {
    0% {
        opacity: 0;
        transform: translateX(10%);
    }

    30%,
    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateX(-100%);
    }
}

/* how-to-use-video--phone */
.how-to-use-video--phone {
    margin-top: -34px;
    height: 448px;
    background: url('../images/illustration/how-to-use-phone.svg') no-repeat 50% 0;
}

.how-to-use-video--phone video {
    width: 263px;
    margin-top: 83px;
}

/* how-to-use-link */
.how-to-use-link {
    margin-top: 20px;
    color: #6a7373;
}

/* about-section--how-to-use */
.about-section--how-to-use {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
}

.about-section--how-to-use+.about-section--how-to-use {
    border-top: 6px solid #f4f4f4;
}

.how-to-use-contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.about-section--how-to-use-right .how-to-use-video {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.about-section--how-to-use .ui-buttons,
.about-section--how-to-use .simple-tab {
    margin-top: 40px;
}

.about-section--how-to-use .ui-buttons__list,
.about-section--how-to-use .simple-tab__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.about-section--how-to-use .ui-buttons__item .ui-basic-button {
    width: 260px;
}

.about-section--how-to-use .notice-list {
    margin-top: 30px;
}

/* contents--about */
/* contents--social-value */
/* contents--donation */
/* contents--atm-introduce */
/* contents--mini-atm-introduce */
/* contents--how-to-use */
.contents--about,
.contents--social-value,
.contents--donation,
.contents--atm-introduce,
.contents--mini-atm-introduce,
.contents--how-to-use {
    padding-bottom: 0;
}

/* contents--how-to-use */
.contents--how-to-use .line-tab {
    margin-bottom: 20px;
}

/* contents--by-atm-register-account */
.contents--by-atm-register-account .notice-list {
    margin-top: 20px;
}

/* brand-video */
.brand-video {
    position: relative;
}

.brand-video:before {
    content: '';
    display: table;
}

.brand-video__list {
    list-style: none;
    padding: 0;
    margin: -46px 0 0 -20px;
    font-size: 0;
    line-height: 0;
}

.brand-video__item {
    display: inline-block;
    width: 25%;
    box-sizing: border-box;
    padding: 46px 0 0 20px;
    font-size: 16px;
    line-height: normal;
}

.brand-video__thumb {
    display: block;
    width: 100%;
    height: auto;
}

.brand-video__link {
    display: block;
    text-align: left;
    width: 100%;
}

.brand-video__title {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
}

.brand-video__layer {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    z-index: 0;
    overflow: hidden;
}

.brand-video__layer:before,
.brand-video__layer:after {
    content: '';
    display: table;
}

.brand-video__item.is-opened .brand-video__layer {
    z-index: 100;
}

.brand-video__contents {
    position: relative;
    margin: 30px 0 4px;
    background: #f4f4f4;
}

.brand-video__contents__inner {
    width: 800px;
    margin: 0 auto;
    padding: 50px 0;
}

.brand-video__close {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50px;
    right: 50px;
    background: url('../icon/icon-close-03.svg') no-repeat 50% 50%;
}

.brand-video__video {
    position: relative;
    padding-top: 56.25%;
}

.brand-video__video iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.brand-video__contents-title {
    margin: 20px 0 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.brand-video__contents-text {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
}

/* layer-ratings-standards */
.layer-ratings-standards .layer-contents-head {
    margin-bottom: 10px;
}

.layer-ratings-standards .line-tab {
    margin-bottom: 30px;
}

.layer-ratings-standards .ui-scroller {
    max-height: 298px;
}

.layer-ratings-standards .ui-scroller>.simplebar-vertical {
    -webkit-transform: translateX(24px);
    transform: translateX(24px);
}

/* insurance-guide */
.insurance-guide__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.insurance-guide__item+.insurance-guide__item {
    border-top: 1px dashed #dfdfdf;
    margin-top: 30px;
    padding-top: 30px;
}

.insurance-guide__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.insurance-guide__img {
    display: block;
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

.insurance-guide__contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.insurance-guide__text {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

.insurance-guide__sub-text {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
}

/* coming-soon */
.coming-soon {
    padding-top: 396px;
    text-align: center;
    background: url('../images/illustration/coming-soon.svg') no-repeat 50% 0;
}

.coming-soon__title {
    margin: 0;
    font-size: 36px;
    line-height: 54px;
    font-weight: 500;
}

.coming-soon__text {
    margin: 30px 0 0;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}

/* clause-contents */
.clause-contents {
    word-break: keep-all;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}

.clause-title:first-child,
.clause-text:first-child,
.clause-section:first-child,
.clause-section__title:first-child,
.clause-list:first-child,
.clause-list__item:first-child {
    margin-top: 0;
}

.clause-title:last-child,
.clause-text:last-child,
.clause-section:last-child,
.clause-section__title:last-child,
.clause-list:last-child,
.clause-list__item:last-child {
    margin-bottom: 0;
}

.clause-title {
    margin: 36px 0;
    font-size: 22px;
    line-height: 33px;
    font-weight: 500;
    color: #0f0f0f;
}

.clause-text {
    margin: 18px 0;
}

.clause-section {
    margin: 36px 0;
}

.clause-section__title {
    margin: 18px 0;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    color: #0f0f0f;
}

.clause-section--child {
    margin: 24px 0;
}

.clause-section--child>.clause-section__title {
    margin: 18px 0;
    font-size: 16px;
    line-height: 24px;
}

.clause-list {
    list-style: none;
    margin: 18px 0;
    padding: 0;
}

.clause-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0;
}

.clause-list__symbol {
    margin-right: 8px;
    min-width: 16px;
}

.clause-list__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.clause-list.clause-list--hyphen>.clause-list__item>.clause-list__symbol {
    min-width: 0;
}

.clause-list.clause-list--child {
    margin: 8px 0;
}

.clause-list.clause-list--child>.clause-list__item {
    margin: 0;
}

.clause-scroller .clause-table {
    min-width: 1000px;
}

.clause-table>table {
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
}

.clause-table>table>thead>tr>th,
.clause-table>table>tbody>tr>th,
.clause-table>table>tbody>tr>td {
    box-sizing: border-box;
    padding: 8px 16px;
    vertical-align: middle;
    text-align: left;
    font-weight: 400;
    border: 1px solid #f4f4f4;
    background-color: #fff;
}

.clause-table>table>thead>tr>th,
.clause-table>table>tbody>tr>th {
    color: #fff;
    background-color: #6a7373;
}

.clause-table>table>thead>tr>th {
    text-align: center;
}

.clause-table .clause-list {
    margin: 0;
}

.clause-scroller--child {
    margin: 8px 0;
}

/* atm-find-select */
.atm-find-select__city {
    width: 35.299%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.atm-find-select__district {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

/* store-check */
.store-check:before {
    content: '';
    display: table;
}

.store-check__list {
    list-style: none;
    margin: -6px 0 0 -6px;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.store-check__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    padding: 6px 0 0 6px;
    box-sizing: border-box;
}

.store-check__button {
    position: relative;
    z-index: 0;
}

.store-check__button .ui-checkbox {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.store-check__button-label {
    display: block;
    font-size: 13px;
    line-height: 19px;
    padding: 5px 10px 6px 28px;
    border-radius: 15px;
    background: url('../icon/list-marker-mintit.svg') no-repeat 8px 50% #f4f4f4;
    background-size: 18px 18px;
}

.store-check__button .ui-checkbox:checked+.store-check__button-label {
    color: #fff;
    background-color: #2bd3c6;
    background-image: url('../icon/list-marker-mintit-white.svg');
}

.store-check__item--sk .store-check__button-label,
.store-check__item--sk .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-sk.svg');
}

.store-check__item--emart .store-check__button-label,
.store-check__item--emart .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-emart.svg');
}

.store-check__item--homeplus .store-check__button-label,
.store-check__item--homeplus .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-homeplus.svg');
}

.store-check__item--samsung .store-check__button-label,
.store-check__item--samsung .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-samsung.svg');
}

.store-check__item--lottemart .store-check__button-label,
.store-check__item--lottemart .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-lottemart.svg');
}

.store-check__item--post .store-check__button-label,
.store-check__item--post .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-post.svg');
}

.store-check__item--lgu .store-check__button-label,
.store-check__item--lgu .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-lgu.svg');
}

.store-check__item--kt .store-check__button-label,
.store-check__item--kt .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-kt.svg');
}

.store-check__item--himart .store-check__button-label,
.store-check__item--himart .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-himart.svg');
}

.store-check__item--eland .store-check__button-label,
.store-check__item--eland .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-eland.svg');
}

.store-check__item--wash .store-check__button-label,
.store-check__item--wash .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-wash.svg');
}

.store-check__item--lgshop .store-check__button-label,
.store-check__item--lgshop .ui-checkbox:checked+.store-check__button-label {
    background-image: url('../icon/list-marker-lgshop.svg');
}

/* contents--mintit-care-type */
.contents--mintit-care-type .notice-list {
    margin-top: 30px;
}



/* info-table */
.info-table {
    border-top: 1px solid #cfcfcf;
}

.info-table>table {
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
}

.info-table>table>thead>tr>th,
.info-table>table>tbody>tr>th,
.info-table>table>tbody>tr>td {
    box-sizing: border-box;
    vertical-align: middle;
    word-break: keep-all;
    word-wrap: break-word;
}

.info-table>table>tbody>tr>th,
.info-table>table>tbody>tr>td {
    border-bottom: 1px solid #e9e9e9;
}

.info-table>table>thead>tr>th,
.info-table>table>tbody>tr>th {
    text-align: center;
    padding: 13px 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #707070;
    background: #f4f4f4;
}

.info-table>table>tbody>tr>th {
    width: 90px;
}

.info-table>table>tbody>tr>td {
    text-align: left;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.info-table>table>thead>tr>th+th,
.info-table>table>tbody>tr>td+td {
    border-left: 1px solid #e9e9e9;
}

.info-table>table>tbody>tr>td[rowspan] {
    border-right: 1px solid #e9e9e9;
}

.info-table>table>tbody>tr>td[rowspan]+td {
    border-left-width: 0;
}

.info-table__small-text {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    color: #9b9b9b;
}

/* info-table--regular */
.info-table--regular>table>thead>tr>th,
.info-table--regular>table>tbody>tr>th {
    padding-top: 22px;
    padding-bottom: 22px;
    font-size: 14px;
    line-height: 20px;
}

.info-table--regular>table>tbody>tr>th {
    width: 150px;
}

.info-table--regular>table>tbody>tr>td {
    padding: 20px;
    font-size: 16px;
    line-height: 24px;
}

.info-table--regular .info-table__small-text {
    font-size: 12px;
    line-height: 18px;
    margin-top: 3px;
    margin-bottom: 3px;
}

/* info-table--inner */
.info-table--inner {
    margin: -12px -16px;
    border-top: none;
}

.info-table--regular .info-table--inner {
    margin: -20px;
}

.info-table--inner>table>tbody>tr:last-child>td {
    border-bottom: none;
}

/* document-list */
.document-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.document-list__item+.document-list__item {
    margin-top: 14px;
}

.document-list__item {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 90px 5px 26px;
    background: url('../icon/document.svg') no-repeat 0 6px;
}

.document-list__button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 18px;
    padding: 5px;
    width: 82px;
}

/* primary-document-list */
.primary-document-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cfcfcf;
}

.primary-document-list__item {
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding: 22px 120px 22px 50px;
    background: url('../icon/primary-document.svg') no-repeat 10px 20px;
}

.primary-document-list__item--pdf {
    background-image: url('../icon/primary-document-pdf.svg');
}

.primary-document-list__button {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 12px;
    line-height: 18px;
    padding: 5px;
    width: 82px;
}

/* layer-mintit-care-guide-info */
.layer-mintit-care-guide-info {
    padding: 20px;
    background: #f4f4f4;
}

.layer-mintit-care-guide-info__item {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
}

.layer-mintit-care-guide-info__val {
    margin: 0;
}

/* layer-mintit-care-guide */
.layer-mintit-care-guide .layer-contents-head .notice-list {
    margin-top: 20px;
}

.layer-mintit-care-guide .dot-list {
    margin-top: 20px;
    margin-bottom: 30px;
}

.layer-mintit-care-guide .dot-list__item {
    color: #aeaeae;
}

.layer-mintit-care-guide .dot-list__item:before {
    background-color: #aeaeae;
}

.layer-mintit-care-guide .dashed-list__item {
    color: #6a7373;
}

.layer-mintit-care-guide .layer-mintit-care-guide-info {
    margin-top: 30px;
}

/* mintit-guarantee */
.mintit-guarantee {
    padding: 40px;
    background: #f4f4f4;
}

.mintit-guarantee__logo {
    text-align: center;
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #2bd3c6;
}

.mintit-guarantee__logo:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    width: 16px;
    height: 24px;
    background: url('../icon/product-mintit-care.svg') no-repeat 50% 50%;
    background-size: 16px 19px;
}

.mintit-guarantee__title {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
    text-align: center;
}

.mintit-guarantee__title strong {
    font-weight: 500;
}

.mintit-guarantee__text {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #6a7373;
    text-align: center;
}

.mintit-guarantee__notice {
    margin: 30px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #aeaeae;
    text-align: center;
}

.mintit-guarantee__text+.mintit-guarantee__section {
    margin-top: 40px;
}

.mintit-guarantee__section+.mintit-guarantee__section {
    margin-top: 30px;
}

.mintit-guarantee__section {
    padding: 30px;
    border-radius: 20px;
    background: #fff;
}

.mintit-guarantee__section-inner {
    padding-left: 110px;
    min-height: 80px;
    background: no-repeat 0 50%;
}

.mintit-guarantee__section--free-returns .mintit-guarantee__section-inner {
    background-image: url('../images/illustration/mintit-guarantee-01.svg');
}

.mintit-guarantee__section--mintit-care .mintit-guarantee__section-inner {
    background-image: url('../images/illustration/mintit-guarantee-02.svg');
}

.mintit-guarantee__section-title {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.mintit-guarantee__section-title-with {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin: 4px 0 3px;
}

.mintit-guarantee__section-title-with--carrot {
    color: #f05018;
}

.mintit-guarantee__section-title-logo {
    display: inline-block;
    vertical-align: top;
    height: 27px;
    background: no-repeat 50% 50%;
}

.mintit-guarantee__section-title-logo--carrot {
    width: 47px;
    background-image: url('../images/common/carrot-logo.svg');
    background-position: 50% 45%;
    background-size: 47px 14px;
}

.mintit-guarantee__section-text {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
    word-break: keep-all;
    word-wrap: break-word;
}

.mintit-guarantee__section-link {
    margin-top: 8px;
    font-size: 0;
    line-height: 0;
}

.mintit-guarantee__section-link a {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    color: #0ac3bc;
    text-decoration: underline;
}

.mintit-guarantee__section-inner+.dot-list {
    border-top: 1px solid #e9e9e9;
    margin-top: 30px;
    padding-top: 30px;
}

.mintit-guarantee__section .dot-list__item {
    color: #9b9b9b;
    word-break: keep-all;
    word-wrap: break-word;
}

.mintit-guarantee__section .dot-list__item:before {
    background-color: #9b9b9b;
}

/* contents--privacy-policy */
/* contents--terms-of-use */
.contents--privacy-policy .ui-dropdown-menu,
.contents--terms-of-use .ui-dropdown-menu {
    width: 300px;
    margin-bottom: 30px;
}

/* example-slide */
.example-slide__list {
    display: none;
}

.example-slide__item {
    box-sizing: border-box;
    padding: 0 5px;
}

.example-slide__img {
    display: block;
    width: 100%;
    height: auto;
}

.example-slide__list.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.example-slide .swiper-object {
    margin: 0 -30px;
    overflow: hidden;
}

.example-slide .swiper-container {
    overflow: visible;
    margin: 0 25px;
}

/* ratings-standards-example */
.layer-ratings-standards-example .example-slide {
    margin-top: 30px;
}

.layer-ratings-standards-example .product__rating {
    font-size: 18px;
    line-height: 26px;
    padding-left: 30px;
    background-size: 24px 24px;
    margin-bottom: 8px;
}

/* mintit-care-catalog */
.mintit-care-catalog {
    margin-top: 50px;
}

.mintit-care-catalog .notice-list {
    margin-top: 30px;
}

.mintit-care-catalog .dot-list {
    margin-top: 20px;
}

.mintit-care-catalog .info-table .dot-list {
    margin-top: 8px;
}

.mintit-care-catalog .dot-list .dashed-list,
.mintit-care-catalog .dot-list .symbol-list {
    margin-top: 8px;
}

/* catalog-section */
.catalog-section+.catalog-section {
    margin-top: 80px;
}

.catalog-section__head {
    margin-bottom: 50px;
}

.catalog-section__title {
    margin: 0;
    font-size: 36px;
    line-height: 54px;
    font-weight: 300;
}

.catalog-section__title strong {
    font-weight: 500;
}

.catalog-section__title__with {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin: 20px 0 4px;
}

.catalog-section__title__with--carrot {
    color: #f05018;
}

.catalog-section__title__with--samsungfire {
    color: #0f218b;
}

.catalog-section__title__logo {
    display: inline-block;
    vertical-align: top;
    height: 54px;
    background: no-repeat 50% 60%;
}

.catalog-section__title__logo--carrot {
    width: 95px;
    background-image: url('../images/common/carrot-logo.svg');
    background-size: 95px 27px;
}

.catalog-section__title__logo--samsungfire {
    width: 89px;
    background-image: url('../images/common/samsungfire-logo.svg');
}

/* catalog-feature */
.catalog-feature:before {
    content: '';
    display: table;
}

.catalog-feature__list {
    margin: -20px 0 0 -20px;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}

.catalog-feature__item {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: normal;
    box-sizing: border-box;
    width: 33.333333%;
    padding: 20px 0 0 20px;
}

.catalog-feature__block {
    position: relative;
    border: 1px solid #dfdfdf;
    padding: 30px 30px 150px;
}

.catalog-feature__block:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    background: no-repeat 50% 50%;
}

.catalog-feature__block--display:before {
    background-image: url('../images/illustration/catalog-feature-01.svg');
}

.catalog-feature__block--used:before {
    background-image: url('../images/illustration/catalog-feature-02.svg');
}

.catalog-feature__block--in-atm:before {
    background-image: url('../images/illustration/catalog-feature-03.svg');
}

.catalog-feature__block--damaged:before {
    background-image: url('../images/illustration/catalog-feature-04.svg');
}

.catalog-feature__title {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
}

.catalog-feature__title strong {
    font-weight: 500;
}

.catalog-feature__text {
    margin: 9px 0 0;
    font-size: 14px;
    line-height: 20px;
    color: #6a7373;
}

.catalog-feature__text-row {
    display: block;
}

/* layer-mintit-care-damaged-info */
.layer-mintit-care-damaged-info .dot-list .dashed-list {
    margin-top: 8px;
}

.layer-mintit-care-damaged-info .form-section--popup-no-line+.form-section--popup-no-line {
    margin-top: 20px;
}

.layer-mintit-care-damaged-info .form-section--popup-no-line .form-section__head {
    margin-bottom: 10px;
}

.layer-mintit-care-damaged-info .guide-box {
    margin-top: 30px;
}

.layer-mintit-care-damaged-info .guide-box .form-section--popup-no-line .form-section__title {
    font-weight: 400;
}

.layer-mintit-care-damaged-info .guide-box .form-section--popup-no-line .form-section--popup-no-line .form-section__title {
    font-size: 14px;
    line-height: 20px;
    color: #707070;
}

.layer-mintit-care-damaged-info .guide-box .dashed-list {
    margin-top: 8px;
}

/* process-guide */
.process-guide {
    margin-top: 50px;
}

.process-guide__section+.process-guide__section {
    margin-top: 10px;
}

.process-guide__section__head {
    margin-bottom: 16px;
}

.process-guide__section__title {
    position: relative;
    margin: 0;
    font-size: 36px;
    line-height: 54px;
    font-weight: 500;
    padding-left: 60px;
}

.process-guide__section__title-num {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 40px;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    background: #0f0f0f;
}

.process-guide__section__body {
    margin-left: 19px;
    padding: 14px 0 40px 41px;
    background: url('../images/background/dot.svg') repeat-y 0 0;
}

.process-guide__section:last-child .process-guide__section__body {
    background: none;
    padding-bottom: 0;
}

.process-guide__text {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    color: #707070;
}

.process-guide__text+.process-guide__text,
.process-guide__text+.notice-list {
    margin-top: 20px;
}

.process-guide__text+.process-guide__box {
    margin-top: 30px;
}

.process-guide__text--secondary {
    color: inherit;
}

.process-guide__box {
    padding: 40px;
    border-radius: 10px;
    background: #f4f4f4;
}

/* notice-section */
.notice-section+.notice-section {
    margin-top: 30px;
}

.notice-section__head {
    margin-bottom: 14px;
}

.notice-section__title {
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    padding-left: 30px;
    background: url('../icon/notice-title.svg') no-repeat 0 6px;
}

.notice-section__body {
    padding: 0 30px;
}

.notice-section .dot-list__item>.dashed-list {
    margin-top: 8px;
}

/* process-guide-list */
.process-guide-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.process-guide-list__item+.process-guide-list__item {
    margin-top: 10px;
}

.process-guide-list__item {
    position: relative;
    padding: 20px 30px 20px 100px;
    border-radius: 2px;
    background: #fff;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}

.process-guide-list__step {
    display: block;
    position: absolute;
    top: 22px;
    left: 30px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #2bd3c6;
}

/* contents--monthly-choice */
.contents--monthly-choice .ui-accordion--agree .ui-accordion__contents {
    padding-bottom: 0;
}

/* insurance-product-info */
.insurance-product-info {
    list-style: none;
    padding: 0;
    margin: 0;
}

.insurance-product-info__item+.insurance-product-info__item {
    margin-top: 10px;
}

.insurance-product-info__block {
    border: 1px solid #dfdfdf;
    padding: 29px;
}

.insurance-product-info__block .form-list__row+.form-list__row {
    margin-top: 14px;
}

.insurance-product-info__block .form-list__row {
    padding-left: 130px;
}

.insurance-product-info__block .form-list__key {
    margin-left: -130px;
    width: 130px;
}

/* event-contents */
.event-contents img {
    display: block;
    width: 100%;
}

.event-contents__link-area {
    position: relative;
}

.event-contents__link {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0);
}

/*.event-contents__link-area > .event-contents__link {*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/
/*}*/

/* chart-area */
.chart-area {
    height: 225px;
    min-height: 0 !important;
}

/* catalog-define */
.catalog-define__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.catalog-define__item {
    position: relative;
    padding-left: 11px;
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalog-define__item::before {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #6a7373;
}

.catalog-define__item.center {
    display: flex;
    align-items: center;
}

.catalog-define__item.center:first-child {
    margin-bottom: 26px;
}

.catalog-define__item.center::before {
    top: 43%;
}

.catalog-define__item+.catalog-define__item {
    margin-top: 10px;
}

.catalog-define__key {
    position: relative;
    color: #6a7373;
    padding-right: 25px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.catalog-define__key::before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    right: 12px;
    height: 10px;
    border-left: 1px solid #6a7373;
}

.catalog-define__val {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

/* gift-text */
.gift-text {
    position: relative;
    padding-left: 26px;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #173e92;
    background: url('../icon/gift.svg') no-repeat 0 2px;
}

.gift-text__sub-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

/* catalog-benefit */
.catalog-benefit {
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalog-benefit__left,
.catalog-benefit__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-benefit__inner {
    width: 100%;
    box-sizing: border-box;
    padding: 50px;
}

.catalog-benefit__left {
    width: 56%;
}

.catalog-benefit__right {
    position: relative;
    width: 44%;
    box-sizing: border-box;
    border-left: 1px dashed #dfdfdf;
}


.catalog-benefit__title {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 24px;
    color: #2bd3c6;
}

/* return-box-link */
.return-box-link {
    padding: 26px 50px 26px 88px;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url('../icon/info.svg') no-repeat 44px 50% #f5f9ff;
}

.return-box-link__text {
    font-size: 18px;
    line-height: 27px;
}

.return-box-link__link {
    display: block;
    font-size: 18px;
    line-height: 27px;
    color: #707070;
    text-decoration: none;
    padding-right: 20px;
    background: url('../icon/arrow-05.svg') no-repeat 100% 50%;
}

/* billing */
.billing {
    border-top: 1px solid #0f0f0f;
}

.billing__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.billing__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 0;
    border-bottom: 1px solid #e9e9e9;
    font-size: 16px;
    line-height: 24px;
}

.billing__cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.billing__date {
    width: 200px;
    color: #aeaeae;
    text-align: center;
}

.billing__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 0 20px;
}

.billing__state {
    width: 110px;
    font-weight: 500;
    color: #2bd3c6;
    text-align: center;
}

.billing__info-date {
    margin-bottom: 12px;
    color: #aeaeae;
}

.billing__info-amount {
    margin-top: 10px;
    font-size: 22px;
    line-height: 27px;
    font-weight: 500;
}

.billing__info-amount__won {
    display: inline-block;
    vertical-align: top;
    padding: 6px 0 3px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}

/* billing--popup */
.billing--popup .billing__item {
    padding: 20px 0;
}

.billing--popup .billing__info {
    padding: 0;
}

.billing--popup .billing__state {
    width: 90px;
    text-align: right;
}

.billing--popup .billing__info-amount {
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
}

.billing--popup .billing__info-amount__won {
    font-size: 16px;
    line-height: 24px;
    padding: 0;
}

/* galaxy-clup-catalog */
.galaxy-clup-catalog {
    margin-top: 50px;
}

/* galaxy-clup-catalog--product */
.galaxy-clup-catalog--product .notice-list {
    margin-top: 20px;
}

.galaxy-clup-catalog--product .gift-text {
    margin-top: 30px;
}

.galaxy-clup-catalog--product .catalog-benefit {
    margin-top: 40px;
}

.galaxy-clup-catalog--product .flow-guide {
    margin-top: 50px;
}

.galaxy-clup-catalog--product .flow-guide+.notice-list {
    margin-top: 30px;
}

/* galaxy-clup-catalog--return */
.galaxy-clup-catalog--return .flow-guide {
    margin-top: 38px;
}

.galaxy-clup-catalog--return .dot-list {
    margin-top: 20px;
}

/* contents--galaxy-clup-my-info */
.contents--galaxy-clup-my-info .return-box-link {
    margin-bottom: 56px;
}

.contents--galaxy-clup-my-info .notice-list {
    margin-top: 20px;
}

.contents--galaxy-clup-my-info .galaxy-clup-my-info-link {
    margin-top: 20px;
}

.contents--galaxy-clup-my-info .select-links__item--callcenter .select-links__link {
    padding-top: 23px;
    padding-bottom: 24px;
}

.contents--galaxy-clup-my-info .select-links__item--callcenter .select-links__text {
    margin-top: 0;
    font-size: 16px;
    line-height: 24px;
}

/* galaxy-clup-inquiry-info */
.galaxy-clup-inquiry-info__text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 14px;
}

.galaxy-clup-inquiry-info__small-text {
    color: #aeaeae;
    font-size: 12px;
    line-height: 18px;
}

/* contents--galaxy-clup-complete-info */
.contents--galaxy-clup-complete-info .notice-list {
    margin-top: 20px;
}

.contents--galaxy-clup-complete-info .primary-document-list {
    margin-top: 20px;
}

.contents--galaxy-clup-complete-info .galaxy-clup-inquiry-info {
    margin-top: 40px;
}



/* IMEI �깅줉 */
.imei-register__box {
    margin-bottom: 72.5px;
}

.imei-register__box h3 {
    font-size: 28px;
    font-weight: 500;
}

.imei-register__box .imei-register__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.imei-register__box .imei-register__header p {
    cursor: pointer;
}

.imei-register__box .imei-register__contents {
    margin-bottom: 40px;
}

.imei-register__box .imei-register-stplat__box {
    padding: 20px;
    background: #fafafa;
    color: #0f0f0f;
    margin-bottom: 16px;
    max-height: 245px;
    min-height: 245px;
    overflow: auto;
}

.imei-register__box .imei-register-stplat__box * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.imei-register__box .imei-register-stplat__box h1 {
    font-size: 20px;
    margin-bottom: 24px;
    font-weight: 500;
}

.imei-register__box .imei-register-stplat__box h3 {
    font-size: 18px;
    margin-bottom: 24px;
    font-weight: 500;
}

.imei-register__box .imei-register-stplat__box table {
    margin: 1rem 0;
    border: 1px solid #000;
    border-collapse: collapse;
}

.imei-register__box .imei-register-stplat__box table th {
    background: #efefef;
}

.imei-register__box .imei-register-stplat__box table th,
.imei-register__box .imei-register-stplat__box table td {
    border: 1px solid #000;
    padding: 10px;
    word-break: break-all;
}

.imei-register__box .imei-register-stplat__box ul>li {
    display: flex;
}

.imei-register__box .imei-register-stplat__box ul>li>span {
    margin-right: 1rem;
}

.imei-register__box .imei-register-stplat__box .imei-register-stplat__list {
    padding-left: 24px;
    font-size: 18px;
}

.imei-register__box .imei-register-stplat__box .imei-register-stplat__list__child {
    list-style: disc;
    padding-left: 24px;
    font-size: 16px;
    margin-top: 18px;
    color: #333;
}

.imei-register__box .imei-register-stplat__box .imei-register-stplat__list li:not(:last-child) {
    margin-bottom: 0.7em;
}

.imei-register__box .imei-register__contents .imei-register__checkbox {
    text-align: right;
}

.imei-register__box .imei-register__input-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.imei-register__box .imei-register__input-wrapper .imei-register__input-box {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.imei-register__box .imei-register__input-wrapper .imei-register__input-box:not(:last-child) {
    margin-bottom: 40px;
}

.imei-register__box .imei-register__input-wrapper .imei-register__input-box.align-items-center {
    align-items: center;
}

.imei-register__box .imei-register__input-wrapper .imei-register__input-box label {
    width: 20%;
    color: #6A7373;
}

.imei-register__box .imei-register__input-wrapper .imei-register__input-box input {
    width: 371px;
    height: 48px;
    padding: 13px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
    font-size: 15px;
    margin: 0;
}

.imei-register__box button {
    width: 300px;
    height: 60px;
    border: none;
    border-radius: 100px;
    outline: none;
    background: #2bd3c6;
    color: #fff;
    box-sizing: border-box;
    font-size: 18px;
}

.imei-register__box ul {
    padding: 0;
    margin: 0;
}

.imei-register__box li {
    list-style: none;
}

.imei-register__box .imei-register__radio-wrapper {
    width: 80%;
}

.imei-register__box .imei-register__radio-box {
    display: flex;
    align-items: center;
    padding: 24.5px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}


.imei-register__box .imei-register__radio-box:hover {
    border: 1px solid #66d5cf;
}

.imei-register__box .imei-register__radio-box.imei-register__radio-box__checked {
    border: 2px solid #2BD3C6;
}

.imei-register__box .imei-register__radio-box:not(:last-child) {
    margin-bottom: 15px;
}

.imei-register__box .imei-register__input-wrapper .imei-register__radio-box .imei-register__radio {
    width: 21px;
    height: 21px;
    margin: 0 40px 0 0;
}

.imei-register__box .imei-register__radio-box>div {
    display: flex;
    align-items: center;
    width: 100%;
}

.imei-register__box .imei-register__radio-box h3,
p {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.imei-register__box .imei-register__radio-box h3 {
    margin-right: auto;
}

.imei-register__box .imei-register__button-box {
    width: 100%;
    text-align: center;

}

.imei-register__box .imei-register__button-box button.disabled {
    background: #d9d9d9;
}

.form-section .input-and-button {
    display: flex;
}

.form-section .input-and-button>input {
    width: 370px;
    padding: 14px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box;
    margin-right: 8px;
    font-size: 16px;
}

.form-section .input-and-button>input[disabled] {
    color: #aeaeae;
}

.form-section .input-and-button>button {
    padding: 14px 22px;
    background: none;
    border: 1px solid #2BD3C6;
    border-radius: 4px;
    color: #2BD3C6;
    box-sizing: border-box;
    cursor: pointer;
}


.mypage-menu__item--performance .mypage-menu__link:before {
    background-image: url('../icon/mypage-performance.svg');
}

.order-card__brand {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}

/* order-card--disabled */
.order-card--disabled .order-card__brand {
    color: #b6b6b6;
}

.order-card--disabled .order-card__name {
    color: #868686;
}

.order-card--disabled .order-card__etc__item {
    color: #bdc1c1;
}

.order-card--disabled .order-card__etc__item+.order-card__etc__item:before {
    border-left-color: #eee;
}

/* order-card--performance */
.order-card--performance .order-card__name {
    font-size: 22px;
    line-height: 33px;
}

.order-card--performance .order-card__etc__item {
    font-size: 16px;
    line-height: 24px;
}

.order-card--performance .order-card__etc__item+.order-card__etc__item {
    margin-left: 17px;
}

.order-card--performance .order-card__etc__item+.order-card__etc__item:before {
    left: -9px;
}

.order-card--performance .order-card__cell {
    padding-top: 24px;
    padding-bottom: 24px;
}

.order-card--performance .notice-list {
    margin-top: 17px;
}


/* 媛ㅻ윮�� �대읇 媛��� �꾨즺 �섏씠吏� */
.contents-wrap__body.club-join-success {
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.contents-wrap__body.club-join-success .body-header {
    padding: 14px 32px;
    background: #0f4f9f;
    color: #fff;
}

.club-join-success__box {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.club-join-success__box .club-join-success__title {
    text-align: center;
    margin: 0 0 10px;
}

.club-join-success__box .club-join-success__title img {
    margin: 0 0 32px;
}

.club-join-success__box .club-join-success__title h2 {
    font-size: 36px;
    margin: 0 0 12px;
    line-height: 1.4em;
    font-weight: 500;
}

.club-join-success__box .club-join-success__title p {
    font-size: 26px;
    margin: 0;
    color: #545e5e;
    font-weight: 500;
}

.club-join-success__box .notice-list__item {
    font-size: 20px;
    margin-top: 12px;
}

.club-join-success__box .club-join-success__login {
    width: 360px;
}

.club-join-success__box .ui-basic-button {
    border: 1px solid #2bd3c6;
    background: #2bd3c6;
}

/* img-only */
img.img-only {
    max-width: 320px;
    margin: 0 auto;
    display: block;
}

/* �대깽�� �섏씠吏��� �고듃�ъ씠利� */
.page-header__small-text.event-option {
    color: #2bd3c6;
    font-size: 20px;
    margin-top: 8px;
}

/* 媛ㅽ겢 媛��낅궡�� 議고쉶 imei hist */
.imei-hist-wrapper {
    height: 0;
    overflow: hidden;
    transition: height 0.3s;
    margin-top: 0 !important;
}

.imei-hist-list {
    width: 520px;
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 20px;
}

.imei-hist-item {
    padding: 14px 16px;
    background: #e0e0e0;
    border-radius: 4px;
}

.imei-hist-item div {
    display: flex;
    width: 100%;
}

.imei-hist-item span {
    margin-left: auto;
}

.imei-hist-item:not(:last-child) {
    margin-bottom: 1rem;
}

.imei-hist-btn {
    display: flex;
}

.form-section .input-and-button>button.imei-hist-btn:not(.active) {
    background: #2BD3C6;
    color: #fff;
}

.form-section .input-and-button>button.imei-hist-btn:not(.active) span {
    background: url("../icon/arrow-02-white.svg") no-repeat center center;
    background-size: contain;
    transform: rotate(90deg);
    margin-top: 4px;
}

.imei-hist-btn span {
    display: block;
    width: 14px;
    height: 14px;
    margin-left: 6px;
    background: url("../icon/arrow-02-active.svg") no-repeat center center;
    background-size: contain;
    transform: rotate(-90deg);
    margin-top: 2px;
}

/* �대깽�� �섏씠吏��� �고듃�ъ씠利� */
.page-header__small-text.event-option {
    color: #2bd3c6;
    font-size: 20px;
    margin-top: 8px
}

/* 由щ돱�� footer */
.footer__contents-nav__wrapper {
    position: relative;
}

.footer__contents-nav__wrapper:not(:first-child):after {
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    content: '';
    width: 1px;
    height: 90%;
    background: #e1e1e1;
}

.footer__contents-nav {
    display: flex;
    justify-content: space-between;
    max-width: 1045px;
    padding: 0 40px;
    margin: 0 auto 60px;
    text-align: left;
    box-sizing: border-box;
}

.footer__contents-nav__list {
    list-style: none;
    color: #222;
    text-align: left;
    padding: 0;
    margin: 0;
}

.footer__contents-nav__title {
    font-size: 14px;
    color: #222;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer__contents-nav__item {
    margin-bottom: 12px;
}

.footer__contents-nav__link {
    text-decoration: none;
    color: #222;
    font-size: 14px;
    font-weight: 400;
}

.footer__contents-nav__list-wrapper>.footer__contents-nav__item-wrapper {
    list-style: none;
    padding: 0
}

.footer__contents-nav__list-wrapper:not(:last-child)>.footer__contents-nav__item-wrapper {
    margin-right: 50px;
}

.footer__contents-nav__list.footer__contents-nav__list-split {
    display: flex;
}

.footer__contents-nav__inner-title {
    margin-bottom: 12px;
    font-size: 14px;
    color: #8e8e8e;
}

.footer__contents-nav__inner-list {
    list-style: none;
    padding-left: 0;
}

.footer__contents-nav__inner-item {
    margin-bottom: 12px;
}

.footer__contents-nav__inner-item>.footer__contents-nav__link {
    display: flex;
    align-items: center;
}

.footer__contents-nav__inner-item>.footer__contents-nav__link span {
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    /* background: url("../icon/icon_link.svg") no-repeat center center;
    background-size: contain; */
}

.contents-wrap__body.renewal {
    background: #fafafa;
    padding-top: 80px;
}

.contents-wrap__body.renewal .home-big-banner__block {
    height: 450px;
}

.contents-wrap__body.renewal * {
    box-sizing: border-box;
}

.contents-wrap__body.renewal .home-big-banner img {
    border-radius: 12px;
}

.contents--home-section {
    display: flex;
    width: 100%;
    max-width: 1215px;
    margin: 0 auto;
}

.contents--home-section:first-child {
    margin-top: 100px;
}

.contents--home-section:not(:last-child) {
    margin-bottom: 30px;
}

.contents--home-section:last-child {
    margin-bottom: 100px;
}

.contents--home-section__item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    /* padding: 60px 60px 0; */
    border-radius: 20px;
    background: #fff;
}


.contents--home-section__item:not(:last-child) {
    margin-right: 30px;
}

.contents--home-section__item .contents--home-section__text-wrapper {
    padding-bottom: 60px;
}

.contents--home-section__item .contents--home-section__sub-title {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 16px;
}

.contents--home-section__item .contents--home-section__main-title {
    font-size: 36px;
    margin: 0 0 16px;
}

.contents--home-section__item .contents--home-section__description {
    font-size: 16px;
    margin-bottom: 24px;
}

.contents--home-section__item .contents--home-section__buttons {
    padding-top: 24px;
}

.contents--home-section__item .contents--home-section__button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 173px;
    padding: 10px 0;
    border: 1px solid #000;
    border-radius: 100px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.contents--home-section__item .contents--home-section__button:not(:last-child) {
    margin-right: 16px;
}

.contents--home-section__item .contents--home-section__button.is-mobile-only {
    display: none;
}
/* 
.contents--home-section__item .contents--home-section__apple-logo {
    background-image: url("../icon/icon-applekorea.svg");
}

.contents--home-section__item .contents--home-section__google-logo {
    background-image: url("../icon/icon-googleplay.svg");
} */

.contents--home-section__item .contents--home-section__link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #33ccbd;
}

.contents--home-section__item .contents--home-section__link::after {
    content: '';
    display: block;
    background: url("../icon/arrow-02-active.svg") no-repeat center bottom;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.contents--home-section__item .contents--home-section__logo {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.contents--home-section__item .contents--home-section__image-wrapper {
    display: flex;
    justify-content: center;
    text-align: center;
}

.contents--home-section__item__small {
    flex-direction: column;
    width: 50%;
}

.contents--home-section:nth-child(2) .contents--home-section__image-wrapper {
    margin-right: 100px;
}

.contents--home-section:nth-child(2) .contents--home-section__image {
    width: 100%;
}

.contents--home-section:nth-child(3) .contents--home-section__item {
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.contents--home-section:nth-child(3) .contents--home-section__text-wrapper {
    order: 2;
    text-align: center;
    padding: 0;
    margin-right: 100px;
}

.contents--home-section:nth-child(3) .contents--home-section__image-wrapper {
    order: 1;
}

/* Radio �뺣떟李� */
.ui-radio-box {
    display: flex;
}

.ui-radio-box .ui-radio-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 30px;
}

.ui-radio-box .ui-radio-item input {
    margin-bottom: 4px;
}

/* 媛ㅻ윮�� �뚮옖 移대뱶踰덊샇 �꾨씫 �섏씠吏� */
.contents-wrap__body.club-card-empty {
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.contents-wrap__body.club-card-empty .body-header {
    padding: 14px 32px;
    background: #0f4f9f;
    color: #fff;
}

.club-card-empty__box {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.club-card-empty__box .club-card-empty__title {
    text-align: center;
    margin: 0 0 10px;
}

.club-card-empty__box .club-card-empty__title img {
    margin: 0 0 32px;
}

.club-card-empty__box .club-card-empty__title h2 {
    font-size: 36px;
    margin: 0 0 80px;
    line-height: 1.4em;
    font-weight: 500;
}

.club-card-empty__box .club-card-empty__form {
    width: 435px;
}

.club-card-empty__box .club-card-empty__form .club-card-empty__form-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.club-card-empty__box .club-card-empty__form .club-card-empty__form-item:not(:last-child) {
    margin-bottom: 12px;
}

.club-card-empty__box .club-card-empty__form .club-card-empty__form-input {
    width: 332px;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #CFCFCF;
    border-radius: 4px;
}

.club-card-empty__box .club-card-empty__form .club-card-empty__card-no-box {
    display: flex;
    width: 332px;
}

.club-card-empty__box .club-card-empty__form .club-card-empty__card-no-box>input {
    width: 25%;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #CFCFCF;
    border-radius: 4px;
}

.club-card-empty__box .club-card-empty__form .club-card-empty__card-no-box>input:not(:last-child) {
    margin-right: 8px;
}

.club-card-empty__box .club-card-empty__form .club-card-empty__card-no-hidden {
    display: none;
}

/* 媛ㅻ윮�� �뚮옖 �좏깮 */
.contents-nav {
    margin-bottom: 24px;
}

.contents-nav__title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}

.contents-nav__list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin: 0;
}

.contents-nav__item {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 17px 0;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.contents-nav__item.contents-nav__item__selected {
    border: 1px solid #33CCBD;
    color: #33CCBD;
}

.contents-nav__item:not(:last-child) {
    margin-right: 16px;
}