#wrap {
    padding-bottom: 120px
}

.txt-brown {
    color: #ba9a81
}

.txt-red {
    color: #ed1c24
}

.txt-color-red {
    color: #ed1c24
}

.txt-color-lightgrey {
    color: #8f9191
}

.txt-color-brown {
    color: #ba9a81
}

.txt-color-black {
    color: #2f2f2f
}

.txt-bold {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.txt-hide {
    font: 0/0 a
}

.txt-small {
    font-size: 14px
}

.tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.tit-size-def {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px
}

.tit-size-mid {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 24px
}

.tit-size-big {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 36px
}

.underline {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 1px solid #54585a
}

.hide {
    display: none !important
}

.inline-block {
    display: inline-block
}

.required-box {
    color: #ed1c24;
    text-align: right
}

.tbl-type01 {
    width: 100%;
    border: 0
}

.tbl-type01 th,
.tbl-type01 td {
    height: 50px;
    padding: 10px 40px;
    text-align: center;
    vertical-align: middle;
    font-family: "ManropeR", "NotoR", serif;
    font-weight: normal
}

.tbl-type01 th {
    font-size: 17px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    background-color: #f5f5f5
}

.tbl-type01 th:first-of-type {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px
}

.tbl-type01 th:last-of-type {
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px
}

.tbl-type01 td {
    border-bottom: 1px solid #e7e7e7
}

.tbl-type01 td:first-of-type {
    text-align: left
}

.tbl-type02 table {
    position: relative;
    width: 100%;
    word-break: break-word;
    border-top: 1px solid #e7e7e7;
    border-collapse: collapse;
    z-index: 5
}

.tbl-type02 table th,
.tbl-type02 table td {
    padding: 30px;
    text-align: center;
    color: #54585a;
    line-height: 1.5;
    vertical-align: middle;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.tbl-type02 table th .lst,
.tbl-type02 table td .lst {
    margin: 0
}

.tbl-type02 table th p strong,
.tbl-type02 table td p strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.tbl-type02 table th p+.lst,
.tbl-type02 table td p+.lst {
    margin-top: 10px
}

.tbl-type02 table th:last-child,
.tbl-type02 table td:last-child {
    border-right: none;
    border-left: 1px solid #e7e7e7
}

.tbl-type02 table th {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    background-color: #fafafa
}

.tbl-type02 table td {
    font-family: "ManropeR", "NotoR", serif;
    font-weight: normal;
    font-size: 14px;
    color: #54585a
}

.tbl-type02 table .align-l {
    text-align: left
}

.tbl-type02 table .lst {
    text-align: left
}

.tbl-type02 table+.lst {
    margin-top: 20px;
    margin-bottom: 0
}

.tbl-type02 table.td-align-l td {
    text-align: left
}

.tbl-type02 .box-between {
    width: -webkit-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tbl-type02 .box-between .box-between-col {
    width: 50%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tbl-type02 .tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 30px
}

.tbl-type02+.tbl-box {
    margin-top: 60px
}

.tbl-type02+.row {
    margin-top: 60px
}

.tbl-type02+.lst {
    margin-top: 20px
}

.form-cont .form-row {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    width: 100%
}

.form-cont .form-row .inputT,
.form-cont .form-row .selectbox {
    max-width: 50%
}

.form-cont .form-row .inputT+.inputT,
.form-cont .form-row .inputT+.selectbox,
.form-cont .form-row .inputT+button,
.form-cont .form-row .inputT .select-area,
.form-cont .form-row .selectbox+.inputT,
.form-cont .form-row .selectbox+.selectbox,
.form-cont .form-row .selectbox+button,
.form-cont .form-row .selectbox .select-area {
    margin-left: 5px
}

.form-cont .form-row .textarea {
    width: 100%
}

.form-cont .form-row .select-area select+select {
    margin-left: 5px
}

.form-cont .form-row .input-tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    width: 170px;
    -webkit-flex-basis: 170px;
    -ms-flex-preferred-size: 170px;
    flex-basis: 170px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.form-cont .form-row .input-cont {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-cont .form-row .input-cont>*:first-of-type~* {
    margin-top: 10px
}

.form-cont .form-row .txt-valid {
    margin-top: 10px
}

.form-cont .form-row .txt-valid .lst {
    margin-top: 0
}

.form-cont .form-row .txt-temps {
    margin-top: 10px;
    color: #ed1c24
}

.form-cont .form-row .txt-exam {
    padding: 0 5px;
    color: #8f9191
}

.form-cont .form-row .at,
.form-cont .form-row .hypen {
    margin: 0 5px
}

.form-cont .form-row .txt-exam.txt-color-red {
    color: #ed1c24
}

.form-cont .form-row+.form-row {
    margin-top: 20px
}

.form-cont .form-row .inputT+.txt-exam {
    margin-left: 20px
}

.section-headline {
    text-align: center;
    padding-bottom: 60px
}

.section-headline .tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 42px;
    line-height: 1.5
}

.section-headline .tit .txt-color-brown {
    color: #2f2f2f
}

.section-headline .txt {
    font-size: 18px;
    color: #8f9191
}

.section-headline .btn-share {
    position: absolute;
    top: 0;
    right: 0
}

.section-explain,
.section-explain-type2 {
    padding-bottom: 40px
}

.section-explain .explain-header,
.section-explain-type2 .explain-header {
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e7e7e7
}

.section-explain .explain-header.between-type,
.section-explain-type2 .explain-header.between-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-explain .explain-header.between-type .info-list,
.section-explain .explain-header.between-type .infos,
.section-explain-type2 .explain-header.between-type .info-list,
.section-explain-type2 .explain-header.between-type .infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.section-explain .explain-header.between-type .info-list p strong,
.section-explain .explain-header.between-type .infos p strong,
.section-explain-type2 .explain-header.between-type .info-list p strong,
.section-explain-type2 .explain-header.between-type .infos p strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 1rem
}

.section-explain .explain-header.between-type .info-list p .icon,
.section-explain .explain-header.between-type .infos p .icon,
.section-explain-type2 .explain-header.between-type .info-list p .icon,
.section-explain-type2 .explain-header.between-type .infos p .icon {
    margin-right: 10px
}

.section-explain .explain-header.between-type .info-list p+p,
.section-explain .explain-header.between-type .infos p+p,
.section-explain-type2 .explain-header.between-type .info-list p+p,
.section-explain-type2 .explain-header.between-type .infos p+p {
    margin-left: 30px
}

.section-explain .explain-cont .tit,
.section-explain-type2 .explain-cont .tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 25px
}

.section-explain .explain-cont .txt,
.section-explain-type2 .explain-cont .txt {
    color: #54585a
}

.section-explain .explain-cont .txt strong,
.section-explain-type2 .explain-cont .txt strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.section-explain .explain-cont .txt+.tbl-box,
.section-explain .explain-cont .txt+.define-area,
.section-explain .explain-cont .txt+.define-area2,
.section-explain .explain-cont .txt+.details,
.section-explain-type2 .explain-cont .txt+.tbl-box,
.section-explain-type2 .explain-cont .txt+.define-area,
.section-explain-type2 .explain-cont .txt+.define-area2,
.section-explain-type2 .explain-cont .txt+.details {
    margin-top: 30px
}

.section-explain .explain-cont .txt+.row,
.section-explain-type2 .explain-cont .txt+.row {
    margin-top: 80px
}

.section-explain .explain-cont .txt+.multi-segment-list,
.section-explain-type2 .explain-cont .txt+.multi-segment-list {
    margin-top: 60px
}

.section-explain .explain-cont>.row+.row,
.section-explain-type2 .explain-cont>.row+.row {
    margin-top: 60px
}

.section-explain .explain-cont>.row .tit-size-mid,
.section-explain-type2 .explain-cont>.row .tit-size-mid {
    margin-bottom: 25px
}

.section-explain .explain-cont>.row+.tbl-box,
.section-explain-type2 .explain-cont>.row+.tbl-box {
    margin-top: 20px
}

.section-explain .explain-cont .lst+.tbl-box,
.section-explain-type2 .explain-cont .lst+.tbl-box {
    margin-top: 25px
}

.section-explain .explain-cont .tbl-box table,
.section-explain-type2 .explain-cont .tbl-box table {
    position: relative;
    width: 100%;
    word-break: break-word;
    border-top: 1px solid #e7e7e7;
    border-collapse: collapse;
    z-index: 5
}

.section-explain .explain-cont .tbl-box table th,
.section-explain .explain-cont .tbl-box table td,
.section-explain-type2 .explain-cont .tbl-box table th,
.section-explain-type2 .explain-cont .tbl-box table td {
    padding: 30px;
    text-align: center;
    color: #54585a;
    vertical-align: middle;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.section-explain .explain-cont .tbl-box table th .lst,
.section-explain .explain-cont .tbl-box table td .lst,
.section-explain-type2 .explain-cont .tbl-box table th .lst,
.section-explain-type2 .explain-cont .tbl-box table td .lst {
    margin: 0
}

.section-explain .explain-cont .tbl-box table th p strong,
.section-explain .explain-cont .tbl-box table td p strong,
.section-explain-type2 .explain-cont .tbl-box table th p strong,
.section-explain-type2 .explain-cont .tbl-box table td p strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.section-explain .explain-cont .tbl-box table th p+.lst,
.section-explain .explain-cont .tbl-box table td p+.lst,
.section-explain-type2 .explain-cont .tbl-box table th p+.lst,
.section-explain-type2 .explain-cont .tbl-box table td p+.lst {
    margin-top: 10px
}

.section-explain .explain-cont .tbl-box table th:last-child,
.section-explain .explain-cont .tbl-box table td:last-child,
.section-explain-type2 .explain-cont .tbl-box table th:last-child,
.section-explain-type2 .explain-cont .tbl-box table td:last-child {
    border-right: none;
    border-left: 1px solid #e7e7e7
}

.section-explain .explain-cont .tbl-box table th,
.section-explain-type2 .explain-cont .tbl-box table th {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    background-color: #fafafa
}

.section-explain .explain-cont .tbl-box table td,
.section-explain-type2 .explain-cont .tbl-box table td {
    font-family: "ManropeR", "NotoR", serif;
    font-weight: normal;
    font-size: 14px;
    color: #54585a
}

.section-explain .explain-cont .tbl-box table .align-l,
.section-explain-type2 .explain-cont .tbl-box table .align-l {
    text-align: left
}

.section-explain .explain-cont .tbl-box table .lst,
.section-explain-type2 .explain-cont .tbl-box table .lst {
    text-align: left
}

.section-explain .explain-cont .tbl-box table+.lst,
.section-explain-type2 .explain-cont .tbl-box table+.lst {
    margin-top: 20px;
    margin-bottom: 0
}

.section-explain .explain-cont .tbl-box table.td-align-l td,
.section-explain-type2 .explain-cont .tbl-box table.td-align-l td {
    text-align: left
}

.section-explain .explain-cont .tbl-box .box-between,
.section-explain-type2 .explain-cont .tbl-box .box-between {
    width: -webkit-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section-explain .explain-cont .tbl-box .box-between .box-between-col,
.section-explain-type2 .explain-cont .tbl-box .box-between .box-between-col {
    width: 50%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.section-explain .explain-cont .tbl-box+.tbl-box,
.section-explain-type2 .explain-cont .tbl-box+.tbl-box {
    margin-top: 60px
}

.section-explain .explain-cont .tbl-box+.statement,
.section-explain-type2 .explain-cont .tbl-box+.statement {
    margin-top: 60px
}

.section-explain .explain-cont .tbl-box+.row,
.section-explain-type2 .explain-cont .tbl-box+.row {
    margin-top: 60px
}

.section-explain .explain-cont .tbl-box+.lst,
.section-explain-type2 .explain-cont .tbl-box+.lst {
    margin-top: 20px
}

.section-explain .explain-cont .define-area,
.section-explain-type2 .explain-cont .define-area {
    margin: 60px 0 0
}

.section-explain .explain-cont .define-area>dt,
.section-explain-type2 .explain-cont .define-area>dt {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 25px
}

.section-explain .explain-cont .define-area>dd,
.section-explain-type2 .explain-cont .define-area>dd {
    font-size: 14px;
    color: #54585a;
    margin-bottom: 60px
}

.section-explain .explain-cont .define-area2,
.section-explain-type2 .explain-cont .define-area2 {
    margin-bottom: 60px
}

.section-explain .explain-cont .define-area2 .define-row,
.section-explain-type2 .explain-cont .define-area2 .define-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.section-explain .explain-cont .define-area2 .define-row dt,
.section-explain-type2 .explain-cont .define-area2 .define-row dt {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    min-width: 165px;
    margin-right: 10px
}

.section-explain .explain-cont .define-area2 .define-row dt .icon,
.section-explain-type2 .explain-cont .define-area2 .define-row dt .icon {
    margin-right: 10px
}

.section-explain .explain-cont .define-area2 .define-row dd,
.section-explain-type2 .explain-cont .define-area2 .define-row dd {
    font-size: 14px;
    color: #54585a
}

.section-explain .explain-cont .define-area2 .define-row+.define-row,
.section-explain-type2 .explain-cont .define-area2 .define-row+.define-row {
    margin-top: 30px
}

.section-explain .explain-cont .btn-box,
.section-explain-type2 .explain-cont .btn-box {
    padding: 40px 0
}

.section-explain .explain-cont .details .lst,
.section-explain-type2 .explain-cont .details .lst {
    margin: 0
}

.section-explain+.section-explain,
.section-explain+.section-explain-type2,
.section-explain-type2+.section-explain,
.section-explain-type2+.section-explain-type2 {
    margin-top: 40px
}

.section-explain+.btn-area,
.section-explain-type2+.btn-area {
    padding-top: 20px
}

.section-explain-type2 .explain-header {
    padding-bottom: 30px;
    margin-bottom: 0;
    border-bottom: none
}

.section-form .form-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 100%;
    height: 80px;
    padding: 0 40px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.section-form .form-header.between-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-form .form-header.between-type .info-list,
.section-form .form-header.between-type .infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.section-form .form-header.between-type .info-list p strong,
.section-form .form-header.between-type .infos p strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 1rem
}

.section-form .form-header.between-type .info-list p .icon,
.section-form .form-header.between-type .infos p .icon {
    margin-right: 10px
}

.section-form .form-header.between-type .info-list p+p,
.section-form .form-header.between-type .infos p+p {
    margin-left: 30px
}

.section-form .form-header .tooltip-area {
    margin-left: 10px
}

.section-form .form-cont {
    padding: 20px 0 60px
}

.section-form .form-cont .row {
    padding: 0 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.section-form .form-cont .row.type2 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    width: 100%
}

.section-form .form-cont .row.type2 .inputT,
.section-form .form-cont .row.type2 .selectbox {
    max-width: 50%
}

.section-form .form-cont .row.type2 .inputT+.inputT,
.section-form .form-cont .row.type2 .inputT+.selectbox,
.section-form .form-cont .row.type2 .inputT+button,
.section-form .form-cont .row.type2 .inputT .select-area,
.section-form .form-cont .row.type2 .selectbox+.inputT,
.section-form .form-cont .row.type2 .selectbox+.selectbox,
.section-form .form-cont .row.type2 .selectbox+button,
.section-form .form-cont .row.type2 .selectbox .select-area {
    margin-left: 5px
}

.section-form .form-cont .row.type2 .textarea {
    width: 100%
}

.section-form .form-cont .row.type2 .select-area select+select {
    margin-left: 5px
}

.section-form .form-cont .row.type2 .input-tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    width: 170px;
    -webkit-flex-basis: 170px;
    -ms-flex-preferred-size: 170px;
    flex-basis: 170px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.section-form .form-cont .row.type2 .input-cont {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.section-form .form-cont .row.type2 .input-cont>*:first-of-type~* {
    margin-top: 10px
}

.section-form .form-cont .row.type2 .txt-valid {
    margin-top: 10px
}

.section-form .form-cont .row.type2 .txt-valid .lst {
    margin-top: 0
}

.section-form .form-cont .row.type2 .txt-temps {
    margin-top: 10px;
    color: #ed1c24
}

.section-form .form-cont .row.type2 .txt-exam {
    padding: 0 5px;
    color: #8f9191
}

.section-form .form-cont .row.type2 .at,
.section-form .form-cont .row.type2 .hypen {
    margin: 0 5px
}

.section-form .form-cont .row.type2 .addr-area .inputT,
.section-form .form-cont .row.type2 .addr-area .selectbox {
    max-width: 100%
}

.section-form .form-cont .row+.row,
.section-form .form-cont .row+.lst,
.section-form .form-cont .row+.license-area,
.section-form .form-cont .row+.koreanLicense {
    margin-top: 0px
}

.section-form .form-cont .input-group {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 20px 0;
    margin: 20px 80px
}

.section-form .form-cont .input-group .input-group-tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-bottom: 30px
}

.section-form .form-cont .input-group .row {
    padding: 0
}

.section-form .form-cont .input-group+.input-group {
    border-top: none;
    border-bottom: 1px solid #e7e7e7
}

.section-form+.section-form {
    margin-top: 20px
}

.section-form-align-c .form-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.section-form-align-c .form-cont .form-row {
    max-width: 530px
}

.section-form-align-c .form-cont .form-row .inputT,
.section-form-align-c .form-cont .form-row .selectbox {
    max-width: 100%
}

.section-form-align-c .form-cont .form-row .input-tit {
    width: 130px;
    -webkit-flex-basis: 130px;
    -ms-flex-preferred-size: 130px;
    flex-basis: 130px
}

.section-format {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 80px 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e7e7e7
}

.section-format .format-area {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%
}

.section-format .format-area>.row {
    display: table;
    table-layout: fixed
}

.section-format .format-area>.row dt,
.section-format .format-area>.row dd {
    display: table-cell
}

.section-format .format-area>.row dt {
    width: 170px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.section-format .format-area>.row+.row {
    margin-top: 40px
}

.section-format-type2 {
    padding-bottom: 40px
}

.section-format-type2 .format-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 100%;
    height: 80px;
    padding: 0 40px;
    margin-bottom: 40px;
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.section-format-type2 .format-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 80px 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e7e7e7
}

.section-format-type2 .format-cont-type2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 80px;
    margin-bottom: 40px
}

.section-format-type2 .format-cont-type2 .car-img-box {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 420px;
    -webkit-flex-basis: 420px;
    -ms-flex-preferred-size: 420px;
    flex-basis: 420px;
    margin-left: 60px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.section-format-type2 .format-cont-type2 .car-img-box img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 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%)
}

.section-format-type2 .format-area {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%
}

.section-format-type2 .format-area>.row {
    display: table;
    table-layout: fixed
}

.section-format-type2 .format-area>.row dt,
.section-format-type2 .format-area>.row dd {
    display: table-cell
}

.section-format-type2 .format-area>.row dt {
    width: 170px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.section-format-type2 .format-area>.row+.row {
    margin-top: 40px
}

.section-format-type2+.section-form {
    margin-top: 40px
}

.section.round {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.box-type2 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.box-type2 .right {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: auto;
    min-width: 80px;
    margin-left: auto
}

.box-type2 .left {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: auto;
    min-width: 80px;
    margin-right: 5px
}

.box-type3 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.box-type3 .right {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: auto;
    min-width: 80px;
    margin-left: auto
}

.box-type3 .left {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: auto;
    min-width: 80px;
    margin-right: 5px
}

.box-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.box-between {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.box-between .right-btn {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: auto;
    margin-left: 5px
}

.box-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.box-align-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grey-box {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #f5f5f5
}

.grey-box.between-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.grid-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.grid-row>li {
    margin-bottom: 60px
}

.grid-row.type2>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grid-row.type2>li .img-item {
    width: 186px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.grid-row.type2>li .img-item .circle {
    width: 130px;
    height: 130px;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    border-radius: 130px;
    border: 1px solid #f2f2f2;
    background-color: #fafafa
}

.grid-row.type2>li .descri-box .tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 1.125rem;
    margin-bottom: 25px
}

.grid-row.type2>li .descri-box dd {
    font-size: 14px;
    color: #54585a
}

.grid-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid-col>li {
    position: relative;
    margin-bottom: 80px
}

.grid-col.col2>.col,
.grid-col.col2>li {
    width: 50%
}

.grid-col.col3>.col,
.grid-col.col3>li {
    width: 33.3333%
}

.grid-col.col4>.col,
.grid-col.col4>li {
    width: 25%
}

.grid-col.col5>.col,
.grid-col.col5>li {
    width: 20%
}

.grid-col.col6>.col,
.grid-col.col6>li {
    width: 16.6666%
}

.grid-col.type2>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.grid-col.type2>li .img-item {
    width: 186px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.grid-col.type2>li .img-item .circle {
    width: 130px;
    height: 130px;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    border-radius: 130px;
    border: 1px solid #f2f2f2;
    background-color: #fafafa
}

.grid-col.type2>li .descri-box .tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 1.125rem;
    margin-bottom: 24px
}

.grid-col.type2>li .descri-box dd {
    font-size: 14px;
    color: #54585a
}

.grid-col-space-around {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.grid-col-space-around.type-align-c {
    text-align: center
}

.grid-col-space-around.type-align-c .img-item {
    margin-bottom: 35px
}

.grid-col-space-around.type-align-c .lst {
    display: inline-block;
    text-align: left
}

.grid-col-inline {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.multi-segment-list>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px
}

.multi-segment-list .circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 130px;
    height: 130px;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    border-radius: 130px;
    border: 1px solid #f2f2f2;
    background-color: #fafafa
}

.multi-segment-list .circle+.details {
    margin-left: 56px
}

.multi-segment-list .details .tit {
    margin-bottom: 0
}

.multi-segment-list .details .tit+.lst,
.multi-segment-list .details .tit+.txt,
.multi-segment-list .details .tit+.lst-tit {
    margin-top: 25px
}

.multi-segment-list .details .txt .bold {
    font-size: inherit
}

.multi-segment-list .details .txt+.lst,
.multi-segment-list .details .txt+.txt,
.multi-segment-list .details .txt+.lst-tit {
    margin-top: 25px
}

.multi-segment-list .details .lst+.lst,
.multi-segment-list .details .lst+.txt,
.multi-segment-list .details .lst+.lst-tit {
    margin-top: 25px
}

.multi-segment-list .details .lst-tit+.lst {
    margin-top: 10px
}

.multi-segment-list .details .details-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px
}

.multi-segment-list .details .details-header .tit+.btns {
    margin-left: 10px
}

.multi-segment-list.type-col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-calc(100% + 40px);
    width: -moz-calc(100% + 40px);
    width: calc(100% + 40px)
}

.multi-segment-list.type-col2>li {
    width: 50%;
    padding: 0 40px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.multi-segment-list.align-top>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.multi-segment-list.align-top .circle+.details {
    margin-top: 10px
}

.multi-segment-list+.row {
    margin-top: 80px
}

.process-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 1px solid #e7e7e7
}

.process-list>li {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 170px;
    padding: 20px 5px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #e7e7e7
}

.process-list>li+li {
    border-left: 1px solid #e7e7e7
}

.process-list>li+li:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #e7e7e7;
    margin-top: -8px;
    z-index: 5
}

.process-list>li+li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #fff;
    margin-top: -6px;
    z-index: 10
}

.process-list>li.align-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.process-list .num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    margin: auto;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color: #8f9191
}

.process-list .tit {
    display: block;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: inherit
}

.process-list .txt {
    font-size: 14px;
    margin-top: 15px;
    color: #54585a
}

.process-list+.lst {
    margin-top: 20px
}

.process-list.type-col4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.process-list.type-col4>li {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 25%;
    min-height: 160px
}

.process-list.type-col4>li:nth-of-type(5n) {
    border-left: none
}

.process-list.type-col4>li:nth-of-type(5n)::before,
.process-list.type-col4>li:nth-of-type(5n)::after {
    display: none
}

.section-explain-type2 .explain-cont .process-list .tit {
    margin-bottom: 0
}

.lst>li {
    position: relative;
    padding-left: 12px;
    font-size: 14px;
    color: #54585a
}

.lst>li.txt-color-red {
    color: #ed1c24
}

.lst>li+li {
    margin-top: 8px
}

.lst.txt-color-red {
    color: #ed1c24
}

.lst.txt-color-red li {
    color: inherit
}

.lst.simple>li {
    padding: 0
}

.lst.simple>li .marker {
    display: inline-block;
    width: 12px
}

.lst.dot>li::before {
    position: absolute;
    top: -2px;
    left: 0;
    width: 12px;
    font-size: 18px;
    content: "·"
}

.lst.dot-type2>li {
    padding: 0
}

.lst.dot-type2>li:before {
    display: inline-block;
    width: 12px;
    font-size: 18px;
    content: "·"
}

.lst.hypen>li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "-";
    width: 12px
}

.lst.num>li {
    padding-left: 22px
}

.lst.num>li .bul {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px
}

.lst.num-type2>li {
    padding-left: 25px
}

.lst.num-type2>li .bul {
    position: absolute;
    top: 1px;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #2f2f2f;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 1;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lst.num-type3>li {
    padding-left: 60px
}

.lst.num-type3>li .bul {
    position: absolute;
    top: -5px;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color: #8f9191
}

.lst.li-mt60-type>li+li {
    margin-top: 60px
}

.lst .spacing {
    position: relative;
    padding-left: 50px
}

.lst .spacing>.tit {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px
}

.lst.check-red>li {
    padding-left: 20px
}

.lst.check-red>li::before {
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    width: 14px;
    height: 10px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-on2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.lst.check-red>li+li {
    margin-top: 30px
}

.detail-layer-nav-wrap {
    height: 176px;
    margin-bottom: 80px
}

.detail-layer-nav-wrap.fixed .detail-layer-nav {
    position: fixed;
    top: 0;
    z-index: 10;
    background-color: #fff
}

.section-indicator {
    border-top: 1px solid #eee
}

.section-indicator .detail-layer-nav {
    position: relative;
    width: 1200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.section-indicator .detail-layer-nav button {
    width: 100%;
    height: 176px;
    padding: 40px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.section-indicator .detail-layer-nav button .icon {
    height: 48px;
    margin-bottom: 30px
}

.section-indicator .detail-layer-nav button.active {
    position: relative;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.section-indicator .detail-layer-nav button.active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #ff404b;
    z-index: 5
}

.purchase-step>li {
    text-align: center;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.purchase-step>li:after,
.purchase-step>li:before {
    content: "";
    display: block
}

.purchase-step>li:before {
    position: absolute;
    top: 58px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.5px 0 8.5px 8px;
    border-color: transparent transparent transparent #d2d2d2
}

.purchase-step>li:after {
    position: absolute;
    top: 60px;
    right: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 5px;
    border-color: transparent transparent transparent #ffffff;
    z-index: 5
}

.purchase-step>li .tit.type-line2 {
    display: block;
    height: 50px;
    margin-bottom: 0
}

.purchase-step>li .txt {
    text-align: center;
    margin-top: 25px
}

.purchase-step>li .img-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 150px
}

.purchase-step>li .img-item .circle {
    width: 130px;
    height: 130px;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    border-radius: 130px;
    border: 1px solid #f2f2f2;
    background-color: #fafafa
}

.purchase-step>li .lst {
    margin-top: 25px
}

.purchase-step>li .align-c>.lst {
    display: inline-block
}

.purchase-step>li .align-c>.lst li {
    text-align: left
}

.purchase-step>li:last-of-type:after,
.purchase-step>li:last-of-type:before {
    display: none
}

.purchase-step.grid-col.col3>li:nth-of-type(3n):after,
.purchase-step.grid-col.col3>li:nth-of-type(3n):before {
    display: none
}

.purchase-step.grid-col.col4>li:nth-of-type(4n):after,
.purchase-step.grid-col.col4>li:nth-of-type(4n):before {
    display: none
}

.purchase-step.simple li:after,
.purchase-step.simple li:before {
    display: none
}

.purchase-step-col4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 40px
}

.purchase-step-col4>li {
    position: relative;
    width: 25%;
    margin-bottom: 60px
}

.purchase-step-col4>li+li:after,
.purchase-step-col4>li+li:before {
    content: "";
    display: block
}

.purchase-step-col4>li+li:before {
    position: absolute;
    top: 58px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.5px 0 8.5px 8px;
    border-color: transparent transparent transparent #d2d2d2
}

.purchase-step-col4>li+li:after {
    position: absolute;
    top: 60px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 5px;
    border-color: transparent transparent transparent #ffffff;
    z-index: 5
}

.purchase-step-col4>li .icon+.tit {
    margin-top: 50px
}

.purchase-step-col4>li .tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px
}

.purchase-step-col4>li .tit+.info-txt {
    margin-top: 30px;
    font-size: 14px;
    color: #54585a
}

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

.align-center-area .lst {
    display: inline-block
}

.align-center-area .lst li {
    text-align: left
}

.choice-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.choice-list li {
    padding: 0 10px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.choice-list .chk-view-box input {
    display: none
}

.choice-list .chk-view-box label {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 80px;
    color: #8f9191;
    text-align: center;
    border: 1px solid #d2d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.choice-list .chk-view-box label:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    width: 13px;
    height: 12px;
    margin-top: -6px
}

.choice-list .chk-view-box input:checked+label {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #ed1c24;
    border-color: #ed1c24;
    background-color: #fff9f9
}

.choice-list .chk-view-box input:checked+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-on2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.choice-list.type-col3 {
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px)
}

.choice-list.type-col3>li {
    width: 33.3333%
}

.choice-list.type-col4 {
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px)
}

.choice-list.type-col4>li {
    width: 25%
}

.agree-area .agree-header .agree-header-top {
    padding: 30px 0
}

.agree-area .agree-header .agree-header-top+.agree-header-cont {
    margin-bottom: 30px
}

.agree-area .agree-header+.agree-body .agree-body-tit {
    padding-top: 30px;
    border-top: 1px solid #e7e7e7
}

.agree-area .agree-header+.agree-body .agree-body-tit+ul li .agree-body-header {
    padding: 10px 0;
    border: none
}

.agree-area .agree-header+.agree-body .agree-body-tit+ul li .agree-body-cont {
    margin-top: 20px
}

.agree-area .agree-header+.agree-body .agree-body-tit+ul+.agree-body-tit {
    margin-top: 20px
}

.agree-area .agree-body li .agree-body-header {
    padding: 30px 0;
    border-top: 1px solid #e7e7e7
}

.agree-area .agree-body li .agree-body-header+.agree-body-cont {
    margin-top: 0px
}

.agree-area .agree-body li .agree-body-header+.lst {
    margin: 0 40px
}

.agree-area .agree-body li .agree-body-header+.lst+.agree-body-cont {
    margin-top: 30px
}

.agree-area .agree-body .agree-body-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.agree-area .agree-body .agree-body-header+.agree-body-cont {
    margin-top: 30px;
    margin-bottom: 30px
}

.agree-area .agree-body .agree-body-tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-bottom: 20px
}

.agree-area .agree-body .agree-body-cont {
    font-size: 14px;
    color: #54585a;
    height: 150px;
    overflow-y: scroll
}

.agree-area .agree-body .agree-body-cont.type2 {
    margin: 0;
    height: auto;
    overflow: hidden;
    background-color: transparent;
    border-bottom: 1px solid #e7e7e7
}

.agree-area .agree-body .agree-body-cont+.lst {
    margin-top: 20px
}

.agree-area .agree-body .agree-body-cont+.lst+.agree-body-tit {
    border: none;
    margin-top: 30px
}

.agree-area .agree-body .agree-body-cont.agree-iframe {
    height: auto;
    overflow: hidden
}

.agree-area .agree-body .btnToggle {
    width: 40px;
    height: 30px;
    position: relative;
    font: 0/0 a;
    cursor: pointer
}

.agree-area .agree-body .btnToggle:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-down2.png");
    background-position: center center;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px;
    background-size: 17px;
    width: 17px;
    height: 9px;
    margin: -4px -4px 0 0;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.agree-area .agree-body .btnToggle.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.agree-area .agree-body .btn-provision {
    width: auto;
    height: 30px;
    font-size: 12px;
    padding: 0 10px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-left: 20px
}

.agree-area .agree-body .btn-provision::after {
    display: none
}

.agree-area .agree-body .toggleCont {
    display: none
}

.agree-area .agree-body+.lst {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #e7e7e7
}

.agree-area .agree-body iframe {
    width: 100%;
    height: 140px
}

.agree-area .agree-header-cont,
.agree-area .agree-body-cont {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 30px;
    margin: 0 40px;
    background-color: #fafafa
}

.agree-area .agree-cont,
.agree-area .agree-cont-type2 {
    padding: 0 0 30px;
    border-bottom: 1px solid #e7e7e7
}

.agree-area .agree-cont .agree-tit,
.agree-area .agree-cont-type2 .agree-tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-bottom: 30px
}

.agree-area .agree-cont .agree-lst li,
.agree-area .agree-cont-type2 .agree-lst li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    color: #54585a
}

.agree-area .agree-cont .agree-lst li:last-of-type,
.agree-area .agree-cont-type2 .agree-lst li:last-of-type {
    margin-bottom: 0
}

.agree-area .agree-cont .agree-tbl table,
.agree-area .agree-cont-type2 .agree-tbl table {
    width: 100%;
    border-top: 1px solid #d2d2d2
}

.agree-area .agree-cont .agree-tbl table th,
.agree-area .agree-cont .agree-tbl table td,
.agree-area .agree-cont-type2 .agree-tbl table th,
.agree-area .agree-cont-type2 .agree-tbl table td {
    text-align: center;
    padding: 30px;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7
}

.agree-area .agree-cont .agree-tbl table th:last-of-type,
.agree-area .agree-cont .agree-tbl table td:last-of-type,
.agree-area .agree-cont-type2 .agree-tbl table th:last-of-type,
.agree-area .agree-cont-type2 .agree-tbl table td:last-of-type {
    border-right: 0
}

.agree-area .agree-cont .agree-tbl table thead th,
.agree-area .agree-cont-type2 .agree-tbl table thead th {
    background-color: #fafafa
}

.agree-area .agree-cont-type2 {
    border-bottom: 0
}

.agree-area .row>.agree-cont~.agree-cont {
    margin-top: 30px
}

.qna-list .accor-header {
    position: relative;
    padding-left: 40px
}

.qna-list .accor-header .btn-toggle-wide {
    display: block;
    padding: 26px 40px 26px 0;
    border-bottom: 1px solid #e7e7e7
}

.qna-list .accor-header .btn-toggle-wide .ico-q {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -webkit-calc(26px - (30px - 26px));
    top: -moz-calc(26px - (30px - 26px));
    top: calc(26px - (30px - 26px));
    left: -40px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #fff;
    background-color: #54585a
}

.qna-list .accor-header .btn-toggle-wide.active {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    border-bottom: none
}

.qna-list .accor-header .btn-toggle-wide.active .ico-q {
    background-color: #ff404b
}

.qna-list .accor-cont {
    display: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 30px;
    margin-left: 40px;
    font-size: 14px;
    background-color: #fafafa
}

.qna-list .accor-cont .lst {
    margin: 0
}

.qna-list .accor-cont .txt+.tbl-box {
    margin-top: 30px
}

.qna-list .accor-cont .tbl-box th {
    background-color: #f5f5f5
}

.qna-list .accor-cont .tbl-box td .tit {
    font-family: "ManropeR", "NotoR", serif;
    font-weight: normal;
    font-size: inherit;
    margin-bottom: 15px
}

.qna-list .accor-cont .tbl-box td .lst+.tit {
    margin-top: 60px
}

.qna-list .accor-cont .tbl-box+.lst {
    margin-top: 20px
}

.qna-list-type2>li+li {
    margin-top: 40px
}

.qna-list-type2 .accor-question {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    padding: 20px 20px 20px 0
}

.qna-list-type2 .accor-question .ico-q {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    -webkit-flex-basis: 30px;
    -ms-flex-preferred-size: 30px;
    flex-basis: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-right: 10px;
    color: #fff;
    background-color: #ff404b
}

.qna-list-type2 .accor-answer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    font-size: 14px;
    color: #54585a
}

.qna-list-type2 .accor-answer .ico-a {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    -webkit-flex-basis: 30px;
    -ms-flex-preferred-size: 30px;
    flex-basis: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-right: 10px;
    color: #fff;
    background-color: #54585a
}

.section-explain .explain-cont .tbl-box table th {
    background-color: #f5f5f5
}

.tooltip-area {
    position: relative
}

.tooltip-layer {
    display: none;
    position: relative;
    z-index: 10
}

.tooltip-layer .tooltip {
    position: absolute;
    top: 10px;
    right: -50%;
    left: -50%;
    width: 286px;
    margin: 0 auto;
    word-break: keep-all
}

.tooltip-layer .tooltip.type2 {
    width: 350px
}

.tooltip-layer .tooltip .btn-tooltip-close {
    position: absolute;
    top: -13px;
    right: -13px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: inline-block;
    vertical-align: middle;
    font: 0/0 a;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-tooltip-close.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    z-index: 5
}

.tooltip-layer .tooltip .tooltip-inner {
    overflow: hidden;
    padding: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0px 15px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0 0px 15px rgba(50, 50, 50, 0.35);
    box-shadow: 0 0px 15px rgba(50, 50, 50, 0.35);
    font-size: 14px;
    color: #54585a;
    text-align: left;
    background-color: #fff;
    border: 1px solid #2f2f2f
}

.tooltip-layer .tooltip .tooltip-inner .tooltip-tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px;
    color: #2f2f2f
}

.tooltip-layer .tooltip .tooltip-inner .tooltip-tit+p,
.tooltip-layer .tooltip .tooltip-inner .tooltip-tit+.tooltip-list {
    margin-top: 10px
}

.tooltip-layer .tooltip .tooltip-inner p+p,
.tooltip-layer .tooltip .tooltip-inner p+.tooltip-list,
.tooltip-layer .tooltip .tooltip-inner p+.tbl-type02 {
    margin-top: 10px
}

.tooltip-layer .tooltip .tooltip-inner p strong {
    font-family: "ManropeR", "NotoR", serif;
    font-weight: normal;
    font-size: 16px;
    color: #2f2f2f
}

.tooltip-layer .tooltip .tooltip-inner .tooltip-list {
    padding: 10px 0
}

.tooltip-layer .tooltip .tooltip-inner .tooltip-list .tooltip-tit {
    font-size: 15px
}

.tooltip-layer .tooltip .tooltip-inner .tooltip-list .tooltip-tit+.lst {
    margin-top: 10px
}

.tooltip-layer .tooltip .tooltip-inner .tbl-type02 table th,
.tooltip-layer .tooltip .tooltip-inner .tbl-type02 table td {
    padding: 20px
}

.tooltip-layer .tooltip .tooltip-inner.align-c-type {
    text-align: center
}

.tooltip-layer .tooltip .tooltip-inner.align-c-type .tit {
    display: block;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #2f2f2f
}

.tooltip-layer .tooltip .tooltip-inner.align-c-type .tit+.txt {
    margin-top: 15px;
    font-size: 14px;
    color: #54585a
}

.tooltip-layer.on {
    z-index: 10
}

.tooltip-layer.absolute-type {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.tabControl .tab-cont-inner,
.tabContInnerTab .tab-cont-inner {
    display: none;
    padding: 40px 0
}

.tabControl .tab-cont-inner .tab-cont-row .tit+.txt,
.tabControl .tab-cont-inner .tab-cont-row .tit+.lst,
.tabControl .tab-cont-inner .tab-cont-row .tit+.tab-nav,
.tabContInnerTab .tab-cont-inner .tab-cont-row .tit+.txt,
.tabContInnerTab .tab-cont-inner .tab-cont-row .tit+.lst,
.tabContInnerTab .tab-cont-inner .tab-cont-row .tit+.tab-nav {
    margin-top: 25px
}

.tabControl .tab-cont-inner .tab-cont-row+.tab-cont-row,
.tabContInnerTab .tab-cont-inner .tab-cont-row+.tab-cont-row {
    margin-top: 60px
}

.tabControl .tab-cont-inner:first-child,
.tabContInnerTab .tab-cont-inner:first-child {
    display: block
}

.tabContInnerTab .tab-cont-inner {
    padding: 60px 0
}

.toggleContArea {
    display: none
}

.SpoqaHanSans_txt.SpoqaHanSans_txt_l {
    font-family: "SpoqaHanSansL", serif;
    font-weight: normal
}

.SpoqaHanSans_txt.SpoqaHanSans_txt_r {
    font-family: "SpoqaHanSansR", serif;
    font-weight: normal
}

.SpoqaHanSans_txt.SpoqaHanSans_txt_b {
    font-family: "SpoqaHanSansB", serif;
    font-weight: normal
}

.driver-license-section .selection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.driver-license-section .selection .input-tit {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-flex-basis: 170px;
    -ms-flex-preferred-size: 170px;
    flex-basis: 170px;
    width: 170px
}

.driver-license-section .driver-license-cont {
    position: relative;
    margin-top: 40px
}

.driver-license-section .driver-license-cont input,
.driver-license-section .driver-license-cont select {
    height: 40px
}

.driver-license-section .driver-license-cont .box-align {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.driver-license-section .driver-license-cont .box-align .symbol {
    margin-right: 5px
}

.driver-license-section .domestic-license .driver-license-cont {
    width: 670px;
    height: 378px;
    background-repeat: no-repeat;
    background-image: url("../images/img-domestic-license.png");
    background-position: top left;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.driver-license-section .domestic-license .driver-license-cont .type-box .numbering,
.driver-license-section .domestic-license .driver-license-cont .number-box .numbering,
.driver-license-section .domestic-license .driver-license-cont .name-box .numbering,
.driver-license-section .domestic-license .driver-license-cont .expiration-date-box .numbering,
.driver-license-section .domestic-license .driver-license-cont .issue-date-box .numbering {
    position: absolute;
    top: 10px;
    right: -26px
}

.driver-license-section .domestic-license .driver-license-cont .type-box .inputT,
.driver-license-section .domestic-license .driver-license-cont .type-box select,
.driver-license-section .domestic-license .driver-license-cont .number-box .inputT,
.driver-license-section .domestic-license .driver-license-cont .number-box select,
.driver-license-section .domestic-license .driver-license-cont .name-box .inputT,
.driver-license-section .domestic-license .driver-license-cont .name-box select,
.driver-license-section .domestic-license .driver-license-cont .expiration-date-box .inputT,
.driver-license-section .domestic-license .driver-license-cont .expiration-date-box select,
.driver-license-section .domestic-license .driver-license-cont .issue-date-box .inputT,
.driver-license-section .domestic-license .driver-license-cont .issue-date-box select {
    max-width: 100%
}

.driver-license-section .domestic-license .driver-license-cont .type-box {
    position: absolute;
    top: 30px;
    left: 40px
}

.driver-license-section .domestic-license .driver-license-cont .type-box .selectbox {
    max-width: 125px
}

.driver-license-section .domestic-license .driver-license-cont .number-box {
    position: absolute;
    top: 85px;
    left: 180px
}

.driver-license-section .domestic-license .driver-license-cont .number-box .box-between {
    width: 430px
}

.driver-license-section .domestic-license .driver-license-cont .number-box .box-between select {
    width: 120px
}

.driver-license-section .domestic-license .driver-license-cont .number-box .box-between .inputT:nth-of-type(1) {
    width: 70px
}

.driver-license-section .domestic-license .driver-license-cont .number-box .box-between .inputT:nth-of-type(2) {
    width: 160px
}

.driver-license-section .domestic-license .driver-license-cont .number-box .box-between .inputT:nth-of-type(3) {
    width: 70px
}

.driver-license-section .domestic-license .driver-license-cont .name-box {
    position: absolute;
    top: 135px;
    left: 220px
}

.driver-license-section .domestic-license .driver-license-cont .expiration-date-box {
    position: absolute;
    top: 260px;
    left: 250px
}

.driver-license-section .domestic-license .driver-license-cont .expiration-date-box .box-align .symbol {
    width: auto
}

.driver-license-section .domestic-license .driver-license-cont .issue-date-box {
    position: absolute;
    bottom: 30px;
    left: 180px
}

.driver-license-section .international-license .driver-license-cont {
    width: 670px;
    height: 553px;
    background-repeat: no-repeat;
    background-image: url("../images/img-international-license02.png");
    background-position: top left;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.driver-license-section .international-license .country-box,
.driver-license-section .international-license .number-box,
.driver-license-section .international-license .type-box {
    position: relative;
    display: block
}

.driver-license-section .international-license .country-box .numbering,
.driver-license-section .international-license .number-box .numbering,
.driver-license-section .international-license .type-box .numbering {
    position: absolute;
    top: 10px;
    right: -26px
}

.driver-license-section .international-license .country-box {
    position: absolute;
    top: 240px;
    left: 108px
}

.driver-license-section .international-license .country-box .selectbox {
    width: 240px;
    max-width: 240px
}

.driver-license-section .international-license .number-box {
    position: absolute;
    top: 366px;
    left: 108px
}

.driver-license-section .international-license .number-box input {
    width: 240px;
    max-width: 240px
}

.driver-license-section .international-license .type-box {
    position: absolute;
    top: 182px;
    left: 410px
}

.driver-license-section .international-license .type-box li+li {
    margin-top: 10px
}

.driver-license-section .international-license .type-box .numbering {
    top: 4px
}

.driver-license-section .guide-cont {
    margin-top: 30px
}

.driver-license-section .guide-cont .tit {
    font-size: 18px
}

.driver-license-section .guide-cont .lst {
    margin-top: 20px !important
}

.driver-license-section .guide-cont .lst li {
    padding-left: 28px
}

.driver-license-section .guide-cont .lst li+li {
    margin-top: 10px
}

.driver-license-section .numbering {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #ff404b
}

.eng-wrap .inputT,
.eng-wrap .selectbox {
    line-height: 1.2
}

.floating-zone {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #e7e7e7;
    background-color: #fafafa;
    z-index: 10
}

.floating-zone .floating-inner {
    width: 1200px;
    margin: 0 auto;
    padding: 25px 0
}

.floating-zone .floating-inner.between-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.floating-zone .floating-inner.between-type .tel-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.floating-zone .floating-inner.between-type .tel-box p {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 26px;
    margin-left: 15px
}

.floating-zone .floating-inner.between-type .tel-box p span {
    font-size: 32px;
    color: #ed1c24;
    margin-left: 15px
}

.floating-zone .floating-inner.between-type .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.floating-zone .floating-inner.between-type .btns .btn {
    white-space: nowrap;
    margin-left: 10px
}

.floating-zone .floating-inner.between-type .btns .btn.fs-m {
    min-width: 200px;
    padding: 20px;
    font-size: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.International.e_ins {
    margin-top: 20px
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

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

.slick-list:focus {
    outline: none
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

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

.slick-dots {
    margin-top: 3rem;
    position: static;
    background-color: rgba(255, 255, 255, 0.7);
    height: 2rem;
    padding: 0;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0
}

.slick-dots li {
    margin: 0 .4rem;
    display: inline-block;
    vertical-align: middle
}

.slick-dots button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font: 0/0 a;
    width: auto;
    height: auto;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    background-color: transparent;
    border: 0;
    opacity: 1
}

.slick-dots button:before {
    display: inline-block;
    content: '';
    width: 7px;
    height: 7px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #d3d3d3
}

.slick-dots button:after {
    display: inline-block;
    content: '';
    width: 0;
    -webkit-transition: width .6s;
    -o-transition: width .6s;
    -moz-transition: width .6s;
    transition: width .6s
}

.slick-dots .slick-active button:before {
    background-color: #ff404b;
    border: 1px solid #ff404b
}

.slick-dots .slick-active button:after {
    display: inline-block;
    content: '';
    width: 0;
    -webkit-transition: width .6s;
    -o-transition: width .6s;
    -moz-transition: width .6s;
    transition: width .6s
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    -o-transition-property: -o-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    -o-transition-property: -o-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, -webkit-transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    -o-transition-property: height, -o-transform;
    -moz-transition-property: transform, height, -moz-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -webkit-background-size: 27px 44px;
    -moz-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
    top: 328px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    top: 328px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    -moz-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    -moz-transform: scale(0.33);
    -o-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    -moz-transform: scale(0.66);
    -o-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    -moz-transform: scale(0.33);
    -o-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    -moz-transform: scale(0.66);
    -o-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    -moz-transform: scale(0.33);
    -o-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff404b
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    -o-transition: 200ms top, 200ms -o-transform;
    -moz-transition: 200ms transform, 200ms top, 200ms -moz-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform, 200ms -moz-transform, 200ms -o-transform;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    -o-transition: 200ms left, 200ms -o-transform;
    -moz-transition: 200ms transform, 200ms left, 200ms -moz-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform, 200ms -moz-transform, 200ms -o-transform;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    -o-transition: 200ms right, 200ms -o-transform;
    -moz-transition: 200ms transform, 200ms right, 200ms -moz-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform, 200ms -moz-transform, 200ms -o-transform;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -moz-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    -moz-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -o-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-button-prev {
    font: 0/0 a;
    background-repeat: no-repeat;
    /*background-image: url("https://www.lotterentacar.net/error.html");*/
    background-position: center center;
    -webkit-background-size: .9rem .9rem;
    -moz-background-size: .9rem;
    background-size: .9rem;
    width: 3rem;
    height: 3rem
}

.swiper-button-next {
    font: 0/0 a;
    background-repeat: no-repeat;
    /*background-image: url("https://www.lotterentacar.net/error.html");*/
    background-position: center center;
    -webkit-background-size: .9rem .9rem;
    -moz-background-size: .9rem;
    background-size: .9rem;
    width: 3rem;
    height: 3rem
}

.slide-list,
.slick-slider .slick-track,
.slick-slider .slick-list {
    height: 100%
}

.slick-slide {
    outline: none
}

.slick-arrow {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    font: 0/0 a;
    border-top: 3px solid rgba(255, 255, 255, 0.4);
    border-left: 3px solid rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 1
}

.slick-arrow.slick-prev {
    left: 20px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.slick-arrow.slick-next {
    right: 20px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.slide-controls {
    position: absolute;
    bottom: 56px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.slide-controls .btn-pause,
.slide-controls .btn-play {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 2px;
    padding-top: 4px;
    text-align: center;
    font: 0/0 a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.slide-controls .btn-pause:before,
.slide-controls .btn-pause:after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 12px;
    margin: -4px 2px 0;
    background-color: #fff
}

.slide-controls .btn-play .icon {
    margin-top: -4px;
    margin-left: 2px
}

.slide-controls .slick-dots {
    padding-left: 28px
}

.slide-controls .slick-dots li {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 2px;
    padding-top: 4px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.slide-controls .slick-dots li button {
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    font: 0/0 a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top
}

.slide-controls .slick-dots li.slick-active button {
    background: #fff
}

.slide {
    position: relative;
    height: 791px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50% 50%
}

.slide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.slide h2 strong,
.slide .content strong {
    font-weight: 700
}

.slide .content {
    position: relative
}

.swipe-detail-wrap .btn-zoom {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 30px;
    z-index: 5
}

.swipe-detail-wrap .btn-zoom.zoomOut .zoom {
    width: 76px;
    height: 76px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-zoom-out.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.swipe-detail-wrap {
    position: relative;
    overflow: hidden;
    padding-bottom: 50px
}

.swipe-detail-wrap .cover {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px;
    color: #fff;
    background: rgba(29, 29, 29, 0.6);
    z-index: 5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 75px
}

.swipe-detail-wrap .detail-slide-gallery-top {
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.85)
}

.swipe-detail-wrap .detail-slide-gallery-top .swiper-slide {
    text-align: center;
    width: 1200px;
    height: 660px
}

.swipe-detail-wrap .detail-slide-gallery-top .swiper-slide img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    max-height: 660px;
    margin: auto
}

.swipe-detail-wrap .zoom-swiper-button-prev,
.swipe-detail-wrap .zoom-swiper-button-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    width: 105px;
    height: 130px;
    margin-top: -65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5
}

.swipe-detail-wrap .zoom-swiper-button-next {
    position: absolute;
    top: 50%;
    right: 0;
    left: auto
}

.swipe-detail-wrap .heart-chk-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swipe-detail-wrap .heart-chk-box input {
    display: none
}

.swipe-detail-wrap .heart-chk-box .icon {
    position: relative;
    width: 18px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-heart2-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.swipe-detail-wrap .heart-chk-box input:checked+.icon {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-heart2-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.swipe-detail-wrap .heart-chk-box span {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-left: 10px
}

.swipe-detail-wrap .detail-slide-gallery-thumbs {
    margin: 4px 0;
    height: 80px
}

.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide {
    overflow: hidden;
    width: 120px;
    height: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    border: 2px solid #d2d2d2
}

.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    border: 2px solid #ff404b
}

.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide .img {
    width: 120px;
    height: 80px
}

.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide .img img {
    display: block;
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    width: auto;
    height: auto;
    max-width: none;
    max-height: 80px;
    margin: auto
}

.swipe-detail-wrap .swiper-scrollbar {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 10px
}

.swipe-detail-wrap .swiper-pagination {
    position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    width: auto;
    color: #fff;
    padding: 20px 30px
}

.swipe-detail-wrap.zoomMode {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    /*overflow-y: auto;*/
    -ms-overflow-y: auto;
    background-color: #fff
}

.swipe-detail-wrap.zoomMode .car-details {
    width: auto;
    height: auto;
    max-width: 1920px;
    margin: 0 auto
}

.swipe-detail-wrap.zoomMode .car-details .detail-slide-gallery-top {
    width: auto;
    max-width: 1920px
}

.swipe-detail-wrap.zoomMode .car-details .detail-slide-gallery-top .swiper-slide {
    width: auto;
    height: 860px
}

.swipe-detail-wrap.zoomMode .car-details .detail-slide-gallery-top .swiper-slide img {
    max-height: 860px;
    margin-top: 92px
}

.tab-nav>ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tab-nav>ul>li button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 95px;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    font-size: 24px
}

.tab-nav>ul>li.active button {
    color: #ff3f4c;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    border-bottom: .3rem solid #ff3f4c
}

.tab-nav>ul.tab-col2>li {
    width: 50%
}

.tab-nav>ul.tab-col3>li {
    width: 33.333%
}

.tab-nav>ul.tab-col4>li {
    width: 25%
}

.tab-nav>ul.tab-col5>li {
    width: 20%
}

.tab-nav .tabs {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border: 0 solid #d2d2d2;
    border-width: 0 1px 1px 0
}

.tab-nav .tabs>li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tab-nav .tabs>li button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    font-size: 1rem;
    border: 0 solid #d2d2d2;
    border-width: 1px 0 0 1px
}

.tab-nav .tabs>li.active button {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #ed1c24;
    background-color: #fff9f9;
    border-bottom: none
}

.tab-nav .tabs>li.active button:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 1px solid #ff404b;
    z-index: 5
}

.tab-nav .tab-inline-type {
    position: relative;
    width: 100%;
    padding: 0 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tab-nav .tab-inline-type>li button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 44px;
    width: 100%;
    padding: 0 20px;
    border-bottom: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    z-index: 5
}

.tab-nav .tab-inline-type>li.active button {
    color: #ff3f4c;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    border-bottom: 4px solid #ff3f4c
}

.tab-nav .tab-inline-type:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    height: 1px;
    background-color: #e7e7e7
}

.btn {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    color: #2B2B2B
}

.btn-family {
    position: relative;
    background-color: #333;
    font-size: 16px;
    padding-right: 64px;
    color: #fff;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.btn-family:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-down3.png");
    background-position: center center;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px;
    background-size: 15px;
    width: 15px;
    height: 15px;
    margin: -7px 0 0 0;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.btn-family.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-foot-sns {
    width: 30px;
    height: 30px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #d3d3d3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.btn-blackC {
    background-color: #2B2B2B;
    border: 1px solid #2B2B2B;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 54px;
    height: 54px;
    padding: 0
}

.btn-default {
    width: 100%;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
    border: 1px solid #B4B8BF;
    background-color: #B4B8BF;
    pointer-events: none;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.btn-default.noRadius {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-default.active {
    border: 1px solid #F04040;
    background-color: #F04040;
    pointer-events: auto
}

.btn-default.eventsAuto {
    pointer-events: auto
}

.btn-default.black {
    border: 1px solid #2B2B2B;
    background-color: #2B2B2B;
    pointer-events: auto
}

.btn-white {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-blue {
    width: 100%;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
    border: 1px solid #20BBC4;
    background-color: #20BBC4;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-red {
    width: 100%;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
    border: 1px solid #ed1c24;
    background-color: #ed1c24;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-sns-naver {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-naver_login.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    font: 0/0 a;
    width: 55px;
    height: 55px
}

.btn-sns-kakao {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-kakao_login.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    font: 0/0 a;
    width: 55px;
    height: 55px
}

.btn-sns-fb {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-fb_login.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    font: 0/0 a;
    width: 55px;
    height: 55px
}

.btn-toggle {
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer
}

.btn-toggle:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-down.png");
    background-position: center center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px;
    width: 14px;
    height: 14px;
    margin: -7px -7px 0 0;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.btn-toggle.gray:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-down2.png");
    background-position: center center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px
}

.btn-toggle.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-toggle-wide {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.btn-toggle-wide:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0%;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-down.png");
    background-position: center center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.btn-toggle-wide.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-toggle-auto {
    position: relative;
    text-align: left;
    font-size: inherit;
    padding-right: 20px
}

.btn-toggle-auto:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0%;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-down.png");
    background-position: center center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.btn-toggle-auto.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-toggle-grey {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: inherit
}

.btn-toggle-grey:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0%;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-down4.png");
    background-position: center center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px;
    width: 16px;
    height: 7px;
    margin: -3px 0 0 0;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.btn-toggle-grey.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btn-simple {
    border: 1px solid #EBEBEB;
    height: 48px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 20px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-simple.active {
    color: #0074b2;
    border-color: #0074b2
}

.btn-simple.black {
    color: #fff;
    border-color: #2B2B2B;
    background-color: #2B2B2B
}

.btn-simple.mid {
    height: 40px;
    padding: 0 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.btn-link {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    color: #2B2B2B;
    border-bottom: 1px solid #2B2B2B;
    font-size: 14px;
    padding-bottom: 1px
}

.btn-paging-prev {
    font: 0/0 a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-paging-prev.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 47px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.btn-paging-next {
    font: 0/0 a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-paging-next.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 47px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.btn-black {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #54585a;
    background-color: #54585a;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-black2 {
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #000;
    background-color: #000;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-normal {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 50px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    color: #2B2B2B;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.btn-normal.black {
    color: #fff;
    border: 1px solid #54585a;
    background-color: #54585a;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-auto {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1;
    color: #2B2B2B;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.btn-auto.black {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #54585a;
    background-color: #54585a
}

.btn-auto.white,
.btn-auto.line-darkgrey {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #54585a;
    border: 1px solid #d2d2d2;
    background-color: #fff
}

.btn-auto.line-red {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ed1c24;
    border: 1px solid #ed1c24
}

.btn-auto.line-black {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #54585a;
    border: 1px solid #54585a
}

.btn-disabled {
    width: 100%;
    color: #bbb;
    background-color: #f5f5f5;
    border: none
}

.btn-goTop {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-goTop.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 50px;
    height: 50px;
    font: 0/0 a
}

button[disabled] {
    color: #bbb;
    background-color: #f5f5f5;
    border: none
}

.btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-box .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px
}

.btn-box .btn-wide {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px
}

.btn-box-align-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.btn-box-align-left .btn {
    width: auto
}

.btn-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 60px 0
}

.btn-area .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    min-width: 200px;
    height: 60px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 22px;
    padding: 0 20px;
    margin: 0 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-area.borderT {
    padding: 40px 0 0;
    margin-top: 60px;
    border-top: 1px solid #e7e7e7
}

.btn-area.borderT .btn {
    min-width: 120px
}

.icon {
    display: inline-block;
    vertical-align: middle;
    font: 0/0 a;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.icon.loginClose {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-close.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 15px;
    height: 15px
}

.icon.stepsChk {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-stepsChk.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 12px;
    height: 12px
}

.icon.fast {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-estimate-btn1.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 15px;
    height: 15px
}

.icon.fast2 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-estimate-btn01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 30px;
    height: 30px
}

.icon.pro {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-estimate-btn2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 15px;
    height: 15px
}

.icon.pro.circle {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background-color: #02B174
}

.icon.pro2 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-estimate-btn02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 30px;
    height: 30px
}

.icon.filter {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-select-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 13px;
    height: 13px
}

.icon.reset {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-reset.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 16px
}

.icon.info {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-info.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.icon.info2 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-info2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.icon.fuelG {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-fuel-g.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 35px
}

.icon.fuelD {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-fuel-d.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 35px
}

.icon.fuelL {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-fuel-l.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 35px
}

.icon.fuelH {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-fuel-h.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 35px
}

.icon.fuelE {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-fuel-e.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 35px
}

.icon.star {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-star_off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 14px;
    height: 14px
}

.icon.star.active {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-star_on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.video {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-play.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 40px;
    height: 40px
}

.icon.heart {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-heart.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 16px
}

.icon.speak {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-speak.png");
    background-position: center center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #EBEBEB
}

.icon.app01 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-app01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 140px;
    height: 25px
}

.icon.app02 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-app02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 129px;
    height: 29px
}

.icon.snsB {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-sns-blog.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 10px;
    height: 14px
}

.icon.snsT {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-sns-tw.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 18px;
    height: 13px
}

.icon.snsF {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-sns-fb.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 10px;
    height: 18px
}

.icon.snsI {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-sns-insta.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 16px
}

.icon.snsK {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-sns-kakao.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 18px
}

.icon.snsY {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-sns-yt.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 11px
}

.icon.snsP {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-sns-pt.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 10px;
    height: 16px
}

.icon.mypage {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-mypage.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 28px;
    height: 26px
}

.icon.draw {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-draw.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 22px;
    height: 20px
}

.icon.global {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-global.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 22px;
    height: 22px
}

.icon.next02 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-next02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 5px;
    height: 10px
}

.icon.login-naver {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-login-naver.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 18px;
    height: 17px
}

.icon.login-kakao {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-login-kakao.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 23px;
    height: 22px
}

.icon.login-fb {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-login-fb.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 13px;
    height: 24px
}

.icon.lpoint-logo {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-lpoint-logo.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 356px;
    height: 43px
}

.icon.lpoint {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-lpoint.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 39px;
    height: 14px
}

.icon.data-new {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-data-new.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 15px;
    height: 15px
}

.icon.home {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-home.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 18px;
    height: 18px
}

.icon.share {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-share.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 22px;
    height: 24px;
    font: 0/0 a
}

.icon.progress {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-off02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 32px;
    height: 32px
}

.icon.complete {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-on02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 32px;
    height: 32px
}

.icon.date {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-date.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 19px
}

.icon.swiper-prev {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-swiper-prev.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 27px;
    height: 50px
}

.icon.swiper-next {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-swiper-next.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 27px;
    height: 50px
}

.icon.fb {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-fb.png");
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 25px;
    height: 25px
}

.icon.ig {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-ig.png");
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 25px;
    height: 25px
}

.icon.nb {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-nb.png");
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 25px;
    height: 25px
}

.icon.np {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-np.png");
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 25px;
    height: 25px
}

.icon.tw {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-tw.png");
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 25px;
    height: 25px
}

.icon.yt {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-yt.png");
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 25px;
    height: 25px
}

.icon.post {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-po.png");
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 25px;
    height: 25px
}

.icon.date2 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-date2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 21px;
    height: 22px
}

.icon.info3 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-info3.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.icon.counsel {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-counsel.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 24px;
    height: 23px
}

.icon.note {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-note.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 22px
}

.icon.car {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-car.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 29px;
    height: 20px
}

.icon.reset2 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-reset2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 14px;
    height: 13px
}

.icon.arrow-up {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-up.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 7px
}

.icon.chk2 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 13px;
    height: 10px
}

.icon.chk-on2 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-on2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 13px;
    height: 10px
}

.icon.chk3 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk3.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 19px
}

.icon.car-spec01 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-car-spec01.png");
    background-position: center left;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 21px;
    height: 17px
}

.icon.car-spec02 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-car-spec02.png");
    background-position: left center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.icon.car-spec03 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-car-spec03.png");
    background-position: left center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 18px;
    height: 21px
}

.icon.car-spec04 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-car-spec04.png");
    background-position: left center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 21px;
    height: 20px
}

.icon.car-spec05 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-car-spec05.png");
    background-position: left center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 17px;
    height: 18px
}

.icon.talk {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-talk.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 48px;
    height: 44px
}

.icon.talk-small {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-talk.png");
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 40px;
    height: 30px
}

.icon.talk2 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-talk2.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 25px;
    height: 25px
}

.icon.talk3 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-talk3.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 34px;
    height: 31px
}

.icon.talk4 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-talk4.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 48px;
    height: 44px
}

.icon.arrow-link {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-link.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 30px;
    height: 30px
}

.icon.appStore {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-appStore.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 22px;
    height: 27px
}

.icon.googlePlay {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-googlePlay.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 25px;
    height: 28px
}

.icon.purchase-step01 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-purchase-step01.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 93px;
    height: 98px
}

.icon.purchase-step02 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-purchase-step02.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 109px;
    height: 79px
}

.icon.purchase-step03 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-purchase-step03.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 106px;
    height: 70px
}

.icon.purchase-step04 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-purchase-step04.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 81px;
    height: 100px
}

.icon.purchase-step05 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-purchase-step05.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 93px;
    height: 95px
}

.icon.purchase-step06 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-purchase-step06.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 115px;
    height: 96px
}

.icon.heart-off {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-heart-off.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 24px;
    height: 25px
}

.icon.heart-on {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-heart-on.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 24px;
    height: 25px
}

.icon.location {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-location.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 14px;
    height: 18px
}

.icon.tel {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-tel.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 33px;
    height: 33px
}

.icon.tel04 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-tel4.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 43px;
    height: 43px
}

.icon.info04 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-info04.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 16px
}

.icon.info05 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-info05.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 16px
}

.icon.certi-card {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-certi-card.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 106px;
    height: 71px
}

.icon.certi-phone {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-certi-phone.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 67px;
    height: 91px
}

.icon.certi-pc {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-certi-pc.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 118px;
    height: 101px
}

.icon.pannel01 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel01.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 57px;
    height: 41px
}

.icon.pannel02 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel02.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 43px;
    height: 43px
}

.icon.pannel03 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel03.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 65px;
    height: 48px
}

.icon.pannel04 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel04.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 68px;
    height: 45px
}

.icon.pannel05 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel05.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 69px;
    height: 45px
}

.icon.pannel06 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel06.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 43px;
    height: 45px
}

.icon.pannel07 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel07.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 38px;
    height: 44px
}

.icon.pannel08 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel08.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 41px;
    height: 11px
}

.icon.pannel09 {
    width: 66px;
    height: 64px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel09.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel10 {
    width: 66px;
    height: 56px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel10.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel11 {
    width: 50px;
    height: 61px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel11.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel12 {
    width: 72px;
    height: 58px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel12.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel13 {
    width: 50px;
    height: 63px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel13.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel14 {
    width: 50px;
    height: 63px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel14.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel15 {
    width: 77px;
    height: 55px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel15.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel16 {
    width: 66px;
    height: 55px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel16.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel17 {
    width: 67px;
    height: 57px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel17.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel18 {
    width: 62px;
    height: 57px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel18.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel19 {
    width: 66px;
    height: 51px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel19.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel20 {
    width: 66px;
    height: 52px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel20.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel21 {
    width: 49px;
    height: 56px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel21.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel22 {
    width: 42px;
    height: 53px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel22.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel23 {
    width: 62px;
    height: 52px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel23.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel24 {
    width: 93px;
    height: 97px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel24.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel25 {
    width: 110px;
    height: 95px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel25.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel26 {
    width: 109px;
    height: 79px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel26.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel27 {
    width: 117px;
    height: 100px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel27.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel28 {
    width: 93px;
    height: 97px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel28.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel29 {
    width: 110px;
    height: 87px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel29.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel30 {
    width: 110px;
    height: 72px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel30.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel31 {
    width: 76px;
    height: 64px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel31.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel32 {
    width: 50px;
    height: 61px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel32.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel33 {
    width: 50px;
    height: 89px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel33.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel34 {
    width: 67px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel34.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel35 {
    width: 91px;
    height: 78px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel35.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel36 {
    width: 190px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel36.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel37 {
    width: 50px;
    height: 68px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel37.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel38 {
    width: 67px;
    height: 60px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel38.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel39 {
    width: 43px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel39.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel40 {
    width: 50px;
    height: 61px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel40.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel41 {
    width: 66px;
    height: 65px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel41.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel42 {
    width: 46px;
    height: 65px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel42.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel43 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel43.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 54px;
    height: 55px
}

.icon.pannel44 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel44.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 60px;
    height: 47px
}

.icon.pannel45 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel45.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 126px;
    height: 93px
}

.icon.pannel46 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel46.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 141px;
    height: 86px
}

.icon.pannel47 {
    width: 59px;
    height: 64px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel47.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel48 {
    width: 71px;
    height: 58px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel48.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel49 {
    width: 55px;
    height: 89px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel49.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel50 {
    width: 59px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel50.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.pannel51 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel51.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 66px;
    height: 56px
}

.icon.pannel52 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel52.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 51px;
    height: 65px
}

.icon.pannel53 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel53.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 59px;
    height: 57px
}

.icon.pannel54 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel54.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 59px;
    height: 57px
}

.icon.pannel55 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel55.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 82px;
    height: 30px
}

.icon.pannel56 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel56.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 52px;
    height: 66px
}

.icon.pannel57 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel57.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 60px;
    height: 66px
}

.icon.pannel58 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel58.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 60px;
    height: 36px
}

.icon.pannel59 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel59.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 70px;
    height: 54px
}

.icon.pannel60 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel60.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 83px;
    height: 48px
}

.icon.pannel61 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel61.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 73px;
    height: 62px
}

.icon.pannel62 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel62.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 44px;
    height: 66px
}

.icon.pannel63 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel63.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 62px;
    height: 61px
}

.icon.pannel64 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pannel64.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 68px;
    height: 57px
}

.icon.fee01 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-fee01.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 66px;
    height: 56px
}

.icon.fee02 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-fee02.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 54px;
    height: 55px
}

.icon.fee03 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-fee03.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 60px;
    height: 47px
}

.icon.fee04 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-fee04.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 43px;
    height: 59px
}

.icon.etc-info01 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-etc-info01.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 71px;
    height: 58px
}

.icon.etc-info02 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-etc-info02.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 76px;
    height: 58px
}

.icon.etc-info03 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-etc-info03.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 50px;
    height: 61px
}

.icon.pop-close {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pop-close.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 29px;
    height: 29px
}

.icon.person {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-person.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 18px
}

.icon.amount {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-amount.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 17px
}

.icon.pop-info {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pop-info.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 17px;
    height: 19px
}

.icon.list {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-list.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 17px
}

.icon.list2 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-list2.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 17px
}

.icon.heart2-off {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-heart2-off.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 18px;
    height: 16px
}

.icon.heart2-on {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-heart2-on.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 18px;
    height: 16px
}

.icon.question-white {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-question-white.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 16px
}

.icon.question-grey {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-question-grey.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 16px
}

.icon.marker {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-marker.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 30px;
    height: 30px
}

.icon.marker1 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-marker1.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 30px;
    height: 30px
}

.icon.marker2 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-marker2.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 30px;
    height: 30px
}

.icon.marker3 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-marker3.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 30px;
    height: 30px
}

.icon.chk-grey {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-grey.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.icon.add {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-add.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 40px;
    height: 40px
}

.icon.del {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-del.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 19px
}

.icon.del-black {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-del-black.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 19px
}

.icon.registerCar01 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-registerCar01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 79px;
    height: 62px
}

.icon.registerCar02 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-registerCar02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 79px;
    height: 62px
}

.icon.registerCar03 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-registerCar03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 110px;
    height: 62px
}

.icon.registerCar04 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-registerCar04.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 110px;
    height: 62px
}

.icon.registerCar05 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-registerCar05.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 109px;
    height: 70px
}

.icon.link {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-link.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 19px;
    height: 19px
}

.icon.pay {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pay.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 32px;
    height: 32px
}

.icon.myPannel01 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-myPannel01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 43px;
    height: 48px
}

.icon.myPannel02 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-myPannel02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 48px;
    height: 48px
}

.icon.myPannel03 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-myPannel03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 58px;
    height: 40px
}

.icon.myPannel04 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-myPannel04.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 53px;
    height: 40px
}

.icon.myPannel05 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-myPannel05.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 39px;
    height: 48px
}

.icon.myPannel06 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-myPannel06.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 43px;
    height: 42px
}

.icon.myPannel07 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-myPannel07.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 36px;
    height: 46px
}

.icon.magnifier {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-magnifier.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 35px
}

.icon.coupon {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-coupon.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 28px;
    height: 21px
}

.icon.etc-option01 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-realtime-etcoption01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 25px;
    height: 31px
}

.icon.etc-option02 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-realtime-etcoption02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 27px
}

.icon.etc-option03 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-realtime-etcoption03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 33px
}

.icon.etc-option04 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-realtime-etcoption04.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 27px
}

.icon.etc-option05 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-realtime-etcoption05.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 35px;
    height: 27px
}

.icon.etc-option06 {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-realtime-etcoption06.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 28px;
    height: 28px
}

.icon.tooltip {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-tooltip.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 21px;
    height: 21px
}

.icon.coop-date {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-cooper-date.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 26px;
    height: 26px
}

.icon.coop-clock {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-cooper-clock.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 28px;
    height: 28px
}

.icon.coop-map {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-cooper-map.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 28px;
    height: 28px
}

.icon.enroll {
    min-width: 130px;
    min-height: 40px
}

.icon.enroll01 {
    background-repeat: no-repeat;
    background-image: url("../images/logos/ico-enroll01.png");
    background-position: center 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.enroll02 {
    background-repeat: no-repeat;
    background-image: url("../images/logos/ico-enroll02.png");
    background-position: center 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.enroll03 {
    background-repeat: no-repeat;
    background-image: url("../images/logos/ico-enroll03.png");
    background-position: center 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.enroll04 {
    background-repeat: no-repeat;
    background-image: url("../images/logos/ico-enroll04.png");
    background-position: center 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.enroll05 {
    background-repeat: no-repeat;
    background-image: url("../images/logos/ico-enroll05.png");
    background-position: center 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.enroll06 {
    background-repeat: no-repeat;
    background-image: url("../images/logos/ico-enroll06.png");
    background-position: center 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.enroll07 {
    background-repeat: no-repeat;
    background-image: url("../images/logos/ico-enroll07.png");
    background-position: center 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.enroll08 {
    background-repeat: no-repeat;
    background-image: url("../images/logos/ico-enroll08.png");
    background-position: center 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.circle-car01 {
    width: 110px;
    height: 110px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-circle-car01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.circle-car02 {
    width: 110px;
    height: 110px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-circle-car02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.circle-car03 {
    width: 110px;
    height: 110px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-circle-car03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.circle-enjoy01 {
    width: 110px;
    height: 110px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-circle-enjoy01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.circle-enjoy02 {
    width: 110px;
    height: 110px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-circle-enjoy02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.circle-enjoy03 {
    width: 110px;
    height: 110px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-circle-enjoy03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit01 {
    width: 43px;
    height: 55px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit02 {
    width: 122px;
    height: 31px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit03 {
    width: 30px;
    height: 48px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit04 {
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit04.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit05 {
    width: 62px;
    height: 52px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit05.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit06 {
    width: 51px;
    height: 51px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit06.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit07 {
    width: 66px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit07.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit08 {
    width: 35px;
    height: 19px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit08.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit09 {
    width: 26px;
    height: 18px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit09.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit10 {
    width: 24px;
    height: 18px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit10.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit-pannel01 {
    width: 92px;
    height: 55px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit-pannel01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit-pannel02 {
    width: 99px;
    height: 53px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit-pannel02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.benefit-pannel03 {
    width: 71px;
    height: 56px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-benefit-pannel03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.payment-card {
    width: 28px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-payment-card.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.print {
    width: 20px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-print.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.time {
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-time.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.time2 {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-time2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.tel2 {
    width: 15px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-tel2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.jeju-auto-pannel01 {
    width: 33px;
    height: 56px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-jeju-auto-pannel01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.jeju-auto-pannel02 {
    width: 66px;
    height: 55px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-jeju-auto-pannel02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.jeju-auto-pannel03 {
    width: 54px;
    height: 47px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-jeju-auto-pannel03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.jeju-auto-pannel04 {
    width: 65px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-jeju-auto-pannel04.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.jeju-auto-pannel05 {
    width: 66px;
    height: 44px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-jeju-auto-pannel05.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.jeju-auto-pannel06 {
    width: 56px;
    height: 58px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-jeju-auto-pannel06.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.jeju-auto-pannel07 {
    width: 42px;
    height: 62px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-jeju-auto-pannel07.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.jeju-auto-pannel08 {
    width: 51px;
    height: 46px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-jeju-auto-pannel08.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.loading-next {
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-loading.gif");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.icon.loading-normal {
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-loading2.gif");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.icon.error {
    width: 100px;
    height: 84px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-error.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.additional-pannel01 {
    width: 67px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-additional-pannel01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.additional-pannel02 {
    width: 42px;
    height: 62px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-additional-pannel02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.additional-pannel03 {
    width: 66px;
    height: 51px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-additional-pannel03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.email {
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-email.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.tel3 {
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-tel3.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.notice-pannel01 {
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-image: url("https://www.lotterentacar.net/error.html");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.share-sns-ka {
    width: 23px;
    height: 21px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-share-sns-kakao.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.share-sns-in {
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-share-sns-insta.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.share-sns-tw {
    width: 23px;
    height: 17px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-share-sns-tw.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.icon.share-sns-fb {
    width: 10px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-share-sns-fb.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.share-sns-bd {
    width: 15px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-share-sns-bd.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.share-sns-ks {
    width: 10px;
    height: 19px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-share-sns-ks.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.share-sns-lk {
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-share-sns-link.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.bad {
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-bad.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.good {
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-good.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption01 {
    width: 31px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption01.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption01-off {
    width: 31px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption01-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption02 {
    width: 71px;
    height: 44px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption02.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption02-off {
    width: 71px;
    height: 44px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption02-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption03 {
    width: 52px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption03.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption03-off {
    width: 52px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption03-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption04 {
    width: 46px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption04.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption04-off {
    width: 46px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption04-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption05 {
    width: 46px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption05.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption05-off {
    width: 46px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption05-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption06 {
    width: 47px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption06.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption06-off {
    width: 47px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption06-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption07 {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption07.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption07-off {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption07-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption08 {
    width: 61px;
    height: 56px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption08.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption08-off {
    width: 61px;
    height: 56px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption08-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption09 {
    width: 54px;
    height: 56px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption09.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption09-off {
    width: 54px;
    height: 56px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption09-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption10 {
    width: 71px;
    height: 29px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption10.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption10-off {
    width: 71px;
    height: 29px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption10-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption11 {
    width: 60px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption11.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption11-off {
    width: 60px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption11-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption12 {
    width: 60px;
    height: 34x;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption12.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption12-off {
    width: 60px;
    height: 34x;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption12-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption13 {
    width: 54px;
    height: 53px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption13.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption13-off {
    width: 54px;
    height: 53px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption13-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption14 {
    width: 35px;
    height: 56px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption14.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption14-off {
    width: 35px;
    height: 56px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption14-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption15 {
    width: 60px;
    height: 42px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption15.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption15-off {
    width: 60px;
    height: 42px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption15-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption16 {
    width: 54px;
    height: 54px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption16.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption16-off {
    width: 54px;
    height: 54px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption16-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption17 {
    width: 64px;
    height: 52px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption17.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption17-off {
    width: 64px;
    height: 52px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption17-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption18 {
    width: 63px;
    height: 44px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption18.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption18-off {
    width: 63px;
    height: 44px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption18-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption19 {
    width: 59px;
    height: 43px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption19.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.carOption19-off {
    width: 59px;
    height: 43px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-carOption19-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.zoom {
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-zoom.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.zoom-out {
    width: 76px;
    height: 76px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-zoom-out.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.icon.brand-all {
    width: 53px;
    height: 37px;
    background-repeat: no-repeat;
    background-image: url("../images/logos/ico-brand-all.png");
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.icon.car2 {
    width: 29px;
    height: 23px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-car2.png");
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.icon.location2 {
    width: 23px;
    height: 28px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-location2.png");
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.icon.period {
    width: 25px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-period.png");
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.icon.close {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-close2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 16px;
    height: 16px
}

.symbol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 64px;
    height: 37px
}

.symbol.chevrolet {
    background-repeat: no-repeat;
    background-image: url("../images/logos/symbol-chevrolet-off.png");
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.symbol.etc {
    background-repeat: no-repeat;
    background-image: url("../images/logos/symbol-etc-off.png");
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.symbol.hyundai {
    background-repeat: no-repeat;
    background-image: url("../images/logos/symbol-hyundai-off.png");
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.symbol.kia {
    background-repeat: no-repeat;
    background-image: url("../images/logos/symbol-kia-off.png");
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.symbol.renault {
    background-repeat: no-repeat;
    background-image: url("../images/logos/symbol-renault-off.png");
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.symbol.ssangyong {
    background-repeat: no-repeat;
    background-image: url("../images/logos/symbol-ssangyong-off.png");
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.carLogo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 40px
}

.carLogo.brand-all {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-brand-all.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carLogo.chevrolet {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-chevrolet.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carLogo.etc {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-etc.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carLogo.hyundai {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-hyundai.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carLogo.kia {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-kia.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carLogo.renault {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-renault.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carLogo.benz {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-benz.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carLogo.bmw {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-bmw.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carLogo.ssangyong {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-ssangyong.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-box input:checked+label .carLogo.chevrolet {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-chevrolet-on.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-box input:checked+label .carLogo.etc {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-etc-on.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-box input:checked+label .carLogo.hyundai {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-hyundai-on.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-box input:checked+label .carLogo.kia {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-kia-on.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-box input:checked+label .carLogo.renault {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-renault-on.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-box input:checked+label .carLogo.benz {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-benz-on.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-box input:checked+label .carLogo.bmw {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-bmw-on.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-box input:checked+label .carLogo.ssangyong {
    background-repeat: no-repeat;
    background-image: url("../images/logos/carLogo-ssangyong-on.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

button.active .filter {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-select-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.flag {
    height: 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "ManropeL", "NotoL", serif;
    font-weight: normal
}

.flag.best {
    border: 1px solid #25C1D6;
    color: #25C1D6;
    margin-left: 5px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.flag.low {
    border: 1px solid #9198FF;
    color: #9198FF;
    margin-left: 5px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.flag.hot {
    border: 1px solid #20BBC4;
    color: #20BBC4;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.flag.think {
    border: 1px solid #5793E5;
    color: #5793E5;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.flag.battle {
    border: 1px solid #9198FF;
    color: #9198FF;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.flag.fast {
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #406FF0
}

.flag.fast i {
    margin-right: 5px
}

.flag.fast2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    height: 80px;
    width: 80px;
    padding: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #406FF0
}

.flag.fast2 i {
    margin-bottom: 5px
}

.flag.pro {
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0 10px;
    background-color: #02B174
}

.flag.pro i {
    margin-right: 5px
}

.flag.pro2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    height: 80px;
    width: 80px;
    padding: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #02B174
}

.flag.pro2 i {
    margin-bottom: 5px
}

.flag.time {
    position: absolute;
    top: 0;
    left: 1.3rem;
    font-size: 0;
    background-color: #F04040;
    height: 2.6rem;
    -webkit-border-radius: 0 0 1rem 1rem;
    -moz-border-radius: 0 0 1rem 1rem;
    border-radius: 0 0 1rem 1rem;
    padding: 0 1rem;
    z-index: 2
}

.flag.time i {
    margin-right: .5rem
}

.flag.time p {
    display: inline-block;
    vertical-align: middle;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 1rem;
    color: #fff
}

.flag.circle {
    position: absolute;
    right: 1.3rem;
    bottom: -1.9rem;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 1.3;
    font-size: 1rem;
    height: 4.1rem;
    width: 4.1rem;
    color: #fff;
    background-color: #F04040;
    z-index: 2
}

.flag.circle.off {
    background-color: #B4B8BF
}

.flag.num {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1E1E1E;
    color: #fff;
    height: 1.7rem;
    width: 1.7rem;
    -webkit-border-radius: 0 0 .8rem 0;
    -moz-border-radius: 0 0 .8rem 0;
    border-radius: 0 0 .8rem 0;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.flag.point {
    color: #fff;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    background: #fb4457;
    background: -webkit-gradient(linear, left top, right top, from(#fb4457), to(#f15d37));
    background: -webkit-linear-gradient(left, #fb4457 0%, #f15d37 100%);
    background: -moz-linear-gradient(left, #fb4457 0%, #f15d37 100%);
    background: -o-linear-gradient(left, #fb4457 0%, #f15d37 100%);
    background: linear-gradient(90deg, #fb4457 0%, #f15d37 100%)
}

.flag.coupon {
    color: #fff;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    background: #8170dd;
    background: -webkit-gradient(linear, left top, right top, from(#8170dd), to(#56b2c0));
    background: -webkit-linear-gradient(left, #8170dd 0%, #56b2c0 100%);
    background: -moz-linear-gradient(left, #8170dd 0%, #56b2c0 100%);
    background: -o-linear-gradient(left, #8170dd 0%, #56b2c0 100%);
    background: linear-gradient(90deg, #8170dd 0%, #56b2c0 100%)
}

.flag-wrap {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2
}

.flag-wrap .flag {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.flag-bottom-wrap {
    position: absolute;
    bottom: -.85rem;
    left: 1.3rem;
    font-size: 0;
    z-index: 2
}

.flag-bottom-wrap .flag {
    position: static;
    margin-right: .6rem
}

.flag-inline-wrap {
    font-size: 0
}

.flag-inline-wrap .flag {
    margin-right: 10px
}

.flag-big-wrap {
    position: absolute;
    top: 30px;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.flag-big-wrap .flag {
    position: relative
}

.flag-big-wrap .flag+.flag {
    left: -10px
}

.carFlag.chevrolet {
    width: 47px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url("../images/logos/carFlag-chevrolet.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carFlag.hyundai {
    width: 36px;
    height: 19px;
    background-repeat: no-repeat;
    background-image: url("../images/logos/carFlag-hyundai.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carFlag.kia {
    width: 36px;
    height: 19px;
    background-repeat: no-repeat;
    background-image: url("../images/logos/carFlag-kia.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carFlag.renault {
    width: 36px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url("../images/logos/carFlag-renault.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carFlag.benz {
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-image: url("../images/logos/carFlag-benz.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carFlag.bmw {
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-image: url("../images/logos/carFlag-bmw.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carFlag.ssangyong {
    width: 36px;
    height: 29px;
    background-repeat: no-repeat;
    background-image: url("../images/logos/carFlag-ssangyong.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.carFlag.etc {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-image: url("../images/logos/carFlag-etc.png");
    background-position: center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.list-type-col1>li {
    width: 100%
}

.list-type-col1>li .inner {
    width: auto;
    margin: 10px 0 0
}

.list-type-col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    width: 101%
}

.list-type-col2>li {
    width: 50%
}

.list-type-col2>li .inner {
    width: auto;
    margin: 0 5px
}

.list-type-col2.margin20 {
    margin-left: -10px;
    width: 102%
}

.list-type-col2.margin20 .inner {
    margin: 0 10px
}

.list-type-col3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    width: 101%
}

.list-type-col3>li {
    width: 33.333%
}

.list-type-col3>li .inner {
    width: auto;
    margin: 0 5px
}

.list-type-col3.margin20 {
    margin-left: -10px;
    width: 102%
}

.list-type-col3.margin20 .inner {
    margin: 0 10px
}

.list-type-col4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    width: 101%
}

.list-type-col4>li {
    width: 25%
}

.list-type-col4>li .inner {
    width: auto;
    margin: 0 5px
}

.list-type-col4.margin20 {
    margin-left: -10px;
    width: 102%
}

.list-type-col4.margin20 .inner {
    margin: 0 10px
}

.list-type-col5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    width: 101%
}

.list-type-col5>li {
    width: 20%
}

.list-type-col5>li .inner {
    width: auto;
    margin: 0 5px
}

.list-type-col5.margin20 {
    margin-left: -10px;
    width: 102%
}

.list-type-col5.margin20 .inner {
    margin: 0 10px
}

.list-type-col6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.list-type-col6>li {
    width: 16.6%
}

.list-type-col6>li .inner {
    width: 100%;
    margin: 0 5px
}

.list-type-col6.margin20 {
    margin-left: -10px;
    width: 102%
}

.list-type-col6.margin20 .inner {
    margin: 0 10px
}
.information {
    padding: 10px;
}
.summary-table-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*border: 1px solid #EBEBEB;*/
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    margin-top: 10px;
    position: relative;
    background-color: #fff;
    overflow: hidden
}

.summary-table-wrap .summary-toggle-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 4.1rem;
    padding: 0 1.4rem;
    background-color: #F9FAFC
}

.summary-table-wrap .summary-toggle-btn:after {
    display: block;
    content: '';
    position: absolute;
    top: 2rem;
    right: 1.7rem;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-down.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: .9rem;
    height: .9rem;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    margin-top: -.45rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.summary-table-wrap .summary-toggle-btn.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.summary-table-wrap .summary-toggle-cont {
    display: none
}

.summary-table-wrap .summary-toggle-cont.visible {
    display: block
}

.table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0 none;
    word-break: keep-all
}

.table table b {
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3
}

.table table span {
    display: block;
    font-size: 1.1rem;
    color: #999
}

.table table th {
    padding: 1.4rem 0 1.4rem 1.3rem;
    border-top: 1px solid #EBEBEB;
    text-align: left;
    vertical-align: top
}

.table table td {
    padding: 1.4rem 1.3rem 1.4rem 20px;
    border-top: 1px solid #EBEBEB;
    text-align: left
}

.table table tr.noBorder td,
.table table tr.noBorder th {
    border: none
}

.unit-normal {
    margin-top: 2rem;
    background-color: #fff;
    overflow: hidden;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.unit-normal a {
    display: block
}

.unit-normal .img {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #EBEBEB
}

.unit-normal .img .cover {
    position: relative
}

.unit-normal .conts {
    padding: 1.7rem
}

.unit-normal .text>strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: block;
    font-size: 1.2rem;
    line-height: 1.3
}

.unit-normal .text>strong>b {
    display: block;
    margin-top: .4rem;
    font-size: 1rem;
    font-family: "ManropeL", "NotoL", serif;
    font-weight: normal
}

.unit-normal .text>span {
    font-size: 1rem;
    display: block;
    color: #999;
    margin-top: .2rem;
    line-height: 1.3
}

.unit-normal .option-wrap {
    margin-top: 1.5rem
}

.unit-normal .option-wrap>ul+ul {
    margin-top: 1.3rem;
    padding-top: 1.3rem;
    border-top: 1px solid #EBEBEB
}

.unit-normal .option-wrap>ul>li+li {
    margin-top: .7rem
}

.unit-normal .option-wrap>ul>li {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.3
}

.unit-normal .option-wrap .cont i {
    margin-top: -.3rem
}

.unit-normal .option li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unit-normal .option li>span {
    color: #999;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 5.5rem
}

.unit-normal .price li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.unit-normal.border {
    border: 1px solid #EBEBEB
}

.unit-normal.end {
    pointer-events: none
}

.unit-normal.end .cover:after {
    display: block;
    content: '판매완료 되었습니다.';
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #fff;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5)
}

.unit-text {
    margin-top: .9rem;
    background-color: #fff;
    overflow: hidden;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem 0
}

.unit-text a {
    display: block
}

.unit-text .text-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.7rem
}

.unit-text .text-cont {
    padding: 1.7rem
}

.unit-text .text-cont .text-cont-in>span {
    display: block;
    font-size: 1rem;
    color: #999;
    margin-bottom: 1rem
}

.unit-text .text-cont .text-cont-in>strong {
    display: block;
    line-height: 1.3;
    font-size: 1.4rem;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.unit-text .text-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.7rem 0 0;
    margin: 0 1.7rem;
    border-top: 1px solid #EBEBEB;
    font-size: 1rem
}

.unit-text .text-bottom button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem
}

.unit-text .text-bottom button>.icon {
    margin-right: .3rem
}

.unit-text .text-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.unit-text .text-buttons button {
    font-size: 1rem
}

.unit-text .text-buttons button+button {
    margin-left: 1rem
}

.unit-text-detail {
    overflow: hidden;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem 0;
    background-color: #fff
}

.unit-text-detail .text-detail-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.7rem;
    margin-bottom: 1.5rem
}

.unit-text-detail .text-detail-cont {
    padding: 0 1.7rem
}

.unit-text-detail .text-detail-cont>strong {
    display: block;
    line-height: 1.3;
    font-size: 1.4rem;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-bottom: 1.5rem
}

.unit-text-detail .text-detail-cont .detail-cont-info {
    margin-bottom: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.unit-text-detail .text-detail-cont .detail-cont-info>b {
    font-size: 1rem;
    color: #999
}

.unit-text-detail .text-detail-cont .detail-cont-txt {
    border-top: 1px solid #2B2B2B;
    padding: 1.5rem 0;
    line-height: 1.4
}

.unit-text-detail .text-detail-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.7rem 0 0;
    margin: 0 1.7rem;
    border-top: 1px solid #EBEBEB;
    font-size: 1rem
}

.unit-text-detail .text-detail-bottom>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.unit-text-detail .text-detail-bottom button {
    font-size: 1rem
}

.unit-text-detail .text-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.unit-text-detail .text-buttons button {
    font-size: 1rem
}

.unit-text-detail .text-buttons button+button {
    margin-left: 1rem
}

.unit-text-detail .text-buttons button+button.btn-small {
    margin-left: .5rem
}

.unit-text-detail .text-detail-reply {
    padding: 0 1.7rem;
    margin-top: 2rem
}

.unit-text-detail .text-detail-reply .detail-reply-in {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem
}

.unit-text-detail .text-detail-reply .detail-reply-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 4.1rem;
    padding: 0 1.7rem;
    border-bottom: 1px solid #EBEBEB
}

.unit-text-detail .text-detail-reply .detail-reply-top>strong {
    font-size: 1.1rem;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.unit-text-detail .text-detail-reply .detail-reply-top>strong b {
    color: #F04040;
    font-size: 1.1rem
}

.unit-text-detail .text-detail-reply .detail-reply-list {
    padding: 1.7rem
}

.unit-text-detail .text-detail-reply .detail-reply-list li+li {
    margin-top: 1.7rem;
    padding-top: 1.7rem;
    border-top: 1px solid #EBEBEB
}

.unit-text-detail .text-detail-reply .detail-reply-list .reply-list-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem
}

.unit-text-detail .text-detail-reply .detail-reply-list .reply-list-top>b {
    font-size: 1rem
}

.unit-text-detail .text-detail-reply .detail-reply-list .reply-list-top>span {
    color: #999;
    margin-left: .5rem
}

.unit-text-detail .text-detail-reply .detail-reply-list .reply-list-cont {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 1.1rem;
    line-height: 1.4;
    margin-top: 1rem
}

.unit-text-detail .text-detail-reply .detail-reply-list .reply-list-bottom {
    margin-top: 1rem
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item {
    background-color: #F8F8F8;
    margin-top: 1.7rem;
    padding: 1.2rem 1.7rem 1.7rem 3rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    position: relative
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item.write {
    background-color: #EAF5F7
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item:before {
    display: block;
    content: '';
    width: 1.1rem;
    height: 1.1rem;
    background-repeat: no-repeat;
    background-image: url("https://www.lotterentacar.net/error.html");
    background-position: center center;
    -webkit-background-size: 95% auto;
    -moz-background-size: 95% auto;
    background-size: 95% auto;
    position: absolute;
    top: 1.2rem;
    left: 1.2rem
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item .commend-item-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item .commend-item-top>b {
    font-size: 1rem;
    margin-left: .5rem
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item .commend-item-top>span {
    font-size: 1rem;
    margin-left: .5rem;
    color: #999
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item .commend-item-cont {
    font-size: 1.1rem;
    line-height: 1.4;
    margin-top: .9rem
}

.unit-text-detail .text-detail-reply .reply-list-commend .commend-item .commend-item-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .9rem
}

.unit-text-detail .text-detail-reply .reply-list-none {
    height: 10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.unit-text-detail .text-detail-reply .reply-list-none>strong {
    display: block;
    font-size: 1.2rem;
    margin-top: 1.3rem
}

.unit-text-detail .text-detail-reply .reply-list-none>span {
    display: block;
    font-size: 1rem;
    color: #999;
    margin-top: .4rem
}

.unit-text-detail .text-detail-vs {
    padding: 1.7rem 0;
    margin: 0 1.7rem;
    border-top: 1px solid #EBEBEB
}

.unit-text-detail .text-detail-vs+.text-detail-bottom {
    border: 0;
    padding-top: 0
}

.unit-text-detail .text-detail-vs .detail-vs-top>strong {
    display: block;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 1.4rem;
    text-align: center
}

.unit-text-detail .text-detail-vs .detail-vs-top>span {
    display: block;
    font-size: 1rem;
    color: #999;
    text-align: center;
    margin-top: .9rem;
    line-height: 1
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner {
    margin-top: .4rem
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner>label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    height: 4.1rem;
    position: relative;
    background-color: #B4B8BF;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    color: #fff;
    font-size: 1.2rem
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner>label:before {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("https://www.lotterentacar.net/error.html");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    top: -.8rem;
    left: 50%;
    width: 1.4rem;
    height: 1.3rem;
    margin-left: -.7rem
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner>input:checked+label {
    background-color: #20BBC4
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner>input:checked+label:before {
    background-repeat: no-repeat;
    background-image: url("https://www.lotterentacar.net/error.html");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.unit-text-detail .text-detail-vs .detail-vs-cont .radio-box li .inner>input:checked+label:after {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-on2.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 1.3rem;
    height: 1.3rem;
    margin-left: .4rem
}

.vs-cont-box {
    position: relative;
    margin-top: 1.5rem
}

.vs-cont-box:after {
    display: block;
    content: 'VS';
    width: 3.4rem;
    height: 3.4rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #2B2B2B;
    color: #fff;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 3.6rem;
    left: 50%;
    margin-left: -1.7rem
}

.vs-cont-box .inner {
    height: 100%;
    margin-top: 0
}

.vs-cont-box .detail-vs-infos {
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.7rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vs-cont-box .detail-vs-infos .infos-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%
}

.vs-cont-box .detail-vs-infos .infos-top .pie-chart {
    position: relative;
    width: 6.5rem;
    height: 6.5rem
}

.vs-cont-box .detail-vs-infos .infos-top .pie-chart .texts {
    position: absolute;
    top: 2rem;
    left: 0;
    width: 100%;
    text-align: center
}

.vs-cont-box .detail-vs-infos .infos-top .pie-chart .texts .percent {
    font-size: 1.5rem;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    line-height: 1
}

.vs-cont-box .detail-vs-infos .infos-top .pie-chart .texts>b {
    margin-top: .5rem;
    display: block;
    font-size: 1rem
}

.vs-cont-box .detail-vs-infos .infos-top .pie-chart canvas {
    width: 100% !important;
    height: 100% !important
}

.vs-cont-box .detail-vs-infos .infos-top>strong {
    display: block;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.3;
    width: 100%;
    word-break: break-word
}

.vs-cont-box .detail-vs-infos .infos-top>span {
    display: block;
    font-family: "ManropeL", "NotoL", serif;
    font-weight: normal;
    font-size: 1rem;
    color: #999;
    text-align: center;
    margin-top: .9rem;
    line-height: 1.3;
    margin-bottom: 1rem;
    width: 100%;
    word-break: break-word
}

.vs-cont-box .detail-vs-infos .infos-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    border-top: 1px solid #EBEBEB;
    width: 100%
}

.vs-cont-box .detail-vs-infos .infos-bottom>strong {
    font-size: 1.2rem;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: block;
    margin-top: 1.2rem;
    text-align: center
}

.vs-cont-box .detail-vs-infos .infos-bottom>a {
    margin-top: 1.2rem;
    width: 100%
}

.vs-cont-box .detail-vs-enrollment {
    border: 1px solid #EBEBEB;
    background-color: #FAFAFA;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vs-cont-box .detail-vs-enrollment>button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 3.6rem 1.7rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vs-cont-box .detail-vs-enrollment>button span {
    display: block;
    font-size: 1.1rem;
    color: #999;
    line-height: 1.4;
    margin-top: 1.7rem
}

.unit-text-write-wrap .unit-text-write {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 45;
    background-color: #EFF2F7;
    padding: 1rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.unit-text-write-wrap .unit-text-write .textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.unit-text-write-wrap .unit-text-write .textarea textarea {
    padding: 1.2rem 0
}

.unit-text-write-wrap .unit-text-write>button {
    margin-left: .4rem
}

.unit-text-write-wrap .unit-text-write.active {
    background-color: #fff
}

.unit-text-write-wrap .unit-text-write.active:after {
    display: block;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 44
}

.unit-text-write-wrap.active .unit-text-write {
    background-color: #fff
}

.unit-text-write-wrap.active:after {
    display: block;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 44
}

.filter-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    overflow-x: visible;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    padding-bottom: .2rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-left: 1.7rem;
    margin: 2.4rem 0 0
}

.filter-list::-webkit-scrollbar {
    display: none
}

.filter-list button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    margin-right: .8rem;
    height: 2.8rem;
    font-size: 1.2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    border: 2px solid #2B2B2B;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.2rem
}

.filter-list button i {
    margin-left: .7rem
}

.filter-list.ty2 button {
    background-color: #fff;
    border: 1px solid #2B2B2B;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.filter-list.ty2 button.active {
    background-color: #2B2B2B;
    color: #fff
}

.text-info-lst {
    font-size: 0
}

.text-info-lst li {
    display: inline-block;
    vertical-align: middle
}

.text-info-lst li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem
}

.text-info-lst li span.gray {
    color: #999
}

.text-info-lst li+li:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: .2rem;
    height: .2rem;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0 .6rem
}

.guide-list>strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 1.1rem
}

.guide-list>ul>li {
    margin-top: .4rem;
    padding-left: 1rem;
    text-indent: -0.7rem;
    line-height: 1.3;
    font-size: 1.1rem
}

.guide-list>ul>li:before {
    display: inline-block;
    content: "";
    width: .2rem;
    height: .2rem;
    margin-right: 0.4rem;
    vertical-align: middle;
    background-color: #2B2B2B;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.pagination-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination-wrap .btn-paging-prev {
    margin-right: 5px
}

.pagination-wrap .btn-paging-next {
    margin-left: 5px
}

.pagination-wrap .btn {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px
}

.pagination-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px
}

.pagination-list strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.2
}

.pagination-list li {
    margin: 0 5px
}

.pagination-list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 47px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    font-size: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.pagination-list li strong {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 47px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #2B2B2B;
    background-color: #2B2B2B;
    color: #fff;
    font-size: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

body.fixed {
    overflow: hidden;
    position: fixed
}

.bg-dimmed {
    font: 0/0 a;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
    z-index: 50
}

.layer-wrap {
    z-index: 60
}

.layer-popup {
    position: fixed;
    width: 700px;
    display: none
}

.layer-popup.active {
    display: block !important;
    opacity: 1 !important
}

.layer-popup .pop-inner>.layer-popup-close {
    cursor: pointer;
    font: 0/0 a;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-close.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    top: -27px;
    right: 40px;
    width: 54px;
    height: 54px;
    background-color: #2B2B2B;
    border: 1px solid #2B2B2B;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    -moz-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    z-index: 2
}

.layer-popup .pop-inner {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 50px 30px 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    -moz-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5)
}

.layer-popup .popup-top {
    position: relative;
    padding: 0 50px;
    background: #fff;
    border-bottom: 2px solid #d2d2d2;
    z-index: 1
}

.layer-popup .popup-top>h4 {
    height: 98px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #2f2f2f
}

.layer-popup .popup-top .layer-popup-close {
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 40px;
    width: 50px;
    height: 50px;
    z-index: 2
}

.layer-popup .popup-top .layer-popup-close .pop-close {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pop-close-black.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.layer-popup .popup-cont {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 50px 0;
    scrollbar-base-color: #E1E1E1;
    scrollbar-face-color: #E1E1E1;
    scrollbar-3dlight-color: #E1E1E1;
    scrollbar-highlight-color: #E1E1E1;
    scrollbar-track-color: #FAFAFA;
    scrollbar-arrow-color: #FAFAFA;
    scrollbar-shadow-color: #FAFAFA;
    scrollbar-darkshadow-color: #FAFAFA
}

.layer-popup .popup-cont:after {
    content: "";
    display: block;
    height: 50px
}

.layer-popup .popup-cont .carDtlDescText {
    text-align: center
}

.layer-popup .popup-cont .carDtlDescText img {
    width: 100%;
    height: auto
}

.layer-popup .popup-cont::-webkit-scrollbar {
    width: 17px
}

.layer-popup .popup-cont::-webkit-scrollbar-thumb {
    background-color: #E1E1E1;
    border: 5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.layer-popup .popup-cont::-webkit-scrollbar-track {
    background-color: #FAFAFA;
    border: 5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.layer-popup .popup-cont .popup-cont-bot-btn {
    margin: 35px 0 0;
    text-align: center
}

.layer-popup .popup-cont .popup-cont-bot-btn .btn {
    width: auto;
    margin: 0 auto
}

.layer-popup .popup-cont .popup-cont-bot-btns {
    margin: 35px 0 0;
    text-align: center
}

.layer-popup .popup-cont .popup-cont-bot-btns .btn {
    display: inline-block;
    width: auto;
    min-width: 105px;
    margin: 0 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.layer-popup .popup-bottom-btn {
    margin-top: 10px
}

.layer-popup .popup-bottom-btn .btn-white {
    height: 70px;
    border: 0;
    border-top: 1px solid #EBEBEB;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    bottom: -30px
}

.layer-popup .popup-bottom-btns {
    margin-top: 50px;
    width: 102%
}

.layer-popup .popup-bottom-btns .btn {
    height: 60px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.layer-popup .popup-normal-btns {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup .popup-normal-btns .btn {
    width: 265px;
    height: 68px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.layer-popup .detail-layer-list-btn {
    margin-top: 40px
}

.layer-popup .detail-layer-list-btn .btn {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 68px;
    font-size: 18px
}

.layer-popup.layer-login .layer-login-close {
    position: absolute;
    top: -27px;
    right: 40px;
    -webkit-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    -moz-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5)
}

.layer-popup.layer-login .tab-nav {
    margin: 0px 30px 0
}

.layer-popup.layer-promotion .popup-top>h4 {
    height: 100px;
    margin: 0 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    border-bottom: 1px solid #EBEBEB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px
}

.layer-popup.layer-promotion .popup-top>h4 img {
    margin-right: 10px
}

.layer-popup.layer-promotion .promotion-col {
    padding: 0 40px;
    margin-top: 30px
}

.layer-popup.layer-promotion .promotion-col h5 {
    font-size: 18px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-bottom: 30px
}

.layer-popup.layer-promotion .popup-bottom-btn {
    margin-top: 0px
}

.layer-popup.layer-promotion .popup-bottom-btn .btn-white {
    bottom: -45px
}

.layer-popup.layer-license .layer-license-top {
    position: relative;
    width: 400px;
    margin: 0 auto
}

.layer-popup.layer-license .layer-license-top i.red {
    position: absolute;
    top: 10px;
    left: 10px
}

.layer-popup.layer-license .layer-license-top i.blue {
    position: absolute;
    top: 40px;
    left: 120px
}

.layer-popup.layer-license .layer-license-top i.green {
    position: absolute;
    top: 140px;
    left: 120px
}

.layer-popup.layer-license .layer-license-top i.mint {
    position: absolute;
    top: 190px;
    left: 120px
}

.layer-popup.layer-license .layer-license-guide {
    margin-top: 20px
}

.layer-popup.layer-license .layer-license-guide>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-license .layer-license-guide>ul>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px
}

.layer-popup.layer-license .layer-license-guide>ul>li>span {
    margin-left: 5px
}

.layer-popup.layer-license .layer-license-bottom {
    margin-top: 30px;
    text-align: center;
    line-height: 1.4
}

.layer-popup.layer-license .popup-bottom-btn {
    margin-top: 40px
}

.layer-popup.layer-cards .layer-cards-lists {
    padding: 0 40px
}

.layer-popup.layer-cards .layer-cards-lists li {
    margin-bottom: 35px
}

.layer-popup.layer-cards .layer-cards-lists .layer-cards-item {
    border: 1px solid #EBEBEB;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.layer-popup.layer-cards .layer-cards-lists .layer-cards-item .img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 200px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-color: #EFF2F7;
    padding: 40px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-popup.layer-cards .layer-cards-lists .layer-cards-item .img img {
    width: 100%
}

.layer-popup.layer-cards .layer-cards-lists .layer-cards-item .text {
    width: 280px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 30px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.layer-popup.layer-cards .layer-cards-lists .layer-cards-item .text>strong {
    display: block;
    font-size: 22px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    line-height: 1.3;
    width: 235px
}

.layer-popup.layer-cards .layer-cards-lists .layer-cards-item .text>span {
    margin-top: 10px;
    display: block;
    font-size: 13px;
    line-height: 1.3;
    width: 235px;
    margin-bottom: 30px;
    word-break: break-word
}

.layer-popup.layer-cards .layer-cards-lists .layer-cards-item .text>button {
    margin-top: auto
}

.layer-popup.layer-cards .layer-cards-lists .guide {
    text-align: center;
    font-size: 13px;
    color: #999;
    line-height: 1.3;
    word-break: break-word;
    width: 400px;
    margin: 15px auto 0
}

.layer-popup.layer-cards .layer-cards-lists .guide>a {
    font-size: 13px;
    color: #999
}

.layer-popup.layer-carSelect .popup-top {
    border-bottom: 1px solid #EBEBEB
}

.layer-popup.layer-carSelect .popup-top .carSelect-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 97px;
    position: relative;
    background-color: #EFF2F7
}

.layer-popup.layer-carSelect .popup-top .carSelect-prev .btn-carSelect-prev {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -15px
}

.layer-popup.layer-carSelect .popup-top .carSelect-prev .carSelect-current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-carSelect .popup-top .carSelect-prev .carSelect-current .img {
    width: 125px;
    margin-right: 10px
}

.layer-popup.layer-carSelect .popup-top .carSelect-prev .carSelect-current strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px
}

.layer-popup.layer-carSelect .layer-carSelect-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    overflow: hidden;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px
}

.layer-popup.layer-carSelect .layer-carSelect-in .popup-cont {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav {
    width: 150px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav>ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
    background-color: #fafafa;
    border-right: 1px solid #EBEBEB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav>ul>li {
    width: 100%;
    margin-left: 1px
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav>ul>li>a {
    position: relative;
    background-color: #FAFAFA;
    padding: 0 30px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #EBEBEB;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav>ul>li>a>b {
    margin-left: auto;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #999
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav>ul>li.active>a,
.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav>ul>li>a:hover {
    background-color: #fff;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #fff;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav>ul>li.active>a>b,
.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav>ul>li>a:hover>b {
    color: #F04040
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav>ul>li.active>a:before,
.layer-popup.layer-carSelect .layer-carSelect-in .tab-nav>ul>li>a:hover:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #EBEBEB
}

.layer-popup.layer-carSelect .layer-carSelect-in .tab-cont {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.layer-popup.layer-carSelect .layer-carSelect-list {
    padding: 0 30px
}

.layer-popup.layer-carSelect .layer-carSelect-list>ul>li+li {
    border-top: 1px solid #EBEBEB
}

.layer-popup.layer-carSelect .layer-carSelect-list>ul>li a {
    height: 100px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layer-popup.layer-carSelect .layer-carSelect-list>ul>li a .img {
    width: 110px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.layer-popup.layer-carSelect .layer-carSelect-list>ul>li a>strong {
    word-break: break-all;
    line-height: 1.3;
    margin: 0 10px 0 20px;
    font-size: 18px
}

.layer-popup.layer-carSelect .layer-carSelect-list>ul>li a>i {
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 1rem
}

.layer-popup.layer-carSelect .layer-carSelect-list>ul>li a .options>strong {
    line-height: 1.3;
    font-size: 15px;
    display: block;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.layer-popup.layer-carSelect .layer-carSelect-list>ul>li a .options>span {
    line-height: 1.3;
    font-size: 18px;
    display: block;
    color: #999;
    margin-top: 10px
}

.layer-popup.layer-carSelect .carSelect-depth2 .active a:after {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    content: '선택';
    height: 40px;
    width: 64px;
    background-color: #F04040;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.layer-popup.layer-review-write-default .write-default-in {
    padding: 0 35px
}

.layer-popup.layer-review-write-default .write-default-in .chk-agree-list {
    margin: 0 0 20px;
    border-top: 1px solid #EBEBEB
}

.layer-popup.layer-review-write-default .write-default-in .chk-agree-list .chk-agree-top {
    padding-left: 0
}

.layer-popup.layer-review-write-default .write-default-in .textarea textarea {
    height: 200px
}

.layer-popup.layer-review-write-default .write-default-in .textarea-length {
    font-size: 13px
}

.layer-popup.layer-review-write-default .write-default-in .form-file {
    margin-bottom: 20px
}

.layer-popup.layer-review-write-detail .write-detail-in {
    padding: 0 35px
}

.layer-popup.layer-review-write-detail .write-detail-in .detail-view-list .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap {
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap .swiper-button-prev {
    background-repeat: no-repeat;
    background-image: url("https://www.lotterentacar.net/error.html");
    background-position: right center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    top: 40%;
    left: 0;
    width: 60px;
    height: 60px
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap .swiper-button-next {
    background-repeat: no-repeat;
    background-image: url("https://www.lotterentacar.net/error.html");
    background-position: right center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    top: 40%;
    right: 0;
    width: 60px;
    height: 60px
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap .swiper-pagination {
    position: static;
    background-color: rgba(255, 255, 255, 0.7);
    height: 24px;
    padding: 0 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    width: auto;
    height: auto;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    background-color: transparent;
    border: 0;
    opacity: 1
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet:before {
    display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #ccc
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet:after {
    display: inline-block;
    content: '';
    width: 0;
    -webkit-transition: width .6s;
    -o-transition: width .6s;
    -moz-transition: width .6s;
    transition: width .6s
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background-color: transparent;
    border: 3px solid #2B2B2B;
    width: 4px;
    height: 4px
}

.layer-popup.layer-review-write-detail .write-detail-in .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    width: 14px;
    height: 2px;
    background-color: #2B2B2B;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    margin-left: -2px
}

.layer-popup.layer-review-write-detail .write-detail-in .text {
    margin-top: 20px;
    line-height: 1.4;
    width: 100%;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
    max-height: 85px
}

.layer-popup.layer-review-write-detail .write-detail-in .infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #EBEBEB
}

.layer-popup.layer-review-write-detail .write-detail-in .infos>strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    line-height: 1.3
}

.layer-popup.layer-review-write-detail .write-detail-in .infos>span {
    color: #999;
    line-height: 1.3;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 80px;
    text-align: right
}

.layer-popup.layer-review-write-detail .write-detail-in .descri {
    margin-top: 8px
}

.layer-popup.layer-review-write-detail .write-detail-in .descri>span {
    color: #999;
    margin-left: 5px
}

.layer-popup.layer-review-write-detail .write-detail-in .stars {
    margin-top: 8px;
    font-size: 0
}

.layer-popup.layer-review-write-detail .write-detail-in .stars .star {
    margin-right: 3px
}

.layer-popup.layer-verification .verification-box {
    padding: 0 40px
}

.layer-popup.layer-verification .verification-box .chk-agree-list {
    margin-top: 0
}

.layer-popup.layer-infos .layer-info {
    padding: 0 40px
}

.layer-popup.layer-infos .layer-info .layer-infos-top strong {
    display: block;
    line-height: 1.3;
    font-size: 18px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-bottom: 15px
}

.layer-popup.layer-infos .layer-info .layer-infos-top strong .txt-red {
    color: #F04040
}

.layer-popup.layer-infos .layer-info .layer-infos-guide {
    margin-bottom: 1.5rem
}

.layer-popup.layer-infos .layer-info .layer-infos-guide>ul>li {
    text-indent: -8px;
    padding-left: 10px;
    line-height: 1.4
}

.layer-popup.layer-infos .layer-info .layer-infos-guide>ul>li+li {
    margin-top: 10px
}

.layer-popup.layer-infos .layer-info .layer-infos-guide>ul>li i {
    margin-right: 5px;
    margin-bottom: 2px
}

.layer-popup.layer-infos .layer-info .layer-infos-guide>ul>li strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.layer-popup.layer-infos .layer-info .layer-infos-guide>ul>li>ul>li {
    padding-left: .8rem;
    margin-top: .6rem;
    font-size: 1.1rem
}

.layer-popup.layer-infos .layer-info .layer-infos-guide>ul>li>ul>li>strong {
    font-size: 1.1rem
}

.layer-popup.layer-infos .layer-info .layer-infos-guide>ul>li.noPd {
    text-indent: 0px;
    padding-left: 0px
}

.layer-popup.layer-infos .layer-info .layer-infos-guide>ul>li:first-child {
    margin-top: 0
}

.layer-popup.layer-infos .layer-info .layer-infos-guide-tip>ul>li {
    text-indent: -2.4rem;
    padding-left: 2.4rem;
    font-size: 1.1rem
}

.layer-popup.layer-infos .layer-info .layer-infos-guide-tip>ul>li+li {
    text-indent: 0
}

.layer-popup.layer-infos .layer-info .layer-infos-txt-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.2rem;
    background-color: #F9FAFC;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    font-size: 1.1rem;
    margin-bottom: 1.5rem
}

.layer-popup.layer-infos .layer-info .layer-infos-txt-box-noboder {
    border: 0 none;
    background-color: #EFF2F7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.layer-popup.layer-infos .layer-info .layer-infos-txt-box-noboder>strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: block;
    margin-bottom: 1.2rem
}

.layer-popup.layer-infos .layer-info .layer-infos-txt-box-noboder>ul>li {
    line-height: 1.4
}

.layer-popup.layer-infos .layer-info .ars-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.layer-popup.layer-infos .layer-info .ars-box>strong {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
    margin-top: 20px
}

.layer-popup.layer-infos .layer-info .ars-box>span {
    display: block;
    line-height: 1.4;
    text-align: center;
    margin-top: 40px
}

.layer-popup.layer-infos .layer-info .ars-box .ars-num {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-infos .layer-info .ars-box .ars-num>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.4;
    width: 85px;
    height: 106px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 42px;
    border: 1px solid #EBEBEB;
    background-color: #F9FAFC;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 0 8px
}

.layer-popup.layer-infos .layer-info .consulting-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 80px
}

.layer-popup.layer-infos .layer-info .consulting-box>strong {
    display: block;
    text-align: center;
    font-size: 26px;
    margin-top: 35px
}

.layer-popup.layer-infos .layer-info .consulting-box>strong b {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 26px
}

.layer-popup.layer-infos .layer-info .consulting-box>span {
    display: block;
    text-align: center;
    margin-top: 20px;
    line-height: 1.4;
    color: #999
}

.layer-popup.layer-infos .layer-info .consulting-box>span b {
    color: #2b2b2b
}

.layer-popup.layer-infos .layer-info .consulting-box .popup-normal-btns {
    margin-top: 30px
}

.layer-popup.layer-infos .layer-info .consulting-box .link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.layer-popup.layer-infos .layer-info .consulting-box .link>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-infos .layer-info .consulting-box .link>li+li::before {
    display: block;
    content: '|';
    color: #E5E5E5;
    margin: 0 20px;
    font-size: 17px
}

.layer-popup.layer-carDetail-info .img-box {
    text-align: center;
    margin-bottom: 40px
}

.layer-popup.layer-carDetail-info .tit-size-big {
    margin-bottom: 20px
}

.layer-popup.layer-carDetail-info .tbl-box {
    padding: 25px 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2
}

.layer-popup.layer-carDetail-info .tbl-box table {
    width: 100%
}

.layer-popup.layer-carDetail-info .tbl-box table th,
.layer-popup.layer-carDetail-info .tbl-box table td {
    text-align: left;
    padding: 0 0 30px
}

.layer-popup.layer-carDetail-info .tbl-box table tr:last-of-type th,
.layer-popup.layer-carDetail-info .tbl-box table tr:last-of-type td {
    padding-bottom: 0
}

.layer-popup.layer-carDetail-info .tbl-box .icon {
    margin-right: 10px
}

.layer-popup.layer-address .srch-box {
    margin-bottom: 40px
}

.layer-popup.layer-address .address-result-box .address-result-top {
    margin-bottom: 20px
}

.layer-popup.layer-address .address-result-box .address-result-top strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #ed1c24
}

.layer-popup.layer-address .address-result-box .address-result-cont {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2
}

.layer-popup.layer-address .address-result-box .address-result-cont .map {
    min-height: 368px
}

.layer-popup.layer-address .address-result-box .address-result-cont .map .detail-map-marker {
    cursor: pointer
}

.layer-popup.layer-address .address-result-box .address-result-cont .map .detail-map-marker .map-marker-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: .2rem solid #ff404b;
    background-color: #fff;
    -webkit-border-radius: 1.7rem;
    -moz-border-radius: 1.7rem;
    border-radius: 1.7rem;
    padding: .4rem .9rem
}

.layer-popup.layer-address .address-result-box .address-result-cont .map .detail-map-marker .map-marker-box .map-marker-txt {
    font-size: .9rem;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    padding-left: .9rem;
    white-space: nowrap
}

.layer-popup.layer-address .address-result-box .address-result-cont .map .detail-map-marker:before {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-down8.png");
    background-position: center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 12px;
    height: 8px;
    font: 0/0 a;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: absolute;
    bottom: -5px;
    left: 30%
}

.layer-popup.layer-address .address-result-box .address-result-cont .address-result-list li {
    padding: 20px 15px;
    border-bottom: 1px solid #e7e7e7
}

.layer-popup.layer-address .address-result-box .address-result-cont .address-result-list li:hover {
    background-color: #fafafa
}

.layer-popup.layer-address .address-result-box .address-result-cont .address-result-list li .addr-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layer-popup.layer-address .address-result-box .address-result-cont .address-result-list li .addr-area .addr-col01 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.layer-popup.layer-address .address-result-box .address-result-cont .address-result-list li .addr-area .addr-col01 .addr-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.layer-popup.layer-address .address-result-box .address-result-cont .address-result-list li .addr-area .addr-col01 .addr-item dt {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60px
}

.layer-popup.layer-address .address-result-box .address-result-cont .address-result-list li .addr-area .addr-col01 .addr-item dt .addr-flag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #8f9191
}

.layer-popup.layer-address .address-result-box .address-result-cont .address-result-list li .addr-area .addr-col01 .addr-item:last-of-type {
    margin-bottom: 0
}

.layer-popup.layer-address .address-result-box .address-result-cont .address-result-list li .addr-area .addr-col02 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100px;
    text-align: right
}

.layer-popup.layer-address .address-result-box .address-result-cont .address-result-list li:last-child {
    border-bottom: none
}

.layer-popup.layer-address .address-result-box .address-result-cont .pagination-wrap {
    margin: 40px 0
}

.layer-popup.layer-address .address-result-box .address-result-cont .result-none {
    padding: 50px 20px;
    text-align: center
}

.layer-popup.layer-priceDetail-info .tit-size-big {
    text-align: center
}

.layer-popup.layer-priceDetail-info .top-price-box {
    padding: 40px 0;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.layer-popup.layer-priceDetail-info .top-price-box .price {
    font-size: 20px;
    color: #ed1c24;
    text-align: right
}

.layer-popup.layer-priceDetail-info .top-price-box>p {
    width: 50%;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-popup.layer-priceDetail-info .tbl-box table {
    width: 100%;
    border-top: 1px solid #e7e7e7
}

.layer-popup.layer-priceDetail-info .tbl-box table th,
.layer-popup.layer-priceDetail-info .tbl-box table td {
    border-bottom: 1px solid #e7e7e7;
    padding: 30px 50px
}

.layer-popup.layer-priceDetail-info .tbl-box table th {
    text-align: left
}

.layer-popup.layer-priceDetail-info .tbl-box table td {
    text-align: right;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #2f2f2f
}

.layer-popup.layer-carInspection-info .img-box {
    height: 406px
}

.layer-popup.layer-calculator .selection-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layer-popup.layer-calculator .selection-area .select-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layer-popup.layer-calculator .selection-area .select-row .tit {
    margin-right: 10px
}

.layer-popup.layer-calculator .selection-area .select-row .selectbox {
    width: 190px
}

.layer-popup.layer-calculator .guide-area {
    margin-bottom: 30px
}

.layer-popup.layer-calculator .price-area,
.layer-popup.layer-calculator .selection-area {
    border-top: 1px solid #e7e7e7;
    padding: 40px 0
}

.layer-popup.layer-calculator .price-area .tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px
}

.layer-popup.layer-calculator .price-area .box-between+.box-between {
    margin-top: 30px
}

.layer-popup.layer-calculator .price-area .icon {
    margin-right: 10px
}

.layer-popup.layer-calculator .price-area .chk-icon-box.type-square label:after {
    left: 0
}

.layer-popup.layer-calculator .price-area .price {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 24px
}

.layer-popup.layer-calculator .price-area .inputT.type-right {
    max-width: 270px;
    color: #999
}

.layer-popup.layer-calculator .price-area .inputT.type-right input {
    text-align: right;
    color: #ed1c24
}

.layer-popup.layer-calculator .price-area .inputT.type-right ::-webkit-input-placeholder {
    color: #ed1c24
}

.layer-popup.layer-calculator .price-area .inputT.type-right :-ms-input-placeholder {
    color: #ed1c24
}

.layer-popup.layer-calculator .price-area .inputT.type-right :-moz-placeholder {
    color: #ed1c24
}

.layer-popup.layer-calculator .price-area .inputT.type-right ::-moz-placeholder {
    color: #ed1c24
}

.layer-popup.layer-calculator .price-area .inputT.type-right ::-ms-input-placeholder {
    color: #ed1c24
}

.layer-popup.layer-calculator .price-area .inputT.type-right ::placeholder {
    color: #ed1c24
}

.layer-popup.layer-calculator .price-result-box {
    text-align: center;
    padding: 40px;
    margin-bottom: 30px;
    background-color: #f5f5f5
}

.layer-popup.layer-calculator .price-result-box strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px
}

.layer-popup.layer-calculator .price-result-box span {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #ed1c24;
    font-size: 24px;
    line-height: 2
}

.layer-popup.layer-carOption-info .img-box {
    text-align: center
}

.layer-popup.layer-carOption-info .img-box+.guide-box {
    margin-top: 35px;
    color: #54585a;
    line-height: 2;
    font-size: 14px
}

.layer-popup.layer-carRepair-info .guide-box {
    margin-bottom: 30px
}

.layer-popup.layer-carRepair-info .tbl-box table {
    width: 100%;
    border-top: 1px solid #e7e7e7
}

.layer-popup.layer-carRepair-info .tbl-box table th,
.layer-popup.layer-carRepair-info .tbl-box table td {
    padding: 20px 30px;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    color: #54585a;
    vertical-align: middle
}

.layer-popup.layer-carRepair-info .tbl-box table thead th:last-of-type,
.layer-popup.layer-carRepair-info .tbl-box table td:last-of-type {
    border-right: none
}

.layer-popup.layer-carRepair-info .tbl-box table thead th {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    background-color: #fafafa
}

.layer-popup.layer-carRepair-info .tbl-box table tbody td:last-of-type {
    text-align: left
}

.layer-popup.layer-carRepair-info .tbl-box table .cont-none {
    padding: 110px 20px;
    text-align: center
}

.layer-popup.layer-registCarDetail-info .btn-toggle-wide {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    padding: 20px 0;
    font-size: 26px
}

.layer-popup.layer-registCarDetail-info .tbl-box {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2
}

.layer-popup.layer-registCarDetail-info .tbl-box table {
    width: 100%
}

.layer-popup.layer-registCarDetail-info .tbl-box th,
.layer-popup.layer-registCarDetail-info .tbl-box td {
    text-align: left;
    padding: 20px 0
}

.layer-popup.layer-registCarDetail-info .tbl-box+.btn-toggle-wide {
    margin-top: 40px
}

.layer-popup.layer-mypage .popup-top,
.layer-popup.layer-details .popup-top {
    background: #fff;
    border-bottom: 2px solid #d2d2d2
}

.layer-popup.layer-mypage .popup-top>h4,
.layer-popup.layer-details .popup-top>h4 {
    color: #2f2f2f;
    height: 98px
}

.layer-popup.layer-mypage .popup-top .layer-popup-close .pop-close,
.layer-popup.layer-details .popup-top .layer-popup-close .pop-close {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pop-close-black.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.layer-popup.layer-mypage .icon-guide-area,
.layer-popup.layer-details .icon-guide-area {
    padding-bottom: 40px
}

.layer-popup.layer-mypage .icon-guide-area .icon-guide,
.layer-popup.layer-details .icon-guide-area .icon-guide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layer-popup.layer-mypage .icon-guide-area .icon-guide .icon,
.layer-popup.layer-details .icon-guide-area .icon-guide .icon {
    width: 34px;
    height: 34px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    margin-right: 10px
}

.layer-popup.layer-mypage .icon-guide-area.border-bot,
.layer-popup.layer-details .icon-guide-area.border-bot {
    border-bottom: 1px solid #e7e7e7
}

.layer-popup.layer-mypage ul.icon-guide-area li,
.layer-popup.layer-details ul.icon-guide-area li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.layer-popup.layer-mypage ul.icon-guide-area li .icon,
.layer-popup.layer-details ul.icon-guide-area li .icon {
    margin-right: 10px
}

.layer-popup.layer-mypage ul.icon-guide-area li+li,
.layer-popup.layer-details ul.icon-guide-area li+li {
    margin-top: 10px
}

.layer-popup.layer-mypage ul.icon-guide-area+.lst,
.layer-popup.layer-details ul.icon-guide-area+.lst {
    border-top: 1px solid #e7e7e7;
    padding-top: 30px
}

.layer-popup.layer-mypage .grey-guide-box,
.layer-popup.layer-details .grey-guide-box {
    padding: 40px 30px;
    margin-top: 60px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #f5f5f5
}

.layer-popup.layer-mypage .grey-guide-box .tit,
.layer-popup.layer-details .grey-guide-box .tit {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px
}

.layer-popup.layer-mypage .grey-guide-box .lst,
.layer-popup.layer-details .grey-guide-box .lst {
    margin-top: 15px;
    color: #54585a
}

.layer-popup.layer-mypage .grey-guide-box .lst li+li,
.layer-popup.layer-details .grey-guide-box .lst li+li {
    margin-top: 10px
}

.layer-popup.layer-mypage .cont-area,
.layer-popup.layer-details .cont-area {
    margin-top: 40px
}

.layer-popup.layer-mypage .cont-area>.tit,
.layer-popup.layer-details .cont-area>.tit {
    margin-bottom: 25px
}

.layer-popup.layer-mypage .tbl-box table,
.layer-popup.layer-details .tbl-box table {
    width: 100%;
    border: 1px solid #e7e7e7
}

.layer-popup.layer-mypage .tbl-box table th,
.layer-popup.layer-mypage .tbl-box table td,
.layer-popup.layer-details .tbl-box table th,
.layer-popup.layer-details .tbl-box table td {
    padding: 30px 20px;
    text-align: center;
    border: 1px solid #e7e7e7;
    color: #54585a;
    vertical-align: middle
}

.layer-popup.layer-mypage .tbl-box table th,
.layer-popup.layer-details .tbl-box table th {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    background-color: #fafafa
}

.layer-popup.layer-mypage .tbl-box table td,
.layer-popup.layer-details .tbl-box table td {
    font-size: 14px
}

.layer-popup.layer-mypage .tbl-box table td .box-between+.box-between,
.layer-popup.layer-details .tbl-box table td .box-between+.box-between {
    margin-top: 10px
}

.layer-popup.layer-mypage .tbl-box table .align-l,
.layer-popup.layer-details .tbl-box table .align-l {
    text-align: left
}

.layer-popup.layer-mypage .tbl-box table+.lst,
.layer-popup.layer-details .tbl-box table+.lst {
    margin-top: 20px;
    margin-bottom: 0
}

.layer-popup.layer-mypage .tbl-box table+table,
.layer-popup.layer-details .tbl-box table+table {
    margin-top: 20px
}

.layer-popup.layer-mypage .tbl-box+.tbl-box,
.layer-popup.layer-details .tbl-box+.tbl-box {
    margin-top: 80px
}

.layer-popup.layer-mypage .form-cont .inputT,
.layer-popup.layer-mypage .form-cont .selectbox,
.layer-popup.layer-details .form-cont .inputT,
.layer-popup.layer-details .form-cont .selectbox {
    max-width: 100%
}

.layer-popup.layer-mypage .form-cont.between-type .form-row,
.layer-popup.layer-details .form-cont.between-type .form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layer-popup.layer-mypage .form-cont.between-type .form-row .input-tit,
.layer-popup.layer-details .form-cont.between-type .form-row .input-tit {
    width: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.layer-popup.layer-mypage .form-cont+.lst,
.layer-popup.layer-details .form-cont+.lst {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e7e7e7
}

.layer-popup.layer-mypage .section-form,
.layer-popup.layer-details .section-form {
    margin-top: 60px
}

.layer-popup.layer-mypage .section-form .form-cont,
.layer-popup.layer-details .section-form .form-cont {
    padding: 0 0 30px;
    border-bottom: 1px solid #e7e7e7
}

.layer-popup.layer-details .statement {
    word-break: break-word
}

.layer-popup.layer-details .statement .tit+.lst,
.layer-popup.layer-details .statement .tit+.tbl-box,
.layer-popup.layer-details .statement .tit+.tbl-type02 {
    margin-top: 25px
}

.layer-popup.layer-details .statement+.statement {
    margin-top: 60px
}

.layer-popup.layer-details .statement .tbl-box+.lst,
.layer-popup.layer-details .statement .tbl-type02+.lst {
    margin-top: 20px
}

.layer-popup.layer-details.layer-carSeat {
    width: 930px
}

.layer-popup.layer-details.layer-carSeat .img-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 182px
}

.layer-popup.layer-details.layer-carSeat .img-box+p {
    margin-top: 25px
}

.layer-popup.layer-details.layer-carSeat .tbl-type02 th,
.layer-popup.layer-details.layer-carSeat .tbl-type02 td {
    padding: 30px 10px
}

.layer-popup.layer-details.layer-instax .img-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.layer-popup.layer-details.layer-scooter {
    width: 930px
}

.layer-popup.layer-details.layer-scooter .img-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-popup.layer-details.layer-scooter .img-box+p {
    margin-top: 25px
}

.layer-popup.layer-details.layer-scooter .tbl-type02 th,
.layer-popup.layer-details.layer-scooter .tbl-type02 td {
    padding: 30px 10px
}

.layer-popup.layer-details.layer-babyCarriage {
    width: 930px
}

.layer-popup.layer-details.layer-babyCarriage .img-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 184px
}

.layer-popup.layer-details.layer-babyCarriage .img-box+p {
    margin-top: 25px
}

.layer-popup.layer-details.layer-babyCarriage .tbl-type02 th,
.layer-popup.layer-details.layer-babyCarriage .tbl-type02 td {
    padding: 30px 10px
}

.layer-popup.layer-details.layer-cdw {
    width: 930px
}

.layer-popup.layer-details.layer-howToUse .statement .tit {
    padding: 30px 40px;
    font-size: 22px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #f5f5f5
}

.layer-popup.layer-details.layer-howToUse .statement .tit .icon {
    margin-right: 20px
}

.layer-popup.layer-details.layer-howToUse .statement .tit+.lst {
    padding: 30px 40px;
    margin: 0
}

.layer-popup.layer-details.layer-petCar {
    width: 930px
}

.layer-popup.layer-details.layer-petCar .img-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 182px
}

.layer-popup.layer-details.layer-petCar .img-box+p {
    margin-top: 25px
}

.layer-popup.layer-details.layer-petCar .tbl-type02 th,
.layer-popup.layer-details.layer-petCar .tbl-type02 td {
    padding: 30px 10px
}

.layer-popup.layer-popup-type2 .popup-top {
    background: #fff;
    border-bottom: 2px solid #d2d2d2
}

.layer-popup.layer-popup-type2 .popup-top>h4 {
    color: #2f2f2f;
    height: 98px
}

.layer-popup.layer-popup-type2 .popup-top .layer-popup-close .pop-close {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pop-close-black.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.layer-popup.layer-makeUrl .form-cont.between-type .form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layer-popup.layer-makeUrl .form-cont.between-type .form-row .input-tit {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 200px;
    -webkit-flex-basis: 200px;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px
}

.layer-popup.layer-makeUrl .form-cont.between-type .form-row+.form-row {
    margin-top: 40px
}

.layer-popup.layer-makeUrl .form-cont .btn-auto {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 20px
}

.layer-popup.layer-makeUrl .agree-section {
    margin-top: 80px
}

.layer-popup.layer-makeUrl .agree-section .form-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 80px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 40px;
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-popup.layer-makeUrl .agree-section .agree-area .agree-body-header {
    border-top: 0 none
}

.layer-popup.layer-makeUrl .agree-section .agree-area .agree-cont {
    padding: 0 0 45px;
    border-bottom: 1px solid #e7e7e7
}

.layer-popup.layer-makeUrl .agree-section .agree-area .agree-cont .agree-lst li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    color: #54585a
}

.layer-popup.layer-makeUrl .agree-section .agree-area .agree-cont .agree-lst li:last-of-type {
    margin-bottom: 0
}

.layer-popup.layer-makeUrl .url-cont {
    padding-top: 40px;
    border-top: 1px solid #e7e7e7
}

.layer-popup.layer-makeUrl .url-cont .url-box {
    padding: 40px 30px;
    margin-top: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #f5f5f5;
    font-size: 12px;
    color: #54585a;
    line-height: 2
}

.layer-popup.layer-qrcode .qr-code {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 384px;
    text-align: center
}

.layer-popup.layer-qrcode .schedule-infos {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: 50px;
    background-color: #f5f5f5
}

.layer-popup.layer-qrcode .schedule-infos .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 40px 20px
}

.layer-popup.layer-qrcode .schedule-infos .item span {
    color: #54585a
}

.layer-popup.layer-qrcode .schedule-infos .item p {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-top: 15px
}

.layer-popup.layer-qrcode .schedule-infos .item+.item {
    position: relative
}

.layer-popup.layer-qrcode .schedule-infos .item+.item:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    content: ">";
    font-family: "ManropeB", "NotoM", serif;
    color: #8f9191;
    font-size: 26px;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    margin-top: -18px;
    margin-left: -18px;
    border: 1px solid #d2d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-popup.layer-sel-branch .map {
    min-height: 368px
}

.layer-popup.layer-sel-branch .map .detail-map-marker {
    cursor: pointer
}

.layer-popup.layer-sel-branch .map .detail-map-marker .map-marker-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: .2rem solid #ff404b;
    background-color: #fff;
    -webkit-border-radius: 1.7rem;
    -moz-border-radius: 1.7rem;
    border-radius: 1.7rem;
    padding: .4rem .9rem
}

.layer-popup.layer-sel-branch .map .detail-map-marker .map-marker-box .map-marker-txt {
    font-size: .9rem;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    padding-left: .9rem;
    white-space: nowrap
}

.layer-popup.layer-sel-branch .map .detail-map-marker:before {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-down8.png");
    background-position: center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 12px;
    height: 8px;
    font: 0/0 a;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: absolute;
    bottom: -5px;
    left: 30%
}

.layer-popup.layer-sel-branch .infos {
    margin-top: 60px
}

.layer-popup.layer-sel-branch .infos dt {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px
}

.layer-popup.layer-sel-branch .infos dt+dd {
    margin-top: 6px
}

.layer-popup.layer-sel-branch .infos dd {
    color: #54585a
}

.layer-popup.layer-sel-branch .infos dd+dt {
    margin-top: 20px
}

.layer-popup.layer-sel-branch .selBranchSwiper {
    position: relative;
    margin-top: 50px
}

.layer-popup.layer-sel-branch .selBranchSwiper .selBranchSwiper-button-prev,
.layer-popup.layer-sel-branch .selBranchSwiper .selBranchSwiper-button-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    width: 66px;
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -84px;
    z-index: 5
}

.layer-popup.layer-sel-branch .selBranchSwiper .selBranchSwiper-button-next {
    position: absolute;
    right: 0;
    left: auto
}

.layer-popup.layer-sel-branch .selBranchSwiper .selBranchSwiper-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px
}

.layer-popup.layer-sel-branch .selBranchSwiper .slide-img-box {
    text-align: center
}

.layer-popup.layer-shor-lpoint .popup-top {
    background: #fff;
    border-bottom: 2px solid #d2d2d2
}

.layer-popup.layer-shor-lpoint .popup-top>h4 {
    color: #2f2f2f;
    height: 98px
}

.layer-popup.layer-shor-lpoint .popup-top .layer-popup-close .pop-close {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pop-close-black.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.layer-popup.layer-shor-lpoint .popup-cont .talk-section {
    font-family: "ManropeR", "NotoR", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    color: #54585a;
    line-height: 1.5;
    font-size: 18px
}

.layer-popup.layer-shor-lpoint .popup-cont .talk-section .icon {
    margin-right: 15px
}

.layer-popup.layer-shor-lpoint .popup-cont .form-cont {
    padding: 40px 0;
    margin: 40px 0 30px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2
}

.layer-popup.layer-shor-lpoint .popup-cont .form-cont .input-tit {
    font-size: 18px
}

.layer-popup.layer-shor-lpoint .popup-cont .form-cont .input-cont ul {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0
}

.layer-popup.layer-shor-lpoint .popup-cont .form-cont .input-cont ul li {
    width: 22%
}

.layer-popup.layer-shor-lpoint .popup-cont .form-cont .input-cont ul li+li {
    position: relative
}

.layer-popup.layer-shor-lpoint .popup-cont .form-cont .input-cont ul li+li::before {
    content: '-';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -10px;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.layer-popup.layer-shor-lpoint .popup-cont .form-cont .input-cont .inputT {
    max-width: 100%
}

.layer-popup.layer-shor-lpoint .popup-cont .lst li {
    line-height: 1.5
}

.layer-popup.layer-shor-lpoint .popup-cont .lst li button {
    padding: 3px 5px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 5px
}

.layer-popup.layer-shor-lpoint .popup-cont .lst li+li {
    margin-top: 10px
}

.layer-popup.layer-registration-card .popup-top {
    background: #fff;
    border-bottom: 2px solid #d2d2d2
}

.layer-popup.layer-registration-card .popup-top>h4 {
    color: #2f2f2f;
    height: 98px
}

.layer-popup.layer-registration-card .popup-top .layer-popup-close .pop-close {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pop-close-black.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.layer-popup.layer-registration-card .popup-cont .form-cont .form-row .inputT,
.layer-popup.layer-registration-card .popup-cont .form-cont .form-row .selectbox {
    max-width: 100%
}

.layer-popup.layer-registration-card .popup-cont .input-cont ul {
    width: 100%;
    margin: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layer-popup.layer-registration-card .popup-cont .input-cont ul.list-type-col2 li {
    width: 48%
}

.layer-popup.layer-registration-card .popup-cont .input-cont ul.list-type-col2 li::before {
    display: none
}

.layer-popup.layer-registration-card .popup-cont .input-cont ul li {
    width: 22%
}

.layer-popup.layer-registration-card .popup-cont .input-cont ul li+li {
    position: relative
}

.layer-popup.layer-registration-card .popup-cont .input-cont ul li+li::before {
    content: '-';
    display: inline;
    position: absolute;
    top: 50%;
    left: -10px;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.layer-popup.layer-registration-card .popup-cont .section-form {
    margin-top: 80px
}

.layer-popup.layer-registration-card .popup-cont .section-form .form-cont {
    padding: 0
}

.layer-popup.layer-registration-card .popup-cont .section-form .form-cont .row {
    padding: 0 40px
}

.layer-popup.layer-registration-card .popup-cont .btn-area {
    padding: 35px 0 60px
}

.layer-popup.layer-cancel-reservation .popup-top {
    background: #fff;
    border-bottom: 2px solid #d2d2d2
}

.layer-popup.layer-cancel-reservation .popup-top>h4 {
    color: #2f2f2f;
    height: 98px
}

.layer-popup.layer-cancel-reservation .popup-top .layer-popup-close .pop-close {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-pop-close-black.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.layer-popup.layer-cancel-reservation .popup-cont .iscroll-in>div+div {
    padding-top: 40px
}

.layer-popup.layer-cancel-reservation .popup-cont .iscroll-in .talk-section {
    font-family: "ManropeR", "NotoR", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    color: #54585a;
    line-height: 1.5;
    font-size: 18px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e7e7e7
}

.layer-popup.layer-cancel-reservation .popup-cont .iscroll-in .talk-section .icon {
    margin-right: 15px
}

.layer-popup.layer-cancel-reservation .popup-cont .iscroll-in .input-tit {
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.layer-popup.layer-cancel-reservation .popup-cont .iscroll-in table {
    width: 100%;
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #e7e7e7;
    color: #54585a;
    text-align: center;
    font-family: "ManropeR", "NotoR", serif;
    font-weight: normal
}

.layer-popup.layer-cancel-reservation .popup-cont .iscroll-in table tr {
    border-bottom: 1px solid #e7e7e7
}

.layer-popup.layer-cancel-reservation .popup-cont .iscroll-in table th {
    background-color: #fafafa;
    padding: 20px;
    border-left: 1px solid #e7e7e7
}

.layer-popup.layer-cancel-reservation .popup-cont .iscroll-in table td {
    padding: 20px;
    vertical-align: middle;
    border-left: 1px solid #e7e7e7
}

.layer-popup.layerCounsel-open .popup-cont .iscroll-in .form-cont .form-row .inputT,
.layer-popup.layerCounsel-open .popup-cont .iscroll-in .form-cont .form-row .selectbox {
    max-width: 100%
}

.layer-popup.layerCounsel-open .popup-cont .iscroll-in .agree-section {
    margin-top: 80px
}

.layer-popup.layerCounsel-open .popup-cont .iscroll-in .agree-section .form-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 80px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 40px;
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-popup.layerCounsel-open .popup-cont .iscroll-in .agree-section .agree-area {
    padding-top: 40px
}

.layer-popup.layerCounsel-open .popup-cont .iscroll-in .agree-section .agree-area .agree-cont {
    padding: 0 0 45px;
    border-bottom: 1px solid #e7e7e7
}

.layer-popup.layerCounsel-open .popup-cont .iscroll-in .agree-section .agree-area .agree-cont .agree-lst li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    color: #54585a
}

.layer-popup.layerCounsel-open .popup-cont .iscroll-in .agree-section .agree-area .agree-cont .agree-lst li:last-of-type {
    margin-bottom: 0
}

.layer-popup.layer-refuse-email .guide-area {
    word-break: keep-all
}

.layer-popup.layer-refuse-email .guide-area strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 18px
}

.layer-popup.layer-refuse-email .guide-area p {
    margin-top: 20px
}

.layer-popup.layer-bn {
    width: 620px
}

.layer-popup.layer-bn .pop-inner {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 70px 0 0 0
}

.layer-popup.layer-bn .pop-cont {
    width: 620px;
    padding: 0
}

.layer-popup.layer-bn .pop-cont .main-event-lists {
    width: 620px;
    height: 700px
}

.layer-popup.layer-bn .pop-cont .swiper-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 620px;
    height: 700px
}

.layer-popup.layer-bn .pop-cont .swiper-slide .main-event-lists-img {
    width: 620px
}

.layer-popup.layer-bn .pop-cont .swiper-slide .main-event-lists-img img {
    width: 100%;
    height: auto
}

.layer-popup.layer-bn .pop-cont .swiper-button-next {
    z-index: 20
}

.layer-popup.layer-bn .pop-cont .swiper-button-next .swiper-next {
    z-index: 20;
    position: absolute;
    top: 20px;
    right: -5px;
    width: 20px;
    height: 38px
}

.layer-popup.layer-bn .pop-cont .swiper-button-next:after {
    display: block;
    content: "";
    background-color: #000;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    opacity: .1;
    position: absolute;
    top: 0;
    right: -50px
}

.layer-popup.layer-bn .pop-cont .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    pointer-events: auto
}

.layer-popup.layer-bn .pop-cont .swiper-button-prev {
    z-index: 20
}

.layer-popup.layer-bn .pop-cont .swiper-button-prev .swiper-prev {
    z-index: 20;
    position: absolute;
    top: 20px;
    left: -5px;
    width: 20px;
    height: 38px
}

.layer-popup.layer-bn .pop-cont .swiper-button-prev:after {
    display: block;
    content: "";
    background-color: #000;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    opacity: .1;
    position: absolute;
    top: 0;
    left: -50px
}

.layer-popup.layer-bn .pop-cont .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    pointer-events: auto
}

.layer-popup.layer-bn .pop-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 50px;
    height: 60px;
    background-color: #2f2f2f;
    z-index: 10
}

.layer-popup.layer-bn .pop-bottom button {
    color: #fff;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.layer-popup.layer-bn .pop-bottom .layer-today-close {
    position: relative;
    color: #8f9191
}

.layer-popup.layer-bn .pop-bottom-new {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    width: 100%;
    z-index: 10
}

.layer-popup.layer-bn .pop-bottom-new button {
    width: 50px;
    height: 50px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.layer-popup.layer-car-upgrade .talk-section {
    font-family: "ManropeR", "NotoR", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2f2f2f;
    line-height: 1.5;
    font-size: 18px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7e7e7
}

.layer-popup.layer-car-upgrade .talk-section .num {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #ed1c24;
    font-size: 22px
}

.layer-popup.layer-car-upgrade .talk-section .num>em {
    font-size: 18px
}

.layer-popup.layer-car-upgrade .talk-section strong {
    font-size: 18px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.layer-popup.layer-car-upgrade .talk-section .icon {
    margin-right: 15px
}

.layer-popup.layer-car-upgrade .tab-nav {
    margin-top: 60px
}

.layer-popup.layer-car-upgrade .tab-nav>ul li button {
    height: 60px;
    font-size: 18px
}

.layer-popup.layer-car-upgrade-list .carup-choice {
    padding: 20px 0
}

.layer-popup.layer-car-upgrade-list .carup-choice .choice-list .chk-view-box label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 190px
}

.layer-popup.layer-car-upgrade-list .carup-choice .choice-list .chk-view-box label .img {
    width: 200px;
    height: 110px;
    overflow: hidden
}

.layer-popup.layer-car-upgrade-list .carup-choice .choice-list .chk-view-box label .img>img {
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply
}

.layer-popup.layer-car-upgrade-list .carup-choice .choice-list .chk-view-box label strong {
    font-size: 18px;
    color: #2f2f2f;
    line-height: 1.5;
    margin-top: 10px
}

.layer-popup.layer-car-upgrade-list .carup-choice .choice-list .chk-view-box label p {
    font-size: 14px;
    color: #54585a
}

.layer-popup.layer-car-upgrade-list .carup-choice .choice-list .chk-view-box input:checked+label:after {
    display: none
}

.layer-popup.layer-car-upgrade-list .carup-choice .choice-list .chk-view-box input:checked+label strong:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-on2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    content: '';
    display: inline-block;
    width: 13px;
    height: 12px;
    margin-left: 10px
}

.layer-popup.layer-notice .notice-branch img {
    width: 100%;
    height: auto
}

.layer-slide {
    opacity: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.layer-slide .layer-slide-conts {
    max-height: -webkit-calc(100vh - 60px);
    max-height: -moz-calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    position: relative
}

.layer-slide .layer-slide-conts>.inner {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 120px
}

.layer-slide.active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.layer-slide .layer-slide-close {
    cursor: pointer;
    font: 0/0 a;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-close.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    top: -29px;
    right: 0px;
    width: 54px;
    height: 54px;
    background-color: #2B2B2B;
    border: 1px solid #2B2B2B;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    -moz-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    z-index: 2
}

.layer-slide .slide-top {
    padding-top: 50px;
    width: 460px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.layer-slide .slide-top h4 {
    font-size: 26px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.layer-slide .slide-top h4>span {
    font-family: "ManropeL", "NotoL", serif;
    font-weight: normal;
    margin-left: 5px;
    color: #999;
    font-size: 18px
}

.layer-slide .slide-top h4>i {
    margin-left: 5px
}

.layer-slide .slide-top>p {
    margin-top: 25px;
    line-height: 1.5
}

.layer-slide .slide-cont {
    width: 700px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-height: -webkit-calc(100vh - 180px);
    max-height: -moz-calc(100vh - 180px);
    max-height: calc(100vh - 180px);
    overflow: hidden
}

.layer-slide .slide-cont>div {
    padding: 50px 0
}

.layer-slide.layer-certification .certification-col-top .number {
    background-color: #EFF2F7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-slide.layer-certification .certification-col-top .number b {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-left: 15px
}

.layer-slide.layer-certification .certification-col-top .number-warp {
    background-color: #EFF2F7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.layer-slide.layer-certification .certification-col-top .number-warp>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layer-slide.layer-certification .certification-col-top .number-warp li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    width: 50%;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.layer-slide.layer-certification .certification-col-top .number-warp li>strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    line-height: 1.3;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 70px
}

.layer-slide.layer-certification .certification-col-top .number-warp li .number-cont {
    width: 100%;
    line-height: 1.3
}

.layer-slide.layer-certification .certification-col-top .number-warp li .number-cont .selectbox {
    height: 48px
}

.layer-slide.layer-certification .certification-col-top .number-warp li .number-cont>span {
    display: block;
    padding-right: 35px
}

.layer-slide.layer-certification .certification-col-form {
    margin: 30px 0 0
}

.layer-slide.layer-certification .certification-col-form .chk-agree-list label {
    padding: 15px 0
}

.layer-slide.layer-certification .certification-col-form .chk-agree-list .chk-agree-all {
    padding-left: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #EBEBEB
}

.layer-slide.layer-certification .certification-col-form .chk-agree-list .chk-agree-top {
    padding-left: 0
}

.layer-slide.layer-certification .certification-col-form .chk-agree-list .toggle-cont-in {
    padding: 15px 30px
}

.layer-slide.layer-certification .certification-col-form .radio-box {
    padding: 0 1.7rem
}

.layer-slide.layer-certification .certification-col-form .radio-box label {
    height: 170px
}

.layer-slide.layer-certification .certification-col-form .radio-box label span {
    display: block;
    font-size: 18px;
    margin-top: 20px
}

.layer-slide.layer-certification .certification-col-form .radio-box2 .radioIconBox {
    height: 100%
}

.layer-slide.layer-certification .certification-col-form .radio-box2 .radioIconBox>label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px 20px;
    height: 100%
}

.layer-slide.layer-certification .certification-col-form .radio-box2 .radioIconBox>label strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    display: block;
    line-height: 1.3;
    text-align: center;
    margin-top: 15px
}

.layer-slide.layer-certification .certification-col-form .radio-box2 .radioIconBox>label span {
    font-family: "ManropeL", "NotoL", serif;
    font-weight: normal;
    display: block;
    line-height: 1.4;
    margin-top: 10px;
    text-align: center
}

.layer-slide.layer-sign .layer-slide-conts .inner {
    margin-bottom: 0
}

.layer-slide.layer-sign .layer-slide-conts .inner .slide-cont {
    max-height: -webkit-calc(100vh - 60px);
    max-height: -moz-calc(100vh - 60px);
    max-height: calc(100vh - 60px)
}

.layer-slide.layer-sign .layer-slide-conts .inner .slide-cont>div {
    padding: 50px 0 30px
}

.layer-slide.layer-sign .layer-slide-conts .inner .sign-col-form {
    width: 460px;
    margin-left: auto
}

.layer-slide.layer-sign .layer-slide-conts .inner .sign-col-form label {
    height: 160px
}

.layer-slide.layer-sign .layer-slide-conts .inner .sign-col-form .sign-next-btn {
    margin: 30px 0 0
}

.tooltip-box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    cursor: pointer
}

.tooltip-box.right .layer-tooltip {
    position: absolute;
    top: -21px;
    right: -555px
}

.tooltip-box .layer-tooltip {
    z-index: 10;
    width: 540px;
    display: none
}

.tooltip-box .layer-tooltip .pop-inner {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    -moz-box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5);
    box-shadow: 0 1px 15px rgba(96, 97, 112, 0.5)
}

.tooltip-box .layer-tooltip .layer-tooltip-close {
    cursor: pointer;
    font: 0/0 a;
    background-repeat: no-repeat;
    background-image: url("https://www.lotterentacar.net/error.html");
    background-position: center center;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px;
    background-size: 20px;
    position: absolute;
    top: 3px;
    right: 10px;
    width: 55px;
    height: 55px;
    z-index: 2
}

.tooltip-box .layer-tooltip .tooltip-top {
    position: relative;
    background-color: #2B2B2B;
    padding: 0 30px;
    height: 60px;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tooltip-box .layer-tooltip .tooltip-top:before {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-image: url("https://www.lotterentacar.net/error.html");
    background-position: 0 0;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    position: absolute;
    top: 25px;
    left: -6px;
    width: 8px;
    height: 13px
}

.tooltip-box .layer-tooltip .tooltip-top>h4 {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #fff;
    font-size: 15px;
    margin: 0 !important
}

.tooltip-box .layer-tooltip .tooltip-cont {
    padding: 30px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-top strong {
    display: block;
    line-height: 1.3;
    font-size: 18px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-bottom: 15px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-top strong .txt-red {
    color: #F04040
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide {
    font-size: 15px;
    font-family: "ManropeL", "NotoL", serif;
    font-weight: normal
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide .title {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 10px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide>ul>li {
    position: relative;
    padding-left: 7px;
    line-height: 1.4
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide>ul>li+li {
    margin-top: 10px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide>ul>li i {
    position: absolute;
    top: 8px;
    left: 0;
    margin: 0
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide>ul>li strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide>ul>li:first-child {
    margin-top: 0
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide>ul.noIcon li {
    padding: 0
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide>ul.noIcon li+li {
    margin-top: 5px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide.layer-infos-guide-tip {
    margin-top: 20px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide.layer-infos-guide-tip strong {
    display: block;
    font-size: 13px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    margin-bottom: 5px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide.layer-infos-guide-tip li {
    padding: 0;
    font-size: 13px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-guide.layer-infos-guide-tip li+li {
    margin-top: 5px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-box {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #FAFAFA;
    padding: 20px 15px;
    margin-top: 20px
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-box.ty2 {
    background-color: #EFF2F7;
    border-color: #EFF2F7
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-txt-box {
    font-size: 15px;
    line-height: 1.4;
    font-family: "ManropeL", "NotoL", serif;
    font-weight: normal
}

.tooltip-box .layer-tooltip .layer-info .layer-infos-txt-box>b {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.tooltip-box .layer-tooltip .layer-info .layer-info-recommend {
    margin-top: 35px;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 15px 15px 15px;
    position: relative
}

.tooltip-box .layer-tooltip .layer-info .layer-info-recommend>strong {
    font-size: 13px;
    position: absolute;
    top: -7px;
    left: 15px;
    background-color: #fff
}

.tooltip-box .layer-tooltip .layer-info .layer-info-recommend .layer-infos-guide li {
    font-size: 13px
}

.tooltip-box .layer-tooltip .layer-info .layer-info-recommend .layer-infos-guide li+li {
    margin-top: 5px
}

.tooltip-box .layer-tooltip .layer-info .fuel-list>ul>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.tooltip-box .layer-tooltip .layer-info .fuel-list>ul>li .fuel-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.tooltip-box .layer-tooltip .layer-info .fuel-list>ul>li .fuel-info {
    margin: 0 30px
}

.tooltip-box .layer-tooltip .layer-info .fuel-list>ul>li .fuel-info>strong {
    display: block;
    font-size: 15px;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    line-height: 1.4
}

.tooltip-box .layer-tooltip .layer-info .fuel-list>ul>li .fuel-info>span {
    display: block;
    font-size: 13px;
    font-family: "ManropeL", "NotoL", serif;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 5px
}

.tooltip-box .layer-tooltip .layer-info .fuel-list>ul>li+li {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #EBEBEB
}

.selectbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    background-color: #fff;
    height: 50px;
    padding: 0 45px 0 20px;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow-down.png");
    background-position: center right 20px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px;
    background-size: 14px
}

.select-normal {
    font-size: 1rem;
    padding-right: .8rem;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-select2.png");
    background-position: center right;
    -webkit-background-size: .5rem .5rem;
    -moz-background-size: .5rem;
    background-size: .5rem
}

.textarea {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    padding: 0 1.2rem;
    position: relative
}

.textarea textarea {
    padding: 1.5rem 0;
    overflow: auto;
    width: 100%;
    resize: none;
    line-height: 1.5;
    font-size: 16px
}

.textarea-length {
    text-align: right;
    color: #999;
    font-size: 1rem;
    margin-top: 1rem
}

.inputR {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.inputR input {
    display: none
}

.inputR label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    line-height: 1.3
}

.inputR label:before {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-radio-off.png");
    background-position: center center;
    -webkit-background-size: 92% auto;
    -moz-background-size: 92% auto;
    background-size: 92% auto;
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.inputR label span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2rem;
    margin-left: .4rem
}

.inputR input:checked+label:before {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-radio-on.png");
    background-position: center center;
    -webkit-background-size: 92% auto;
    -moz-background-size: 92% auto;
    background-size: 92% auto
}

.inputC {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.inputC input {
    display: none
}

.inputC label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -moz-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    line-height: 1.3
}

.inputC label:before {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    content: '';
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.inputC label span {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin-left: 5px
}

.inputC input:checked+label:before {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-on.png");
    background-position: center center;
    -webkit-background-size: 92% auto;
    -moz-background-size: 92% auto;
    background-size: 92% auto
}

.inputT {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.inputT>input {
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    height: 50px;
    padding: 0 20px;
    width: 100%
}

.inputT.type-right {
    position: relative
}

.inputT.type-right input {
    padding-right: 60px
}

.inputT.type-right .right-txt {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px
}

.radioIconBox>label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative
}

.radioIconBox>label::after {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-radio-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.radioIconBox>input:checked+label {
    border-color: #2B2B2B;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.radioIconBox>input:checked+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-radio-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.radioIconBox>input {
    display: none
}

.iconBox label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    background-color: #fff;
    height: 60px;
    padding: 0 20px 0 50px
}

.iconBox label>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.iconBox label:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 20px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-radio-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px;
    margin-top: -10px
}

.iconBox input[type='checkbox']+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.iconBox input:checked+label {
    border-color: #2B2B2B;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.iconBox input:checked+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-radio-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.iconBox input[type='checkbox']:checked+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.iconBox input {
    display: none
}

.iconBox+.iconBox {
    margin-top: 10px
}

.iconBox.simple label {
    border: none;
    height: 23px;
    padding-left: 40px
}

.iconBox.simple label:after {
    position: absolute;
    top: 50%;
    left: 0
}

.iconBox.type-chk label {
    border: none;
    height: 20px;
    padding-left: 22px
}

.iconBox.type-chk label:after {
    position: absolute;
    top: 50%;
    left: 0;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk2.png");
    background-position: left center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px
}

.iconBox.type-chk input:checked+label {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #ed1c24
}

.iconBox.type-chk input:checked+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-on2.png");
    background-position: left center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.iconList {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.iconList li {
    width: 100%
}

.iconList li input {
    display: none
}

.iconList li label {
    cursor: pointer;
    background-color: #F9FAFC;
    height: 60px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.iconList li input:checked+label {
    background-color: #fff;
    color: #F04040;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.iconList li+li label {
    border-left: 1px solid #EBEBEB
}

.iconList.col2 li {
    width: 50%
}

.iconList.col3 li {
    width: 33.333%
}

.iconList.col4 li {
    width: 25%
}

.iconList.col5 li {
    width: 20%
}

.chk-agree-list {
    margin-top: 30px
}

.chk-agree-list label {
    padding: 20px 0
}

.chk-agree-list .chk-agree-all {
    border: 1px solid #EBEBEB;
    padding: 0 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.chk-agree-list .chk-agree-cols li {
    border-bottom: 1px solid #EBEBEB
}

.chk-agree-list .chk-agree-cols .chk-agree-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px 0 20px;
    position: relative
}

.chk-agree-list .chk-agree-cols .agree-toggle-cont {
    display: none;
    position: relative
}

.chk-agree-list .chk-agree-cols .agree-toggle-cont .toggle-cont-in {
    background-color: #FAFAFA;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 165px;
    padding: 25px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.chk-agree-list .chk-agree-cols .agree-toggle-cont .toggle-cont-in .tit {
    line-height: 1.3;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    font-size: 14px
}

.chk-agree-list .chk-agree-cols .agree-toggle-cont .toggle-cont-in .txt {
    line-height: 1.3;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 20px
}

.chk-agree-list .chk-agree-cols .agree-toggle-cont .toggle-cont-in .txt~.txt {
    margin-bottom: 0
}

.radio-depth {
    background-color: #F9FAFC;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    padding: 1.7rem;
    margin: 1.4rem 0;
    position: relative;
    display: none
}

.radio-depth:after {
    display: block;
    content: '';
    position: absolute;
    top: -1rem;
    left: 50%;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-arrow.png");
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 1.3rem;
    height: 1.3rem;
    margin-left: -.75rem
}

.radio-depth .radio-depth-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.radio-depth .radio-depth-top>strong {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.radio-depth .radio-depth-cont {
    margin-top: 1.2rem
}

.form-list>ul>li+li {
    margin-top: 35px
}

.form-list>ul>li .form-tit>strong {
    display: block;
    line-height: 1.3;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.form-list>ul>li .form-cont {
    margin-top: 15px
}

.error-txt {
    display: block;
    font-size: 13px;
    line-height: 1.3;
    color: #F04040;
    padding-top: 7px
}

.chk-icon-box input,
.radio-icon-box input {
    display: none
}

.chk-icon-box label,
.radio-icon-box label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    min-height: 23px;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.chk-icon-box label:after,
.radio-icon-box label:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-check2-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 13px;
    height: 12px;
    margin-top: 4px
}

.chk-icon-box input[type='checkbox']:checked+label:after,
.radio-icon-box input[type='checkbox']:checked+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-check2-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-icon-box input:checked+label,
.radio-icon-box input:checked+label {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #2f2f2f
}

.chk-icon-box.type-circle label,
.radio-icon-box.type-circle label {
    min-height: 26px
}

.chk-icon-box.type-circle label:after,
.radio-icon-box.type-circle label:after {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-check-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 26px;
    height: 26px;
    margin-top: 0
}

.chk-icon-box.type-circle input[type='checkbox']:checked+label:after,
.radio-icon-box.type-circle input[type='checkbox']:checked+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-check-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-icon-box.type-circle02 label,
.radio-icon-box.type-circle02 label {
    min-height: 33px;
    color: #fff;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal
}

.chk-icon-box.type-circle02 label:after,
.radio-icon-box.type-circle02 label:after {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-check-off2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 33px;
    height: 33px;
    margin-top: 0
}

.chk-icon-box.type-circle02 input[type='checkbox']:checked+label:after,
.radio-icon-box.type-circle02 input[type='checkbox']:checked+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-check-on2.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-icon-box.type-circle02 input:checked+label,
.radio-icon-box.type-circle02 input:checked+label {
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    color: #fff
}

.chk-icon-box.type-square label,
.radio-icon-box.type-square label {
    padding-left: 32px
}

.chk-icon-box.type-square label:after,
.radio-icon-box.type-square label:after {
    position: absolute;
    top: 50%;
    left: 0px;
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk3-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px;
    margin-top: -10px
}

.chk-icon-box.type-square input[type='checkbox']:checked+label:after,
.radio-icon-box.type-square input[type='checkbox']:checked+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk3-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-icon-box.type-square input[type='checkbox']:disabled+label,
.radio-icon-box.type-square input[type='checkbox']:disabled+label {
    color: #ddd !important
}

.chk-icon-box.type-square input[type='checkbox']:disabled+label:after,
.radio-icon-box.type-square input[type='checkbox']:disabled+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk-grey.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-icon-box.type-chkOn-red label,
.radio-icon-box.type-chkOn-red label {
    padding-left: 24px
}

.chk-icon-box.type-chkOn-red input:checked+label,
.radio-icon-box.type-chkOn-red input:checked+label {
    color: #ed1c24
}

.chk-icon-box.type-chkOn-red input:checked+label:after,
.radio-icon-box.type-chkOn-red input:checked+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-chk2-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.chk-icon-box.type-inline,
.radio-icon-box.type-inline {
    display: inline-block
}

.radio-icon-box label {
    padding-left: 30px
}

.radio-icon-box label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-radio2-off.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px;
    margin-top: 2px
}

.radio-icon-box input[type='radio']:checked+label:after {
    background-repeat: no-repeat;
    background-image: url("../images/icons/ico-radio2-on.png");
    background-position: center center;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

.select-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.select-area .dash {
    margin: 0 5px
}

.radio-area,
.chk-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.radio-area li,
.chk-area li {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-right: 40px
}

.chk-list li+li {
    margin-top: 20px
}

/*! jQuery UI - v1.12.1 - 2017-11-05
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: -webkit-calc(100% - 2.4em);
    width: -moz-calc(100% - 2.4em);
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    -moz-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    -webkit-border-radius: .12em;
    -moz-border-radius: .12em;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    height: 3px
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333
}

.ui-widget-content a {
    color: #333333
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
    -moz-box-shadow: 0 0 3px 1px #5e9ed6;
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("https://www.lotterentacar.net/error.html")
}

.ui-widget-header .ui-icon {
    background-image: url("https://www.lotterentacar.net/error.html")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("https://www.lotterentacar.net/error.html")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("https://www.lotterentacar.net/error.html")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("https://www.lotterentacar.net/error.html")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("https://www.lotterentacar.net/error.html")
}

.ui-button .ui-icon {
    background-image: url("https://www.lotterentacar.net/error.html")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    -moz-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666
}

@-webkit-keyframes height {
    0% {
        height: 0rem;
        opacity: 1
    }

    100% {
        height: 16rem;
        opacity: 1
    }
}

@-moz-keyframes height {
    0% {
        height: 0rem;
        opacity: 1
    }

    100% {
        height: 16rem;
        opacity: 1
    }
}

@-o-keyframes height {
    0% {
        height: 0rem;
        opacity: 1
    }

    100% {
        height: 16rem;
        opacity: 1
    }
}

@keyframes height {
    0% {
        height: 0rem;
        opacity: 1
    }

    100% {
        height: 16rem;
        opacity: 1
    }
}

@-webkit-keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-700px);
        transform: translateZ(-700px);
        opacity: 0
    }

    40% {
        opacity: 0.6
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -moz-transform: translateZ(-700px);
        transform: translateZ(-700px);
        opacity: 0
    }

    40% {
        opacity: 0.6
    }

    100% {
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-o-keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        transform: translateZ(-700px);
        opacity: 0
    }

    40% {
        opacity: 0.6
    }

    100% {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-700px);
        -moz-transform: translateZ(-700px);
        transform: translateZ(-700px);
        opacity: 0
    }

    40% {
        opacity: 0.6
    }

    100% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0) rotate(270deg);
        transform: scale(0) rotate(270deg)
    }

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

@-moz-keyframes scale-up-center {
    0% {
        -moz-transform: scale(0) rotate(270deg);
        transform: scale(0) rotate(270deg)
    }

    100% {
        -moz-transform: scale(1) rotate(270deg);
        transform: scale(1) rotate(270deg)
    }
}

@-o-keyframes scale-up-center {
    0% {
        -o-transform: scale(0) rotate(270deg);
        transform: scale(0) rotate(270deg)
    }

    100% {
        -o-transform: scale(1) rotate(270deg);
        transform: scale(1) rotate(270deg)
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0) rotate(270deg);
        -moz-transform: scale(0) rotate(270deg);
        -o-transform: scale(0) rotate(270deg);
        transform: scale(0) rotate(270deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(270deg);
        -moz-transform: scale(1) rotate(270deg);
        -o-transform: scale(1) rotate(270deg);
        transform: scale(1) rotate(270deg)
    }
}

@-webkit-keyframes spinCircle {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spinCircle {
    from {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes spinCircle {
    from {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinCircle {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes shake-vertical {

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

    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    20%,
    40%,
    60% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    80% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    90% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-moz-keyframes shake-vertical {

    0%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    10%,
    30%,
    50%,
    70% {
        -moz-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    20%,
    40%,
    60% {
        -moz-transform: translateY(4px);
        transform: translateY(4px)
    }

    80% {
        -moz-transform: translateY(3px);
        transform: translateY(3px)
    }

    90% {
        -moz-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-o-keyframes shake-vertical {

    0%,
    100% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    10%,
    30%,
    50%,
    70% {
        -o-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    20%,
    40%,
    60% {
        -o-transform: translateY(4px);
        transform: translateY(4px)
    }

    80% {
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }

    90% {
        -o-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@keyframes shake-vertical {

    0%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    20%,
    40%,
    60% {
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -o-transform: translateY(4px);
        transform: translateY(4px)
    }

    80% {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }

    90% {
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-webkit-keyframes anim {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px)
    }

    33% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    66% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(300px);
        transform: translateX(300px)
    }
}

@-moz-keyframes anim {
    0% {
        opacity: 0;
        -moz-transform: translateX(-300px);
        transform: translateX(-300px)
    }

    33% {
        opacity: 1;
        -moz-transform: translateX(0px);
        transform: translateX(0px)
    }

    66% {
        opacity: 1;
        -moz-transform: translateX(0px);
        transform: translateX(0px)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(300px);
        transform: translateX(300px)
    }
}

@-o-keyframes anim {
    0% {
        opacity: 0;
        -o-transform: translateX(-300px);
        transform: translateX(-300px)
    }

    33% {
        opacity: 1;
        -o-transform: translateX(0px);
        transform: translateX(0px)
    }

    66% {
        opacity: 1;
        -o-transform: translateX(0px);
        transform: translateX(0px)
    }

    100% {
        opacity: 0;
        -o-transform: translateX(300px);
        transform: translateX(300px)
    }
}

@keyframes anim {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        transform: translateX(-300px)
    }

    33% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px)
    }

    66% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(300px);
        -moz-transform: translateX(300px);
        -o-transform: translateX(300px);
        transform: translateX(300px)
    }
}

.file-box-sort.hidden-filebox-toggle {
    display: none;
    margin-top: 0
}

.file-box-sort>ul {
    overflow: hidden;
    width: 28.5rem;
    margin: 0;
    font-size: 0;
    display: block
}

.file-box-sort>ul>li {
    border: none;
    background-color: transparent;
    display: inline-block;
    vertical-align: top;
    width: 9.5rem
}

.file-box-sort>ul>li .img-area {
    display: none
}

.file-box-sort>ul>li.view2,
.file-box-sort>ul>li.view3 {
    display: none
}

.file-box-sort>ul>li.ui-state-disabled {
    pointer-events: auto;
    opacity: 1
}

.file-box-sort>ul>li.dp-none {
    display: none
}

.file-box-sort>ul>li.active .btn-close {
    position: absolute;
    top: .4rem;
    right: .4rem;
    padding: 0;
    height: auto;
    z-index: 2
}

.file-box-sort>ul>li.active .btn-close i {
    display: block
}

.file-box-sort>ul>li.active .img-area {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.file-box-sort>ul>li.active label {
    pointer-events: none
}

.file-box-sort>ul>li.active label i {
    display: none
}

.file-box-sort>ul>li.active label span {
    display: block;
    margin-top: 0;
    padding: .4rem 0;
    width: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-size: .8rem;
    font-family: "ManropeB", "NotoB", serif;
    font-weight: normal;
    position: absolute;
    bottom: 0;
    left: 0
}

.file-box-sort>ul>li .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative;
    margin: .8rem .4rem 0
}

.file-box-sort>ul>li .inner .inputF {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}