@charset "UTF-8";
@import 'animation.css';
@import 'default.css';
@import 'font.css';
@import 'animation.css';

* {
    box-sizing: border-box;
}

pre {
    line-height: 1.7em;
}

html,
body {
    position: relative;
}

address,
dl dt,
dl dd,
i,
em {
    font-style: normal;
}

main,
section,
article {
    display: block;
}

strong {
    font-weight: 400;
}

p {
    letter-spacing: -0.02em;
}

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

.hidden,
legend,
.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

abbr {
    text-decoration: none;
}

.scr1::-webkit-scrollbar {
    width: 4px;
    border: 1px solid #000;
}

.scr1::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 0;
}

.scr1::-webkit-scrollbar-track {
    background: #e1e1e4;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.scr1::-webkit-scrollbar-thumb {
    height: 50px;
    width: 50px;
    background: #000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #111;
    text-decoration: none;
}

a:focus {
    outline: none !important;
}

/*cut*/
.cut {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cut1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cut2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* reladyonly , disabled */
select[disabled] {
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #111;
}

input[disabled],
input[readonly] {
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #777;
}

/*checkbox*/
input.chkTypeA {
    opacity: 0;
    width: 1px;
    height: 1px;
    position: absolute;
}

input.chkTypeA + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    color: #111;
    font-size: 16px;
    min-height: 22px;
    vertical-align: top;
}

input.chkTypeA + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border: 1px solid #ddd;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.066 9.534'%3E%3Cpath id='path_34975' data-name='path 34975' d='M65.419,11.6l3.188,3.745,6.812-8' transform='translate(-64.886 -6.888)' fill='none' stroke='%23ddd' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat 50%/12px 10px;
    transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
    box-sizing: border-box;
}

input.chkTypeA:checked + label:after {
    border-color: #434867;
    background: #434867 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.066 9.534'%3E%3Cpath id='path_34975' data-name='path 34975' d='M65.419,11.6l3.188,3.745,6.812-8' transform='translate(-64.886 -6.888)' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat 50%/12px 10px;
}

input.chkTypeA[disabled=disabled] + label:after,
input.chkTypeA[disabled] + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border: 1px solid #ddd;
    background: #eee;
}

input.chkTypeA[style-disabled=disabled]:checked + label {
    color: #999;
}

input.chkTypeA[style-disabled=disabled]:checked + label:after {
    background-color: #ddd;
    border-color: #ddd;
}

/*radio*/
input.radioTypeA {
    opacity: 0;
    width: 1px;
    height: 1px;
}

input.radioTypeA + label {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #111;
    font-size: 16px;
}

input.radioTypeA + label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-top: -8px;
    border: 5px solid #ccc;
    background: #fff;
    transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
    box-sizing: border-box;
}

input.radioTypeA:checked + label:after {
    border-color: #28324E;
}

/*table*/
.tableTypeA {
    width: 100%;
    border-top: 1px solid #111;
    table-layout: fixed;
}

.tableTypeA th,
.tableTypeA td {
    border-bottom: 1px solid #ddd;
    letter-spacing: -0.04em;
}

.tableTypeA th:last-of-type,
.tableTypeA td:last-of-type {
    border-right: 0;
}

.tableTypeA tbody tr:last-of-type td,
.tableTypeA tbody tr:last-of-type th {
    border-bottom-color: #111;
}

.tableTypeA td {
    padding: 14px 16px;
    text-align: center;
    border-right: 1px solid #ddd;
}

.tableTypeA thead th {
    padding: 22px 15px;
    font-weight: 400;
    background: #f9f9f9;
}

.tableTypeB {
    width: 100%;
    border-top: 1px solid #111;
    letter-spacing: -0.16px;
}

.tableTypeB tr {
    border-bottom: 1px solid #ddd;
}

.tableTypeB th {
    padding: 20px 30px;
    background: #f9f9f9;
    font-weight: 400;
}

.tableTypeB td {
    padding: 16px 22px;
}

.tableTypeB td strong {
    font-weight: 700;
}

.tableTypeB tr:last-of-type {
    border-bottom-color: #111;
}

.tableTypeB ~ .caution {
    margin-top: 8px;
    font-size: 14px;
    color: #888;
    line-height: 20px;
}

.tableTypeB ~ .caution .txtIndent {
    display: block;
    padding-left: 15px;
}

/* form 형식*/
.formArea .ess > em {
    color: #ce0101;
}

.formTypeA > ul > li,
.formTypeA > ol > li {
    display: flex;
    margin-top: 40px;
}

.formTypeA > ul > li > strong,
.formTypeA > ol > li > strong {
    width: 21.6%;
    font-size: 16px;
    color: #666;
    margin-top: 16px;
}

.formTypeA > ul > li .asc,
.formTypeA > ol > li .asc {
    align-self: center;
    margin-top: 0;
}

.formTypeA > ul > li > div,
.formTypeA > ol > li > div {
    width: 78.4%;
    display: flex;
    flex-wrap: wrap;
}

.formTypeA > ul > li > div p.inputArea,
.formTypeA > ol > li > div p.inputArea {
    flex: 1;
}

.formTypeA > ul > li > div input[type=text],
.formTypeA > ul > li > div input[type=password],
.formTypeA > ol > li > div input[type=text],
.formTypeA > ol > li > div input[type=password] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    height: 48px;
}

.formTypeA > ul > li > div .caution,
.formTypeA > ol > li > div .caution {
    display: block;
    width: 100%;
    color: #888;
    font-size: 14px;
    letter-spacing: -0.02em;
}

.formTypeA > ul > li.makeID > div .inputArea,
.formTypeA > ol > li.makeID > div .inputArea {
    margin-right: 16px;
    flex: 1;
}

.formTypeA > ul > li.makeID > div a,
.formTypeA > ol > li.makeID > div a {
    width: 140px;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    border: 1px solid #28324e;
}

.formTypeA > ul > li.birth .setDateCont,
.formTypeA > ol > li.birth .setDateCont {
    width: 42%;
}

.formTypeA > ul > li.birth .setDateCont .eui_commonSelect > .euiSelectList,
.formTypeA > ol > li.birth .setDateCont .eui_commonSelect > .euiSelectList {
    max-height: 402px;
    overflow-y: auto;
}

.formTypeA > ul > li.birth .calendarType,
.formTypeA > ol > li.birth .calendarType {
    padding-left: 18px;
    align-self: center;
}

.formTypeA > ul > li .setDateCont .euiSelectMain,
.formTypeA > ol > li .setDateCont .euiSelectMain {
    padding-right: 20px;
    border-right: 0;
}

.formTypeA > ul > li .setDateCont .euiSelectMain:after,
.formTypeA > ol > li .setDateCont .euiSelectMain:after {
    right: 10px;
}

.formTypeA > ul > li .setDateCont select ~ span,
.formTypeA > ol > li .setDateCont select ~ span {
    height: 100%;
    padding-right: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    line-height: 46px;
}

.formTypeA > ul > li .setDateCont select ~ span:last-of-type,
.formTypeA > ol > li .setDateCont select ~ span:last-of-type {
    border-right: 1px solid #ddd;
}

.formTypeA > ul > li.gender > div:nth-of-type(1),
.formTypeA > ol > li.gender > div:nth-of-type(1) {
    align-items: center;
}

.formTypeA > ul > li.gender > div:nth-of-type(1) label,
.formTypeA > ol > li.gender > div:nth-of-type(1) label {
    margin-right: 10px;
}

.formTypeA > ul > li.mbPhone .eui_commonSelect .euiSelectMain,
.formTypeA > ol > li.mbPhone .eui_commonSelect .euiSelectMain {
    border-right: 0;
}

.formTypeA > ul > li.address .addressHead,
.formTypeA > ol > li.address .addressHead {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
}

.formTypeA > ul > li.address .addressHead .btnTypeD,
.formTypeA > ol > li.address .addressHead .btnTypeD {
    width: 140px;
    margin-left: 16px;
    height: 48px;
    line-height: 46px;
    font-size: 16px;
}

.formTypeA > ul > li.address .inputArea input + input,
.formTypeA > ol > li.address .inputArea input + input {
    margin-top: 16px;
}

.formTypeA > ul > li.email > div,
.formTypeA > ol > li.email > div {
    width: 60%;
}

.formTypeA > ul > li.email > div .fixed,
.formTypeA > ol > li.email > div .fixed {
    font-size: 0;
    flex: 1;
}

.formTypeA > ul > li.email > div .fixed input,
.formTypeA > ol > li.email > div .fixed input {
    width: 80%;
    height: 48px;
}

.formTypeA > ul > li.email > div .fixed span,
.formTypeA > ol > li.email > div .fixed span {
    display: inline-block;
    width: 20%;
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    line-height: 46px;
}

.formTypeA > ul > li.email > div .fixed ~ div,
.formTypeA > ol > li.email > div .fixed ~ div {
    flex: 1;
    position: relative;
}

.formTypeA > ul > li.email > div .fixed ~ div .insertTypeA,
.formTypeA > ol > li.email > div .fixed ~ div .insertTypeA {
    position: relative;
    z-index: 2;
}

.formTypeA > ul > li.email > div .fixed ~ div .insertTypeB,
.formTypeA > ol > li.email > div .fixed ~ div .insertTypeB {
    position: absolute;
    left: 0;
    top: 1px;
    width: calc(100% - 40px);
    z-index: 1;
}

.formTypeA > ul > li.email > div .fixed ~ div .insertTypeB input,
.formTypeA > ol > li.email > div .fixed ~ div .insertTypeB input {
    border: 0;
    height: 46px;
}

.formTypeA > ul > li.email > div .fixed ~ div .insertTypeB.on,
.formTypeA > ol > li.email > div .fixed ~ div .insertTypeB.on {
    z-index: 3;
}

/*tabList*/
.tabListBox {
    margin-bottom: 40px;
}

.tabListBox li {
    display: inline-block;
    margin-right: 16px;
}

.tabListBox li a {
    display: block;
    padding: 8px 26px;
    border: 1px solid #888;
    border-radius: 20px;
    color: #888;
    font-size: 16px;
    text-align: center;
}

.tabListBox li.on a {
    border: 1px solid #28324e;
    color: #28324e;
    font-weight: 700;
}

/*btnArea*/
.btnArea.mt60 {
    margin-top: 60px;
}

/*btn*/
a.btnTypeA {
    display: inline-block;
    width: 260px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: #28324E;
}

a.btnTypeA span {
    display: inline-block;
    line-height: normal;
    padding-right: 15px;
    color: #fff;
}

a.btnTypeA span {
    position: relative;
}

a.btnTypeA span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 11px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.061 10.707'%3E%3Cpath id='Icon_Arrow_Right_10' d='M5,10,0,5,5,0' transform='translate(5.354 10.354) rotate(180)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E") no-repeat 0 0/100%;
}

a.btnTypeA.sizeA {
    width: 180px;
    height: 44px;
    line-height: 44px;
}

a.btnTypeA.sizeA span {
    font-size: 14px;
}

a.btnTypeB {
    display: inline-block;
    width: 240px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    background: #28324E;
    color: #fff;
    border: 1px solid #111;
}

a.btnTypeB a {
    display: block;
    height: 100%;
    color: #fff;
    font-size: 18px;
}

a.btnTypeB.full {
    width: 100%;
    height: 64px;
    line-height: 64px;
}

a.btnTypeB.sizeA {
    width: 480px;
    height: 64px;
    line-height: 64px;
}

a.btnTypeB.sizeC {
    width: 200px;
    height: 64px;
    line-height: 64px;
}

a.btnTypeB.sizeD {
    width: 240px;
    height: 56px;
    line-height: 56px;
}

a.btnTypeC {
    display: inline-block;
    width: 240px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border: 1px solid #111;
    background: #fff;
}

a.btnTypeC a {
    display: block;
    height: 100%;
    color: #111;
    font-size: 18px;
}

a.btnTypeC.full {
    width: 100%;
    height: 64px;
    line-height: 64px;
}

a.btnTypeC.sizeA {
    width: 240px;
    height: 56px;
    line-height: 54px;
}

a.btnTypeC.sizeC {
    width: 200px;
    height: 64px;
    line-height: 64px;
}

a.btnTypeC.colorA {
    border-color: #28324e;
    color: #28324e;
}

a.btnTypeD {
    display: inline-block;
    width: 240px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: #28324e;
    color: #fff;
    font-size: 18px;
    margin-right: 24px;
}

a.btnTypeD:last-of-type {
    margin-right: 0;
    padding-right: 0;
}

a.btnTypeD:last-of-type::after,
a.btnTypeD:last-of-type::before {
    display: none;
}

a.btnTypeD span {
    font-size: 18px;
}

a.btnTypeD.full {
    width: 100%;
}

a.btnTypeD.sizeA {
    width: 480px;
}

a.btnTypeD.sizeB {
    width: 159px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
}

a.btnTypeD.sizeD {
    width: 140px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
}

a.btnTypeD.invert {
    background: #fff;
    border: 1px solid #28324e;
    color: #28324e;
}

/* dim */
#popBg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #111;
    opacity: 0.5;
    z-index: 20;
    animation-name: popBg;
    animation-duration: 0.5s;
    animation-delay: 0s;
    animation-fill-mode: both;
}

.btnPopClose {
    position: absolute !important;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
}

.btnPopClose {
    position: relative;
}

.btnPopClose:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* 팝업 */
.stdLayoutPop {
    position: fixed;
    padding: 40px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 30;
    background: #fff;
}

/*datepicker*/
.ui-datepicker {
    display: none;
    padding: 20px;
    border: 1px solid #000;
    background: #fff;
    box-sizing: border-box;
    margin-top: -1px;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    height: 28px;
    margin-bottom: 16px;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all {
    position: absolute;
    top: 50%;
    width: 23px;
    height: 28px;
    margin-top: -14px;
    cursor: pointer;
    z-index: 1;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all span {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 0px;
    background: url(/static/images/common/btn_datePrev.png) no-repeat 50% 50%;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 0px;
    background: url(/static/images/common/btn_dateNext.png) no-repeat 50% 50%;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    padding: 0 23px;
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 28px;
}

.ui-datepicker .ui-datepicker-calendar {
    border: 0;
    margin-bottom: 0;
}

.ui-datepicker .ui-datepicker-calendar thead tr th,
.ui-datepicker .ui-datepicker-calendar tbody tr td {
    width: 30px;
    height: 32px;
    vertical-align: middle;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-last-child(1) a,
.ui-datepicker .ui-datepicker-calendar thead tr th:nth-last-child(1),
.ui-datepicker .ui-datepicker-calendar tbody tr td:nth-last-child(1) {
    color: #008ab0;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td:first-child a,
.ui-datepicker .ui-datepicker-calendar thead tr th:first-child,
.ui-datepicker .ui-datepicker-calendar tbody tr td:first-child {
    color: #f66a5b;
}

.ui-datepicker .ui-datepicker-calendar thead tr th {
    padding-bottom: 5px;
    font-weight: 700;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 100%;
    background: #fff;
    transition: background 1s cubic-bezier(0, 0, 0, 1) 0s;
    font-family: "Noto Sans KR", sans-serif;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-hover {
    background: #dfe4eb;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active {
    color: #fff;
    background: #9aabc0;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-highlight {
    color: #fff;
    background: #000;
}

input.hasDatepicker {
    height: 40px;
    padding-left: 18px;
    padding-right: 18px;
    border: 1px solid #ddd;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.2 17.201'%3E%3Cg id='Icon_Calendar' transform='translate(0.6 0.6)'%3E%3Cline id='line_187' data-name='line 187' x2='15.579' transform='translate(0.001 5.791)' fill='none' stroke='%23111' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cline id='line_188' data-name='line 188' y2='3.133' transform='translate(4.309)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cline id='line_189' data-name='line 189' y2='3.133' transform='translate(11.693)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cpath id='path_33407' data-name='path 33407' d='M.8,16.832c0,.5.276.9.615.9H16.185c.34,0,.615-.4.615-.9V4.2c0-.5-.276-.9-.615-.9H1.415c-.34,0-.615.4-.615.9Z' transform='translate(-0.8 -1.734)' fill='none' stroke='%23111' stroke-linejoin='round' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat calc(100% - 10px) 50%/18px 18px !important;
}

input.hasDatepicker:focus {
    outline: none;
}

/*select*/
.eui_commonSelect {
    width: 100%;
    position: relative;
    display: inline-block;
}

.eui_commonSelect .euiSelectMain {
    position: relative;
    height: 48px;
    padding: 0 26px 0 16px;
    line-height: 48px;
    background: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
}

.eui_commonSelect .euiSelectMain {
    position: relative;
}

.eui_commonSelect .euiSelectMain:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 11px;
    height: 6px;
    margin-top: -3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.849 6.273'%3E%3Cpath id='path_35575' data-name='path 35575' d='M0,0,5,5,0,10' transform='translate(10.424 0.424) rotate(90)' fill='none' stroke='%23888' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    opacity: 1;
}

.eui_commonSelect .euiSelectMain span {
    letter-spacing: -0.01em;
}

.eui_commonSelect .euiSelectMain.disabled {
    background: #f5f5f5;
    color: #777;
}

.eui_commonSelect .euiSelectMain.disabled {
    position: relative;
}

.eui_commonSelect .euiSelectMain.disabled:after {
    content: "";
    position: absolute;
    display: none;
}

.eui_commonSelect .euiSelectMain.on:after {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.eui_commonSelect .euiSelectList {
    position: absolute;
    top: 100%;
    width: 100%;
    max-height: 350px;
    margin-top: -1px;
    padding: 5px 0;
    border: 1px solid #000;
    background: #fff;
    z-index: 1;
    overflow-y: auto;
}

.eui_commonSelect .euiSelectList li a {
    display: block;
    font-size: 13px;
    padding: 5px;
}

.eui_familySelect {
    width: 100%;
    position: relative;
    display: inline-block;
}

.eui_familySelect .euiSelectMain {
    padding: 0 35px 0 16px;
    position: relative;
    font-size: 16px;
    height: 44px;
    line-height: 42px;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #ddd;
    background: #fff;
    color: #888;
}

.eui_familySelect .euiSelectMain span {
    font-weight: 400;
    letter-spacing: -0.01em;
}

.eui_familySelect .euiSelectMain {
    position: relative;
}

.eui_familySelect .euiSelectMain:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 11px;
    height: 6px;
    margin-top: -3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.849 6.273'%3E%3Cpath id='path_35575' data-name='path 35575' d='M0,0,5,5,0,10' transform='translate(10.424 0.424) rotate(90)' fill='none' stroke='%23aaa' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    opacity: 1;
}

.eui_familySelect .euiSelectMain.disabled {
    background: #f5f5f5;
    color: #777;
}

.eui_familySelect .euiSelectMain.disabled {
    position: relative;
}

.eui_familySelect .euiSelectMain.disabled:after {
    content: "";
    position: absolute;
    display: none;
}

.eui_familySelect .euiSelectMain.on:after {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.eui_familySelect .euiSelectList {
    position: absolute;
    bottom: 44px;
    background: #fff;
    margin-top: -1px;
    padding: 5px 0;
    border: 1px solid #000;
    overflow: auto;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
}

.eui_familySelect .euiSelectList li a {
    display: block;
    font-size: 13px;
    color: #858889;
    box-sizing: border-box;
    padding: 5px 5px;
}

.eui_familySelect .euiSelectList li a:hover {
    color: #000;
}

#wrapper {
    min-width: 1280px;
}

header {
    border-bottom: 1px solid #ddd;
}

header .headerWrap {
    position: relative;
    width: 1280px;
    height: 121px;
    margin: 0 auto;
    padding-top: 69px;
    z-index: 2;
}

header .headerWrap .headerCont {
    display: flex;
}

header .headerWrap .headerCont h1 a {
    display: block;
    width: 305px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 307.288 31.677'%3E%3Cg id='LOGO' transform='translate(0.788 0.5)'%3E%3Cpath id='path_1' data-name='path 1' d='M14.8,1.858l8.616,18.321H6.224Zm-.641-1.7L0,30.194H1.494l4.093-8.7H24.053l4.058,8.7h1.572L15.524.154Z' transform='translate(0 0.057)' fill='%23111' stroke='%23111' stroke-width='1'/%3E%3Cpath id='path_2' data-name='path 2' d='M48.917.309l-20,19.942V.309H27.462V30.137h1.452V22l7.977-7.882L49.556,30.137h1.881l-13.525-17L50.92.309Z' transform='translate(10.081 0.113)' fill='%23111' stroke='%23111' stroke-width='1'/%3E%3Cpath id='path_3' data-name='path 3' d='M87.6.309,75.019,18.465,62.391.309H61.028V30.137h1.405V2.826L74.926,20.719h.093L87.511,2.826V30.137h1.452V.309Z' transform='translate(22.299 0.113)' fill='%23111' stroke='%23111' stroke-width='1'/%3E%3Cpath id='path_4' data-name='path 4' d='M89.049.309V30.137h21.235v-1.32H90.5V15.776h17.7v-1.32H90.5V1.634h19.574V.309Z' transform='translate(32.541 0.113)' fill='%23111' stroke='%23111' stroke-width='1'/%3E%3Cpath id='path_5' data-name='path 5' d='M138.591.309,126,18.465,113.383.309h-1.366V30.137h1.408V2.826l12.5,17.894H126L138.5,2.826V30.137h1.446V.309Z' transform='translate(40.93 0.113)' fill='%23111' stroke='%23111' stroke-width='1'/%3E%3Cpath id='path_6' data-name='path 6' d='M140,.309h12.285c3.408,0,6.138.942,7.8,2.6a6.6,6.6,0,0,1,1.918,4.815v.09a7.12,7.12,0,0,1-5.5,7.069c3.924.726,7.124,3.239,7.124,7.288v.086c0,4.939-4.053,7.882-10.709,7.882H140Zm12.586,14.1c4.438,0,7.974-2.173,7.974-6.475V7.851c0-3.743-3.072-6.217-8.318-6.217H141.455V14.412Zm.384,14.4c5.751,0,9.166-2.47,9.166-6.518v-.09c0-4.17-3.713-6.471-9-6.471H141.455V28.817Z' transform='translate(51.159 0.113)' fill='%23111' stroke='%23111' stroke-width='1'/%3E%3Cpath id='path_7' data-name='path 7' d='M163.576.309H184.6V1.634H165.028V14.456h17.7v1.32h-17.7V28.817h19.789v1.32H163.576Z' transform='translate(59.776 0.113)' fill='%23111' stroke='%23111' stroke-width='1'/%3E%3Cpath id='path_8' data-name='path 8' d='M185.869.308h12.316c3.8,0,6.7,1.068,8.529,2.858A7.821,7.821,0,0,1,208.89,8.7v.082c0,5.033-3.877,7.972-9.377,8.437l9.933,12.915h-1.835L197.889,17.4H187.31v12.74h-1.441ZM197.8,16.077c6.146,0,9.637-2.982,9.637-7.2v-.09c0-4.471-3.452-7.151-9.336-7.151H187.31V16.077Z' transform='translate(67.884 0.113)' fill='%23111' stroke='%23111' stroke-width='1'/%3E%3Cpath id='path_9' data-name='path 9' d='M208.02,25.9,209,24.839a15.26,15.26,0,0,0,11,4.513c5.157,0,8.528-2.81,8.528-6.557v-.086c0-3.494-2-5.373-9.209-6.859C212.026,14.4,209.17,12.1,209.17,7.8V7.707c0-4.261,4.053-7.707,9.679-7.707A15.742,15.742,0,0,1,229,3.493l-.891,1.15a14.664,14.664,0,0,0-9.343-3.326c-4.9,0-8.147,2.943-8.147,6.265v.09c0,3.451,2,5.365,9.257,6.854,7.422,1.493,10.11,3.881,10.11,8.058v.086c0,4.6-3.971,8.008-10.062,8.008a16.922,16.922,0,0,1-11.9-4.775' transform='translate(76.016)' fill='%23111' stroke='%23111' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

header .headerWrap .headerCont nav {
    margin-left: 103px;
    position: relative;
}

header .headerWrap .headerCont nav > ul {
    display: flex;
    position: relative;
    height: 52px;
}

header .headerWrap .headerCont nav > ul > li {
    margin-right: 40px;
}

header .headerWrap .headerCont nav > ul > li > a {
    display: block;
    line-height: 24px;
    font-family: "Gotham", sans-serif;
    font-weight: 300;
    font-size: 22px;
}

header .headerWrap .headerCont nav > ul > li > a span {
    font-family: "Gotham", sans-serif;
    font-size: 20px;
    font-weight: 300;
}

header .headerWrap .headerCont nav > ul > li > ul {
    display: none;
    align-items: center;
    position: absolute !important;
    left: 0;
    top: 52px;
    width: 100%;
    height: 62px;
}

header .headerWrap .headerCont nav > ul > li > ul > li {
    margin-right: 56px;
    opacity: 0;
    transition: 0.5s;
    transform: translateX(20px);
    transition-delay: 0.45s;
}

header .headerWrap .headerCont nav > ul > li > ul > li a {
    font-size: 18px;
    color: #666;
    white-space: nowrap;
}

header .headerWrap .headerCont nav > ul > li > ul > li a:hover {
    color: #28324E;
}

header .headerWrap .headerCont nav > ul > li > ul > li:last-of-type {
    margin-right: 0;
    padding-right: 0;
}

header .headerWrap .headerCont nav > ul > li > ul > li:last-of-type::after,
header .headerWrap .headerCont nav > ul > li > ul > li:last-of-type::before {
    display: none;
}

header .headerWrap .headerCont nav > ul > li.hover > ul > li {
    transform: translateX(0);
    opacity: 1;
}

header .headerWrap .headerCont nav > ul > li.hover > ul > li:nth-of-type(1) {
    transition-delay: 0.4s;
}

header .headerWrap .headerCont nav > ul > li.hover > ul > li:nth-of-type(2) {
    transition-delay: 0.45s;
}

header .headerWrap .headerCont nav > ul > li.hover > ul > li:nth-of-type(3) {
    transition-delay: 0.5s;
}

header .headerWrap .headerCont nav > ul > li.hover > ul > li:nth-of-type(4) {
    transition-delay: 0.55s;
}

header .headerWrap .headerCont nav > ul > li.hover > ul > li:nth-of-type(5) {
    transition-delay: 6s;
}

header .headerWrap .headerCont .userInfo {
    display: flex;
    position: absolute;
    right: 0;
    top: 72px;
}

header .headerWrap .headerCont .userInfo li {
    margin-left: 16px;
}

header .headerWrap .headerCont .userInfo li a {
    display: block;
    line-height: 24px;
}

header .bar {
    position: absolute;
    bottom: 0;
    height: 2px;
    border-radius: 2px;
    background: #222;
    transition: 0.3s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.38, 1.29);
}

header .navBg {
    display: none;
    position: absolute;
    left: 0;
    top: 122px;
    width: 100%;
    min-width: 1280px;
    height: 60px;
    background: #F9F9F9;
    z-index: 1;
}

section {
    min-height: 800px;
}

section #content {
    display: flex;
    width: 1280px;
    margin: 0 auto;
}

section #content aside {
    flex: none;
    width: 300px;
    margin-right: 80px;
    padding-top: 100px;
}

section #content aside h2 {
    margin-bottom: 60px;
    line-height: 48px;
    font-size: 36px;
}

section #content aside ul li {
    margin-bottom: 20px;
}

section #content aside ul li a {
    display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    font-family: "Gotham", "Noto Sans KR";
    line-height: 29px;
    opacity: 0.23;
    color: #28324e;
}

section #content aside ul li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

section #content aside ul li:last-of-type::after,
section #content aside ul li:last-of-type::before {
    display: none;
}

section #content aside ul li.on a {
    opacity: 1;
}

section #content aside ul li.on a {
    position: relative;
}

section #content aside ul li.on a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background: #28324e;
}

section #content main {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 180px;
}

footer {
    position: relative;
    background: #F5F5F5;
}

footer .footerWrap {
    width: 1280px;
    margin: 0 auto;
    height: 283px;
}

footer .footerWrap .footerTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 36px;
    margin-bottom: 82px;
}

footer .footerWrap .footerTop .snsArea {
    display: flex;
}

footer .footerWrap .footerTop .snsArea h3 {
    align-self: center;
    line-height: 30px;
    font-size: 22px;
    font-weight: 400;
    color: #444;
}

footer .footerWrap .footerTop .snsArea h3 strong {
    font-weight: 700;
}

footer .footerWrap .footerTop .snsArea ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 22px;
}

footer .footerWrap .footerTop .snsArea ul li {
    margin: 0 10px;
}

footer .footerWrap .footerTop .snsArea ul li a {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

footer .footerWrap .footerTop .snsArea ul li a.btn_instagram {
    background: #E1539A;
}

footer .footerWrap .footerTop .snsArea ul li a.btn_instagram {
    position: relative;
}

footer .footerWrap .footerTop .snsArea ul li a.btn_instagram:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.434 23.434'%3E%3Cpath id='instagram' d='M15.623,11.717a3.907,3.907,0,0,0-3.906-3.906,3.907,3.907,0,0,0-3.906,3.906,3.907,3.907,0,0,0,3.906,3.906,3.907,3.907,0,0,0,3.906-3.906Zm2.105,0a5.99,5.99,0,0,1-6.011,6.011,5.99,5.99,0,0,1-6.011-6.011,5.99,5.99,0,0,1,6.011-6.011,5.99,5.99,0,0,1,6.011,6.011Zm1.648-6.255a1.4,1.4,0,1,1-2.395-.991,1.4,1.4,0,0,1,2.395.991ZM11.717,2.105,10.55,2.1q-1.06-.008-1.61,0t-1.472.046A12.032,12.032,0,0,0,5.9,2.3a6.063,6.063,0,0,0-1.09.283A3.99,3.99,0,0,0,2.578,4.806,6.122,6.122,0,0,0,2.3,5.9a12.031,12.031,0,0,0-.152,1.571q-.038.923-.046,1.472t0,1.61q.008,1.06.008,1.167T2.1,12.885q-.008,1.06,0,1.61t.046,1.472A12.031,12.031,0,0,0,2.3,17.539a6.086,6.086,0,0,0,.283,1.09,3.99,3.99,0,0,0,2.228,2.228,6.123,6.123,0,0,0,1.091.283,12.032,12.032,0,0,0,1.571.152q.923.038,1.472.046t1.61,0l1.167-.008,1.167.008q1.06.008,1.61,0t1.472-.046a12.031,12.031,0,0,0,1.571-.152,6.123,6.123,0,0,0,1.091-.283,3.99,3.99,0,0,0,2.228-2.228,6.122,6.122,0,0,0,.283-1.091,12.032,12.032,0,0,0,.152-1.571q.038-.923.046-1.472t0-1.61q-.008-1.06-.008-1.167t.008-1.167q.008-1.06,0-1.61t-.046-1.472A12.031,12.031,0,0,0,21.14,5.9a6.006,6.006,0,0,0-.284-1.09,3.99,3.99,0,0,0-2.228-2.228A6.123,6.123,0,0,0,17.537,2.3a12.032,12.032,0,0,0-1.571-.152q-.923-.038-1.472-.046t-1.61,0l-1.167.008Zm11.717,9.612q0,3.494-.076,4.837a7.156,7.156,0,0,1-1.892,4.913,7.156,7.156,0,0,1-4.913,1.892q-1.343.076-4.837.076t-4.837-.076a7.156,7.156,0,0,1-4.913-1.892A7.156,7.156,0,0,1,.076,16.554Q0,15.211,0,11.717T.076,6.881A7.156,7.156,0,0,1,1.968,1.968,7.156,7.156,0,0,1,6.881.076Q8.223,0,11.717,0t4.837.076a7.156,7.156,0,0,1,4.913,1.892,7.156,7.156,0,0,1,1.892,4.913Q23.434,8.223,23.434,11.717Z' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

footer .footerWrap .footerTop .snsArea ul li a.btn_facebook {
    background: #465AC4;
}

footer .footerWrap .footerTop .snsArea ul li a.btn_facebook {
    position: relative;
}

footer .footerWrap .footerTop .snsArea ul li a.btn_facebook:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 11px;
    height: 22px;
    margin: -11px 0 0 -5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.712 19.89'%3E%3Cpath id='path_75951' data-name='path 75951' d='M28.88,22.716H25.525V34H21.652V22.716H19.52V20.844l2.132-1.04v-1.04a5.426,5.426,0,0,1,.611-2.821A3.325,3.325,0,0,1,24,14.526a7.72,7.72,0,0,1,2.665-.416,10.828,10.828,0,0,1,2.055.182,8.225,8.225,0,0,1,1.507.416l-.988,2.834q-.443-.13-.974-.247a5.537,5.537,0,0,0-1.184-.117,1.4,1.4,0,0,0-1.184.494,2,2,0,0,0-.377,1.248V19.8H28.88Z' transform='translate(-19.52 -14.11)' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%/100% auto;
}

footer .footerWrap .footerTop .snsArea ul li a.btn_kakaoCh {
    background: #FEE500;
}

footer .footerWrap .footerTop .snsArea ul li a.btn_kakaoCh {
    position: relative;
}

footer .footerWrap .footerTop .snsArea ul li a.btn_kakaoCh:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 26px;
    height: 19px;
    margin: -9px 0 0 -13px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.148 23.016'%3E%3Cg data-name='Kakao Channel_add'%3E%3Cg data-name='group 40646'%3E%3Cpath data-name='path 75918' d='M-374.2-117.178c-6.069 0-10.989 4.572-10.989 10.212a9.972 9.972 0 0 0 4.372 8.153v4.482a.169.169 0 0 0 .092.15.166.166 0 0 0 .077.019.169.169 0 0 0 .1-.032l3.932-2.806a11.828 11.828 0 0 0 2.416.249c6.069 0 10.989-4.572 10.989-10.212s-4.919-10.215-10.989-10.215z' transform='translate(385.188 117.178)' style='fill:%23181600'/%3E%3Cg data-name='group 40645'%3E%3Cpath data-name='path 75919' d='M-348.242-99.556a2.13 2.13 0 0 0-1.64-.61 2.229 2.229 0 0 0-1.076.26 2.582 2.582 0 0 0-.616.457v-3.306h-1.555v8.76h1.544v-3.272a2.257 2.257 0 0 1 .11-.731 1.658 1.658 0 0 1 .3-.539 1.277 1.277 0 0 1 .431-.333 1.214 1.214 0 0 1 .522-.116 1.006 1.006 0 0 1 .738.258 1.331 1.331 0 0 1 .259.943v3.79h1.543v-3.728a2.637 2.637 0 0 0-.56-1.833z' transform='translate(366.09 108.587)' style='fill:%23FEE500'/%3E%3Cpath data-name='path 75920' d='M-372.22-100.683a2.553 2.553 0 0 1 2.376 1.69h1.659a4.177 4.177 0 0 0-4.035-3.34 4.219 4.219 0 0 0-4.14 4.294 4.219 4.219 0 0 0 4.14 4.3 4.178 4.178 0 0 0 4.035-3.341h-1.659a2.553 2.553 0 0 1-2.377 1.69 2.6 2.6 0 0 1-2.549-2.645 2.6 2.6 0 0 1 2.55-2.648z' transform='translate(379.929 108.336)' style='fill:%23FEE500'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='rect 19339' transform='translate(23.753 9.41)' style='fill:%23181600' d='M0 0h8.395v2.244H0z'/%3E%3Cpath data-name='rect 19340' transform='rotate(-90 20.779 -6.049)' style='fill:%23181600' d='M0 0h8.395v2.244H0z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50%/100% auto;
}

footer .footerWrap .footerTop .snsArea ul li a.btn_youtube {
    background: #DF1313;
}

footer .footerWrap .footerTop .snsArea ul li a.btn_youtube {
    position: relative;
}

footer .footerWrap .footerTop .snsArea ul li a.btn_youtube:after {
    content: "";
    position: absolute;
    width: 19.3px;
    height: 13.51px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.489 17.143'%3E%3Cpath id='youtube' d='M12.715,19.233V12.384l6.615,3.437ZM27.243,11.2a5.246,5.246,0,0,0-.974-2.42,3.513,3.513,0,0,0-2.454-1.032C20.39,7.5,15.249,7.5,15.249,7.5h-.01s-5.14,0-8.567.246A3.513,3.513,0,0,0,4.219,8.778a5.256,5.256,0,0,0-.974,2.42A36.7,36.7,0,0,0,3,15.143v1.849a36.722,36.722,0,0,0,.245,3.945,5.248,5.248,0,0,0,.974,2.419,4.155,4.155,0,0,0,2.7,1.042c1.959.186,8.326.244,8.326.244s5.147-.007,8.572-.253a3.512,3.512,0,0,0,2.454-1.032,5.254,5.254,0,0,0,.974-2.419,36.723,36.723,0,0,0,.245-3.945V15.143a36.683,36.683,0,0,0-.245-3.945Z' transform='translate(-3 -7.5)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

footer .footerWrap .footerTop .controlArea .eui_familySelect {
    margin-right: 79px;
}

footer .footerWrap .footerTop .controlArea #btnPageTop {
    display: inline-block;
}

footer .footerWrap .footerTop .controlArea #btnPageTop span {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    font-size: 20px;
    font-family: "Noto Sans KR", sans-serif;
    line-height: 27px;
    color: #666;
}

footer .footerWrap .footerTop .controlArea #btnPageTop span {
    position: relative;
}

footer .footerWrap .footerTop .controlArea #btnPageTop span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 7.5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7.5'%3E%3Cpath id='path_890' data-name='path 890' d='M5,0l5,7.5H0Z' fill='%23666'/%3E%3C/svg%3E") no-repeat 0 0/100%;
}

footer .footerWrap .footerCont {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

footer .footerWrap .footerCont .textArea .footerMenu {
    display: flex;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

footer .footerWrap .footerCont .textArea .footerMenu li {
    margin-right: 16px;
}

footer .footerWrap .footerCont .textArea .footerMenu li:last-of-type {
    margin-right: 0;
    padding-right: 0;
}

footer .footerWrap .footerCont .textArea .footerMenu li:last-of-type::after,
footer .footerWrap .footerCont .textArea .footerMenu li:last-of-type::before {
    display: none;
}

footer .footerWrap .footerCont .textArea .footerMenu li a {
    display: block;
    color: #666;
    font-size: 18px;
    line-height: 26px;
}

footer .footerWrap .footerCont .textArea p {
    color: #666;
    line-height: 24px;
}

footer .footerWrap .footerCont .mark {
    display: flex;
}

footer .footerWrap .footerCont .mark h2 {
    width: 309.38px;
    height: 32.02px;
    background: url("data:image/svg+xml,%3Csvg id='LOGO' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 309.376 32.016'%3E%3Crect id='rect_17387' data-name='rect 17387' width='309.191' height='31.077' transform='translate(0 0)' fill='none'/%3E%3Cpath id='path_1' data-name='path 1' d='M14.947,1.934l8.7,19.134H6.286ZM14.3.154,0,31.526H1.509l4.134-9.081H24.291l4.1,9.081h1.588L15.677.154Z' transform='translate(0 0.059)' fill='%231A1818'/%3E%3Cpath id='path_2' data-name='path 2' d='M49.129.309,28.928,21.14V.309H27.462V31.467h1.466v-8.5l8.056-8.233,12.79,16.736h1.9L38.015,13.71,51.152.309Z' transform='translate(10.452 0.118)' fill='%231A1818'/%3E%3Cpath id='path_3' data-name='path 3' d='M87.86.309l-12.7,18.965L62.4.309H61.028V31.467h1.419V2.938L75.063,21.629h.094L87.773,2.938V31.467h1.466V.309Z' transform='translate(23.228 0.118)' fill='%231A1818'/%3E%3Cpath id='path_4' data-name='path 4' d='M89.049.309V31.467h21.445V30.088H90.514V16.466h17.875V15.086H90.514V1.693h19.768V.309Z' transform='translate(33.893 0.118)' fill='%231A1818'/%3E%3Cpath id='path_5' data-name='path 5' d='M138.853.309,126.142,19.274,113.4.309h-1.379V31.467h1.422V2.938l12.62,18.691h.083L138.766,2.938V31.467h1.461V.309Z' transform='translate(42.635 0.118)' fill='%231A1818'/%3E%3Cpath id='path_6' data-name='path 6' d='M140,.309h12.406c3.442,0,6.2.984,7.882,2.714a7.021,7.021,0,0,1,1.937,5.029v.094a7.39,7.39,0,0,1-5.556,7.384c3.962.759,7.194,3.383,7.194,7.613v.09c0,5.159-4.094,8.233-10.814,8.233H140Zm12.71,14.732c4.481,0,8.053-2.269,8.053-6.764v-.09c0-3.91-3.1-6.494-8.4-6.494h-10.9V15.041Zm.388,15.047c5.808,0,9.257-2.58,9.257-6.808v-.094c0-4.356-3.75-6.76-9.087-6.76h-11.8V30.088Z' transform='translate(53.287 0.118)' fill='%231A1818'/%3E%3Cpath id='path_7' data-name='path 7' d='M163.576.309h21.237V1.693h-19.77V15.086h17.875v1.379H165.042V30.088h19.984v1.379H163.576Z' transform='translate(62.259 0.118)' fill='%231A1818'/%3E%3Cpath id='path_8' data-name='path 8' d='M185.869.308h12.438c3.834,0,6.765,1.115,8.614,2.985a8.323,8.323,0,0,1,2.2,5.784v.086c0,5.258-3.915,8.327-9.47,8.814l10.032,13.491h-1.853l-9.819-13.308H187.324V31.468h-1.455ZM197.92,16.78c6.207,0,9.732-3.115,9.732-7.523V9.163c0-4.67-3.486-7.47-9.428-7.47h-10.9V16.78Z' transform='translate(70.744 0.117)' fill='%231A1818'/%3E%3Cpath id='path_9' data-name='path 9' d='M208.02,27.032l.991-1.109a15.16,15.16,0,0,0,11.111,4.71c5.208,0,8.612-2.933,8.612-6.843V23.7c0-3.647-2.023-5.608-9.3-7.158-7.37-1.516-10.254-3.915-10.254-8.405V8.043C209.181,3.6,213.275,0,218.956,0a15.577,15.577,0,0,1,10.25,3.645l-.9,1.2a14.517,14.517,0,0,0-9.435-3.472c-4.951,0-8.227,3.071-8.227,6.538v.094c0,3.6,2.023,5.6,9.348,7.153,7.5,1.558,10.21,4.05,10.21,8.41v.09c0,4.8-4.011,8.357-10.161,8.357a16.8,16.8,0,0,1-12.02-4.984' transform='translate(79.175)' fill='%231A1818'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

footer {
    position: relative;
}

footer:after {
    content: "";
    position: absolute;
    left: 0;
    top: 132px;
    width: 100%;
    height: 1px;
    background: #ddd;
    z-index: 1;
}

#titleText {
    margin-bottom: 67px;
}

#titleText p {
    line-height: 36px;
    font-size: 24px;
}

#titleText p i {
    display: inline-block;
}

#titleText p i {
    position: relative;
}

#titleText p i:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 18px;
    background: #dff4bb;
    z-index: -1;
}

/* paging */
.paging {
    text-align: center;
    font-size: 0;
}

.paging > span {
    display: inline-block;
    width: 22px;
    vertical-align: middle;
}

.paging > span:last-of-type {
    margin-right: 0;
    padding-right: 0;
}

.paging > span:last-of-type::after,
.paging > span:last-of-type::before {
    display: none;
}

.paging > span a {
    display: block;
    padding: 6px 0;
}

.paging > ul {
    display: inline-block;
    margin: 0 20px;
    vertical-align: middle;
}

.paging > ul li {
    display: inline-block;
    margin: 4px;
    font-size: 16px;
}

.paging > ul li > span {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #888;
}

.paging > ul li > span a {
    display: inline-block;
    width: 100%;
    line-height: 34px;
}

.paging > ul li.active span {
    color: #fff;
    background: #28324e;
}

.paging > ul li.active strong {
    display: inline-block;
    line-height: 34px;
}

.paging2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.paging2 span,
.paging2 a {
    display: block;
    line-height: 42px;
    margin: 0 12px;
}

.paging2 span,
.paging2 a {
    position: relative;
}

.paging2 span:after,
.paging2 a:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    top: 50%;
    transform: translateY(-50%);
}

.paging2 .btn_prev {
    padding-left: 52px;
}

.paging2 .btn_prev:after {
    left: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.273 12.849'%3E%3Cpath id='path_33913' data-name='path 33913' d='M6,0,0,6l6,6' transform='translate(0.849 0.424)' fill='none' stroke='%23666' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 50%/7px auto;
}

.paging2 .btn_next {
    padding-right: 52px;
}

.paging2 .btn_next:after {
    right: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.273 12.849'%3E%3Cpath id='패스_33913' data-name='패스 33913' d='M6,0,0,6l6,6' transform='translate(6.424 12.424) rotate(180)' fill='none' stroke='%23666' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 50%/7px auto;
}

.paging2 span {
    color: #aaa;
}

.paging2 span:after {
    opacity: 0.45;
}

/*listType*/
.listTypeA li {
    margin-bottom: 8px;
    padding-left: 10px;
    font-size: 16px;
    color: #888;
}

.listTypeA li {
    position: relative;
}

.listTypeA li:before {
    content: "";
    position: absolute;
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #888;
    border-radius: 50%;
}

/*****main*****/
#wrapper.main section #content {
    width: 100%;
}

#wrapper.main .fp-tableCell {
    vertical-align: top;
    display: block;
}

#wrapper.main .layoutWrap {
    max-width: 1280px;
    margin: 0 auto;
}

#wrapper.main .step1 {
    display: block;
    position: relative;
    overflow: hidden;
}

#wrapper.main .step1 .secArea1 {
    width: 1134px;
    height: 1134px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -445px;
}

#wrapper.main .step1 .secArea1 .scArea div {
    animation-name: main_ani1_1;
    animation-duration: 1s;
    animation-fill-mode: backwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.7, 1.39);
    transition: 0s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.7, 1.39);
}

#wrapper.main .step1 .secArea1 .scArea .sc1 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0) scale(0);
    top: 0;
    width: 1134px;
    height: 1134px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 23px rgba(0, 0, 0, 0.05);
    animation-delay: 0.5s;
}

#wrapper.main .step1 .secArea1 .scArea .sc2 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0) scale(0);
    top: 87px;
    width: 959px;
    height: 959px;
    border-radius: 50%;
    background: #F1F8FF;
    animation-delay: 0.4s;
}

#wrapper.main .step1 .secArea1 .scArea .sc3 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0) scale(0);
    top: 201px;
    width: 730px;
    height: 730px;
    border-radius: 50%;
    background: #E9EFFB;
    z-index: 2;
    animation-delay: 0.3s;
}

#wrapper.main .step1 .secArea1 .icoArea span {
    z-index: 1;
    opacity: 0;
    transition: 0.7s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.52, 1.3);
    animation-duration: 0.7s;
    animation-fill-mode: backwards;
    animation-timing-function: cubic-bezier(0.4, 0, 0.52, 1.3);
}

#wrapper.main .step1 .secArea1 .icoArea .ico1 {
    position: absolute;
    left: 58px;
    top: 545px;
    width: 86px;
    height: 85px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86.996 85.982'%3E%3Cg id='Icon_Discount' transform='translate(1 1.13)'%3E%3Cpath id='path_33933' data-name='path 33933' d='M297.816,66.3a4.363,4.363,0,0,1-2.864,5.443l-36.885,11.45a4.363,4.363,0,0,1-5.443-2.864L238.4,34.528a21.457,21.457,0,0,1-.548-8.44l2.414-13.975a7.819,7.819,0,0,1,4.9-5.576l17.006-5.28a7.844,7.844,0,0,1,7.2,1.816l9.858,10.06a21.375,21.375,0,0,1,4.332,7.259Z' transform='translate(-213.029 -1.001)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35631' data-name='path 35631' d='M271.079,79.453a4.014,4.014,0,0,1-3.806,4.173h-38.11a4.014,4.014,0,0,1-3.806-4.173V27.383a22.3,22.3,0,0,1,1.73-7.89l6.974-14.976A6.788,6.788,0,0,1,239.6.8H256.84a6.813,6.813,0,0,1,5.545,3.712l6.961,14.866a22.191,22.191,0,0,1,1.737,7.886Z' transform='translate(-220.941 0.225)' fill='%23fde77f'/%3E%3Cpath id='path_33936' data-name='path 33936' d='M275.5,79.453a4.186,4.186,0,0,1-4.174,4.173H229.531a4.186,4.186,0,0,1-4.173-4.173V27.383a20.648,20.648,0,0,1,1.9-7.89L234.9,4.516A7.5,7.5,0,0,1,240.973.8h18.908a7.527,7.527,0,0,1,6.081,3.712l7.633,14.866a20.552,20.552,0,0,1,1.905,7.886Z' transform='translate(-225.358 0.225)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_33937' data-name='path 33937' d='M244.216,8.626A4.423,4.423,0,1,1,239.79,4.2a4.423,4.423,0,0,1,4.425,4.426Z' transform='translate(-215.711 5.646)' fill='%23fff'/%3E%3Cg id='group_34406' data-name='group 34406' transform='translate(11.78 42.438)'%3E%3Cpath id='path_33938' data-name='path 33938' d='M240.976,25.126a4.615,4.615,0,1,1-4.619-4.61h0a4.612,4.612,0,0,1,4.617,4.608Z' transform='translate(-231.747 -20.516)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_33939' data-name='path 33939' d='M247.982,32.134a4.615,4.615,0,1,1-4.617-4.613A4.614,4.614,0,0,1,247.982,32.134Z' transform='translate(-223.517 -12.288)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='line_1310' data-name='line 1310' x1='20.525' y2='20.523' transform='translate(1.969 1.966)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cpath id='path_35151' data-name='path 35151' d='M0,30.219V0' transform='translate(39.733 29.137) rotate(90)' fill='none' stroke='%23002d62' stroke-linecap='round' stroke-width='2' stroke-dasharray='1 3'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/100%;
    transform: translate(170px, 0);
    animation-delay: 2.8s;
    animation-name: main_ani1_2_1;
}

#wrapper.main .step1 .secArea1 .icoArea .ico2 {
    position: absolute;
    left: 92px;
    top: 350px;
    width: 99px;
    height: 77px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.382 78.335'%3E%3Cg id='Icon_AKCard' transform='translate(1.005 1.005)'%3E%3Cpath id='path_35304' data-name='path 35304' d='M25.856,53.464,11.028,55.6a4.075,4.075,0,0,1-4.615-3.452L1.043,14.884A4.076,4.076,0,0,1,4.494,10.27L68.538,1.042a4.074,4.074,0,0,1,4.614,3.451L76.933,30.7' transform='translate(-1.001 -1)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='group_34359' data-name='group 34359' transform='translate(25.524 30.53)'%3E%3Cg id='group_34356' data-name='group 34356'%3E%3Crect id='rect_17505' data-name='rect 17505' width='72.853' height='45.8' rx='4' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='rect_17648' data-name='rect 17648' d='M4,0H67.759a0,0,0,0,1,0,0V40.781a4,4,0,0,1-4,4H0a0,0,0,0,1,0,0V4A4,4,0,0,1,4,0Z' transform='translate(5.093)' fill='%23003a7f'/%3E%3C/g%3E%3Cg id='group_34358' data-name='group 34358' transform='translate(25.332 28.004)'%3E%3Cpath id='path_35306' data-name='path 35306' d='M88.8,58.9,75.83,66.938V58.9H74.074V69.829l7.987-5.093,7.3,4.619h3.043l-8.9-5.451,8.31-5.006Z' transform='translate(-50.493 -58.452)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.4'/%3E%3Cpath id='path_35308' data-name='path 35308' d='M50.925,69.362h2.332l8.456-8.642,8.457,8.642H72.5l-10.778-10.9Z' transform='translate(-50.925 -58.461)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.4'/%3E%3C/g%3E%3C/g%3E%3Ccircle id='sc_2048' data-name='sc 2048' cx='4.075' cy='4.075' r='4.075' transform='translate(37.966 38.709)' fill='%23fde77f'/%3E%3Crect id='rect_17497' data-name='rect 17497' width='70.812' height='9.041' transform='translate(1.62 17.681) rotate(-8.197)' fill='%23fde77f'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: translate(150px, 90px);
    animation-delay: 3s;
    animation-name: main_ani1_2_2;
}

#wrapper.main .step1 .secArea1 .icoArea .ico3 {
    position: absolute;
    left: 210px;
    top: 156px;
    width: 122px;
    height: 77px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.516 77.141'%3E%3Cg id='Icon_Beverage' transform='translate(1.024)'%3E%3Cpath id='minus_10' data-name='minus 10' d='M9.775,38.75H0L.029,30.8H5.677a2.618,2.618,0,0,0,2.8-2.359V10.3a2.617,2.617,0,0,0-2.8-2.356H.111L.14,0H9.775a5.517,5.517,0,0,1,5.5,5.5V33.254a5.515,5.515,0,0,1-5.5,5.5Z' transform='translate(106.22 11.524)' fill='%23fff'/%3E%3Cpath id='path_35813' data-name='path 35813' d='M4.31,0H53.871V63.568H0V4.31A4.31,4.31,0,0,1,4.31,0Z' transform='translate(52.677 0)' fill='%23fff'/%3E%3Cg id='group_34620' data-name='group 34620' transform='translate(59.141 15.031)'%3E%3Cpath id='rect_17640' data-name='rect 17640' d='M4,0H47.407a0,0,0,0,1,0,0V47.407a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V4A4,4,0,0,1,4,0Z' fill='%23003a7f'/%3E%3Cline id='line_1533' data-name='line 1533' x1='10.774' y2='10.774' transform='translate(23.165 9.447)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1534' data-name='line 1534' x1='10.774' y2='10.774' transform='translate(25.319 19.635)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3Cg id='path_35628' data-name='path 35628' transform='translate(52.677 0)' fill='none'%3E%3Cpath d='M4.31,0H53.871V63.568H0V4.31A4.31,4.31,0,0,1,4.31,0Z' stroke='none'/%3E%3Cpath d='M 4.3096923828125 1.999996185302734 C 3.036121368408203 1.999996185302734 2 3.036113739013672 2 4.309684753417969 L 2 61.56786727905273 L 51.8710823059082 61.56786727905273 L 51.8710823059082 1.999996185302734 L 4.3096923828125 1.999996185302734 M 4.3096923828125 -3.814697265625e-06 L 53.8710823059082 -3.814697265625e-06 L 53.8710823059082 63.56786727905273 L 0 63.56786727905273 L 0 4.309684753417969 C 0 1.929515838623047 1.929512023925781 -3.814697265625e-06 4.3096923828125 -3.814697265625e-06 Z' stroke='none' fill='%23111'/%3E%3C/g%3E%3Cpath id='path_35179' data-name='path 35179' d='M83.844,74.8h9.775a5.515,5.515,0,0,0,5.5-5.5V41.547a5.515,5.515,0,0,0-5.5-5.5H83.982' transform='translate(22.375 -24.525)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35180' data-name='path 35180' d='M83.546,65.484h6.412a2.486,2.486,0,0,0,2.589-2.357V44.987a2.485,2.485,0,0,0-2.589-2.357H83.375' transform='translate(22.15 -23.158)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35187' data-name='path 35187' d='M16.928,84.176l-12.615-.4C.84,83.67-.242,81.666,1.9,79.323l7.523-8.2' transform='translate(1.407 -11.352)' fill='%23fde77f'/%3E%3Cpath id='path_35630' data-name='path 35630' d='M50.8,94.3a2.576,2.576,0,0,1-2.534,2.386H26.35A2.576,2.576,0,0,1,23.812,94.3L21.639,57.889a2.236,2.236,0,0,1,2.083-2.38c.058,0,.114-.005.172-.005H50.722a2.237,2.237,0,0,1,2.255,2.218c0,.055,0,.112-.005.167Z' transform='translate(5.779 -20.544)' fill='%23fff'/%3E%3Cpath id='path_35189' data-name='path 35189' d='M52.323,88.317l14.35-.513c3.947-.139,5.178-2.8,2.743-5.905L61.2,71.438' transform='translate(15.469 -15.513)' fill='%23fde77f'/%3E%3Cpath id='path_35186' data-name='path 35186' d='M28.334,89.843H20.551a4.331,4.331,0,0,1-3.45-1.859L7.87,71.788a2.257,2.257,0,0,1,.921-3.017L26.172,58.625' transform='translate(1.35 -14.654)' fill='%23fde77f'/%3E%3Cpath id='path_35188' data-name='path 35188' d='M43.737,94.7H51.47a4.218,4.218,0,0,0,3.45-2.151l9.235-18.741a2.834,2.834,0,0,0-.921-3.491l-17.1-11.551' transform='translate(12.758 -19.513)' fill='%23fde77f'/%3E%3Cpath id='path_35185' data-name='path 35185' d='M47.325,89.183a2.256,2.256,0,0,1-2.233,2.071h-19.3a2.256,2.256,0,0,1-2.236-2.071L21.639,57.574a1.951,1.951,0,0,1,1.835-2.066c.051,0,.1,0,.152,0H47.259a1.957,1.957,0,0,1,1.987,1.926c0,.048,0,.1,0,.145Z' transform='translate(9.51 -15.113)' fill='%23fde77f'/%3E%3Cpath id='path_35187-2' data-name='path 35187' d='M19.135,88.437,4.793,87.91C.846,87.765-.384,85.108,2.05,82L10.6,71.121' transform='translate(-0.8 -15.612)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35189-2' data-name='path 35189' d='M52.323,88.317l14.35-.513c3.947-.139,5.178-2.8,2.743-5.905L61.2,71.438' transform='translate(15.469 -15.513)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35186-2' data-name='path 35186' d='M28.334,94.747H20.551A4.218,4.218,0,0,1,17.1,92.6L7.87,73.856a2.834,2.834,0,0,1,.921-3.491L26.172,58.625' transform='translate(1.35 -19.558)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35188-2' data-name='path 35188' d='M43.737,94.7H51.47a4.218,4.218,0,0,0,3.45-2.151l9.235-18.741a2.834,2.834,0,0,0-.921-3.491l-17.1-11.551' transform='translate(12.758 -19.513)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35185-2' data-name='path 35185' d='M50.8,94.3a2.576,2.576,0,0,1-2.534,2.386H26.35A2.576,2.576,0,0,1,23.812,94.3L21.639,57.889a2.236,2.236,0,0,1,2.083-2.38c.058,0,.114-.005.172-.005H50.722a2.237,2.237,0,0,1,2.255,2.218c0,.055,0,.112-.005.167Z' transform='translate(5.779 -20.544)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: translate(122px, 140px);
    animation-delay: 3.2s;
    animation-name: main_ani1_2_3;
}

#wrapper.main .step1 .secArea1 .icoArea .ico4 {
    position: absolute;
    left: 524px;
    top: 48px;
    width: 87px;
    height: 87px;
    background: url("data:image/svg+xml,%3Csvg id='Icon_Mileage' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86.325 86.325'%3E%3Ccircle id='lsc_2149' data-name='lsc 2149' cx='43.162' cy='43.162' r='43.162' transform='translate(0 0)' fill='%23fff'/%3E%3Cellipse id='lsc_2123' data-name='lsc 2123' cx='38.242' cy='42.135' rx='38.242' ry='42.135' transform='translate(7.786 0)' fill='%23fde77f'/%3E%3Cg id='lsc_1951' data-name='lsc 1951' transform='translate(0 0)' fill='none' stroke='%23111' stroke-width='2'%3E%3Ccircle cx='43.162' cy='43.162' r='43.162' stroke='none'/%3E%3Ccircle cx='43.162' cy='43.162' r='42.162' fill='none'/%3E%3C/g%3E%3Cpath id='path_33561' data-name='path 33561' d='M5.731,33.295V6.361L21,22.073,36.389,6.24V33.295' transform='translate(21.578 23.836)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: translate(0, 158px);
    animation-delay: 3.4s;
    animation-name: main_ani1_2_4;
}

#wrapper.main .step1 .secArea1 .icoArea .ico5 {
    position: absolute;
    left: 832px;
    top: 153px;
    width: 90px;
    height: 84px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 91.93 85.277'%3E%3Cg id='Icon_Voucher' transform='translate(1 1)'%3E%3Cpath id='path_35811' data-name='path 35811' d='M1141.556,399.884l20.747-11.657v21.98Z' transform='translate(-1138.774 -362.558)' fill='%23fff'/%3E%3Cpath id='path_35812' data-name='path 35812' d='M1162.3,399.884l-20.747-11.657v21.98Z' transform='translate(-1075.012 -362.558)' fill='%23fff'/%3E%3Cpath id='path_35627' data-name='path 35627' d='M0,11.941,21.28.451' transform='translate(2.221 25.176)' fill='none' stroke='%23111' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1506' data-name='line 1506' x1='22.771' y1='11.99' transform='translate(65.51 25.127)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35626' data-name='path 35626' d='M22.344,5.945l-.152,45.249,17.609,9.3,20.383-10.9V5.238c0-2.453-.811-3.131-3.264-3.131L26.785,1.481a4.441,4.441,0,0,0-4.441,4.464' transform='translate(5.779 -1.481)' fill='%23003a7f'/%3E%3Cpath id='path_35292' data-name='path 35292' d='M22.329,5.945l.222,43.9L43.366,60.3,64.672,49.716,64.427,5.922a4.442,4.442,0,0,0-4.441-4.441H26.77a4.441,4.441,0,0,0-4.441,4.464' transform='translate(1.353 -1.481)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35294' data-name='path 35294' d='M84.268,81.04H7.662A6.662,6.662,0,0,1,1,74.378V37.406a2.22,2.22,0,0,1,3.241-1.972l40.147,20.78a3.423,3.423,0,0,0,3.15,0l40.151-20.78a2.22,2.22,0,0,1,3.241,1.972V74.378A6.662,6.662,0,0,1,84.268,81.04Z' transform='translate(-1 2.237)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='group_34404' data-name='group 34404' transform='translate(58.686 8.482) rotate(90)'%3E%3Cpath id='path_35252' data-name='path 35252' d='M10.241,0,1.221,5.591V0H0V7.6L5.555,4.06l5.077,3.211h2.116L6.559,3.481,12.337,0Z' transform='translate(17.62 0.309)' fill='%23fff' stroke='%23fff' stroke-width='0.6'/%3E%3Cpath id='path_35253' data-name='path 35253' d='M0,7.58H1.621L7.5,1.571l5.881,6.01h1.623L7.511,0Z' fill='%23fff' stroke='%23fff' stroke-width='0.6'/%3E%3C/g%3E%3Cg id='sc_2049' data-name='sc 2049' transform='translate(35.856 50.266)' fill='%23fde77f' stroke='%23111' stroke-width='2'%3E%3Ccircle cx='8.557' cy='8.557' r='8.557' stroke='none'/%3E%3Ccircle cx='8.557' cy='8.557' r='9.557' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: translate(-140px, 118px);
    animation-delay: 3.6s;
    animation-name: main_ani1_2_5;
}

#wrapper.main .step1 .secArea1 .icoArea .ico6 {
    position: absolute;
    left: 954px;
    top: 346px;
    width: 85px;
    height: 85px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 86.695 86.846'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='path_35410' data-name='path 35410' d='M80.077,38.119a4.027,4.027,0,0,0-3.957-3.825h-44.9a4.029,4.029,0,0,0-3.957,3.825l-2.84,42.37a4.052,4.052,0,0,0,3.957,4.4H78.959a4.052,4.052,0,0,0,3.957-4.4ZM43.468,42.578a2.611,2.611,0,0,1-3.3,2.578,2.583,2.583,0,0,1-1.763-1.79,2.608,2.608,0,1,1,5.062-.793ZM65.7,45.144a2.59,2.59,0,0,1-1.729-1.827,2.667,2.667,0,0,1,2.49-3.42h0a2.519,2.519,0,0,1,2.345,1.513A2.666,2.666,0,0,1,65.7,45.144Z' transform='translate(-24.416 -34.294)' fill='%23fffa9e'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Icon_ShoppingBag' transform='translate(1 1)'%3E%3Cpath id='path_35803' data-name='path 35803' d='M29.69,85.431l-24.572.04A4.11,4.11,0,0,1,1,81.36v-62.7A4.111,4.111,0,0,1,5.111,14.55H56.561a4.111,4.111,0,0,1,4.111,4.111V34.84' transform='translate(-1 -0.625)' fill='%23fff'/%3E%3Cpath id='path_35625' data-name='path 35625' d='M26.433,85.431l-21.782.04A3.9,3.9,0,0,1,1,81.36v-62.7A3.9,3.9,0,0,1,4.644,14.55h45.61A3.9,3.9,0,0,1,53.9,18.661V34.84' transform='translate(5.774 -0.625)' fill='%23013580'/%3E%3Cpath id='path_35299' data-name='path 35299' d='M29.69,85.431l-24.572.04A4.11,4.11,0,0,1,1,81.36v-62.7A4.111,4.111,0,0,1,5.111,14.55H56.561a4.111,4.111,0,0,1,4.111,4.111V34.84' transform='translate(-1 -0.625)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35302' data-name='path 35302' d='M82.093,38.119a4.109,4.109,0,0,0-4.1-3.825H31.47a4.111,4.111,0,0,0-4.1,3.825l-2.943,42.37a4.111,4.111,0,0,0,4.1,4.4H80.935a4.111,4.111,0,0,0,4.1-4.4ZM44.158,42.578a2.684,2.684,0,0,1-3.418,2.578,2.63,2.63,0,0,1-1.827-1.79,2.7,2.7,0,0,1,3.735-3.221,2.616,2.616,0,0,1,1.511,2.427ZM67.2,45.144a2.632,2.632,0,0,1-1.791-1.827,2.685,2.685,0,0,1,2.581-3.42h0a2.617,2.617,0,0,1,2.43,1.513A2.7,2.7,0,0,1,67.2,45.144Z' transform='translate(-0.352 -0.078)' fill='%23fff' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35295' data-name='path 35295' d='M18.822,22.858a2.685,2.685,0,0,1-3.42,2.577,2.633,2.633,0,0,1-1.825-1.79,2.7,2.7,0,0,1,3.731-3.222,2.619,2.619,0,0,1,1.514,2.431Z' transform='translate(-0.655 -0.469)' fill='%23fff' stroke='%23002d62' stroke-width='1'/%3E%3Cpath id='path_35296' data-name='path 35296' d='M18.822,22.858a2.685,2.685,0,0,1-3.42,2.577,2.633,2.633,0,0,1-1.825-1.79,2.7,2.7,0,0,1,3.731-3.222,2.619,2.619,0,0,1,1.514,2.431Z' transform='translate(-0.655 -0.469)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35297' data-name='path 35297' d='M46.5,21.691a2.7,2.7,0,0,1-3.225,3.736A2.635,2.635,0,0,1,41.481,23.6a2.687,2.687,0,0,1,2.583-3.421h0A2.62,2.62,0,0,1,46.5,21.691' transform='translate(0.118 -0.469)' fill='%23fff' stroke='%23002d62' stroke-width='1'/%3E%3Cpath id='path_35298' data-name='path 35298' d='M46.5,21.691a2.7,2.7,0,0,1-3.225,3.736A2.635,2.635,0,0,1,41.481,23.6a2.687,2.687,0,0,1,2.583-3.421h0A2.62,2.62,0,0,1,46.5,21.691Z' transform='translate(0.118 -0.469)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35300' data-name='path 35300' d='M44.766,20.8V17.1C44.766,7.236,38.34,1,30.414,1S16.069,7.237,16.069,17.1v3.7' transform='translate(-0.583 -1)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35303' data-name='path 35303' d='M67.529,44.961V48.5c0,5.273-5.939,9.557-13.257,9.557S41.015,53.773,41.015,48.5V44.961' transform='translate(0.108 0.217)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35634' data-name='path 35634' d='M2.306,0H52.25l.758,10.277H1.335Z' transform='translate(30.144 61.712)' fill='%23fde77f'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: translate(-150px, 58px);
    animation-delay: 3.8s;
    animation-name: main_ani1_2_6;
}

#wrapper.main .step1 .secArea1 .icoArea .ico7 {
    position: absolute;
    left: 1003px;
    top: 545px;
    width: 84px;
    height: 86px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 95.066 98.599'%3E%3Cg id='Icon_Cinema' transform='translate(1.002 1.004)'%3E%3Cpath id='path_35801' data-name='path 35801' d='M74.253,32.265l2.031-20.1a1.975,1.975,0,0,0-2-2.217L6.505,9.96a1.956,1.956,0,0,0-1.982,2.217L11.8,77.951a2.553,2.553,0,0,0,2.472,2.217H66.612a2.587,2.587,0,0,0,2.5-2.213l3.256-26.977' transform='translate(-4.51 16.428)' fill='%23fff'/%3E%3Cpath id='path_35802' data-name='path 35802' d='M74.327,30.322a5.34,5.34,0,0,0-3.742-7.844,7.543,7.543,0,0,0,.368-2.209,7.443,7.443,0,0,0-11.3-6.387,6.4,6.4,0,0,0-8.9-2.981A10.315,10.315,0,0,0,31.4,9.582a7.107,7.107,0,0,0-11.043,5.659c0,.016,0,.036,0,.049a4.52,4.52,0,0,0-.453-.065,5,5,0,0,0-5.149,4.28,6.009,6.009,0,0,0-3.046-.671A7.025,7.025,0,0,0,5.883,29.775' transform='translate(-3.961 -3.425)' fill='%23fff'/%3E%3Cpath id='path_35632' data-name='path 35632' d='M67.9,28.117A4.961,4.961,0,0,0,68.5,25.74a4.887,4.887,0,0,0-4-4.824,7,7,0,0,0,.334-2.028,6.813,6.813,0,0,0-6.774-6.851,6.668,6.668,0,0,0-3.481.988A5.779,5.779,0,0,0,46.5,10.288,9.328,9.328,0,0,0,28.934,9.077a6.437,6.437,0,0,0-3.282-1.088,6.511,6.511,0,0,0-6.741,6.283c0,.015,0,.033,0,.045a4.06,4.06,0,0,0-.411-.059,4.553,4.553,0,0,0-4.674,3.929,5.4,5.4,0,0,0-2.765-.616A6.464,6.464,0,0,0,5.773,27.615' transform='translate(2.53 -1.22)' fill='%23fde77f'/%3E%3Cpath id='path_35099' data-name='path 35099' d='M74.327,30.322a5.34,5.34,0,0,0-3.742-7.844,7.543,7.543,0,0,0,.368-2.209,7.443,7.443,0,0,0-11.3-6.387,6.4,6.4,0,0,0-8.9-2.981A10.315,10.315,0,0,0,31.4,9.582a7.107,7.107,0,0,0-11.043,5.659c0,.016,0,.036,0,.049a4.52,4.52,0,0,0-.453-.065,5,5,0,0,0-5.149,4.28,6.009,6.009,0,0,0-3.046-.671A7.025,7.025,0,0,0,5.883,29.775' transform='translate(-3.961 -3.425)' fill='rgba(255,255,255,0)' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35633' data-name='path 35633' d='M68.294,32.265l1.857-20.1a1.915,1.915,0,0,0-1.831-2.217L6.335,9.96a1.9,1.9,0,0,0-1.813,2.217l6.659,65.774a2.422,2.422,0,0,0,2.26,2.217H61.305a2.451,2.451,0,0,0,2.283-2.213l2.978-26.977' transform='translate(1.624 16.428)' fill='%23013580'/%3E%3Cline id='line_1596' data-name='line 1596' x2='3.281' y2='69.362' transform='translate(17.767 26.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='line_1597' data-name='line 1597' y2='69.362' transform='translate(35.881 26.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='line_1598' data-name='line 1598' x1='3.281' y2='69.544' transform='translate(50.711 26.711)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35091' data-name='path 35091' d='M8.9,10.073' transform='translate(8.865 16.82)' fill='none' stroke='%23434867' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35092' data-name='path 35092' d='M13.38,10.073' transform='translate(22.502 16.82)' fill='none' stroke='%23434867' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35093' data-name='path 35093' d='M17.857,10.073' transform='translate(36.135 16.82)' fill='none' stroke='%23434867' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35094' data-name='path 35094' d='M26.354,9.359a4.672,4.672,0,0,0-3.062-3.188A5.028,5.028,0,0,0,17.1,9.8a3.433,3.433,0,0,0-3.074-1.432,3.131,3.131,0,0,0-2.84,2.083' transform='translate(15.83 4.371)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35095' data-name='path 35095' d='M16.85,9.027a3.62,3.62,0,0,1,6.5.8' transform='translate(33.068 8.485)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35096' data-name='path 35096' d='M33.2,15.358a3.781,3.781,0,0,0-1.084.562,4.059,4.059,0,0,0-.162-1.214,3.913,3.913,0,1,0-7.463,2.358,3.861,3.861,0,0,0,1.549,2.055,3.906,3.906,0,1,0,6.828,3.564,3.906,3.906,0,1,0,.332-7.326Z' transform='translate(55.775 22.606)' fill='%23fde77f'/%3E%3Cpath id='path_35328' data-name='path 35328' d='M0,0H50.681L48.429,17.7H2.252Z' transform='translate(11.466 47.578)' fill='%23013580'/%3E%3Cpath id='path_35329' data-name='path 35329' d='M85.9,58.9,75.484,65.354V58.9H74.074v8.777l6.414-4.09,5.864,3.708h2.443l-7.147-4.377L88.321,58.9Z' transform='translate(-35.731 -6.682)' fill='%23fff' stroke='%23fff' stroke-width='0.4'/%3E%3Cpath id='path_35330' data-name='path 35330' d='M50.925,67.214H52.8l6.79-6.939,6.791,6.939h1.875L59.6,58.461Z' transform='translate(-31.517 -6.603)' fill='%23fff' stroke='%23fff' stroke-width='0.4'/%3E%3Cpath id='path_35090' data-name='path 35090' d='M74.253,32.265l2.031-20.1a1.975,1.975,0,0,0-2-2.217L6.505,9.96a1.956,1.956,0,0,0-1.982,2.217L11.8,77.951a2.553,2.553,0,0,0,2.472,2.217H66.612a2.587,2.587,0,0,0,2.5-2.213l3.256-26.977' transform='translate(-4.51 16.428)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='group_34407' data-name='group 34407' transform='translate(59.72 48.694)'%3E%3Cpath id='path_35097' data-name='path 35097' d='M29.689,15.82a4.379,4.379,0,0,0-6.1,4.571,5.4,5.4,0,0,0-1.052,10.242,5.325,5.325,0,0,0,2.779.384,4.386,4.386,0,0,0,8.244.5,4.317,4.317,0,0,0,.356-1.788,5.387,5.387,0,0,0-1.642-10.647A4.414,4.414,0,0,0,29.689,15.82Z' transform='translate(-19.273 -15.463)' fill='%23fde77f'/%3E%3Cpath id='path_35098' data-name='path 35098' d='M22.2,21.756a5.473,5.473,0,0,0,.773-5.683' transform='translate(-11.537 -11.245)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: translate(-170px, 0px);
    animation-delay: 4s;
    animation-name: main_ani1_2_7;
}

#wrapper.main .step1 .secArea1 .centerArea {
    position: absolute;
    left: 50%;
    top: 233px;
    transform: translateX(-50%);
    z-index: 3;
}

#wrapper.main .step1 .secArea1 .centerArea .textArea {
    margin-bottom: 30px;
}

#wrapper.main .step1 .secArea1 .centerArea .textArea h2 {
    margin-bottom: 18px;
    line-height: 63px;
    font-size: 57px;
    font-weight: 700;
    font-family: "Gotham", sans-serif;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: 1s;
    transition-delay: 0s;
    animation-duration: 1s;
    animation-fill-mode: backwards;
    animation-name: main_ani1_3_1;
    animation-delay: 1.8s;
}

#wrapper.main .step1 .secArea1 .centerArea .textArea p {
    font-size: 21px;
    font-family: "Noto Sans KR", sans-serif;
    line-height: 30px;
    opacity: 0;
    transform: translateY(10px);
    transition: 1s;
    transition-delay: 0s;
    animation-duration: 1s;
    animation-fill-mode: backwards;
    animation-name: main_ani1_3_2;
    animation-delay: 2s;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea {
    width: 442px;
    height: 316px;
    padding: 30px 52px 0;
    border-radius: 27px;
    background: #fff;
    box-shadow: 0 12px 15px rgba(0, 0, 0, 0.06);
    transform: translateY(100%);
    transition: 0.6s;
    animation-duration: 0.6s;
    animation-fill-mode: backwards;
    animation-name: main_ani1_4;
    animation-delay: 2.2s;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .topArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .topArea span {
    display: block;
    padding-right: 18px;
    font-size: 22px;
    font-family: "Gotham", sans-serif;
    color: #666;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .topArea span {
    position: relative;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .topArea span:after {
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    width: 8px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.061 10.707'%3E%3Cpath id='Icon_Arrow_Right_10' d='M5,10,0,5,5,0' transform='translate(5.354 10.354) rotate(180)' fill='none' stroke='%23666' stroke-width='1'/%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .topArea strong {
    display: block;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .topArea strong em {
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    font-family: "Noto Sans KR", sans-serif;
    line-height: 49px;
    z-index: 1;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .topArea strong em {
    position: relative;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .topArea strong em:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 16px;
    background: #dff4bb;
    z-index: -1;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .topArea strong i {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    font-family: "Noto Sans KR", sans-serif;
    line-height: 30px;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .barcodeArea {
    margin-bottom: 14px;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .barcodeArea .barcode {
    display: block;
    position: relative;
    width: 333px;
    margin: 0 auto;
    height: 95px;
    background: url(/static/images/main/barcode2.png) no-repeat 0 0;
    overflow: hidden;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .barcodeArea .barcode .lineArea1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 34px;
    background: linear-gradient(#2a85f1 0%, rgba(42, 133, 241, 0) 100%);
    opacity: 0.8;
    transform: translateY(calc(100% + 95px));
    transition: 3s;
    animation-duration: 3s;
    animation-fill-mode: backwards;
    animation-name: main_ani1_5_1;
    animation-delay: 4.5s;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .barcodeArea .barcode .lineArea1 i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: #0075ff;
    z-index: 1;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .barcodeArea .barcode .lineArea2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 34px;
    background: linear-gradient(rgba(42, 133, 241, 0) 0%, #2a85f1 100%);
    opacity: 0.8;
    transform: translateY(calc(-100% - 95px));
    transition: 3s;
    animation-duration: 3s;
    animation-fill-mode: backwards;
    animation-name: main_ani1_5_2;
    animation-delay: 5.5s;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .barcodeArea .barcode .lineArea2 i {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0075ff;
    z-index: 1;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .numArea {
    display: flex;
    justify-content: center;
    text-align: center;
    color: #aaa;
}

#wrapper.main .step1 .secArea1 .centerArea .cardArea .numArea i {
    margin: 0 4px;
    font-size: 14px;
    font-family: "Noto Sans KR", sans-serif;
}

#wrapper.main .step1.active .secArea1 .scArea div {
    transition: 1s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.7, 1.39);
}

#wrapper.main .step1.active .secArea1 .scArea .sc1 {
    transform: translate(-50%, 0) scale(1);
    transition-delay: 0.5s;
}

#wrapper.main .step1.active .secArea1 .scArea .sc2 {
    transform: translate(-50%, 0) scale(1);
    transition-delay: 0.4s;
}

#wrapper.main .step1.active .secArea1 .scArea .sc3 {
    transform: translate(-50%, 0) scale(1);
    transition-delay: 0.3s;
}

#wrapper.main .step1.active .secArea1 .icoArea .ico1 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 2.8s;
}

#wrapper.main .step1.active .secArea1 .icoArea .ico2 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 3s;
}

#wrapper.main .step1.active .secArea1 .icoArea .ico3 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 3.2s;
}

#wrapper.main .step1.active .secArea1 .icoArea .ico4 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 3.4s;
}

#wrapper.main .step1.active .secArea1 .icoArea .ico5 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 3.6s;
}

#wrapper.main .step1.active .secArea1 .icoArea .ico6 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 3.8s;
}

#wrapper.main .step1.active .secArea1 .icoArea .ico7 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 4s;
}

#wrapper.main .step1.active .secArea1 .centerArea .textArea h2 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.8s;
}

#wrapper.main .step1.active .secArea1 .centerArea .textArea p {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 2s;
}

#wrapper.main .step1.active .secArea1 .centerArea .cardArea {
    transform: translateY(0);
    transition-delay: 2.2s;
}

#wrapper.main .step1.active .secArea1 .centerArea .cardArea .barcodeArea .barcode .lineArea1 {
    transform: translateY(-95px);
    transition-delay: 4.5s;
}

#wrapper.main .step1.active .secArea1 .centerArea .cardArea .barcodeArea .barcode .lineArea2 {
    transform: translateY(95px);
    transition-delay: 5.5s;
}

#wrapper.main .step2 .layoutWrap {
    display: flex;
    position: relative;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

#wrapper.main .step2 .layoutWrap .phoneArea {
    position: relative;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone {
    display: block;
    position: relative;
    width: 425px;
    height: 595px;
    margin-left: -21px;
    background: url(/static/images/main/phone3.png) no-repeat 0 0;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone strong {
    position: absolute;
    top: 318px;
    right: 52px;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone strong em {
    display: inline-block;
    position: relative;
    font-size: 23px;
    font-weight: 700;
    font-family: "Noto Sans KR", sans-serif;
    line-height: 26px;
    z-index: 1;
    height: 26px;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone strong em span {
    position: absolute !important;
    right: 0;
    top: 0;
    line-height: 26px;
    transition: 0.8s;
    opacity: 0;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone strong em span {
    position: relative;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone strong em span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 12px;
    background: #d1fc84;
    z-index: -1;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone strong em span.on {
    opacity: 1;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone strong i {
    display: inline-block;
    margin-left: 2px;
    font-size: 14px;
    font-weight: 700;
    font-family: "Noto Sans KR", sans-serif;
    line-height: 19px;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone {
    position: absolute;
    left: 84px;
    top: 70px;
    width: 258px;
    height: 211px;
    background: #fff;
    overflow: hidden;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone ul {
    display: flex;
    position: absolute;
    left: 330px;
    top: 46px;
    height: 87px;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone ul li {
    position: absolute;
    left: 0;
    bottom: 0;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone ul li span {
    display: block;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone ul li .ico1 {
    width: 87px;
    height: 87px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128.908 129.133'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='path_36565' data-name='path 36565' d='M107.818,40.025a6.034,6.034,0,0,0-5.929-5.731H34.616a6.036,6.036,0,0,0-5.929,5.731l-4.256,63.487A6.072,6.072,0,0,0,30.36,110.1h75.784a6.072,6.072,0,0,0,5.929-6.586ZM52.963,46.707A3.912,3.912,0,0,1,48.02,50.57a3.871,3.871,0,0,1-2.642-2.682A3.908,3.908,0,1,1,52.963,46.7ZM86.28,50.552a3.881,3.881,0,0,1-2.59-2.738,4,4,0,0,1,3.731-5.125h0a3.774,3.774,0,0,1,3.514,2.267A3.994,3.994,0,0,1,86.28,50.552Z' transform='translate(-24.416 -34.294)' fill='%23fffa9e'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='group_37393' data-name='group 37393' transform='translate(1 1)'%3E%3Cpath id='path_36554' data-name='path 36554' d='M43.989,120.758l-36.818.06A6.159,6.159,0,0,1,1,114.659V20.709A6.16,6.16,0,0,1,7.159,14.55H84.253a6.16,6.16,0,0,1,6.16,6.159V44.953' transform='translate(-1 6.315)' fill='%23fff'/%3E%3Cpath id='path_36555' data-name='path 36555' d='M43.988,120.758l-36.818.06A6.159,6.159,0,0,1,1,114.659V20.709A6.16,6.16,0,0,1,7.159,14.55H84.253a6.16,6.16,0,0,1,6.159,6.159V44.953' transform='translate(-1 6.315)' fill='%23fff'/%3E%3Cpath id='path_36556' data-name='path 36556' d='M39.657,120.758l-33.109.06C3.486,120.824,1,118.065,1,114.659V20.709c0-3.4,2.48-6.159,5.539-6.159H75.865c3.059,0,5.539,2.758,5.539,6.159V44.953' transform='translate(8.008 6.315)' fill='%23fde77f'/%3E%3Cpath id='path_36557' data-name='path 36557' d='M43.989,120.758l-36.818.06A6.159,6.159,0,0,1,1,114.659V20.709A6.16,6.16,0,0,1,7.159,14.55H84.253a6.16,6.16,0,0,1,6.159,6.159V44.953' transform='translate(-1 6.315)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_36558' data-name='path 36558' d='M110.84,40.025a6.157,6.157,0,0,0-6.144-5.731H34.986a6.159,6.159,0,0,0-6.144,5.731l-4.41,63.487a6.159,6.159,0,0,0,6.144,6.586H109.1a6.159,6.159,0,0,0,6.144-6.586ZM54,46.707a4.022,4.022,0,0,1-5.122,3.864,3.941,3.941,0,0,1-2.738-2.682,4.045,4.045,0,0,1,5.6-4.826A3.92,3.92,0,0,1,54,46.7Zm34.524,3.845a3.943,3.943,0,0,1-2.684-2.738A4.023,4.023,0,0,1,89.7,42.689h0a3.921,3.921,0,0,1,3.642,2.267A4.046,4.046,0,0,1,88.521,50.552Z' transform='translate(11.642 16.974)' fill='%23fff' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_36559' data-name='path 36559' d='M21.493,24.194a4.023,4.023,0,0,1-5.125,3.862,3.945,3.945,0,0,1-2.735-2.682,4.044,4.044,0,0,1,5.591-4.827,3.924,3.924,0,0,1,2.268,3.643Z' transform='translate(5.729 9.353)' fill='%23fff' stroke='%23002d62' stroke-width='1'/%3E%3Cpath id='path_36560' data-name='path 36560' d='M21.493,24.194a4.023,4.023,0,0,1-5.125,3.862,3.945,3.945,0,0,1-2.735-2.682,4.044,4.044,0,0,1,5.591-4.827,3.924,3.924,0,0,1,2.268,3.643Z' transform='translate(5.729 9.353)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_36561' data-name='path 36561' d='M49.046,22.445a4.048,4.048,0,0,1-4.832,5.6A3.948,3.948,0,0,1,41.53,25.3a4.026,4.026,0,0,1,3.87-5.126h0a3.926,3.926,0,0,1,3.643,2.268' transform='translate(20.801 9.353)' fill='%23fff' stroke='%23002d62' stroke-width='1'/%3E%3Cpath id='path_36562' data-name='path 36562' d='M49.046,22.445a4.048,4.048,0,0,1-4.832,5.6A3.948,3.948,0,0,1,41.53,25.3a4.026,4.026,0,0,1,3.87-5.126h0A3.926,3.926,0,0,1,49.046,22.445Z' transform='translate(20.801 9.353)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_36563' data-name='path 36563' d='M59.068,30.67V25.127C59.068,10.344,49.44,1,37.564,1s-21.5,9.345-21.5,24.127V30.67' transform='translate(7.135 -1)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_36564' data-name='path 36564' d='M80.744,44.961v5.3c0,7.9-8.9,14.321-19.864,14.321S41.015,58.165,41.015,50.257v-5.3' transform='translate(20.603 22.733)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_36566' data-name='path 36566' d='M2.79,0H77.626l1.135,15.4H1.335Z' transform='translate(46.316 92.469)' fill='%23013580'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone ul li .ico2 {
    width: 81px;
    height: 80px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86.996 85.982'%3E%3Cg id='Icon_Discount' transform='translate(1 1.13)'%3E%3Cpath id='path_33933' data-name='path 33933' d='M297.816,66.3a4.363,4.363,0,0,1-2.864,5.443l-36.885,11.45a4.363,4.363,0,0,1-5.443-2.864L238.4,34.528a21.457,21.457,0,0,1-.548-8.44l2.414-13.975a7.819,7.819,0,0,1,4.9-5.576l17.006-5.28a7.844,7.844,0,0,1,7.2,1.816l9.858,10.06a21.375,21.375,0,0,1,4.332,7.259Z' transform='translate(-213.029 -1.001)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35631' data-name='path 35631' d='M271.079,79.453a4.014,4.014,0,0,1-3.806,4.173h-38.11a4.014,4.014,0,0,1-3.806-4.173V27.383a22.3,22.3,0,0,1,1.73-7.89l6.974-14.976A6.788,6.788,0,0,1,239.6.8H256.84a6.813,6.813,0,0,1,5.545,3.712l6.961,14.866a22.191,22.191,0,0,1,1.737,7.886Z' transform='translate(-220.941 0.225)' fill='%23fde77f'/%3E%3Cpath id='path_33936' data-name='path 33936' d='M275.5,79.453a4.186,4.186,0,0,1-4.174,4.173H229.531a4.186,4.186,0,0,1-4.173-4.173V27.383a20.648,20.648,0,0,1,1.9-7.89L234.9,4.516A7.5,7.5,0,0,1,240.973.8h18.908a7.527,7.527,0,0,1,6.081,3.712l7.633,14.866a20.552,20.552,0,0,1,1.905,7.886Z' transform='translate(-225.358 0.225)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_33937' data-name='path 33937' d='M244.216,8.626A4.423,4.423,0,1,1,239.79,4.2a4.423,4.423,0,0,1,4.425,4.426Z' transform='translate(-215.711 5.646)' fill='%23fff'/%3E%3Cg id='group_34406' data-name='group 34406' transform='translate(11.78 42.438)'%3E%3Cpath id='path_33938' data-name='path 33938' d='M240.976,25.126a4.615,4.615,0,1,1-4.619-4.61h0a4.612,4.612,0,0,1,4.617,4.608Z' transform='translate(-231.747 -20.516)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_33939' data-name='path 33939' d='M247.982,32.134a4.615,4.615,0,1,1-4.617-4.613A4.614,4.614,0,0,1,247.982,32.134Z' transform='translate(-223.517 -12.288)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='line_1310' data-name='line 1310' x1='20.525' y2='20.523' transform='translate(1.969 1.966)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cpath id='path_35151' data-name='path 35151' d='M0,30.219V0' transform='translate(39.733 29.137) rotate(90)' fill='none' stroke='%23002d62' stroke-linecap='round' stroke-width='2' stroke-dasharray='1 3'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone ul li .ico3 {
    width: 105px;
    height: 82px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.382 78.335'%3E%3Cg id='Icon_AKCard' transform='translate(1.005 1.005)'%3E%3Cpath id='path_35304' data-name='path 35304' d='M25.856,53.464,11.028,55.6a4.075,4.075,0,0,1-4.615-3.452L1.043,14.884A4.076,4.076,0,0,1,4.494,10.27L68.538,1.042a4.074,4.074,0,0,1,4.614,3.451L76.933,30.7' transform='translate(-1.001 -1)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='group_34359' data-name='group 34359' transform='translate(25.524 30.53)'%3E%3Cg id='group_34356' data-name='group 34356'%3E%3Crect id='rect_17505' data-name='rect 17505' width='72.853' height='45.8' rx='4' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='rect_17648' data-name='rect 17648' d='M4,0H67.759a0,0,0,0,1,0,0V40.781a4,4,0,0,1-4,4H0a0,0,0,0,1,0,0V4A4,4,0,0,1,4,0Z' transform='translate(5.093)' fill='%23003a7f'/%3E%3C/g%3E%3Cg id='group_34358' data-name='group 34358' transform='translate(25.332 28.004)'%3E%3Cpath id='path_35306' data-name='path 35306' d='M88.8,58.9,75.83,66.938V58.9H74.074V69.829l7.987-5.093,7.3,4.619h3.043l-8.9-5.451,8.31-5.006Z' transform='translate(-50.493 -58.452)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.4'/%3E%3Cpath id='path_35308' data-name='path 35308' d='M50.925,69.362h2.332l8.456-8.642,8.457,8.642H72.5l-10.778-10.9Z' transform='translate(-50.925 -58.461)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.4'/%3E%3C/g%3E%3C/g%3E%3Ccircle id='sc_2048' data-name='sc 2048' cx='4.075' cy='4.075' r='4.075' transform='translate(37.966 38.709)' fill='%23fde77f'/%3E%3Crect id='rect_17497' data-name='rect 17497' width='70.812' height='9.041' transform='translate(1.62 17.681) rotate(-8.197)' fill='%23fde77f'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone ul li .ico4 {
    width: 81px;
    height: 75px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 91.93 85.277'%3E%3Cg id='Icon_Voucher' transform='translate(1 1)'%3E%3Cpath id='path_35811' data-name='path 35811' d='M1141.556,399.884l20.747-11.657v21.98Z' transform='translate(-1138.774 -362.558)' fill='%23fff'/%3E%3Cpath id='path_35812' data-name='path 35812' d='M1162.3,399.884l-20.747-11.657v21.98Z' transform='translate(-1075.012 -362.558)' fill='%23fff'/%3E%3Cpath id='path_35627' data-name='path 35627' d='M0,11.941,21.28.451' transform='translate(2.221 25.176)' fill='none' stroke='%23111' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1506' data-name='line 1506' x1='22.771' y1='11.99' transform='translate(65.51 25.127)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35626' data-name='path 35626' d='M22.344,5.945l-.152,45.249,17.609,9.3,20.383-10.9V5.238c0-2.453-.811-3.131-3.264-3.131L26.785,1.481a4.441,4.441,0,0,0-4.441,4.464' transform='translate(5.779 -1.481)' fill='%23003a7f'/%3E%3Cpath id='path_35292' data-name='path 35292' d='M22.329,5.945l.222,43.9L43.366,60.3,64.672,49.716,64.427,5.922a4.442,4.442,0,0,0-4.441-4.441H26.77a4.441,4.441,0,0,0-4.441,4.464' transform='translate(1.353 -1.481)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35294' data-name='path 35294' d='M84.268,81.04H7.662A6.662,6.662,0,0,1,1,74.378V37.406a2.22,2.22,0,0,1,3.241-1.972l40.147,20.78a3.423,3.423,0,0,0,3.15,0l40.151-20.78a2.22,2.22,0,0,1,3.241,1.972V74.378A6.662,6.662,0,0,1,84.268,81.04Z' transform='translate(-1 2.237)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='group_34404' data-name='group 34404' transform='translate(58.686 8.482) rotate(90)'%3E%3Cpath id='path_35252' data-name='path 35252' d='M10.241,0,1.221,5.591V0H0V7.6L5.555,4.06l5.077,3.211h2.116L6.559,3.481,12.337,0Z' transform='translate(17.62 0.309)' fill='%23fff' stroke='%23fff' stroke-width='0.6'/%3E%3Cpath id='path_35253' data-name='path 35253' d='M0,7.58H1.621L7.5,1.571l5.881,6.01h1.623L7.511,0Z' fill='%23fff' stroke='%23fff' stroke-width='0.6'/%3E%3C/g%3E%3Cg id='sc_2049' data-name='sc 2049' transform='translate(35.856 50.266)' fill='%23fde77f' stroke='%23111' stroke-width='2'%3E%3Ccircle cx='8.557' cy='8.557' r='8.557' stroke='none'/%3E%3Ccircle cx='8.557' cy='8.557' r='9.557' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone ul li .ico5 {
    width: 116px;
    height: 73px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.516 77.141'%3E%3Cg id='Icon_Beverage' transform='translate(1.024)'%3E%3Cpath id='minus_10' data-name='minus 10' d='M9.775,38.75H0L.029,30.8H5.677a2.618,2.618,0,0,0,2.8-2.359V10.3a2.617,2.617,0,0,0-2.8-2.356H.111L.14,0H9.775a5.517,5.517,0,0,1,5.5,5.5V33.254a5.515,5.515,0,0,1-5.5,5.5Z' transform='translate(106.22 11.524)' fill='%23fff'/%3E%3Cpath id='path_35813' data-name='path 35813' d='M4.31,0H53.871V63.568H0V4.31A4.31,4.31,0,0,1,4.31,0Z' transform='translate(52.677 0)' fill='%23fff'/%3E%3Cg id='group_34620' data-name='group 34620' transform='translate(59.141 15.031)'%3E%3Cpath id='rect_17640' data-name='rect 17640' d='M4,0H47.407a0,0,0,0,1,0,0V47.407a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V4A4,4,0,0,1,4,0Z' fill='%23003a7f'/%3E%3Cline id='line_1533' data-name='line 1533' x1='10.774' y2='10.774' transform='translate(23.165 9.447)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1534' data-name='line 1534' x1='10.774' y2='10.774' transform='translate(25.319 19.635)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3Cg id='path_35628' data-name='path 35628' transform='translate(52.677 0)' fill='none'%3E%3Cpath d='M4.31,0H53.871V63.568H0V4.31A4.31,4.31,0,0,1,4.31,0Z' stroke='none'/%3E%3Cpath d='M 4.3096923828125 1.999996185302734 C 3.036121368408203 1.999996185302734 2 3.036113739013672 2 4.309684753417969 L 2 61.56786727905273 L 51.8710823059082 61.56786727905273 L 51.8710823059082 1.999996185302734 L 4.3096923828125 1.999996185302734 M 4.3096923828125 -3.814697265625e-06 L 53.8710823059082 -3.814697265625e-06 L 53.8710823059082 63.56786727905273 L 0 63.56786727905273 L 0 4.309684753417969 C 0 1.929515838623047 1.929512023925781 -3.814697265625e-06 4.3096923828125 -3.814697265625e-06 Z' stroke='none' fill='%23111'/%3E%3C/g%3E%3Cpath id='path_35179' data-name='path 35179' d='M83.844,74.8h9.775a5.515,5.515,0,0,0,5.5-5.5V41.547a5.515,5.515,0,0,0-5.5-5.5H83.982' transform='translate(22.375 -24.525)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35180' data-name='path 35180' d='M83.546,65.484h6.412a2.486,2.486,0,0,0,2.589-2.357V44.987a2.485,2.485,0,0,0-2.589-2.357H83.375' transform='translate(22.15 -23.158)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35187' data-name='path 35187' d='M16.928,84.176l-12.615-.4C.84,83.67-.242,81.666,1.9,79.323l7.523-8.2' transform='translate(1.407 -11.352)' fill='%23fde77f'/%3E%3Cpath id='path_35630' data-name='path 35630' d='M50.8,94.3a2.576,2.576,0,0,1-2.534,2.386H26.35A2.576,2.576,0,0,1,23.812,94.3L21.639,57.889a2.236,2.236,0,0,1,2.083-2.38c.058,0,.114-.005.172-.005H50.722a2.237,2.237,0,0,1,2.255,2.218c0,.055,0,.112-.005.167Z' transform='translate(5.779 -20.544)' fill='%23fff'/%3E%3Cpath id='path_35189' data-name='path 35189' d='M52.323,88.317l14.35-.513c3.947-.139,5.178-2.8,2.743-5.905L61.2,71.438' transform='translate(15.469 -15.513)' fill='%23fde77f'/%3E%3Cpath id='path_35186' data-name='path 35186' d='M28.334,89.843H20.551a4.331,4.331,0,0,1-3.45-1.859L7.87,71.788a2.257,2.257,0,0,1,.921-3.017L26.172,58.625' transform='translate(1.35 -14.654)' fill='%23fde77f'/%3E%3Cpath id='path_35188' data-name='path 35188' d='M43.737,94.7H51.47a4.218,4.218,0,0,0,3.45-2.151l9.235-18.741a2.834,2.834,0,0,0-.921-3.491l-17.1-11.551' transform='translate(12.758 -19.513)' fill='%23fde77f'/%3E%3Cpath id='path_35185' data-name='path 35185' d='M47.325,89.183a2.256,2.256,0,0,1-2.233,2.071h-19.3a2.256,2.256,0,0,1-2.236-2.071L21.639,57.574a1.951,1.951,0,0,1,1.835-2.066c.051,0,.1,0,.152,0H47.259a1.957,1.957,0,0,1,1.987,1.926c0,.048,0,.1,0,.145Z' transform='translate(9.51 -15.113)' fill='%23fde77f'/%3E%3Cpath id='path_35187-2' data-name='path 35187' d='M19.135,88.437,4.793,87.91C.846,87.765-.384,85.108,2.05,82L10.6,71.121' transform='translate(-0.8 -15.612)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35189-2' data-name='path 35189' d='M52.323,88.317l14.35-.513c3.947-.139,5.178-2.8,2.743-5.905L61.2,71.438' transform='translate(15.469 -15.513)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35186-2' data-name='path 35186' d='M28.334,94.747H20.551A4.218,4.218,0,0,1,17.1,92.6L7.87,73.856a2.834,2.834,0,0,1,.921-3.491L26.172,58.625' transform='translate(1.35 -19.558)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35188-2' data-name='path 35188' d='M43.737,94.7H51.47a4.218,4.218,0,0,0,3.45-2.151l9.235-18.741a2.834,2.834,0,0,0-.921-3.491l-17.1-11.551' transform='translate(12.758 -19.513)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35185-2' data-name='path 35185' d='M50.8,94.3a2.576,2.576,0,0,1-2.534,2.386H26.35A2.576,2.576,0,0,1,23.812,94.3L21.639,57.889a2.236,2.236,0,0,1,2.083-2.38c.058,0,.114-.005.172-.005H50.722a2.237,2.237,0,0,1,2.255,2.218c0,.055,0,.112-.005.167Z' transform='translate(5.779 -20.544)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone ul li .ico6 {
    width: 82px;
    height: 84px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 95.066 98.599'%3E%3Cg id='Icon_Cinema' transform='translate(1.002 1.004)'%3E%3Cpath id='path_35801' data-name='path 35801' d='M74.253,32.265l2.031-20.1a1.975,1.975,0,0,0-2-2.217L6.505,9.96a1.956,1.956,0,0,0-1.982,2.217L11.8,77.951a2.553,2.553,0,0,0,2.472,2.217H66.612a2.587,2.587,0,0,0,2.5-2.213l3.256-26.977' transform='translate(-4.51 16.428)' fill='%23fff'/%3E%3Cpath id='path_35802' data-name='path 35802' d='M74.327,30.322a5.34,5.34,0,0,0-3.742-7.844,7.543,7.543,0,0,0,.368-2.209,7.443,7.443,0,0,0-11.3-6.387,6.4,6.4,0,0,0-8.9-2.981A10.315,10.315,0,0,0,31.4,9.582a7.107,7.107,0,0,0-11.043,5.659c0,.016,0,.036,0,.049a4.52,4.52,0,0,0-.453-.065,5,5,0,0,0-5.149,4.28,6.009,6.009,0,0,0-3.046-.671A7.025,7.025,0,0,0,5.883,29.775' transform='translate(-3.961 -3.425)' fill='%23fff'/%3E%3Cpath id='path_35632' data-name='path 35632' d='M67.9,28.117A4.961,4.961,0,0,0,68.5,25.74a4.887,4.887,0,0,0-4-4.824,7,7,0,0,0,.334-2.028,6.813,6.813,0,0,0-6.774-6.851,6.668,6.668,0,0,0-3.481.988A5.779,5.779,0,0,0,46.5,10.288,9.328,9.328,0,0,0,28.934,9.077a6.437,6.437,0,0,0-3.282-1.088,6.511,6.511,0,0,0-6.741,6.283c0,.015,0,.033,0,.045a4.06,4.06,0,0,0-.411-.059,4.553,4.553,0,0,0-4.674,3.929,5.4,5.4,0,0,0-2.765-.616A6.464,6.464,0,0,0,5.773,27.615' transform='translate(2.53 -1.22)' fill='%23fde77f'/%3E%3Cpath id='path_35099' data-name='path 35099' d='M74.327,30.322a5.34,5.34,0,0,0-3.742-7.844,7.543,7.543,0,0,0,.368-2.209,7.443,7.443,0,0,0-11.3-6.387,6.4,6.4,0,0,0-8.9-2.981A10.315,10.315,0,0,0,31.4,9.582a7.107,7.107,0,0,0-11.043,5.659c0,.016,0,.036,0,.049a4.52,4.52,0,0,0-.453-.065,5,5,0,0,0-5.149,4.28,6.009,6.009,0,0,0-3.046-.671A7.025,7.025,0,0,0,5.883,29.775' transform='translate(-3.961 -3.425)' fill='rgba(255,255,255,0)' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35633' data-name='path 35633' d='M68.294,32.265l1.857-20.1a1.915,1.915,0,0,0-1.831-2.217L6.335,9.96a1.9,1.9,0,0,0-1.813,2.217l6.659,65.774a2.422,2.422,0,0,0,2.26,2.217H61.305a2.451,2.451,0,0,0,2.283-2.213l2.978-26.977' transform='translate(1.624 16.428)' fill='%23013580'/%3E%3Cline id='line_1596' data-name='line 1596' x2='3.281' y2='69.362' transform='translate(17.767 26.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='line_1597' data-name='line 1597' y2='69.362' transform='translate(35.881 26.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='line_1598' data-name='line 1598' x1='3.281' y2='69.544' transform='translate(50.711 26.711)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35091' data-name='path 35091' d='M8.9,10.073' transform='translate(8.865 16.82)' fill='none' stroke='%23434867' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35092' data-name='path 35092' d='M13.38,10.073' transform='translate(22.502 16.82)' fill='none' stroke='%23434867' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35093' data-name='path 35093' d='M17.857,10.073' transform='translate(36.135 16.82)' fill='none' stroke='%23434867' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35094' data-name='path 35094' d='M26.354,9.359a4.672,4.672,0,0,0-3.062-3.188A5.028,5.028,0,0,0,17.1,9.8a3.433,3.433,0,0,0-3.074-1.432,3.131,3.131,0,0,0-2.84,2.083' transform='translate(15.83 4.371)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35095' data-name='path 35095' d='M16.85,9.027a3.62,3.62,0,0,1,6.5.8' transform='translate(33.068 8.485)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35096' data-name='path 35096' d='M33.2,15.358a3.781,3.781,0,0,0-1.084.562,4.059,4.059,0,0,0-.162-1.214,3.913,3.913,0,1,0-7.463,2.358,3.861,3.861,0,0,0,1.549,2.055,3.906,3.906,0,1,0,6.828,3.564,3.906,3.906,0,1,0,.332-7.326Z' transform='translate(55.775 22.606)' fill='%23fde77f'/%3E%3Cpath id='path_35328' data-name='path 35328' d='M0,0H50.681L48.429,17.7H2.252Z' transform='translate(11.466 47.578)' fill='%23013580'/%3E%3Cpath id='path_35329' data-name='path 35329' d='M85.9,58.9,75.484,65.354V58.9H74.074v8.777l6.414-4.09,5.864,3.708h2.443l-7.147-4.377L88.321,58.9Z' transform='translate(-35.731 -6.682)' fill='%23fff' stroke='%23fff' stroke-width='0.4'/%3E%3Cpath id='path_35330' data-name='path 35330' d='M50.925,67.214H52.8l6.79-6.939,6.791,6.939h1.875L59.6,58.461Z' transform='translate(-31.517 -6.603)' fill='%23fff' stroke='%23fff' stroke-width='0.4'/%3E%3Cpath id='path_35090' data-name='path 35090' d='M74.253,32.265l2.031-20.1a1.975,1.975,0,0,0-2-2.217L6.505,9.96a1.956,1.956,0,0,0-1.982,2.217L11.8,77.951a2.553,2.553,0,0,0,2.472,2.217H66.612a2.587,2.587,0,0,0,2.5-2.213l3.256-26.977' transform='translate(-4.51 16.428)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='group_34407' data-name='group 34407' transform='translate(59.72 48.694)'%3E%3Cpath id='path_35097' data-name='path 35097' d='M29.689,15.82a4.379,4.379,0,0,0-6.1,4.571,5.4,5.4,0,0,0-1.052,10.242,5.325,5.325,0,0,0,2.779.384,4.386,4.386,0,0,0,8.244.5,4.317,4.317,0,0,0,.356-1.788,5.387,5.387,0,0,0-1.642-10.647A4.414,4.414,0,0,0,29.689,15.82Z' transform='translate(-19.273 -15.463)' fill='%23fde77f'/%3E%3Cpath id='path_35098' data-name='path 35098' d='M22.2,21.756a5.473,5.473,0,0,0,.773-5.683' transform='translate(-11.537 -11.245)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone ul li.on {
    animation-name: main_ani1;
    animation-duration: 1.7s;
    animation-delay: 0s;
    animation-fill-mode: both;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .inPhone ul li:last-of-type.on {
    animation-name: main_ani2;
    animation-duration: 1.7s;
    animation-delay: 0s;
    animation-fill-mode: both;
}

#wrapper.main .step2 .layoutWrap .phoneArea .icoPhone .bgArea {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 566px;
    height: 566px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #FDE0D8;
    z-index: -1;
}

#wrapper.main .step2 .layoutWrap .phoneArea > ul {
    position: absolute;
    left: 440px;
    display: flex;
    align-items: flex-end;
    top: 116px;
    transform: translateX(0);
}

#wrapper.main .step2 .layoutWrap .phoneArea > ul li {
    margin-right: 88px;
}

#wrapper.main .step2 .layoutWrap .phoneArea > ul li span {
    display: block;
}

#wrapper.main .step2 .layoutWrap .phoneArea > ul li .ico1 {
    width: 87px;
    height: 87px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128.908 129.133'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='path_36565' data-name='path 36565' d='M107.818,40.025a6.034,6.034,0,0,0-5.929-5.731H34.616a6.036,6.036,0,0,0-5.929,5.731l-4.256,63.487A6.072,6.072,0,0,0,30.36,110.1h75.784a6.072,6.072,0,0,0,5.929-6.586ZM52.963,46.707A3.912,3.912,0,0,1,48.02,50.57a3.871,3.871,0,0,1-2.642-2.682A3.908,3.908,0,1,1,52.963,46.7ZM86.28,50.552a3.881,3.881,0,0,1-2.59-2.738,4,4,0,0,1,3.731-5.125h0a3.774,3.774,0,0,1,3.514,2.267A3.994,3.994,0,0,1,86.28,50.552Z' transform='translate(-24.416 -34.294)' fill='%23fffa9e'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='group_37393' data-name='group 37393' transform='translate(1 1)'%3E%3Cpath id='path_36554' data-name='path 36554' d='M43.989,120.758l-36.818.06A6.159,6.159,0,0,1,1,114.659V20.709A6.16,6.16,0,0,1,7.159,14.55H84.253a6.16,6.16,0,0,1,6.16,6.159V44.953' transform='translate(-1 6.315)' fill='%23fff'/%3E%3Cpath id='path_36555' data-name='path 36555' d='M43.988,120.758l-36.818.06A6.159,6.159,0,0,1,1,114.659V20.709A6.16,6.16,0,0,1,7.159,14.55H84.253a6.16,6.16,0,0,1,6.159,6.159V44.953' transform='translate(-1 6.315)' fill='%23fff'/%3E%3Cpath id='path_36556' data-name='path 36556' d='M39.657,120.758l-33.109.06C3.486,120.824,1,118.065,1,114.659V20.709c0-3.4,2.48-6.159,5.539-6.159H75.865c3.059,0,5.539,2.758,5.539,6.159V44.953' transform='translate(8.008 6.315)' fill='%23fde77f'/%3E%3Cpath id='path_36557' data-name='path 36557' d='M43.989,120.758l-36.818.06A6.159,6.159,0,0,1,1,114.659V20.709A6.16,6.16,0,0,1,7.159,14.55H84.253a6.16,6.16,0,0,1,6.159,6.159V44.953' transform='translate(-1 6.315)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_36558' data-name='path 36558' d='M110.84,40.025a6.157,6.157,0,0,0-6.144-5.731H34.986a6.159,6.159,0,0,0-6.144,5.731l-4.41,63.487a6.159,6.159,0,0,0,6.144,6.586H109.1a6.159,6.159,0,0,0,6.144-6.586ZM54,46.707a4.022,4.022,0,0,1-5.122,3.864,3.941,3.941,0,0,1-2.738-2.682,4.045,4.045,0,0,1,5.6-4.826A3.92,3.92,0,0,1,54,46.7Zm34.524,3.845a3.943,3.943,0,0,1-2.684-2.738A4.023,4.023,0,0,1,89.7,42.689h0a3.921,3.921,0,0,1,3.642,2.267A4.046,4.046,0,0,1,88.521,50.552Z' transform='translate(11.642 16.974)' fill='%23fff' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_36559' data-name='path 36559' d='M21.493,24.194a4.023,4.023,0,0,1-5.125,3.862,3.945,3.945,0,0,1-2.735-2.682,4.044,4.044,0,0,1,5.591-4.827,3.924,3.924,0,0,1,2.268,3.643Z' transform='translate(5.729 9.353)' fill='%23fff' stroke='%23002d62' stroke-width='1'/%3E%3Cpath id='path_36560' data-name='path 36560' d='M21.493,24.194a4.023,4.023,0,0,1-5.125,3.862,3.945,3.945,0,0,1-2.735-2.682,4.044,4.044,0,0,1,5.591-4.827,3.924,3.924,0,0,1,2.268,3.643Z' transform='translate(5.729 9.353)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_36561' data-name='path 36561' d='M49.046,22.445a4.048,4.048,0,0,1-4.832,5.6A3.948,3.948,0,0,1,41.53,25.3a4.026,4.026,0,0,1,3.87-5.126h0a3.926,3.926,0,0,1,3.643,2.268' transform='translate(20.801 9.353)' fill='%23fff' stroke='%23002d62' stroke-width='1'/%3E%3Cpath id='path_36562' data-name='path 36562' d='M49.046,22.445a4.048,4.048,0,0,1-4.832,5.6A3.948,3.948,0,0,1,41.53,25.3a4.026,4.026,0,0,1,3.87-5.126h0A3.926,3.926,0,0,1,49.046,22.445Z' transform='translate(20.801 9.353)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_36563' data-name='path 36563' d='M59.068,30.67V25.127C59.068,10.344,49.44,1,37.564,1s-21.5,9.345-21.5,24.127V30.67' transform='translate(7.135 -1)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_36564' data-name='path 36564' d='M80.744,44.961v5.3c0,7.9-8.9,14.321-19.864,14.321S41.015,58.165,41.015,50.257v-5.3' transform='translate(20.603 22.733)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_36566' data-name='path 36566' d='M2.79,0H77.626l1.135,15.4H1.335Z' transform='translate(46.316 92.469)' fill='%23013580'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea > ul li .ico2 {
    width: 81px;
    height: 80px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86.996 85.982'%3E%3Cg id='Icon_Discount' transform='translate(1 1.13)'%3E%3Cpath id='path_33933' data-name='path 33933' d='M297.816,66.3a4.363,4.363,0,0,1-2.864,5.443l-36.885,11.45a4.363,4.363,0,0,1-5.443-2.864L238.4,34.528a21.457,21.457,0,0,1-.548-8.44l2.414-13.975a7.819,7.819,0,0,1,4.9-5.576l17.006-5.28a7.844,7.844,0,0,1,7.2,1.816l9.858,10.06a21.375,21.375,0,0,1,4.332,7.259Z' transform='translate(-213.029 -1.001)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35631' data-name='path 35631' d='M271.079,79.453a4.014,4.014,0,0,1-3.806,4.173h-38.11a4.014,4.014,0,0,1-3.806-4.173V27.383a22.3,22.3,0,0,1,1.73-7.89l6.974-14.976A6.788,6.788,0,0,1,239.6.8H256.84a6.813,6.813,0,0,1,5.545,3.712l6.961,14.866a22.191,22.191,0,0,1,1.737,7.886Z' transform='translate(-220.941 0.225)' fill='%23fde77f'/%3E%3Cpath id='path_33936' data-name='path 33936' d='M275.5,79.453a4.186,4.186,0,0,1-4.174,4.173H229.531a4.186,4.186,0,0,1-4.173-4.173V27.383a20.648,20.648,0,0,1,1.9-7.89L234.9,4.516A7.5,7.5,0,0,1,240.973.8h18.908a7.527,7.527,0,0,1,6.081,3.712l7.633,14.866a20.552,20.552,0,0,1,1.905,7.886Z' transform='translate(-225.358 0.225)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_33937' data-name='path 33937' d='M244.216,8.626A4.423,4.423,0,1,1,239.79,4.2a4.423,4.423,0,0,1,4.425,4.426Z' transform='translate(-215.711 5.646)' fill='%23fff'/%3E%3Cg id='group_34406' data-name='group 34406' transform='translate(11.78 42.438)'%3E%3Cpath id='path_33938' data-name='path 33938' d='M240.976,25.126a4.615,4.615,0,1,1-4.619-4.61h0a4.612,4.612,0,0,1,4.617,4.608Z' transform='translate(-231.747 -20.516)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_33939' data-name='path 33939' d='M247.982,32.134a4.615,4.615,0,1,1-4.617-4.613A4.614,4.614,0,0,1,247.982,32.134Z' transform='translate(-223.517 -12.288)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='line_1310' data-name='line 1310' x1='20.525' y2='20.523' transform='translate(1.969 1.966)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cpath id='path_35151' data-name='path 35151' d='M0,30.219V0' transform='translate(39.733 29.137) rotate(90)' fill='none' stroke='%23002d62' stroke-linecap='round' stroke-width='2' stroke-dasharray='1 3'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea > ul li .ico3 {
    width: 105px;
    height: 82px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.382 78.335'%3E%3Cg id='Icon_AKCard' transform='translate(1.005 1.005)'%3E%3Cpath id='path_35304' data-name='path 35304' d='M25.856,53.464,11.028,55.6a4.075,4.075,0,0,1-4.615-3.452L1.043,14.884A4.076,4.076,0,0,1,4.494,10.27L68.538,1.042a4.074,4.074,0,0,1,4.614,3.451L76.933,30.7' transform='translate(-1.001 -1)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='group_34359' data-name='group 34359' transform='translate(25.524 30.53)'%3E%3Cg id='group_34356' data-name='group 34356'%3E%3Crect id='rect_17505' data-name='rect 17505' width='72.853' height='45.8' rx='4' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='rect_17648' data-name='rect 17648' d='M4,0H67.759a0,0,0,0,1,0,0V40.781a4,4,0,0,1-4,4H0a0,0,0,0,1,0,0V4A4,4,0,0,1,4,0Z' transform='translate(5.093)' fill='%23003a7f'/%3E%3C/g%3E%3Cg id='group_34358' data-name='group 34358' transform='translate(25.332 28.004)'%3E%3Cpath id='path_35306' data-name='path 35306' d='M88.8,58.9,75.83,66.938V58.9H74.074V69.829l7.987-5.093,7.3,4.619h3.043l-8.9-5.451,8.31-5.006Z' transform='translate(-50.493 -58.452)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.4'/%3E%3Cpath id='path_35308' data-name='path 35308' d='M50.925,69.362h2.332l8.456-8.642,8.457,8.642H72.5l-10.778-10.9Z' transform='translate(-50.925 -58.461)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.4'/%3E%3C/g%3E%3C/g%3E%3Ccircle id='sc_2048' data-name='sc 2048' cx='4.075' cy='4.075' r='4.075' transform='translate(37.966 38.709)' fill='%23fde77f'/%3E%3Crect id='rect_17497' data-name='rect 17497' width='70.812' height='9.041' transform='translate(1.62 17.681) rotate(-8.197)' fill='%23fde77f'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea > ul li .ico4 {
    width: 81px;
    height: 75px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 91.93 85.277'%3E%3Cg id='Icon_Voucher' transform='translate(1 1)'%3E%3Cpath id='path_35811' data-name='path 35811' d='M1141.556,399.884l20.747-11.657v21.98Z' transform='translate(-1138.774 -362.558)' fill='%23fff'/%3E%3Cpath id='path_35812' data-name='path 35812' d='M1162.3,399.884l-20.747-11.657v21.98Z' transform='translate(-1075.012 -362.558)' fill='%23fff'/%3E%3Cpath id='path_35627' data-name='path 35627' d='M0,11.941,21.28.451' transform='translate(2.221 25.176)' fill='none' stroke='%23111' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1506' data-name='line 1506' x1='22.771' y1='11.99' transform='translate(65.51 25.127)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35626' data-name='path 35626' d='M22.344,5.945l-.152,45.249,17.609,9.3,20.383-10.9V5.238c0-2.453-.811-3.131-3.264-3.131L26.785,1.481a4.441,4.441,0,0,0-4.441,4.464' transform='translate(5.779 -1.481)' fill='%23003a7f'/%3E%3Cpath id='path_35292' data-name='path 35292' d='M22.329,5.945l.222,43.9L43.366,60.3,64.672,49.716,64.427,5.922a4.442,4.442,0,0,0-4.441-4.441H26.77a4.441,4.441,0,0,0-4.441,4.464' transform='translate(1.353 -1.481)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35294' data-name='path 35294' d='M84.268,81.04H7.662A6.662,6.662,0,0,1,1,74.378V37.406a2.22,2.22,0,0,1,3.241-1.972l40.147,20.78a3.423,3.423,0,0,0,3.15,0l40.151-20.78a2.22,2.22,0,0,1,3.241,1.972V74.378A6.662,6.662,0,0,1,84.268,81.04Z' transform='translate(-1 2.237)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='group_34404' data-name='group 34404' transform='translate(58.686 8.482) rotate(90)'%3E%3Cpath id='path_35252' data-name='path 35252' d='M10.241,0,1.221,5.591V0H0V7.6L5.555,4.06l5.077,3.211h2.116L6.559,3.481,12.337,0Z' transform='translate(17.62 0.309)' fill='%23fff' stroke='%23fff' stroke-width='0.6'/%3E%3Cpath id='path_35253' data-name='path 35253' d='M0,7.58H1.621L7.5,1.571l5.881,6.01h1.623L7.511,0Z' fill='%23fff' stroke='%23fff' stroke-width='0.6'/%3E%3C/g%3E%3Cg id='sc_2049' data-name='sc 2049' transform='translate(35.856 50.266)' fill='%23fde77f' stroke='%23111' stroke-width='2'%3E%3Ccircle cx='8.557' cy='8.557' r='8.557' stroke='none'/%3E%3Ccircle cx='8.557' cy='8.557' r='9.557' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea > ul li .ico5 {
    width: 116px;
    height: 73px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.516 77.141'%3E%3Cg id='Icon_Beverage' transform='translate(1.024)'%3E%3Cpath id='minus_10' data-name='minus 10' d='M9.775,38.75H0L.029,30.8H5.677a2.618,2.618,0,0,0,2.8-2.359V10.3a2.617,2.617,0,0,0-2.8-2.356H.111L.14,0H9.775a5.517,5.517,0,0,1,5.5,5.5V33.254a5.515,5.515,0,0,1-5.5,5.5Z' transform='translate(106.22 11.524)' fill='%23fff'/%3E%3Cpath id='path_35813' data-name='path 35813' d='M4.31,0H53.871V63.568H0V4.31A4.31,4.31,0,0,1,4.31,0Z' transform='translate(52.677 0)' fill='%23fff'/%3E%3Cg id='group_34620' data-name='group 34620' transform='translate(59.141 15.031)'%3E%3Cpath id='rect_17640' data-name='rect 17640' d='M4,0H47.407a0,0,0,0,1,0,0V47.407a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V4A4,4,0,0,1,4,0Z' fill='%23003a7f'/%3E%3Cline id='line_1533' data-name='line 1533' x1='10.774' y2='10.774' transform='translate(23.165 9.447)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1534' data-name='line 1534' x1='10.774' y2='10.774' transform='translate(25.319 19.635)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3Cg id='path_35628' data-name='path 35628' transform='translate(52.677 0)' fill='none'%3E%3Cpath d='M4.31,0H53.871V63.568H0V4.31A4.31,4.31,0,0,1,4.31,0Z' stroke='none'/%3E%3Cpath d='M 4.3096923828125 1.999996185302734 C 3.036121368408203 1.999996185302734 2 3.036113739013672 2 4.309684753417969 L 2 61.56786727905273 L 51.8710823059082 61.56786727905273 L 51.8710823059082 1.999996185302734 L 4.3096923828125 1.999996185302734 M 4.3096923828125 -3.814697265625e-06 L 53.8710823059082 -3.814697265625e-06 L 53.8710823059082 63.56786727905273 L 0 63.56786727905273 L 0 4.309684753417969 C 0 1.929515838623047 1.929512023925781 -3.814697265625e-06 4.3096923828125 -3.814697265625e-06 Z' stroke='none' fill='%23111'/%3E%3C/g%3E%3Cpath id='path_35179' data-name='path 35179' d='M83.844,74.8h9.775a5.515,5.515,0,0,0,5.5-5.5V41.547a5.515,5.515,0,0,0-5.5-5.5H83.982' transform='translate(22.375 -24.525)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35180' data-name='path 35180' d='M83.546,65.484h6.412a2.486,2.486,0,0,0,2.589-2.357V44.987a2.485,2.485,0,0,0-2.589-2.357H83.375' transform='translate(22.15 -23.158)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35187' data-name='path 35187' d='M16.928,84.176l-12.615-.4C.84,83.67-.242,81.666,1.9,79.323l7.523-8.2' transform='translate(1.407 -11.352)' fill='%23fde77f'/%3E%3Cpath id='path_35630' data-name='path 35630' d='M50.8,94.3a2.576,2.576,0,0,1-2.534,2.386H26.35A2.576,2.576,0,0,1,23.812,94.3L21.639,57.889a2.236,2.236,0,0,1,2.083-2.38c.058,0,.114-.005.172-.005H50.722a2.237,2.237,0,0,1,2.255,2.218c0,.055,0,.112-.005.167Z' transform='translate(5.779 -20.544)' fill='%23fff'/%3E%3Cpath id='path_35189' data-name='path 35189' d='M52.323,88.317l14.35-.513c3.947-.139,5.178-2.8,2.743-5.905L61.2,71.438' transform='translate(15.469 -15.513)' fill='%23fde77f'/%3E%3Cpath id='path_35186' data-name='path 35186' d='M28.334,89.843H20.551a4.331,4.331,0,0,1-3.45-1.859L7.87,71.788a2.257,2.257,0,0,1,.921-3.017L26.172,58.625' transform='translate(1.35 -14.654)' fill='%23fde77f'/%3E%3Cpath id='path_35188' data-name='path 35188' d='M43.737,94.7H51.47a4.218,4.218,0,0,0,3.45-2.151l9.235-18.741a2.834,2.834,0,0,0-.921-3.491l-17.1-11.551' transform='translate(12.758 -19.513)' fill='%23fde77f'/%3E%3Cpath id='path_35185' data-name='path 35185' d='M47.325,89.183a2.256,2.256,0,0,1-2.233,2.071h-19.3a2.256,2.256,0,0,1-2.236-2.071L21.639,57.574a1.951,1.951,0,0,1,1.835-2.066c.051,0,.1,0,.152,0H47.259a1.957,1.957,0,0,1,1.987,1.926c0,.048,0,.1,0,.145Z' transform='translate(9.51 -15.113)' fill='%23fde77f'/%3E%3Cpath id='path_35187-2' data-name='path 35187' d='M19.135,88.437,4.793,87.91C.846,87.765-.384,85.108,2.05,82L10.6,71.121' transform='translate(-0.8 -15.612)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35189-2' data-name='path 35189' d='M52.323,88.317l14.35-.513c3.947-.139,5.178-2.8,2.743-5.905L61.2,71.438' transform='translate(15.469 -15.513)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35186-2' data-name='path 35186' d='M28.334,94.747H20.551A4.218,4.218,0,0,1,17.1,92.6L7.87,73.856a2.834,2.834,0,0,1,.921-3.491L26.172,58.625' transform='translate(1.35 -19.558)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35188-2' data-name='path 35188' d='M43.737,94.7H51.47a4.218,4.218,0,0,0,3.45-2.151l9.235-18.741a2.834,2.834,0,0,0-.921-3.491l-17.1-11.551' transform='translate(12.758 -19.513)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35185-2' data-name='path 35185' d='M50.8,94.3a2.576,2.576,0,0,1-2.534,2.386H26.35A2.576,2.576,0,0,1,23.812,94.3L21.639,57.889a2.236,2.236,0,0,1,2.083-2.38c.058,0,.114-.005.172-.005H50.722a2.237,2.237,0,0,1,2.255,2.218c0,.055,0,.112-.005.167Z' transform='translate(5.779 -20.544)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea > ul li .ico6 {
    width: 82px;
    height: 84px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 95.066 98.599'%3E%3Cg id='Icon_Cinema' transform='translate(1.002 1.004)'%3E%3Cpath id='path_35801' data-name='path 35801' d='M74.253,32.265l2.031-20.1a1.975,1.975,0,0,0-2-2.217L6.505,9.96a1.956,1.956,0,0,0-1.982,2.217L11.8,77.951a2.553,2.553,0,0,0,2.472,2.217H66.612a2.587,2.587,0,0,0,2.5-2.213l3.256-26.977' transform='translate(-4.51 16.428)' fill='%23fff'/%3E%3Cpath id='path_35802' data-name='path 35802' d='M74.327,30.322a5.34,5.34,0,0,0-3.742-7.844,7.543,7.543,0,0,0,.368-2.209,7.443,7.443,0,0,0-11.3-6.387,6.4,6.4,0,0,0-8.9-2.981A10.315,10.315,0,0,0,31.4,9.582a7.107,7.107,0,0,0-11.043,5.659c0,.016,0,.036,0,.049a4.52,4.52,0,0,0-.453-.065,5,5,0,0,0-5.149,4.28,6.009,6.009,0,0,0-3.046-.671A7.025,7.025,0,0,0,5.883,29.775' transform='translate(-3.961 -3.425)' fill='%23fff'/%3E%3Cpath id='path_35632' data-name='path 35632' d='M67.9,28.117A4.961,4.961,0,0,0,68.5,25.74a4.887,4.887,0,0,0-4-4.824,7,7,0,0,0,.334-2.028,6.813,6.813,0,0,0-6.774-6.851,6.668,6.668,0,0,0-3.481.988A5.779,5.779,0,0,0,46.5,10.288,9.328,9.328,0,0,0,28.934,9.077a6.437,6.437,0,0,0-3.282-1.088,6.511,6.511,0,0,0-6.741,6.283c0,.015,0,.033,0,.045a4.06,4.06,0,0,0-.411-.059,4.553,4.553,0,0,0-4.674,3.929,5.4,5.4,0,0,0-2.765-.616A6.464,6.464,0,0,0,5.773,27.615' transform='translate(2.53 -1.22)' fill='%23fde77f'/%3E%3Cpath id='path_35099' data-name='path 35099' d='M74.327,30.322a5.34,5.34,0,0,0-3.742-7.844,7.543,7.543,0,0,0,.368-2.209,7.443,7.443,0,0,0-11.3-6.387,6.4,6.4,0,0,0-8.9-2.981A10.315,10.315,0,0,0,31.4,9.582a7.107,7.107,0,0,0-11.043,5.659c0,.016,0,.036,0,.049a4.52,4.52,0,0,0-.453-.065,5,5,0,0,0-5.149,4.28,6.009,6.009,0,0,0-3.046-.671A7.025,7.025,0,0,0,5.883,29.775' transform='translate(-3.961 -3.425)' fill='rgba(255,255,255,0)' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35633' data-name='path 35633' d='M68.294,32.265l1.857-20.1a1.915,1.915,0,0,0-1.831-2.217L6.335,9.96a1.9,1.9,0,0,0-1.813,2.217l6.659,65.774a2.422,2.422,0,0,0,2.26,2.217H61.305a2.451,2.451,0,0,0,2.283-2.213l2.978-26.977' transform='translate(1.624 16.428)' fill='%23013580'/%3E%3Cline id='line_1596' data-name='line 1596' x2='3.281' y2='69.362' transform='translate(17.767 26.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='line_1597' data-name='line 1597' y2='69.362' transform='translate(35.881 26.893)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='line_1598' data-name='line 1598' x1='3.281' y2='69.544' transform='translate(50.711 26.711)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35091' data-name='path 35091' d='M8.9,10.073' transform='translate(8.865 16.82)' fill='none' stroke='%23434867' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35092' data-name='path 35092' d='M13.38,10.073' transform='translate(22.502 16.82)' fill='none' stroke='%23434867' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35093' data-name='path 35093' d='M17.857,10.073' transform='translate(36.135 16.82)' fill='none' stroke='%23434867' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35094' data-name='path 35094' d='M26.354,9.359a4.672,4.672,0,0,0-3.062-3.188A5.028,5.028,0,0,0,17.1,9.8a3.433,3.433,0,0,0-3.074-1.432,3.131,3.131,0,0,0-2.84,2.083' transform='translate(15.83 4.371)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35095' data-name='path 35095' d='M16.85,9.027a3.62,3.62,0,0,1,6.5.8' transform='translate(33.068 8.485)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35096' data-name='path 35096' d='M33.2,15.358a3.781,3.781,0,0,0-1.084.562,4.059,4.059,0,0,0-.162-1.214,3.913,3.913,0,1,0-7.463,2.358,3.861,3.861,0,0,0,1.549,2.055,3.906,3.906,0,1,0,6.828,3.564,3.906,3.906,0,1,0,.332-7.326Z' transform='translate(55.775 22.606)' fill='%23fde77f'/%3E%3Cpath id='path_35328' data-name='path 35328' d='M0,0H50.681L48.429,17.7H2.252Z' transform='translate(11.466 47.578)' fill='%23013580'/%3E%3Cpath id='path_35329' data-name='path 35329' d='M85.9,58.9,75.484,65.354V58.9H74.074v8.777l6.414-4.09,5.864,3.708h2.443l-7.147-4.377L88.321,58.9Z' transform='translate(-35.731 -6.682)' fill='%23fff' stroke='%23fff' stroke-width='0.4'/%3E%3Cpath id='path_35330' data-name='path 35330' d='M50.925,67.214H52.8l6.79-6.939,6.791,6.939h1.875L59.6,58.461Z' transform='translate(-31.517 -6.603)' fill='%23fff' stroke='%23fff' stroke-width='0.4'/%3E%3Cpath id='path_35090' data-name='path 35090' d='M74.253,32.265l2.031-20.1a1.975,1.975,0,0,0-2-2.217L6.505,9.96a1.956,1.956,0,0,0-1.982,2.217L11.8,77.951a2.553,2.553,0,0,0,2.472,2.217H66.612a2.587,2.587,0,0,0,2.5-2.213l3.256-26.977' transform='translate(-4.51 16.428)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='group_34407' data-name='group 34407' transform='translate(59.72 48.694)'%3E%3Cpath id='path_35097' data-name='path 35097' d='M29.689,15.82a4.379,4.379,0,0,0-6.1,4.571,5.4,5.4,0,0,0-1.052,10.242,5.325,5.325,0,0,0,2.779.384,4.386,4.386,0,0,0,8.244.5,4.317,4.317,0,0,0,.356-1.788,5.387,5.387,0,0,0-1.642-10.647A4.414,4.414,0,0,0,29.689,15.82Z' transform='translate(-19.273 -15.463)' fill='%23fde77f'/%3E%3Cpath id='path_35098' data-name='path 35098' d='M22.2,21.756a5.473,5.473,0,0,0,.773-5.683' transform='translate(-11.537 -11.245)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step2 .layoutWrap .phoneArea > ul li:last-of-type {
    margin-right: 0;
}

#wrapper.main .step2 .layoutWrap .textArea {
    padding-top: 84px;
}

#wrapper.main .step2 .layoutWrap .textArea h2 {
    margin-bottom: 20px;
    line-height: 70px;
    font-size: 48px;
    font-weight: 700;
}

#wrapper.main .step2 .layoutWrap .textArea h2 i {
    position: relative;
}

#wrapper.main .step2 .layoutWrap .textArea h2 i:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    background: #dff4bb;
    z-index: -1;
}

#wrapper.main .step2 .layoutWrap .textArea p {
    line-height: 39px;
    font-size: 28px;
}

#wrapper.main .step2.active .layoutWrap .phoneArea > ul {
    transition: 0.75s;
}

#wrapper.main .step2.active .layoutWrap .phoneArea .icoPhone .bgArea {
    animation-name: main_ani3;
    animation-duration: 1.5s;
    animation-delay: 0.25s;
    animation-fill-mode: both;
    animation-iteration-count: 6;
}

#wrapper.main .step3 .layoutWrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    height: 100%;
}

#wrapper.main .step3 .layoutWrap > div {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    transform-origin: 50% 100%;
}

#wrapper.main .step3 .layoutWrap > div h2 {
    margin-bottom: 20px;
    line-height: 65px;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
}

#wrapper.main .step3 .layoutWrap > div h2 i {
    position: relative;
}

#wrapper.main .step3 .layoutWrap > div h2 i:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    background: #dff4bb;
    z-index: -1;
}

#wrapper.main .step3 .layoutWrap > div h2 + p {
    font-size: 24px;
    line-height: 35px;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea {
    position: relative;
    margin-top: 40px;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .phone {
    height: 435px;
    width: 300px;
    background: url(/static/images/main/phone2.png) no-repeat 0 0;
    position: relative;
    z-index: 2;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .textList {
    position: absolute;
    left: 50%;
    top: 89px;
    width: 400px;
    transform: translateX(-50%);
    z-index: 3;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .textList li {
    display: flex;
    align-items: center;
    width: 400px;
    height: 80px;
    padding: 0 34px;
    margin-bottom: 28px;
    border-radius: 27px;
    border: 6px solid #fff;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.16);
    background: #fff;
    opacity: 0;
    transform: scale(0.8);
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .textList li span {
    display: block;
    font-size: 26px;
    padding-left: 46px;
    line-height: 37px;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .textList li span {
    position: relative;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .textList li span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.502 24.647'%3E%3Cpath id='path_35785' data-name='path 35785' d='M14.843-79.916,21.091-71.9l17.752-18' transform='translate(-12.477 92.01)' fill='none' stroke='%232A85F1' stroke-width='6'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 136px;
    height: 136px;
    border-radius: 50%;
    background: #F6FAFF;
    opacity: 0.5;
    z-index: 1;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li span {
    display: block;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico1 {
    left: -316px;
    top: -62px;
    transform: translate(400px, 220px) scale(0.5);
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico1 span {
    width: 62px;
    height: 57px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 91.93 85.277'%3E%3Cg id='Icon_Voucher' transform='translate(1 1)'%3E%3Cpath id='path_35811' data-name='path 35811' d='M1141.556,399.884l20.747-11.657v21.98Z' transform='translate(-1138.774 -362.558)' fill='%23fff'/%3E%3Cpath id='path_35812' data-name='path 35812' d='M1162.3,399.884l-20.747-11.657v21.98Z' transform='translate(-1075.012 -362.558)' fill='%23fff'/%3E%3Cpath id='path_35627' data-name='path 35627' d='M0,11.941,21.28.451' transform='translate(2.221 25.176)' fill='none' stroke='%23111' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1506' data-name='line 1506' x1='22.771' y1='11.99' transform='translate(65.51 25.127)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35626' data-name='path 35626' d='M22.344,5.945l-.152,45.249,17.609,9.3,20.383-10.9V5.238c0-2.453-.811-3.131-3.264-3.131L26.785,1.481a4.441,4.441,0,0,0-4.441,4.464' transform='translate(5.779 -1.481)' fill='%23003a7f'/%3E%3Cpath id='path_35292' data-name='path 35292' d='M22.329,5.945l.222,43.9L43.366,60.3,64.672,49.716,64.427,5.922a4.442,4.442,0,0,0-4.441-4.441H26.77a4.441,4.441,0,0,0-4.441,4.464' transform='translate(1.353 -1.481)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35294' data-name='path 35294' d='M84.268,81.04H7.662A6.662,6.662,0,0,1,1,74.378V37.406a2.22,2.22,0,0,1,3.241-1.972l40.147,20.78a3.423,3.423,0,0,0,3.15,0l40.151-20.78a2.22,2.22,0,0,1,3.241,1.972V74.378A6.662,6.662,0,0,1,84.268,81.04Z' transform='translate(-1 2.237)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='group_34404' data-name='group 34404' transform='translate(58.686 8.482) rotate(90)'%3E%3Cpath id='path_35252' data-name='path 35252' d='M10.241,0,1.221,5.591V0H0V7.6L5.555,4.06l5.077,3.211h2.116L6.559,3.481,12.337,0Z' transform='translate(17.62 0.309)' fill='%23fff' stroke='%23fff' stroke-width='0.6'/%3E%3Cpath id='path_35253' data-name='path 35253' d='M0,7.58H1.621L7.5,1.571l5.881,6.01h1.623L7.511,0Z' fill='%23fff' stroke='%23fff' stroke-width='0.6'/%3E%3C/g%3E%3Cg id='sc_2049' data-name='sc 2049' transform='translate(35.856 50.266)' fill='%23fde77f' stroke='%23111' stroke-width='2'%3E%3Ccircle cx='8.557' cy='8.557' r='8.557' stroke='none'/%3E%3Ccircle cx='8.557' cy='8.557' r='9.557' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico2 {
    left: -383px;
    top: 96px;
    transform: translate(460px, 60px) scale(0.5);
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico2 span {
    width: 58px;
    height: 58px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76.829'%3E%3Cg id='group_34723' data-name='group 34723' transform='translate(-529 -2782.171)'%3E%3Cg id='group_34724' data-name='group 34724' transform='translate(3.191 2)'%3E%3Cg id='group_34724-2' data-name='group 34724' transform='translate(2.253)'%3E%3Cpath id='path_35727' data-name='path 35727' d='M8.5,0c9.49,0,17.3,13.908,17.161,13.972s-2.467,0-17.161,0c-4.694,0-8.5-3.128-8.5-6.986S3.806,0,8.5,0Z' transform='translate(540.224 2780.171)' fill='%23fff'/%3E%3Cpath id='path_35729' data-name='path 35729' d='M7.237,0c8.08,0,14.725,11.407,14.61,11.459s-2.1,0-14.61,0C3.24,11.459,0,8.894,0,5.73S3.24,0,7.237,0Z' transform='translate(544.038 2782.688)' fill='%23013580'/%3E%3Cg id='path_35730' data-name='path 35730' transform='translate(540.224 2780.171)' fill='none'%3E%3Cpath d='M8.5,0c9.49,0,17.3,13.908,17.161,13.972s-2.467,0-17.161,0c-4.694,0-8.5-3.128-8.5-6.986S3.806,0,8.5,0Z' stroke='none'/%3E%3Cpath d='M 8.499998092651367 1.999998092651367 C 6.691547393798828 1.999998092651367 5.007997512817383 2.565108299255371 3.759468078613281 3.591217994689941 C 2.624858856201172 4.523708343505859 1.999998092651367 5.729257583618164 1.999998092651367 6.985797882080078 C 1.999998092651367 8.242338180541992 2.624858856201172 9.447887420654297 3.759468078613281 10.38036823272705 C 5.007987976074219 11.4064884185791 6.691547393798828 11.97158813476562 8.499998092651367 11.97158813476562 C 15.34961795806885 11.97158813476562 19.52694892883301 11.98550796508789 22.02281761169434 11.99382781982422 C 22.05415534973145 11.99393272399902 22.08532333374023 11.9940357208252 22.11615371704102 11.99413871765137 C 21.27008056640625 10.77692031860352 20.13339614868164 9.288849830627441 18.75927734375 7.813257694244385 C 16.28965759277344 5.161277770996094 12.50506782531738 1.999998092651367 8.499998092651367 1.999998092651367 M 8.499998092651367 -1.9073486328125e-06 C 17.9904670715332 -1.9073486328125e-06 25.79585838317871 13.9076681137085 25.66112899780273 13.97158813476562 C 25.52640914916992 14.03551769256592 23.19441795349121 13.97158813476562 8.499998092651367 13.97158813476562 C 3.805578231811523 13.97158813476562 -1.9073486328125e-06 10.84394836425781 -1.9073486328125e-06 6.985797882080078 C -1.9073486328125e-06 3.12764835357666 3.805578231811523 -1.9073486328125e-06 8.499998092651367 -1.9073486328125e-06 Z' stroke='none' fill='%23111'/%3E%3C/g%3E%3C/g%3E%3Cg id='group_34727' data-name='group 34727' transform='translate(559.477 2780.171)'%3E%3Cpath id='path_35727-2' data-name='path 35727' d='M17.163,0C7.672,0-.133,13.908,0,13.972s2.467,0,17.161,0c4.694,0,8.5-3.128,8.5-6.986S21.857,0,17.163,0Z' transform='translate(0)' fill='%23fff'/%3E%3Cpath id='path_35729-2' data-name='path 35729' d='M13.054,0C5.836,0-.1,9.934,0,9.98s1.876,0,13.053,0c3.571,0,6.465-2.234,6.465-4.99S16.625,0,13.054,0Z' transform='translate(5 3)' fill='%23013580'/%3E%3Cg id='path_35730-2' data-name='path 35730' transform='translate(0)' fill='none'%3E%3Cpath d='M17.163,0C7.672,0-.133,13.908,0,13.972s2.467,0,17.161,0c4.694,0,8.5-3.128,8.5-6.986S21.857,0,17.163,0Z' stroke='none'/%3E%3Cpath d='M 17.16293334960938 1.999998092651367 C 13.15783405303955 1.999998092651367 9.373214721679688 5.161277770996094 6.903583526611328 7.813267707824707 C 5.529464721679688 9.28885555267334 4.392780303955078 10.7769193649292 3.546703338623047 11.99413871765137 C 3.577533721923828 11.9940357208252 3.608707427978516 11.99393272399902 3.640043258666992 11.99382781982422 C 6.135923385620117 11.98550796508789 10.31328392028809 11.97158813476562 17.16293334960938 11.97158813476562 C 18.97139358520508 11.97158813476562 20.65496444702148 11.40647792816162 21.90349388122559 10.38036823272705 C 23.03811454772949 9.447877883911133 23.66297340393066 8.242338180541992 23.66297340393066 6.985797882080078 C 23.66297340393066 5.729257583618164 23.03811454772949 4.523708343505859 21.90349388122559 3.591217994689941 C 20.65496444702148 2.565108299255371 18.97139358520508 1.999998092651367 17.16293334960938 1.999998092651367 M 17.16293334960938 -1.9073486328125e-06 C 21.85737419128418 -1.9073486328125e-06 25.66297340393066 3.12764835357666 25.66297340393066 6.985797882080078 C 25.66297340393066 10.84394836425781 21.85737419128418 13.97158813476562 17.16293334960938 13.97158813476562 C 2.468437194824219 13.97158813476562 0.1364479064941406 14.03551769256592 0.001714706420898438 13.97158813476562 C -0.1330051422119141 13.9076681137085 7.672414779663086 -1.9073486328125e-06 17.16293334960938 -1.9073486328125e-06 Z' stroke='none' fill='%23111'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Crect id='rect_17704' data-name='rect 17704' width='68' height='65' rx='10' transform='translate(533 2794)' fill='%23fff'/%3E%3Crect id='rect_17705' data-name='rect 17705' width='62' height='65' rx='10' transform='translate(539 2794)' fill='%23fde77f'/%3E%3Cg id='rect_17701' data-name='rect 17701' transform='translate(533 2794)' fill='none' stroke='%23111' stroke-width='2'%3E%3Crect width='68' height='65' rx='10' stroke='none'/%3E%3Crect x='1' y='1' width='66' height='63' rx='9' fill='none'/%3E%3C/g%3E%3Cg id='rect_17702' data-name='rect 17702' transform='translate(529 2794)' fill='%23fff' stroke='%23111' stroke-width='2'%3E%3Cpath d='M10,0H66A10,10,0,0,1,76,10V24a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10A10,10,0,0,1,10,0Z' stroke='none'/%3E%3Cpath d='M10,1H66a9,9,0,0,1,9,9V23a0,0,0,0,1,0,0H1a0,0,0,0,1,0,0V10A9,9,0,0,1,10,1Z' fill='none'/%3E%3C/g%3E%3Crect id='rect_17703' data-name='rect 17703' width='12' height='20' transform='translate(561 2796)' fill='%23013580'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico3 {
    left: -316px;
    top: 258px;
    transform: translate(390px, -100px) scale(0.5);
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico3 span {
    width: 78px;
    height: 60px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.382 78.335'%3E%3Cg id='Icon_AKCard' transform='translate(1.005 1.005)'%3E%3Cpath id='path_35304' data-name='path 35304' d='M25.856,53.464,11.028,55.6a4.075,4.075,0,0,1-4.615-3.452L1.043,14.884A4.076,4.076,0,0,1,4.494,10.27L68.538,1.042a4.074,4.074,0,0,1,4.614,3.451L76.933,30.7' transform='translate(-1.001 -1)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='group_34359' data-name='group 34359' transform='translate(25.524 30.53)'%3E%3Cg id='group_34356' data-name='group 34356'%3E%3Crect id='rect_17505' data-name='rect 17505' width='72.853' height='45.8' rx='4' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='rect_17648' data-name='rect 17648' d='M4,0H67.759a0,0,0,0,1,0,0V40.781a4,4,0,0,1-4,4H0a0,0,0,0,1,0,0V4A4,4,0,0,1,4,0Z' transform='translate(5.093)' fill='%23003a7f'/%3E%3C/g%3E%3Cg id='group_34358' data-name='group 34358' transform='translate(25.332 28.004)'%3E%3Cpath id='path_35306' data-name='path 35306' d='M88.8,58.9,75.83,66.938V58.9H74.074V69.829l7.987-5.093,7.3,4.619h3.043l-8.9-5.451,8.31-5.006Z' transform='translate(-50.493 -58.452)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.4'/%3E%3Cpath id='path_35308' data-name='path 35308' d='M50.925,69.362h2.332l8.456-8.642,8.457,8.642H72.5l-10.778-10.9Z' transform='translate(-50.925 -58.461)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.4'/%3E%3C/g%3E%3C/g%3E%3Ccircle id='sc_2048' data-name='sc 2048' cx='4.075' cy='4.075' r='4.075' transform='translate(37.966 38.709)' fill='%23fde77f'/%3E%3Crect id='rect_17497' data-name='rect 17497' width='70.812' height='9.041' transform='translate(1.62 17.681) rotate(-8.197)' fill='%23fde77f'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico4 {
    left: 479px;
    top: -62px;
    transform: translate(-400px, 220px) scale(0.5);
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico4 span {
    width: 61px;
    height: 61px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86.996 85.982'%3E%3Cg id='Icon_Discount' transform='translate(1 1.13)'%3E%3Cpath id='path_33933' data-name='path 33933' d='M297.816,66.3a4.363,4.363,0,0,1-2.864,5.443l-36.885,11.45a4.363,4.363,0,0,1-5.443-2.864L238.4,34.528a21.457,21.457,0,0,1-.548-8.44l2.414-13.975a7.819,7.819,0,0,1,4.9-5.576l17.006-5.28a7.844,7.844,0,0,1,7.2,1.816l9.858,10.06a21.375,21.375,0,0,1,4.332,7.259Z' transform='translate(-213.029 -1.001)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35631' data-name='path 35631' d='M271.079,79.453a4.014,4.014,0,0,1-3.806,4.173h-38.11a4.014,4.014,0,0,1-3.806-4.173V27.383a22.3,22.3,0,0,1,1.73-7.89l6.974-14.976A6.788,6.788,0,0,1,239.6.8H256.84a6.813,6.813,0,0,1,5.545,3.712l6.961,14.866a22.191,22.191,0,0,1,1.737,7.886Z' transform='translate(-220.941 0.225)' fill='%23fde77f'/%3E%3Cpath id='path_33936' data-name='path 33936' d='M275.5,79.453a4.186,4.186,0,0,1-4.174,4.173H229.531a4.186,4.186,0,0,1-4.173-4.173V27.383a20.648,20.648,0,0,1,1.9-7.89L234.9,4.516A7.5,7.5,0,0,1,240.973.8h18.908a7.527,7.527,0,0,1,6.081,3.712l7.633,14.866a20.552,20.552,0,0,1,1.905,7.886Z' transform='translate(-225.358 0.225)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_33937' data-name='path 33937' d='M244.216,8.626A4.423,4.423,0,1,1,239.79,4.2a4.423,4.423,0,0,1,4.425,4.426Z' transform='translate(-215.711 5.646)' fill='%23fff'/%3E%3Cg id='group_34406' data-name='group 34406' transform='translate(11.78 42.438)'%3E%3Cpath id='path_33938' data-name='path 33938' d='M240.976,25.126a4.615,4.615,0,1,1-4.619-4.61h0a4.612,4.612,0,0,1,4.617,4.608Z' transform='translate(-231.747 -20.516)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_33939' data-name='path 33939' d='M247.982,32.134a4.615,4.615,0,1,1-4.617-4.613A4.614,4.614,0,0,1,247.982,32.134Z' transform='translate(-223.517 -12.288)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='line_1310' data-name='line 1310' x1='20.525' y2='20.523' transform='translate(1.969 1.966)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cpath id='path_35151' data-name='path 35151' d='M0,30.219V0' transform='translate(39.733 29.137) rotate(90)' fill='none' stroke='%23002d62' stroke-linecap='round' stroke-width='2' stroke-dasharray='1 3'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico5 {
    left: 547px;
    top: 96px;
    transform: translate(-473px, 60px) scale(0.5);
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico5 span {
    width: 73px;
    height: 73px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 86.695 86.846'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='path_35410' data-name='path 35410' d='M80.077,38.119a4.027,4.027,0,0,0-3.957-3.825h-44.9a4.029,4.029,0,0,0-3.957,3.825l-2.84,42.37a4.052,4.052,0,0,0,3.957,4.4H78.959a4.052,4.052,0,0,0,3.957-4.4ZM43.468,42.578a2.611,2.611,0,0,1-3.3,2.578,2.583,2.583,0,0,1-1.763-1.79,2.608,2.608,0,1,1,5.062-.793ZM65.7,45.144a2.59,2.59,0,0,1-1.729-1.827,2.667,2.667,0,0,1,2.49-3.42h0a2.519,2.519,0,0,1,2.345,1.513A2.666,2.666,0,0,1,65.7,45.144Z' transform='translate(-24.416 -34.294)' fill='%23fffa9e'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Icon_ShoppingBag' transform='translate(1 1)'%3E%3Cpath id='path_35803' data-name='path 35803' d='M29.69,85.431l-24.572.04A4.11,4.11,0,0,1,1,81.36v-62.7A4.111,4.111,0,0,1,5.111,14.55H56.561a4.111,4.111,0,0,1,4.111,4.111V34.84' transform='translate(-1 -0.625)' fill='%23fff'/%3E%3Cpath id='path_35625' data-name='path 35625' d='M26.433,85.431l-21.782.04A3.9,3.9,0,0,1,1,81.36v-62.7A3.9,3.9,0,0,1,4.644,14.55h45.61A3.9,3.9,0,0,1,53.9,18.661V34.84' transform='translate(5.774 -0.625)' fill='%23013580'/%3E%3Cpath id='path_35299' data-name='path 35299' d='M29.69,85.431l-24.572.04A4.11,4.11,0,0,1,1,81.36v-62.7A4.111,4.111,0,0,1,5.111,14.55H56.561a4.111,4.111,0,0,1,4.111,4.111V34.84' transform='translate(-1 -0.625)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35302' data-name='path 35302' d='M82.093,38.119a4.109,4.109,0,0,0-4.1-3.825H31.47a4.111,4.111,0,0,0-4.1,3.825l-2.943,42.37a4.111,4.111,0,0,0,4.1,4.4H80.935a4.111,4.111,0,0,0,4.1-4.4ZM44.158,42.578a2.684,2.684,0,0,1-3.418,2.578,2.63,2.63,0,0,1-1.827-1.79,2.7,2.7,0,0,1,3.735-3.221,2.616,2.616,0,0,1,1.511,2.427ZM67.2,45.144a2.632,2.632,0,0,1-1.791-1.827,2.685,2.685,0,0,1,2.581-3.42h0a2.617,2.617,0,0,1,2.43,1.513A2.7,2.7,0,0,1,67.2,45.144Z' transform='translate(-0.352 -0.078)' fill='%23fff' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35295' data-name='path 35295' d='M18.822,22.858a2.685,2.685,0,0,1-3.42,2.577,2.633,2.633,0,0,1-1.825-1.79,2.7,2.7,0,0,1,3.731-3.222,2.619,2.619,0,0,1,1.514,2.431Z' transform='translate(-0.655 -0.469)' fill='%23fff' stroke='%23002d62' stroke-width='1'/%3E%3Cpath id='path_35296' data-name='path 35296' d='M18.822,22.858a2.685,2.685,0,0,1-3.42,2.577,2.633,2.633,0,0,1-1.825-1.79,2.7,2.7,0,0,1,3.731-3.222,2.619,2.619,0,0,1,1.514,2.431Z' transform='translate(-0.655 -0.469)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35297' data-name='path 35297' d='M46.5,21.691a2.7,2.7,0,0,1-3.225,3.736A2.635,2.635,0,0,1,41.481,23.6a2.687,2.687,0,0,1,2.583-3.421h0A2.62,2.62,0,0,1,46.5,21.691' transform='translate(0.118 -0.469)' fill='%23fff' stroke='%23002d62' stroke-width='1'/%3E%3Cpath id='path_35298' data-name='path 35298' d='M46.5,21.691a2.7,2.7,0,0,1-3.225,3.736A2.635,2.635,0,0,1,41.481,23.6a2.687,2.687,0,0,1,2.583-3.421h0A2.62,2.62,0,0,1,46.5,21.691Z' transform='translate(0.118 -0.469)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35300' data-name='path 35300' d='M44.766,20.8V17.1C44.766,7.236,38.34,1,30.414,1S16.069,7.237,16.069,17.1v3.7' transform='translate(-0.583 -1)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35303' data-name='path 35303' d='M67.529,44.961V48.5c0,5.273-5.939,9.557-13.257,9.557S41.015,53.773,41.015,48.5V44.961' transform='translate(0.108 0.217)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_35634' data-name='path 35634' d='M2.306,0H52.25l.758,10.277H1.335Z' transform='translate(30.144 61.712)' fill='%23fde77f'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico6 {
    left: 479px;
    top: 258px;
    transform: translate(-390px, -100px) scale(0.5);
}

#wrapper.main .step3 .layoutWrap > div .phoneArea .icoList li.ico6 span {
    width: 57px;
    height: 61px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 77.071 81.561'%3E%3Cg id='Icon_AKCoin' transform='translate(1 0.999)'%3E%3Cpath id='path_35710' data-name='path 35710' d='M0,0,15.6.588c16.183,0,29.375,17.22,29.375,39.186S31.779,78.96,15.6,78.96L0,79.548' transform='translate(30.1)' fill='%23fde77f' stroke='%23111' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35717' data-name='path 35717' d='M0,39.442C0,17.658,14,0,31.271,0S62.54,17.658,62.54,39.442s-14,39.442-31.27,39.442S0,61.225,0,39.442Z' transform='translate(0.619 0.013)' fill='%23fff'/%3E%3Cpath id='path_35716' data-name='path 35716' d='M0,38.138C0,17.075,13.28,0,29.662,0S59.324,17.075,59.324,38.138,46.044,76.275,29.662,76.275,0,59.2,0,38.138Z' transform='translate(3.835 0.013)' fill='%23fde77f'/%3E%3Cpath id='path_35711' data-name='path 35711' d='M0,39.774C0,17.807,14.139,0,31.58,0S63.16,17.807,63.16,39.774,49.021,79.548,31.58,79.548,0,61.741,0,39.774Z' transform='translate(0 0.014)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='goup_34807' data-name='goup 34807'%3E%3Cpath id='path_35712' data-name='path 35712' d='M12.935,0,1.431,8.793V0H0V11.688L6.98,6.194l6.452,5.035H15.9L8.145,5.373,15.378,0Z' transform='translate(30.799 33.714)' fill='%23fff9d8' stroke='%23fff9d8' stroke-width='1'/%3E%3Cpath id='path_35714' data-name='path 35714' d='M0,11.686H1.9L9.375,2.262l7.474,9.424h1.9L9.383,0Z' transform='translate(10.193 33.258)' fill='%23fff9d8' stroke='%23fff9d8' stroke-width='1'/%3E%3C/g%3E%3Cpath id='path_35788' data-name='path 35788' d='M50.944,9.233l12.3.153' transform='translate(1.152)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35789' data-name='path 35789' d='M50.944,9.233l11.43.153' transform='translate(5.453 5.146)' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: rotate(18deg);
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .textList li:nth-of-type(1) {
    opacity: 1;
    transform: scale(1);
    transition: 0.75s;
    transition-delay: 0.7s;
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .textList li:nth-of-type(2) {
    opacity: 1;
    transform: scale(1);
    transition: 0.75s;
    transition-delay: 0.8s;
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .textList li:nth-of-type(3) {
    opacity: 1;
    transform: scale(1);
    transition: 0.75s;
    transition-delay: 0.9s;
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .textList.on li {
    border-color: #2A85F1;
    transition: 1s;
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .textList.on li span {
    /*font-size:32px;*/
    transition: 1s;
    font-weight: 700;
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .textList.on li:nth-of-type(1) {
    transition-delay: 0s;
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .textList.on li:nth-of-type(1) span {
    transition-delay: 0s;
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .textList.on li:nth-of-type(2) {
    transition-delay: 0.4s;
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .textList.on li:nth-of-type(2) span {
    transition-delay: 0.4s;
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .textList.on li:nth-of-type(3) {
    transition-delay: 0.8s;
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .textList.on li:nth-of-type(3) span {
    transition-delay: 0.8s;
}

#wrapper.main .step3.active .layoutWrap > div .phoneArea .icoList li {
    transition: 0.85s;
    transform: translate(0) scale(1);
    opacity: 1;
    transition-delay: 0.25s;
}

#wrapper.main .step4 {
    background: #FCF8DD;
}

#wrapper.main .step4 .scArea {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 630px;
    height: 630px;
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
}

#wrapper.main .step4 .scArea h2 {
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 70px;
    transform: translateY(30px);
    opacity: 0;
}

#wrapper.main .step4 .scArea h2 i {
    font-weight: 700;
}

#wrapper.main .step4 .scArea h2 i {
    position: relative;
}

#wrapper.main .step4 .scArea h2 i:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    background: #dff4bb;
    z-index: -1;
}

#wrapper.main .step4 .scArea h2 + p {
    margin-bottom: 23px;
    font-size: 28px;
    line-height: 39px;
    text-align: center;
    transform: translateY(10px);
    opacity: 0;
}

#wrapper.main .step4 .scArea h2 + p em {
    font-weight: 700;
}

#wrapper.main .step4 .scArea .cardArea {
    transform: rotateX(45deg);
    opacity: 0;
}

#wrapper.main .step4 .scArea .icoList li {
    position: absolute;
    opacity: 0;
}

#wrapper.main .step4 .scArea .icoList li span {
    display: block;
}

#wrapper.main .step4 .scArea .icoList li.ico1 {
    left: -187px;
    top: 45px;
    transform: translate(220px, 120px);
}

#wrapper.main .step4 .scArea .icoList li.ico1 span {
    width: 94px;
    height: 95px;
    background: url("data:image/svg+xml,%3Csvg id='Icon_Gift' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 93.085 94.101'%3E%3Cg id='group_34724' data-name='group 34724' transform='translate(20.415 0)'%3E%3Cg id='group_34724-2' data-name='group 34724'%3E%3Cpath id='path_35727' data-name='path 35727' d='M10.411,0C22.035,0,31.595,17.034,31.43,17.112s-3.021,0-21.019,0C4.661,17.112,0,13.282,0,8.556S4.661,0,10.411,0Z' fill='%23fff'/%3E%3Cpath id='path_35729' data-name='path 35729' d='M8.863,0C18.76,0,26.9,13.971,26.758,14.035s-2.572,0-17.895,0C3.968,14.035,0,10.893,0,7.018S3.968,0,8.863,0Z' transform='translate(4.672 3.083)' fill='%23d2e7ff'/%3E%3Cg id='path_35730' data-name='path 35730' fill='none'%3E%3Cpath d='M10.411,0C22.035,0,31.595,17.034,31.43,17.112s-3.021,0-21.019,0C4.661,17.112,0,13.282,0,8.556S4.661,0,10.411,0Z' stroke='none'/%3E%3Cpath d='M 10.41084861755371 2.000000953674316 C 8.091987609863281 2.000000953674316 5.928577423095703 2.728461265563965 4.319137573242188 4.051191329956055 C 2.823617935180664 5.280301094055176 1.999998092651367 6.880221366882324 1.999998092651367 8.556241035461426 C 1.999998092651367 10.23226165771484 2.823617935180664 11.83218193054199 4.319137573242188 13.0612907409668 C 5.928577423095703 14.3840217590332 8.091987609863281 15.11248111724854 10.41084861755371 15.11248111724854 C 18.79955673217773 15.11248111724854 23.91550827026367 15.12953186035156 26.97218704223633 15.13972091674805 C 27.3188533782959 15.14087772369385 27.64025497436523 15.14194965362549 27.93774032592773 15.14290142059326 C 26.86102867126465 13.53312683105469 25.29351806640625 11.40427494049072 23.34555816650391 9.306390762329102 C 20.25061798095703 5.973251342773438 15.4942684173584 2.000000953674316 10.41084861755371 2.000000953674316 M 10.41084861755371 1.9073486328125e-06 C 22.03482818603516 1.9073486328125e-06 31.59491729736328 17.0341911315918 31.42990684509277 17.11248207092285 C 31.2648983001709 17.19078063964844 28.40865707397461 17.11248207092285 10.41084861755371 17.11248207092285 C 4.661098480224609 17.11248207092285 -1.9073486328125e-06 13.2817211151123 -1.9073486328125e-06 8.556241035461426 C -1.9073486328125e-06 3.830760955810547 4.661098480224609 1.9073486328125e-06 10.41084861755371 1.9073486328125e-06 Z' stroke='none' fill='%23111'/%3E%3C/g%3E%3C/g%3E%3Cg id='group_34727' data-name='group 34727' transform='translate(20.822 0)'%3E%3Cpath id='path_35727-2' data-name='path 35727' d='M21.021,0C9.4,0-.163,17.034,0,17.112s3.021,0,21.019,0c5.75,0,10.411-3.831,10.411-8.556S26.771,0,21.021,0Z' transform='translate(0 0)' fill='%23fff'/%3E%3Cpath id='path_35729-2' data-name='path 35729' d='M15.989,0C7.148,0-.124,12.167,0,12.223s2.3,0,15.987,0c4.373,0,7.919-2.736,7.919-6.112S20.362,0,15.989,0Z' transform='translate(6.124 3.674)' fill='%23d2e7ff'/%3E%3Cg id='path_35730-2' data-name='path 35730' transform='translate(0 0)' fill='none'%3E%3Cpath d='M21.021,0C9.4,0-.163,17.034,0,17.112s3.021,0,21.019,0c5.75,0,10.411-3.831,10.411-8.556S26.771,0,21.021,0Z' stroke='none'/%3E%3Cpath d='M 21.02126502990723 2.000000953674316 C 15.93781566619873 2.000000953674316 11.18143463134766 5.973251342773438 8.086484909057617 9.306390762329102 C 6.138513565063477 11.40427494049072 4.570995330810547 13.53312683105469 3.494279861450195 15.14290142059326 C 3.791765213012695 15.14194965362549 4.113170623779297 15.14087772369385 4.459835052490234 15.13972091674805 C 7.516534805297852 15.12953186035156 12.63251495361328 15.11248111724854 21.02126502990723 15.11248111724854 C 23.34013557434082 15.11248111724854 25.50355529785156 14.3840217590332 27.11300659179688 13.0612907409668 C 28.60853576660156 11.83218193054199 29.43215560913086 10.23226165771484 29.43215560913086 8.556241035461426 C 29.43215560913086 6.880221366882324 28.60853576660156 5.280301094055176 27.11300659179688 4.051191329956055 C 25.50355529785156 2.728461265563965 23.34013557434082 2.000000953674316 21.02126502990723 2.000000953674316 M 21.02126502990723 1.9073486328125e-06 C 26.77103614807129 1.9073486328125e-06 31.43215560913086 3.830760955810547 31.43215560913086 8.556241035461426 C 31.43215560913086 13.2817211151123 26.77103614807129 17.11248207092285 21.02126502990723 17.11248207092285 C 3.023359298706055 17.11248207092285 0.1671199798583984 17.19078063964844 0.002105712890625 17.11248207092285 C -0.1629047393798828 17.0341911315918 9.397226333618164 1.9073486328125e-06 21.02126502990723 1.9073486328125e-06 Z' stroke='none' fill='%23111'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Crect id='rect_17704' data-name='rect 17704' width='83.287' height='79.612' rx='10' transform='translate(4.899 14.488)' fill='%23fff'/%3E%3Crect id='rect_17705' data-name='rect 17705' width='75.938' height='79.612' rx='10' transform='translate(12.248 14.488)' fill='%23fde77f'/%3E%3Cg id='rect_17701' data-name='rect 17701' transform='translate(4.899 14.488)' fill='none' stroke='%23111' stroke-width='2'%3E%3Crect width='83.287' height='79.612' rx='10' stroke='none'/%3E%3Crect x='1' y='1' width='81.287' height='77.612' rx='9' fill='none'/%3E%3C/g%3E%3Cg id='rect_17702' data-name='rect 17702' transform='translate(0 14.488)' fill='%23fff' stroke='%23111' stroke-width='2'%3E%3Cpath d='M10,0H83.085a10,10,0,0,1,10,10V29.4a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10A10,10,0,0,1,10,0Z' stroke='none'/%3E%3Cpath d='M10,1H83.085a9,9,0,0,1,9,9V28.4a0,0,0,0,1,0,0H1a0,0,0,0,1,0,0V10A9,9,0,0,1,10,1Z' fill='none'/%3E%3C/g%3E%3Crect id='rect_17703' data-name='rect 17703' width='14.698' height='26.061' transform='translate(39.194 16.156)' fill='%23d2e7ff'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: rotate(27deg);
}

#wrapper.main .step4 .scArea .icoList li.ico2 {
    left: -257px;
    top: 357px;
    transform: translate(270px, -40px);
}

#wrapper.main .step4 .scArea .icoList li.ico2 span {
    width: 52px;
    height: 79px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.966 81.429'%3E%3Cg id='Icon_Coupon' transform='translate(1 1)'%3E%3Cpath id='path_35816' data-name='path 35816' d='M51.962,4a4.186,4.186,0,0,0-4.325-4H4.325A4.185,4.185,0,0,0,0,4V53.936A18.6,18.6,0,0,0,1.966,61.5L9.892,75.865a7.872,7.872,0,0,0,6.291,3.564h19.6a7.906,7.906,0,0,0,6.3-3.56l7.911-14.256a18.517,18.517,0,0,0,1.975-7.562Z' transform='translate(0 0)' fill='%23fff'/%3E%3Cpath id='path_35631' data-name='path 35631' d='M48.585,4a4.035,4.035,0,0,0-4.044-4H4.044A4.035,4.035,0,0,0,0,4V53.936A19.633,19.633,0,0,0,1.838,61.5L9.249,75.865a7.275,7.275,0,0,0,5.882,3.564H33.453a7.3,7.3,0,0,0,5.892-3.56l7.4-14.256a19.542,19.542,0,0,0,1.846-7.562Z' transform='translate(3.376 0)' fill='%23013580'/%3E%3Cpath id='path_33936' data-name='path 33936' d='M51.962,4a4.186,4.186,0,0,0-4.325-4H4.325A4.185,4.185,0,0,0,0,4V53.936A18.6,18.6,0,0,0,1.966,61.5L9.892,75.865a7.872,7.872,0,0,0,6.291,3.564h19.6a7.906,7.906,0,0,0,6.3-3.56l7.911-14.256a18.517,18.517,0,0,0,1.975-7.562Z' transform='translate(0 0)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_33937' data-name='path 33937' d='M9.168,4.58A4.584,4.584,0,1,0,4.582,9.166,4.584,4.584,0,0,0,9.168,4.58Z' transform='translate(20.372 61.12)' fill='%23fff'/%3E%3Cg id='group_34406' data-name='group 34406' transform='translate(12.208 15.705)'%3E%3Cpath id='path_33938' data-name='path 33938' d='M9.565,4.787A4.783,4.783,0,1,0,4.778,9.565h0A4.78,4.78,0,0,0,9.565,4.789Z' transform='translate(0 15.787)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_33939' data-name='path 33939' d='M9.565,4.785A4.783,4.783,0,1,0,4.78,9.565,4.782,4.782,0,0,0,9.565,4.785Z' transform='translate(15.79 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='line_1310' data-name='line 1310' x1='21.271' y1='21.269' transform='translate(2.041 2.046)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cpath id='path_35151' data-name='path 35151' d='M0,0V31.318' transform='translate(9.86 52.47) rotate(-90)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2' stroke-dasharray='1 3'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: rotate(148deg);
}

#wrapper.main .step4 .scArea .icoList li.ico3 {
    left: -19px;
    top: 528px;
    transform: translate(170px, -110px);
}

#wrapper.main .step4 .scArea .icoList li.ico3 span {
    width: 78px;
    height: 83px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 63.901 67.604'%3E%3Cg id='group_34780' data-name='group 34780' transform='translate(63.246 66.604) rotate(180)'%3E%3Cpath id='path_35710' data-name='path 35710' d='M0,65.593l12.86-.485c13.344,0,24.222-14.2,24.222-32.312S26.2.485,12.86.485L0,0' transform='translate(25.164 0.011)' fill='%23fde77f' stroke='%23111' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35717' data-name='path 35717' d='M0,32.523C0,50.485,11.544,65.045,25.785,65.045S51.569,50.484,51.569,32.523,40.025,0,25.785,0,0,14.561,0,32.523Z' transform='translate(0.855 0.548)' fill='%23fff'/%3E%3Cpath id='path_35716' data-name='path 35716' d='M0,31.2C0,48.432,10.864,62.4,24.266,62.4S48.532,48.432,48.532,31.2,37.668,0,24.266,0,0,13.969,0,31.2Z' transform='translate(0 1.061)' fill='%23fde77f'/%3E%3Cpath id='path_35711' data-name='path 35711' d='M0,32.8c0,18.113,11.658,32.8,26.04,32.8s26.04-14.683,26.04-32.8S40.421,0,26.04,0,0,14.683,0,32.8Z' transform='translate(0.344 0)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='group_34770' data-name='group 34770' transform='translate(11.566 29.083)'%3E%3Cpath id='path_35712' data-name='path 35712' d='M2.441,9.637l9.486-7.251V9.637h1.18V0L7.351,4.53,2.031.378H0L6.391,5.207.427,9.637Z' transform='translate(0 0)' fill='%23fff7ce' stroke='%23fff7ce' stroke-width='1'/%3E%3Cpath id='path_35714' data-name='path 35714' d='M15.459,0H13.892L7.729,7.771,1.566,0H0L7.721,9.636Z' transform='translate(14.639 0.377)' fill='%23fff7ce' stroke='%23fff7ce' stroke-width='1'/%3E%3C/g%3E%3Cpath id='path_35788' data-name='path 35788' d='M0,.126,10.145,0' transform='translate(43.301 57.865)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35789' data-name='path 35789' d='M0,.126,9.425,0' transform='translate(46.848 53.622)' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: rotate(-18deg);
}

#wrapper.main .step4 .scArea .icoList li.ico4 {
    left: 575px;
    top: 69px;
    transform: translate(-210px, 130px);
}

#wrapper.main .step4 .scArea .icoList li.ico4 span {
    width: 116px;
    height: 123px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 117.14 124.027'%3E%3Cg id='group_34779' data-name='group 34779' transform='translate(1 0.999)'%3E%3Cpath id='path_35791' data-name='path 35791' d='M0,0,23.92.9C48.741.9,68.975,27.313,68.975,61s-20.234,60.1-45.054,60.1l-23.92.9' transform='translate(46.165 0)' fill='%23fde77f'/%3E%3Cpath id='path_35710' data-name='path 35710' d='M0,0,23.92.9C48.741.9,68.975,27.313,68.975,61s-20.234,60.1-45.054,60.1l-23.92.9' transform='translate(46.165 0)' fill='none' stroke='%23111' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_35717' data-name='path 35717' d='M0,60.494C0,27.084,21.472,0,47.961,0s47.96,27.084,47.96,60.494-21.472,60.494-47.96,60.494S0,93.9,0,60.494Z' transform='translate(0.949 0.021)' fill='%23fff'/%3E%3Cpath id='path_35716' data-name='path 35716' d='M0,58.034C0,25.983,20.6,0,46.011,0s46.01,25.983,46.01,58.035-20.6,58.034-46.01,58.034S0,90.086,0,58.034Z' transform='translate(5.849 0.234)' fill='%23fde77f'/%3E%3Cpath id='path_35711' data-name='path 35711' d='M0,61C0,27.312,21.685,0,48.436,0S96.87,27.312,96.871,61s-21.685,61-48.435,61S0,94.695,0,61Z' transform='translate(0 0.021)' fill='none' stroke='%23111' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='group_34770' data-name='group 34770' transform='translate(11.992 56.965) rotate(-11)'%3E%3Cpath id='path_35712' data-name='path 35712' d='M24.862,0,2.751,16.9V0H0V22.463L13.415,11.905l12.4,9.677h4.735l-14.9-11.255L29.556,0Z' transform='translate(39.604 0.876)' fill='%23fff7ce' stroke='%23fff7ce' stroke-width='1'/%3E%3Cpath id='path_35714' data-name='path 35714' d='M0,22.46H3.652L18.018,4.347,32.383,22.46h3.65L18.035,0Z' transform='translate(0 0)' fill='%23fff7ce' stroke='%23fff7ce' stroke-width='1'/%3E%3C/g%3E%3Cpath id='path_35788' data-name='path 35788' d='M0,0,18.871.234' transform='translate(76.978 110.497)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35789' data-name='path 35789' d='M0,0,18.107.234' transform='translate(82.477 104.574)' fill='none' stroke='%23111' stroke-width='2'/%3E%3Cpath id='path_35792' data-name='path 35792' d='M0,0,18.107.234' transform='translate(91.237 89.72)' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: rotate(25deg);
}

#wrapper.main .step4 .scArea .icoList li.ico5 {
    left: 711px;
    top: 418px;
    transform: translate(-180px, -40px);
}

#wrapper.main .step4 .scArea .icoList li.ico5 span {
    width: 118px;
    height: 91px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 119.033 92.807'%3E%3Cg id='group_34790' data-name='group 34790' transform='translate(1.006 1.006)'%3E%3Crect id='rect_17650' data-name='rect 17650' width='86.664' height='54.483' rx='4' transform='translate(30.362 36.317)' fill='%23fff'/%3E%3Cpath id='path_35304' data-name='path 35304' d='M29.568,62.411l-17.64,2.542a4.848,4.848,0,0,1-5.489-4.107L.05,16.517a4.849,4.849,0,0,1,4.106-5.489L80.342.05A4.847,4.847,0,0,1,85.83,4.156l4.5,31.173' transform='translate(0 0)' fill='%23fff' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_36503' data-name='path 36503' d='M5,0H75.606a5,5,0,0,1,5,5V49.483a5,5,0,0,1-5,5H5a5,5,0,0,1-5-5V5A5,5,0,0,1,5,0Z' transform='translate(36.422 36.317)' fill='%23013580'/%3E%3Crect id='rect_17505' data-name='rect 17505' width='86.664' height='54.483' rx='4' transform='translate(30.362 36.317)' fill='none' stroke='%23111' stroke-linecap='round' stroke-width='2'/%3E%3Cg id='group_34358' data-name='group 34358' transform='translate(59.337 70.791)'%3E%3Cpath id='path_35306' data-name='path 35306' d='M17.519,0,2.088,9.565V0H0V13L9.5,6.945l8.687,5.494h3.62L11.22,5.955,21.106,0Z' transform='translate(28.052 0.53)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.4'/%3E%3Cpath id='path_35308' data-name='path 35308' d='M0,12.969H2.774L12.833,2.688l10.06,10.281H25.67L12.849,0Z' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='0.4'/%3E%3C/g%3E%3Ccircle id='sc_2048' data-name='sc 2048' cx='4.847' cy='4.847' r='4.847' transform='translate(45.164 46.048)' fill='%23fde77f'/%3E%3Crect id='rect_17497' data-name='rect 17497' width='84.237' height='10.756' transform='translate(1.927 21.033) rotate(-8.197)' fill='%23d2e7ff'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    transform: rotate(-24deg);
}

#wrapper.main .step4.active .scArea h2 {
    transition: 1s;
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.5s;
}

#wrapper.main .step4.active .scArea h2 + p {
    transition: 1s;
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.7s;
}

#wrapper.main .step4.active .scArea .cardArea {
    transform: rotateY(0);
    opacity: 1;
    transition: 1s;
    transition-delay: 1s;
}

#wrapper.main .step4.active .scArea .icoList li {
    transform: translate(0);
    transition: 0.5s;
    opacity: 1;
    transition-delay: 1.5s;
}

#wrapper.main .step4.sustain .scArea h2 {
    transform: translateY(0);
    opacity: 1;
}

#wrapper.main .step4.sustain .scArea h2 + p {
    transform: translateY(0);
    opacity: 1;
}

#wrapper.main .step4.sustain .scArea .cardArea {
    transform: rotateY(0);
    opacity: 1;
}

#wrapper.main .step4.sustain .scArea .icoList li {
    transform: translate(0);
    opacity: 1;
}

#wrapper.main .step5 {
    height: auto !important;
}

#wrapper.main .step5 .footerArea {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 360px;
    background: #263862;
}

#wrapper.main .step5 .footerArea ul {
    display: flex;
}

#wrapper.main .step5 .footerArea ul li {
    margin: 0 30px;
}

#wrapper.main .step5 .footerArea ul li strong {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

#wrapper.main .step5 .footerArea ul li p {
    text-align: center;
    color: #fff;
    font-size: 20px;
    opacity: 0.8;
}

#wrapper.main .step5 .footerArea ul li a {
    display: block;
    padding-top: 75px;
}

#wrapper.main .step5 .footerArea ul li.foot1 a {
    position: relative;
}

#wrapper.main .step5 .footerArea ul li.foot1 a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 52px;
    height: 52px;
    background: url("data:image/svg+xml,%3Csvg id='group_34174' data-name='group 34174' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Ccircle id='sc_2156' data-name='sc 2156' cx='26' cy='26' r='26' transform='translate(1 1)' fill='%23fff'/%3E%3Cellipse id='sc_1951' data-name='sc 1951' cx='23' cy='23.5' rx='23' ry='23.5' transform='translate(6 3.5)' fill='%23f9e376'/%3E%3Cg id='sc_2155' data-name='sc 2155' fill='none' stroke='%23111' stroke-width='2'%3E%3Ccircle cx='27' cy='27' r='27' stroke='none'/%3E%3Ccircle cx='27' cy='27' r='26' fill='none'/%3E%3C/g%3E%3Cpath id='path_33561' data-name='path 33561' d='M5.731,20.966V6.306l8.311,8.552L22.418,6.24V20.966' transform='translate(12.925 13.397)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step5 .footerArea ul li.foot2 a {
    position: relative;
}

#wrapper.main .step5 .footerArea ul li.foot2 a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 69px;
    height: 44px;
    background: url("data:image/svg+xml,%3Csvg id='Icon_AKCard2_68' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.42 43.013'%3E%3Crect id='rect_17731' data-name='rect 17731' width='68.419' height='43.013' rx='4' fill='%23fff'/%3E%3Crect id='rect_17737' data-name='rect 17737' width='68.42' height='6.697' transform='translate(0.001 9.566)' fill='%23f9e376'/%3E%3Cg id='group_34358' data-name='group 34358' transform='translate(23.791 26.301)'%3E%3Cpath id='path_35326' data-name='path 35326' d='M87.9,58.9,75.723,66.449V58.9H74.074V69.164l7.5-4.783,6.858,4.338h2.858L82.932,63.6l7.8-4.7Z' transform='translate(-51.928 -58.48)' fill='%23111' stroke='%23000' stroke-width='0.4'/%3E%3Cpath id='path_35327' data-name='path 35327' d='M50.925,68.7h2.19l7.941-8.116L69,68.7h2.193L61.068,58.461Z' transform='translate(-50.925 -58.461)' fill='%23111' stroke='%23000' stroke-width='0.4'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step5 .footerArea ul li.foot3 a {
    position: relative;
}

#wrapper.main .step5 .footerArea ul li.foot3 a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 47px;
    height: 53px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.001 52.997'%3E%3Cg id='Icon_Lock' transform='translate(-682.119 8.184)'%3E%3Cpath id='plus_35' data-name='plus 35' d='M7,53a7,7,0,0,1-7-7V29.424a7,7,0,0,1,7-7H8.174V15.353a15.327,15.327,0,1,1,30.653,0v7.071H40a7,7,0,0,1,7,7V46a7,7,0,0,1-7,7ZM30.76,22.424V15.353a7.26,7.26,0,1,0-14.52,0v7.071Z' transform='translate(682.119 -8.186)' fill='%23fff'/%3E%3Cg id='sc_2160' data-name='sc 2160' transform='translate(701.619 25.957)' fill='none' stroke='%23111' stroke-width='2'%3E%3Ccircle cx='4' cy='4' r='4' stroke='none'/%3E%3Ccircle cx='4' cy='4' r='5' fill='none'/%3E%3C/g%3E%3Cpath id='Icon_awesome-lock' data-name='Icon awesome-lock' d='M37.788,22.623V15.351a15.326,15.326,0,1,0-30.653,0v7.272Zm-8.067,0H15.2V15.351a7.26,7.26,0,1,1,14.52,0Z' transform='translate(683.158 -8.184)' fill='%23fde77f'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .step5 .footerArea ul li.foot4 a {
    position: relative;
}

#wrapper.main .step5 .footerArea ul li.foot4 a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 58px;
    height: 50px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57.44 50.001'%3E%3Cg id='Icon_ProfileEdit_58' transform='translate(-1379 -3993.999)'%3E%3Crect id='rect_18196' data-name='rect 18196' width='44' height='50' rx='4' transform='translate(1379 3994)' fill='%23fff'/%3E%3Cg id='group_37460' data-name='group 37460' transform='translate(1387.5 4005.687)'%3E%3Cg id='group_37462' data-name='group 37462' transform='translate(0 21.549)'%3E%3Cline id='line_1618' data-name='line 1618' x2='12.813' fill='none' stroke='%23111' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1619' data-name='line 1619' x2='27.813' transform='translate(0 6)' fill='none' stroke='%23111' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3Cg id='Icon_Profile' transform='translate(0.5)'%3E%3Cpath id='path_33344' data-name='path 33344' d='M12.479,16.282c0-2.475-2.691-4.482-5.109-4.482H5.909C3.491,11.8.8,13.806.8,16.282' transform='translate(-0.8 -3.693)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='sc_2158' data-name='sc 2158' cx='2.5' cy='2.5' r='2.5' transform='translate(3.34)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3Cpath id='path_35310' data-name='path 35310' d='M4.173,0A2.2,2.2,0,0,1,6.065,1.316L8.172,5.493a3.265,3.265,0,0,1,.34,1.446L8.68,34.12a2.473,2.473,0,0,1-2.2,2.719L2.317,36.8a2.066,2.066,0,0,1-1.572-.817,3.151,3.151,0,0,1-.661-1.944C-.088,6.349.025,5.849.239,5.418L2.3,1.282A2.119,2.119,0,0,1,4.173,0Z' transform='translate(1410.391 4026.186) rotate(-135)' fill='%23fde77f'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main header {
    border-bottom: 0;
    position: relative;
}

#wrapper.main header .headerWrap .bar {
    display: none;
}

#wrapper.main .mainPopWrap {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 120;
}

#wrapper.main .mainPopWrap .mainPop {
    width: 342px;
    z-index: 121;
    background: rgba(0, 0, 0, 0.5);
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slideList {
    height: 412px;
    width: 342px;
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slideList a {
    width: 100%;
    height: 100%;
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slick-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slick-dots li {
    margin: 0 4px;
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slick-dots li button {
    width: 6px;
    height: 6px;
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slick-arrow {
    width: 20px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.591 11.061'%3E%3Cpath id='path_25' data-name='path 25' d='M60.332,740.916l5,5-5,5' transform='translate(-59.802 -740.386)' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat 0 0;
    background-size: 20px 40px;
    z-index: 9999;
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slick-prev {
    left: -50px;
    margin-top: -20px;
    transform: rotate(180deg);
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slick-next {
    right: -50px;
}

#wrapper.main .mainPopWrap .mainPop .checkTodayBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    padding: 0 16px;
}

#wrapper.main .mainPopWrap .mainPop .checkTodayBox > div input + label {
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

#wrapper.main .mainPopWrap .mainPop .checkTodayBox a {
    font-size: 16px;
    color: #fff;
}

#wrapper.main .mainPopWrap .popBg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #111;
    opacity: 0.5;
    z-index: 120;
}

#wrapper.main .skyBannerWrap {
    position: relative;
    overflow: hidden;
}

#wrapper.main .skyBannerWrap .skyBnCloseBtn {
    position: absolute;
    right: 30px;
    top: 30px;
}

#wrapper.main .skyBannerWrap .skyBnCloseBtn:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main .mainStickerPopWrap {
    position: fixed;
    bottom: 20px;
    right: 30px;
    width: 364px;
    height: 230px;
    border: solid 1px rgba(112, 112, 112, 0.51);
    z-index: 99;
    overflow: hidden;
}

#wrapper.main .mainStickerPopWrap .mainStickerCloseBtn {
    position: absolute;
    right: 15px;
    top: 20px;
}

#wrapper.main .mainStickerPopWrap .mainStickerCloseBtn:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

/***** AK멤버스 *****/
/*AK멤버스 마일리지*/
#memberMileage h3 {
    margin-bottom: 60px;
    font-size: 24px;
}

#memberMileage article {
    padding: 0 0 100px 94px;
}

#memberMileage article h4 {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 24px;
}

#memberMileage article .tit {
    display: block;
    font-size: 18px;
    margin-bottom: 16px;
}

#memberMileage article .tableCont {
    margin: 36px 0 60px;
}

#memberMileage article .tableCont .tableTypeA {
    /*black*/
}

#memberMileage article .tableCont .tableTypeA th {
    font-weight: 400;
}

#memberMileage article .tableCont .tableTypeA td,
#memberMileage article .tableCont .tableTypeA th {
    border-right: 1px solid #ddd;
    padding: 14px 0;
    text-align: center !important;
}

#memberMileage article .tableCont .tableTypeA .bbb {
    border-bottom: 1px solid #111;
}

#memberMileage article .tableCont .tableTypeB th {
    padding: 14px 0;
    border-right: 1px solid #ddd;
    text-align: center !important;
}

#memberMileage article .caution {
    margin-top: 16px;
    color: #888;
    font-size: 14px;
    line-height: 20px;
}

#memberMileage article .caution:nth-of-type(n+2) {
    margin-top: 8px;
}

#memberMileage article.ico_accumulate .tableTypeA th,
#memberMileage article.ico_accumulate .tableTypeA td {
    font-size: 14px;
}

#memberMileage article.ico_giftCard .tableCont {
    margin-top: 0;
}

#memberMileage article.ico_giftCard .tableCont .tableTypeB th,
#memberMileage article.ico_giftCard .tableCont .tableTypeB td {
    font-size: 14px;
    text-align: left;
}

#memberMileage article.ico_giftCard > .btnTypeD {
    margin-top: 32px;
}

#memberMileage article.ico_giftCard > .btnTypeD span {
    padding-right: 14px;
}

#memberMileage article.ico_giftCard > .btnTypeD span {
    position: relative;
}

#memberMileage article.ico_giftCard > .btnTypeD span:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 11px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.061 10.707'%3E%3Cpath id='Icon_Arrow_Right_10' d='M5,10,0,5,5,0' transform='translate(5.354 10.354) rotate(180)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E") no-repeat no-repeat 0 0/100%;
}

#memberMileage article.ico_affiliated > ul {
    margin-top: 40px;
}

#memberMileage article.ico_affiliated > ul > li {
    margin-bottom: 40px;
}

#memberMileage article.ico_affiliated > ul > li > strong {
    display: block;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 29px;
}

#memberMileage article.ico_affiliated > ul > li > div > span {
    display: inline-block;
    min-width: 240px;
    margin-right: 38px;
    margin-bottom: 8px;
}

#memberMileage article.ico_affiliated > ul > li > div > span > em {
    display: inline-block;
    margin-right: 8px;
    padding-left: 20px;
    color: #666;
}

#memberMileage article.ico_affiliated > ul > li > div > span > em {
    position: relative;
}

#memberMileage article.ico_affiliated > ul > li > div > span > em:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 14 14'%3E%3Cpath id='Icon_Phone' d='M2.145.947a1.527,1.527,0,0,1,2.16,0,1.633,1.633,0,0,1,.125.142L6,3.108a1.524,1.524,0,0,1,.276,1.307L5.8,6.332a.592.592,0,0,0,.156.564L8.1,9.046a.592.592,0,0,0,.563.156l1.916-.479A1.526,1.526,0,0,1,11.891,9l2.019,1.57a1.528,1.528,0,0,1,.268,2.144,1.476,1.476,0,0,1-.125.142l-.906.906a2.431,2.431,0,0,1-2.517.614A16.315,16.315,0,0,1,4.494,10.5,16.322,16.322,0,0,1,.625,4.371a2.434,2.434,0,0,1,.614-2.519Z' transform='translate(-0.5 -0.5)' fill='%23ccc'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#memberMileage article.ico_affiliated > ul > li > div > span > span {
    font-family: "Noto Sans KR", sans-serif;
}

#memberMileage article.ico_affiliated > ul > li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#memberMileage article.ico_affiliated > ul > li:last-of-type::after,
#memberMileage article.ico_affiliated > ul > li:last-of-type::before {
    display: none;
}

#memberMileage article .bgBox {
    margin-top: 24px;
    padding: 32px;
    background: #f9f9f9;
    font-size: 14px;
}

#memberMileage article .bgBox .ex {
    color: #888;
}

#memberMileage article .bgBox p {
    margin-top: 8px;
    font-size: 14px;
}

#memberMileage article {
    position: relative;
}

#memberMileage article:before {
    content: "";
    position: absolute;
    left: 30px;
    width: 2px;
    background: url(/static/images/members/dot.png) repeat-y;
}

#memberMileage article {
    position: relative;
}

#memberMileage article:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

#memberMileage article.ico_accumulate:before {
    top: 75px;
    height: calc(100% - 90px);
}

#memberMileage article.ico_accumulate:after {
    width: 60px;
    height: 60px;
    background: url("data:image/svg+xml,%3Csvg id='Icon_Mileage_60' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Ccircle id='sc_2149' data-name='sc 2149' cx='30' cy='30' r='30' transform='translate(0 0)' fill='%23fff'/%3E%3Cg id='sc_1951' data-name='sc 1951' transform='translate(0 0)' fill='none' stroke='%2328324e' stroke-width='1.6'%3E%3Ccircle cx='30' cy='30' r='30' stroke='none'/%3E%3Ccircle cx='30' cy='30' r='29.2' fill='none'/%3E%3C/g%3E%3Cpath id='path_33561' data-name='path 33561' d='M5.731,25.163V6.325l10.68,10.989L27.173,6.24V25.163' transform='translate(13.184 14.604)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#memberMileage article.ico_giftCard:before {
    top: 54px;
    height: calc(100% - 70px);
}

#memberMileage article.ico_giftCard:after {
    width: 60px;
    height: 38px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61.597 39.1'%3E%3Cg id='Icon_AKmemberscard_64' transform='translate(0.8 0.8)'%3E%3Crect id='rect_17505' data-name='rect 17505' width='59.997' height='37.5' rx='3' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-width='1.6'/%3E%3Cg id='group_34358' data-name='group 34358' transform='translate(16.31 21.514)'%3E%3Cpath id='path_35306' data-name='path 35306' d='M87.3,58.9,75.651,66.12V58.9H74.074v9.819l7.175-4.575,6.56,4.149h2.733l-8-4.9,7.465-4.5Z' transform='translate(-52.892 -58.498)' fill='%2328324e' stroke='%2328324e' stroke-miterlimit='10' stroke-width='0.4'/%3E%3Cpath id='path_35308' data-name='path 35308' d='M50.925,68.253h2.095l7.6-7.763,7.6,7.763h2.1l-9.682-9.793Z' transform='translate(-50.925 -58.461)' fill='%2328324e' stroke='%2328324e' stroke-miterlimit='10' stroke-width='0.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#memberMileage article.ico_affiliated:after {
    width: 60.3px;
    height: 59.2px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61.681 60.82'%3E%3Cg id='Icon_MobileAK_60' transform='translate(-0.002)'%3E%3Cpath id='path_36505' data-name='path 36505' d='M1.6,29.2V5A4.212,4.212,0,0,1,5.82.8H26.644A4.213,4.213,0,0,1,30.861,5v.457' transform='translate(6.501)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.6'/%3E%3Cpath id='path_36506' data-name='path 36506' d='M30.861,34.769V48.455a4.212,4.212,0,0,1-4.217,4.2H9.34' transform='translate(6.501)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.6'/%3E%3Cpath id='path_35883' d='M17.13,60V56.49a5.367,5.367,0,0,0-.792-3.026c-.924-1.452-2.111-3.691-2.111-3.691l4.554-7.142s.594-2.9-1.65-3.752A3.57,3.57,0,0,0,13.3,39.908l-4.29,6.839s-.973-.211-.907-2.147,0-15.4,0-15.4-1.271,0-2.326,2.542-4.092,8.17-4.092,8.17S.631,40.576.83,45.419.83,60,.83,60' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3Cpath id='plus_36' d='M32.431,31.064l-6.278,1.381,3.263-6.171a16.311,16.311,0,1,1,3.015,4.79Z' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3Cg id='group_35785' transform='translate(5.32 1.721)'%3E%3Cg id='group_35775' transform='translate(2.585 11.79)'%3E%3Cpath id='path_35306' d='M44.23,4.052,38.107,7.844V4.052h-.828V9.21l3.769-2.4,3.446,2.18H45.93l-4.2-2.571,3.925-2.366H44.23Z' fill='%2328324e' stroke='%2328324e' stroke-miterlimit='10' stroke-width='0.6'/%3E%3Cpath id='path_35308' d='M26.153,8.984h1.1l3.99-4.078,3.991,4.078h1.1L31.248,3.839Z' fill='%2328324e' stroke='%2328324e' stroke-miterlimit='10' stroke-width='0.6'/%3E%3C/g%3E%3C/g%3E%3Cpath id='path_36511' data-name='path 36511' d='M18.655,8.927h8.19' transform='translate(-0.034 -2.297)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#memberMileage article:last-of-type {
    padding-bottom: 0;
}

#memberMileage article:last-of-type::before {
    display: none;
}

#memberFaq .faqTypeListArea {
    margin-bottom: 100px;
}

#memberFaq .faqTypeListArea .controlArea {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

#memberFaq .faqTypeListArea .controlArea .tabArea ul {
    display: flex;
    align-items: flex-end;
}

#memberFaq .faqTypeListArea .controlArea .tabArea ul li {
    padding: 0 9px;
}

#memberFaq .faqTypeListArea .controlArea .tabArea ul li a {
    display: block;
    line-height: 24px;
    text-align: center;
}

#memberFaq .faqTypeListArea .controlArea .tabArea ul li.on a {
    position: relative;
}

#memberFaq .faqTypeListArea .controlArea .tabArea ul li.on a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -22px;
    width: 100%;
    height: 3px;
    background: #111;
}

#memberFaq .faqTypeListArea .controlArea .inputArea {
    position: relative;
    width: 200px;
}

#memberFaq .faqTypeListArea .controlArea .inputArea input {
    width: 100%;
    height: 24px;
    padding-right: 40px;
    border: 0;
    box-sizing: border-box;
}

#memberFaq .faqTypeListArea .controlArea .inputArea input::placeholder {
    color: #aaa;
}

#memberFaq .faqTypeListArea .controlArea .inputArea a {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.414 14.414'%3E%3Cg id='Icon_Search_12' transform='translate(1 1)'%3E%3Cpath id='path_16' data-name='path 16' d='M14.68,9.59A5.09,5.09,0,1,1,9.59,4.5,5.09,5.09,0,0,1,14.68,9.59Z' transform='translate(-4.5 -4.5)' fill='none' stroke='%23111' stroke-linecap='square' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_17' data-name='path 17' d='M28.669,28.669,25.5,25.578' transform='translate(-16.669 -16.669)' fill='none' stroke='%23111' stroke-linecap='square' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#memberFaq .faqTypeListArea > ul li {
    border-bottom: 1px solid #ddd;
}

#memberFaq .faqTypeListArea > ul li > a {
    display: flex;
    align-items: center;
    padding: 32px 30px;
}

#memberFaq .faqTypeListArea > ul li > a em {
    display: block;
    width: 200px;
    padding-right: 20px;
    padding-left: 52px;
    line-height: 24px;
}

#memberFaq .faqTypeListArea > ul li > a em {
    position: relative;
}

#memberFaq .faqTypeListArea > ul li > a em:before {
    content: "";
    position: absolute;
    content: "Q";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    font-family: "Noto Sans KR", sans-serif;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 50%;
    background: #28324e;
}

#memberFaq .faqTypeListArea > ul li > a strong {
    display: block;
    width: calc(100% - 200px);
    padding-right: 20px;
    line-height: 24px;
}

#memberFaq .faqTypeListArea > ul li > a {
    position: relative;
}

#memberFaq .faqTypeListArea > ul li > a:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.849 6.273'%3E%3Cpath id='path_35575' data-name='path 35575' d='M0,0,5,5,0,10' transform='translate(10.424 0.424) rotate(90)' fill='none' stroke='%2328324e' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#memberFaq .faqTypeListArea > ul li .faqBox {
    display: none;
}

#memberFaq .faqTypeListArea > ul li .faqBox .faqBoxWrap {
    padding: 30px 30px 30px 78px;
    background: #F9F9F9;
    min-height: 84px;
}

#memberFaq .faqTypeListArea > ul li .faqBox .faqBoxWrap > * {
    line-height: 24px;
}

#memberFaq .faqTypeListArea > ul li .faqBox .faqBoxWrap {
    position: relative;
}

#memberFaq .faqTypeListArea > ul li .faqBox .faqBoxWrap:before {
    content: "";
    position: absolute;
    content: "A";
    left: 30px;
    top: 28px;
    width: 32px;
    height: 32px;
    font-family: "Noto Sans KR", sans-serif;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 50%;
    background: #aaa;
}

#memberFaq .faqTypeListArea > ul li.on a > strong {
    font-weight: 700;
}

#memberFaq .faqTypeListArea > ul li.on a:after {
    transform: translateY(-50%) rotate(180deg);
}

#memberFaq .faqTypeListArea .paging {
    margin-top: 60px;
}

#memberFaq .tableTypeB {
    margin-bottom: 80px;
}

#memberFaq .tableTypeB th {
    text-align: left;
    vertical-align: top;
}

#memberFaq .tableTypeB td {
    padding-left: 42px;
}

#memberFaq .tableTypeB td > div > span {
    display: inline-block;
    width: 234px;
    padding-left: 24px;
}

#memberFaq .tableTypeB td > div > span:nth-of-type(n+3) {
    margin-top: 8px;
}

#memberFaq .tableTypeB td > div > span em {
    padding-right: 10px;
}

#memberFaq .tableTypeB td > div > span {
    position: relative;
}

#memberFaq .tableTypeB td > div > span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 14 14'%3E%3Cpath id='Icon_Phone' d='M2.145.947a1.527,1.527,0,0,1,2.16,0,1.633,1.633,0,0,1,.125.142L6,3.108a1.524,1.524,0,0,1,.276,1.307L5.8,6.332a.592.592,0,0,0,.156.564L8.1,9.046a.592.592,0,0,0,.563.156l1.916-.479A1.526,1.526,0,0,1,11.891,9l2.019,1.57a1.528,1.528,0,0,1,.268,2.144,1.476,1.476,0,0,1-.125.142l-.906.906a2.431,2.431,0,0,1-2.517.614A16.315,16.315,0,0,1,4.494,10.5,16.322,16.322,0,0,1,.625,4.371a2.434,2.434,0,0,1,.614-2.519Z' transform='translate(-0.5 -0.5)' fill='%23ccc'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#memberFaq .counselArea .ico_counsel {
    padding-left: 30px;
    font-size: 24px;
}

#memberFaq .counselArea .ico_counsel {
    position: relative;
}

#memberFaq .counselArea .ico_counsel:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.837 20.196'%3E%3Cg id='Icon_chat_20' transform='translate(0.1 0.1)'%3E%3Cpath id='path_36473_1_' d='M16.564,12.412h3.573L18.6,10.392a5.679,5.679,0,0,0,1.281-3.554c0-3.5-3.34-6.338-7.457-6.338C8.38.5,5.045,3.472,4.932,6.888' fill='none' stroke='%23111' stroke-linejoin='round' stroke-width='1.2'/%3E%3Cpath id='path_36474' d='M8.708,19.5c4.323,0,7.829-3.006,7.829-6.711a5.862,5.862,0,0,0-.166-1.377c-.74-3.046-3.891-5.334-7.663-5.334a8.88,8.88,0,0,0-3.3.63A6.729,6.729,0,0,0,.876,12.785,6.134,6.134,0,0,0,2.65,17.039L.5,19.461H7.9C8.164,19.484,8.435,19.5,8.708,19.5Z' fill='none' stroke='%23111' stroke-linejoin='round' stroke-width='1.2'/%3E%3Ccircle id='sc_2197' cx='0.8' cy='0.8' r='0.8' transform='translate(4.98 12.412)' fill='%23111'/%3E%3Ccircle id='sc_2198' cx='0.8' cy='0.8' r='0.8' transform='translate(7.962 12.412)' fill='%23111'/%3E%3Ccircle id='sc_2199' cx='0.8' cy='0.8' r='0.8' transform='translate(10.945 12.412)' fill='%23111'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#memberFaq .counselArea .btnArea {
    margin-top: 25px;
}

#memberFaq .counselArea .btnArea a span {
    padding-right: 18px;
}

#memberFaq .counselArea .btnArea a span {
    position: relative;
}

#memberFaq .counselArea .btnArea a span:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 11px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.061 10.707'%3E%3Cpath id='Icon_Arrow_Right_10' d='M5,10,0,5,5,0' transform='translate(5.354 10.354) rotate(180)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E") no-repeat no-repeat 0 0/100%;
}

#memberFaq .counselArea .caution {
    margin-top: 16px;
    color: #888;
    font-size: 14px;
}

#memberAffiliated #titleText .caution {
    display: block;
    padding-left: 26px;
    margin-top: 8px;
    line-height: 24px;
    font-size: 16px;
    color: #666;
}

#memberAffiliated #titleText .caution {
    position: relative;
}

#memberAffiliated #titleText .caution:after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg id='icon_notic' transform='translate(-2.762)'%3E%3Ccircle id='sc_1861' data-name='sc 1861' cx='9' cy='9' r='9' transform='translate(2.762)' fill='%23666'/%3E%3Ctext id='i' transform='translate(9.762 14)' fill='%23fff' font-size='12' font-family='NotoSans-Bold, Noto Sans' font-weight='700' letter-spacing='-0.01em'%3E%3Ctspan x='0' y='0'%3Ei%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#memberAffiliated .tabArea {
    margin-bottom: 40px;
}

#memberAffiliated .tabArea ul {
    display: flex;
}

#memberAffiliated .tabArea ul li {
    margin-right: 16px;
}

#memberAffiliated .tabArea ul li a {
    display: block;
    height: 40px;
    padding: 0 26px;
    text-align: center;
    line-height: 38px;
    border-radius: 20px;
    border: 1px solid #888;
    color: #888;
}

#memberAffiliated .tabArea ul li.on a {
    border-color: #28324e;
    color: #28324e;
    font-weight: 700;
}

#memberAffiliated .tableTypeA thead th {
    border-right: 1px solid #ddd;
}

#memberAffiliated .tableTypeA thead th:last-of-type {
    border-right: 0;
}

#memberAffiliated .tableTypeA td h3 {
    margin-bottom: 24px;
    font-size: 20px;
}

#memberAffiliated .tableTypeA td h4 {
    margin-bottom: 8px;
    color: #666;
}

#memberAffiliated .tableTypeA td article {
    margin-bottom: 24px;
}

#memberAffiliated .tableTypeA td article > strong {
    display: block;
    margin-bottom: 10px;
}

#memberAffiliated .tableTypeA td article > p {
    margin-bottom: 10px;
    line-height: 26px;
}

#memberAffiliated .tableTypeA td article .sUl li {
    padding-left: 10px;
    margin-bottom: 6px;
    font-size: 14px;
    color: #666;
}

#memberAffiliated .tableTypeA td article .sUl li {
    position: relative;
}

#memberAffiliated .tableTypeA td article .sUl li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #666;
}

#memberAffiliated .tableTypeA td article .sUl li:last-of-type {
    margin-bottom: 0;
}

#memberAffiliated .tableTypeA td article .tellUl {
    margin-top: 33px;
}

#memberAffiliated .tableTypeA td article .tellUl li {
    margin-bottom: 10px;
}

#memberAffiliated .tableTypeA td article .tellUl li em {
    display: inline-block;
    margin-right: 14px;
    color: #666;
}

#memberAffiliated .tableTypeA td article .tellUl li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#memberAffiliated .tableTypeA td article .tellUl li:last-of-type::after,
#memberAffiliated .tableTypeA td article .tellUl li:last-of-type::before {
    display: none;
}

#memberAffiliated .tableTypeA td article:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#memberAffiliated .tableTypeA td article:last-of-type::after,
#memberAffiliated .tableTypeA td article:last-of-type::before {
    display: none;
}

#memberAffiliated .tableTypeA td:nth-of-type(1) {
    padding-left: 5px;
    padding-right: 5px;
}

#memberAffiliated .tableTypeA td:nth-of-type(1) img {
    max-width: 100%;
}

#memberAffiliated .tableTypeA td:nth-of-type(2) {
    padding: 31px 32px;
    text-align: left;
}

/*****AK멤버스 CARD*****/
#card article h3 {
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 40px;
}

#card article h3 span {
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
    color: #888;
}

#card .akCard ul {
    margin-bottom: 120px;
    padding: 60px 40px;
    background: #F9F9F9;
}

#card .akCard ul li {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}

#card .akCard ul li .imgArea {
    width: 300px;
    margin-right: 40px;
}

#card .akCard ul li .textArea {
    width: 480px;
}

#card .akCard ul li .textArea p {
    margin-bottom: 16px;
    letter-spacing: -0.04em;
}

#card .akCard ul li .textArea strong {
    display: block;
    margin-bottom: 20px;
    line-height: 35px;
    font-size: 24px;
}

#card .akCard ul li .textArea em {
    display: block;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 29px;
}

#card .akCard ul li .textArea em.ico_phone {
    padding-left: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 18'%3E%3Cg id='Icon_Smartphone_18' transform='translate(0 0.006)'%3E%3Cpath id='path_36528' data-name='path 36528' d='M.43,8.834H12.82' transform='translate(0.044 5.536)' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cg id='prect_18117' data-name='prect 18117' transform='translate(0 -0.006)' fill='none' stroke='%23111' stroke-width='1'%3E%3Crect width='13' height='18' rx='2' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='12' height='17' rx='1.5' fill='none'/%3E%3C/g%3E%3Cpath id='path_36529' data-name='path 36529' d='M4.763,2.521h3.18' transform='translate(0.201 0.26)' fill='none' stroke='%23111' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 50%/14px 19px;
}

#card .akCard ul li .textArea em.ico_card {
    padding-left: 33px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16'%3E%3Cg id='Icon_Account_16' transform='translate(-907)'%3E%3Cg id='rect_17585' data-name='rect 17585' transform='translate(907)' fill='none' stroke='%23111' stroke-width='1.2'%3E%3Crect width='22' height='16' rx='2' stroke='none'/%3E%3Crect x='0.6' y='0.6' width='20.8' height='14.8' rx='1.4' fill='none'/%3E%3C/g%3E%3Cpath id='path_35232' data-name='path 35232' d='M2550.372-23164.959h20.581' transform='translate(-1642.964 23170.297)' fill='none' stroke='%23111' stroke-width='1.2'/%3E%3Ccircle id='sc_2206' data-name='sc 2206' cx='1.5' cy='1.5' r='1.5' transform='translate(923 10)' fill='%23111'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 50%/23px 17px;
}

#card .akCard ul li .textArea span {
    display: block;
    color: #888;
    line-height: 20px;
    font-size: 14px;
}

#card .akCard ul li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#card .akCard ul li:last-of-type::after,
#card .akCard ul li:last-of-type::before {
    display: none;
}

#card .affiliatedCard {
    margin-bottom: 80px;
}

#card .affiliatedCard ul {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}

#card .affiliatedCard ul li {
    display: flex;
    align-items: center;
    padding: 48px 0;
    border-bottom: 1px solid #ddd;
}

#card .affiliatedCard ul li .imgArea {
    width: 315px;
    padding-left: 40px;
    margin-right: 65px;
}

#card .affiliatedCard ul li .textArea {
    width: 520px;
}

#card .affiliatedCard ul li .textArea strong {
    display: block;
    margin-bottom: 10px;
    line-height: 35px;
    font-size: 24px;
}

#card .affiliatedCard ul li .textArea p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
}

#card .affiliatedCard ul li .textArea .btnArea {
    margin-top: 24px;
}

#card .affiliatedCard ul li .textArea .btnArea a {
    width: 180px;
}

#card .affiliatedCard ul li:last-of-type {
    border-bottom: 0;
}

#card .cardEtc h4 {
    line-height: 35px;
    font-size: 20px;
}

#card .cardEtc .cardEtcWrap {
    margin-bottom: 100px;
}

#card .cardEtc .cardEtcWrap h4 {
    margin-bottom: 15px;
}

#card .cardEtc .cardEtcWrap strong {
    display: block;
    margin-bottom: 16px;
    line-height: 29px;
    font-size: 20px;
}

#card .cardEtc .cardEtcWrap .cardBox {
    padding: 24px;
    background: #f9f9f9;
}

#card .cardEtc .cardEtcWrap .cardBox p {
    margin-bottom: 10px;
    font-size: 18px;
}

#card .cardEtc .cardEtcWrap .cardBox em {
    display: flex;
    padding-left: 20px;
}

#card .cardEtc .cardEtcWrap .cardBox em span {
    display: block;
    margin-right: 8px;
    color: #666;
}

#card .cardEtc .cardEtcWrap .cardBox em {
    position: relative;
}

#card .cardEtc .cardEtcWrap .cardBox em:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 14 14'%3E%3Cpath id='Icon_Phone' d='M2.145.947a1.527,1.527,0,0,1,2.16,0,1.633,1.633,0,0,1,.125.142L6,3.108a1.524,1.524,0,0,1,.276,1.307L5.8,6.332a.592.592,0,0,0,.156.564L8.1,9.046a.592.592,0,0,0,.563.156l1.916-.479A1.526,1.526,0,0,1,11.891,9l2.019,1.57a1.528,1.528,0,0,1,.268,2.144,1.476,1.476,0,0,1-.125.142l-.906.906a2.431,2.431,0,0,1-2.517.614A16.315,16.315,0,0,1,4.494,10.5,16.322,16.322,0,0,1,.625,4.371a2.434,2.434,0,0,1,.614-2.519Z' transform='translate(-0.5 -0.5)' fill='%23ccc'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#card .cardEtc .cardEtcWrap > span {
    display: block;
    margin-top: 16px;
    font-size: 14px;
    color: #888;
    line-height: 20px;
}

#card .cardEtc .numberArea h4 {
    margin-bottom: 16px;
}

#card .cardEtc .numberArea h4 + p {
    font-size: 18px;
    color: #666;
    margin-bottom: 24px;
}

#card .cardEtc .numberArea ul {
    display: flex;
}

#card .cardEtc .numberArea ul li {
    width: 280px;
    margin-right: 30px;
    padding: 32px 18px;
    background: #F9F9F9;
}

#card .cardEtc .numberArea ul li strong {
    display: block;
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 29px;
}

#card .cardEtc .numberArea ul li em {
    display: inline-block;
    padding-left: 22px;
}

#card .cardEtc .numberArea ul li em {
    position: relative;
}

#card .cardEtc .numberArea ul li em:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 14 14'%3E%3Cpath id='Icon_Phone' d='M2.145.947a1.527,1.527,0,0,1,2.16,0,1.633,1.633,0,0,1,.125.142L6,3.108a1.524,1.524,0,0,1,.276,1.307L5.8,6.332a.592.592,0,0,0,.156.564L8.1,9.046a.592.592,0,0,0,.563.156l1.916-.479A1.526,1.526,0,0,1,11.891,9l2.019,1.57a1.528,1.528,0,0,1,.268,2.144,1.476,1.476,0,0,1-.125.142l-.906.906a2.431,2.431,0,0,1-2.517.614A16.315,16.315,0,0,1,4.494,10.5,16.322,16.322,0,0,1,.625,4.371a2.434,2.434,0,0,1,.614-2.519Z' transform='translate(-0.5 -0.5)' fill='%23ccc'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#card .cardEtc .numberArea ul li .btnArea {
    margin-top: 32px;
}

#card .cardEtc .numberArea ul li .btnArea a {
    width: 100%;
}

#card .cardEtc .numberArea ul li:last-of-type {
    margin-right: 0;
}

#card .cardEtc .numberArea > span {
    display: block;
    margin-top: 16px;
    font-size: 14px;
    color: #888;
    line-height: 20px;
}

/***** 로그인 , 회원가입 공통 *****/
.selfAuth {
    text-align: center;
    /* 카카오 간편 인증 숨김 -> 2차 오픈  >ul width: 900px; li:nth-of-type 1~4 수정 */
}

.selfAuth > strong {
    display: block;
    font-size: 24px;
    text-align: center;
}

.selfAuth > p {
    margin-top: 10px;
    font-size: 18px;
    color: #888;
}

.selfAuth > ul {
    display: inline-flex;
    justify-content: space-between;
    margin: 56px auto 0;
    padding: 44px 0;
    border: 1px solid #ddd;
}

.selfAuth > ul li {
    width: 210px;
    border-right: 1px solid #ddd;
}

.selfAuth > ul li a {
    display: inline-block;
    padding-top: 94px;
    font-size: 20px;
}

.selfAuth > ul li a.ico_phone:before {
    width: 53px;
    height: 58px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55.669 60.035'%3E%3Cg id='Icon_phone_58' transform='translate(-1047.665 -619.802)'%3E%3Cpath id='p_36494' data-name='p 36494' d='M38.021,18.77l0-11.287A6.548,6.548,0,0,0,31.257,1.2H7.961A6.876,6.876,0,0,0,1.2,8.145V51.889a6.875,6.875,0,0,0,6.761,6.944h23.3a6.614,6.614,0,0,0,6.76-6.417V40.463' transform='translate(1047.666 619.803)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'/%3E%3Cline id='l_1605' data-name='l 1605' x2='9.268' transform='translate(1062.641 627.391)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'/%3E%3Cpath id='p_36495' data-name='p 36495' d='M24.826,46l8.538-5.875H49.985a4.485,4.485,0,0,0,4.484-4.484V23.31a4.485,4.485,0,0,0-4.484-4.484H21.965a4.483,4.483,0,0,0-4.483,4.483h0V35.639a4.483,4.483,0,0,0,4.482,4.484h2.862Z' transform='translate(1047.666 619.803)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'/%3E%3Cpath id='p_36496' data-name='p 36496' d='M47.975,29.657a2.5,2.5,0,1,1-2.5-2.5,2.5,2.5,0,0,1,2.5,2.5' transform='translate(1047.666 619.803)' fill='none' stroke='%2328324e' stroke-width='2.4'/%3E%3Cpath id='p_36497' data-name='p 36497' d='M38.475,29.657a2.5,2.5,0,1,1-2.5-2.5,2.5,2.5,0,0,1,2.5,2.5' transform='translate(1047.666 619.803)' fill='none' stroke='%2328324e' stroke-width='2.4'/%3E%3Cpath id='p_36498' data-name='p 36498' d='M28.976,29.657a2.5,2.5,0,1,1-2.5-2.5,2.5,2.5,0,0,1,2.5,2.5' transform='translate(1047.666 619.803)' fill='none' stroke='%2328324e' stroke-width='2.4'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

.selfAuth > ul li a.ico_ipin:before {
    width: 50px;
    height: 58px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.481 64.052'%3E%3Cg id='Icon_Ipin_62' transform='translate(-1277.26 -707.872)'%3E%3Cg id='g_36711' data-name='g 36711' transform='translate(1295.956 726.797)'%3E%3Cpath id='p_36487' data-name='p 36487' d='M19.923,26.546H32.811a3.08,3.08,0,0,1,3.1,3.06V38a3.08,3.08,0,0,1-3.1,3.06H19.923a3.08,3.08,0,0,1-3.1-3.06v-8.4A3.08,3.08,0,0,1,19.923,26.546Z' transform='translate(-16.823 -16.948)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4'/%3E%3Cpath id='p_36488' data-name='p 36488' d='M33.638,25.411v-2.72a6.967,6.967,0,0,0-13.933,0v2.72' transform='translate(-17.128 -15.813)' fill='none' stroke='%2328324e' stroke-width='2.4'/%3E%3Cpath id='p_36489' data-name='p 36489' d='M27.477,36.69h0a1.269,1.269,0,0,1-1.306-1.228V33.8a1.311,1.311,0,0,1,2.61,0v1.66a1.268,1.268,0,0,1-1.306,1.228' transform='translate(-17.932 -17.795)' fill='%2328324e'/%3E%3C/g%3E%3Cpath id='p_36490' data-name='p 36490' d='M4.359,14.037A117.863,117.863,0,0,0,27.119,2.458a4.213,4.213,0,0,1,3.821,0A117.862,117.862,0,0,0,53.7,14.037,3.909,3.909,0,0,1,56,17.594c.388,8.414-.354,35.891-25.374,45.706a4.359,4.359,0,0,1-3.191,0C2.414,53.485,1.672,26.008,2.06,17.594A4.2,4.2,0,0,1,4.359,14.037Z' transform='translate(1276.471 707.107)' fill='none' stroke='%2328324e' stroke-miterlimit='10' stroke-width='2.4'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

.selfAuth > ul li a.ico_naver:before {
    width: 65px;
    height: 65px;
    background: #03C75A url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_extend 'http://ns.adobe.com/Extensibility/1.0/'%3E%3C!ENTITY ns_ai 'http://ns.adobe.com/AdobeIllustrator/10.0/'%3E%3C!ENTITY ns_graphs 'http://ns.adobe.com/Graphs/1.0/'%3E%3C!ENTITY ns_vars 'http://ns.adobe.com/Variables/1.0/'%3E%3C!ENTITY ns_imrep 'http://ns.adobe.com/ImageReplacement/1.0/'%3E%3C!ENTITY ns_sfw 'http://ns.adobe.com/SaveForWeb/1.0/'%3E%3C!ENTITY ns_custom 'http://ns.adobe.com/GenericCustomNamespace/1.0/'%3E%3C!ENTITY ns_adobe_xpath 'http://ns.adobe.com/XPath/1.0/'%3E%0A%5D%3E%3Csvg version='1.1' id='Icon_naver' xmlns:x='&ns_extend;' xmlns:i='&ns_ai;' xmlns:graph='&ns_graphs;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2306BE34;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cmetadata%3E%3Csfw xmlns='&ns_sfw;'%3E%3Cslices%3E%3C/slices%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='500' width='500' x='-0.7' y='0'%3E%3C/sliceSourceBounds%3E%3C/sfw%3E%3C/metadata%3E%3Ccircle class='st0' cx='249.3' cy='250' r='250'/%3E%3Cg%3E%3Cpolygon class='st1' points='347.5,159.7 347.5,340.3 281.6,340.3 217,249.4 217,340.3 151.1,340.3 151.1,159.7 217,159.7 281.6,254.3 281.6,159.7 '/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    border-radius: 40px;
}

.selfAuth > ul li a.ico_kakao:before {
    width: 65px;
    height: 65px;
    background: #FEE500 url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_extend 'http://ns.adobe.com/Extensibility/1.0/'%3E%3C!ENTITY ns_ai 'http://ns.adobe.com/AdobeIllustrator/10.0/'%3E%3C!ENTITY ns_graphs 'http://ns.adobe.com/Graphs/1.0/'%3E%3C!ENTITY ns_vars 'http://ns.adobe.com/Variables/1.0/'%3E%3C!ENTITY ns_imrep 'http://ns.adobe.com/ImageReplacement/1.0/'%3E%3C!ENTITY ns_sfw 'http://ns.adobe.com/SaveForWeb/1.0/'%3E%3C!ENTITY ns_custom 'http://ns.adobe.com/GenericCustomNamespace/1.0/'%3E%3C!ENTITY ns_adobe_xpath 'http://ns.adobe.com/XPath/1.0/'%3E%0A%5D%3E%3Csvg version='1.1' id='Icon_kakao' xmlns:x='&ns_extend;' xmlns:i='&ns_ai;' xmlns:graph='&ns_graphs;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='&ns_sfw;'%3E%3Cslices%3E%3C/slices%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='500' width='500' x='0' y='-500'%3E%3C/sliceSourceBounds%3E%3C/sfw%3E%3C/metadata%3E%3Cg%3E%3Ccircle style='fill:%23FAE100;' cx='250' cy='250' r='250'/%3E%3Cg%3E%3Cpath style='fill:%23371D1E;' d='M250,148.3c-64.6,0-117.1,41.4-117.1,92.5c0,33.3,22.2,62.4,55.5,78.7c-2.4,9.1-8.9,33.1-10.1,38.2 c-1.6,6.4,2.3,6.3,4.9,4.6c2-1.3,32.1-21.8,45-30.6c7,1,14.3,1.6,21.7,1.6c64.6,0,117.1-41.4,117.1-92.5 C367.1,189.7,314.6,148.3,250,148.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    border-radius: 40px;
}

.selfAuth > ul li a {
    position: relative;
}

.selfAuth > ul li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.selfAuth > ul li:last-of-type {
    border-right: 0;
}

#loginWrap #content {
    display: block;
    width: 480px;
    margin: 100px auto 180px;
}

#loginWrap #content h2 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}

#loginWrap #content .titleInfo {
    margin-top: 8px;
    font-size: 16px;
    color: #666;
    text-align: center;
}

#loginWrap #content .loginBox {
    margin-top: 46px;
}

#loginWrap #content .loginBox > input {
    width: 100%;
    height: 48px;
    margin-bottom: 16px;
    padding: 12px 16px;
    line-height: 48px;
    border: 1px solid #ddd;
}

#loginWrap #content .loginBox > input::placeholder {
    font-size: 16px;
    color: #888;
}

#loginWrap #content .loginBox .idCheckBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#loginWrap #content .loginBox .idCheckBox label {
    font-size: 14px;
    color: #666;
}

#loginWrap #content .loginBox .idCheckBox > ul {
    display: flex;
}

#loginWrap #content .loginBox .idCheckBox > ul li {
    position: relative;
    padding: 0 16px;
}

#loginWrap #content .loginBox .idCheckBox > ul li a {
    font-size: 14px;
    color: #666;
}

#loginWrap #content .loginBox .idCheckBox > ul li:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 6px;
    width: 1px;
    height: 12px;
    background: #ddd;
}

#loginWrap #content .loginBox .idCheckBox > ul li:last-of-type:after {
    display: none;
}

#loginWrap #content .btnBox {
    margin-top: 40px;
}

#loginWrap #content .btnBox a {
    margin-bottom: 16px;
}

#loginWrap #content .btnBox a:last-of-type {
    margin-bottom: 0;
}

#loginWrap #content .btnBox .infoTxt {
    margin-top: 24px;
    font-size: 14px;
    color: #888;
    text-align: center;
}

#loginWrap #content .snsBox {
    margin-top: 50px;
}

#loginWrap #content .snsBox ul {
    display: flex;
    justify-content: space-around;
}

#loginWrap #content .snsBox ul .ico_naver {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_extend 'http://ns.adobe.com/Extensibility/1.0/'%3E%3C!ENTITY ns_ai 'http://ns.adobe.com/AdobeIllustrator/10.0/'%3E%3C!ENTITY ns_graphs 'http://ns.adobe.com/Graphs/1.0/'%3E%3C!ENTITY ns_vars 'http://ns.adobe.com/Variables/1.0/'%3E%3C!ENTITY ns_imrep 'http://ns.adobe.com/ImageReplacement/1.0/'%3E%3C!ENTITY ns_sfw 'http://ns.adobe.com/SaveForWeb/1.0/'%3E%3C!ENTITY ns_custom 'http://ns.adobe.com/GenericCustomNamespace/1.0/'%3E%3C!ENTITY ns_adobe_xpath 'http://ns.adobe.com/XPath/1.0/'%3E%0A%5D%3E%3Csvg version='1.1' id='Icon_naver' xmlns:x='&ns_extend;' xmlns:i='&ns_ai;' xmlns:graph='&ns_graphs;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2306BE34;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cmetadata%3E%3Csfw xmlns='&ns_sfw;'%3E%3Cslices%3E%3C/slices%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='500' width='500' x='-0.7' y='0'%3E%3C/sliceSourceBounds%3E%3C/sfw%3E%3C/metadata%3E%3Ccircle class='st0' cx='249.3' cy='250' r='250'/%3E%3Cg%3E%3Cpolygon class='st1' points='347.5,159.7 347.5,340.3 281.6,340.3 217,249.4 217,340.3 151.1,340.3 151.1,159.7 217,159.7 281.6,254.3 281.6,159.7 '/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 0;
    background-size: 60px;
}

#loginWrap #content .snsBox ul .ico_kakao {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_extend 'http://ns.adobe.com/Extensibility/1.0/'%3E%3C!ENTITY ns_ai 'http://ns.adobe.com/AdobeIllustrator/10.0/'%3E%3C!ENTITY ns_graphs 'http://ns.adobe.com/Graphs/1.0/'%3E%3C!ENTITY ns_vars 'http://ns.adobe.com/Variables/1.0/'%3E%3C!ENTITY ns_imrep 'http://ns.adobe.com/ImageReplacement/1.0/'%3E%3C!ENTITY ns_sfw 'http://ns.adobe.com/SaveForWeb/1.0/'%3E%3C!ENTITY ns_custom 'http://ns.adobe.com/GenericCustomNamespace/1.0/'%3E%3C!ENTITY ns_adobe_xpath 'http://ns.adobe.com/XPath/1.0/'%3E%0A%5D%3E%3Csvg version='1.1' id='Icon_kakao' xmlns:x='&ns_extend;' xmlns:i='&ns_ai;' xmlns:graph='&ns_graphs;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='&ns_sfw;'%3E%3Cslices%3E%3C/slices%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='500' width='500' x='0' y='-500'%3E%3C/sliceSourceBounds%3E%3C/sfw%3E%3C/metadata%3E%3Cg%3E%3Ccircle style='fill:%23FAE100;' cx='250' cy='250' r='250'/%3E%3Cg%3E%3Cpath style='fill:%23371D1E;' d='M250,148.3c-64.6,0-117.1,41.4-117.1,92.5c0,33.3,22.2,62.4,55.5,78.7c-2.4,9.1-8.9,33.1-10.1,38.2 c-1.6,6.4,2.3,6.3,4.9,4.6c2-1.3,32.1-21.8,45-30.6c7,1,14.3,1.6,21.7,1.6c64.6,0,117.1-41.4,117.1-92.5 C367.1,189.7,314.6,148.3,250,148.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 0;
    background-size: 60px;
}

#loginWrap #content .snsBox ul .ico_apple {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_extend 'http://ns.adobe.com/Extensibility/1.0/'%3E%3C!ENTITY ns_ai 'http://ns.adobe.com/AdobeIllustrator/10.0/'%3E%3C!ENTITY ns_graphs 'http://ns.adobe.com/Graphs/1.0/'%3E%3C!ENTITY ns_vars 'http://ns.adobe.com/Variables/1.0/'%3E%3C!ENTITY ns_imrep 'http://ns.adobe.com/ImageReplacement/1.0/'%3E%3C!ENTITY ns_sfw 'http://ns.adobe.com/SaveForWeb/1.0/'%3E%3C!ENTITY ns_custom 'http://ns.adobe.com/GenericCustomNamespace/1.0/'%3E%3C!ENTITY ns_adobe_xpath 'http://ns.adobe.com/XPath/1.0/'%3E%0A%5D%3E%3Csvg version='1.1' id='Icon_appled' xmlns:x='&ns_extend;' xmlns:i='&ns_ai;' xmlns:graph='&ns_graphs;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cmetadata%3E%3Csfw xmlns='&ns_sfw;'%3E%3Cslices%3E%3C/slices%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='500' width='500' x='0' y='0'%3E%3C/sliceSourceBounds%3E%3C/sfw%3E%3C/metadata%3E%3Ccircle cx='250' cy='250' r='250'/%3E%3Cpath class='st0' d='M310.3,242.2c0.3,33.4,29.4,44.6,29.7,44.8c-0.2,0.8-4.6,15.8-15.3,31.4c-9.2,13.5-18.7,26.9-33.9,27.1 c-14.8,0.2-19.5-8.8-36.5-8.8s-22.2,8.5-36.2,9.1c-14.6,0.6-25.6-14.6-34.9-27.9c-19-27.5-33.5-77.5-14-111.4 c9.6-16.8,26.9-27.5,45.8-27.7c14.2-0.2,27.7,9.6,36.5,9.6c8.8,0,25.1-11.9,42.3-10.1c7.2,0.3,27.5,2.9,40.4,21.9 C333.2,200.9,310.1,214.3,310.3,242.2 M282.5,160.1c7.7-9.3,12.9-22.3,11.6-35.3c-11.1,0.4-24.6,7.4-32.5,16.7 c-7.2,8.3-13.5,21.5-11.8,34.2C262.1,176.7,274.8,169.4,282.5,160.1'/%3E%3C/svg%3E%0A") no-repeat 50% 0;
    background-size: 60px;
}

#loginWrap #content .snsBox ul li a {
    display: block;
    padding-top: 74px;
    font-size: 14px;
}

#combine .titleBox {
    position: relative;
    border-bottom: 1px solid #ddd;
}

#combine .titleBox > div {
    width: 1280px;
    margin: 0 auto;
    height: 85px;
    line-height: 85px;
}

#combine .titleBox > div strong {
    font-size: 26px;
    font-weight: 700;
    margin-right: 25px;
}

#combine .titleBox > div span {
    font-size: 16px;
    color: #888;
}

#combine #content {
    display: block;
    padding-bottom: 180px;
}

#combine #content .noLinkBox {
    margin-top: 111px;
    padding-top: 77px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.946 58.583'%3E%3Cg id='Icon_No_search_57' data-name='Icon_No search_57' transform='translate(-998 -371.388)'%3E%3Cpath id='path_36491' data-name='path 36491' d='M27.981,9.208A8.208,8.208,0,1,1,19.773,1,8.209,8.209,0,0,1,27.981,9.208Z' transform='translate(998.079 371.088)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_36492' data-name='path 36492' d='M31.512,21.477A20.355,20.355,0,0,0,19.979,17.9,20.732,20.732,0,0,0,1.808,28.829,6.706,6.706,0,0,0,1,32.039v4.108a4.325,4.325,0,0,0,4.27,4.378H23.39' transform='translate(997.7 370.646)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cellipse id='sc_2196' data-name='sc 2196' cx='15.066' cy='15.066' rx='15.066' ry='15.066' transform='translate(1020.115 391.155)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cline id='line_1603' data-name='line 1603' x2='11.938' y2='11.939' transform='translate(1029.212 400.216)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cline id='line_1604' data-name='line 1604' x1='11.938' y2='11.938' transform='translate(1029.212 400.216)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_36493' data-name='path 36493' d='M31.035,46.508,21.653,55.89a2.386,2.386,0,0,1-3.364,0l-1-1a2.386,2.386,0,0,1,0-3.364l9.44-9.439' transform='translate(995.764 372.504)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 0/57px;
}

#combine #content .noLinkBox strong {
    display: block;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
}

#combine #content .memberTypeBox {
    width: 900px;
    height: 350px;
    margin: 56px auto 0;
    border: 1px solid #ddd;
}

#combine #content .memberTypeBox ul {
    display: flex;
    justify-content: space-around;
    height: 100%;
}

#combine #content .memberTypeBox ul li {
    position: relative;
    width: 50%;
    padding: 69px 0;
    text-align: center;
}

#combine #content .memberTypeBox ul li:first-of-type:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 88px;
    width: 1px;
    height: 174px;
    background: #ddd;
}

#combine #content .memberTypeBox ul li strong {
    font-size: 18px;
}

#combine #content .memberTypeBox ul li p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
    color: #888;
}

#combine #content .memberTypeBox ul li a {
    position: absolute;
    bottom: 69px;
    left: 50%;
    margin-left: -120px;
}

#findId .titleBox {
    position: relative;
    border-bottom: 1px solid #ddd;
}

#findId .titleBox > div {
    width: 1280px;
    margin: 0 auto;
    height: 85px;
    line-height: 85px;
}

#findId .titleBox > div strong {
    font-size: 26px;
    font-weight: 700;
    margin-right: 25px;
}

#findId .titleBox > div span {
    font-size: 16px;
    color: #888;
}

#findId #content {
    display: block;
    padding-bottom: 180px;
}

#findId #content .resultTextBox {
    position: relative;
    margin: 111px 0 80px;
    padding-top: 77px;
}

#findId #content .resultTextBox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -27px;
    display: block;
    width: 54px;
    height: 54px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.066 9.534'%3E%3Cpath id='path_34975' data-name='path 34975' d='M65.419,11.6l3.188,3.745,6.812-8' transform='translate(-64.886 -6.888)' fill='none' stroke='%23111' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat 50% 50%/27px;
    border: 2px solid #ddd;
    border-radius: 50%;
}

#findId #content .resultTextBox strong {
    display: block;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
}

#findId #content .resultTextBox > p {
    margin: 30px 0 0;
    font-size: 20px;
    color: #888;
    line-height: 1.56;
    text-align: center;
}

#findId #content .resultTextBox > p span {
    font-weight: 700;
    color: #111;
}

#findId #content .resultTextBox > div {
    width: 450px;
    margin: 46px auto;
}

#findId #content .resultTextBox > div input {
    display: block;
    width: 450px;
    height: 48px;
    margin-bottom: 16px;
    border: 1px solid #ddd;
    line-height: 48px;
    padding: 0 20px;
    font-size: 16px;
}

#findId #content .resultTextBox > div > p {
    font-size: 14px;
    color: #888;
}

#findId .findComplete dl {
    padding-top: 74px;
}

#findId .findComplete dl dt {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
}

#findId .findComplete dl dd {
    text-align: center;
    font-size: 18px;
    line-height: 29px;
    color: #888;
}

#findId .findComplete dl dd strong {
    color: #111;
    font-weight: 700;
}

#findId .findComplete dl {
    position: relative;
}

#findId .findComplete dl:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 3px solid #DDD;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.714 24.778'%3E%3Cpath id='Icon_Check_26' d='M.961,11.191,9.187,22.178,27.33.776' transform='translate(0.24 0.194)' fill='none' stroke='%2328324E' stroke-width='3'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/30px 22px;
}

#findId .findComplete .btnArea {
    margin-top: 80px;
    text-align: center;
}

#findId .findComplete .btnArea a {
    display: inline-block;
    width: 240px;
    text-align: center;
    font-size: 18px;
    line-height: 56px;
    color: #fff;
    background: #28324E;
}

#combineFind .titleBox {
    position: relative;
    border-bottom: 1px solid #ddd;
}

#combineFind .titleBox > div {
    width: 1280px;
    margin: 0 auto;
    height: 85px;
    line-height: 85px;
}

#combineFind .titleBox > div strong {
    font-size: 26px;
    font-weight: 700;
    margin-right: 25px;
}

#combineFind .titleBox > div span {
    font-size: 16px;
    color: #888;
}

#combineFind #content {
    width: 1280px;
    margin: 0 auto;
    display: block;
    padding: 110px 0 180px;
}

#combineFind #content .subTabTitle {
    display: flex;
    justify-content: center;
    align-items: center;
}

#combineFind #content .subTabTitle li {
    margin: 0 12px;
    font-size: 22px;
    cursor: pointer;
    line-height: 32px;
    padding-bottom: 6px;
}

#combineFind #content .subTabTitle li.on {
    color: #28324e;
    font-weight: 700;
    border-bottom: 4px solid #28324e;
}

#combineFind #content .subTabContent {
    padding-top: 80px;
}

#combineFind #content .subTabContent > div {
    display: none;
}

#combineFind #content .subTabContent > div.on {
    display: block;
}

#combineFind #content .subTabContent > div.subTabContent1 {
    text-align: center;
}

#combineFind #content .subTabContent > div.subTabContent1 > input {
    margin: 40px 0 0;
    width: 450px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #ddd;
    padding: 0 20px;
    font-size: 16px;
}

#combineFind #content .subTabContent > div.subTabContent2 {
    width: 737px;
    margin: 0 auto;
    padding-top: 70px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.49 53.757'%3E%3Cg id='Icon_ID_search_52' data-name='Icon_ID search_52' transform='translate(-936.333 -484.2)'%3E%3Cpath id='p_36499' data-name='p 36499' d='M21.19,44.663H1V11.829L11.828,1H35.685V24.024' transform='translate(936.034 483.9)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='p_36500' data-name='p 36500' d='M1.371,11.889h10.5V1.283' transform='translate(935.997 483.871)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Ccircle id='t_2202' data-name='t 2202' cx='12.321' cy='12.321' r='12.321' transform='translate(951.942 506.111)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='p_36501' data-name='p 36501' d='M42.466,45.86l7.673,7.673a1.952,1.952,0,0,1,0,2.751l-.82.82a1.952,1.952,0,0,1-2.751,0l-7.72-7.721' transform='translate(932.26 479.428)' fill='none' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='p_36502' data-name='p 36502' d='M23.411,37.724l4.318,4.318,9.027-9.028' transform='translate(933.799 480.709)' fill='none' stroke='%2328324e' stroke-miterlimit='10' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 0/49px 55px;
}

#combineFind #content .subTabContent > div.subTabContent2 > strong {
    display: block;
    font-size: 24px;
    line-height: 1.33;
    text-align: center;
}

#combineFind #content .subTabContent > div.subTabContent2 > strong + div {
    margin-top: 60px !important;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.viewId {
    display: flex;
    align-items: center;
    margin: 0 auto 16px;
    text-align: left;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.viewId > span {
    display: inline-block;
    width: 74px;
    font-size: 16px;
    color: #666;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.viewId input {
    width: 480px;
    height: 48px;
    padding: 0 16px;
    line-height: 48px;
    border: 1px solid #ddd;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap {
    display: flex;
    align-items: center;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap span {
    display: inline-block;
    width: 74px;
    text-align: left;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap .emailBox {
    display: flex;
    flex-wrap: wrap;
    width: 480px;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap .emailBox .fixed {
    border: 1px solid #ddd;
    border-right: 0;
    flex: 1;
    /*~div{
    flex:1;
    input { width:100%; padding:0 16px; height:48px; line-height:48px; border:1px solid #ddd; }
  }*/
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap .emailBox .fixed input {
    width: 77%;
    padding: 12px 16px;
    border: none;
    height: 46px;
    line-height: 46px;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap .emailBox .fixed span {
    width: 20%;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap .emailBox .fixed ~ div {
    flex: 1;
    position: relative;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap .emailBox .fixed ~ div .insertTypeA {
    position: relative;
    z-index: 2;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap .emailBox .fixed ~ div .insertTypeB {
    position: absolute;
    left: 0;
    top: 1px;
    width: calc(100% - 40px);
    z-index: 1;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap .emailBox .fixed ~ div .insertTypeB input {
    width: 100%;
    padding: 0 16px;
    height: 46px;
    line-height: 46px;
    border: 0;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap .emailBox .fixed ~ div .insertTypeB.on {
    z-index: 3;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailBoxWrap a.btnTypeD {
    margin-left: 26px;
    margin-right: 0;
}

#combineFind #content .subTabContent > div.subTabContent2 > div > span {
    font-size: 16px;
    color: #666;
}

#combineFind #content .subTabContent > div.subTabContent2 > div .emailSelectArea {
    margin-left: 30px;
    border: 1px solid #ddd;
}

#combineFind #content .subTabContent > div.subTabContent2 > div .emailSelectArea input {
    width: 194px;
    height: 46px;
    padding: 0 16px;
    line-height: 46px;
    font-size: 16px;
    border: none;
}

#combineFind #content .subTabContent > div.subTabContent2 > div .emailSelectArea span {
    padding: 0 16px;
}

#memberJoin #content {
    display: block;
    padding-bottom: 180px;
}

#memberJoin .titleBox {
    position: relative;
    border-bottom: 1px solid #ddd;
}

#memberJoin .titleBox > div {
    width: 1280px;
    margin: 0 auto;
    height: 85px;
    line-height: 85px;
}

#memberJoin .titleBox > div strong {
    font-size: 26px;
    font-weight: 700;
    margin-right: 25px;
}

#memberJoin .titleBox > div span {
    font-size: 16px;
    color: #888;
}

#memberJoin .memberJoinStep {
    margin-bottom: 56px;
}

#memberJoin .memberJoinStep h3 {
    margin: 100px 0 40px;
    font-size: 32px;
    text-align: center;
}

#memberJoin .memberJoinStep .stepArea {
    display: flex;
    width: 612px;
    margin: 0 auto;
}

#memberJoin .memberJoinStep .stepArea li {
    display: flex;
    flex-flow: column;
    align-items: center;
    flex: 1;
}

#memberJoin .memberJoinStep .stepArea li {
    position: relative;
}

#memberJoin .memberJoinStep .stepArea li:after {
    content: "";
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 4'%3E%3Cg id='group_36421' data-name='group 36421' transform='translate(-503 -296)'%3E%3Ccircle id='oval_2056' data-name='oval 2056' cx='2' cy='2' r='2' transform='translate(533 296)' fill='%23ddd'/%3E%3Ccircle id='oval_2002' data-name='oval 2002' cx='2' cy='2' r='2' transform='translate(523 296)' fill='%23ddd'/%3E%3Ccircle id='oval_2001' data-name='oval 2001' cx='2' cy='2' r='2' transform='translate(513 296)' fill='%23ddd'/%3E%3Cpath id='path_36621' data-name='path 36621' d='M2,0A2,2,0,1,1,0,2,2,2,0,0,1,2,0Z' transform='translate(503 296)' fill='%23ddd'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 34px;
    height: 4px;
    right: -14px;
    top: 20%;
}

#memberJoin .memberJoinStep .stepArea li:last-child:after {
    background: none;
}

#memberJoin .memberJoinStep .stepArea li > span {
    display: block;
    width: 44px;
    height: 44px;
    margin-bottom: 16px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    background: #ddd;
    border-radius: 50%;
}

#memberJoin .memberJoinStep .stepArea li > p {
    text-align: center;
    color: #888;
    font-size: 18px;
}

#memberJoin .memberJoinStep .stepArea li.on > span {
    background: #28324e;
}

#memberJoin .memberJoinStep .stepArea li.on > p {
    color: #111;
}

#memberJoin .termsStepContent .borderArea {
    width: 900px;
    margin: 0 auto 16px;
    padding: 48px 60px;
    border: 1px solid #ddd;
}

#memberJoin .termsStepContent .borderArea .termsTxt {
    padding-bottom: 16px;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #111;
}

#memberJoin .termsStepContent .borderArea > .checkAllArea {
    padding: 24px 0;
    border-bottom: 1px solid #ddd;
}

#memberJoin .termsStepContent .borderArea .chkTypeA + label {
    font-size: 18px;
}

#memberJoin .termsStepContent .borderArea .termList li {
    display: flex;
    padding: 24px 0;
    border-bottom: 1px solid #ddd;
    justify-content: space-between;
}

#memberJoin .termsStepContent .borderArea .termList li > div input {
    margin-right: 16px;
}

#memberJoin .termsStepContent .borderArea .termList li > a {
    text-decoration: underline;
}

#memberJoin .termsStepContent .borderArea .termList li.ess label > span {
    color: #ce0101;
}

#memberJoin .termsStepContent .borderArea .mktCheckArea > p {
    padding: 24px 0;
    font-size: 18px;
}

#memberJoin .termsStepContent .borderArea .mktCheckArea .bgBox {
    padding: 32px 24px;
    background: #f9f9f9;
}

#memberJoin .termsStepContent .borderArea .mktCheckArea .bgBox > span {
    font-size: 18px;
}

#memberJoin .termsStepContent .borderArea .mktCheckArea .bgBox .checkAllArea {
    padding-top: 16px;
}

#memberJoin .termsStepContent .borderArea .mktCheckArea .bgBox .checkAllArea label:after {
    border-radius: 50%;
}

#memberJoin .termsStepContent .borderArea .mktCheckArea .bgBox ul {
    display: inline-block;
    padding-top: 16px;
}

#memberJoin .termsStepContent .borderArea .mktCheckArea .bgBox ul li {
    display: inline-block;
    margin-right: 20px;
    padding: 0;
    border-bottom: 0;
}

#memberJoin .termsStepContent .borderArea .mktCheckArea .bgBox .chkTypeA + label {
    font-size: 16px;
}

#memberJoin .termsStepContent .borderArea .mktCheckArea .bgBox .chkTypeA + label:after {
    border-radius: 50%;
}

#memberJoin .termsStepContent .caution {
    width: 900px;
    margin: 0 auto 60px;
    font-size: 14px;
    color: #888;
}

#memberJoin .formContent .formArea {
    width: 860px;
    margin: 0 auto;
    padding: 48px 40px;
    border: 1px solid #ddd;
}

#memberJoin .formContent .formTitle {
    display: flex;
    justify-content: space-between;
}

#memberJoin .formContent .formTitle p {
    font-size: 24px;
}

#memberJoin .formContent .formTitle span {
    color: #888;
    font-size: 14px;
}

#memberJoin .formContent .infoArea {
    margin-top: 24px;
    padding: 24px 26px;
    background: #f9f9f9;
}

#memberJoin .formContent .infoArea p {
    padding-left: 28px;
    color: #666;
}

#memberJoin .formContent .infoArea p {
    position: relative;
}

#memberJoin .formContent .infoArea p:before {
    content: "";
    position: absolute;
    content: "i";
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background: #666;
    border-radius: 50%;
}

#memberJoin .formContent > .btnArea {
    margin-top: 80px;
}

#memberJoin .joinClub .formArea {
    width: 860px;
    margin: 0 auto;
    padding: 48px 40px;
    border: 1px solid #ddd;
}

#memberJoin .joinClub .clubList {
    display: flex;
    align-items: center;
}

#memberJoin .joinClub .clubList li a {
    display: inline-block;
    margin: 0 12px 0 0;
    padding: 2px 12px;
    background: #28324e;
    color: #fff;
    text-align: center;
    font-size: 11px;
}

#memberJoin .joinClub .bgBox {
    margin: 24px 0 40px;
    padding: 24px;
    background: #f9f9f9;
}

#memberJoin .joinClub .bgBox .blt li {
    margin-bottom: 8px;
    padding-left: 10px;
    color: #666;
}

#memberJoin .joinClub .bgBox .blt li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#memberJoin .joinClub .bgBox .blt li:last-of-type::after,
#memberJoin .joinClub .bgBox .blt li:last-of-type::before {
    display: none;
}

#memberJoin .joinClub .bgBox .blt li {
    position: relative;
}

#memberJoin .joinClub .bgBox .blt li:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #666;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

#memberJoin .joinClub .termList li {
    display: flex;
    justify-content: space-between;
}

#memberJoin .joinClub .termList li a {
    text-decoration: underline;
    color: #28324e;
}

#memberJoin .joinClub .termList + .caution {
    margin-top: 10px;
    color: #888;
    font-size: 14px;
}

#memberJoin .joinClub .bakimomList {
    padding-top: 48px;
}

#memberJoin .joinClub .bakimomList ol {
    border-top: 1px solid #ddd;
}

#memberJoin .joinClub .bakimomList ol > li {
    margin-top: 40px;
}

#memberJoin .joinClub .bakimomList ol > li > ul {
    flex: 1;
}

#memberJoin .joinClub .bakimomList ol > li > ul > li {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

#memberJoin .joinClub .bakimomList ol > li > ul > li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#memberJoin .joinClub .bakimomList ol > li > ul > li:last-of-type::after,
#memberJoin .joinClub .bakimomList ol > li > ul > li:last-of-type::before {
    display: none;
}

#memberJoin .joinClub .bakimomList ol > li > ul > li > p {
    width: 50%;
    padding-left: 34px;
}

#memberJoin .joinClub .bakimomList ol > li > ul > li > p label {
    margin-right: 20px;
}

#memberJoin .joinClub .bakimomList ol > li > ul > li .setDateCont {
    flex: 1;
    font-size: 0;
}

#memberJoin .joinClub .bakimomList ol > li > ul > li .setDateCont span {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
}

#memberJoin .joinClub .bakimomList ol > li > ul > li input[type=text] {
    flex: 1;
    padding: 12px 16px;
    border: 1px solid #ddd;
}

#memberJoin .joinClub > .btnArea {
    margin-top: 80px;
}

#memberJoin .joinComplete .completeInfo {
    padding: 74px 0 80px;
    text-align: center;
    font-size: 20px;
}

#memberJoin .joinComplete .completeInfo {
    position: relative;
}

#memberJoin .joinComplete .completeInfo:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 23px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.066 9.534'%3E%3Cpath id='path_34975' data-name='path 34975' d='M65.419,11.6l3.188,3.745,6.812-8' transform='translate(-64.886 -6.888)' fill='none' stroke='%2328324e' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat no-repeat 0 0/100%;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}

#memberJoin .joinComplete .completeInfo {
    position: relative;
}

#memberJoin .joinComplete .completeInfo:after {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #ddd;
    border-radius: 50%;
}

#memberJoin .joinComplete .completeInfo dl {
    display: flex;
    margin: 24px 0 0;
    justify-content: center;
    align-items: center;
}

#memberJoin .joinComplete .completeInfo dl dt {
    color: #666;
    margin-right: 16px;
}

#memberJoin .joinComplete .completeInfo dl dd {
    font-size: 32px;
}

#memberJoin .joinComplete .resultArea {
    margin-top: 80px;
}

#memberJoin .joinComplete .resultArea .box {
    width: 900px;
    margin: 0 auto;
    padding: 40px 60px;
    border: 1px solid #ddd;
}

#memberJoin .joinComplete .resultArea .box > p {
    padding-bottom: 32px;
    text-align: center;
    font-size: 22px;
    border-bottom: 1px solid #111;
}

#memberJoin .joinComplete .resultArea .box ol > li {
    padding: 24px 0;
    border-bottom: 1px solid #ddd;
}

#memberJoin .joinComplete .resultArea .box ol > li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#memberJoin .joinComplete .resultArea .box ol > li:last-of-type::after,
#memberJoin .joinComplete .resultArea .box ol > li:last-of-type::before {
    display: none;
}

#memberJoin .joinComplete .resultArea .box ol > li > div {
    display: flex;
    justify-content: space-between;
}

#memberJoin .joinComplete .resultArea .box ol > li > div .agree {
    padding-left: 18px;
}

#memberJoin .joinComplete .resultArea .box ol > li > div .agree {
    position: relative;
}

#memberJoin .joinComplete .resultArea .box ol > li > div .agree:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 9px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.066 9.534'%3E%3Cpath id='path_34975' data-name='path 34975' d='M65.419,11.6l3.188,3.745,6.812-8' transform='translate(-64.886 -6.888)' fill='none' stroke='%2328324e' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#memberJoin .joinComplete .resultArea .box ol > li > p {
    margin-top: 16px;
    color: #666;
}

#memberJoin .joinComplete .resultArea .box ol > li > ul {
    display: flex;
    margin-top: 16px;
}

#memberJoin .joinComplete .resultArea .box ol > li > ul li {
    margin-right: 20px;
}

#memberJoin .joinComplete .resultArea .box ol > li > ul label:after {
    border-radius: 50%;
}

#memberJoin .joinComplete .resultArea .box ol > li > dl {
    margin-top: 16px;
}

#memberJoin .joinComplete .resultArea .box ol > li > dl dd {
    margin-top: 16px;
}

#memberJoin .joinComplete .resultArea .box ol > li > dl dd a {
    display: inline-block;
    padding: 12px 20px;
    text-align: center;
    color: #fff;
    background: #28324e;
}

.termsContentPop {
    width: 520px;
}

.termsContentPopWrap h3 {
    padding: 24px 0 20px;
    font-size: 24px;
    text-align: center;
}

.termsContentPopWrap h3 + div {
    max-height: 284px;
    min-height: 30px;
    line-height: 26px;
    overflow-y: auto;
    word-break: break-all;
}

.termsContentPopWrap section {
    padding: 0 !important;
    margin: 0 !important;
}

.termsContentPopWrap .agree span {
    font-weight: 400;
    font-size: 16px;
}

.termsContentPopWrap .btnArea {
    margin-top: 40px;
}

.termsContentPop .termsContentPopWrap table {
    width: 100% !important;
    border-top: 1px solid #111 !important;
    border-bottom: 1px solid #111 !important;
}

.termsContentPop .termsContentPopWrap table th,
.termsContentPop .termsContentPopWrap table td {
    color: #111 !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 0 !important;
    letter-spacing: -0.04em !important;
    border-right: 1px solid #ddd !important;
    border-left: 0 !important;
}

.termsContentPop .termsContentPopWrap table th:last-of-type,
.termsContentPop .termsContentPopWrap table td:last-of-type {
    border-right: 0 !important;
}

.termsContentPop .termsContentPopWrap table td {
    padding: 14px 14px !important;
    text-align: center !important;
}

.termsContentPop .termsContentPopWrap table th {
    padding: 14px !important;
    font-weight: 400 !important;
    background: #f9f9f9 !important;
}

.termsContentPop .termsContentPopWrap table tr:first-of-type td,
.termsContentPop .termsContentPopWrap table tr:first-of-type th {
    border-top: 0 !important;
}

.overlapPop {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 520px;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 21;
}

.overlapPopWrap {
    padding: 56px 32px 48px;
}

.overlapPopWrap h2 {
    margin-bottom: 21px;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
}

.overlapPopWrap p {
    margin-bottom: 40px;
    line-height: 26px;
}

.overlapPopWrap .btnPopClose {
    right: 32px;
    top: 30px;
}

.agreeInducePop {
    width: 520px;
    padding-left: 32px;
    padding-right: 32px;
}

.agreeInducePopWrap .txtArea {
    padding: 80px 0 32px;
    text-align: center;
    font-size: 20px;
}

.agreeInducePopWrap .txtArea {
    position: relative;
}

.agreeInducePopWrap .txtArea:before {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 35.064'%3E%3Cg id='Icon_Alert_35' transform='translate(1.5)'%3E%3Cline id='line_1546' data-name='line 1546' y2='26.074' fill='none' stroke='%231a1311' stroke-width='3'/%3E%3Cline id='line_1547' data-name='line 1547' y2='4' transform='translate(0 31.064)' fill='none' stroke='%231a1311' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/3px 27px;
    border: 1px solid #ddd;
}

.agreeInducePopWrap > ul {
    border-top: 1px solid #111;
    border-bottom: 1px solid #ddd;
}

.agreeInducePopWrap > ul li {
    display: flex;
    padding: 24px 0;
    border-bottom: 1px solid #ddd;
    justify-content: space-between;
}

.agreeInducePopWrap > ul li > div input {
    margin-right: 16px;
}

.agreeInducePopWrap > ul li > a {
    text-decoration: underline;
}

.agreeInducePopWrap > div {
    margin-bottom: 40px;
}

.agreeInducePopWrap > div p {
    padding: 24px 0 16px;
}

.agreeInducePopWrap > div .bgBox {
    padding: 24px 28px;
    background: #f9f9f9;
}

.agreeInducePopWrap > div .bgBox .checkAllArea {
    margin-right: 20px;
}

.agreeInducePopWrap > div .bgBox .checkAllArea label:after {
    border-radius: 50%;
}

.agreeInducePopWrap > div .bgBox ul {
    display: inline-block;
    padding-top: 20px;
}

.agreeInducePopWrap > div .bgBox ul li {
    display: inline-block;
    margin-right: 14px;
}

.agreeInducePopWrap > div .bgBox .chkTypeA + label {
    font-size: 14px;
}

.agreeInducePopWrap > div .bgBox .chkTypeA + label:after {
    border-radius: 50%;
}

.agreeInducePopWrap .btnArea {
    display: flex;
}

.agreeInducePopWrap .btnArea > a {
    flex: 1;
}

.agreeInducePop.prevPop {
    display: none;
}

.agreeInducePop.prevPop + #popBg {
    display: none;
}

#mypageCardSearch .tableTypeB thead tr {
    border-bottom: 1px solid #ddd;
}

#mypageCardSearch .tableTypeB tbody tr {
    height: 87px;
}

#mypageCardSearch .tableTypeB tbody tr td {
    padding: 0;
    text-align: center;
    font-size: 16px;
}

#mypageCardSearch .tableTypeB tbody tr td.f14 {
    font-size: 14px;
}

#mypageCardPassword .contentText {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    padding: 32px 40px;
}

#mypageCardPassword .contentText img {
    width: 260px;
    height: 165.2px;
}

#mypageCardPassword .contentText div {
    margin-left: 60px;
}

#mypageCardPassword .contentText div .listTypeA li {
    padding-left: 0;
}

#mypageCardPassword .contentText div .listTypeA li:before {
    display: none;
}

#mypageCardPassword .caution {
    margin: 56px 0 40px;
    text-align: center;
}

#mypageCardPassword .inputArea {
    width: 420px;
    margin: 40px auto 40px;
}

#mypageCardPassword .inputArea li {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

#mypageCardPassword .inputArea li label {
    width: 111px;
}

#mypageCardPassword .inputArea li input {
    width: 309px;
    height: 48px;
    padding: 0 20px;
    border: 1px solid #ddd;
}

#mypageCardPassword .inputArea li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#mypageCardPassword .inputArea li:last-of-type::after,
#mypageCardPassword .inputArea li:last-of-type::before {
    display: none;
}

#mypageCardPassword .btnArea {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #ddd;
}

#mypageCardPassword .btnArea.noBar {
    padding-top: 0;
    border-top: 0;
}

#mypageCoupon .searchTable > strong {
    display: block;
    margin: 60px 0 16px;
    font-size: 24px;
}

#mypageCoupon .searchTable .tableTypeB thead tr {
    border-bottom: 1px solid #ddd;
}

#mypageCoupon .searchTable .tableTypeB tbody td {
    text-align: center;
}

#mypageCoupon .searchTable .tableTypeB tbody td.bold {
    font-weight: 700;
}

#mypageCoupon .searchTable > ul {
    margin-top: 60px;
}

#mypageCoupon .searchTable > ul li {
    margin-bottom: 8px;
}

#mypageCoupon .giveListBox {
    margin-top: 40px;
}

#mypageCoupon .giveListBox > strong {
    font-size: 24px;
}

#mypageCoupon .giveListBox > ul {
    margin-bottom: 40px;
}

#mypageCoupon .giveListBox > ul > li {
    margin-top: 24px;
}

#mypageCoupon .giveListBox > ul > li > strong {
    font-size: 18px;
    background: linear-gradient(to top, #dff4bb 50%, transparent 50%);
}

#mypageCoupon .giveListBox > ul > li > strong span {
    font-family: "Noto Sans KR", sans-serif;
}

#mypageCoupon .giveListBox > ul > li ul {
    margin-top: 16px;
}

#mypageCoupon .giveListBox > ul > li ul.listTypeA {
    margin-top: 0;
}

#mypageCoupon .giveListBox > ul > li ul.listTypeA li {
    font-size: 14px;
}

#mypageCoupon .giveListBox > ul > li ul li {
    margin-bottom: 6px;
}

#mypageCoupon .giveListBox > ul > li ul li span {
    font-family: "Noto Sans KR", sans-serif;
}

#mypageCoupon .giveListBox > p {
    margin-bottom: 8px;
}

#mypageMileage .myMileage {
    padding: 32px 56px 40px;
    background: #f9f9f9;
    /*>p {
    font-size:28px;
    strong { font-weight:$bold; }
    span { border-bottom:2px solid #111; font-weight:$bold; font-family:$ns; }
  }
  >ul {
    li {
      span { margin-right:48px; font-size:16px; }
      strong { font-size:16px; font-weight:$bold; font-family:$ns;}
      &:last-of-type { margin-top:16px;}
    }
  }*/
}

#mypageMileage .myMileage .mileageAvg {
    padding-bottom: 34px;
    margin-bottom: 32px;
    border-bottom: 1px solid #ddd;
}

#mypageMileage .myMileage .mileageAvg > strong {
    display: block;
    margin-bottom: 12px;
    line-height: 24px;
    color: #888;
}

#mypageMileage .myMileage .mileageAvg ul {
    display: flex;
}

#mypageMileage .myMileage .mileageAvg ul li {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 50%;
}

#mypageMileage .myMileage .mileageAvg ul li strong,
#mypageMileage .myMileage .mileageAvg ul li span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

#mypageMileage .myMileage .mileageAvg ul li strong {
    flex: none;
    margin-right: 15px;
}

#mypageMileage .myMileage .mileageAvg ul li span {
    text-align: right;
    font-family: "Noto Sans KR", sans-serif;
}

#mypageMileage .myMileage .mileageAvg ul li:nth-of-type(odd) {
    padding-right: 70px;
}

#mypageMileage .myMileage .mileageAvg ul li:nth-of-type(even) {
    padding-left: 70px;
}

#mypageMileage .myMileage .mileageAvg ul li.on strong,
#mypageMileage .myMileage .mileageAvg ul li.on span {
    font-size: 28px;
    line-height: 40px;
}

#mypageMileage .myMileage .mileageAvg ul li.on span {
    background: linear-gradient(to top, #dff4bb 50%, transparent 50%);
}

#mypageMileage .myMileage .extinctionCont {
    display: flex;
    justify-content: space-between;
}

#mypageMileage .myMileage .extinctionCont > li {
    width: 50%;
}

#mypageMileage .myMileage .extinctionCont > li > strong {
    display: block;
    margin-bottom: 12px;
    line-height: 24px;
    color: #888;
}

#mypageMileage .myMileage .extinctionCont > li > ul {
    position: relative;
}

#mypageMileage .myMileage .extinctionCont > li > ul > li {
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
}

#mypageMileage .myMileage .extinctionCont > li > ul > li strong,
#mypageMileage .myMileage .extinctionCont > li > ul > li span {
    /*display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;*/
}

#mypageMileage .myMileage .extinctionCont > li > ul > li strong {
    position: absolute;
    left: 0;
}

#mypageMileage .myMileage .extinctionCont > li > ul > li span {
    margin-right: 10px;
}

#mypageMileage .myMileage .extinctionCont > li > ul > li:last-of-type {
    margin-bottom: 0;
}

#mypageMileage .myMileage .extinctionCont > li:nth-of-type(odd) {
    padding-right: 20px !important;
}

#mypageMileage .myMileage .extinctionCont > li:nth-of-type(even) {
    padding-left: 20px !important;
}

#mypageMileage .myMileage .extinctionCont2 {
    display: flex;
    justify-content: space-between;
}

#mypageMileage .myMileage .extinctionCont2 .sum {
    width: 100px;
}

#mypageMileage .myMileage .extinctionCont2 > li {
    display: flex;
    justify-content: space-between;
    width: 47%;
}

#mypageMileage .myMileage .extinctionCont2 > li strong {
    flex: none;
    margin-right: 100px;
    color: #888;
}

#mypageMileage .myMileage .extinctionCont2 > li span {
    text-align: right;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400;
}

#mypageMileage .myMileage .extinctionCont2 > li:nth-of-type(odd) {
    padding-right: 0 !important;
}

#mypageMileage .myMileage .extinctionCont2 > li:nth-of-type(even) {
    padding-left: 0 !important;
}

#mypageMileage .myMileage .extinctionCont2 > li:last-of-type {
    margin-bottom: 0;
}

#mypageMileage .mileageInfoArea {
    margin: 40px 0 80px;
}

#mypageMileage .mileageInfoArea li {
    margin-top: 24px;
}

#mypageMileage .mileageInfoArea li:first-of-type {
    margin-top: 0;
}

#mypageMileage .mileageInfoArea li strong {
    font-size: 18px;
}

#mypageMileage .mileageInfoArea li p {
    margin: 6px 0 0;
    color: #888;
}

#mypageMileage .myMileage .btnMore {
    font-size: 12px;
    background-color: #28324E;
    padding: 2px 7px;
    border-radius: 10px;
    color: #fff;
    line-height: 19px;
    text-align: center !important;

}

/* 추가_마일리지 일소멸 팝업 */

.ExpireMileageListPop {
    padding: 22px 25px 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    width: calc(100% - 48px);
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 21;
    max-width: 400px;
    height: 50%;
    max-height: 600px;
}

.ExpireMileageListPop:has(.em-list ul li:nth-last-child(n+5)) {
    display: grid;
    height: 60%;
}

.ExpireMileageListPop:has(.em-list ul li:nth-last-child(n+5)) .em-noti {
    padding-left: 25px;
}


.ExpireMileageListPop .list-wrap {
    display: contents;
}

.ExpireMileageListPop .em-tit {
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
}

.ExpireMileageListPop .em-sum {
    background-color: #f9f9f9;
    padding: 15px 10px;
    margin-top: 20px;
}

.ExpireMileageListPop .em-sum ul {
    display: flex;
    justify-content: space-between;
}

.ExpireMileageListPop .em-sum li {
    line-height: 24px;
    color: #aaa;
}

.ExpireMileageListPop .em-sum .tit {
    font-weight: 400;
}

.ExpireMileageListPop .em-sum .txt {
    font-size: 20px;
    color: #004ED2;
    font-weight: 600;
}

.ExpireMileageListPop .em-sum em {
    font-style: normal;
    font-size: 14px;
    color: #aaa;
}

.ExpireMileageListPop .em-term {
    display: flex;
    margin-top: 20px;
    padding: 10px 0px;
    line-height: 16px;
    border-bottom: 2px solid #222;
    font-size: 12px;
    color: #888;
}

.ExpireMileageListPop .em-term .txt {
    margin-left: 5px;
}

.ExpireMileageListPop .em-list {
    width: 100%;
    overflow-y: auto;

}

.ExpireMileageListPop .em-list ul {
    height: 90%;
    overflow: auto;
}

.ExpireMileageListPop .em-list ul li {
    font-size: 14px;
    padding: 15px 5px;
    display: flex;
    justify-content: space-between;
    line-height: 20px;
    border-bottom: 1px solid #efefef;
}

.ExpireMileageListPop .em-list ul li:last-child {
    margin-bottom: 10px;
    border-bottom: 0;
}


.ExpireMileageListPop .em-list ul li strong {
    font-weight: 400;
    color: #888;
}

.ExpireMileageListPop .em-list ul li strong em {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #222;
}

.ExpireMileageListPop .em-noti {
    font-size: 12px;
    padding: 20px 0;
    color: #aaa;
    display: block;
    bottom: 0;
    position: absolute;
}

#PopBg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #111;
    opacity: 0.5;
    z-index: 20;
    animation-name: popBg;
    animation-duration: 0.5s;
    animation-delay: 0s;
    animation-fill-mode: both;
}

.ExpireMileageListPop .btnPopClose {
    position: absolute !important;
    right: 30px;
    top: 30px;
    width: 24px;
    height: 24px;
}

.ExpireMileageListPop .btnPopClose {
    position: relative;
}

.ExpireMileageListPop .btnPopClose:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#mypageMileage .conditionArea h3 {
    margin-bottom: 40px;
    font-size: 24px;
}

#mypageMileage .conditionArea .mileageSearchWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

#mypageMileage .conditionArea .mileageSearchWrap .mileageSearchBox {
    display: flex;
    align-items: center;
}

#mypageMileage .conditionArea .mileageSearchWrap .mileageSearchBox > span {
    margin-right: 16px;
    font-size: 16px;
    color: #888;
}

#mypageMileage .conditionArea .mileageSearchWrap .mileageSearchBox ul {
    display: flex;
    align-items: center;
}

#mypageMileage .conditionArea .mileageSearchWrap .mileageSearchBox ul li {
    width: 77px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #ddd;
}

#mypageMileage .conditionArea .mileageSearchWrap .mileageSearchBox ul li:nth-of-type(2) {
    border-left: 0;
    border-right: 0;
}

#mypageMileage .conditionArea .mileageSearchWrap .mileageSearchBox ul li.on {
    font-weight: 700;
    border: 1px solid #111;
}

#mypageMileage .conditionArea .mileageSearchWrap .mileageSearchBox ul li.on a {
    color: #111;
}

#mypageMileage .conditionArea .mileageSearchWrap .mileageSearchBox ul li a {
    display: block;
    color: #ddd;
}

#mypageMileage .conditionArea .mileageSearchWrap .mileageSearchBox > div {
    display: inline-block;
}

#mypageMileage .conditionArea .mileageSearchWrap .mileageSearchBox > div input {
    width: 144px;
    height: 44px;
    border: 1px solid #ddd;
}

#mypageMileage .conditionArea .mileageSearchWrap .mileageSearchBox > div > a {
    margin-left: 10px;
    width: 120px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
}

#mypageMileage .tableTypeB thead tr {
    border-bottom: 1px solid #ddd;
}

#mypageMileage .tableTypeB tbody td {
    text-align: center;
}

#mypageMileage .tableTypeB tbody td.bold {
    font-weight: 700;
}

#mypageMileage .paging {
    margin-top: 60px;
}

#mypageMileage .paging2 {
    margin-top: 48px;
}

#mypageDonation main.list .listArea {
    display: flex;
    flex-wrap: wrap;
}

#mypageDonation main.list .listArea li {
    width: 268px;
    margin-right: 47px;
    margin-bottom: 40px;
}

#mypageDonation main.list .listArea li a {
    display: block;
}

#mypageDonation main.list .listArea li a .imgArea {
    position: relative;
    width: 268px;
    height: 332px;
    margin-bottom: 20px;
}

#mypageDonation main.list .listArea li a .imgArea img {
    width: 268px;
    height: 332px;
}

#mypageDonation main.list .listArea li a .imgArea em {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 66px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background: #28324e;
}

#mypageDonation main.list .listArea li a .textArea {
    position: relative;
}

#mypageDonation main.list .listArea li a .textArea strong {
    display: block;
    height: 58px;
    padding-right: 60px;
    line-height: 29px;
    font-size: 20px;
    font-weight: 700;
}

#mypageDonation main.list .listArea li a .textArea .fotArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    margin-top: 24px;
    border-top: 1px solid #ddd;
}

#mypageDonation main.list .listArea li a .textArea .fotArea em {
    display: block;
    flex: none;
    margin-right: 10px;
    line-height: 24px;
    color: #888;
}

#mypageDonation main.list .listArea li a .textArea .fotArea span {
    display: block;
    padding-left: 24px;
    line-height: 22px;
    text-align: right;
    font-family: "Noto Sans KR", sans-serif;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg id='Icon_Mileage_15' transform='translate(-424.5 -328.5)'%3E%3Ccircle id='sc_1951' data-name='sc 1951' cx='7.5' cy='7.5' r='7.5' transform='translate(425 329)' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cpath id='path_33561' data-name='path 33561' d='M5.731,10.79V6.261L8.3,8.9,10.886,6.24V10.79' transform='translate(423.989 327.949)' fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 3px/16px auto;
}

#mypageDonation main.list .listArea li a .textArea i {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
    height: 56px;
    border: 2px solid #28324E;
    border-radius: 50%;
    font-size: 14px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #28324e;
}

#mypageDonation main.list .listArea li.endList a {
    cursor: default;
}

#mypageDonation main.list .listArea li.endList a .textArea strong {
    color: #707070;
}

#mypageDonation main.list .listArea li.endList a .textArea .fotArea em,
#mypageDonation main.list .listArea li.endList a .textArea .fotArea span {
    color: #ccc;
}

#mypageDonation main.list .listArea li.endList a .textArea .fotArea span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg id='Icon_Mileage_15' transform='translate(-424.5 -328.5)'%3E%3Ccircle id='sc_1951' data-name='sc 1951' cx='7.5' cy='7.5' r='7.5' transform='translate(425 329)' fill='none' stroke='%23ccc' stroke-width='1'/%3E%3Cpath id='path_33561' data-name='path 33561' d='M5.731,10.79V6.261L8.3,8.9,10.886,6.24V10.79' transform='translate(423.989 327.949)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 3px/16px auto;
}

#mypageDonation main.list .listArea li.endList a .textArea i {
    border-color: #707070;
    color: #707070;
}

#mypageDonation main.list .listArea li:nth-of-type(3n+3) {
    margin-right: 0;
}

#mypageDonation main.view .progressArea {
    margin-bottom: 60px;
    padding: 40px 56px;
    background: #F9F9F9;
}

#mypageDonation main.view .progressArea .utilArea {
    display: flex;
    align-items: center;
    margin-bottom: 11px;
}

#mypageDonation main.view .progressArea .utilArea em {
    display: block;
    margin-right: 16px;
    padding: 0 10px;
    height: 25px;
    line-height: 24px;
    font-size: 14px;
    font-family: "Noto Sans KR", sans-serif;
    color: #fff;
    background: #28324e;
}

#mypageDonation main.view .progressArea .utilArea span {
    display: block;
    line-height: 22px;
    font-size: 14px;
    font-family: "Noto Sans KR", sans-serif;
    color: #888;
}

#mypageDonation main.view .progressArea h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
}

#mypageDonation main.view .progressArea .progressBox > em {
    display: block;
    text-align: right;
    font-size: 32px;
    font-weight: 700;
    font-family: "Noto Sans KR", sans-serif;
    line-height: 46px;
    color: #28324e;
}

#mypageDonation main.view .progressArea .progressBox .graph {
    margin-bottom: 16px;
    display: block;
    position: relative;
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: #ddd;
    overflow: hidden;
}

#mypageDonation main.view .progressArea .progressBox .graph i {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 8px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: #28324e;
    transition: 2s;
}

#mypageDonation main.view .progressArea .progressBox .fotArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#mypageDonation main.view .progressArea .progressBox .fotArea > span {
    display: block;
    padding-left: 30px;
    font-family: "Noto Sans KR", sans-serif;
    color: #888;
    line-height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.4 17'%3E%3Cg id='Icon_Salege_54' transform='translate(-627 -1249)'%3E%3Cpath id='_36603' data-name=' 36603' d='M15.053,15.974c.421.053,2.637,0,2.972,0A7.917,7.917,0,0,0,24.667,12.4,7.991,7.991,0,0,0,18.024,0H15.176' transform='translate(619.904 1249.5)' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cg id='_36599' data-name=' 36599' transform='translate(627 1249)' fill='none'%3E%3Cpath d='M8.5,0A8.5,8.5,0,1,1,0,8.5,8.5,8.5,0,0,1,8.5,0Z' stroke='none'/%3E%3Cpath d='M 8.5 1 C 4.364489555358887 1 1 4.364489555358887 1 8.5 C 1 12.6355094909668 4.364489555358887 16 8.5 16 C 12.6355094909668 16 16 12.6355094909668 16 8.5 C 16 4.364489555358887 12.6355094909668 1 8.5 1 M 8.5 0 C 13.19441986083984 0 17 3.805580139160156 17 8.5 C 17 13.19441986083984 13.19441986083984 17 8.5 17 C 3.805580139160156 17 0 13.19441986083984 0 8.5 C 0 3.805580139160156 3.805580139160156 0 8.5 0 Z' stroke='none' fill='%23111'/%3E%3C/g%3E%3Cpath id='_36604' data-name=' 36604' d='M671.718,1258.356H669.37' transform='translate(-27.718 -6.042)' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cpath id='_36605' data-name=' 36605' d='M671.718,1258.356H669.37' transform='translate(-26.656 -4.271)' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cpath id='_36606' data-name=' 36606' d='M671.718,1258.356H669.37' transform='translate(-25.947 -2.501)' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cpath id='_36607' data-name=' 36607' d='M671.718,1258.356H669.37' transform='translate(-25.482 -0.73)' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cpath id='_36608' data-name=' 36608' d='M671.718,1258.356H669.37' transform='translate(-25.947 1.041)' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cpath id='_36609' data-name=' 36609' d='M671.718,1258.356H669.37' transform='translate(-26.656 2.812)' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cpath id='_36610' data-name=' 36610' d='M671.718,1258.356H669.37' transform='translate(-27.83 4.583)' fill='none' stroke='%23111' stroke-width='1'/%3E%3Cg id='_40752' data-name=' 40752' transform='translate(0 0.27)'%3E%3Cpath id='_36611' data-name=' 36611' d='M370.641,475.837l-3.418,2.12v-2.12h-.462v2.883l2.1-1.344,1.924,1.219h.8l-2.345-1.438,2.19-1.32Z' transform='translate(268.975 780.01)' fill='%23111' stroke='%23111' stroke-width='0.3'/%3E%3Cpath id='_36612' data-name=' 36612' d='M300.526,477.459h.614l2.228-2.28,2.228,2.28h.615l-2.84-2.876Z' transform='translate(328.987 781.146)' fill='%23111' stroke='%23111' stroke-width='0.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 0 3px/20px auto;
}

#mypageDonation main.view .progressArea .progressBox .fotArea > strong {
    display: block;
    text-align: right;
    line-height: 38px;
    font-size: 28px;
    font-weight: 700;
    font-family: "Noto Sans KR", sans-serif;
    background: linear-gradient(to top, #DFF4BB 50%, transparent 50%);
}

#mypageDonation main.view .editorArea {
    margin-bottom: 100px;
    overflow: hidden;
}

#mypageDonation main.view .enterArea {
    margin-bottom: 100px;
}

#mypageDonation main.view .enterArea .bold {
    font-weight: 700;
}

#mypageDonation main.view .enterArea input {
    width: 160px;
    height: 40px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid #ddd;
    font-weight: 700;
    font-family: "Noto Sans KR", sans-serif;
}

#mypageDonation main.view .enterArea table tr td,
#mypageDonation main.view .enterArea table tr th {
    text-align: center;
}

#mypageDonation main.view .enterArea .btnBox {
    margin-top: 60px;
    text-align: center;
}

#mypageDonation main.view .historyList table tr td {
    text-align: center;
}

#mypageDonation main.view .historyList table thead tr:last-of-type {
    border-bottom-color: #ddd;
}

#mypageDonation main.view .historyList .paging {
    margin-top: 80px;
}

#mypageDonation main.view .btnArea {
    margin-top: 60px;
    text-align: center;
}

#memberPwModify .certifyArea {
    margin-bottom: 60px;
    padding: 60px 0;
    border: 1px solid #ddd;
    text-align: center;
}

#memberPwModify .certifyArea .inputArea label {
    margin-right: 40px;
}

#memberPwModify .certifyArea .inputArea input {
    width: 309px;
    padding: 0 16px;
    border: 1px solid #ddd;
    height: 48px;
    line-height: 48px;
}

#memberPwModify .certifyArea .inputArea span {
    display: block;
    margin-top: 20px;
}

#memberModify main {
    position: relative;
    z-index: 1;
}

#memberModify .redText {
    color: #ce0101;
}

#memberModify .titleBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 640px;
    margin: 56px 0 25px;
}

#memberModify .titleBox h4 {
    font-size: 24px;
}

#memberModify .titleBox strong {
    font-size: 14px;
    color: #888;
}

#memberModify .mypageForm > ul > li > strong {
    width: 160px;
}

#memberModify .mypageForm > ul > li > div {
    width: 480px;
}

#memberModify .mypageForm > ul > li > div input.radioTypeA + label {
    margin-left: 15px;
}

#memberModify .mypageForm > ul > li.withBtn > div .inputArea {
    margin-right: 16px;
    flex: 1;
}

#memberModify .formTypeA > ul > li.birth .setDateCont select ~ span {
  background-color: #f5f5f5;
  color: #888;
}
#memberModify .formTypeA > ul > li.birth .setDateCont select ~ span:last-of-type {
  border-right: 1px solid #ddd;
  margin-right: 16px;
}

#memberModify .mypageForm > ul > li.mbPhone > div .inputArea {
    margin-right: 16px;
    flex: 1;
}

#memberModify .mypageForm > ul > li.mbPhone > div .euiSelectMain {
    border-right: 0;
}

#memberModify .mypageForm > ul > li.email .fixed input {
    height: 48px;
    padding: 0 16px;
    line-height: 48px;
    vertical-align: top;
}

#memberModify .mypageForm > ul > li.email .fixed span {
    height: 48px;
    line-height: 48px;
}

#memberModify .mypageForm > ul > li.email .insertTypeB input {
    height: 46px;
    line-height: 46px;
}

#memberModify .marketingAgreeWrap h4 {
    font-size: 24px;
    margin: 60px 0 24px;
}

#memberModify .marketingAgreeWrap .marketingAgree {
    padding: 0 24px 24px;
    border: 1px solid #ddd;
}

#memberModify .marketingAgreeWrap .marketingAgree .termList > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 24px 0;
    border-bottom: 1px solid #ddd;
}

#memberModify .marketingAgreeWrap .marketingAgree .termList > li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#memberModify .marketingAgreeWrap .marketingAgree .termList > li:last-of-type::after,
#memberModify .marketingAgreeWrap .marketingAgree .termList > li:last-of-type::before {
    display: none;
}

#memberModify .marketingAgreeWrap .marketingAgree .termList > li a {
    text-decoration: none;
    border-bottom: 1px solid #28324e;
    color: #28324e;
}

#memberModify .marketingAgreeWrap .marketingAgree .termList + .caution {
    margin-top: 10px;
    color: #888;
    font-size: 14px;
}

#memberModify .marketingAgreeWrap .marketingAgree .receiveSet {
    width: 100%;
    margin-top: 16px;
    padding: 24px;
    background: #f9f9f9;
}

#memberModify .marketingAgreeWrap .marketingAgree .receiveSet li {
    display: inline-block;
    margin-right: 24px;
}

#memberModify .marketingAgreeWrap .marketingAgree .receiveSet li:first-of-type {
    display: block;
    margin-bottom: 16px;
}

#memberModify .marketingAgreeWrap .marketingAgree .receiveSet li input.chkTypeA + label:after {
    border-radius: 50%;
}

#memberModify .clubInfoBox h4 {
    font-size: 24px;
    margin: 60px 0 24px;
}

#memberModify .clubInfoBox .termList li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    border-bottom: 1px solid #ddd;
}

#memberModify .clubInfoBox .termList li a {
    text-decoration: none;
    border-bottom: 1px solid #28324e;
    color: #28324e;
}

#memberModify .clubInfoBox .termList + .caution {
    margin-top: 10px;
    color: #888;
    font-size: 14px;
}

#memberModify .clubList {
    display: flex;
    align-items: center;
}

#memberModify .clubList li.btnChangeClub {
    margin: 0 0 0 auto;
}

#memberModify .clubList li.btnChangeClub a {
    width: 108px;
    height: 32px;
    padding: 0;
    margin: 0;
    border: 1px solid #28324e;
    color: #28324e;
    line-height: 32px;
    font-size: 14px;
    background: #fff;
}

#memberModify .clubList li a {
    display: inline-block;
    margin: 0 12px 0 0;
    padding: 2px 12px;
    background: #28324e;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

#memberModify .bgBox {
    margin: 24px 0 40px;
    padding: 24px;
    background: #f9f9f9;
}

#memberModify .bgBox .blt li {
    margin-bottom: 8px;
    padding-left: 10px;
    color: #666;
}

#memberModify .bgBox .blt li {
    position: relative;
}

#memberModify .bgBox .blt li:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #666;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

#memberModify .bakimomList ol {
    padding-bottom: 57px;
    border-bottom: 1px solid #ddd;
}

#memberModify .bakimomList ol > li {
    margin-top: 40px;
}

#memberModify .bakimomList ol > li > ul {
    flex: 1;
}

#memberModify .bakimomList ol > li > ul > li {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

#memberModify .bakimomList ol > li > ul > li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#memberModify .bakimomList ol > li > ul > li:last-of-type::after,
#memberModify .bakimomList ol > li > ul > li:last-of-type::before {
    display: none;
}

#memberModify .bakimomList ol > li > ul > li > p {
    width: 50%;
    padding-left: 34px;
}

#memberModify .bakimomList ol > li > ul > li > p label {
    margin-right: 20px;
}

#memberModify .bakimomList ol > li > ul > li .setDateCont {
    flex: 1;
    font-size: 0;
}

#memberModify .bakimomList ol > li > ul > li .setDateCont span {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
}

#memberModify .bakimomList ol > li > ul > li input[type=text] {
    flex: 1;
    padding: 12px 16px;
    border: 1px solid #ddd;
}

#memberModify .btnArea {
    margin-top: 60px;
}

#memberModify.easyWrite main .titleBox {
    display: block;
}

#memberModify.easyWrite main .titleBox h4 {
    margin-bottom: 8px;
}

#memberModify.easyWrite main .titleBox p {
    line-height: 24px;
    color: #888;
}

#memberModify.easyWrite main .formTypeA {
    margin-top: 52px;
}

#memberModify.easyWrite main .formTypeA > ul > li.email > strong {
    align-self: start;
    margin-top: 13px;
}

#memberModify.easyWrite main .formTypeA > ul > li.email > div {
    position: relative;
}

#memberModify.easyWrite main .formTypeA > ul > li.email > div a.btnTypeD {
    display: block;
    flex: none;
    width: 140px;
    margin-left: 14px;
}

#memberModify.easyWrite main .formTypeA > ul > li.email > div i {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
}

#memberModify.easyWrite main .formTypeA > ul > li.email > div em {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    flex: none;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #ce0101;
}

#memberModify.easyWrite main .formTypeA > ul > li.withBtn > div .inputArea,
#memberModify.easyWrite main .formTypeA > ul > li.mbPhone > div .inputArea {
    margin-right: 0;
}

#memberModify.easyWrite main .formTypeA > ul > li > div input[disabled=disabled] {
    color: #888;
}

#memberModify.easyWrite main .formTypeA > ul > li > div label {
    flex: none;
    margin-top: 10px;
    font-size: 14px;
    color: #888;
    letter-spacing: -0.02em;
}

#memberModify.easyWrite main .formTypeA > ul > li > div input.chkTypeA + label:after {
    top: 0;
    margin-top: 0;
}

#memberModify.easyWrite main .btnArea {
    margin-top: 56px;
    padding-top: 60px;
    border-top: 1px solid #ddd;
}

#checkUserPop {
    z-index: 30;
    position: fixed;
    width: 520px;
    left: 50%;
    top: 50%;
    padding: 56px 30px 32px;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #ccc;
}

#checkUserPop h2 {
    font-size: 24px;
    text-align: center;
}

#checkUserPop .cont {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    padding: 12px 0;
    word-break: break-all;
}

#checkUserPop .btnPopClose {
    position: absolute !important;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
}

#checkUserPop .btnPopClose {
    position: relative;
}

#checkUserPop .btnPopClose:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#checkUserPop .btnBox {
    display: flex;
    justify-content: space-between;
}

#checkUserPop .btnBox a {
    width: 216px;
    height: 56px;
    line-height: 56px;
}

#memberComplete .contentArea {
    margin-bottom: 60px;
    padding: 112px 0 60px;
    border: 1px solid #ddd;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Cg id='g_35408' data-name='g 35408' transform='translate(86.233 -36.612)'%3E%3Cg id='g_35407' data-name='g 35407'%3E%3Cg id='g_35417' data-name='g 35417' transform='translate(1)'%3E%3Cg id='g_35406' data-name='g 35406' transform='translate(-87.233 36.612)'%3E%3Cpath id='p_33759' data-name='p 33759' d='M42,84.5a42,42,0,1,1,42-42A42.048,42.048,0,0,1,42,84.5ZM42,4.1A38.4,38.4,0,1,0,80.4,42.5,38.444,38.444,0,0,0,42,4.1Z' transform='translate(0 -0.5)' fill='%23ddd'/%3E%3C/g%3E%3Cpath id='icon_Check_37' d='M13.932,30.954,3.072,18.52,0,22.021,13.932,37.936l29.855-34.1L40.812.359Z' transform='translate(-67.233 60.253)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 40px/56px;
    text-align: center;
}

#memberComplete .contentArea h4 {
    font-size: 24px;
}

#memberComplete .contentArea p {
    margin: 24px 0 0;
    font-size: 16px;
    color: #888;
    line-height: 1.5;
}

#passwordCertify .infoArea {
    width: 900px;
    margin: 40px 0 56px;
    padding: 40px 0;
    border: 1px solid #ddd;
    text-align: center;
}

#passwordCertify .infoArea > p > span {
    margin-top: 15px;
    display: block;
    color: #888;
    font-size: 14px;
}

#passwordCertify .infoArea > .inputArea {
    width: 609px;
    margin: 0 auto 41px;
}

#passwordCertify .infoArea > .inputArea > li {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

#passwordCertify .infoArea > .inputArea > li label {
    width: 129px;
    text-align: left;
}

#passwordCertify .infoArea > .inputArea > li input {
    width: 480px;
    height: 48px;
    padding: 0 20px;
    border: 1px solid #ddd;
}

#passwordCertify .infoArea > .inputArea > li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

#passwordCertify .infoArea > .inputArea > li:last-of-type::after,
#passwordCertify .infoArea > .inputArea > li:last-of-type::before {
    display: none;
}

#passwordCertify .infoArea > .inputArea > li:nth-of-type(1) label {
    font-weight: normal;
    color: #888;
    flex: none;
}

#passwordCertify .infoArea > .inputArea > li .emailBox {
    width: 480px;
    display: flex;
}

#passwordCertify .infoArea > .inputArea > li .emailBox .fixed {
    font-size: 0;
    flex: 1;
}

#passwordCertify .infoArea > .inputArea > li .emailBox .fixed input {
    width: 80%;
}

#passwordCertify .infoArea > .inputArea > li .emailBox .fixed em {
    display: inline-block;
    width: 20%;
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    line-height: 46px;
    height: 48px;
}

#passwordCertify .infoArea > .inputArea > li .emailBox .fixed ~ div {
    flex: 1;
}

#passwordCertify .infoArea > .inputArea > li .emailBox input {
    width: 100%;
}

#passwordCertify .infoArea > .inputArea > li .emailBox a.btnTypeD {
    margin-left: 16px;
}

#passwordCertify .infoText {
    margin: 56px 0 42px;
    font-size: 18px;
    text-align: center;
}

#passwordCertify.easyCertify .infoArea > .inputArea > li:nth-of-type(2) label {
    font-weight: normal;
    color: #888;
    flex: none;
}

#passwordCertify.easyCertify .btnArea a {
    color: #fff;
}

#secessionSelect .infoArea {
    width: 900px;
    margin-top: 40px;
    padding: 120px 48px 40px;
    border: 1px solid #ddd;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Cg id='g_35416' data-name='g 35416' transform='translate(-165.652 -431.986)'%3E%3Cg id='g_35411' data-name='g 35411' transform='translate(165.652 431.986)'%3E%3Cg id='g_31115' data-name='g 31115' transform='translate(0 0)'%3E%3Cpath id='p_33755' data-name='p 33755' d='M42,84A42,42,0,1,1,84,42,42.048,42.048,0,0,1,42,84ZM42,3.6A38.4,38.4,0,1,0,80.4,42,38.443,38.443,0,0,0,42,3.6Z' fill='%23ddd'/%3E%3C/g%3E%3C/g%3E%3Cg id='icon_Alert_35' transform='translate(205.652 455.986)'%3E%3Cg id='g_35415' data-name='g 35415'%3E%3Cg id='g_31116' data-name='g 31116'%3E%3Cpath id='p_33756' data-name='p 33756' d='M68.122,44.838H63.6V21h4.526Z' transform='translate(-63.596 -21)' fill='%23000'/%3E%3C/g%3E%3Cg id='g_31117' data-name='g 31117' transform='translate(0.027 29.466)'%3E%3Crect id='s_16777' data-name='s 16777' width='4.549' height='5.672' transform='translate(0)' fill='%23111'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 40px/56px;
}

#secessionSelect .infoArea > strong {
    display: block;
    font-size: 24px;
    text-align: center;
}

#secessionSelect .infoArea > p {
    padding-bottom: 40px;
    margin-top: 24px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

#secessionSelect .infoArea .selectArea h4 {
    margin: 40px 0 24px;
    font-size: 20px;
}

#secessionSelect .infoArea .selectArea div span input.radioTypeA + label {
    margin-right: 24px;
}

#secessionSelect .infoArea .selectArea div textarea {
    width: 804px;
    height: 100px;
    margin: 24px 0 10px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    resize: none;
}

#secessionSelect .infoArea .selectArea div p {
    font-size: 14px;
    color: #888;
}

#secessionSelect .infoArea2 {
    width: 900px;
    margin: 40px 0 60px;
    padding: 112px 0 40px;
    border: 1px solid #ddd;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Cg id='g_35408' data-name='g 35408' transform='translate(86.233 -36.612)'%3E%3Cg id='g_35407' data-name='g 35407'%3E%3Cg id='g_35417' data-name='g 35417' transform='translate(1)'%3E%3Cg id='g_35406' data-name='g 35406' transform='translate(-87.233 36.612)'%3E%3Cpath id='p_33759' data-name='p 33759' d='M42,84.5a42,42,0,1,1,42-42A42.048,42.048,0,0,1,42,84.5ZM42,4.1A38.4,38.4,0,1,0,80.4,42.5,38.444,38.444,0,0,0,42,4.1Z' transform='translate(0 -0.5)' fill='%23ddd'/%3E%3C/g%3E%3Cpath id='icon_Check_37' d='M13.932,30.954,3.072,18.52,0,22.021,13.932,37.936l29.855-34.1L40.812.359Z' transform='translate(-67.233 60.253)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 40px/56px;
}

#secessionSelect .infoArea2 strong {
    display: block;
    font-size: 22px;
    text-align: center;
}

#secessionSelect .infoArea2 p {
    margin-top: 20px;
    font-size: 16px;
    color: #888;
    text-align: center;
}

#secessionSelect .infoText {
    margin: 56px 0 40px;
    font-size: 18px;
    text-align: center;
}

#secessionCkPop {
    z-index: 30;
    position: fixed;
    width: 520px;
    left: 50%;
    top: 50%;
    padding: 32px 30px;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #ccc;
}

#secessionCkPop h2 {
    display: block;
    padding-top: 24px;
    font-size: 24px;
    text-align: center;
}

#secessionCkPop .cont {
    margin: 20px 0 40px;
    min-height: 100px;
    word-break: break-all;
    line-height: 1.63;
    letter-spacing: -0.03em;
}

#secessionCkPop .btnPopClose {
    position: absolute !important;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
}

#secessionCkPop .btnPopClose {
    position: relative;
}

#secessionCkPop .btnPopClose:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#secessionCkPop .btnArea {
    display: flex;
}

#secessionReCkPop {
    z-index: 30;
    position: fixed;
    width: 520px;
    left: 50%;
    top: 50%;
    padding: 24px 30px;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #ccc;
}

#secessionReCkPop h2 {
    display: block;
    padding-top: 24px;
    font-size: 24px;
    text-align: center;
}

#secessionReCkPop .cont {
    padding: 112px 0 40px;
    min-height: 100px;
    word-break: break-all;
    line-height: 1.63;
    text-align: center;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Cg id='g_35416' data-name='g 35416' transform='translate(-165.652 -431.986)'%3E%3Cg id='g_35411' data-name='g 35411' transform='translate(165.652 431.986)'%3E%3Cg id='g_31115' data-name='g 31115' transform='translate(0 0)'%3E%3Cpath id='p_33755' data-name='p 33755' d='M42,84A42,42,0,1,1,84,42,42.048,42.048,0,0,1,42,84ZM42,3.6A38.4,38.4,0,1,0,80.4,42,38.443,38.443,0,0,0,42,3.6Z' fill='%23ddd'/%3E%3C/g%3E%3C/g%3E%3Cg id='icon_Alert_35' transform='translate(205.652 455.986)'%3E%3Cg id='g_35415' data-name='g 35415'%3E%3Cg id='g_31116' data-name='g 31116'%3E%3Cpath id='p_33756' data-name='p 33756' d='M68.122,44.838H63.6V21h4.526Z' transform='translate(-63.596 -21)' fill='%23111'/%3E%3C/g%3E%3Cg id='g_31117' data-name='g 31117' transform='translate(0.027 29.466)'%3E%3Crect id='s_16777' data-name='s 16777' width='4.549' height='5.672' transform='translate(0)' fill='%23111'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 32px/56px;
}

#secessionReCkPop .btnPopClose {
    position: absolute !important;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
}

#secessionReCkPop .btnPopClose {
    position: relative;
}

#secessionReCkPop .btnPopClose:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#secessionReCkPop .btnArea {
    display: flex;
}

#allLoginWrap .titleBox {
    position: relative;
    border-bottom: 1px solid #ddd;
}

#allLoginWrap .titleBox > div {
    width: 1280px;
    margin: 0 auto;
    height: 85px;
    line-height: 85px;
}

#allLoginWrap .titleBox > div strong {
    font-size: 26px;
    font-weight: 700;
    margin-right: 25px;
}

#allLoginWrap .titleBox > div span {
    font-size: 16px;
    color: #888;
}

#allLoginWrap #content {
    display: block;
    margin: 100px auto 0;
}

#allLoginWrap #content h2 {
    font-size: 32px;
    text-align: center;
}

#allLoginWrap #content .titleInfo {
    margin-top: 24px;
    font-size: 16px;
    color: #888;
    text-align: center;
}

#allLoginWrap #content .loginBox {
    width: 480px;
    margin: 56px auto 0;
}

#allLoginWrap #content .loginBox > input {
    width: 100%;
    height: 48px;
    margin-bottom: 16px;
    padding: 12px 16px;
    line-height: 48px;
    border: 1px solid #ddd;
}

#allLoginWrap #content .loginBox > input::placeholder {
    font-size: 16px;
    color: #888;
}

#allLoginWrap #content .btnBox {
    width: 480px;
    margin: 40px auto 0;
}

#allLoginWrap #content .btnBox a {
    height: 56px;
    line-height: 56px;
    font-size: 18px;
}

#memberChangePopWrap {
    z-index: 30;
    position: fixed;
    width: 520px;
    left: 50%;
    top: 50%;
    padding: 24px 30px 48px;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 1px solid #ccc;
}

#memberChangePopWrap h2 {
    display: block;
    padding-top: 24px;
    font-size: 24px;
    text-align: center;
}

#memberChangePopWrap .cont {
    padding: 20px 0 40px;
    min-height: 100px;
    word-break: break-all;
    line-height: 1.63;
}

#memberChangePopWrap .cont p {
    line-height: 1.63;
    letter-spacing: -0.3px;
}

#memberChangePopWrap .cont > div {
    margin: 24px 0 0;
    padding: 24px;
    background: #f9f9f9;
}

#memberChangePopWrap .cont > div strong {
    display: block;
    text-align: center;
}

#memberChangePopWrap .cont > div ul li {
    margin-bottom: 8px;
    line-height: 1.63;
}

#memberChangePopWrap .cont > div .logoBox {
    margin-bottom: 24px;
    text-align: center;
}

#memberChangePopWrap .cont > div .logoBox li {
    position: relative;
    display: inline-block;
    height: 25px;
    text-indent: -1000px;
    font-size: 0;
}

#memberChangePopWrap .cont > div .logoBox li {
    position: relative;
}

#memberChangePopWrap .cont > div .logoBox li:after {
    content: "";
    position: absolute;
    position: absolute;
    right: 0;
    top: 12px;
    width: 1px;
    height: 8px;
    background: #888;
}

#memberChangePopWrap .cont > div .logoBox li:first-of-type {
    width: 125px;
    margin-right: 15px;
    background: url("data:image/svg+xml,%3Csvg id='g_37586' data-name='g 37586' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 108.293 14'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='s_18218' data-name='s 18218' width='108.293' height='14' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='p_36635' data-name='p 36635' d='M103.107,1.613l-15.763,9.9v-9.9h-2.13V15.071L94.919,8.8l8.872,5.688h3.694L96.67,7.775l10.1-6.162Z' transform='translate(-56.101 -1.071)' fill='%23111'/%3E%3Cpath id='p_36636' data-name='p 36636' d='M13.12,0,0,13.422H2.833L13.107,2.782l10.274,10.64h2.835Z' transform='translate(0 0)' fill='%23111'/%3E%3Cg id='g_37585' data-name='g 37585' transform='translate(0 0)'%3E%3Cg id='g_37584' data-name='g 37584' clip-path='url(%23clip-path)'%3E%3Cpath id='p_36637' data-name='p 36637' d='M167.832,10.093v7.074h1.4V14.738h4.018a3.185,3.185,0,0,0,2.039-.584,2.134,2.134,0,0,0,.751-1.74,2.152,2.152,0,0,0-.708-1.683,2.69,2.69,0,0,0-1.869-.638Zm5.678,1.243a1.079,1.079,0,1,1,0,2.157h-4.274V11.336Z' transform='translate(-110.683 -6.656)' fill='%23111'/%3E%3Cpath id='p_36638' data-name='p 36638' d='M199.662,10.094v7.074h6.968V15.922h-5.565V10.094Z' transform='translate(-131.675 -6.657)' fill='%23111'/%3E%3Cpath id='p_36639' data-name='p 36639' d='M229.982,10.094l-3.9,7.074h1.6l3.221-5.884,3.2,5.884h1.611l-3.9-7.074Z' transform='translate(-149.099 -6.657)' fill='%23111'/%3E%3Cpath id='p_36640' data-name='p 36640' d='M293.64,10.094l-3.9,7.074h1.6l3.22-5.884,3.2,5.884h1.61l-3.9-7.074Z' transform='translate(-191.079 -6.657)' fill='%23111'/%3E%3Cpath id='p_36641' data-name='p 36641' d='M262.452,10.094v1.25h5.321l-5.406,4.766v1.058h7.96V15.92h-5.653l5.405-4.769V10.094Z' transform='translate(-173.028 -6.657)' fill='%23111'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 50%/108.3px;
}

#memberChangePopWrap .cont > div .logoBox li:nth-of-type(2) {
    width: 121px;
    margin-right: 15px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100.89 14'%3E%3Cg id='g_37587' data-name='g 37587' transform='translate(0)'%3E%3Cpath id='p_36642' data-name='p 36642' d='M177.01,10.157,173.7,15.638l-3.29-5.481h-1.555v6.66h1.368V12.454l2.6,4.363h1.764l2.6-4.365v4.365h1.366v-6.66Zm9.358,0-3.968,6.66h1.549l3.309-5.478,3.287,5.478H192.1l-3.968-6.66Zm10.247,0v6.66h7.061V15.7h-5.693V10.157Zm11.533,0v6.66h7.066V15.7h-5.7V10.157Z' transform='translate(-114.325 -6.513)' fill='%23111'/%3E%3Cpath id='p_36643' data-name='p 36643' d='M104.94,1.622,88.019,11.49V1.622H85.734V15.04L96.15,8.786l9.524,5.67h3.964L98.031,7.767,108.87,1.622Z' transform='translate(-57.217 -1.04)' fill='%23111'/%3E%3Cpath id='p_36644' data-name='p 36644' d='M14.083,0,0,13.38H3.041L14.069,2.774,25.1,13.38H28.14Z' fill='%23111'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 50%/100.9px;
}

#memberChangePopWrap .cont > div .logoBox li:last-of-type {
    width: 94px;
    background: url("/static/images/common/cultureAcademy_logo.png") no-repeat 0 50%/94px auto;
}

#memberChangePopWrap .cont > div .logoBox li:last-of-type:after {
    display: none;
}

#memberChangePopWrap .btnPopClose {
    position: absolute !important;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
}

#memberChangePopWrap .btnPopClose {
    position: relative;
}

#memberChangePopWrap .btnPopClose:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#memberChangePopWrap .btnBox {
    display: flex;
    justify-content: space-between;
}

#memberChangePopWrap .btnBox a {
    width: 216px;
    height: 56px;
    line-height: 56px;
}

@media screen and (max-height: 820px) {
    #wrapper.main .step1 .secArea1 {
        transform: translate(-50%) scale(0.8);
        transform-origin: 50% calc(50% + 160px);
    }
}

@media screen and (max-height: 650px) {
    #wrapper.main .step1 .secArea1 {
        transform: translate(-50%) scale(0.6);
        transform-origin: 50% calc(50% + 160px);
    }

    #wrapper.main .step2 .layoutWrap .phoneArea {
        transform: scale(0.8);
    }

    #wrapper.main .step3 .layoutWrap > div {
        transform: scale(0.8);
    }

    #wrapper.main .step4 .scArea {
        transform: translate(-50%, -50%) scale(0.8);
    }
}

/*사이트운영정책*/
#stipulation main #privacyList {
    display: flex;
    padding: 32px 40px;
    background: #f9f9f9;
    justify-content: space-between;
}

#stipulation main #privacyList > ol li {
    margin-bottom: 16px;
}

#stipulation main #privacyList > ol li:last-of-type {
    margin-bottom: 0;
}

#stipulation main .agree span {
    display: block;
    margin-top: 60px;
    font-size: 24px;
}

#stipulation main .agree p {
    position: relative;
    margin-top: 16px;
    color: #888;
    line-height: 1.63;
}

#stipulation main .agree p .btnTop {
    position: absolute;
    top: 21px;
    right: -101px;
    width: 64px;
    height: 64px;
    background: #28324e;
    border-radius: 50%;
}

#stipulation main .agree p .btnTop a {
    display: block;
    width: 100%;
    height: 100%;
}

#stipulation main .agree p .btnTop a img {
    display: none;
    width: 0;
    height: 0;
}

#stipulation main .agree p .btnTop a:before {
    content: "TOP";
    position: absolute;
    top: 23px;
    left: 12px;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
}

#stipulation main .agree p .btnTop a:after {
    content: "";
    position: absolute;
    top: 23px;
    right: 10px;
    border-bottom: 8px solid #fff;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#stipulation main .privacyCon h4 {
    margin-top: 60px;
    font-size: 24px;
}

#stipulation main .privacyCon li {
    position: relative;
    margin-top: 16px;
    color: #888;
    line-height: 1.63;
}

#stipulation main .privacyCon li .btnTop {
    position: absolute;
    top: 21px;
    right: -101px;
    width: 64px;
    height: 64px;
    background: #28324e;
    border-radius: 50%;
}

#stipulation main .privacyCon li .btnTop a {
    display: block;
    width: 100%;
    height: 100%;
}

#stipulation main .privacyCon li .btnTop a img {
    display: none;
    width: 0;
    height: 0;
}

#stipulation main .privacyCon li .btnTop a:before {
    content: "TOP";
    position: absolute;
    top: 23px;
    left: 12px;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
}

#stipulation main .privacyCon li .btnTop a:after {
    content: "";
    position: absolute;
    top: 23px;
    right: 10px;
    border-bottom: 8px solid #fff;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#individual main #privacyList {
    display: flex;
    padding: 32px 40px;
    background: #f9f9f9;
}

#individual main #privacyList > ol {
    flex: 1;
}

#individual main #privacyList > ol li {
    margin-bottom: 16px;
}

#individual main #privacyList > ol li:last-of-type {
    margin-bottom: 0;
}

#individual main .selectBox {
    margin-bottom: 20px;
    text-align: right;
}

#individual main .selectBox .eui_commonSelect {
    width: 220px;
}

#individual main .selectBox .eui_commonSelect .euiSelectMain {
    height: 32px;
    line-height: 28px;
    border: 1px solid #28324e;
    text-align: left;
}

#individual main .selectBox .eui_commonSelect .euiSelectMain span {
    font-size: 14px;
    color: #28324e;
}

#individual main .selectBox .eui_commonSelect .euiSelectList {
    text-align: left;
}

#individual main .privacyCon h4 {
    margin: 60px 0 16px;
    font-size: 24px;
}

#individual main .privacyCon li {
    position: relative;
    color: #888;
    line-height: 1.63;
}

#individual main .privacyCon li table {
    margin: 16px 0;
    border-collapse: collapse;
    border-top: 1px solid #111;
}

#individual main .privacyCon li table th {
    padding: 12px 30px;
    background: #f9f9f9;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

#individual main .privacyCon li table td {
    padding: 24px 30px;
    text-align: center;
    font-size: 16px;
}

#individual main .privacyCon li .btnTop {
    position: absolute;
    top: 21px;
    right: -101px;
    width: 64px;
    height: 64px;
    background: #28324e;
    border-radius: 50%;
}

#individual main .privacyCon li .btnTop a {
    display: block;
    width: 100%;
    height: 100%;
}

#individual main .privacyCon li .btnTop a img {
    display: none;
    width: 0;
    height: 0;
}

#individual main .privacyCon li .btnTop a:before {
    content: "TOP";
    position: absolute;
    top: 23px;
    left: 12px;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
}

#individual main .privacyCon li .btnTop a:after {
    content: "";
    position: absolute;
    top: 23px;
    right: 10px;
    border-bottom: 8px solid #fff;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#cctvPolicy main .btnTop {
    position: absolute;
    top: 21px;
    right: -101px;
    width: 64px;
    height: 64px;
    background: #28324e;
    border-radius: 50%;
}

#cctvPolicy main .btnTop a {
    display: block;
    width: 100%;
    height: 100%;
}

#cctvPolicy main .btnTop a img {
    display: none;
    width: 0;
    height: 0;
}

#cctvPolicy main .btnTop a:before {
    content: "TOP";
    position: absolute;
    top: 23px;
    left: 12px;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
}

#cctvPolicy main .btnTop a:after {
    content: "";
    position: absolute;
    top: 23px;
    right: 10px;
    border-bottom: 8px solid #fff;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#cctvPolicy main .privacyCon h4 {
    margin: 60px 0 16px;
    font-size: 24px;
}

#cctvPolicy main .privacyCon li {
    position: relative;
    color: #888;
    line-height: 1.63;
}

#cctvPolicy main .privacyCon table {
    margin: 16px 0;
    border-collapse: collapse;
    border-top: 1px solid #111;
}

#cctvPolicy main .privacyCon table thead tr:first-of-type th {
    border-top: 1px solid #111;
}

#cctvPolicy main .privacyCon table tbody tr:last-of-type td {
    border-bottom: 1px solid #111;
}

#cctvPolicy main .privacyCon table th {
    padding: 12px 30px;
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

#cctvPolicy main .privacyCon table th:first-of-type {
    border-left: 0;
}

#cctvPolicy main .privacyCon table th:last-of-type {
    border-right: 0;
}

#cctvPolicy main .privacyCon table td {
    padding: 24px 30px;
    border: 1px solid #e2e2e2;
    text-align: center;
    font-size: 16px;
}

#cctvPolicy main .privacyCon table td:first-of-type {
    border-left: 0;
}

#cctvPolicy main .privacyCon table td:last-of-type {
    border-right: 0;
}

#email .emailInfoBox {
    padding: 60px;
    border: 1px solid #ddd;
    text-align: center;
}

#email .emailInfoBox strong {
    font-size: 24px;
}

#email .emailInfoBox p {
    margin-top: 24px;
    color: #888;
    line-height: 1.5;
}

#personalInfoUse main .privacyCon h4 {
    margin: 60px 0 16px;
    font-size: 24px;
}

#personalInfoUse main .privacyCon li {
    position: relative;
    color: #888;
    line-height: 1.63;
}

#personalInfoUse main .privacyCon li > p {
    color: #888;
    line-height: 1.63;
}

#personalInfoUse main .privacyCon li table {
    width: 100%;
    margin: 16px 0;
    border-collapse: collapse;
    border-top: 1px solid #111;
}

#personalInfoUse main .privacyCon li table tbody tr:first-of-type td {
    border-top: 1px solid #111;
}

#personalInfoUse main .privacyCon li table th {
    padding: 12px 30px;
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

#personalInfoUse main .privacyCon li table th:first-of-type {
    border-left: 0;
}

#personalInfoUse main .privacyCon li table th:last-of-type {
    border-right: 0;
}

#personalInfoUse main .privacyCon li table td {
    padding: 24px 30px;
    border: 1px solid #e2e2e2;
    text-align: center;
    font-size: 16px;
}

#personalInfoUse main .privacyCon li table td:first-of-type {
    border-left: 0;
}

#personalInfoUse main .privacyCon li table td:last-of-type {
    border-right: 0;
}

#personalInfoUse main > div > span {
    display: flex;
    justify-content: center;
    margin: 40px 0;
}

#personalInfoUse main > div > span a {
    display: inline-block;
    width: 300px;
    height: 56px;
    margin: 0 10px;
    border: 1px solid #28324e;
    font-size: 18px;
    line-height: 56px;
    text-align: center;
}

/*230911_SNS 계정 연동*/
#snsInterworking .infoArea {
    width: 900px;
    padding: 40px 0;
    border: 1px solid #ddd;
    text-align: center;
}

#snsInterworking .infoArea .sns_list {
    padding: 0 60px;
}

#snsInterworking .infoArea .sns_list li {
    display: flex;
    padding: 40px 0;
    text-align: left;
    border-bottom: 1px solid #ddd;
    position: relative;
    color: #666;
}

#snsInterworking .infoArea .sns_list li:first-child {
    padding-top: 0;
}

#snsInterworking .infoArea .sns_list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

#snsInterworking .infoArea .sns_list .snsicon {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 40px
}

#snsInterworking .infoArea .sns_list .snsicon.kakao {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_extend 'http://ns.adobe.com/Extensibility/1.0/'%3E%3C!ENTITY ns_ai 'http://ns.adobe.com/AdobeIllustrator/10.0/'%3E%3C!ENTITY ns_graphs 'http://ns.adobe.com/Graphs/1.0/'%3E%3C!ENTITY ns_vars 'http://ns.adobe.com/Variables/1.0/'%3E%3C!ENTITY ns_imrep 'http://ns.adobe.com/ImageReplacement/1.0/'%3E%3C!ENTITY ns_sfw 'http://ns.adobe.com/SaveForWeb/1.0/'%3E%3C!ENTITY ns_custom 'http://ns.adobe.com/GenericCustomNamespace/1.0/'%3E%3C!ENTITY ns_adobe_xpath 'http://ns.adobe.com/XPath/1.0/'%3E%0A%5D%3E%3Csvg version='1.1' id='레이어_1' xmlns:x='&ns_extend;' xmlns:i='&ns_ai;' xmlns:graph='&ns_graphs;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cmetadata%3E%3Csfw xmlns='&ns_sfw;'%3E%3Cslices%3E%3C/slices%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='500' width='500' x='0' y='-500'%3E%3C/sliceSourceBounds%3E%3C/sfw%3E%3C/metadata%3E%3Cg%3E%3Ccircle style='fill:%23FAE100;' cx='250' cy='250' r='250'/%3E%3Cg%3E%3Cpath style='fill:%23371D1E;' d='M250,148.3c-64.6,0-117.1,41.4-117.1,92.5c0,33.3,22.2,62.4,55.5,78.7c-2.4,9.1-8.9,33.1-10.1,38.2 c-1.6,6.4,2.3,6.3,4.9,4.6c2-1.3,32.1-21.8,45-30.6c7,1,14.3,1.6,21.7,1.6c64.6,0,117.1-41.4,117.1-92.5 C367.1,189.7,314.6,148.3,250,148.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 25px;
}

#snsInterworking .infoArea .sns_list .snsicon.apple {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_extend 'http://ns.adobe.com/Extensibility/1.0/'%3E%3C!ENTITY ns_ai 'http://ns.adobe.com/AdobeIllustrator/10.0/'%3E%3C!ENTITY ns_graphs 'http://ns.adobe.com/Graphs/1.0/'%3E%3C!ENTITY ns_vars 'http://ns.adobe.com/Variables/1.0/'%3E%3C!ENTITY ns_imrep 'http://ns.adobe.com/ImageReplacement/1.0/'%3E%3C!ENTITY ns_sfw 'http://ns.adobe.com/SaveForWeb/1.0/'%3E%3C!ENTITY ns_custom 'http://ns.adobe.com/GenericCustomNamespace/1.0/'%3E%3C!ENTITY ns_adobe_xpath 'http://ns.adobe.com/XPath/1.0/'%3E%0A%5D%3E%3Csvg version='1.1' id='레이어_1' xmlns:x='&ns_extend;' xmlns:i='&ns_ai;' xmlns:graph='&ns_graphs;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cmetadata%3E%3Csfw xmlns='&ns_sfw;'%3E%3Cslices%3E%3C/slices%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='500' width='500' x='0' y='0'%3E%3C/sliceSourceBounds%3E%3C/sfw%3E%3C/metadata%3E%3Ccircle cx='250' cy='250' r='250'/%3E%3Cpath class='st0' d='M310.3,242.2c0.3,33.4,29.4,44.6,29.7,44.8c-0.2,0.8-4.6,15.8-15.3,31.4c-9.2,13.5-18.7,26.9-33.9,27.1 c-14.8,0.2-19.5-8.8-36.5-8.8s-22.2,8.5-36.2,9.1c-14.6,0.6-25.6-14.6-34.9-27.9c-19-27.5-33.5-77.5-14-111.4 c9.6-16.8,26.9-27.5,45.8-27.7c14.2-0.2,27.7,9.6,36.5,9.6c8.8,0,25.1-11.9,42.3-10.1c7.2,0.3,27.5,2.9,40.4,21.9 C333.2,200.9,310.1,214.3,310.3,242.2 M282.5,160.1c7.7-9.3,12.9-22.3,11.6-35.3c-11.1,0.4-24.6,7.4-32.5,16.7 c-7.2,8.3-13.5,21.5-11.8,34.2C262.1,176.7,274.8,169.4,282.5,160.1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 25px;
}

#snsInterworking .infoArea .sns_list .snsicon.naver {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_extend 'http://ns.adobe.com/Extensibility/1.0/'%3E%3C!ENTITY ns_ai 'http://ns.adobe.com/AdobeIllustrator/10.0/'%3E%3C!ENTITY ns_graphs 'http://ns.adobe.com/Graphs/1.0/'%3E%3C!ENTITY ns_vars 'http://ns.adobe.com/Variables/1.0/'%3E%3C!ENTITY ns_imrep 'http://ns.adobe.com/ImageReplacement/1.0/'%3E%3C!ENTITY ns_sfw 'http://ns.adobe.com/SaveForWeb/1.0/'%3E%3C!ENTITY ns_custom 'http://ns.adobe.com/GenericCustomNamespace/1.0/'%3E%3C!ENTITY ns_adobe_xpath 'http://ns.adobe.com/XPath/1.0/'%3E%0A%5D%3E%3Csvg version='1.1' id='레이어_1' xmlns:x='&ns_extend;' xmlns:i='&ns_ai;' xmlns:graph='&ns_graphs;' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2306BE34;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cmetadata%3E%3Csfw xmlns='&ns_sfw;'%3E%3Cslices%3E%3C/slices%3E%3CsliceSourceBounds bottomLeftOrigin='true' height='500' width='500' x='-0.7' y='0'%3E%3C/sliceSourceBounds%3E%3C/sfw%3E%3C/metadata%3E%3Ccircle class='st0' cx='249.3' cy='250' r='250'/%3E%3Cg%3E%3Cpolygon class='st1' points='347.5,159.7 347.5,340.3 281.6,340.3 217,249.4 217,340.3 151.1,340.3 151.1,159.7 217,159.7 281.6,254.3 281.6,159.7 '/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 25px;
}

#snsInterworking .infoArea .sns_list .connect_date {
    margin-right: 30px;
}

#snsInterworking .infoArea .sns_list .bt_unbind {
    color: #fff;
    background-color: #28324e;
    padding: 0 10px;
    font-size: 12px;
    right: 0;
    position: absolute;
}


/*# sourceMappingURL=content.css.map */


/* 문화아카데미회원 수강회원 탈회 팝업 */
#academyMemPop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 21;
    width: 350px;
    padding: 30px 24px 24px;
    background: rgb(255, 255, 255);
    word-break: keep-all;

    span {
        font-weight: 700;
    }

    .btnTypeD {
        margin: 24px 0 0;
        width: 100%;
    }

    .btnPopClose {
        padding: 30px;
    }
}