* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html,
body {
    font-family: 'NanumSquareL';
    color: #181818;
    background: #fff;
}

p {
    margin: 0 !important;
}

/*#app {*/
    /*height: 100% !important;*/
    /*position: relative !important;*/
    /*width: 100% !important;*/
    /*overflow-x: hidden !important;*/
/*}*/

button {
    color: #181818 !important;
    height: 40px;
    font-size: 13px;
    border-radius: 4px;
}

button:hover,
button:active {
    color: inherit !important;
}

button.button-outline {
    border: 1px solid #ec2020;
    line-height: 38px;
    background-color: white;
    color: #ec2020;
}

input {
    height: 13.5vw;
    font-size: 4.6vw !important;
    color: #000 !important;
    border-radius: 1vw !important;
    padding-left: 4.8vw !important;
    padding-right: 4.8vw !important;
    font-family: 'SpoqaHanSansRegular' !important;
    /*background: #f7f7f7 !important;*/
}

.black {
    color: #181818 !important;
}

.white {
    color: white !important;
}

.gray {
    color: #91949a !important;
}

.red {
    color: #ec2020 !important;
}

.error {
    color: #ec2020 !important;
    text-align: left;
}

.info {
    color: #215aff !important;
}

.bg-black {
    background-color: #181818 !important;
    color: white !important;
}

.bg-white {
    background-color: white !important;
    color: white !important;
}

.bg-gray {
    background-color: #91949a !important;
    color: white !important;
}

.bg-red {
    background-color: #ec2020 !important;
    color: white !important;
}

.bg-red:hover,
.bg-red:active,
.bg-gray:hover,
.bg-gray:active,
.bg-white:hover,
.bg-white:active,
.bg-black:hover,
.bg-black:active {
    color: white !important;
}

.fs-3-2 {
    font-size: 3.2vw !important;
}

.fs-3-5 {
    font-size: 3.5vw !important;
}

.fs-bold {
    font-family: 'SpoqaHanSansBold' !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.margin-none {
    margin: 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-55 {
    margin-right: 55px;
}

.mr-60 {
    margin-right: 60px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-55 {
    margin-left: 55px;
}

.ml-60 {
    margin-left: 60px;
}

.mr-5-8 {
    margin-right: 5.8vw !important;
}

.mb-2-0 {
    margin-bottom: 2vw !important;
}

.padding-none {
    padding: 0;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-4-5 {
    padding-bottom: 4.5vw !important;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-55 {
    padding-right: 55px;
}

.pr-60 {
    padding-right: 60px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-55 {
    padding-left: 55px;
}

.pl-60 {
    padding-left: 60px;
}

.w-24-4 {
    width: 24.4vw !important;
}

.w-34-5 {
    width: 34.5vw !important;
}

.w-60-5 {
    width: 60.5vw !important;
}

.w-66-5 {
    width: 66.5vw !important;
}

.pt-28-4 {
    padding-top: 28.4vw !important;
}

.pt-31-4 {
    padding-top: 31.4vw !important;
}

.ml-5-0 {
    margin-left: 5vw !important;
}

.navbar {
    height: 13.2vw !important;
    background-color: white !important;
}

.navbar::after {
    height: 0 !important;
}

.navbar-inner {
    height: 100% !important;
}

.navbar .right {
    position: absolute;
    right: 0;
    margin: 0 !important;
}

.navbar .title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0 !important;
    font-weight: bold;
}

.dialog {
    border-radius: 13px !important;
    box-shadow: none;
}

.dialog .dialog-text {
    font-size: 13px;
    color: #181818;
    font-family: 'NanumTFR';
}

.dialog-backdrop {
    background: rgba(0, 0, 0, .6);
}

.splash-content {
    padding: 0 30px;
    text-align: center;
}

.input-group {
    text-align: left;
}

.input-group .input-title {
    font-size: 12px;
    color: #181818;
    margin-bottom: 8px !important;
}

.input-group input {
    width: 100%;
    background-color: #eef1f6;
    border: 1px solid #eef1f6;
}

.input-group input.input_content {
    background-color: white;
}

.input-group .input-footer {
    font-size: 12px;
    margin-top: 5px !important;
    opacity: 0;
}

.input-group .input-footer.error {
    opacity: 1;
}

.input-group .input-footer.info {
    opacity: 1;
}

.text-oneline {
    text-align: left !important;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.mt-1-1 {
    margin-top: 1.1vw !important;
}

.mt-1-4 {
    margin-top: 1.4vw !important;
}

.mt-1-7 {
    margin-top: 1.7vw !important;
}

.mt-2-0 {
    margin-top: 2vw !important;
}

.mt-2-3 {
    margin-top: 2.3vw !important;
}

.mt-2-5 {
    margin-top: 2.5vw !important;
}

.mt-2-7 {
    margin-top: 2.7vw !important;
}

.mt-2-8 {
    margin-top: 2.8vw !important;
}

.mt-3-0 {
    margin-top: 3vw !important;
}

.mt-3-2 {
    margin-top: 3.2vw !important;
}

.mt-3-3 {
    margin-top: 3.3vw !important;
}

.mt-3-5 {
    margin-top: 3.5vw !important;
}

.mt-3-9 {
    margin-top: 3.9vw !important;
}

.mt-4-0 {
    margin-top: 4vw !important;
}

.mt-4-2 {
    margin-top: 4.2vw !important;
}

.mt-4-4 {
    margin-top: 4.4vw !important;
}

.mt-4-7 {
    margin-top: 4.7vw !important;
}

.mt-5-0 {
    margin-top: 5vw !important;
}

.mt-5-4 {
    margin-top: 5.4vw !important;
}

.mt-5-5 {
    margin-top: 5.5vw !important;
}

.mt-5-6 {
    margin-top: 5.6vw !important;
}

.mt-6-0 {
    margin-top: 6vw !important;
}

.mt-6-2 {
    margin-top: 6.2vw !important;
}

.mt-6-4 {
    margin-top: 6.4vw !important;
}

.mt-6-8 {
    margin-top: 6.8vw !important;
}

.mt-7-0 {
    margin-top: 7vw !important;
}

.mt-7-7 {
    margin-top: 7.7vw !important;
}

.mt-8-0 {
    margin-top: 8vw !important;
}

.mt-10-2 {
    margin-top: 10.2vw !important;
}

.mt-11-3 {
    margin-top: 11.3vw !important;
}

.mt-12-5 {
    margin-top: 12.5vw !important;
}

.mt-13-0 {
    margin-top: 13vw !important;
}

.mt-14-3 {
    margin-top: 14.3vw !important;
}

.mt-35-0 {
    margin-top: 35vw !important;
}

.mb-3-0 {
    margin-bottom: 3vw !important;
}

.mb-3-2 {
    margin-bottom: 3.2vw !important;
}

.mb-5-2 {
    margin-bottom: 5.2vw !important;
}

.mb-5-6 {
    margin-bottom: 5.6vw !important;
}

.mb-7-0 {
    margin-bottom: 7vw !important;
}

.mb-7-7 {
    margin-bottom: 7.7vw !important;
}

.mb-6-9 {
    margin-bottom: 6.9vw !important;
}

.mb-8-5 {
    margin-bottom: 8.5vw !important;
}

.mb-9-6 {
    margin-bottom: 9.6vw !important;
}

.mb-13-0 {
    margin-bottom: 13vw !important;
}

.mb-13-5 {
    margin-bottom: 13.5vw !important;
}

.mb-20-0 {
    margin-bottom: 20vw !important;
}

.m-auto {
    margin: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.ml-4-0 {
    margin-left: 4vw !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mlr-2-2 {
    margin-left: 2.2vw !important;
    margin-right: 2.2vw !important;
}

.ml-1-5 {
    margin-left: 1.5vw !important;
}

.top-33-0 {
    top: 33vw !important;
}

.pl-2-0 {
    padding: 0 2vw !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-7-5 {
    padding-top: 7.5vw !important;
}

.pt-11-4 {
    padding-top: 11.4vw !important;
}

.pt-13-2 {
    padding-top: 13.2vw !important;
}

.pt-15-7 {
    padding-top: 15.7vw !important;
}

.pt-15-8 {
    padding-top: 15.8vw !important;
}

.pt-20-5 {
    padding-top: 20.5vw !important;
}

.pt-23-2 {
    padding-top: 23.2vw !important;
}

.pt-24-6 {
    padding-top: 24.6vw !important;
}

.pt-27-7 {
    padding-top: 27.7vw !important;
}

.pt-35-1 {
    padding-top: 35.1vw !important;
}

.pt-44-4 {
    padding-top: 44.4vw !important;
}

.pt-46-4 {
    padding-top: 46.4vw !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-12-1 {
    padding-bottom: 12.1vw !important;
}

.pb-12-4 {
    padding-bottom: 12.4vw !important;
}

.pb-14-0 {
    padding-bottom: 14vw !important;
}

.pb-15-4 {
    padding-bottom: 15.4vw !important;
}

.pb-15-7 {
    padding-bottom: 15.7vw !important;
}

.pb-18-7 {
    padding-bottom: 18.7vw !important;
}

.pb-15-5 {
    padding-bottom: 15.5vw !important;
}

.pb-30-0 {
    padding-bottom: 30vw !important;
}

.pb-59-7 {
    padding-bottom: 59.7vw !important;
}

.pr-26-0 {
    padding-right: 26vw !important;
}

.dis-flex {
    display: flex !important;
}

.hidden {
    display: none !important;
}

.color-grey {
    color: #cdcdcd !important;
}

.background-gray {
    background: #fcfcfc !important;
}

.back-white {
    background: #fff !important;
}

.back-black {
    background: #181818 !important;
}

.w-100 {
    width: 100% !important;
}

.w-50 {
    width: 50% !important;
}

.mb-4-2 {
    margin-bottom: 4.2vw !important;
}

.lh-5-6 {
    line-height: 5.6vw !important;
}

.text-center {
    text-align: center !important;
}

.tooltip.tooltip-init {
    font-family: 'NanumSquareL' !important;
    font-size: 3.2vw !important;
    color: #fff !important;
    background: #181818 !important;
}

label.item-checkbox input[type="checkbox"] ~ .icon-checkbox-reserve {
    background-image: url("../images/ic_reserve_check_off.png") !important;
    width: 5vw !important;
    height: 5.1vw !important;
    z-index: 500;
    border: none !important;
}

label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox-reserve {
    background-image: url("../images/ic_reserve_check_on.png") !important;
    width: 5vw !important;
    height: 5.1vw !important;
    z-index: 500;
    border: none !important;
    background-color: transparent !important;
}

label.icon-radio-reserve input[type="checkbox"] ~ .icon-radio-reserve {
    background-image: url("../images/ic_reserve_check_off.png") !important;
    width: 5.6vw !important;
    height: 5.6vw !important;
    z-index: 500;
    border: none !important;
}

label.icon-radio-reserve input[type="checkbox"]:checked ~ .icon-radio-reserve {
    background-image: url("../images/ic_reserve_check_on.png") !important;
    width: 5.6vw !important;
    height: 5.6vw !important;
    z-index: 500;
    border: none !important;
}

label.item-checkbox input[type="checkbox"] ~ .icon-checkbox {
    background-image: url("../images/ic_check_off.png") !important;
    width: 5vw !important;
    height: 5.1vw !important;
    z-index: 500;
    border: none !important;
}

label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox {
    background-image: url("../images/ic_check_on.png") !important;
    width: 5vw !important;
    height: 5.1vw !important;
    z-index: 500;
    border: none !important;
    background-color: transparent !important;
}

label.item-radio input[type="radio"] ~ .icon-radio {
    background-image: url("../images/ic_radio_button_unchecked.png") !important;
    width: 5.6vw !important;
    height: 5.6vw !important;
    z-index: 500;
    border: none !important;
}

label.item-radio input[type="radio"]:checked ~ .icon-radio {
    background-image: url("../images/ic_radio_button_checked.png") !important;
    width: 5.6vw !important;
    height: 5.6vw !important;
    z-index: 500;
    border: none !important;
}

label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox::after {
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

label.item-checkbox input[type="checkbox"] ~ .icon-checkbox::after {
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

label.item-radio input[type="radio"]:checked ~ .icon-radio::after {
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

label.item-radio input[type="radio"] ~ .icon-radio::after {
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

.content-body {
    overflow: auto !important;
    height: 100% !important;
}

.gift-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 15.7vw;
    background: #fff;
    z-index: 5001;
}

.gift-header .left, .gift-header .right {
    position: relative;
    display: flex;
}

.gift-header .title {
    font-size: 4.1vw;
    color: #000000;
    line-height: 15.7vw;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    font-family: 'SpoqaHanSansRegular';
}

.gift-header .title > i.ico-logo {
    background: url("../images/top_logo.png") center center no-repeat;
    background-size: 22vw;
    width: 30vw;
    height: 100%;
    display: block;
}

.gift-header .left > a {
    width: 15.7vw !important;
    min-width: 15.7vw !important;
    height: 15.7vw;
    display: block;
    text-align: center;
    position: relative;
    padding: 0 !important;
}

.gift-header .right > a {
    width: 15.7vw !important;
    min-width: 15.7vw !important;
    height: 15.7vw;
    display: block;
    text-align: center;
    position: relative;
    padding: 0 !important;
}

.gift-header .left > a > i.ico-back {
    background: url("../images/ic_arrow_back.png") center center no-repeat;
    background-size: 4.6vw;
    height: 100%;
    display: block;
}

.gift-header .left > a > i.ico-back-white {
    background: url("../images/ic_arrow_back_white.png") center center no-repeat;
    background-size: 6vw;
    height: 100%;
    display: block;
}

.gift-header .left > a > i.ico-back-round {
    background: url("../images/ic_arrow_back_round.png") center center no-repeat;
    background-size: 10vw;
    height: 100%;
    display: block;
}

.gift-header .right > a > i.ico-refresh {
    background: url("../images/ic_refresh.png") center center no-repeat;
    background-size: 4.6vw;
    height: 100%;
    display: block;
}

.gift-header .right > a > i.ico-setting {
    background: url("../images/ic_setting.png") center center no-repeat;
    background-size: 5.6vw;
    height: 100%;
    display: block;
}

.gift-header .left > a > i.ico-close {
    background: url("../images/ic_close_sm.png") center center no-repeat;
    background-size: 3.8vw;
    height: 100%;
    display: block;
}

.gift-header .right > a > i.ico-order {
    background: url("../images/ic_local_mall_menu.png") center center no-repeat;
    background-size: 5vw;
    height: 100%;
    display: block;
}

.gift-header .right > a > i.ico-like {
    background: url("../images/ic_like.png") center center no-repeat;
    background-size: 5vw;
    height: 100%;
    display: block;
}

.gift-header .right > a > i.ico-heart {
    background: url("../images/ic_heart_off.png") center center no-repeat;
    background-size: 10vw;
    height: 100%;
    display: block;
}

.gift-header .right > a > i.ico-heart.active {
    background: url("../images/ic_heart_on.png") center center no-repeat;
    background-size: 10vw;
    height: 100%;
    display: block;
}

.gift-header .right > a > i.ico-share {
    background: url("../images/ic_share_top.png") center center no-repeat;
    background-size: 10vw;
    height: 100%;
    display: block;
}

.gift-header .right > a > span {
    position: absolute;
    width: 3.4vw;
    bottom: 4.5vw;
    right: 4.5vw;
    background: #E54F3E;
    border-radius: 1.7vw;
    height: 3.4vw;
    line-height: 3.4vw;
    display: block;
    text-align: center;
    font-family: 'SpoqaHanSansBold';
    color: #000;
    font-size: 1.8vw;
}

.main-content {
    width: 100%;
    height: 100%;
    overflow: auto;
    display: block;
    /*background: #fff;*/
}

.position-relative {
    position: relative !important;
}

.header-bottom {
    border-bottom: 1px solid #f7f7f7 !important;
}

.ml-3-2 {
    margin-left: 3.2vw !important;
}

.pb-20-0 {
    padding-bottom: 20vw !important;
}

.c-primary {
    color: #E54F3E !important;
}

.pb-7-6 {
    padding-bottom: 7.6vw !important;
}

.pt-6-0 {
    padding-top: 6vw !important;
}

.mt-15-6 {
    margin-top: 15.6vw !important;
}

.pb-6-7 {
    padding-bottom: 6.7vw !important;
}

.lh-3-8 {
    line-height: 3.8vw !important;
}

.pb-29-7 {
    padding-bottom: 29.7vw !important;
}

.pb-5-6 {
    padding-bottom: 5.6vw !important;
}

.pb-10-2 {
    padding-bottom: 10.2vw !important;
}

.pt-34-0 {
    padding-top: 34.0vw !important;
}

.pt-49-9 {
    padding-top: 49.9vw !important;
}

.pt-57-7 {
    padding-top: 57.7vw !important;
}

.pt-62-7 {
    padding-top: 62.7vw !important;
}

.dialog {
    width: 90% !important;
    height: auto !important;
    display: block;
    border-radius: 0 !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
    margin: 0 !important;
}

.dialog-inner {
    padding: 0 !important;
}

.login-input-group input {
    width: 100% !important;
    background-color: #eef1f6 !important;
    border: 1px solid #eef1f6 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.community-list {
    display: block;
    position: absolute;
    right: 7.2vw !important;
    bottom: -5vw !important;
    top: 13vw !important;
    left: auto !important;
    z-index: 135000;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    width: 22.3vw !important;
    overflow-y: scroll;
}

.community-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.community-list ul li {
    height: 10vw;
    width: 100%;
    text-align: center;
}

.community-list ul li.active {
    background: #f7f7f7;
}

.drop-list {
    display: block;
    position: absolute;
    /*left: 5vw !important;*/
    /*bottom: -5vw !important;*/
    /*top: 46vw !important;*/
    z-index: 135000;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    width: 40vw !important;
    max-height: 20vw !important;
    height: 20vw !important;
    overflow-y: scroll;
}

.drop-list ul li a {
    width: 100% !important;
    height: 10vw !important;
    font-family: 'SpoqaHanSansRegular';
    color: #181818 !important;
    font-size: 3.8vw;
    line-height: 10vw !important;
    text-align: center;
}

.drop-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.drop-list ul li {
    height: 10vw;
    width: 100%;
    text-align: center;
}

.drop-list ul li.active {
    background: #f7f7f7;
}

.drop-list ul li a {
    width: 100% !important;
    height: 10vw !important;
    font-family: 'SpoqaHanSansRegular';
    color: #181818 !important;
    font-size: 3.8vw;
    line-height: 10vw !important;
    text-align: center;
}

.select-img-dlg {
    background: transparent !important;
}

.btn-photo-video {
    width: 100% !important;
    height: 13.8vw !important;
    background: #fff !important;
    border-top-right-radius: 1.5vw !important;
    border-top-left-radius: 1.5vw !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    line-height: 13.8vw !important;
    font-family: 'SpoqaHanSansBold' !important;
    color: #181818 !important;
    font-size: 4vw !important;
    text-align: center;
    border-bottom: 1px solid #eceff4 !important;
    display: block !important;
}

.btn-photo-video > img {
    width: 4.2vw !important;
    height: 3.6vw !important;
    margin-right: 1.3vw;
}

.btn-photo-select {
    width: 100% !important;
    height: 13.8vw !important;
    background: #fff !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 1.5vw !important;
    border-bottom-left-radius: 1.5vw !important;
    line-height: 13.8vw !important;
    font-family: 'SpoqaHanSansBold' !important;
    color: #181818 !important;
    font-size: 4vw !important;
    text-align: center;
    display: block !important;
}

.btn-photo-cancel {
    width: 100% !important;
    height: 13.8vw !important;
    background: #fff !important;
    border-top-right-radius: 1.5vw !important;
    border-top-left-radius: 1.5vw !important;
    border-bottom-right-radius: 1.5vw !important;
    border-bottom-left-radius: 1.5vw !important;
    line-height: 13.8vw !important;
    font-family: 'SpoqaHanSansBold' !important;
    color: #181818 !important;
    font-size: 4vw !important;
    text-align: center;
    margin-top: 2.9vw;
    display: block !important;
}

.btn-photo-select > img {
    width: 3.5vw !important;
    height: 3.5vw !important;
    margin-right: 1.3vw;
}

.content-fixed-pad {
    width: 100%;
    height: auto;
    position: fixed;
    top: 11.2vw;
    display: block;
}

.content-public-info-pad {
    width: 100%;
    height: 8.6vw;
    line-height: 8.6vw;
    font-family: 'SpoqaHanSansBold';
    color: #77808f;
    font-size: 3.2vw;
    padding: 0 4.2vw;
}

.mr-1-6 {
    margin-right: 1.6vw !important;
}

.h-15-0 {
    height: 18vw !important;
}

.pt-35-2 {
    padding-top: 38.2vw !important;
}

.r-0 {
    right: 0 !important;
}

.mr-2-5 {
    margin-right: 2.5vw !important;
}

.p-l-6-8 {
    padding-left: 6.8vw !important;
}

.pb-35-0 {padding-bottom: 35vw !important}
.p-4-2 {padding: 4.2vw 0 !important}
.mt-0 {margin-top: 0 !important}
.pt-12-9 {padding-top: 12.9vw !important}
.fs-6-2 {font-size: 5.2vw !important;line-height: 6.2vw !important}
.fs-3-6 {font-size: 3.6vw !important;line-height: 3.6vw !important}
.pb-7-0 {padding-bottom: 7vw !important}

.main-notice-title-pad {
    width: 100%;
    padding-right: 5vw;
    padding-left: 5vw;
    height: 13vw;
    line-height: 13vw;
    background: url("../images/ic_arrow_right_alt.png") right center no-repeat;
    background-size: 6vw;
    background-position: calc(100% - 5vw);
    cursor: pointer;
    display: block;
    font-size: 3.8vw;
    font-family: 'SpoqaHanSansRegular';
    color: #000;
    background-color: #fff;
}

.main-notice-title-pad-bold {
    width: 100%;
    padding-right: 5vw;
    padding-left: 5vw;
    height: 13vw;
    line-height: 13vw;
    background: url("../images/ic_arrow_right_alt.png") right center no-repeat;
    background-size: 6vw;
    background-position: calc(100% - 5vw);
    cursor: pointer;
    display: block;
    font-size: 3.8vw;
    font-family: 'SpoqaHanSansBold';
    color: #000;
    background-color: #fff;
}

.main-notice-content-pad {
    font-size: 3.8vw;
    font-family: 'SpoqaHanSansRegular';
    color: #939398;
    width: 100%;
    margin: auto;
    background-color: #fff;
    text-align: left;
    padding-left: 5vw;
    padding-right: 5vw;
    line-height: 9vw;
    border-bottom: #f0f3f8 solid 1px;
}

.main-company-info-pad {
    width: 100%;
    padding-right: 5vw;
    padding-left: 5vw;
    height: 4vw;
    line-height: 4vw;
    cursor: pointer;
    display: block;
    font-size: 2.8vw;
    font-family: 'SpoqaHanSansRegular';
    color: #a2a2a2;
    background-color: #fff;
}


.sp-main-language {width: 100%;height: auto;display: block;position: relative;background: white;
    top: 50%;
    transform: translate(0, -50%);}
.sp-main-language .title {
    font-size: 6.1vw;
    color: #000000;
    line-height: 15.7vw;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: 'SpoqaHanSansRegular';
}

.sp-main-language .flag_ko {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vw;
    background: url("../images/ic_south_korea.png") center center no-repeat;
    background-size: 40vw;
    width: 40vw;
    height: 40vw;
}

.sp-main-language .flag_en {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vw;
    background: url("../images/ic_united_states.png") center center no-repeat;
    background-size: 40vw;
    width: 40vw;
    height: 40vw;
}

.btn-b-noji {
    width: 100%;
    height: 10.4vw;
    line-height: 10.4vw !important;
    text-align: center;
    background: #FFF;
    border-radius: 0vw;
    font-size: 3.2vw;
    border: 1px solid #01A862;
    color: #000 !important;
    font-family: 'SpoqaHanSansBold';
}

.btn-b-noji.active {
    width: 100%;
    height: 10.4vw;
    line-height: 10.4vw !important;
    text-align: center;
    border-radius: 0vw;
    background: #E0EBEA;
    font-size: 3.2vw;
    border: 1px solid #01A862;
    color: #000 !important;
    font-family: 'SpoqaHanSansBold';
}

.btn-area-cate {
    width: 20vw;
    height: 10.4vw;
    line-height: 10.4vw !important;
    text-align: center;
    background: #FFF;
    border-radius: 0vw;
    font-size: 3.2vw;
    border: 1px solid #dedede;
    color: #999999 !important;
    font-family: 'SpoqaHanSansBold';
}

.btn-area-cate.active {
    width: 20vw;
    height: 10.4vw;
    line-height: 10.4vw !important;
    text-align: center;
    border-radius: 0vw;
    background: #FFF;
    font-size: 3.2vw;
    border: 1px solid #01A862;
    color: #000 !important;
    font-family: 'SpoqaHanSansBold';
}

.btn-rent-check {
    border-radius: 6.5vw;
    background: #979797;
    text-align: center;
    margin-top: 15vw;
    height: 13vw;
    line-height: 13vw;
    color: white;
    font-size: 5.7vw
}

.btn-rent-check.active {
    background: #01A862;
}